-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
199 lines (187 loc) · 8.79 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
<!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">
<title>Events|AIChE</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/[email protected]/css/fontawesome.min.css" integrity="sha384-zIaWifL2YFF1qaDiAo0JFgsmasocJ/rqu7LKYH8CoBEXqGbb9eO+Xi3s6fQhgFWM" crossorigin="anonymous">
<link rel="stylesheet" href="css/sample1.css">
</head>
<body>
<div class="navbar">
<div class="container">
<img src="images/logo1.png" alt="AIChE|BITS PILANI" href="#" width="164em">
<!--<h6>AIChE|BITS PILANI</h6>-->
<!--<img id="mobile-cta" class="mobile navbar" src="images/menu.svg" alt="Open Nagigation Menu">-->
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Our Team</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Business Brochure</a></li>
<li class ="current"><a href="#">Events</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</nav>
</div>
</div>
<div class="heading">
<div class="head-events">
<h2 style="text-align: center;">PAST EVENTS</h2>
</div>
</div>
<section class="event-section">
<div class="each-container">
<div class="img-container">
<img src="images/cem-e-jeopardy.jpg" class="event img" alt="Chem-E-Jeopardy">
</div>
<div class="event-content">
<div class="overlay"></div>
<div class="info">
<h4 class="title">Chem-E-Jeopardy</h4>
<div class="additional-info">
<p class="location-info">
<i class="calander"></i>
Day DD-Mon-YYYY
</p>
<p class="event-description">
An online event, Chem-E-Jeopardy was organised for APOGEE 2022!
Centered on a popular TV game show, Jeopardy is not like any other quiz
competition where the question is answered.Here the answer is given
and you need to tell us the question. <span><a href="#">more...</a></span>
</p>
</div>
</div>
<!--<button class="button">Read More</button>-->
</div>
</div>
<div class="each-container">
<div class="img-container">
<img src="images/chem-e-case.jpg" class="event img" alt="chem-e-case">
</div>
<div class="event-content">
<div class="overlay"></div>
<div class="info">
<h4 class="title">Chem-E-Case</h4>
<div class="additional-info">
<p class="location-info">
<i class="calander"></i>
Day DD-Mon-YYYY
</p>
<p class="event-description">
AIChE BITS Pilani, in collaboration with AIChE NIT-Rourkela,
organised the Chem-e-Case Competition 2022.
"Every industry has its own problems that it faces daily, so has
the Chemical Process Industry. The best chemical engineers thrive
on making a product with the most efficient, economical, and
sustainable model."
This competition makes participants challenge their problem-solving skills
and how well they can present your solution. <span><a href="#">more...</a></span>
</p>
</div>
</div>
<!--<button class="button">Read More</button>-->
</div>
</div>
<div class="each-container">
<div class="img-container">
<img src="images/chem insights.jpg" class="event img" alt="Chem Insights">
</div>
<div class="event-content">
<div class="overlay"></div>
<div class="info">
<h4 class="title">Chem Insights</h4>
<div class="additional-info">
<p class="location-info">
<i class="calander"></i>
Day DD-Mon-YYYY
</p>
<p class="event-description">
AIChE BITS Pilani Student Chapter in collaboration with AIChE AISSMS
College of Engineering,Pune organised a k-12 Outreact Event called
Chem-Insights on Engineering.
The webinar aimed to spread awareness about Chemical Engineering and
it's related domains among students of Class 11th and 12th.
The webinar recieved a good participation and would surely help
students to make a better career choice in future.
Dr. Suresh Gupta shared his valuable insights and
experiences with students, along with answering their
ChemE related doubts in the fruitful QnA session. <span><a href="#">more...</a></span>
</p>
</div>
</div>
<!--<button class="button">Read More</button>-->
</div>
</div>
<div class="each-container">
<div class="img-container">
<img src="images/quiz&science.jpg" class="event img" alt="Quiz & Science">
</div>
<div class="event-content">
<div class="overlay"></div>
<div class="info">
<h4 class="title">Quiz & Science</h4>
<div class="additional-info">
<p class="location-info">
<i class="fa fa-calendar" aria-hidden="true"></i>
Day DD-Mon-YYYY
</p>
<p class="event-description">
AlChE BITS Pilani Student Chapter's first event “Quar-N-Science”
invited video submissions from participants describing "The
science he/she observes in her daily activities during
lockdown period." <span><a href="#">more...</a></span>
</p>
</div>
</div>
<!--<button class="button">Read More</button>-->
</div>
</div>
<div class="heading">
<div class="head-events">
<h1 style="text-align: center;">UPCOMING EVENTS</h1>
</div>
</div>
<section class="event-section">
<div class="each-container">
<div class="img-container">
<img src="images/coming soon.png" class="event img" alt="Coming Soon">
</div>
<div class="event-content">
<div class="overlay"></div>
<div class="info">
<h3 class="title">Coming Soon</h3>
<div class="additional-info">
<p class="location-info">
<i class="calander"></i>
Day DD-Mon-YYYY
</p>
<p class="event-description">
<br> Stay Tuned !!! <!--<span><a href="#">more...</a></span>-->
</p>
</div>
</div>
<button class="button">Register Now</button>
</div>
</div>
</section>
<!--Form to enter email for getting updates-->
<!--<section class="accept-email">
<div class="container-non-glow">
<h5>Drop your email below to get notified about our upcoming events.</h5>
<form action="">
<label for="name" class="input"></label>
<input type="text" id="name" name="name" placeholder="Your Name">
<br>
<br>
<label for="email" class="input"></label>
<input type="email" id="email" name="email" placeholder="Your email" >
<br>
<br>
<input type="submit" class="send-email" value="Submit">
</form>
</div>
</section>-->
</body>
</html>