-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
85 lines (64 loc) · 4.17 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
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Hi Mr. Weber :)</title>
<link rel="stylesheet" type="text/css" href="all.css">
<script>
function openNav() {
document.getElementById("nav").style.width = "10%";
};
function closeNav() {
document.getElementById("nav").style.width = "0";
};
document.onload = function() {document.getElementById("nav").style.display = "none"};
</script>
</head>
<body>
<span style="font-size: 30px; cursor: pointer;" onclick="openNav()">☰</span>
<div id="nav">
<a style="cursor: pointer;" class="closebtn" onclick="closeNav()">×</a>
<a class="dropbtn navelement" href="index.html">Home</a>
<a class="dropbtn navelement" href="one.html">Unit 1</a>
</div>
<div id="flextime">
<h1>
Homepage
</h1>
<p style="text-align: center; font-size: 10px;">of the internet jk i wish</p>
<p>
Hi
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec interdum dictum arcu, non fermentum turpis maximus sit
amet. Cras vel est non augue suscipit tempor. Ut eu turpis est. Donec cursus aliquet felis, nec sollicitudin mauris
iaculis quis. Phasellus vestibulum ante ac ante aliquet vulputate. Curabitur malesuada non turpis quis pulvinar.
Curabitur accumsan metus id ligula ornare laoreet quis eget nulla.
Integer lacinia justo porta urna rhoncus, eget commodo eros egestas. Mauris at lectus ac erat venenatis pharetra.
Aliquam non tempus augue, in imperdiet purus. Ut varius tempor mi, varius mattis dui varius euismod. Etiam pretium urna
vel quam lobortis, ac hendrerit orci blandit. Suspendisse tincidunt velit non nibh rhoncus, ac lobortis ipsum ultricies.
Etiam iaculis odio non ipsum luctus viverra. Quisque ipsum diam, fringilla a justo a, dapibus ornare lacus. Ut mollis
porttitor porta. Maecenas facilisis auctor lorem interdum elementum. Ut quis turpis posuere ipsum ultricies scelerisque.
Donec varius nisi quis dui viverra, ac faucibus felis porttitor. Sed commodo ante sit amet viverra volutpat. In posuere
lorem eget orci dictum, sit amet hendrerit nisl interdum. Sed laoreet mi orci, nec dictum nunc dictum non. Pellentesque
id est sed lacus dignissim euismod non congue sem.
Vestibulum consectetur metus iaculis massa maximus, nec volutpat lacus sollicitudin. Nam faucibus convallis leo, at
facilisis ligula faucibus ac. Proin auctor et odio non maximus. Cras elementum luctus feugiat. Duis suscipit dolor sed
nisl porttitor efficitur. Duis nec gravida mauris, et posuere turpis. Nam blandit, dui in sollicitudin dictum, justo est
sagittis eros, vitae malesuada sem libero eu nisi. Vivamus urna diam, blandit sed imperdiet gravida, viverra sit amet
sapien. Etiam feugiat leo eget tincidunt pharetra. Curabitur rhoncus at est vel tincidunt. Curabitur et fringilla ipsum,
non sodales dui. Cras augue nibh, semper id convallis in, blandit ut ligula.
Nunc sit amet tincidunt mauris, sit amet iaculis ex. Nam semper consectetur erat quis posuere. Nulla varius augue
lectus, quis rutrum diam pellentesque et. Proin lacinia lacus sapien, at tempor metus vulputate ut. Suspendisse nisl
sem, fringilla ac lobortis eu, mollis vel magna. Aliquam erat volutpat. Nullam efficitur, felis ac egestas porta, dui ex
cursus lectus, vel feugiat nunc est id sapien.
Mauris ultricies vestibulum quam vitae dignissim. Duis vitae porta nisi. Vestibulum ante ipsum primis in faucibus orci
luctus et ultrices posuere cubilia Curae; Aenean ullamcorper feugiat lacinia. Nullam a mauris quis risus vulputate
vestibulum. Cras sodales elit ac ante mattis, ac tempor neque pulvinar. Donec malesuada mi porta placerat egestas. Nam
vitae quam augue. Pellentesque viverra diam et quam vulputate blandit. Integer et velit eros. Fusce et ornare mauris,
quis placerat massa.
</p>
<div class="units">
<div>1</div>
<div>2</div>
</div>
</div>
</body>
</html>