-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
121 lines (118 loc) · 7.21 KB
/
Copy pathindex.html
File metadata and controls
121 lines (118 loc) · 7.21 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="icon" href="/assets/images/Logo.jpg">
<title>The Luc - Home</title>
<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=Manrope:wght@200..800&display=swap" rel="stylesheet">
<link rel="stylesheet" href="assets/vendors/fontawesome/css/all.min.css">
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
<header>
<a href="index.html"><button class="btn btn-white btn-home ml-auto mr-3 ml-md-0 mr-md-auto"><a href="index.html" alt="share" class="btn-img"><i class="fa-solid fa-house"></i> HOME</a></button></a>
<nav class="collapsible-nav" id="collapsible-nav">
<a href="index.html" class="nav-link active">HOME</a>
<a href="resume.html" class="nav-link">RESUME</a>
<a href="achievements.html" class="nav-link">ACHIEVEMENTS</a>
</nav>
<button class="btn btn-menu-toggle btn-white rounded-circle" data-toggle="collapsible-nav"
data-target="collapsible-nav"><img src="assets/images/hamburger.svg" alt="hamburger"></button>
</header>
<div class="content-wrapper">
<aside>
<div class="profile-img-wrapper">
<img src="assets/images/Profile.jpg" alt="profile">
</div>
<h1 class="profile-name">Đoàn Thế Lực</h1>
<div class="text-center">
<span class="badge badge-white badge-pill profile-designation">Rookie Coder</span>
</div>
<nav class="social-links">
<a href="https://www.facebook.com/profile.php?id=100015756762730" target="_blank" class="social-link"><i class="fab fa-facebook-f"></i></a>
<a href="https://github.com/LucFr1746" target="_blank" class="social-link"><i class="fab fa-github"></i></a>
</nav>
<div class="widget">
<h5 class="widget-title">Thông tin cá nhân</h5>
<div class="widget-content">
<p>BIRTHDAY : 17 Tháng 4 2006</p>
<p>PHONE : 0969 44 2579</p>
<p>MAIL : lucfr.1746@gmail.com</p>
<p>Location : Ngũ Hành Sơn, ĐN</p>
</div>
</div>
<div class="widget card">
<div class="card-body">
<div class="widget-content">
<h5 class="widget-title card-title">NGÔN NGỮ DÙNG</h5>
<p>Java : Advanced</p>
<p>C++ : Basic</p>
<p>Python : Basic</p>
</div>
</div>
</div>
<div class="widget card">
<div class="card-body">
<div class="widget-content">
<h5 class="widget-title card-title">SỞ THÍCH</h5>
<p>Video games</p>
<p>Volleyball</p>
<p>Music, DJ, Mixer</p>
<p>Universe Explore</p>
</div>
</div>
</div>
</aside>
<main>
<section class="intro-section">
<h2 class="section-title">Hello, Đoàn Thế Lực Here!</h2>
<p>Chào mọi người, mình là Thế Lực đây, trong lớp thì mấy đứa hay gọi mình là Lực đen, vì da mình đen thiệt. Mọi người thì hay bảo
mình ăn gì mà giỏi dữ vậy nhưng mà thật sự thì mình chỉ giỏi có một việc à đó là làm mình làm mẩy. À mọi người còn bảo mình
đa năng, làm gì cũng giỏi và đặc biệt hơn một cái cô dạy Văn lớp mình đặt cho mình một cái biệt danh đó chính là người đàn ông của
mọi cô gái. Thú nhận luôn là mình là một người đặc biệt sống có tình cảm, chả hiểu sao nữa mình hay quan tâm người khác lắm chắc
là do được ba mẹ dạy dỗ tốt.
</p>
<p>Ngoài những việc trước mắt mọi người thấy ra thì mình còn có khác nhiều sở thích khá là kì lạ, ví dụ như là mình thích lười, nhưng mà
chắc do là giỏi nên mọi người không biết. Hihi. Mình còn có một vài tài lẻ khác như là giỏi thể thao này, môn gì cũng cân tất.
Mình còn có một cái khả năng cảm nhạc khá là tốt nên là bên mảng nghệ thuật mình cũng tham gia luôn, làm rapper, DJ, mix nhạc, nói
chung là thiên phú trời cho!
</p>
</section>
<section class="testimonial-section">
<div id="testimonialCarousel" class="testimonial-carousel carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<p class="testimonial-content">"Máng tạo là sự thông minh có chứa đựng óc hài hước."</p>
<img src="assets/images/Albert Einstein.png" alt="profile" class="testimonial-img">
<p class="testimonial-name">Albert Einstein</p>
</div>
<div class="carousel-item">
<p class="testimonial-content">“Biết thôi chưa đủ, mà phải áp dụng. Mơ ước thôi chưa đủ, mà phải bắt tay vào làm.”</p>
<img src="assets/images/Johann Wolfgang Von Goethe.png" alt="profile" class="testimonial-img">
<p class="testimonial-name">Johann Wolfgang Von Goethe</p>
</div>
<div class="carousel-item">
<p class="testimonial-content">“Những người đủ điên để nghĩ rằng họ có thể thay đổi thế giới chính là những người sẽ làm được điều đó.”</p>
<img src="assets/images/Rob Siltanen.png" alt="profile" class="testimonial-img">
<p class="testimonial-name">Rob Siltanen</p>
</div>
</div>
<ol class="carousel-indicators">
<li data-target="#testimonialCarousel" data-slide-to="0" class="active"></li>
<li data-target="#testimonialCarousel" data-slide-to="1"></li>
<li data-target="#testimonialCarousel" data-slide-to="2"></li>
</ol>
</div>
</section>
</main>
</div>
<script src="assets/vendors/jquery/jquery.min.js"></script>
<script src="assets/vendors/popperjs/popper-base.min.js"></script>
<script src="assets/vendors/bootstrap/bootstrap.min.js"></script>
<script src="assets/js/script.js"></script>
</body>
</html>