-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
85 lines (85 loc) · 5.02 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
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="index.css">
<style>
#interests{
background-color: #88BBD6
}
</style>
</head>
<body id="home" class="open-left" bgcolor="99D3DF">
<div id="offcanvas-left" class="hide">
<ul>
<li><a href="#top"> Top </a></li>
<li><a href="#interests"> Interests </a></li>
</ul>
</div>
<div class="togglebar" color = "CDCDCD">
<div class="toggle" onclick="toggleLeft()">
<i class="fa fa-bars"></i>
</div>
</div>
<div class="center">
<header>
<nav>
<ul>
<li><a href="#top"> Top </a></li>
<li><a href="#interests"> Interests </a></li>
</ul>
</nav>
</header>
<section>
<main id="top">
<article>
<img src="ChristopherLeePic.PNG" alt="A Picture of Christopher Lee">
<h2 style="font-size: 3em">Christopher Lee</h2>
<hr>
<p>
Hi There! My name is Chris and I’m from New York City. I’m a rising junior at the <i>University of Pennsylvania</i>, studying Computer Science and Economics with a minor in Cognitive Science.
At school I am currently on the board of United Minorities Council, as well as a brother of Delta Sigma Pi, a business fraternity.
I have passions in culture, health, emerging technologies, and self improvement.
</p>
</article>
<section id="interests">
<article>
<h2 style="font-size: 3em"> Interests </h2>
<hr>
<img src="bladingPic.jpg" alt="a man doing the mermaid pose" style="width:300px;height:300px;">
<h3 style="font-size: 2em">Exercise </h3>
<p>
I've been playing sports, ever since I was little. I've played on leagues for 6 different sports. As a result, I've always really enjoyed being active!
Currently the way I stay in shape is through running, yoga, rollerblading going to the gym, and I've recently went to my first spin class!
</p>
<img src="chessPic.jpg" alt="Picture of 6 year old me at the chess Nationals" style="width:300px;height:300px;">
<h3 style="font-size: 2em">Chess </h3>
<p>
I started playing chess competitively when I was 4 years old. In 1st grade, I placed 6th in the nation for my age group. It was such a large part of my
elementary school life, that even to this day, family friends still ask me how chess is going, even though I quit playing 8 years ago. However, I still love
to play, and have even worked as a chess tutor twice.
</p>
<img src="skincare.jpg" alt="Me with a mudmask on" style="width:300px;height:300px;transform:rotate(90deg);">
<h3 style="font-size: 2em">Skincare </h3>
<p>
I've recently started to get into skincare a lot. I've started doing research into different types of products such as cleansers
and serums. I really enjoy talking to the people I've met who share this interest in me as we swap tips on products that we use.
</p>
<img src="concert.jpg" alt="Run The Jewels Concert" style="width:300px;height:300px;">
<h3 style="font-size: 2em">Concerts </h3>
<p>
I love going to live music events, in particular concerts. I have a lot of very fond memories from attending concerts, and music festivals. Some of my favorite concerts have been:
<br>
Sylvan Esso, Run the Jewels, Chet Faker, Chance the Rapper, Noname, Glass Animals, Solange, Mura Masa, Alt-J.
</p>
</article>
</section>
</main>
<footer>
</footer>
</section>
</div>
<script type="text/javascript" src="index.js"></script>
</body>
</html>