-
Notifications
You must be signed in to change notification settings - Fork 8
/
index.html
260 lines (228 loc) · 12.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
255
256
257
258
259
260
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="keywords"content="ecell, MITAOE, E-Cell, E-Cell MITAOE"/>
<title>E-Cell MITAOE | Official Website</title>
<link rel="stylesheet" href="css/style.css">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css" integrity="sha512-xh6O/CkQoPOWDdYTDqeRdPCVd1SpvCA9XXcUnZS2FmJNp1coAFzvtCN9BmamE+4aHK8yyUHUSCcJHgXloTyT2A==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css" integrity="sha512-xh6O/CkQoPOWDdYTDqeRdPCVd1SpvCA9XXcUnZS2FmJNp1coAFzvtCN9BmamE+4aHK8yyUHUSCcJHgXloTyT2A==" crossorigin="anonymous" referrerpolicy="no-referrer" />
</head>
<body style="background-color: black;">
<div class="center_content position-fixed " style="z-index: 100;">
<nav class="navbar navbar-expand-lg mt-3 navbar-light bg-light">
<div class="container-fluid">
<a class="navbar-brand" href="#"><i class="fa-solid fa-bars"></i></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mx-auto mb-2 mb-lg-0">
<li class="nav-item px-2">
<a class="nav-link active" aria-current="page" href="#home">Home</a>
</li>
<li class="nav-item px-2">
<a class="nav-link active" aria-current="page" href="#about">About</a>
</li>
<li class="nav-item px-2">
<a class="nav-link active" aria-current="page" href="#events">Events</a>
</li>
<li class="nav-item px-2">
<a class="nav-link active" aria-current="page" href="#team">Team </a>
</li>
</ul>
<div class="d-flex">
<button class="btn btn-sm btn-warning" style="background-color: #FACA00;">Contact</button>
</div>
</div>
</div>
</nav>
</div>
<section id="home" class=" center_content" >
<div class="text-white">
<p class=" fw-bold mb-0 text-capitalize" style="font-size: 5rem;"> We are the </p>
<p class=" fw-bold text-capitalize" style="font-size: 5rem;"> leaders </p>
<p class=" fw-bold text-grey mt-4 mb-0" style="font-size: 2rem;">We aim to encourage the innovative</p>
<p class=" fw-bold text-grey mb-0" style="font-size: 2rem;">mind-set of youngsters</p>
<div class="d-flex mt-4">
<button type="button" class="btn_register me-4">Register Now</button>
</div>
</div>
</section>
<section id="about" class=" center_content" >
<div class=" text-white">
<p class="about_title fw-bold mb-0 text-capitalize"> We aim to </p>
<p class="about_title fw-bold mb-0 text-capitalize"> encourage the </p>
<p class="about_title fw-bold mb-0 text-capitalize"> innovative mindset </p>
<p class="about_title fw-bold mb-2 text-capitalize"> of youngsters </p>
<p class="f2rem fw-bold h5 mt-2 mb-0">E-Cell MITAOE is a platform for all the students to</p>
<p class="f2rem fw-bold h5 mt-2 mb-0 ">enrich and imbibe entrepreneurial skills.</p>
<div class="d-flex mt-4">
<button type="button" class="btn_read_more me-4">Read More </button>
</div>
</div>
</section>
<div class="vision-box ">
<div class="vision-message">
<p class="message">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae culpa labore nulla nesciunt vero explicabo eum praesentium laboriosam esse eligendi temporibus sequi rem quaerat accusantium tempore iusto, inventore quis, dolorem ipsam voluptatibus saepe modi? Assumenda laudantium velit excepturi accusantium harum! Vel laborum cupiditate beatae impedit rerum consectetur tempore perspiciatis hic?</p>
<a href="#" class="f2rem" style="color:white;">Learn more</a>
</div>
<p class="vision f7rem">VISION</p>
</div>
<section id="events" class="center_content" >
<div class="text-yellow">
<p class="fw-bold mb-2 f2rem text-capitalize">EVENT ORGANISED BY US</p>
</div>
<div class="text-white events_message">
<p class=" fw-bold mb-0 ">Cleans a Big, Big Event for</p>
<p class=" fw-bold mb-0 ">Less Than Half a Crown</p>
</div>
<div class="text-white f2rem">
<p class=" fw-normal mt-2 mb-0 "> We aim to encourage the Innovative mind- </p>
<p class=" fw-normal mt-1 mb-0"> set of youngsters.</p>
</div>
<div class="f-grid gap-2 col-6 mx-auto">
<button type="button" class="btn_read_more mt-4">Read More </button>
</div>
</section>
<section class="gallery">
<div style="width: 48%; height: fit-content;" >
<img src="./images/meet2.jpg" style="width: 100%;" alt="">
<p>Team</p>
</div>
<div style="width: 48%;" >
<img src="./images/meet1.jpg" style="width: 100%;" alt="">
<p>Work</p>
</div>
<div style="width: 48%;" >
<img src="./images/meet3.jpg" style="width: 100%;" alt="">
<p>Discussion</p>
</div>
<div style="width: 48%;" >
<img src="./images/meet4.jpg" style="width: 100%;" alt="">
<p>Life</p>
</div>
<div style="width: 48%;" >
<img src="./images/meet5.jpg" style="width: 100%;" alt="">
<p>Pitch</p>
</div>
</section>
<section id="acheivements " style="padding: 80px !important;position: relative;" class="center_content bg-white">
<img src="images/trophy-removebg-preview.png" alt="" class="trophy">
<div class="text-grey">
<p class="fw-bold mb-2 f2rem text-capitalize">ACHEIVEMENTS</p>
</div>
<div class="text-black py-1 events_message">
<p class="fw-bold mb-0 ">Awards &</p>
<p class="fw-bold mb-0 ">recognitions</p>
</div>
<div class="text-black ">
<br>
<p class=" fw-bold achievemessage">NEC 2019 winners </p>
<p class=" fw-bold achievemessage"> Four stars By Institutions Innovation Council</p>
<p class=" fw-bold achievemessage"> BEST STARTUP CLUB AWARD By Wadhwani Foundation</p>
</div>
</section>
<section id="team" class="center_content bg-warning text-center p-3">
<div class="team_head1">
<p class="team_bold m-2 text-capitalize">OUR TEAM MEMBERS</p>
</div>
<div class="team_head2">
<p class="team_bold1 mb-3">Alone we can do so little <br>together we can do so much</p>
</div>
<div class="team_head3">
<p class="team_bold mb-3">It Is The Long Story Of Humankind (And Animal Kind, Too) That Those <br>Who Learned To
Collaborate And Improvise Most Effectively Have Prevailed</p>
</div>
<div class="profile">
<div class="container">
<div class="row">
<div class="col-12 col-md-3 ">
<div class="card m-2">
<img src="images/team.jpg" alt="img" class="team_img">
<div class="member_name text-white">
<h3>Name Surname</h3>
</div>
<div class="smlogo ">
<i class="fa-brands fa-facebook-f text-white m-1"></i>
<i class="fa-brands fa-instagram text-white m-1"></i>
<i class="fa-brands fa-twitter text-white m-1"></i>
<i class="fa-brands fa-linkedin-in text-white m-1"></i>
</div>
</div>
</div>
<div class="col-12 col-md-3 ">
<div class="card m-2">
<img src="images/team.jpg" alt="img" class="team_img">
<div class="member_name text-white">
<h3>Name Surname</h3>
</div>
<div class="smlogo ">
<i class="fa-brands fa-facebook-f text-white m-1"></i>
<i class="fa-brands fa-instagram text-white m-1"></i>
<i class="fa-brands fa-twitter text-white m-1"></i>
<i class="fa-brands fa-linkedin-in text-white m-1"></i>
</div>
</div>
</div>
<div class="col-12 col-md-3 ">
<div class="card m-2">
<img src="images/team.jpg" alt="img" class="team_img">
<div class="member_name text-white">
<h3>Name Surname</h3>
</div>
<div class="smlogo ">
<i class="fa-brands fa-facebook-f text-white m-1"></i>
<i class="fa-brands fa-instagram text-white m-1"></i>
<i class="fa-brands fa-twitter text-white m-1"></i>
<i class="fa-brands fa-linkedin-in text-white m-1"></i>
</div>
</div>
</div>
<div class="col-12 col-md-3 ">
<div class="card m-2">
<img src="images/team.jpg" alt="img" class="team_img">
<div class="member_name text-white">
<h3>Name Surname</h3>
</div>
<div class="smlogo ">
<i class="fa-brands fa-facebook-f text-white m-1"></i>
<i class="fa-brands fa-instagram text-white m-1"></i>
<i class="fa-brands fa-twitter text-white m-1"></i>
<i class="fa-brands fa-linkedin-in text-white m-1"></i>
</div>
</div>
</div>
</div>
<div class="f-grid gap-2 col-6 mx-auto">
<button type="button" class="btn_more_team m-4">Read More </button>
</div>
</div>
</div>
</section>
<footer class="container-footer footer full-width bg-white">
<div class="footer">
<div class="foot" >
<h5>©️2023 E-cell, MITAOE</h5>
<img src="images/logo.png" alt="">
<div class="smlogo_footer">
<i class="fa-brands fa-facebook-f"></i>
<i class="fa-brands fa-instagram"></i>
<i class="fa-brands fa-twitter"></i>
<i class="fa-brands fa-linkedin-in"></i>
</div>
</div>
<hr>
<div class="foot py-4">
<h6>Designed by @siddheshugale</h6>
<h6>Developed in collaboration with GDSC, MITAOE</h6>
</div>
</div>
</footer>
<script src="js/script.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
</body>
</html>