-
Notifications
You must be signed in to change notification settings - Fork 0
/
p1.html
64 lines (48 loc) · 2.51 KB
/
p1.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
<!doctype html>
<html lang="en">
<!--
WRITTEN BY:Qinyu Chen
EMAIL: Your email here
-->
<head>
<meta charset="utf-8">
<meta name="author" content="Qinyu Chen">
<meta name="description" content="description of your page">
<link rel="stylesheet" type="text/css" href="nav.css">
<link rel="stylesheet" type="text/css" href="p1.css">
<link rel="stylesheet" type="text/css" href="footer.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link href="https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Two+Tone|Material+Icons+Round|Material+Icons+Sharp" rel="stylesheet">
<!-- you would also link to Bootstrap here! -->
<title>Qinyu Chen</title>
</head>
<body>
<div class = 'container'>
<nav>
<a href="index.html"><div id = 'logo'>Q<span class="yellow">/</span>C</div></a>
<div id='menu'>
<a href="index.html">Home</a>
<a href="#">About</a>
<a href="projects.html">Projects</a>
</div>
<div id='contact'>
<a href="mailto:[email protected]"><span class="material-icons-outlined yellow" aria-label="email me" id='mail'>mail</span></a>
</div>
</nav>
<div id="content">
<article>
<h2>Web Developement Cheatsheet</h2>
<a href="https://chloeqino.github.io/cheatsheet_2.html" target="_blank" >link to the site</a>
<br>
<video width="320" height="240" controls>
<source src="p1demo.mp4" type="video/mp4">
<source src="p1demo.ogg" type="video/ogg">
Your browser does not support the video tag.
</video><br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce fermentum varius velit, aliquam scelerisque tellus dictum vitae. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla sagittis velit id lacinia sollicitudin. Vestibulum lobortis, ligula sit amet ultrices aliquam, odio magna iaculis augue, ac dapibus libero odio a enim. Etiam sed pellentesque mi, ac tempus erat. Vivamus tortor justo, ultricies eu lectus sed, fringilla tempor neque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum vitae magna sit amet urna posuere tincidunt. Suspendisse potenti. Donec lacinia augue eu semper cursus. Integer placerat nisl ut felis hendrerit tincidunt ac ac nulla. Phasellus eget facilisis sapien, eu consectetur ex.
</article>
<a href="index.html#work">view other projects</a>
</div>
</div>
</body>
</html>