-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
105 lines (105 loc) · 2.49 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
<!DOCTYPE html>
<html lang="html">
<head>
<title>Advanced CSS</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=Hanken+Grotesk:ital,wght@0,100..900;1,100..900&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<div class="navbar">
<a href="#about">About</a>
<a href="#experience">Experience</a>
<a href="#projects">Projects</a>
<a target="_blank" href="https://www.linkedin.com/feed/">LinkedIn</a>
<a target="_blank" href="https://github.com/">GitHub</a>
</div>
<div id="about">
<h1>About</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis id augue
et nisi pulvinar volutpat eu eget sem. Class aptent taciti sociosqu ad
litora torquent per conubia nostra, per inceptos himenaeos. Nullam ac
ligula in ex faucibus pharetra. Phasellus gravida sed lacus vitae
auctor. Maecenas tincidunt lorem vel diam tempor rhoncus. Aliquam sit
amet velit et dui vestibulum molestie id eget magna. Sed dignissim
sollicitudin eros, ac cursus turpis efficitur ac.
</p>
</div>
<div id="experience">
<h1>Experience</h1>
<div>
<h2>Amazon, SWE</h2>
<div>
<ul>
<li>Solved world hunger through AWS</li>
<li>
Had dinner with Jeff Bezos
<ul>
<li>He said my project was cool</li>
<li>I ordered steak</li>
</ul>
</li>
</ul>
</div>
</div>
<div>
<h2>Big Tech, SWE</h2>
<div>
<ul>
<li>bullet 1</li>
<li>bullet 2</li>
<li>bullet 3</li>
</ul>
</div>
</div>
</div>
<div id="projects">
<h1>Projects</h1>
<div>
<h2>Project 1</h2>
<div>
<ul>
<li>https://github.com/ubclaunchpad/liftoff-css</li>
<li>Crazy CSS skills were used to make website pretty</li>
<li>Hire me plz</li>
</ul>
</div>
<div>
<h2>Project 2</h2>
<div>
<ul>
<li>bullet 1</li>
<li>bullet 2</li>
<li>bullet 3</li>
</ul>
</div>
</div>
<div>
<h2>Project 3</h2>
<div>
<ul>
<li>bullet 1</li>
<li>bullet 2</li>
<li>bullet 3</li>
</ul>
</div>
</div>
<div>
<h2>Project 4</h2>
<div>
<ul>
<li>bullet 1</li>
<li>bullet 2</li>
<li>bullet 3</li>
</ul>
</div>
</div>
</div>
</div>
</body>
</html>