-
Notifications
You must be signed in to change notification settings - Fork 1
/
about.html
116 lines (110 loc) · 4.82 KB
/
about.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
108
109
110
111
112
113
114
115
116
<!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/about.css" />
<title>About</title>
</head>
<body>
<header class="header-white">
<nav class="header-white__nav">
<div class="header-white__nav__links">
<a href="./index.html">Home</a>
<a href="./Explore.html">Explore</a>
<a href="./about.html" class="active">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">Home</a>
<a href="./Explore.html">Explore</a>
<a href="./about.html" class="active">About</a>
<div id="marker"></div>
</div>
</nav>
</div>
</header>
<!-- About Section -->
<section class="banner ">
<div class="about-us">
<div class="about-content">
<h1>About us</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Natus fugit vero necessitatibus quae aliquam ullam
quidem sequi itaque iste vel. Odit vel inventore labore officia totam vero saepe dicta magni quos omnis.
Temporibus, qui. Quasi quidem pariatur explicabo ullam delectus autem modi itaque, unde nesciunt totam quis
fuga sapiente alias.</p>
<button class="learn-more">
<a href="#">Learn more</a>
</button>
</div>
<img src="./assets/images/amico.png" alt="team" class="team-image">
</div>
<img src="./assets/images/wave.png" alt="Wave" class="wave">
</div>
</section>
<!-- Team Section -->
<h1 style="text-align:center">Our Team</h1>
<section class="team">
<img src="./assets/images/team.png" alt="Team" class="team__image">
<img src="./assets/images/members.PNG" alt="Members" class="members__image">
</section>
<!-- more section -->
<h1 style="text-align: center;">Learn More</h1>
<section class="more-section">
<div class="blog">
<img src="./assets/images/blog.png" alt="blog">
</div>
<div class="blog-content">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Placeat, natus incidunt? Ex incidunt illum aut,
obcaecati molestiae, totam porro nostrum, nobis ab ipsa quam? Architecto assumenda ipsam asperiores nisi
dolores
at neque dolore tenetur cum.
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Facilis adipisci reprehenderit id, saepe quidem
voluptatum, suscipit hic aspernatur facere excepturi vero doloribus sed repellendus. Labore quam accusantium
corporis dicta, est dignissimos repellat. Voluptatem asperiores sit eos molestiae dignissimos! Commodi at
ullam tenetur perspiciatis? Numquam cum atque nisi, alias dignissimos, debitis suscipit voluptates corporis
animi minus deserunt dolorum fugiat? Tempore illo aliquam mollitia excepturi eos fugiat aut sunt facilis culpa
nam laudantium iste consequatur nostrum reiciendis sed, consequuntur temporibus expedita ea magnam quas
perferendis obcaecati ratione dignissimos! Ullam maxime quia, officia fugiat eaque expedita, animi repellat
necessitatibus laborum nulla mollitia. Earum?
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Hic sequi, eum, ratione perspiciatis consectetur
magnam praesentium neque a voluptates, accusamus culpa assumenda sunt eos. Sapiente error tempora fugit rerum
consequuntur accusamus, molestiae recusandae, dolorum sequi incidunt explicabo ut! Tempora voluptatum iusto
rem maiores eos, assumenda illum amet sequi recusandae ratione!
</p>
<button class="visit">Visit</button>
<button class="visit">Explore</button>
</div>
</div>
</section>
<div 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>
</div>
<script type="module" src="./assets/js/main.js"></script>
</body>
</html>