-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
188 lines (185 loc) · 8.4 KB
/
about.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Call me 𝓑𝓲𝓷𝓱</title>
<link rel="stylesheet" type="text/css" href="./FontAwesome/fontawesome-free-5.15.1-web/css/all.css">
<link href="https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;600;800&display=swap" rel="stylesheet">
<link rel="shortcut icon" type="image/jpg" href="./image/logo.png" />
<link rel="stylesheet" type="text/css" href="./styles/style.css">
<link rel="stylesheet" type="text/css" href="./styles/about.css">
</head>
<body>
<!-- HEADER -->
<div class="header">
<div class="header__logo"><a href="./index.html">Nguyen Ngoc Thanh <strong>Binh</strong></a></div>
<nav>
<ul class="header__navLinks">
<li class="header__navLinks---link"><a class="link" href="./works.html">Works</a></li>
<li class="header__navLinks---link"><a class="link" href="./about.html">About</a></li>
<li class="header__navLinks---link"><a class="link" href="./contact.html">Contact</a></li>
<li class="header__navLinks---link"><a class="link"
href="./CV_Nguyen_Ngoc_Thanh_Binh_Frontend_Developer.pdf" download>Resume</a></li>
<div class="darkMode">
<button class="changeMode"><i class="far fa-moon"></i></button>
</div>
</ul>
</nav>
<div class="header__menuToggler">
<div class="bar half start"></div>
<div class="bar"></div>
<div class="bar half end"></div>
</div>
</div>
<!-- MAIN -->
<div class="AllTitle">
<div class="homepage-title--mainTitle">
<span class="mainTitle">Living Young,
<span class="line2"></span>
</span>
<span class="line1"></span>
</div>
<div class="homepage-title--contentTitle">
<p>Wild and Free.</p>
</div>
</div>
<div class="container-About">
<div class="container-About--wrapper">
<div class="About---wrapperTitle">
<p class="about-name">My name is <span>Nguyen Ngoc Thanh Binh</span> <span class="hand-shake">👋</span>
</p>
<p>And I am a Front-end Developer in Vietnam interested in designing a website with a comprehensive
design
process centered on user interaction and experience to create perfect web pages. I am a fan of
digital and technology, design and always have a focus on simplicity and care for everyone's
experience.</br></br>
As a Front-end Developer with a passion for website design, my aspiration is to live and work in a
creative and dynamic environment, together with people who have the same passion to create high
quality websites. human for human life !!</p>
<div class="container-About--content1">
<span class="title">Work Experience</span>
<ul>
<li>
June 2021 - Present </br>
<span class="position">Freelance Front-End Developer</span> </br>
At: KA Group
</br>
</li>
<li>
July 2021 - October 2021 </br>
<span class="position">Internship Front-End Developer</span> </br>
At: JAMstack Vietnam Cop.
</br>
</li>
<li>
August 2019 - September 2020 </br>
<span class="position">Factory Technician</span> </br>
At: Orient Pharmaceutical Cop.
</br>
</li>
</ul>
</div>
</div>
<div class="About---wrapperSkill">
<div class="me-img">
<img class="me" src="./image/me.jpg" alt="Me">
</div>
<h3>Education</h3>
<div class="timelineStudy">
<ul>
<li class="date" date-date="2020-Present">
<p class="title">Bach Khoa University</p>
<p>Control Engineering and Automation</br>
- The Degree of Engineer (part-time)
</p>
</li>
<li class="date" date-date="2016-2019">
<p class="title">Cao Thang Technical College</p>
<p>Control Engineering and Automation</br>
- College Degree
</p>
</li>
</ul>
</div>
<div class="skill">
<h3>Skills</h3>
<p>HTML5/CSS3</p>
<p>Javascript</p>
<p>VueJS/NuxtJS</p>
<p>ReactJS</p>
<p>C/C++</p>
<p>PLC LAD/LD</p>
</div>
</div>
</div>
<div class="container-About--content2">
<span class="title">Work Experience</span>
<ul>
<li>
October 2021 - Present </br>
<span class="position">Freelance Front-End Developer</span> </br>
At: KA Group
</br>
</li>
<li>
July 2021 - October 2021 </br>
<span class="position">Internship Front-End Developer</span> </br>
At: JAMstack Vietnam Cop.
</br>
</li>
<li>
August 2019 - September 2020 </br>
<span class="position">Factory Technician</span> </br>
At: Orient Pharmaceutical Cop.
</br>
</li>
</ul>
</div>
</div>
<!-- FOOTER -->
<div class="footer">
<div class="contact">
<span>My mail contact</span>
<a class="contacts" href="mailto:[email protected]">[email protected]</a>
</div>
<div class="tel">
<span>My phone number</span>
<a class="contacts" href="tel:039 766 56 60">+84 39 766 56 60</a>
</div>
<div class="social">
<a class="social-icon facebook" href="https://www.facebook.com/thanhbinh2501"><i
class="fab fa-facebook-f"></i></a>
<a class="social-icon skype" href="#"><i class="fab fa-skype"></i></a>
<a class="social-icon twiter" href="#"><i class="fab fa-twitter"></i></a>
<a class="social-icon instagram" href="https://www.instagram.com/thanhbinh98_/?hl=vi"><i
class="fab fa-instagram"></i></a>
<a class="social-icon linkedin" href="https://www.linkedin.com/in/binh-nguyen-7295b1225"><i
class="fab fa-linkedin-in"></i></a>
</div>
</div>
<!-- NAVBAR-MOBILE -->
<div class="navbarMobile">
<span class="img-mask lt lt-active"></span>
<span class="img-mask rt rt-active"></span>
<span class="img-mask lb lb-active"></span>
<span class="img-mask rb rb-active"></span>
<ul class="nav-links--mobile">
<li class="nav-links--mobile----link"><a class="link" href="./works.html">Works</a></li>
<li class="nav-links--mobile----link"><a class="link" href="./about.html">About</a></li>
<li class="nav-links--mobile----link"><a class="link" href="./contact.html">Contact</a></li>
<li class="nav-links--mobile----link"><a class="link"
href="./CV_Nguyen_Ngoc_Thanh_Binh_Frontend_Developer.pdf" download>Resume</a></li>
</ul>
<div class="darkMode">
<button class="changeMode2"><i class="far fa-moon"></i></button>
</div>
</div>
<!-- CURSORS -->
<div class="cursor"></div>
<div class="cursor2"></div>
<!-- JS -->
<script src="./main.js"></script>
<script src="./about.js"></script>
</body>
</html>