-
Notifications
You must be signed in to change notification settings - Fork 1
/
about.html
167 lines (151 loc) · 5.13 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./css/skeleton.css">
<link rel="stylesheet" href="./css/style.css">
<title>Shiksha.</title>
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/dixonandmoe/rellax@master/rellax.min.js"></script>
<link rel="icon" href="./img/logo.svg" type="image/svg">
</head>
<body>
<div class="container">
<div class="fixed">
<nav>
<div class="nav">
<div class="left">
<a href="./index.html">
<img src="./img/logo.svg" alt="Shiksha." class="logo">
</a>
</div>
<div>
<div class="right">
<a href="./features.html">Features</a>
<a href="./about.html">About</a>
<a href="./register.html">Register</a>
<a href="./branding.html">Branding</a>
</div>
<div id="navicon">
<img id="lines" src="./img/menu.svg" alt="">
<img id="close" src="./img/close.svg" alt="">
</div>
</div>
</div>
<div class="mobnav">
<ul>
<li><a href="./features.html">Features</a></li>
<li><a href="./about.html">About</a></li>
<li><a href="./register.html">Register</a></li>
<li><a href="./branding.html">Branding</a></li>
</ul>
</div>
</nav>
</div>
</div>
<section id="landing" class="about">
<img src="./img/squiggle/ellipse.svg" class="ellipse rellax" data-rellax-speed="3" alt="">
<img src="./img/squiggle/half.svg" class="half rellax" data-rellax-speed="5" alt="">
<img src="./img/squiggle/rect.svg" class="rect rellax" data-rellax-speed="-4" alt="">
<img src="./img/squiggle/square.svg" class="square rellax" data-rellax-speed="-2" alt="">
<img src="./img/squiggle/stairs.svg" class="stairs rellax" data-rellax-speed="7" alt="">
<div class="container">
<h1 class="big center med zero grad">About Us</h1>
<div class="flex-center">
<div class="seven columns">
<h5 class="center">
Our team at <i>Shiksha</i> consists of the country's best designers and developers working on our branding
and platforms.
</h5>
</div>
<h6 class="center subup">Team MINET</h6>
</div>
<div class="u-cf"></div>
</div>
</section>
<section id="mission">
<div class="container">
<div class="flex">
<div class="one">
<div class="line"></div>
<h1 class="med">Our Mission</h1>
<p>
Our mission is to provide a new and modern approach to education. Breaking free of all physical barriers,
<i>Shiksha</i> aims to open the door of knowledge to everyone, everywhere.
</p>
<br>
<p>
2020 has been a wild ride, and it's time to realise that online education is no longer a gimmick, but a
viable and sustainable option for our future. Preparing the future, with the present.
</p>
</div>
<div>
<img src="./img/drumdown.svg" class="abtill" alt="" draggable="false">
</div>
</div>
</div>
</section>
<section id="founder">
<div class="container">
<div class="flex">
<div class="flex-center">
<img src="./img/arhaanb.jpg" alt="" draggable="false">
</div>
<div class="two">
<div class="line"></div>
<h1 class="med zero">Arhaan Bahadur</h1>
<h5 class="subup" style="margin-bottom: 1em;">The Founder</h5>
<p>
A mere class 12th student with an entrepreneurial mindset, Arhaan Bahadur is known worldwide for his
eloquent yet minimilistic designs. With a focus on creativity and practicality, Arhaan Bahadur constantly
strives to achieve the unachievable, and shows a natural gravity towards designing and creative art. He now
unveils his latest creation, <i>Shiksha</i>.
</p>
</div>
</div>
</div>
</section>
<section id="founder">
<div class="container">
<div class="flex intern">
<div class="two">
<div class="line"></div>
<h1 class="med zero">Hrijul Chauhan</h1>
<h5 class="subup" style="margin-bottom: 1em;">Designer</h5>
<p>
A budding designer, with a keen sense of entrepreneurship and creativity, Hrijul Chauhan is slowly rising
among the ranks of the best designers in the world. A preference towards simplicity but efficiency, Hrijul
hopes to change the world, one design at a time. He now showcases his newest design project, <i>Shiksha</i>.
</p>
</div>
<div class="flex-center">
<img class="unpaidintern" src="./img/hanchau2.jpg" alt="" draggable="false">
</div>
</div>
</div>
</section>
<footer class="footer">
<div class="container">
<div class="six columns">
<p class="zero">
<a href="//github.com/arhaanb/shiksha" target="_blank">
<img src="./img/github.svg" class="icon" alt="GitHub"> Source
</p>
</a>
</div>
<div class="six columns">
<p class="zero righttext">
<a href="//minet.co" target="_blank">
Made with <img src="./img/heart.svg" class="icon" alt="Love"> by Team MINET
</a>
</p>
</div>
</div>
</footer>
<script src="./js/main.js"></script>
<script type="text/javascript">
var rellax = new Rellax('.rellax');
</script>
</body>
</html>