forked from Devsoc-BPGC/qriosity-22
-
Notifications
You must be signed in to change notification settings - Fork 0
/
template.html
153 lines (145 loc) · 7.3 KB
/
template.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
150
151
152
153
<!doctype html>
<html lang="en">
<head>
<title>Qriosity 2022</title>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<!-- Fonts and icons -->
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Roboto+Slab:400,700|Material+Icons" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css">
<!-- Material Icons -->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons+Round" rel="stylesheet">
<!-- Material Kit CSS -->
<link href="assets/css/material-kit.min.css" rel="stylesheet" />
<link href="assets/css/style.css" rel="stylesheet" />
</head>
<body>
<!-- Navbar Transparent -->
<nav class="navbar navbar-expand-lg position-absolute top-0 z-index-3 w-100 shadow-none my-3 navbar-transparent">
<div class="container">
<a class="navbar-brand text-white " href="https://demos.creative-tim.com/material-kit/presentation" rel="tooltip" title="Designed and Coded by Creative Tim" data-placement="bottom" target="_blank">
Material Kit 2
</a>
<button class="navbar-toggler shadow-none ms-2" type="button" data-bs-toggle="collapse" data-bs-target="#navigation" aria-controls="navigation" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon mt-2">
<span class="navbar-toggler-bar bar1"></span>
<span class="navbar-toggler-bar bar2"></span>
<span class="navbar-toggler-bar bar3"></span>
</span>
</button>
<div class="collapse navbar-collapse w-100 pt-3 pb-2 py-lg-0 ms-lg-12 ps-lg-5" id="navigation">
<ul class="navbar-nav navbar-nav-hover ms-auto">
<li class="nav-item dropdown dropdown-hover mx-2 ms-lg-6">
<a class="nav-link ps-2 d-flex cursor-pointer align-items-center" id="dropdownMenuPages2" data-bs-toggle="dropdown" aria-expanded="false">
<i class="material-icons opacity-6 me-2 text-md">dashboard</i>
Pages
<img src="./assets/img/down-arrow-white.svg" alt="down-arrow" class="arrow ms-auto ms-md-2 d-lg-block d-none">
<img src="./assets/img/down-arrow-dark.svg" alt="down-arrow" class="arrow ms-auto ms-md-2 d-lg-none d-block">
</a>
</li>
<li class="nav-item dropdown dropdown-hover mx-2">
<a class="nav-link ps-2 d-flex cursor-pointer align-items-center" id="dropdownMenuBlocks" data-bs-toggle="dropdown" aria-expanded="false">
<i class="material-icons opacity-6 me-2 text-md">view_day</i>
Sections
<img src="./assets/img/down-arrow-white.svg" alt="down-arrow" class="arrow ms-auto ms-md-2 d-lg-block d-none">
<img src="./assets/img/down-arrow-dark.svg" alt="down-arrow" class="arrow ms-auto ms-md-2 d-lg-none d-block">
</a>
</li>
<li class="nav-item dropdown dropdown-hover mx-2">
<a class="nav-link ps-2 d-flex cursor-pointer align-items-center" id="dropdownMenuDocs" data-bs-toggle="dropdown" aria-expanded="false">
<i class="material-icons opacity-6 me-2 text-md">article</i>
Docs
<img src="./assets/img/down-arrow-white.svg" alt="down-arrow" class="arrow ms-auto ms-md-2 d-lg-block d-none">
<img src="./assets/img/down-arrow-dark.svg" alt="down-arrow" class="arrow ms-auto ms-md-2 d-lg-none d-block">
</a>
</li>
<li class="nav-item ms-lg-auto my-auto ms-3 ms-lg-0 mt-2 mt-lg-0">
<a href="https://www.creative-tim.com/product/material-kit" class="btn btn-sm bg-gradient-primary mb-0 me-1 mt-2 mt-md-0">Free Download</a></li>
</ul>
</div>
</div>
</nav>
<!-- End Navbar -->
<div class="page-header min-vh-80" style="background-image: url('https://images.unsplash.com/photo-1630752708689-02c8636b9141?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2490&q=80')">
<span class="mask bg-gradient-dark opacity-6"></span>
<div class="container">
<div class="row">
<div class="col-md-8 mx-auto">
<div class="text-center">
<h1 class="text-white">Your title here</h1>
<h3 class="text-white">Subtitle</h3>
</div>
</div>
</div>
</div>
</div>
<div class="card card-body shadow-xl mx-3 mx-md-4 mt-n6">
<div class="container">
<div class="section text-center">
<br>
<br>
<h2 class="title"><!--Your main section here-->About Qriosity</h2>
<br>
<br>
<ul style="text-align: justify; max-width: 800px; margin-left: 18%; margin-right: 18%;" >
<li><b>Aim</b> – We seek to provide school students a platform to build conceptual knowledge, apply skills and achieve. Knowledge
is a beautiful thing that can fill one with happiness. We at Quark promote “Education for All”.
</li>
<br>
<br>
<li><b>Who we are?</b> - Qriosity is a national level Aptitude test organized by the student fraternity of BITS PILANI K.K. Birla
Goa Campus. Started in 2014, with a participation of 500 students, we have expanded our reach to cities all across
India, getting an overwhelming turnout of 3000+ Students last year.
</li>
<br>
<br>
<li><b>Qriosity Structure</b> - This year qriosity is being conducted in a completely online mode for the first time since it’s
conception.<br>
Qriosity is conducted on three levels from this year onwards:
<br>
level-1 for Classes 05 to 07
<br>
level-2 for Classes 08 to 10<br>
level-3 for Classes 11 and 12<br>
It involves no syllabus or general knowledge and relies solely on the student's logical and analytical thinking
abilities. The question paper will have various sections like maths, puzzles, code crunchers etc. Each section has its
own marking scheme. The exam is generally of 2 hour length .These questions are designed in a way to properly check the
intellect and problem solving abilities of the participants</li>
</ul>
<br>
<hr color="black">
<br><a href="https://drive.google.com/drive/folders/1s1zs2Uyhc9wtkeCcixjM-4IGxa5cy0QJ?usp=sharing">
<button class="pyq" >PAST YEAR PAPERS</button></a>
<br>
<br>
<hr color="black">
<br>
<h2>Gallery</h2>
<br>
<div>
<img src="./i1q.jpeg" alt="" width="360px" height="300px" class="gallery">
<img src="./i2q.jpeg" alt="" width="360px" height="300px" class="gallery">
<img src="./i3q.jpeg" alt="" width="360px" height="300px" class="gallery">
<img src="./i4q.jpeg" alt="" width="360px" height="300px" class="gallery">
<img src="./Screenshot 2022-07-08 at 1.48.51 PM.png" alt="" width="360px" height="300px" class="gallery">
<img src="./Screenshot 2022-07-08 at 1.49.24 PM.png" alt="" width="360px" height="300px" class="gallery">
</div>
</div>
</div>
</div>
<footer class="footer-default" style="z-index: 2 !important">
<div class="container">
<div class="copyright float-right" style="z-index: 2 !important">
©
<script>
document.write(new Date().getFullYear());
</script>
, made with <i class="material-icons">favorite</i> by
<a href="https://devsoc.club/" target="blank">DEVSOC</a>
</div>
</div>
</footer>
</body>
</html>