-
Notifications
You must be signed in to change notification settings - Fork 8
/
index.html
254 lines (246 loc) · 16.4 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
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>DSC BVP Pune</title>
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/fonts/font-awesome.min.css">
<link rel="stylesheet" href="assets/fonts/ionicons.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Bitter:400,700">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lora">
<link rel="stylesheet" href="assets/css/Article-Clean.css">
<link rel="stylesheet" href="assets/css/Footer-Dark.css">
<link rel="stylesheet" href="assets/css/Header-Dark.css">
<link rel="stylesheet" href="assets/css/Highlight-Clean.css">
<link rel="stylesheet" href="assets/css/Newsletter-Subscription-Form.css">
<link rel="stylesheet" href="assets/css/Projects-Horizontal.css">
<link rel="stylesheet" href="assets/css/styles.css">
<link rel="stylesheet" href="assets/css/Team-Boxed.css">
<link rel="stylesheet" href="assets/css/Testimonials.css">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500&display=swap" rel="stylesheet">
</head>
<body>
<div>
<div class="header-dark">
<nav class="navbar navbar-dark navbar-expand-md navigation-clean-search">
<div class="container"><a class="navbar-brand" href="#">DSC BVP PUNE</a><button data-toggle="collapse" class="navbar-toggler" data-target="#navcol-1"><span class="sr-only">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse"
id="navcol-1">
<ul class="nav navbar-nav">
<li class="nav-item" role="presentation"><a class="nav-link" href="#">Link</a></li>
<li class="dropdown nav-item"><a class="dropdown-toggle nav-link" data-toggle="dropdown" aria-expanded="false" href="#">Dropdown </a>
<div class="dropdown-menu" role="menu"><a class="dropdown-item" role="presentation" href="#">First Item</a><a class="dropdown-item" role="presentation" href="#">Second Item</a><a class="dropdown-item" role="presentation" href="#">Third Item</a></div>
</li>
</ul>
<form class="form-inline mr-auto" target="_self">
<div class="form-group"><label for="search-field"><i class="fa fa-search"></i></label><input class="form-control search-field" type="search" id="search-field" name="search"></div>
</form>
</div>
</nav>
<div class="container hero">
<div class="row">
<div class="col-md-8 offset-md-2">
<h1 class="text-center">Developer Student Clubs</h1>
<h3 class="text-center">Bharati Vidyapeeth Deemed University College of Engineering Pune</h3>
</div>
</div>
</div>
</div>
</div>
<!-- <div class="article-clean">
<div class="container">
<div class="row">
<div class="col-lg-10 col-xl-8 offset-lg-1 offset-xl-2">
<div class="intro">
<h1 class="text-center">Your Wonderful Article Title</h1>
<p class="text-center"><span class="by">by</span> <a href="#">Author Name</a><span class="date">Sept 8th, 2016 </span></p><img class="img-fluid" src="assets/img/desk.jpg"></div>
<div class="text">
<p>Sed lobortis mi. Suspendisse vel placerat ligula. <span style="text-decoration: underline;">Vivamus</span> ac sem lac. Ut vehicula rhoncus elementum. Etiam quis tristique lectus. Aliquam in arcu eget velit pulvinar dictum vel in
justo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae.</p>
<p>Praesent sed lobortis mi. Suspendisse vel placerat ligula. Vivamus ac lacus. <strong>Ut vehicula rhoncus</strong> elementum. Etiam quis tristique lectus. Aliquam in arcu eget velit <em>pulvinar dict</em> vel in justo. Vestibulum
ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae.</p>
<h2>Aliquam In Arcu </h2>
<p>Suspendisse vel placerat ligula. Vivamus ac sem lac. Ut vehicula rhoncus elementum. Etiam quis tristique lectus. Aliquam in arcu eget velit pulvinar dictum vel in justo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices
posuere cubilia Curae.</p>
<figure><img class="figure-img" src="assets/img/beach.jpg">
<figcaption>Caption</figcaption>
</figure>
<p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae. Suspendisse vel placerat ligula. Vivamus ac sem lac. Ut vehicula rhoncus elementum. Etiam quis tristique lectus. Aliquam in arcu eget velit
pulvinar dictum vel in justo.</p>
</div>
</div>
</div>
</div>
</div> -->
<div class="highlight-clean">
<div class="container">
<div class="intro">
<h2 class="text-center">Highlight</h2>
<p class="text-center">Nunc luctus in metus eget fringilla. Aliquam sed justo ligula. Vestibulum nibh erat, pellentesque ut laoreet vitae. </p>
</div>
<div class="buttons"><a class="btn btn-primary" role="button" href="#">Primary</a><button class="btn btn-light" type="button">Secondary</button></div>
</div>
</div>
<div class="team-boxed">
<div class="container">
<div class="intro">
<h2 class="text-center">Team </h2>
<p class="text-center">Nunc luctus in metus eget fringilla. Aliquam sed justo ligula. Vestibulum nibh erat, pellentesque ut laoreet vitae.</p>
</div>
<div class="row people">
<div class="col-md-6 col-lg-4 item">
<div class="box"><img class="rounded-circle" src="assets/img/1.jpg">
<h3 class="name">Ben Johnson</h3>
<p class="title">Musician</p>
<p class="description">Aenean tortor est, vulputate quis leo in, vehicula rhoncus lacus. Praesent aliquam in tellus eu gravida. Aliquam varius finibus est, et interdum justo suscipit id. Etiam dictum feugiat tellus, a semper massa. </p>
<div class="social"><a href="#"><i class="fa fa-facebook-official"></i></a><a href="#"><i class="fa fa-twitter"></i></a><a href="#"><i class="fa fa-instagram"></i></a></div>
</div>
</div>
<div class="col-md-6 col-lg-4 item">
<div class="box"><img class="rounded-circle" src="assets/img/2.jpg">
<h3 class="name">Emily Clark</h3>
<p class="title">Artist</p>
<p class="description">Aenean tortor est, vulputate quis leo in, vehicula rhoncus lacus. Praesent aliquam in tellus eu gravida. Aliquam varius finibus est, et interdum justo suscipit id. Etiam dictum feugiat tellus, a semper massa. </p>
<div class="social"><a href="#"><i class="fa fa-facebook-official"></i></a><a href="#"><i class="fa fa-twitter"></i></a><a href="#"><i class="fa fa-instagram"></i></a></div>
</div>
</div>
<div class="col-md-6 col-lg-4 item">
<div class="box"><img class="rounded-circle" src="assets/img/3.jpg">
<h3 class="name">Carl Kent</h3>
<p class="title">Stylist</p>
<p class="description">Aenean tortor est, vulputate quis leo in, vehicula rhoncus lacus. Praesent aliquam in tellus eu gravida. Aliquam varius finibus est, et interdum justo suscipit id. Etiam dictum feugiat tellus, a semper massa. </p>
<div class="social"><a href="#"><i class="fa fa-facebook-official"></i></a><a href="#"><i class="fa fa-twitter"></i></a><a href="#"><i class="fa fa-instagram"></i></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="projects-horizontal">
<div class="container">
<div class="intro">
<h2 class="text-center">Projects </h2>
<p class="text-center">Nunc luctus in metus eget fringilla. Aliquam sed justo ligula. Vestibulum nibh erat, pellentesque ut laoreet vitae. </p>
</div>
<div class="row projects">
<div class="col-sm-6 item">
<div class="row">
<div class="col-md-12 col-lg-5"><a href="#"><img class="img-fluid" src="assets/img/desk.jpg"></a></div>
<div class="col">
<h3 class="name">Scan Q</h3>
<p class="description">The challenge was to create a robust, dynamic system to manage the way attendance is marked. The plan was to generate QR code's which had embedded encrypted data to uniquely identify attendance. This system eradicates paperwork, human error and saves a lot of time.</p>
</div>
</div>
</div>
<div class="col-sm-6 item">
<div class="row">
<div class="col-md-12 col-lg-5"><a href="#"><img class="img-fluid" src="assets/img/building.jpg"></a></div>
<div class="col">
<h3 class="name">Doc-Tag</h3>
<p class="description">A team of 4-5 people worked on this project using the flask framework of python learning at the initial stage and then implementing the knowledge to make the web and the mobile application. The application faced issues in fetching more then 5 documents at the time and to solve that issue some modules and frameworks were changed to even get through that obstacle. </p>
</div>
</div>
</div>
<div class="col-sm-6 item">
<div class="row">
<div class="col-md-12 col-lg-5"><a href="#"><img class="img-fluid" src="assets/img/loft.jpg"></a></div>
<div class="col">
<h3 class="name">Smart Irrigation</h3>
<p class="description">The smart water irrigation system developed by our team is an adaptive plants and crops irrigation system. The purposes of our smart water irrigation system are to provide water delivering schedule to the crops to ensure all the crops have enough water for their healthy growth, to reduce the amount of water wasted in irrigation, and to minimize the Economic cost for the users.</p>
</div>
</div>
</div>
<div class="col-sm-6 item">
<div class="row">
<div class="col-md-12 col-lg-5"><a href="#"><img class="img-fluid" src="assets/img/minibus.jpeg"></a></div>
<div class="col">
<h3 class="name">Leo Club Website</h3>
<p class="description">The Leo Club at Bharati Vidyapeeth recently conducted the 20th Season of Fireball, an inter basketball tournament. For this purpose, they required a fully revamped, redefined and restructured, yet robust website. A common member informed us about the project, and we took it upon ourselves to complete it.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="testimonials-clean">
<div class="container">
<div class="intro">
<h2 class="text-center">Testimonials </h2>
<p class="text-center">Our customers love us! Read what they have to say below. Aliquam sed justo ligula. Vestibulum nibh erat, pellentesque ut laoreet vitae.</p>
</div>
<div class="row people">
<div class="col-md-6 col-lg-4 item">
<div class="box">
<p class="description">Aenean tortor est, vulputate quis leo in, vehicula rhoncus lacus. Praesent aliquam in tellus eu gravida. Aliquam varius finibus est.</p>
</div>
<div class="author"><img class="rounded-circle" src="assets/img/1.jpg">
<h5 class="name">Ben Johnson</h5>
<p class="title">CEO of Company Inc.</p>
</div>
</div>
<div class="col-md-6 col-lg-4 item">
<div class="box">
<p class="description">Praesent aliquam in tellus eu gravida. Aliquam varius finibus est, et interdum justo suscipit id.</p>
</div>
<div class="author"><img class="rounded-circle" src="assets/img/3.jpg">
<h5 class="name">Carl Kent</h5>
<p class="title">Founder of Style Co.</p>
</div>
</div>
<div class="col-md-6 col-lg-4 item">
<div class="box">
<p class="description">Aliquam varius finibus est, et interdum justo suscipit. Vulputate quis leo in, vehicula rhoncus lacus. Praesent aliquam in tellus eu.</p>
</div>
<div class="author"><img class="rounded-circle" src="assets/img/2.jpg">
<h5 class="name">Emily Clark</h5>
<p class="title">Owner of Creative Ltd.</p>
</div>
</div>
</div>
</div>
</div>
<div class="newsletter-subscribe">
<div class="container">
<div class="intro">
<h2 class="text-center">Subscribe for our Newsletter</h2>
<p class="text-center">Nunc luctus in metus eget fringilla. Aliquam sed justo ligula. Vestibulum nibh erat, pellentesque ut laoreet vitae. </p>
</div>
<form class="form-inline" method="post">
<div class="form-group"><input class="form-control" type="email" name="email" placeholder="Your Email"></div>
<div class="form-group"><button class="btn btn-primary" type="submit">Subscribe </button></div>
</form>
</div>
</div>
<div class="footer-dark">
<footer>
<div class="container">
<div class="row">
<div class="col-sm-6 col-md-3 item">
<h3>Services</h3>
<ul>
<li><a href="#">Web design</a></li>
<li><a href="#">Development</a></li>
<li><a href="#">Hosting</a></li>
</ul>
</div>
<div class="col-sm-6 col-md-3 item">
<h3>About</h3>
<ul>
<li><a href="#">Company</a></li>
<li><a href="#">Team</a></li>
<li><a href="#">Careers</a></li>
</ul>
</div>
<div class="col-md-6 item text">
<h3>DSC BVP PUNE </h3>
<p>Developer Student Clubs Bharati Vidyapeeth Deemed University College of Engineering Pune is a Google Developers program for university students to learn skills in the domains of mobile development, web development, machine learning, and cloud (primarily).</p>
</div>
<div class="col item social"><a href="#"><i class="icon ion-social-facebook"></i></a><a href="#"><i class="icon ion-social-twitter"></i></a><a href="#"><i class="icon ion-social-snapchat"></i></a><a href="#"><i class="icon ion-social-instagram"></i></a></div>
</div>
</div>
</footer>
</div>
</body>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
</html>