-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathabout.html
153 lines (144 loc) · 8.47 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<title>About Us</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/animate.min.css" rel="stylesheet">
<link href="css/font-awesome.min.css" rel="stylesheet">
<link href="css/lightbox.css" rel="stylesheet">
<link href="css/main.css" rel="stylesheet">
<link id="css-preset" href="css/presets/preset1.css" rel="stylesheet">
<link href="css/responsive.css" rel="stylesheet">
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<script src="js/respond.min.js"></script>
<![endif]-->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700' rel='stylesheet' type='text/css'>
<link rel="shortcut icon" href="images/favicon.ico">
</head><!--/head-->
<body>
<header>
<div class="main-nav">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand stamatics-logo" href="index.html">
<div>
<img class="img-responsive" src="images/logo.png" alt="logo">
</div>
</a>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav navbar-right">
<li class="scroll"><a href="index.html">Home</a></li>
<li class="scroll"><a href="#about-us">About Us</a></li>
<li class="scroll"><a href="portfolio.html">Portfolio</a></li>
<li class="scroll"><a href="mathemania.html">Mathemania</a></li>
<li class="scroll"><a href="activities.html">Activities</a></li>
<li class="scroll"><a href="team.html">Team</a></li>
<li class="scroll"><a href="contact.html">Contact</a></li>
</ul>
</div>
</div>
</div><!--/#main-nav-->
</header>
<section id="about-us" class="parallax">
<div class="container">
<div class="row">
<div class="col-sm-6 col-sm-offset-3" style="text-align: justify">
<div class="about-info wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="300ms">
<h1 style="text-align: center">About us</h1>
<p style="font-size: 1.2em;">Stamatics is a society of IIT Kanpur under the Department of Mathematics and Statistics.
Throughout the year, Stamatics organises mathematical competitions, talks by various
professors and students, workshops, and numerous other informal and formal sessions to guide
students towards a fruitful life in the campus and outside. </p>
<br>
<p style="font-size: 1.2em">Aimed at shedding more light and inculcating more interest in Mathematics, as well as making
it fun and enjoyable, Stamatics distributes its newsletter full of interesting stuff ranging
from groundbreaking scientific research articles to academic guidance by seniors and
professors in various fields. In a nutshell, Stamatics is a group of individuals who
strive to put all the opportunities, interesting researches, fun puzzles and the guidance of
seniors, out in the open for everyone in the campus.</p>
</div>
</div>
<!--<div class="col-sm-6">
<!–<div class="our-skills wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="300ms">
<div class="single-skill wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="300ms">
<p class="lead">Random Stamatics Fact</p>
<div class="progress">
<div class="progress-bar progress-bar-primary six-sec-ease-in-out" role="progressbar"
aria-valuetransitiongoal="95">95%</div>
</div>
</div>
<div class="single-skill wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="400ms">
<p class="lead">Random Stamatics Fact</p>
<div class="progress">
<div class="progress-bar progress-bar-primary six-sec-ease-in-out" role="progressbar"
aria-valuetransitiongoal="75">75%</div>
</div>
</div>
<div class="single-skill wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="500ms">
<p class="lead">Random Stamatics Fact</p>
<div class="progress">
<div class="progress-bar progress-bar-primary six-sec-ease-in-out" role="progressbar"
aria-valuetransitiongoal="60">60%</div>
</div>
</div>
<div class="single-skill wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="600ms">
<p class="lead">Random Stamatics Fact</p>
<div class="progress">
<div class="progress-bar progress-bar-primary six-sec-ease-in-out" role="progressbar"
aria-valuetransitiongoal="45">45%</div>
</div>
</div>
<div class="single-skill wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="600ms">
<p class="lead">Random Stamatics Fact</p>
<div class="progress">
<div class="progress-bar progress-bar-primary six-sec-ease-in-out" role="progressbar"
aria-valuetransitiongoal="52">52%</div>
</div>
</div>
<div class="single-skill wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="600ms">
<p class="lead">Random Stamatics Fact</p>
<div class="progress">
<div class="progress-bar progress-bar-primary six-sec-ease-in-out" role="progressbar"
aria-valuetransitiongoal="85">85%</div>
</div>
</div>
</div>–>
</div>-->
</div>
</div>
</section><!--/#about-us-->
<footer id="footer" style="background-color: #2ac6f7">
<div class="footer-top wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="300ms">
<div class="container text-center">
<div class="row">
<div class="col-sm-12">
<p>Copyright 2017-18 © Stamatics, IIT Kanpur</p>
</div>
</div>
</div>
</div>
</footer>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
<script type="text/javascript" src="js/jquery.inview.min.js"></script>
<script type="text/javascript" src="js/wow.min.js"></script>
<script type="text/javascript" src="js/mousescroll.js"></script>
<script type="text/javascript" src="js/smoothscroll.js"></script>
<script type="text/javascript" src="js/jquery.countTo.js"></script>
<script type="text/javascript" src="js/lightbox.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>