-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
440 lines (427 loc) · 26.3 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Thi's Resume</title>
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="crossorigin"/>
<link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Poppins:wght@600&family=Roboto:wght@300;400;500;700&display=swap"/>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@600&family=Roboto:wght@300;400;500;700&display=swap" media="print" onload="this.media='all'"/>
<noscript>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@600&family=Roboto:wght@300;400;500;700&display=swap"/>
</noscript>
<link href="css/font-awesome/css/all.min.css?ver=1.2.1" rel="stylesheet">
<link href="css/mdb.min.css?ver=1.2.1" rel="stylesheet">
<link href="css/aos.css?ver=1.2.1" rel="stylesheet">
<link href="css/main.css?ver=1.2.1" rel="stylesheet">
<noscript>
<style type="text/css">
[data-aos] {
opacity: 1 !important;
transform: translate(0) scale(1) !important;
}
</style>
</noscript>
</head>
<body class="bg-light" id="top">
<header class="d-print-none">
<div class="container text-center text-lg-left">
<h1 class="site-title mb-0" ><img src="images/logo.png" width="150" height="60"/></h1>
<div class="pt-4 clearfix">
<div class="site-nav">
<nav role="navigation">
<ul class="nav justify-content-center">
<li class="nav-item"><a class="nav-link" href="#about" title="About"><span class="menu-title">About</span></a>
</li>
<li class="nav-item"><a class="nav-link" href="#skills" title="Skills"><span class="menu-title">Skills</span></a>
</li>
<li class="nav-item"><a class="nav-link" href="#experience" title="Experience"><span class="menu-title">Experience</span></a>
</li>
<li class="nav-item"><a class="nav-link" href="#education" title="Education"><span class="menu-title">Education</span></a>
</li>
<li class="nav-item"><a class="nav-link" href="#references" title="References"><span class="menu-title">References</span></a>
</li>
<li class="nav-item"><a class="nav-link" href="#contact" title="Contact"><span class="menu-title">Contact</span></a>
</li>
</ul>
</nav>
</div>
</div>
</div>
</header>
<div class="page-content">
<div class="container">
<div class="resume-container">
<div class="shadow-1-strong bg-white my-5" id="intro">
<div class="bg-info text-white">
<div class="cover bg-image"><img src="images/header-background.jpg"/>
<div class="mask" style="background-color: rgba(0, 0, 0, 0.7);backdrop-filter: blur(2px);">
<div class="text-center p-5">
<div class="avatar p-1"><img class="img-thumbnail shadow-2-strong" src="images/avatar.jpg" width="160" height="160"/></div>
<div class="header-bio mt-3">
<div data-aos="zoom-in" data-aos-delay="0">
<h2 class="h1">Đinh Đỗ Bá Thi</h2>
<p>Devops Engineer </p>
</div>
<div class="header-social mb-3 d-print-none" data-aos="zoom-in" data-aos-delay="200">
<nav role="navigation">
<ul class="nav justify-content-center">
<li class="nav-item"><a class="nav-link" href="https://www.linkedin.com/in/dinhdobathi/" title="Linkedin"><i class="fab fa-linkedin"></i><span class="menu-title sr-only">Linkedin</span></a>
</li>
<li class="nav-item"><a class="nav-link" href="https://www.facebook.com/dinhdobathi" title="Facebook"><i class="fab fa-facebook"></i><span class="menu-title sr-only">Facebook</span></a>
</li>
<li class="nav-item"><a class="nav-link" href="https://www.instagram.com/mercuryzen" title="Instagram"><i class="fab fa-instagram"></i><span class="menu-title sr-only">Instagram</span></a>
</li>
<li class="nav-item"><a class="nav-link" href="https://github.com/dinhdobathi1992" title="Github"><i class="fab fa-github"></i><span class="menu-title sr-only">Github</span></a>
</li>
</ul>
</nav>
</div>
<div class="d-print-none"><a class="btn btn-outline-light btn-lg shadow-sm mt-1 me-3" href="material-resume.pdf" data-aos="fade-right" data-aos-delay="700">Download CV</a><a class="btn btn-info btn-lg shadow-sm mt-1" href="#contact" data-aos="fade-left" data-aos-delay="700">Hire Me</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="shadow-1-strong bg-white my-5 p-5" id="about">
<div class="about-section">
<div class="row">
<div class="col-md-6">
<h2 class="h2 fw-light mb-4">About Me</h2>
<p>Hello! I’m Thi. As someone with a lot of ambition and loving automation, day by day can't stop learning to become a valuable asset for any company. I will become a Devops Leader and along with my team to make things from impossible to possible </p>
<p>With me, A Devops must know CI/CD ---- A good one must also know CL.</p>
</div>
<div class="col-md-5 offset-lg-1">
<div class="row mt-2">
<h2 class="h2 fw-light mb-4">Bio</h2>
<div class="col-sm-5">
<div class="pb-2 fw-bolder"><i class="far fa-calendar-alt pe-2 text-muted" style="width:24px;opacity:0.85;"></i> Age</div>
</div>
<div class="col-sm-7">
<div class="pb-2">30</div>
</div>
<div class="col-sm-5">
<div class="pb-2 fw-bolder"><i class="far fa-envelope pe-2 text-muted" style="width:24px;opacity:0.85;"></i> Email</div>
</div>
<div class="col-sm-7">
<div class="pb-2">[email protected]</div>
</div>
<div class="col-sm-5">
<div class="pb-2 fw-bolder"><i class="fab fa-skype pe-2 text-muted" style="width:24px;opacity:0.85;"></i> Skype</div>
</div>
<div class="col-sm-7">
<div class="pb-2">dinhdobathi</div>
</div>
<div class="col-sm-5">
<div class="pb-2 fw-bolder"><i class="fas fa-phone pe-2 text-muted" style="width:24px;opacity:0.85;"></i> Phone</div>
</div>
<div class="col-sm-7">
<div class="pb-2">+84-774921992</div>
</div>
<div class="col-sm-5">
<div class="pb-2 fw-bolder"><i class="fas fa-map-marker-alt pe-2 text-muted" style="width:24px;opacity:0.85;"></i> Address</div>
</div>
<div class="col-sm-7">
<div class="pb-2">33, Nguyen Huu Tho Street, District 7, HCMC</div>
</div>
<div class="col-sm-5">
<div class="pb-2 fw-bolder"><i class="fab fa-linkedin pe-2 text-muted" style="width:24px;opacity:0.85;"></i> Linkedin</div>
</div>
<div class="col-sm-7">
<div class="pb-2">dinhdobathi</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="shadow-1-strong bg-white my-5 p-5" id="skills">
<div class="skills-section">
<h2 class="h2 fw-light mb-4">Professional Skills</h2>
<div class="row">
<div class="col-md-6">
<div class="mb-3"><span class="fw-bolder">Microsoft Azure</span>
<div class="progress my-2 rounded" style="height: 20px">
<div class="progress-bar bg-info" role="progressbar" data-aos="zoom-in-right" data-aos-delay="100" data-aos-anchor=".skills-section" style="width: 69%;" aria-valuenow="69" aria-valuemin="0" aria-valuemax="100">Advanced</div>
</div>
</div>
<div class="mb-3"><span class="fw-bolder">Google Cloud </span>
<div class="progress my-2 rounded" style="height: 20px">
<div class="progress-bar bg-info" role="progressbar" data-aos="zoom-in-right" data-aos-delay="100" data-aos-anchor=".skills-section" style="width: 70%;" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100">Advanced</div>
</div>
</div>
<div class="mb-3"><span class="fw-bolder">Ansible/Docker/Jenkins</span>
<div class="progress my-2 rounded" style="height: 20px">
<div class="progress-bar bg-info" role="progressbar" data-aos="zoom-in-right" data-aos-delay="600" data-aos-anchor=".skills-section" style="width: 70%" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100">Average</div>
</div>
</div>
<div class="mb-3"><span class="fw-bolder">Kubernetes/Helm Chart</span>
<div class="progress my-2 rounded" style="height: 20px">
<div class="progress-bar bg-info" role="progressbar" data-aos="zoom-in-right" data-aos-delay="200" data-aos-anchor=".skills-section" style="width: 80%" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100">Advanced</div>
</div>
</div>
<div class="mb-3"><span class="fw-bolder">Windows Servers</span>
<div class="progress my-2 rounded" style="height: 20px">
<div class="progress-bar bg-info" role="progressbar" data-aos="zoom-in-right" data-aos-delay="300" data-aos-anchor=".skills-section" style="width: 85%" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100">Advanced</div>
</div>
</div>
<div class="mb-3"><span class="fw-bolder">CentOS/Ubuntu/Redhat</span>
<div class="progress my-2 rounded" style="height: 20px">
<div class="progress-bar bg-info" role="progressbar" data-aos="zoom-in-right" data-aos-delay="300" data-aos-anchor=".skills-section" style="width: 85%" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100">Advance</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="mb-3"><span class="fw-bolder">Shell/Bash/Powershell</span>
<div class="progress my-2 rounded" style="height: 20px">
<div class="progress-bar bg-secondary" role="progressbar" data-aos="zoom-in-right" data-aos-delay="400" data-aos-anchor=".skills-section" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100">Average</div>
</div>
</div>
<div class="mb-3"><span class="fw-bolder">Security ISO 27001</span>
<div class="progress my-2 rounded" style="height: 20px">
<div class="progress-bar bg-secondary" role="progressbar" data-aos="zoom-in-right" data-aos-delay="400" data-aos-anchor=".skills-section" style="width: 90%" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100">Advanced</div>
</div>
</div>
<div class="mb-3"><span class="fw-bolder">Office 365</span>
<div class="progress my-2 rounded" style="height: 20px">
<div class="progress-bar bg-secondary" role="progressbar" data-aos="zoom-in-right" data-aos-delay="500" data-aos-anchor=".skills-section" style="width: 85%" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100">Advanced</div>
</div>
</div>
<div class="mb-3"><span class="fw-bolder">System Monitoring</span>
<div class="progress my-2 rounded" style="height: 20px">
<div class="progress-bar bg-secondary" role="progressbar" data-aos="zoom-in-right" data-aos-delay="600" data-aos-anchor=".skills-section" style="width: 50%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100">Average</div>
</div>
</div>
<div class="mb-3"><span class="fw-bolder">VMware/HyperV</span>
<div class="progress my-2 rounded" style="height: 20px">
<div class="progress-bar bg-secondary" role="progressbar" data-aos="zoom-in-right" data-aos-delay="300" data-aos-anchor=".skills-section" style="width: 85%" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100">Advance</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="shadow-1-strong bg-white my-5 p-5" id="experience">
<div class="work-experience-section">
<h2 class="h2 fw-light mb-4">Working Experience</h2>
<div class="timeline">
<div class="timeline-card timeline-card-info" data-aos="fade-in" data-aos-delay="0">
<div class="timeline-head px-4 pt-3">
<div class="h5">DEVOPS ENGINEER <span class="text-muted h6"> <p style="color:Tomato;"><strong>Manabie Viet Nam</strong></p></span></div>
</div>
<div class="timeline-body px-4 pb-4">
<div class="text-muted text-small mb-3">March, 2022 - Present</div>
<div>
<div>• Refactor Helm Chart & make a common template library for subcharts </div>
<div>• Utilizing K8s Resource </div>
<div>• Optimize Google Cloud cost by creating Hybrid CI/CD (build a runner farm on premise) </div>
<div>• Enhance & create CI/CD workflow with Github Action </div>
<div>• Make a custom Github flow by using Golang and Github API </div>
<div>• Setup & Manage Kiali Dashboard on GKE to manage, visualize, validate and troubleshoot services mesh </div>
<div>• Automated application deployments using Argo Rollout </div>
<div>• Support research and deploy new tech stack like Google Skaffold, Data Dog... </div>
</div>
</div>
</div>
<div class="timeline-card timeline-card-info" data-aos="fade-in" data-aos-delay="0">
<div class="timeline-head px-4 pt-3">
<div class="h5">DEVOPS ENGINEER & SENIOR SYSTEM ADMINISTRATION <span class="text-muted h6"> <p style="color:Tomato;"><strong>Dai-ichi-life Viet Nam</strong></p></span></div>
</div>
<div class="timeline-body px-4 pb-4">
<div class="text-muted text-small mb-3">August, 2020 - Feb, 2022</div>
<div>
<div>• Research & apply devops culture to optimize application deployment processes. </div>
<div>• Install & manage CI/CD tools ( Docker, Jenkins,) to deploy application from SCM to multiple enviroments </div>
<div>• Setup & Manage K8S on-prem and Google (GKE) </div>
<div>• Automated application deployments using GitOps Strategy </div>
<div>• Automated database deployments (MSSQL) using Redgate Source Control </div>
<div>• Deploy and maintenance Azure Cloud systems(DWH and Azure Virtual Desktop project) </div>
<div>• Deploy VDI system using VMWARE HORIZON.</div>
<div>• Deploy Ansible (Ansible Tower) for automation tasks and software deployments.</div>
<div>• Monitoring server health, server performance and audit logs to ensure the system is performing well.</div>
<div>• Support research and deploy new project</div>
</div>
</div>
</div>
<div class="timeline-card timeline-card-info" data-aos="fade-in" data-aos-delay="100">
<div class="timeline-head px-4 pt-3">
<div class="h5">IT System & Network Administrator <span class="text-muted h6"> <p style="color:Tomato;"><strong>SGH Asia Ltd</strong></p></span></div>
</div>
<div class="timeline-body px-4 pb-4">
<div class="text-muted text-small mb-3">Feb, 2017 - August, 2020</div>
<div>
<div>• Responsibility on the servers, network system, servers room, and end users (150 users)</div>
<div>• Ensure smooth and uninterrupted operation of all components of the infrastructure throughout the entire company at all times.</div>
<div>• Conducted research and gave recommendations to improve automated processes for system administration tasks.</div>
<div>• Technical leader in upgrading firewall, vmware, servers...</div>
<div>• Performed daily audit on all systems, frameworks, hardware and server resources.</div>
<div>• Reviewed server and application logs.</div>
<div>• Applied daily OS patches and upgrades to counter potential threats to system.</div>
<div>• Play the role of Administrator of ITSM Software Solution including the installation, configuration, troubleshooting, creating reports, Disaster Recovery Plan & actively participate into the process to implement the ISO-27001 framework..</div>
</div>
</div>
</div>
<div class="timeline-card timeline-card-info" data-aos="fade-in" data-aos-delay="400">
<div class="timeline-head px-4 pt-3">
<div class="h5">Solution Architect & System Administrator <span class="text-muted h6"> <p style="color:Tomato;"><strong>Vien Tin Vinh Solution Ltd</strong></p></span></div>
</div>
<div class="timeline-body px-4 pb-4">
<div class="text-muted text-small mb-3">May, 2015 - Feb, 2017</div>
<div>
<div>• System administration for overall technical maintenance of the IT-infrastructure.</div>
<div>• Manage all Windows, Linux, Backup/Restore, LAN/WAN/VPN, VMware, AD/DNS and support sales with technical problem.</div>
<div>• Technical Project leader of some projects related to: VMWARE, UNIFI NETWORK, MERAKI NETWORK, NAS, CCTV</div>
</div>
</div>
</div>
<div class="timeline-card timeline-card-info" data-aos="fade-in" data-aos-delay="500">
<div class="timeline-head px-4 pt-3">
<div class="h5"> System Administrator <span class="text-muted h6"> <p style="color:Tomato;"><strong>TRG International Ltd</strong></p></span></div>
</div>
<div class="timeline-body px-4 pb-4">
<div class="text-muted text-small mb-3">Sept, 2013 - May, 2015</div>
<div>
<div>• Managed servers, workstations, computers, laptops, printers, routers, switches and existing network applications.</div>
<div>• Diagnosed and resolved all technical issues related to hardware and software.</div>
<div>• Performed technical support by Kayako Ticket System with SUN Info system and Citrix system.</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="shadow-1-strong bg-white my-5 p-5" id="education">
<div class="education-section">
<h2 class="h2 fw-light mb-4">Education</h2>
<div class="timeline">
<div class="timeline-card timeline-card-success" data-aos="fade-in" data-aos-delay="400">
<div class="timeline-head px-4 pt-3">
<div class="h5">CERTIFIED KUBERNETES ADMINISTRATOR (CKA) <span class="text-muted h6">from Cloud Native Computing Foundation (CNCF)</span> </div>
</div>
<div class="text-muted text-small mb-3">2022</div>
</div>
<div class="timeline-card timeline-card-success" data-aos="fade-in" data-aos-delay="0">
<div class="timeline-head px-4 pt-3">
<div class="h5">Bachelor of Computer Science <span class="text-muted h6">from Ton Duc Thang University</span></div>
</div>
<div class="text-muted text-small mb-3">2011 - 2017</div>
</div>
<div class="timeline-card timeline-card-success" data-aos="fade-in" data-aos-delay="200">
<div class="timeline-head px-4 pt-3">
<div class="h5">Network Engineering - Microsoft Technologies <span class="text-muted h6">from NIIT Hoa Sen</span> </div>
</div>
<div class="text-muted text-small mb-3">2011 - 2013</div>
</div>
<div class="timeline-card timeline-card-success" data-aos="fade-in" data-aos-delay="400">
<div class="timeline-head px-4 pt-3">
<div class="h5">AZ-104, AZ-500, AZ-900 <span class="text-muted h6">from Microsoft, Trainocate</span> </div>
</div>
<div class="text-muted text-small mb-3">2020 - 2021</div>
</div>
<div class="timeline-card timeline-card-success" data-aos="fade-in" data-aos-delay="400">
<div class="timeline-head px-4 pt-3">
<div class="h5">MCSA2012, LPIC 1,2/Advanced <span class="text-muted h6">from Nhat Nghe</span> </div>
</div>
<div class="text-muted text-small mb-3">2016 - 2018</div>
</div>
</div>
</div>
</div>
<div class="shadow-1-strong bg-white my-5 p-5" id="references">
<div class="reference-section">
<h2 class="h2 fw-light mb-4">References</h2>
<div class="row">
<div class="col-md-6">
<div class="d-flex mb-2">
<div class="avatar"><img src="images/reference-image-1.jpg" width="60" height="60"/></div>
<div class="header-bio m-3 mb-0">
<h3 class="h6 mb-1" data-aos="fade-left" data-aos-delay="0">Huynh Huu Hien</h3>
<p class="text-muted text-small" data-aos="fade-left" data-aos-delay="100">Head of IT Operations at SmartPay</p>
</div>
</div>
<div class="d-flex"><i class="text-secondary fas fa-quote-left"></i>
<p class="lead mx-2" data-aos="fade-left" data-aos-delay="100">I worked with Thi over 3 years. He is a smart, talent engineer. He contributed ideas about new technical solutions for our company. I believe that he will be a valuable asset for any company.</p>
</div>
</div>
<div class="col-md-6">
<div class="d-flex mb-2">
<div class="avatar"><img src="images/reference-image-2.jpg" width="60" height="60"/></div>
<div class="header-bio m-3 mb-0">
<h3 class="h6 mb-1" data-aos="fade-left" data-aos-delay="0">Danny Do</h3>
<p class="text-muted text-small" data-aos="fade-left" data-aos-delay="100">Chief Technology Officer at DTC group</p>
</div>
</div>
<div class="d-flex"><i class="text-secondary fas fa-quote-left"></i>
<p class="lead mx-2" data-aos="fade-left" data-aos-delay="100">The first time, we worked together it was not special, until he & I worked together to solve some big problems for my department. I had to say this person was special in Technology especially in System administration. Any problem he will have solution smartly despite how its hard. Very cool!</p>
</div>
</div>
</div>
</div>
</div>
<div class="shadow-1-strong bg-white my-5 p-5" id="contact">
<div class="contant-section">
<h2 class="h2 fw-light text mb-4">Contact</h2>
<div class="row mb-4">
<div class="col-md-5" data-aos="fade-left" data-aos-delay="200">
<div class="mt-1">
<div class="h6"><i class="fas fa-phone pe-2 text-muted" style="width:24px;opacity:0.85;"></i> +84 774921992</div>
<div class="h6"><i class="far fa-envelope pe-2 text-muted" style="width:24px;opacity:0.85;"></i> [email protected]</div>
</div>
<div class="mt-5 d-print-none"><form action="https://formspree.io/[email protected]"
method="POST">
<div class="form-outline mb-4">
<input type="text" id="name" class="form-control" required/>
<label class="form-label" for="name">Name</label>
</div>
<div class="form-outline mb-4">
<input type="email" id="email" class="form-control" required/>
<label class="form-label" for="email">Email address</label>
</div>
<div class="form-outline mb-4">
<textarea class="form-control" style="resize: none;" id="message" rows="4" required></textarea>
<label class="form-label" for="message">Message</label>
</div>
<button class="btn btn-info btn-block mb-4" type="submit">Send</button>
</form>
</div>
</div>
<div class="col-md-7 d-print-none" data-aos="zoom-in" data-aos-delay="100"><iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3919.8505088987754!2d106.69929691526495!3d10.746002462691814!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x31752f69ec92ea0f%3A0x988444bc8a30c089!2zMzMgxJAuTmd1eeG7hW4gSOG7r3UgVGjhu40sIFTDom4gSMawbmcsIFF14bqtbiA3LCBUaMOgbmggcGjhu5EgSOG7kyBDaMOtIE1pbmgsIFZpZXRuYW0!5e0!3m2!1sen!2s!4v1623505529107!5m2!1sen!2s" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe></div>
</div>
</div>
</div>
</div></div>
</div>
<footer class="pt-4 pb-4 text-muted text-center d-print-none">
<div class="h5">Visitors</div>
<div style="text-align:center;"><script type="text/javascript" src="//counter.websiteout.net/js/5/3/0/0"></script>
<div class="container">
<div class="my-3">
<div class="h4">Dinh Do Ba Thi</div>
<div class="footer-nav">
<nav role="navigation">
<ul class="nav justify-content-center">
<li class="nav-item"><a class="nav-link" href="https://twitter.com/templateflip" title="Twitter"><i class="fab fa-twitter"></i><span class="menu-title sr-only">Twitter</span></a>
</li>
<li class="nav-item"><a class="nav-link" href="https://www.facebook.com/dinhdobathi" title="Facebook"><i class="fab fa-facebook"></i><span class="menu-title sr-only">Facebook</span></a>
</li>
<li class="nav-item"><a class="nav-link" href="https://www.instagram.com/mercuryzen" title="Instagram"><i class="fab fa-instagram"></i><span class="menu-title sr-only">Instagram</span></a>
</li>
<li class="nav-item"><a class="nav-link" href="https://github.com/dinhdobathi1992" title="Github"><i class="fab fa-github"></i><span class="menu-title sr-only">Github</span></a>
</li>
</ul>
</nav>
</div>
</div>
<div class="text-small">
<div class="mb-1">© Thi's Resume. All rights reserved.</div>
<div>Design - <a href="https://dinhdobathi.com/" target="_blank">Thi</a></div>
</div>
</div>
</footer>
<script src="scripts/mdb.min.js?ver=1.2.1"></script>
<script src="scripts/aos.js?ver=1.2.1"></script>
<script src="scripts/main.js?ver=1.2.1"></script>
</body>
</html>