-
Notifications
You must be signed in to change notification settings - Fork 0
/
mission.html
85 lines (81 loc) · 3.13 KB
/
mission.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
<!DOCTYPE html>
<html>
<head>
<title>Haig Emirzian</title>
<link rel="icon" type="image/x-icon" href="/Images/pfp.png">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content = "IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/mission.css">
</head>
<body>
<section class="showcase">
<div class="video-container">
<video src="/Videos/Time-Lapse_ Lose Yourself in the Night Sky Short Film Showcase (online-video-cutter.com).mp4" autoplay muted loop></video>
</div>
<div class="content">
<h1>Mission</h1>
<h3>Per Aspera Ad Astra</h3>
<a href="#mission" class="btn">Read More</a>
</div>
</section>
<!--navigation bar-->
<center>
<div class = "topnav">
<a href = "index.html">🏠 Home</a>
<a href = "education.html">📝 Education</a>
<a href = "interests.html">📈 Interests</a>
<a href = "mission.html">📅 Mission</a>
<a href = "contact.html">📲 Contact</a>
</div>
</center>
<section id="mission">
<h1>Mission Statement</h1>
<p>
My mission is to accelerate society into the
next wave of revolutionary technology. Born
shortly after the Dot-Com bubble, I have grown
parallel to the exponential growth of technology
in this millennium. Technology has expedited and
simplified life for billions, and continues to
do so every year. It is inspiring and the reason
for many to wake up every morning wondering what
the next technological breakthrough will be. My goal
is to clarify that next breakthrough.
</p>
</section>
<div id=countdown-wrap>
<div id="goal">Timeline to Graduation</div>
<div id="glass">
<div id="progress">
</div>
</div>
<div class = "all-goal">
<div class="goal-stat">
<span class="goal-number">0%</span>
<span class="goal-label">Freshman</span>
</div>
<div class="goal-stat">
<span class="goal-number">25%</span>
<span class="goal-label">Sophomore</span>
</div>
<div class="goal-stat">
<span class="goal-number">50%</span>
<span class="goal-label">Junior</span>
</div>
<div class="goal-stat">
<span class="goal-number">75%</span>
<span class="goal-label">Senior</span>
</div>
<div class="goal-stat">
<span class="goal-number">100%</span>
<span class="goal-label">Grad</span>
</div>
</div>
</div>
<!--footer-->
<footer>
© Haig Emirzian 2024
</footer>
</body>
</html>