-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
123 lines (107 loc) · 3.62 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
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="style.css">
<title>
hi, i'm angelina
</title>
</head>
<body>
<!--for the starting page-->
<div class="starter">
<p id="instarter">
hi, i'm angelina
</p>
</div>
<!-- for the about section -->
<div class="starter">
<p id="instarter">
about me
</p>
<!-- supposed to reference the about section??? -->
<!-- <a href="about.html">about</a>
<script>
document.getElementsByClassName('about').scrollIntoView({ behavior: 'smooth', block: 'center' });
</script> -->
</div>
<div class="about">
<p id="inpara">
hi! i'm angelina. <br>
<br>
i am currently a second-year at unc-chapel hill, studying computer science and nutrition. <br>
<br>
<br>
<br>
<br>
</p>
</div>
<div class="abs">
<img src="circle.png" style="width: 350px; height: 350px;"/>
</div>
<!-- for the edu/exp section -->
<div class="starter">
<p id="instarter">
education & experiences
</p>
</div>
<div class="paragraphs">
<p id="impnames">
university of north carolina at chapel hill <br>
august 2020 - may 2024 <br>
<br>
<br>
<br>
chapel hill high school <br>
august 2016 - june 2020 <br>
<br>
<br>
</p>
</div>
<!-- for the project section -->
<div class="starter">
<p id="instarter">
projects
</p>
</div>
<!-- for the contact section -->
<div class="starter">
<p id="instarter">
let's chat!
</p>
</div>
<p class="links">
<a href="https://www.linkedin.com/in/angelina-su-4784ba18a/"><img src="https://cdn-icons-png.flaticon.com/512/174/174857.png" alt="Linkedin - Free social media icons" style="width:42px;height:42px;"></a>
<a href="https://www.instagram.com/angelinasuu/"><img src="http://assets.stickpng.com/images/580b57fcd9996e24bc43c521.png" alt="Instagram Logo transparent PNG - StickPNG" style="width:46px;height:46px;"></a>
<a href="https://www.facebook.com/profile.php?id=100012350619147"><img src="https://cdn.freebiesupply.com/logos/large/2x/facebook-logo-2019.png" alt="New Facebook Logo 2019 PNG Transparent" style="width:42px;height:42px;"></a>
</p>
<!-- <p>
<h1>
<a href="about.html">about</a>
</h1>
</p>
<p>
<h1>
<a href="edu.html">education</a>
</h1>
</p>
<p>
<h1>
<a href="current.html">projects</a>
</h1>
</p>
<h1>
where to reach me
</h1>
<p id="links">
<a href="https://www.linkedin.com/in/angelina-su-4784ba18a/">
<img src="https://i.pinimg.com/originals/c3/1d/32/c31d328c8e4f2d196049c990d75212db.png" alt="LinkedIn Icon in 2021 | Iphone app design, Linkedin app, App icon" style="width:42px;height:42px;">
</a>
<a href="https://www.instagram.com/angelinasuu/">
<img src="http://assets.stickpng.com/images/580b57fcd9996e24bc43c521.png" alt="Instagram Logo transparent PNG - StickPNG" style="width:46px;height:46px;">
</a>
<a href="https://www.facebook.com/profile.php?id=100012350619147">
<img src="https://cdn.freebiesupply.com/logos/large/2x/facebook-logo-2019.png" alt="New Facebook Logo 2019 PNG Transparent" style="width:42px;height:42px;">
</a>
</p> -->
</body>
</html>