-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
181 lines (178 loc) · 8.02 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Triet's Profile</title>
<!-- favicon -->
<link rel="icon" type="image/x-icon" href="/img/MinhTriet.png">
<!-- google font -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;500;700;900&display=swap" rel="stylesheet">
<!-- main css -->
<link rel="stylesheet" href="./css/main.css">
</head>
<body>
<section id="overplay"></section>
<header>
<div class="container">
<nav class="navbar">
<!-- logo -->
<div class="navbar__logo">
<img src="./img/MinhTriet.png" alt="Logo của Minh Triết">
</div>
<!-- links -->
<ul class="navbar__links">
<li class="navbar__link"><a href="#works">Work</a></li>
<li class="navbar__link"><a href="#things">Project</a></li>
<li class="navbar__link"><a href="#education">Education</a></li>
<a href="#footer"><button class="navbar__btn">Contact</button></a>
</ul>
<!-- menu button -->
<div class="navbar__icons">
<div class="navbar__icon"></div>
</div>
</nav>
</div>
</header>
<!-- banner -->
<section id="banner">
<div class="container">
<!-- img -->
<div class="banner__img">
<img src="./img/banner.png" alt="">
</div>
<!-- heading -->
<div class="banner__heading">
<h1>Hi, I'm Triet</h1>
<p>I am a student majoring in Software Engineering at FPT Polytechnic (GPA: 8.7/10).
I can use Java programming language fluently and combine with Spring Boot, Spring MVC, Hibernate
frameworks for backend programming.
In addition, I also work with HTML, CSS, JavaScript for front-end code, I often use JQuery,
AngularJS libs for front-end programming.
Regarding the database, I have worked with SQL Server, My SQL, Firebase Realtime Database.</p>
<div class="banner__socials">
<a target="_blank" href="https://www.facebook.com/pnmtriet"><i class="fab fa-facebook"></i></i></a>
<a target="_blank" href="https://www.linkedin.com/in/pham-nguyen-minh-triet-9662b4265/"><i
class="fab fa-linkedin-in"></i></a>
</div>
</div>
</div>
</section>
<!-- Work -->
<section id="works">
<div class="container">
<!-- heading -->
<h2>Work Experiences</h2>
<div class="works__img">
<div class="works__content">
<h3>DSOFT COMPANY (05/2022 - 08/2022)</h3>
<p>- Project: Company information management system <br>
- Team size: 6 <br>
- Programming language: Java, JavaScript <br>
- Database: MySQL <br>
- Framework: Spring boot <br>
- Description: Full stack development on company information management system, working hours
management and company introduction information using Java api for backend and ReactJS for
frontend.
</p>
</div>
</div>
<!-- <div class="works__btn">
<a href="#"><button>View Work</button></a>
</div> -->
</div>
</section>
<!-- things -->
<section id="things">
<div class="container">
<h2>Things I do</h2>
<!-- item -->
<div class="things__item">
<img src="./img/web_time_shop.png" alt="">
<div class="things__item--heading">
<h3>TIME SHOP MANAGEMENT WEBSITE (JAVA SPRING BOOT MVC)</h3>
<p>- Github: <a target="_blank"
href="https://github.com/nhh57/DoAnTotNghiep.git">https://github.com/nhh57/DoAnTotNghiep.git</a>
<br>
- Demo: <a target="_blank" href="https://youtu.be/Jh9UC6O8M5g">https://youtu.be/Jh9UC6O8M5g</a>
<br>
- Programming language: Java, JavaScript <br>
- Database: MySQL <br>
- Framework: Spring boot <br>
- Support libraries: jQuery, Bootstrap <br>
- Team size: 4
- Description: Use Spring Boot MVC. Integrate Paypal and VNPay payments, manage products,
orders, and statistics. Use GiaoHangNhanh's API to get shipping rates, and shipping methods, all
provinces of Vietnam.</p>
</div>
</div>
<!-- item -->
<div class="things__item">
<img src="./img/web_golden_feet.png" alt="">
<div class="things__item--heading">
<h3>SHOES SHOP MANAGEMENT WEBSITE (RESTFUL API - JAVA SPRING BOOT, ANGULARJS)</h3>
<p>- Programming language: Java, JavaScript <br>
- Database: SQL Server <br>
- Framework: Spring boot, AngularJS <br>
- Support libraries: jQuery, Bootstrap <br>
- Team size: 1 (self-study) <br>
- Description: The server uses RESTful API written by Java Spring Boot, Client uses AngularJS.
</p>
</div>
</div>
</div>
</section>
<!-- Education -->
<section id="education">
<div class="container">
<!-- heading -->
<h2>Education</h2>
<div class="education">
<div class="works__content">
<h3>FPT Polytechnic (2020 - 2023)</h3>
<p>- Currently a final year student, achieving excellent student achievement for 3 consecutive years
(2020, 2021,2022). <br>
- GPA: 8.7/10
</p>
</div>
<div class="works__content">
<h3>VNUHCM-University Of Science (2017 - 2020)</h3>
</div>
</div>
<!-- <div class="works__btn">
<a href="#"><button>View Work</button></a>
</div> -->
</div>
</section>
<footer id="footer">
<div class="footer">
<div class="footer__heading">
<h1>Ready to make something amzing</h1>
<!-- contact -->
<div class="footer__contact">
<a href="tel:+84393796447">
<p><i class="fas fa-phone-alt"></i> 0393 796 447</p>
</a>
<br>
<a href="mailto:[email protected]">
<p><i class="fas fa-envelope"></i> [email protected]</p>
</a>
</div>
<!-- scocials -->
<div class="banner__socials">
<a target="_blank" href="https://www.facebook.com/pnmtriet"><i class="fab fa-facebook"></i></i></a>
<a target="_blank" href="https://www.linkedin.com/in/pham-nguyen-minh-triet-9662b4265/"><i
class="fab fa-linkedin-in"></i></a>
</div>
</div>
</div>
</footer>
<!-- font awesome -->
<script src="https://kit.fontawesome.com/7f1550f9f3.js" crossorigin="anonymous"></script>
<!-- main js -->
<script src="./js/main.js"></script>
</body>
</html>