-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
132 lines (124 loc) · 5.06 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>About Me | Euler</title>
<!-- Bootstrap CSS (v4.5) -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap" rel="stylesheet">
<!-- Custom CSS -->
<link rel="stylesheet" href="assets/css/style.css">
<style>
body {
font-family: 'Roboto', sans-serif;
scroll-behavior: smooth;
}
.page-header {
background: url('assets/images/about-bg.jpg') no-repeat center center/cover;
position: relative;
height: 40vh;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
}
.page-header::before {
content: "";
position: absolute;
top: 0; left: 0;
width: 100%; height: 100%;
background: rgba(0,0,0,0.5);
}
.page-header h1 {
position: relative;
z-index: 2;
font-size: 3rem;
font-weight: 700;
}
.content-section {
padding: 60px 0;
}
.timeline {
border-left: 3px solid #007bff;
margin: 20px 0;
padding-left: 20px;
}
.timeline-item {
margin-bottom: 20px;
}
.timeline-item h5 {
font-weight: 700;
}
</style>
</head>
<body>
<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
<div class="container">
<a class="navbar-brand" href="index.html">Euler</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav"
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-end" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item active"><a class="nav-link" href="about.html">About</a></li>
<li class="nav-item"><a class="nav-link" href="projects.html">Projects</a></li>
<li class="nav-item"><a class="nav-link" href="contact.html">Contact</a></li>
</ul>
</div>
</div>
</nav>
<!-- Header Section -->
<header class="page-header">
<h1>About Me</h1>
</header>
<!-- Main Content -->
<section class="content-section container">
<div class="row">
<div class="col-lg-8 offset-lg-2">
<p>Hello, I’m <strong>Euler</strong>. I’m a passionate developer, data enthusiast, and creative problem solver driven by a deep curiosity about technology and its potential. My journey started with exploring the intricacies of mathematics and computer science, and I continue to blend art and science to create innovative solutions.</p>
<h3>Education</h3>
<p>Currently, I’m studying at <strong>Taipei Municipal Chien Kuo High School</strong>, where I dive into advanced computer science, applied mathematics, and data analytics. This academic environment inspires me to push the boundaries of what’s possible and constantly challenge myself.</p>
<h3>Skills</h3>
<ul>
<li>Advanced Mathematical Modeling (M-P Law, Stejious Transform, and more)</li>
<li>Machine Learning & Artificial Intelligence</li>
<li>Web Development & Software Engineering</li>
<li>Data Analysis, Visualization, & Statistical Methods</li>
<li>Algorithm Design & Optimization</li>
</ul>
<h3>Interests</h3>
<p>I’m fascinated by the convergence of machine learning, mathematics, and coding. I spend time researching AI trends, developing data-driven projects, and experimenting with new technologies. My interests drive my constant learning and the innovative solutions I bring to each project.</p>
<h3>Experience & Timeline</h3>
<div class="timeline">
<div class="timeline-item">
<h5>2023 - Present</h5>
<p>Deepening my studies at Taipei Municipal Chien Kuo High School and working on advanced research projects in AI and data analytics.</p>
</div>
<div class="timeline-item">
<h5>2021 - 2023</h5>
<p>Worked on multiple projects involving mathematical modeling.</p>
</div>
<div class="timeline-item">
<h5>2019 - 2021</h5>
<p>Explored various programming languages and technologies and personal projects.</p>
</div>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer class="text-center">
<div class="container">
<p class="mb-0">© 2025 Euler. All rights reserved.</p>
</div>
</footer>
<!-- Bootstrap JS and Dependencies -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</body>
</html>