-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
75 lines (69 loc) · 2.67 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="assets/css/style.css">
<title>Challenge TQI - DIO</title>
</head>
<body>
<header class="header-wrapper">
<div class="header">
<div class="checkbox-container">
<div class="checkbox-wrapper">
<input type="checkbox" id="toggle">
<label class="checkbox" for="toggle">
<div class="trace"></div>
<div class="trace"></div>
<div class="trace"></div>
</label>
<div class="menu"></div>
<nav class="menu-items">
<main>
<h1 id="page-title">Light Mode ON</h1>
<button aria-label="selecionar-modo" id="mode-selector">Dark Mode</button>
<br/><br/>
<ul id="ul-mode-selector">
<li>
<a href="#">Home</a>
</li>
<li>
<a href="#">About</a>
</li>
<li>
<a href="#">Projects</a>
</li>
</ul>
</main>
</nav>
</div>
</div>
</div>
<h1>AGFT3CH</h1>
<h2>Front-end Developer</h2>
<div class="social-media">
<a href="https://github.com/agft3ch">Github</a>
</div>
</header>
<div class="container">
<div class="card-container">
<div class="card-text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Perspiciatis distinctio
nihil, culpa repudiandae atque facilis eveniet neque consequuntur quas dolorem aliquam maiores nulla
ullam optio fugit voluptatibus soluta? Nulla, ipsum.
Lorem ipsum dolor sit amet consectetur adipisicing elit.
</div>
<div class="card">
<div class="card-wrapper">
<h2>Github</h2>
<p>See my projects!</p>
</div>
</div>
</div>
</div>
<footer class="footer">
© 2022 - TQI FullStack Developer - DIO - by AGFT3CH
</footer>
<script src="assets/js/script.js"></script>
</body>
</html>