This repository was archived by the owner on Aug 15, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
192 lines (171 loc) · 10 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
189
190
191
192
<!DOCTYPE html>
<html lang="en">
<head>
<title>Khoa Nguyen Blog</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- linking css file -->
<link rel="stylesheet" href="src/style.css">
<!-- bootstrap CDN -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
crossorigin="anonymous"></script>
<!-- font awesome -->
<script src="https://kit.fontawesome.com/31149d48b0.js" crossorigin="anonymous"></script>
<link rel="icon" type="image/x-icon" href="src/imgs/favicon.svg">
</head>
<body>
<!-- navbar -->
<nav class="navbar navbar-expand-lg fixed-top navbar-dark navbarScroll navbar-custom">
<div class="container">
<a class="navbar-brand" href="index.html">Khoa Nguyen</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ms-auto">
<li class="nav-item active">
<a class="nav-link" href="index.html#home">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">About</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- main banner -->
<section class="bgimage" id="home">
<div class="container-fluid">
<div class="row">
<div class="col-lg-10 col-md-10 col-sm-10 col-xs-10 hero-text border-box-custom">
<h2 class="hero_title">Hi, still want to know more about me?</h2>
<p class="hero_desc">Let's checkout as below</p>
</div>
</div>
</div>
</section>
<!-- about section-->
<section id="about">
<div class="container mt-4 pt-4">
<h1 class="text-center">About Me</h1>
<div class="row mt-4">
<div class="col-lg-4">
<img src="src/imgs/about.JPG" class="imageAboutPage" alt="">
</div>
<div class="col-lg-8">
<p>
In today's fast-paced world, individuals often find themselves overwhelmed by the constant
influx of information and
distractions. However, amidst this chaos, there are those like myself, who have embarked on a
journey guided by the
principles of minimalism and stoicism, striving for personal growth and fulfillment.
</p>
<p class="d-inline-flex gap-1">
<button class="btn btn-primary" type="button" data-bs-toggle="collapse"
data-bs-target="#more-information" aria-expanded="false" aria-controls="more-information"
id="toggleButton">
Show more
</button>
</p>
</p>
<div class="collapse" id="more-information">
<div class="container">
<div class="row">
<div class="col-md-6">
<p>My name is Anh Khoa, a second-year Software Engineering student at Ton Duc Thang
University. Beyond my
academic pursuits, I am deeply passionate about minimalism, stoicism, reading,
programming, traveling,
and adventure. These facets of my life shape not only my daily actions but also
my overarching
philosophy towards life itself.</p>
<p>At the core of my belief system lies minimalism, a lifestyle choice that
emphasizes the importance of
focusing on the essentials while eliminating excess clutter. In adopting
minimalism, I have learned to
prioritize aspects such as time, health, and relationships, recognizing their
intrinsic value in
fostering a fulfilling existence. This deliberate simplification has not only
decluttered my physical
surroundings but has also brought clarity to my mind, enabling me to pursue my
goals with unwavering
determination.</p>
<p>Complementing minimalism is the philosophy of stoicism, which serves as a guiding
light during times of
adversity. Stoicism teaches the invaluable lesson of accepting the things beyond
our control while
directing our energy towards that which we can influence. Through practicing
stoicism, I have cultivated
resilience in the face of challenges, embracing each obstacle as an opportunity
for growth rather than
succumbing to despair.</p>
</div>
<div class="col-md-6">
<p>In my quest for knowledge and self-improvement, I have found solace in the pages
of books. Reading not
only broadens my understanding of the world but also provides insights into the
intricacies of human
nature. Concurrently, programming serves as an outlet for my creativity,
allowing me to manifest ideas
into tangible solutions that address real-world problems.</p>
<p>Yet, amidst the pursuit of intellectual endeavors, I find respite in the
exploration of new landscapes
and cultures through travel and adventure. These experiences serve as catalysts
for personal growth,
fostering empathy and understanding towards diverse perspectives.</p>
<p>Central to my ethos is the belief that each individual possesses the agency to
effect positive change in
the world. Whether through acts of kindness or community engagement, I endeavor
to contribute
meaningfully to society, recognizing the interconnectedness of humanity.</p>
<p>In conclusion, my journey encapsulates a harmonious blend of minimalism,
stoicism, and a relentless
pursuit of knowledge and experiences. Through embracing these principles, I
aspire not only to realize
my fullest potential but also to inspire others to embark on their own
transformative odyssey towards
self-discovery and fulfillment.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- footer section-->
<!-- <footer id=" footer">
<div class="container-fluid">
social media icons
<div class="social-icons mt-4">
<a href="https://www.facebook.com/" target="_blank"><i class="fab fa-facebook"></i></a>
<a href="https://www.instagram.com/" target="_blank"><i class="fab fa-instagram"></i></a>
<a href="https://www.twitter.com/" target="_blank"><i class="fab fa-twitter"></i></a>
<a href="https://www.linkedin.com/" target="_blank"><i class="fab fa-linkedin"></i></a>
<a href="https://www.twitch.tv/" target="_blank"><i class="fab fa-twitch"></i></a>
</div>
</div>
</footer> -->
<!-- footer section-->
<footer class="bg-body-tertiary text-center text-lg-start">
<div class="text-center p-3" style="background-color: rgba(0, 0, 0, 0.05);">
Made by Khoa Nguyen under <a href="LICENSE.html" class="link-primary" rel="license noopener">GNU
GPLv3</a>
</div>
</footer>
<!-- load javascript after loading all html content -->
<script src="src/script/script.js"></script>
<!-- <script>
window.addEventListener("beforeunload", function (e) {
e.preventDefault();
e.returnValue = "";
return "Are you sure you want to leave this page?";
});
</script> -->
</body>
</html>