forked from ygyash/ieeebitm19
-
Notifications
You must be signed in to change notification settings - Fork 0
/
lead.html
221 lines (194 loc) · 10 KB
/
lead.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
<!DOCTYPE html>
<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=euc-jp">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-jp">
<meta name="description" content="Welcome to the Official IEEE Student Branch BIT Mesra Website. IEEE Student Branch BIT Mesra is a registered student branch under IEEE Region 10 Kolkata Region.">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<meta name="keywords" content="footer, address, phone, icons" />
<!-- Chrome, Firefox OS and Opera -->
<meta name="theme-color" content="#00629B">
<!-- Windows Phone -->
<meta name="msapplication-navbutton-color" content="#00629B">
<!-- iOS Safari -->
<meta name="apple-mobile-web-app-status-bar-style" content="#00629B">
<title>IEEE | BIT Mesra</title>
<!-- css -->
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700|Open+Sans:400,300,700,800" rel="stylesheet" media="screen">
<link rel="icon" href="img/ieee-icon.ico">
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
<link href="css/style.css" rel="stylesheet" media="screen">
<link href="color/default.css" rel="stylesheet" media="screen">
<link rel="stylesheet" href="css/down-button.css">
</head>
<body style="overflow-x: hidden;">
<!-- Navigation -->
<nav class="navbar navbar-default fixed-to-top" role="navigation" style="display:block">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
<span class="sr-only">Toggle nav</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<!-- Logo text or image -->
<a class="navbar-brand" href="index.html"><img style="margin: -5px 0;" src="img/ieee-logo-nav.png" alt=""></a>
</div>
<div class="navigation collapse navbar-collapse navbar-ex1-collapse">
<ul class="nav navbar-nav">
<li><a href="index.html">Home</a></li>
<li><a href="events.html">Events</a></li>
<li><a href="workshop.html">Workshops</a></li>
<li><a href="megaproject.html">Mega Project</a></li>
<li><a href="lead.html"> L.E.A.D </a></li>
<li><a href="hackabit.html">Hackabit</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
</div>
</div>
</nav>
<!-- About -->
<section id="about" class="home-section bg-white">
<div class="container">
<div class="row">
<div class="col-md-offset-2 col-md-8">
<div class="section-headin">
<h2>Learn, Explore And Develop (L.E.A.D)</h2>
<div class="heading-line"></div>
</div>
</div>
</div>
<div class="row wow fadeInUp">
<div class="col-md-6 about-img">
<img src="img/about2.jpg" alt="">
</div>
<div class="col-md-6 content">
<h2>To learn, we need to explore, discover, fail and be right. </h2>
<h3>
The event is mainly focused for newly joined freshers
across all batches and branches. The event aims at learn and practice with gradual efforts and continuos hardwork.
The students are given different weekly tasks to complete and build a project from what they learn.
Along with the efforts of student they are also guided by personal mentors which accelerates the learning pace of the person.</h3>
<p>
</p>
</div>
</div>
</div>
</section>
<section id="portfolio" class="home-section bg-gray">
<div class="container">
<div class="row">
<div class="col-md-offset-2 col-md-8">
<div class="section-heading">
<h2>LEAD'20 PROJECTS</h2>
<p>These were different tracks on which student made projects</p>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<ul id="og-grid" class="og-grid">
<li>
<a href="https://github.com/ieeebitmesra/IEEE-LEAD/tree/master/Project-1" data-largesrc="img/project/7.jpg" data-title="Portolio" data-description="The website contains all the basic features. It has loader animation that runs before content loads in Web page. Home page has matrix
falling effect made using canvas and it uses audio element for playing/pausing the radio. It also has typewriter effect. The about page along with home page is responsive using flexbox. The projects page used GIF's to demonstrate projects and is made responsive. The skills page uses flip
animation to show case skills but is not responsive. The contact page uses Codeforces API for fetching the Ratings and is also not responsive.
">
<button class="accordion">Personalized Portfolio </button>
</a>
</li>
<li>
<a href="https://github.com/ieeebitmesra/IEEE-LEAD/tree/master/Project-2 " data-largesrc="img/project/10.jpg" data-title="Price Comparator (Flipkart, Amazon, Paytmall ) " data-description="On running the python file one GUI window is displayed on the screen . GUI has an introduction page which contains a description about the application . Second page contains flipkart's details about a specific product which is searched. The following specifications are added for various products : 'the product image' , 'product name' , 'product price ', 'product rating' , 'highlighted details' and a button is located at the bottom of the GUI page , on clicking it takes you directly to the corresponding product's official page on flipkart . And a comparison button is added to the end of the page where the price comparison is done ">
<button class="accordion">E-Commerce and Price Comparator</button>
</a>
</li>
<li>
<a href="https://github.com/ieeebitmesra/IEEE-LEAD/tree/master/Project-3" data-largesrc="img/project/13.jpg" data-title=" Weather API " data-description="This program on starting shows the weather data for current location. There is a search bar on top to search for different locations. The weather data is displayed for past 5 dates and forecast of further 7 days. To navigate between these different dates there are buttons on left and right of the box where the weather data is displayed. In the box, the date is displayed on top then the temperature and then description. Below that humidity and wind speed are also mentioned. The latitude and longitude of the location is also displayed at the bottom of the box. The current date is displayed on top in the header.">
<button class="accordion">Weather website</button>
</a>
</li>
</ul>
<div class="text-center"><a class="btn btn-primary" href="https://github.com/ieeebitmesra/IEEE-LEAD" target="_blank">View More</a></div>
</div>
</div>
</div>
</section>
<!-- Bottom widget -->
<section id="bottom-widget" class="home-section bg-white">
<div class="container">
<div class="row">
<h2>IEEE | BIT Mesra</h2>
<h5>Student Branch Code: STB32081</h5>
</div>
<br>
<div class="row">
<div class="col-md-4">
<div class="contact-widget wow bounceInLeft">
<i class="fa fa-map-marker fa-4x"></i>
<h5>Address</h5>
<p>
Birla Institute of Technology, Mesra<br/>Ranchi, Jharkhand 835215
</p>
</div>
</div>
<div class="col-md-4">
<div class="contact-widget wow bounceInUp">
<i class="fa fa-phone fa-4x"></i>
<h5>Call</h5>
<p>
+91 829 464 5733
</p>
</div>
</div>
<div class="col-md-4">
<div class="contact-widget wow bounceInRight">
<i class="fa fa-envelope fa-4x"></i>
<h5>Email us</h5>
<p>
<a href="mailto:[email protected]">[email protected]</a>
</p>
</div>
</div>
</div>
</div>
</section>
<div class="floating-share-buttons">
<div class="icons">
<ul>
<a href="https://www.facebook.com/ieeebitmesra"><li class="facebook"><i class="fa fa-facebook fa-3x"></i></li></a>
<a href="mailto:[email protected]"><li class="mail"><i class="fa fa-envelope fa-stack-2x fa-inverse"></i></li></a>
<a href="https://in.linkedin.com/company/ieee-student-branch-bit-mesra"><li class="linkedin"><i class="fa fa-linkedin fa-3x"></i></li></a>
<a href="https://www.youtube.com/channel/UCTNV2DMrBeeX-o2RCsEpSbA"><li class="youtube"><i class="fa fa-youtube fa-3x"></i></li></a>
<a href="https://www.instagram.com/ieee.bitm/"><li class="instagram"><i class="fa fa-instagram fa-3x"></i></li></a>
</ul>
</div>
</div>
<!-- Footer -->
<footer>
<div class="container">
<div class="row">
<div class="col-md-12">
<p>Copyright © 2019</p>
<div class="credits">
</div>
</div>
</div>
</div>
</footer>
<a href="#" class="back-to-top"><i class="fa fa-chevron-up"></i></a>
<!-- js -->
<script src="js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/wow.min.js"></script>
<script src="js/jquery.scrollTo.min.js"></script>
<script src="js/jquery.nav.js"></script>
<script src="js/modernizr.custom.js"></script>
<script src="js/grid.js"></script>
<script src="js/stellar.js"></script>
<!-- Template Custom Javascript File -->
<script src="js/custom.js"></script>
</body>
</html>