-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
97 lines (72 loc) · 3.33 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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>tutorial</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/style.css">
<script src="https://use.fontawesome.com/releases/v5.8.1/js/all.js"></script>
<script src="js/main.js" type="text/javascript"></script>
</head>
<body>
<nav>
<a href="#" id="logo">
<i class="fas fa-feather-alt"></i>
</a>
<ul>
<li>
<a href="#">
github
</a>
</li>
<li>
<a href="#">
socials
</a>
</li>
<li>
<a href="#">
about
</a>
</li>
<a id="drawerbtn" href="#" onclick="drawerClicked(this)">
<i class="fas fa-bars"></i>
</a>
</ul>
</nav>
<div id="drawer">
<ul>
<li>
<a href="#">
github
</a>
</li>
<li>
<a href="#">
socials
</a>
</li>
<li>
<a href="#">
about
</a>
</li>
</ul>
</div>
<div id="banner" class="section">
<h1>CompSoc</h1>
</div>
<div id="content" class="section">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eros est, aliquet ut magna ac, malesuada maximus neque. Phasellus ut ante quis mauris sollicitudin dapibus. Praesent a diam tempus, egestas dolor vel, scelerisque tortor. Sed convallis orci nunc, non posuere nulla mollis nec. Integer fringilla laoreet velit, sit amet rutrum purus lobortis in. Praesent sed tortor sed felis sagittis scelerisque. Vivamus cursus, nulla non finibus convallis, mi tortor iaculis magna, non rhoncus odio augue at leo. Nullam pharetra mauris nec porta gravida. Etiam porta, nunc ac ornare fringilla, odio elit viverra justo, vitae vehicula metus justo nec nunc. Nulla sed libero consectetur, suscipit dolor eu, lobortis odio.</p>
<img src="https://www.imagesource.com/wp-content/uploads/2019/06/Rio.jpg" alt="image">
</div>
<div id="content2" class="section">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eros est, aliquet ut magna ac, malesuada maximus neque. Phasellus ut ante quis mauris sollicitudin dapibus. Praesent a diam tempus, egestas dolor vel, scelerisque tortor. Sed convallis orci nunc, non posuere nulla mollis nec. Integer fringilla laoreet velit, sit amet rutrum purus lobortis in. Praesent sed tortor sed felis sagittis scelerisque. Vivamus cursus, nulla non finibus convallis, mi tortor iaculis magna, non rhoncus odio augue at leo. Nullam pharetra mauris nec porta gravida. Etiam porta, nunc ac ornare fringilla, odio elit viverra justo, vitae vehicula metus justo nec nunc. Nulla sed libero consectetur, suscipit dolor eu, lobortis odio.</p>
<img src="https://cdn.vox-cdn.com/thumbor/zEZJzZFEXm23z-Iw9ESls2jYFYA=/89x0:1511x800/1600x900/cdn.vox-cdn.com/uploads/chorus_image/image/55717463/google_ai_photography_street_view_2.0.jpg" alt="image">
</div>
<div style="background: #333;" class="section">
</div>
</body>
</html>