@@ -15,6 +15,17 @@ import Typography from '@mui/material/Typography';
1515import { SkillBadge } from " @/components/shields-io/variants/skill-badge" ;
1616import { Connect } from " @/components/shields-io/variants/connect" ;
1717import Grid from ' @mui/material/Unstable_Grid2' ;
18+ import Link from ' @mui/material/Link' ;
19+
20+ import PermIdentity from " ./images/perm_identity.svg" ;
21+ import Cake from " ./images/cake.svg" ;
22+ import Gender from " ./images/gender.svg" ;
23+ import Github from " ./images/github.svg" ;
24+ import LinkedIn from " ./images/linkedin.svg" ;
25+ import LocationOn from " ./images/location_on.svg" ;
26+ import Mail from " ./images/mail.svg" ;
27+ import Markdown from " ./images/markdown.svg" ;
28+ import Phone from " ./images/phone.svg" ;
1829
1930<Box
2031 sx = { {
@@ -215,3 +226,68 @@ _Ton Duc Thang University & Microsoft Vietnam - 2014_
215226_ Ton Duc Thang University, Ho Chi Minh - 2018_
216227
217228##### Contact info
229+
230+ <Box
231+ css = { {
232+ display: " grid" ,
233+ gridTemplateColumns: " 20px 1fr 20px 1fr" ,
234+ gridAutoRows: " auto" ,
235+ gridGap: " 8px" ,
236+ alignItems: " center" ,
237+ justifyItems: " start" ,
238+ }}
239+ >
240+ <img src = { PermIdentity } />
241+ <Typography >
242+ { " Nguyễn Duy Thanh" }
243+ </Typography >
244+ <img src = { Mail } />
245+ <Typography >
246+ { " ndthanhdev@outlook.com" }
247+ </Typography >
248+
249+ <img src = { Gender } />
250+ <Typography >
251+ { " Male" }
252+ </Typography >
253+
254+ <img src = { LocationOn } width = " 16px" />
255+ <Typography >
256+ { " District 7, Ho Chi Minh, Vietnam" }
257+ </Typography >
258+
259+ <img src = { Cake } />
260+ <Typography >
261+ { " 1996" }
262+ </Typography >
263+
264+ </Box >
265+
266+ <Stack
267+ direction = " row"
268+ mt = { 6 }
269+ mb = { 2 }
270+ justifyContent = " center"
271+ css = { {
272+ width: " 100%" ,
273+ }}
274+ >
275+ <Divider
276+ css = { {
277+ width: " 100%" ,
278+ }}
279+ />
280+ </Stack >
281+
282+ <Stack
283+ direction = " row"
284+ mt = { 0 }
285+ mb = { 2 }
286+ justifyContent = " center"
287+ css = { {
288+ width: " 100%" ,
289+ }}
290+ >
291+ Latest at{ " " }
292+ <Link href = " https://ndthanhdev.github.io/cv" >ndthanhdev.github.io/cv</Link >
293+ </Stack >
0 commit comments