-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
63 lines (54 loc) · 2.35 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Theme Toggler</title>
<link href="https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@700&family=Poppins:wght@200;500;600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="styles.css">
<script defer src="app.js"></script>
</head>
<body class="light">
<nav class="navbar">
<ul class="navbar-nav">
<li class="nav-item">Home</li>
<li class="nav-item">About</li>
<!-- Dropdown -->
<li class="nav-item has-dropdown">
<a href="#">Theme</a>
<ul class="dropdown">
<li class="dropdown-item">
<a id="light" href="#">Light</a>
</li>
<li class="dropdown-item">
<a id="dark" href="#">Dark</a>
</li>
<li class="dropdown-item">
<a id="solar" href="#">Solarize</a>
</li>
</ul>
</li>
<li class="nav-item">Login</li>
</ul>
</nav>
<header>
<img src="logo.png" class="logo">
<h1>Front-End Web Development,<br>Fired Up</h1>
<p>Flutter, Firebase, Javascript, Node.js</p>
</header>
<main>
<h3>Lorem Ipsum</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Enim ut tellus elementum sagittis vitae et. Convallis convallis tellus id interdum. Viverra maecenas accumsan lacus vel facilisis
volutpat. Pellentesque elit ullamcorper dignissim cras tincidunt lobortis feugiat. Nunc vel risus commodo viverra maecenas accumsan
lacus vel.
</p>
<p>
Ultrices neque ornare aenean euismod elementum nisi quis. Aliquam ultrices sagittis orci a scelerisque purus semper eget duis.
Sed libero enim sed faucibus turpis in. Dignissim diam quis enim lobortis scelerisque fermentum. Ac orci phasellus egestas tellus.
Ut sem viverra aliquet eget sit amet tellus.
</p>
</main>
</body>
</html>