-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.php
87 lines (84 loc) · 3.71 KB
/
index.php
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
<!DOCTYPE html>
<html>
<head>
<title>Quiz</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</head>
<body>
<!-- Navigation bar -->
<nav class="navbar navbar-expand-md justify-content-between bg-dark navbar-dark sticky-top">
<a class="navbar-brand" style="margin-left: 10%;" href="#">
<h3><b>Quiz Club</b></h3>
</a>
<ul class="navbar-nav" style="margin-right: 20%;">
<li class="nav-item" style="margin-right: 10%;">
<a class="nav-link active" href="#">
<h5>Home</h5>
</a>
</li>
<li class="nav-item" style="margin-right: 10%;">
<a class="nav-link" href="#about">
<h5>About</h5>
</a>
</li>
</ul>
</nav>
<!-- Navigation bar -->
<div class="wave" style="margin-top: 0%;">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320">
<path fill="#f3f4f5" fill-opacity="1" d="M0,128L48,117.3C96,107,192,85,288,101.3C384,117,480,171,576,170.7C672,171,768,117,864,128C960,139,1056,213,1152,218.7C1248,224,1344,160,1392,128L1440,96L1440,0L1392,0C1344,0,1248,0,1152,0C1056,0,960,0,864,0C768,0,672,0,576,0C480,0,384,0,288,0C192,0,96,0,48,0L0,0Z"></path>
</svg>
</div>
<!-- Main -->
<div class="container-fluid heading" style="text-align: center;">
<div class="row">
<div class="col-md-12">
<p>Get your grey cells running !</p>
<h1>Take a Quiz</h1>
</div>
</div>
<div class="row" style="padding: 5%;">
<div class="col-md-6">
<p>Already a member? Hop in !</p>
<a href="login.php" class="btn btn-outline-primary btn-lg" role="button">Login</a>
</div>
<div class="col-md-6">
<p>We've been expecting you ! Come join us </p>
<a href="register.php" class="btn btn-outline-primary btn-lg" role="button" >Register</a>
</div>
</div>
<div class="row">
<div class="col-md-12">
<h3>Happy Quizzing ! Stay Curious</h3>
</div>
</div>
</div>
<!-- Main -->
<div class="wave">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320">
<path fill="#f3f4f5" fill-opacity="1" d="M0,128L48,117.3C96,107,192,85,288,101.3C384,117,480,171,576,170.7C672,171,768,117,864,128C960,139,1056,213,1152,218.7C1248,224,1344,160,1392,128L1440,96L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path>
</svg>
</div>
<div class="container-fluid footer bg-dark text-center" style="padding: 2.5% 20%;">
<div class="row">
<div id="about" class="col-sm-12">
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Laudantium consequatur blanditiis labore ad maiores excepturi nostrum perferendis, laboriosam eum sapiente molestias dignissimos quibusdam aliquam sit fugiat! Molestias deleniti impedit placeat.
</p>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<h8 class="font-weight-light">Copyright 2020 | Tanushree ©</h8>
</div>
</div>
</div>
<!-- Footer -->
</body>
</html>