-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
75 lines (72 loc) · 4.38 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css" integrity="sha512-SzlrxWUlpfuzQ+pcUCosxcglQRNAq/DZjVsC0lE40xsADsfeQoEypE+enwcOiGjk/bSuGGKHEyjSoQ1zVisanQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="styles.css">
<title>Rotating Navigation</title>
</head>
<body>
<div class="container">
<div class="circle-container">
<div class="circle">
<button class="close">
<i class="fas fa-times"></i>
</button>
<button class="open">
<i class="fas fa-bars"></i>
</button>
</div>
</div>
<div class="content">
<h1>Amazing Article</h1>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Sapiente atque illo sed ducimus dolores omnis, officiis
sequi aliquam aut nostrum, praesentium commodi quidem?
Hic placeat, cumque repudiandae laboriosam officiis eveniet
autem ipsa sapiente a natus et aspernatur, numquam nihil id
tenetur impedit at nam nemo expedita consequuntur ad dolores
necessitatibus adipisci odio. Ratione debitis consequuntur
qui assumenda dolorum illo tenetur aut eos quasi facere et ea sit,
esse quam quae dicta adipisci repellendus pariatur, maxime,
repudiandae provident minus error consectetur. Hic cum dolor
magni qui in, illo quo nemo, laudantium mollitia molestias quibusdam.
Voluptatum consectetur nostrum vel quisquam animi consequatur.
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Nemo minus
porro voluptatum debitis quas, libero adipisci deserunt voluptatibus
omnis laborum quasi, saepe velit consequuntur recusandae tempore nobis
cumque eveniet cum eligendi hic? Facilis expedita libero facere deleniti
voluptas alias nesciunt quas aspernatur eos molestias, est sequi laborum
enim ratione molestiae fugiat rerum quidem inventore, ea temporibus atque
tenetur optio. Itaque quod quidem natus minus, necessitatibus consequatur.
Perferendis explicabo illum optio, totam blanditiis corrupti, consequatur
nesciunt nemo repellat reiciendis sit iusto asperiores sapiente voluptatum
similique? Non adipisci, soluta, dolor nobis dignissimos debitis voluptatibus
amet iusto sequi commodi laborum accusantium, nihil repudiandae?
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam dolore
dolorum repellat tempore atque modi, voluptatum voluptatibus in repellendus,
officia deleniti quam, placeat voluptas sint natus. Quod, repudiandae!
Molestias inventore voluptas fugiat, sunt reprehenderit earum vitae rem ut.
Unde obcaecati consequuntur fuga ex inventore, rem aliquam laudantium dolor
debitis. Magnam enim repellat debitis quidem voluptas. A quae distinctio ex
illo laboriosam expedita pariatur aperiam, doloremque quasi commodi dicta
minima mollitia accusamus maiores minus. Consectetur cum at, id dolore minima
tempora asperiores. Eos, repudiandae? Laboriosam repudiandae ratione sequi et
molestias natus asperiores maxime, sunt dolorem ipsa non tempore adipisci!
Itaque, similique?
</p>
</div>
</div>
<nav>
<ul>
<li><i class="fas fa-home"></i>Home</li>
<li><i class="fas fa-user-alt"></i>About</li>
<li><i class="fas fa-envelope"></i>Contact</li>
</ul>
</nav>
<script src="index.js"></script>
</body>
</html>