-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
107 lines (107 loc) · 4 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
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
<!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/index.css" />
<title>Quiz Time</title>
</head>
<body>
<header class="header-white">
<nav class="header-white__nav">
<div class="header-white__nav__links">
<a href="./index.html" class="active">Home</a>
<a href="./Explore.html">Explore</a>
<a href="./about.html">About</a>
<div id="marker"></div>
</div>
</nav>
<div class="header-white__buttons" id="loginDiv">
<a href="./#.html" class="header-white__buttons__login">Log in</a>
<a href="./#.html" class="header-white__buttons__#">#</a>
</div>
<div id="user">
<h1 id="userEmail"></h1>
<div class="userMenu">
<a href="./create.html">Create a Quiz</a>
<a href="#" id="logOut">Log Out</a>
</div>
<div></div>
</div>
<div class="header-white__hamburger" id="hamburger"></div>
<div id="ham-menu">
<nav class="header-white__nav ham">
<div class="header-white__nav__links">
<a href="./index.html" class="active">Home</a>
<a href="./Explore.html">Explore</a>
<a href="./about.html">About</a>
<div id="marker"></div>
</div>
</nav>
</div>
</header>
<main>
<section class="banner">
<div class="banner__text">
<h1 class="banner__text__h1">Ready to test your knowledge?</h1>
<p>
Find the quizzes best suited for your taste. <br />
Anytime. Anywhere.
</p>
<a class="header-white__buttons__login" href="./#.html"
>Let's go!</a
>
</div>
</section>
<section class="info">
<h2 class="banner__text__h1 info__h1">Why Quiz Time?</h2>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Aut, tempora
magni sequi quis distinctio necessitatibus? Voluptatem perferendis
saepe nesciunt quis eligendi odio non cupiditate obcaecati asperiores
suscipit fugiat veniam similique labore, deserunt consequuntur
reiciendis aut nemo impedit esse amet commodi eveniet aliquid magni!
</p>
<p>
Omnis delectus veniam officia totam! Laborum asperiores laboriosam
rem. Molestias sequi porro non, consequatur, pariatur, dolorem placeat
nihil minus harum repudiandae unde at! Minus voluptatibus officiis
accusantium, quia in ad hic nostrum sed repellat perferendis cumque
corrupti magni voluptatum at rem, dicta possimus modi quod dolor quo
officia repellendus! Quo natus quaerat quasi animi quod debitis
deleniti?
</p>
</section>
<section class="cards">
<h1>Getting Started</h1>
<div class="cards__row">
<div class="cards__row-card">
<div class="circle">1</div>
<h3 class="card__info">Join readymade quizzes or make your own.</h3>
</div>
<div class="cards__row-card">
<div class="circle">2</div>
<h3 class="card__info">Participate from any device.</h3>
</div>
<div class="cards__row-card">
<div class="circle">3</div>
<h3 class="card__info">Check your results at the end.</h3>
</div>
</div>
</section>
</main>
<footer class="footer">
<ul>
<li><a href="#">Terms and Services</a></li>
<li><a href="#">Privacy & Policy</a></li>
<li><a href="#">Contact Us</a></li>
<li><a href="#">Careers</a></li>
<li><a href="#">Help Center</a></li>
<li><a href="#">About Us</a></li>
</ul>
<p>© 2021 Quiz Time Inc.</p>
</footer>
<script type="module" src="./assets/js/main.js"></script>
</body>
</html>