-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
255 lines (221 loc) · 9.45 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
<!DOCTYPE HTML>
<html>
<head>
<title>Portfolio's Do Minh Duy - duyhandsome</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<link rel="icon" type="image/x-icon" href="images/pic01.jpg">
<noscript>
<link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload landing">
<div id="page-wrapper">
<!-- Header -->
<header id="header">
<h1 id="logo"><a href="index.html">Portfolio's Do Minh Duy</a></h1>
<nav id="nav">
<ul>
<li>
<a href="#"></a>
<ul>
<li><a href="#introduction">Introduction</a></li>
<li><a href="#blog">Blog</a></li>
<li><a href="#certificate">Certificates</a></li>
<li><a href="#thanks">Thanks</a></li>
</ul>
</li>
<li>
<a href="https://www.linkedin.com/in/duy-do-minh-0b37501a9"
class="icon brands alt fa-linkedin-in"></a>
</li>
<li>
<a href="https://github.com/dominhduy09" class="icon brands alt fa-github"></a>
</li>
<li>
<a href="mailto: dominhduy09@gmail.com" class="icon solid alt fa-envelope"></a>
</li>
</ul>
</nav>
</header>
<!-- Banner -->
<section id="banner">
<div class="content">
<header>
<h2>Do Minh Duy</h2>
<p>Passionate coder and crazy about exploring.</p>
</header>
<span class="image"><img src="images/pic01.jpg" alt="" /></span>
</div>
<a href="#aboutme" class="goto-next scrolly">Next</a>
</section>
<!-- About me -->
<section id="aboutme" class="spotlight style1 bottom">
<span class="image fit main"><img src="images/pic02.jpg" alt="" /></span>
<div class="content">
<div class="container">
<div class="row">
<div class="col-4 col-12-medium">
<header>
<h2>
I CAN AND I WILL!
</h2>
<p>Maybe I don't have much experience, I strongly believe that with my own ability, I will complete all the tasks in the best way and improve work efficiency.
</p>
</header>
</div>
<div class="col-4 col-12-medium">
<p> A software engineer is a hybrid combination of technical
skills as well as soft skills. Not only do you have to take care of creating a good software, but you also have to know how to communicate well to promote your product
the functionality while boosting the performance, reliability, flexibility, and manageability. </p>
</div>
<div class="col-4 col-12-medium">
<p>I am a normal person but enthusiasm, reliability. When I am coding, I have to be in deep focus mode to broaden my mind.
When I am not coding, I usually enjoy spending my time with my own
family, watering my garden, cleaning my house, running around or going to the gym, and exploring the World.</p>
</div>
</div>
</div>
</div>
<a href="#introduction" class="goto-next scrolly">Next</a>
</section>
<!-- Introduction -->
<section id="introduction" class="spotlight style3 left">
<span class="image fit main bottom"><img src="images/pic09.jpg" alt="" /></span>
<div class="content">
<header>
<h2>Introduction <h2>
</header>
<p> I am one of the first and foremost to be exposed to Technology in my family. Ever since I was little, I have been addicted to it and can't take my eyes off it because of its attractiveness and fun.
As I got older, I spent more time learning and diving into it more. I am not confident that I can master everything, but I am confident that I can conquer and try my best for my passion.
<ul class="actions">
<li><a href="https://bio.link/dmduy" class="button">My Bio Link</a></li>
<li><a href="https://github.com/dominhduy09" class="button">GitHub</a></li>
</ul>
</div>
<a href="#blog" class="goto-next scrolly">Next</a>
</section>
<!-- Blog -->
<section id="blog" class="spotlight style2 right">
<span class="image fit main"><img src="images/pic05.jpg" alt="" /></span>
<div class="content">
<header>
<h2>Blog</h2>
</header>
<p> I regularly wrote my blog with my abilities and thoughts. To improve my skill and ability to remember. Helping, inspiring people to have a positive life.
Also, I can note all of the important things and make it to a project.
</p>
<ul class="actions">
<li><a href="https://dominhduy.blogspot.com/" class="button">Blogspot</a></li>
<li><a href="https://hackmd.io/@dominhduy" class="button">Hackmd.io</a></li>
</ul>
</div>
<a href="#certificate" class="goto-next scrolly">Next</a>
</section>
<!-- Certificate -->
<section id="certificate" class="spotlight style3 left">
<span class="image fit main bottom"><img src="images/pic04.jpg" alt="" /></span>
<div class="content">
<header>
<h2>Certificates</h2>
</header>
<p> With all my effort, I intend to pass as many certificates as I can. For some people, they seem not to care that so much but from my perspective,
I love learning and it can make me feel easier to achieve. </p>
<ul class="actions">
<li><a href="https://tinyurl.com/dominhduy" class="button">Certificates</a></li>
<li><a href="https://drive.google.com/file/d/1m3h5qD2Cesu6IlNJgCP0AYm-zk0SWjjs/view?usp=sharing" class="button">CV</a></li>
</ul>
</div>
<a href="#thanks" class="goto-next scrolly">Next</a>
</section>
<!-- Thanks project -->
<section id="thanks" class="spotlight style2 right">
<span class="image fit main"><img src="images/pic03.jpg" alt="" /></span>
<div class="content">
<header>
<h2>Thanks to be here</h2>
</header>
<p>You can help me and write what are you thinking right below. Or for more infomation you can find me in anywhere on this website.</p>
<ul class="actions">
<li><a href="https://bio.link/dmduy" class="button">Donate</a></li>
<li><a href="https://github.com/dominhduy09" class="button">Visit me</a></li>
</ul>
</div>
<a href="#skills" class="goto-next scrolly">Next</a>
</section>
<!-- skills -->
<!-- <section id="skills" class="wrapper style1 special fade-up">
<div class="container">
<header class="major">
<h2>Skillset</h2>
<p>Live long learner</p>
</header>
<div class="box alt">
<div class="row gtr-uniform">
<section class="col-4 col-6-medium col-12-xsmall">
<span class="icon solid alt major fa-chart-area"></span>
<h3>Ipsum sed commodo</h3>
<p>Feugiat accumsan lorem eu ac lorem amet accumsan donec. Blandit orci porttitor.</p>
</section>
<section class="col-4 col-6-medium col-12-xsmall">
<span class="icon solid alt major fa-comment"></span>
<h3>Eleifend lorem ornare</h3>
<p>Feugiat accumsan lorem eu ac lorem amet accumsan donec. Blandit orci porttitor.</p>
</section>
<section class="col-4 col-6-medium col-12-xsmall">
<span class="icon solid alt major fa-flask"></span>
<h3>Cubilia cep lobortis</h3>
<p>Feugiat accumsan lorem eu ac lorem amet accumsan donec. Blandit orci porttitor.</p>
</section>
<section class="col-4 col-6-medium col-12-xsmall">
<span class="icon solid alt major fa-paper-plane"></span>
<h3>Non semper interdum</h3>
<p>Feugiat accumsan lorem eu ac lorem amet accumsan donec. Blandit orci porttitor.</p>
</section>
<section class="col-4 col-6-medium col-12-xsmall">
<span class="icon solid alt major fa-file"></span>
<h3>Odio laoreet accumsan</h3>
<p>Feugiat accumsan lorem eu ac lorem amet accumsan donec. Blandit orci porttitor.</p>
</section>
<section class="col-4 col-6-medium col-12-xsmall">
<span class="icon solid alt major fa-lock"></span>
<h3>Massa arcu accumsan</h3>
<p>Feugiat accumsan lorem eu ac lorem amet accumsan donec. Blandit orci porttitor.</p>
</section>
</div>
</div>
<footer class="major">
<ul class="actions special">
<li><a href="#" class="button">Magna sed feugiat</a></li>
</ul>
</footer>
</div>
</section> -->
<!-- Footer -->
<footer id="footer">
<ul class="icons">
<li><a href="https://www.linkedin.com/in/duy-do-minh-0b37501a9" class="icon brands alt fa-linkedin-in"><span
class="label">LinkedIn</span></a></li>
<li><a href="https://github.com/dominhduy09" class="icon brands alt fa-github"><span
class="label">GitHub</span></a></li>
<li><a href="mailto: dominhduy09@gmail.com" class="icon solid alt fa-envelope"><span
class="label">Email</span></a></li>
</ul>
<ul class="copyright">
<li>© Untitled. All rights reserved.</li>
<li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
<li>Demo Images: Unsplash</li>
</ul>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/jquery.dropotron.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>