-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
186 lines (170 loc) · 8.84 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>CV PVTRONG</title>
<link rel="stylesheet" href="./Css/index.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<!-- Header section -->
<section id="header">
<div class="container text-center">
<div class="user-box">
<img src="./Img/ảnhhồsơchính2.png" alt="">
<h1>Phạm Văn Trọng</h1>
<p>Front End Developer</p>
</div>
</div>
<div class="scroll-btn">
<div class="scroll-bar">
<a href="">
<span>
</span>
</a>
</div>
</div>
</section>
<!-- User Info Section -->
<section id="user-info">
<div class="nav-bar">
<nav class="navbar navbar-expand-lg">
<a class="navbar-brand" href="#">
<img src="./Img/Name.png" alt="">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<i class="fa fa-bars"></i>
</button>
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<div class="navbar-nav ml-auto">
<a class="nav-item nav-link" href="#">HOME <span class="sr-only">(current)</span></a>
<a class="nav-item nav-link" href="#">ABOUT ME</a>
<a class="nav-item nav-link" href="#">RESUME</a>
<a class="nav-item nav-link" href="#">SERVICES</a>
<a class="nav-item nav-link" href="#">CONTACT</a>
</div>
</div>
</nav>
<!--------------- ABOUT ------------>
<div class="about container" id="about">
<div class="row">
<div class="col-md-6 text-center">
<img src="./Img/ảnhhồsơchính3.png" class="profile-img" alt="">
</div>
<div class="col-md-6">
<h3>WHO AM I?</h3>
<p>I am a student in Faculty of Information Technology, VNU University of Engineering and Technology.</p>
<div class="skills-bar">
<p>HTML</p>
<div class="progress">
<div class="progress-bar" style="width: 80%">80%</div>
</div>
<p>CSS3/SCSS</p>
<div class="progress">
<div class="progress-bar" style="width: 70%">70%</div>
</div>
<p>JS</p>
<div class="progress">
<div class="progress-bar" style="width: 80%">80%</div>
</div>
<p>BOOTSTRAP4</p>
<div class="progress">
<div class="progress-bar" style="width: 60%">60%</div>
</div>
<p>JQUERY</p>
<div class="progress">
<div class="progress-bar" style="width: 70%">70%</div>
</div>
<p>JAVA/C#</p>
<div class="progress">
<div class="progress-bar" style="width: 60%">60%</div>
</div>
<p>MySQL</p>
<div class="progress">
<div class="progress-bar" style="width: 60%">60%</div>
</div>
</div>
</div>
</div>
</div>
<!-------------Resume----------->
<div class="resume container" id="resume">
<div class="row">
<div class="col-md-6">
<h3 class="text-center">My Experiences</h3>
<ul class="timeline">
<li>
<h4><span>2010 - </span>Participated in a training course of MISA</h4>
<p>Thank MISA so much. MISA taught me how to create a web from front-end to backend,... Finished the course I have a small project: (<a href="https://github.com/phamtrong2000/Demo_Web">view project</a>). </p>
</li>
<li>
<h4><span>2019 - </span>Research</h4>
<p>I have participated in research with a teacher in my shool for 6 months.</p>
</li>
<li>
<h4><span>At the end of 2018 - </span>Learn Java</h4>
<p>Java is the second language that i learned because Java is the Object Oriented Language.</p>
</li>
<li>
<h4><span>2018 - </span>Started learning dev</h4>
<p>I have started learning to develop with C++. Then I created a normal game 2048 with SDL of C++.</p>
</li>
</ul>
</div>
<div class="col-md-6">
<h3 class="text-center">My Educations</h3>
<ul class="timeline">
<li>
<h4><span>2010 - </span>Self learning</h4>
<p>I study and search everything in Google, W3shool, Stackoverflow, Bootstrap,...</p>
</li>
<li>
<h4><span>2019 - </span>Interested in Dev web</h4>
<p>I follow a learning website: <a href="https://coders.tokyo/">coders.tokyo</a>. I learned so many things: UI Design, ReactJS, ES6, Regular Express,...</p>
</li>
<li>
<h4><span>At the end of 2018 - </span>Learn Java</h4>
<p>I studied OOP and Data Structure and Algorithms at shool. I know that they are very important because I tryied hard. And I make a game with my friend: Tower Defense (<a href="https://github.com/phamtrong2000/phamvantrong_tranductoan">view project</a>).</p>
</li>
<li>
<h4><span>2018 - </span>A little Experience dev</h4>
<p>I have started learning to develop with C++. Then I created a normal game 2048 with SDL of C++.</p>
</li>
</ul>
</div>
</div>
</div>
<!-------------Contact----------->
<div class="contact container text-center" id="contact">
<h1>Contact Me</h1>
<p class="text-center">
I am happy to work with everyone.
</p>
<div class="row">
<div class="col-md-4">
<i class="fa fa-phone"></i>
<p>+84866867299</p>
</div>
<div class="col-md-4">
<i class="fa fa-envelope"></i>
<p>phamvantrong.va@gmail.com</p>
</div>
<div class="col-md-4">
<i class="fa fa-internet-explorer"></i>
<p><a href="https://cvtrongpv.blogspot.com/">cvtrongpv.blogspot.com</a></p>
</div>
</div>
<button type="button" class="btn btn-primary"><i class="fa fa-download"></i>Resume</button>
<button type="button" class="btn btn-primary"><i class="fa fa-rocket"></i>Hire Me</button>
</div>
<div class="footer text-center">
<p>Made with <i class="fa fa-heart-o"> by PVTRONG </i></p>
</div>
</div>
</section>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script>
</body>
</html>