-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
174 lines (157 loc) · 7.61 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
<!DOCTYPE HTML>
<html>
<head>
<title>EML | IIT Hyderabad</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<META HTTP-EQUIV="CACHE-CONTROL" CONTENT="NO-CACHE">
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
<link rel="stylesheet" href="https://unpkg.com/purecss@1.0.0/build/pure-min.css" integrity="sha384-nn4HPE8lTHyVtfCBi5yW9d20FjT8BJwUXyWZT9InLYax14RDjBj46LmSztkmNP9w" crossorigin="anonymous">
<link rel="stylesheet" href="assets/css/main.css?v=2" />
<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
</head>
<body>
<!-- Page Wrapper -->
<div id="page-wrapper">
<!-- Header -->
<header id="header" >
<h1><a href="https://www.iith.ac.in" ><img src="images/iithlogo.png" alt="" width=2.5% style="padding-top: 1.15%" /></a></h1>
<h1 style="padding-left: 3%"><a href="https://www.iith.ac.in/" >IITH</a></h1>
<h1 align="center" style="font-size: 1.1em; padding-left: 40%"><a href="#">EML IITH</a></h1>
<nav>
<a href="#menu">Menu</a>
</nav>
</header>
<!-- Menu -->
<nav id="menu">
<div class="inner">
<h2>Menu</h2>
<ul class="links">
<li><a href="index.html">Home</a></li>
<li><a href="#new_about">About us</a></li>
<li><a href="#talks">Upcoming Talks</a></li>
<li><a href="talks.html">Previous Talks</a>
<!--<ul class = "sublinks">
<li><a href="talks2018.html">2018-19</a></li>
<li><a href="talks.html">Previous Talks</a></li>
</ul>-->
</li>
<!--<li><a href="#">gallery</a></li>
<li><a href="#">Suggestion</a></li>-->
<li><a href="team.html">Team</a></li>
<li><a href="#footer">Contact</a></li>
</ul>
<a href="#" class="close">Close</a>
</div>
</nav>
<!-- Banner -->
<section id="banner">
<div class="inner">
<div class="logo"><span class="icon"></span></div>
<h2>Extramural Lectures (EML) <br> IIT Hyderabad</h2>
<p>Learn beyond the four walls of classroom</p>
<!--<p>A platform for the students of IIT HYDERABAD to interact with Distinguished Personalities </p> -->
</div>
<section id="new_about"></section>
</section>
<!-- Wrapper -->
<section id="wrapper">
<!-- One -->
<section id="about" class="wrapper spotlight style1">
<div class="inner">
<a href="#" class="image"><img src="images/logo.jpeg" alt="" /></a>
<div class="content">
<h2 class="major">About Us</h2>
<p style="text-align: justify;">Go beyond four walls of the classroom. The process of teaching is not confined to four walls of a classroom but goes much beyond that.
EML is an Extra Mural lecture. As the name suggests, it will be something that is much more than classroom walls. Here, we, team EML present you something you may look for.<br> <br>The EML sessions are in the form of lectures, talks, debates and discussions around the topics concerning the society, advancements in technology and science. Through these EML series the students are provided with an opportunity to interact with highly distinguished and reputed speakers from diverse background, and hence promotes a culture of intelligent and thought-provoking discourse into matters relating to contemporary society.<br><br>So, get ready and Stay tuned!!</p>
<!-- <a href="#" class="special">Learn more</a> -->
</div>
</div>
</section>
<section id="talks" class="wrapper alt style1">
<div class="inner">
<h2 class="major">Upcoming Talks</h2>
<!--<p>.</p>-->
<section class="features">
<!--<article>
<a href="talks.html" class="image"><img src="images/poster1.jpg" alt="" /></a>
<h3 class="major">GV Ramanjaneyulu, Agricultural Scientist</h3>
<p>Title: Food, Farmers and Environment<br>
Date: 6th March, 2018 05.30 PM – 07.00 PM<br>
Venue: Auditorium, IITH</p>
<a href="#" class="special">Learn more</a>
</article>-->
<article>
<!-- <a href="talks.html" class="image"><img src="images/2018/lecture4.jpg" alt="" /></a> -->
<h3 class="major">Success secrets for students</h3>
<p>Session Type: Lecture by <b>Dr . B.V. Pattabhiram</b><br>
Date: 8th January, 2020 5.00 PM – 6.30 PM<br>
Venue: Auditorium, A-Block, IITH</p>
<!--<a href="#" class="special">Learn more</a>-->
</article>
<!--<article>
<a href="#" class="image"><img src="images/poster2.jpg" alt="" /></a>
<h3 class="major">Sumit Kumar Gandhi, IAS</h3>
<p>Title: #Day1 to Destination UPSC<br>
Date: 16th March, 2016 05.00 PM – 06.30 PM<br>
Venue: Room No: 119, A-Block, IITH</p>
<!--<a href="#" class="special">Learn more</a>
</article>-->
</section>
<ul class="actions">
<li><a href="talks.html" class="button">Browse All</a></li>
</ul>
</div>
</section>
</section>
<!-- Footer -->
<section id="footer">
<div class="inner">
<h2 class="major">Get in touch</h2>
<p id = "msg_to_user">Want to suggest personality for the talk or willing to speak at one of our Extra Mural Lectures, we would love to hear from you. Here is how you can contact us.</p>
<form id="gform" method="post" action="https://script.google.com/macros/s/AKfycbyuGoRCQYABVl5KX0DjIs_PuYFV_GIlodvNPbNqtykBt7bt5Ano/exec">
<div class="field">
<label for="name">Name</label>
<input type="text" name="name" id="name" />
</div>
<div class="field">
<label for="email">Email</label>
<input type="email" name="email" id="email" />
</div>
<div class="field">
<label for="message">Message</label>
<textarea name="message" id="message" rows="4"></textarea>
</div>
<ul class="actions">
<li><input type="submit" id="submit_b" value="Send Message" /></li>
</ul>
</form>
<ul class="contact">
<li class="fa-home">
IIT Hyderabad<br />
Kandi, Sangareddy<br />
Hyderabad, Telangana
</li>
<li class="fa-phone">7875746216</li>
<li class="fa-envelope"><a href="mailto:eml@iith.ac.in">eml@iith.ac.in</a></li>
<li class="fa-twitter"><a href="https://twitter.com/emliith">@emliith</a></li>
<li class="fa-facebook"><a href="https://www.facebook.com/emliith/">@emliith</a></li>
<li class="fa-instagram"><a href="https://www.instagram.com/eml_iith/">@emliith</a></li>
</ul>
<ul class="copyright">
<center><li>© EML IIT Hyderabad.</li><li>2018</li><li>Website Developer : M Durga Keerthi, Class of 2019</li></center>
</ul>
</div>
</section>
</div>
<!-- Scripts -->
<script src="assets/js/form-submission-handler.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/util.js"></script>
<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
<script src="assets/js/main.js"></script>
</body>
</html>