forked from shreyasvinaya/solanlearn.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
233 lines (202 loc) · 11.1 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
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
<!DOCTYPE html>
<html>
<head>
<!--Metadata-->
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="generator" content="Program">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
<link rel="shortcut icon" href="assets/images/open-book.png" type="image/x-icon">
<meta name="description" content="So Learn.">
<title>Solan | Home</title>
<!--CSS-->
<link rel="stylesheet" href="assets/web/assets/mobirise-icons/mobirise-icons.css">
<link rel="stylesheet" href="assets/tether/tether.min.css">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap-grid.min.css">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap-reboot.min.css">
<link rel="stylesheet" href="assets/dropdown/css/style.css">
<link rel="stylesheet" href="assets/animatecss/animate.min.css">
<link rel="stylesheet" href="assets/socicon/css/styles.css">
<link rel="stylesheet" href="assets/theme/css/style.css">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="assets/mobirise/css/mbr-additional.css" type="text/css">
</head>
<body>
<!--Nav Bar-->
<section class="menu cid-r03bYsVVMz" once="menu" id="menu1-0">
<nav class="navbar navbar-expand beta-menu navbar-dropdown align-items-center navbar-fixed-top navbar-toggleable-sm bg-color transparent">
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<div class="hamburger">
<span></span>
<span></span>
<span></span>
<span></span>
</div>
</button>
<div class="menu-logo">
<div class="navbar-brand">
<span class="navbar-caption-wrap"><a class="navbar-caption text-white display-5" href="#top">Solan</a></span>
</div>
</div>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav nav-dropdown" data-app-modern-menu="true"><li class="nav-item dropdown">
<a class="nav-link link text-white display-4" href="#top" aria-expanded="false">
<span class="mbri-home mbr-iconfont mbr-iconfont-btn"></span>Home</a>
</li><li class="nav-item"><a class="nav-link link text-white display-4" href="#features6-7"><span class="mbri-info mbr-iconfont mbr-iconfont-btn"></span>
Features</a></li><a class="nav-link link text-white display-4" href="#form1-b"><span class="socicon socicon-viber mbr-iconfont mbr-iconfont-btn"></span>
Conatct</a>
</a></li></ul>
<div class="navbar-buttons mbr-section-btn"><a class="btn btn-sm btn-primary display-4" href="#">
Login</a></div> <!--Login Funtionality to be added-->
</div>
</nav>
</section>
<!--Nav Bar Ends-->
<!--Landing Screen-->
<section class="engine"><a href="https://mobiri.se/n">simple site templates</a></section><section class="cid-r03c7OdEdC mbr-fullscreen mbr-parallax-background" id="header2-1">
<div class="container align-center">
<div class="row justify-content-md-center">
<div class="mbr-white col-md-10">
<h1 class="mbr-section-title mbr-bold pb-3 mbr-fonts-style display-1">
SO LEARN.</h1>
<p class="mbr-text pb-3 mbr-fonts-style display-5">
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Molestiae sunt suscipit eius porro architecto dolores earum in praesentium ratione? Optio, hic ut. A deleniti vitae laboriosam qui, error dignissimos fugit.
</p>
</div>
</div>
</div>
<!--Landing Screen Ends-->
<div class="mbr-arrow hidden-sm-down" aria-hidden="true"> <!--btn to move to next section-->
<a href="#next">
<i class="mbri-down mbr-iconfont"></i>
</a>
</div>
</section>
<!--Features-->
<section class="features6 cid-r08n76r6uG" id="features6-7">
<div class="container">
<div class="media-container-row">
<div class="card p-3 col-12 col-md-6 col-lg-4">
<div class="card-img pb-3">
<span class="mbri-bootstrap mbr-iconfont"></span>
</div>
<div class="card-box">
<h4 class="card-title py-3 mbr-fonts-style display-7">
Question.</h4> <!--Feature 1-->
<p class="mbr-text mbr-fonts-style display-7">
One can be sure that he has understood a concept completely only when he can make the hardest questions out of it.
</p>
</div>
</div>
<div class="card p-3 col-12 col-md-6 col-lg-4">
<div class="card-img pb-3">
<span class="mbri-touch mbr-iconfont"></span>
</div>
<div class="card-box">
<h4 class="card-title py-3 mbr-fonts-style display-7">
Learn.</h4> <!--Feature 2-->
<p class="mbr-text mbr-fonts-style display-7">
Gain access to a huge collection of questions made by your friends. Are you competent enough to crack them?
</p>
</div>
</div>
<div class="card p-3 col-12 col-md-6 col-lg-4">
<div class="card-img pb-3">
<span class="mbri-responsive mbr-iconfont"></span>
</div>
<div class="card-box">
<h4 class="card-title py-3 mbr-fonts-style display-7">
Compete.</h4> <!--Feature 3-->
<p class="mbr-text mbr-fonts-style display-7">
Compete with your friends by submitting questions and answering the question of the week to gain points.
</p>
</div>
</div>
</div>
</div>
</section>
<!--Feature End-->
<!--Contact Form-->
<section class="mbr-section form1 cid-r08nKAqmV0" id="form1-b">
<div class="container">
<div class="row justify-content-center">
<div class="title col-12 col-lg-8">
<h2 class="mbr-section-title align-center pb-3 mbr-fonts-style display-2">
CONTACT FORM
</h2>
<h3 class="mbr-section-subtitle align-center mbr-light pb-3 mbr-fonts-style display-5">
Is something not right? Can we do it better? Let us know.
</h3>
</div>
</div>
</div>
<div class="container">
<div class="row justify-content-center">
<div class="media-container-column col-lg-8" data-form-type="formoid">
<div data-form-alert="" hidden="">
Thanks for filling out the form! <!--msg after submission of form-->
</div>
<form class="mbr-form" action="#/" method="post" data-form-title="Mobirise Form"><input type="hidden" name="email" data-form-email="true" value="GszkY6ZiRltEKGSLZ1WZgbB6sTOfu78VwpGjuYe3XUqHB/8Dxy/JfqXQhJQKa2IE+RBV3Z2eOe3rSbW+/Np434Z3ACOOVc3xD7+Fhx+mJhG+mCeQuesp7wMvSlUbmVeR" data-form-field="Email">
<div class="row row-sm-offset">
<div class="col-md-4 multi-horizontal" data-for="name">
<div class="form-group"><!--Name-->
<label class="form-control-label mbr-fonts-style display-7" for="name-form1-b">Name</label>
<input type="text" class="form-control" name="name" data-form-field="Name" required="" id="name-form1-b">
</div>
</div>
<div class="col-md-4 multi-horizontal" data-for="email">
<div class="form-group"><!--Email-->
<label class="form-control-label mbr-fonts-style display-7" for="email-form1-b">Email</label>
<input type="email" class="form-control" name="email" data-form-field="Email" required="" id="email-form1-b">
</div>
</div>
<div class="col-md-4 multi-horizontal" data-for="phone">
<div class="form-group"><!--Phone-->
<label class="form-control-label mbr-fonts-style display-7" for="phone-form1-b">Phone</label>
<input type="tel" class="form-control" name="phone" data-form-field="Phone" id="phone-form1-b">
</div>
</div>
</div>
<div class="form-group" data-for="message"><!--Message-->
<label class="form-control-label mbr-fonts-style display-7" for="message-form1-b">Message</label>
<textarea type="text" class="form-control" name="message" rows="7" data-form-field="Message" id="message-form1-b"></textarea>
</div>
<span class="input-group-btn"><!--Submit-->
<button href="" type="submit" class="btn btn-primary btn-form display-4">SEND FORM</button>
</span>
</form>
</div>
</div>
</div>
</section>
<!--Contact Form End-->
<!--Footer-->
<section once="" class="cid-r03cwKgizw" id="footer6-3">
<div class="container">
<div class="media-container-row align-center mbr-white">
<div class="col-12">
<p class="mbr-text mb-0 mbr-fonts-style display-7">
© Copyright 2018 Solan - All Rights Reserved
</p>
</div>
</div>
</div>
</section>
<!--Footer End-->
<!--Scripts Used-->
<script src="assets/web/assets/jquery/jquery.min.js"></script>
<script src="assets/popper/popper.min.js"></script>
<script src="assets/tether/tether.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/smoothscroll/smooth-scroll.js"></script>
<script src="assets/dropdown/js/script.min.js"></script>
<script src="assets/touchswipe/jquery.touch-swipe.min.js"></script>
<script src="assets/viewportchecker/jquery.viewportchecker.js"></script>
<script src="assets/parallax/jarallax.min.js"></script>
<script src="assets/theme/js/script.js"></script>
<script src="assets/formoid/formoid.min.js"></script>
<div id="scrollToTop" class="scrollToTop mbr-arrow-up"><a style="text-align: center;"><i></i></a></div>
<input name="animation" type="hidden"> <!--btn to scroll to top-->
</body>
</html>