-
Notifications
You must be signed in to change notification settings - Fork 6
/
Copy pathabout.html
231 lines (220 loc) · 11.9 KB
/
about.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Internship Fair 2019 - Jamia Millia Islamia</title>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="css/style.css">
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js"></script>
<script>
WebFont.load({
google: {
families: [
"Lato:100,100italic,300,300italic,400,400italic,700,700italic,900,900italic",
"Montserrat:400,700"
]
}
});
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script>
</head>
<body class="body">
<div class="default-navbar-wrapper subpage">
<div class="navbar w-nav" data-animation="default" data-collapse="medium" data-contain="1" data-duration="400">
<div class="w-container">
<a class="logo-container w-nav-brand" href="index.html">
<h1 class="text-logo">Internship<br>Fair 2019</h1>
</a>
<nav class="nav-menu w-nav-menu" role="navigation">
<!--<a class="nav-link w-nav-link" href="about.html">About</a>-->
<a class="nav-link w-nav-link" href="companies.html">Companies</a>
<a class="nav-link w-nav-link" href="guidelines.html">Guidelines</a>
<a class="nav-link w-nav-link" href="contact.html">Contact</a>
<a class="colored nav-link w-nav-link" href="index.html#register">Register now</a>
</nav>
<div class="menu-button w-nav-button">
<div class="w-icon-nav-menu"></div>
</div>
</div>
</div>
</div>
<div class="page-header">
<div class="page-header-overlay"></div>
</div>
<div class="intro-section section">
<div class="container w-container">
<div class="intro section-title-wrapper">
<h2 class="section-title" data-ix="page-header-fade-in">About the conference</h2>
<div class="section-divider" data-ix="page-header-fade-in-2"></div>
<h2 class="section-title subtitle" data-ix="page-header-fade-in-3">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis
cursus, mi quis viverra.</h2>
</div>
</div>
</div>
<div class="color section">
<div class="container w-container">
<div class="about-us-row w-row">
<div class="about-us-column w-col w-col-5" data-ix="fade-in-on-scroll">
<div class="column-intro-title">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis
cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus
nibh et justo cursus id rutrum lorem imperdiet.</p>
</div>
<div class="about-us-column w-col w-col-4">
<ul class="check-list w-list-unstyled" data-ix="fade-in-on-scroll-2">
<li class="check-list-item"><img class="check-list-icon" src="images/Icon-check-white.png">
<p class="paragraph">Lorem ipsum dolor sit amet</p>
</li>
<li class="check-list-item"><img class="check-list-icon" src="images/Icon-check-white.png">
<p class="paragraph">Suspendisse varius enim</p>
</li>
<li class="check-list-item"><img class="check-list-icon" src="images/Icon-check-white.png">
<p class="paragraph">Duis cursus, mi quis viverra</p>
</li>
<li class="check-list-item"><img class="check-list-icon" src="images/Icon-check-white.png">
<p class="paragraph">Nunc ut sem vitae risus tristi</p>
</li>
<li class="check-list-item"><img class="check-list-icon" src="images/Icon-check-white.png">
<p class="paragraph">Commodo diam libero vitae</p>
</li>
<li class="check-list-item"><img class="check-list-icon" src="images/Icon-check-white.png">
<p class="paragraph">Duis cursus, mi quis</p>
</li>
</ul>
</div>
<div class="about-us-column last w-col w-col-3" data-ix="fade-in-on-scroll-3">
<div class="image-block"></div>
</div>
</div>
</div>
</div>
<div class="section">
<div class="container w-container">
<div class="_2-column-row w-row">
<div class="_2-column-left w-col w-col-6" data-ix="fade-in-on-scroll">
<div class="column-intro-title">Lorem ipsum dolor sit amet</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque cursus viverra est quis varius. Suspendisse
vel aliquet nibh. Phasellus in felis orci. Vestibulum ultricies malesuada massa vitae auctor. In lobortis est
eget nunc placerat vestibulum. <br><br>Vivamus rhoncus felis sed neque faucibus, vitae blandit erat tincidunt.
Pellentesque ornare metus volutpat nulla euismod facilisis. Mauris vel elit at dolor commodo luctus facilisis
sed nisi. Curabitur vehicula turpis eu ipsum congue ultricies. Duis quis volutpat ligula. Phasellus viverra,
metus a lacinia sollicitudin, tellus sapien suscipit nulla, eu tristique lorem massa et ligula. Nullam nisi metus,
faucibus et erat vitae, posuere lobortis lorem.Pellentesque non convallis velit. <br><br>Sed pretium ornare risus
ac accumsan. In magna lacus, imperdiet at viverra non, laoreet sit amet diam. Sed tristique gravida velit, sed
venenatis lorem pharetra et. Pellentesque suscipit odio pretium mi finibus semper.</p>
</div>
<div class="_2-column-right w-col w-col-6" data-ix="fade-in-on-scroll-2">
<div class="column-intro-title">consectetur adipiscing elit.</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque cursus viverra est quis varius. Suspendisse
vel aliquet nibh. Phasellus in felis orci. Vestibulum ultricies malesuada massa vitae auctor. In lobortis est
eget nunc placerat vestibulum. Vivamus rhoncus felis sed neque faucibus, vitae blandit erat tincidunt. </p>
<ul class="below-paragraph check-list w-list-unstyled">
<li class="check-list-item"><img class="check-list-icon" src="images/Icon-check.png">
<p class="paragraph">Lorem ipsum dolor sit amet</p>
</li>
<li class="check-list-item"><img class="check-list-icon" src="images/Icon-check.png">
<p class="paragraph">Vivamus rhoncus felis sed neque faucibus vitae</p>
</li>
<li class="check-list-item"><img class="check-list-icon" src="images/Icon-check.png">
<p class="paragraph">Duis cursus, mi quis viverra</p>
</li>
<li class="check-list-item"><img class="check-list-icon" src="images/Icon-check.png">
<p class="paragraph">Nunc ut sem vitae risus tristi</p>
</li>
<li class="check-list-item"><img class="check-list-icon" src="images/Icon-check.png">
<p class="paragraph">Pellentesque ornare metus volutpat nulla euismod</p>
</li>
</ul><a class="button w-button" href="#">Contact us</a></div>
</div>
</div>
</div>
<div class="section tint">
<div class="container w-container">
<div class="bottom intro-section-row w-row">
<div class="intro-section-column w-col w-col-3" data-ix="fade-in-on-scroll">
<div class="icon-block"><img class="icon" src="images/Icon-megaphone.png"></div>
<div class="intro-column-title">Our topics</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.</p>
</div>
<div class="intro-section-column w-col w-col-3" data-ix="fade-in-on-scroll-2">
<div class="icon-block"><img class="icon" src="images/Icon-group.png"></div>
<div class="intro-column-title">16 speakers</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.</p>
</div>
<div class="intro-section-column w-col w-col-3" data-ix="fade-in-on-scroll-3">
<div class="icon-block"><img class="icon" src="images/Icon-lamp.png"></div>
<div class="intro-column-title">Our ideas</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.</p>
</div>
<div class="intro-section-column w-col w-col-3" data-ix="fade-in-on-scroll-4">
<div class="icon-block"><img class="icon" src="images/Icon-arrow-right-white.png"></div>
<div class="intro-column-title">Join us</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.</p>
</div>
</div>
</div>
</div>
<div class="home-intro-section">
<div class="container home-intro-container w-container">
<div class="home-intro-block w-clearfix">
<a class="intro-button w-hidden-small w-hidden-tiny w-inline-block" href="index.html#register">
<div class="intro-button-title">Register<br>now</div>
</a>
<div class="intro-row w-row">
<div class="intro-column w-col w-col-8 w-col-small-8 w-col-tiny-8">
<a class="container-link" href="contact.html#map">
<div class="intro-info-block">
<div class="intro-icon-wrapper">
<img class="intro-icon" src="images/Icon-location.png">
</div>
<div class="intro-info-title">Faculty of Engineering and Technology</div>
<div class="intro-info-title subtitle">Jamia Millia Islamia, New Delhi 110025</div>
</div>
</a>
</div>
<div class="intro-column w-col w-col-4 w-col-small-4 w-col-tiny-4">
<div class="intro-info-block">
<div class="intro-icon-wrapper">
<img class="intro-icon" src="images/Icon-calendar.png">
</div>
<div class="intro-info-title">April 27 & 28</div>
<div class="intro-info-title subtitle">10AM - 4PM</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer">
<div class="container w-container">
<div class="footer-row w-row">
<div class="first footer-column w-col w-col-8">
<div class="footer-title">Internship Fair 2017</div>
<div class="section-divider"></div>
<p>Presented by <b>University Placement Cell</b>, Jamia Millia Islamia</p>
</div>
<div class="footer-column w-col w-col-4">
<div class="footer-title">Links</div>
<div class="section-divider"></div>
<ul class="footer-list w-list-unstyled">
<li class="footer-list-item"><a class="footer-link link" href="index.html">Home</a></li>
<li class="footer-list-item"><a class="footer-link link" href="companies.html">Companies</a></li>
<li class="footer-list-item"><a class="footer-link link" href="schedule.html">Schedule</a></li>
<li class="footer-list-item"><a class="footer-link link" href="guidelines.html">Guidelines</a></li>
<li class="footer-list-item"><a class="footer-link link" href="contact.html">Contact</a></li>
<li class="footer-list-item"><a class="footer-link link" href="index.html#register">Register</a></li>
</ul>
</div>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
<script src="js/webflow.js"></script>
<!--[if lte IE 9]><script src="//cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script><![endif]-->
</body>
</html>
<!--
Website designed by:
Syed Faheel Ahmad (https://github.com/faheel)
Joy Mukherjee (https://github.com/joythecoder)
-->