-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
46 lines (44 loc) · 1.82 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
<!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="style.css">
<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" />
<title>Color Flipper || Simple</title>
</head>
<body>
<nav>
<div class="nav-center">
<h2>Color Flipper</h2>
<ul class="nav-links">
<div ><h2 class="is-title-active simple-title">Simple</h2></div>
<div ><h2 class="hex-title" >Hex</h2></div>
<div ><h2 class="search-title">Search</i></h2></div>
</ul>
</div>
<div class="nav-filters">
<div class="filter red"><h3>Red</h3></div>
<div class="filter blue"><h3>Blue</h3></div>
<div class="filter green"><h3>Green</h3></div>
<div class="filter yellow"><h3>Yellow</h3></div>
<div class="filter aqua"><h3>Light blue</h3></div>
<div class="filter violet"><h3>Violet</h3></div>
<div class="filter black"><h3>Black/White</h3></div>
</div>
</nav>
<div class="container">
<div class="bc-container">
<h1 class="bc-title">Background Color: <span class="bc-span"></span></h1>
</div>
<button class="bc-button">Click me!</button>
<button class="save-button bc-button">Save color! </button>
</div>
<aside>
<div class="aside-container">
</div>
</aside>
<script src="./index.js" type="module"></script>
</body>
</html>