-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
149 lines (145 loc) · 6.56 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
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>QuizMe</title>
<link rel="stylesheet" href="index.css">
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display&family=Poppins:wght@200;400;700&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Gothic+A1&family=Poppins:wght@300;400&display=swap" rel="stylesheet">
</head>
<body style="background-image: url(./images/space.png);">
<header>
<a href="./index.html"><img src="./images/logo.svg" alt="QuizMe Logo"></a>
<nav>
<ul>
<li><a href="./index.html" class="active_first">Home</a></li>
<li><a href="./aboutus.html">About</a></li>
<li><a href="./services.html">Services</a></li>
</ul>
</nav>
</header>
<div class="main">
<div style="display: flex; justify-content: center;">
<div style="width: 807px;">
<h1>
QUIZ ME
</h1>
<h2>
Quizzes for the GenZ
</h2>
<a href="./services.html" class="start_investing">Go Quizzz →</a></div>
<div class="main_ani">
<div class="moon">
<img src="./images/Group.svg" style="height: 500px; padding-top: 80px">
</div>
</div>
</div>
<div class="main_2">
<div class="main_2_text">
<div>
<h3>Our Solution</h3>
<p>QuizMe offers a dynamic platform where Gen Z can engage in interactive quizzes that are both educational and entertaining. We provide a diverse range of topics, from pop culture to science, fostering curiosity and learning in a fun and accessible way.</p>
</div>
<img src="./images/brain.svg" style="height: 500px;">
</div>
</div>
</div>
<div class="faq">
<h1>-FAQs</h1>
<ul class="accordion">
<li>
<input type="radio" name="accordion" id="first">
<label for="first">How does QuizMe work?</label>
<div class="content">
<p>QuizMe is a user-friendly quiz platform where you can choose from various topics, answer questions, and compete with friends for high scores.</p>
</div>
</li>
<li>
<input type="radio" name="accordion" id="second">
<label for="second">Why should I use QuizMe?</label>
<div class="content">
<p>QuizMe offers an entertaining and educational way to expand your knowledge, challenge yourself with engaging quizzes, and connect with friends through friendly competition.</p>
</div>
</li>
<li>
<input type="radio" name="accordion" id="third">
<label for="third">Who can use this website?</label>
<div class="content">
<p>QuizMe is designed for anyone looking to have fun, test their knowledge, and explore different topics through interactive quizzes.</p>
</div>
</li>
<li>
<input type="radio" name="accordion" id="fourth">
<label for="fourth">How is the community here?</label>
<div class="content">
<p>The QuizMe community is vibrant, diverse, and enthusiastic about learning and sharing knowledge through engaging quizzes. Join us to connect with like-minded individuals and enjoy friendly competition!</p>
</div>
</li>
<li>
<input type="radio" name="accordion" id="fifth">
<label for="fifth">Is my data safe with QuizMe?</label>
<div class="content">
<p>Yes, we prioritize the security and privacy of your data. QuizMe employs robust measures to protect your information and ensures that it is handled securely and responsibly.</p>
</div>
</li>
<li>
<input type="radio" name="accordion" id="seventh">
<label for="seventh">Is it free?</label>
<div class="content">
<p>Yes, QuizMe is completely free to use! Enjoy unlimited access to quizzes and challenges without any cost.</p>
</div>
</li>
</ul>
</div>
</div>
<div class="main_5">
<div class="main_5_img">
<img src="./images/light_bulb.jpeg">
</div>
<div class="sounds_amazing">
<h3>Sounds Amazing?</h3>
<a href="./services.html"><button>Take a Quiz</button></a>
</div>
</div>
</div>
</body>
<footer>
<div class="footer">
<div class="first">
<a href="#"><img src="./images/logo.svg" alt="QuizMe Logo"></a>
<h3><img src="./images/phone.png" style="height: 15px; width: 15px;"> (+91) 9876543210</h3>
<h3><img src="./images/mail.svg" style="height: 15px; width: 15px;"> [email protected]</h3>
</div>
<div class="second">
<p>The Quizzes are of accurate information.</p><p>Copyright © 2023-2024 QuizMe, Inc.</p>
</div>
<div class="third">
<table>
<tr>
<th>
<a href="./index.html" style="color:azure;"> Home </a>
</th>
</tr>
<tr>
<th>
<a href="./services.html" style="color:azure;"> Services </a>
</th>
</tr>
<tr>
<th>
<a href="./aboutus.html" style="color:azure;"> About </a>
</th>
</tr>
</table>
</div>
<div class="fourth">
<a href="#"><img src="./images/linkedin.svg" alt="Linkedin Icon" style="height: 20px; width: 20px;"></a>
<a href="#"><img src="./images/instagram.svg" alt="Instagram Icon" style="height: 20px; width: 20px;"></a>
<a href="#"><img src="./images/twitter.svg" alt="Twitter Icon" style="height: 20px; width: 20px;"></a>
</div>
</div>
</footer>
</html>