-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
269 lines (259 loc) · 8.44 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
261
262
263
264
265
266
267
268
269
<!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" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link rel="shortcut icon" type="image/x-icon" href="./images/favicon.png" />
<link
href="https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;600;700&display=swap"
rel="stylesheet"
/>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css"
integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
/>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="style.css" />
<title>CATALYST MBCET</title>
</head>
<body>
<!-- NAVBAR -->
<header class="header">
<nav class="navbar horizontal-padding navbar-padding">
<a href="#" class="nav-logo"
><img
src="./images/CatalystWhiteFGBlackBG.png"
alt=""
srcset=""
/><span>Catalyst</span></a
>
<ul class="nav-menu">
<li class="nav-item">
<a href="#about-us" class="nav-link">About</a>
</li>
<li class="nav-item">
<a href="team.html" class="nav-link">Team</a>
</li>
<li class="nav-item">
<a href="#events-page" class="nav-link">Events</a>
<!-- </li>
<li class="nav-item">
<a href="achievements.html" class="nav-link">Achievements</a>
</li> -->
</li>
</ul>
<div class="hamburger">
<span class="bar"></span>
<span class="bar"></span>
<span class="bar"></span>
</div>
</nav>
</header>
<!-- LANDING PAGE -->
<section id="landing-page" class="global-padding"></section>
<!--Latest events page-->
<!-- <section id="latest-events" class="global-padding">
<h2 class="title">Latest Event</h2>
<div class="latest-events">
<div class="latest-event">
<div class="latest-event-image">
<img src="./events/callforstartups.png"/>
</div>
<div class="latest-event-desc">
<h1 class="latest-event-heading">Call For startups</h1>
<div class="latest-event-para">
If you have a startup which has a potential for growth, no second thoughts, hop in now </div>
<a class="registernow" href="callforstartups.html"
><button type="submit" >View more</button></a
>
</div>
</div>
</div>
</section> -->
<!--About us-->
<section id="about-us" class="global-padding">
<h2 class="title">About Us</h2>
<div class="paragraph">
<h4>
Catalyst-Innovation and Entrepreneurship Development Centre (IEDC) of
Mar Baselios College of Engineering and Technology was inaugurated in
the year 2013. The Centre aims in sharpening the skills of students,
broadening their knowledge base and equipping them with technical and
non-technical qualities that an engineer need. We try to inspire young
engineers to connect with great people & to explore recent
technological developments.
</h4>
<br />
<h4>
Rather than pushing students to startup, the centre believes in
inculcating the entrepreneurial spirit in students. The members have
identified the true joy of self-learning and they passionately involve
in brining life into their ideas, to solve the problems that they see
around. Catalyst-Mar Baselios IEDC aims in helping the students follow
their dreams and passion to help them depart MBCET campus not just as
engineering graduates, but as real engineers who seek and solve
problems.
</h4>
</div>
</section>
<section id="team-banner" class="vertical-padding">
<div class="team-banner-row horizontal-padding">
<h2 class="title">Our Team</h2>
<a href="team.html"
><button type="submit" class="global-button">See More</button></a
>
</div>
<div class="slideshow-container">
<div class="mySlides fade">
<img src="./team/teampic1.jpg" />
</div>
<div class="mySlides fade">
<img src="./team/teampic2.jpeg" />
</div>
<div class="mySlides fade">
<img src="./team/teampic3.jpeg" />
</div>
<!-- <div class="mySlides fade">
<img src="./team/teampic4.jpeg">
</div> -->
</div>
</section>
<!---
<section id="events-page" class="global-padding">
<div class="event-title-row">
<h1 class="title">Events</h1>
<a href="events.html">
<button type="submit" class="global-button">See More</button>
</a>
</div>
<div class="event-row">
<div class="event">
<img src="./events/inceptra.jpeg" alt="" />
<h3>INCEPTRA 2022</h3>
<h5>A place to interact, imagine and innovate</h5>
</div>
<div class="event">
<img src="./events/ideafest.jpeg" alt="" />
<h3>IDEAFEST 2022</h3>
<h5>Three day Idea Generation Bootcamp</h5>
</div>
<div class="event">
<img src="./events/projectexpo.jpeg" alt="" />
<h3>PROJECT EXPO</h3>
<h5>
A Technical expo that aims at providing a glimpse into the advance
field of technology
</h5>
</div>
<div class="event">
<img src="./events/salt.png" alt="" />
<h3>SALT</h3>
<h5>Startup Awareness and Leadership Training</h5>
</div>
<div class="event">
<img src="./events/hackweek.png" alt="" />
<h3>HACKWEEK</h3>
<h5>
A seven day hackathon to bring out your ideas into the real world
</h5>
</div>
<div class="event">
<img src="./events/launchpad.png" alt="" />
<h3>LAUNCHPAD</h3>
<h5>A two day offline bootcamp on entrepreneurship</h5>
</div>
<div class="event">
<img src="./events/nextBigIdea.jpeg" alt="" />
<h3>NEXT BIG IDEA</h3>
<h5>The Idea Pitch Fest</h5>
</div>
<div class="event">
<img src="./events/iTalk.jpeg" alt="" />
<h3>I-TALK</h3>
<h5>My Life Recipe</h5>
</div>
</div>
</section>
-->
<section id="events-page" class="global-padding">
<div class="event-title-row">
<h1 class="title">Events</h1>
<!-- <a href="events.html">
<button type="submit" class="global-button">See More</button>
</a> -->
</div>
<div class="event-row">
<div class="event">
<img src="./events/callforstartups.png" alt="" />
<h3>CALL FOR STARTUPS</h3>
<h5>Catalyst Mar Baselios IEDC Is Calling For Startups ‼</h5>
</div>
<div class="event">
<img src="./events/lost in space.jpeg" alt="" />
<h3>LOST IN SPACE</h3>
<h5>Cafe 1.2, "LOST IN SPACE", takes a unique surf into the universe 🔭</h5>
</div>
<div class="event">
<img src="./events/oru gpt kadha.jpeg" alt="" />
<h3>ORU GPT KADHA PARAYAM</h3>
<h5>Cafe 1.0, "Oru GPT Kadha Parayam...", is about the all-pervading GPT💬
</h5>
</div>
<div class="event">
<img src="./events/we have a dream.jpeg" alt="" />
<h3>WE HAVE A DREAM</h3>
<h5>
A women exclusive workshop and idea Competition
</h5>
</div>
<div class="event">
<img src="./events/inceptra.jpeg" alt="" />
<h3>INCEPTRA</h3>
<h5>Startup Awareness and Leadership Training</h5>
</div>
<div class="event">
<img src="./events/innovative project selection.jpeg" alt="" />
<h3>INNOVATIVE PROJECT SELECTION AND PATENTING</h3>
<h5>
</h5>
</div>
<div class="event">
<img src="./events/converge.jpeg" alt="" />
<h3>CONVERGE</h3>
<h5>A 24 hour hackathon exclusively for Baselians</h5>
</div>
<div class="event">
<img src="./events/ideaverse.jpeg" alt="" />
<h3>IDEAVERSE</h3>
<h5>The Idea Pitching Competition</h5>
</div>
</div>
</section>
<!-- <section id="facility" class="global-padding">
<h1 class="title">Incubation</h1>
</section> -->
<script src="index.js"></script>
</body>
<footer>
<!-- <video style="scale:0.2; mix-blend-mode: color-dodge;" src="./video/0001-0250.mkv" autoplay loop muted type="video/mkv"></video> -->
<a
href="https://instagram.com/catalystiedc?igshid=YmMyMTA2M2Y="
target="_blank"
><i class="fa-brands fa-instagram"></i
></a>
<a
href="https://www.linkedin.com/company/catalyst---mar-baselios-iedc/"
target="_blank"
><i class="fa-brands fa-linkedin"></i
></a>
<a href="https://discord.gg/PMpm8WmtTx" target="_blank"
><i class="fa-brands fa-discord"></i
></a>
</footer>
</html>