-
Notifications
You must be signed in to change notification settings - Fork 5
/
esummit.html
414 lines (394 loc) · 24.1 KB
/
esummit.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
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
<html>
<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
<link rel='stylesheet' href='https://use.fontawesome.com/releases/v5.7.0/css/all.css' integrity='sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ' crossorigin='anonymous'>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="E-Summit 2019 New Delhi Jamia">
<meta name="keywords" content="ENTREPRENEUR'S TALK | INVESTOR'S TALK | STARTUP EXPO | GET FUNDED">
</head>
<style>
.card1 { width: 450px; height: 400px; background-color: #fff; background: linear-gradient(#fff, #fff); box-shadow: 0 8px 16px -8px rgba(0,0,0,0.4); border-radius: 6px; overflow: hidden; position: relative; margin: 1.5rem; }
.card h1 { text-align: center; }
.card1 .additional { position: absolute; width: 150px; height: 100%; background: linear-gradient(#e7f3fe, #e6ffe6); transition: width 0.4s; overflow: hidden; z-index: 2; }
.card1:hover .additional { width: 100%; border-radius: 0 5px 5px 0; }
.card1 .additional .user-card1 { width: 150px; height: 100%; position: relative; float: left; }
.card1 .additional .user-card1::after { content: ""; display: block; position: absolute; top: 10%; right: -2px; height: 80%; border-left: 2px solid rgba(0,0,0,0.025);*/ }
.card1 .additional .user-card1 .level, .card1 .additional .user-card1 .points { top: 15%; color: #fff; text-transform: uppercase; font-size: 0.75em; font-weight: bold; background: rgba(0,0,0,0.15); padding: 0.125rem 0.75rem; border-radius: 100px; white-space: nowrap; }
.card1 .additional .user-card1 .points { top: 85%; }
.card1 .additional .user-card1 svg { top: 50%; }
.card1 .additional .more-info {padding:10px; float: left; position: absolute; left: 150px; height: 100%; }
.card1 .additional .more-info h1 { color: #fff; margin-bottom: 0; }
.card1 .additional .more-info p{margin-top:0px;}
.card1.green .additional .more-info h1 { color: #224C36; }
.card1 .additional .coords { margin: 0 1rem; color: #fff; font-size: 1rem; }
.card1.green .additional .coords { color: #325C46; }
.card1 .additional .coords span + span { float: right; }
.card1 .additional .stats { font-size: 2rem; display: flex; position: absolute; bottom: 1rem; left: 1rem; right: 1rem; top: auto; color: #fff; }
.card1.green .additional .stats { color: #325C46; }
.card1 .additional .stats > div { flex: 1; text-align: center; }
.card1 .additional .stats i { display: block; }
.card1 .additional .stats div.title { font-size: 0.75rem; font-weight: bold; text-transform: uppercase; }
.card1 .additional .stats div.value { font-size: 1.5rem; font-weight: bold; line-height: 1.5rem; }
.card1 .additional .stats div.value.infinity { font-size: 2.5rem; }
.card1 .general { width: 300px; height: 100%; position: absolute; top: 0; right: 0; z-index: 1; box-sizing: border-box; padding: 1rem; padding-top: 0; }
.card1 .general .more { position: absolute; bottom: 1rem; right: 1rem; font-size: 0.9em; }
.tabs .tab a{color:#e6e6e6;}
.tabs .tab a:hover { color:#fff; }
.tabs .tab a.active { color:#fff; }
.tabs .indicator { background-color:#fff; }
.green-text{ color: #417505 !important;font-size:30px }
.home_title{font-size:50px}
.home_img{height:100%;margin-left:auto;margin-right:auto;}
@media screen and (max-width: 600px) {
.card1 .additional{width:45%;}
.card1 { width: 100%;margin: 10;}
.card1 .general{width:55%;}
.home_title{font-size:30px}
}
@media screen and (max-width: 1200px) and (min-width: 600px) {
/*
.center-hv{display: flex;align-items: center;}
*/
.home_title{font-size:40px}
#test2{height:100%}
}
@media screen and (min-width: 1200px) {
.center-hv{display: flex;align-items: center;}
#test2{height:100%}
}
ul.a {list-style-type: circle;}
.rotate-45 {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
.dot {
cursor:pointer;
height: 15px;
width: 15px;
margin: 0 2px;
background-color: #bbb;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
}
</style>
<body>
<div id="nav" class="green card animated fadeInDown" style="margin:0;position:fixed;width:100%;z-index:1">
<div class="container">
<ul class="tabs green text-a hide-on-small-and-down1 tabs-fixed-width" id="tab">
<li class="tab col s3"><a target="_self" href="http://emphasiso.com">Home</a></li>
<li class="tab col s3"><a class="active" href="#entrepreneurship_talk">ENTREPRENEUR'S TALK</a></li>
<li class="tab col s3"><a href="#investor_talk">INVESTOR'S TALK</a></li>
<li class="tab col s3"><a href="#startup_expo">STARTUP EXPO</a></li>
</ul>
</div>
</div>
<div class=" animated fadeInUp">
<div class="green" id="entrepreneurship_talk" style="z-index:0">
<div class="row center-hv">
<div class="col s12 l6 m6 center" style="height:400px">
<img src="assets/images/entrepreneurship_talk.png?asdsa" class="home_img">
</div>
<div class="col s12 l6 m6 white-text">
<h4 class="home_title center" style="margin-top:100px">ENTREPRENEUR'S TALK</h4>
<ul>
<li>
<i class='fas fa-caret-right'></i> Entrepreneurship is not and never restricted to any specific field. Any person
or individual <br> who comes with a new innovative idea in their respective field can be treated as an enterpreneur.</li>
<li><i class='fas fa-caret-right'></i> E-summit'19 comes with a special event called Enterpreneurs talk in which Enterpreneurs
from diversified sectors will be sharing their experinces.</li>
</ul>
<h6 class="home_title center" style="margin-top:150px">DATE: April 13th,2019 <br> VENUE: M.A. Ansari Auditorium</h6>
</div>
</div>
<div id="content1" class="center white">
<div class="container" style="padding:15px">
</div>
</div>
<h3 align="center" class="white-text">SPEAKERS AND GUEST</h3>
<div id="content2" class="white ">
<div class="slideshow-container">
<div class="container mySlides1">
<div class="row">
<div class="col s12 l4 m4 " style="margin-top:15px">
<div class="card">
<img src="assets/images/Kunwer-Sachdev.png" style="width:100%">
</div>
</div>
<div class="col s12 l8 m8">
<div>
<p><h3>Mr. Kunwer Sachdeva</h3><h5>Founder, SuKam inverters</h5></p>
<p>The Solar Man of India, Kunwer Sachdeva the founder of India's leading power solutions company - Su-Kam® Power Systems, is one of the greatest innovator, marketer, motivational speaker and visionary entrepreneur of our times.</p>
</div>
</div>
</div>
</div>
<div class="container mySlides1" >
<div class="row">
<div class="col s12 l4 m4 " style="margin-top:15px">
<div class="card">
<img src="assets/images/Vikas_Jain.png" style="width:100%">
</div>
</div>
<div class="col s12 l8 m8">
<div>
<p><h3>Mr. Vikas Jain</h3><h5>Co-Founder, Micromax Informatics</h5></p>
<p>Vikas Jain Co-Founder of India's consumer electronics company Micromax Informatics.He is an alumnus of Jamia Millia University from where he completed his engineering
degree. </p>
</div>
</div>
</div>
</div>
<div class="container mySlides1">
<div class="row">
<div class="col s12 l4 m4 " style="margin-top:15px">
<div class="card">
<img src="assets/images/poonam-singh.png" style="width:100%">
</div>
</div>
<div class="col s12 l8 m8">
<div>
<p><h3>Dr. (Ms.) Poonam Sinha</h3><h5>Director(Entrepreneurship Education), Head Regional Centre, Dehradun</h5></p>
<p>The National Institute for Entrepreneurship and Small Business Development is a premier organization of the Ministry of Skill Development and Entrepreneurship, engaged in training, consultancy, research, etc. in order to promote entrepreneurship and Skill Development.</p>
</div>
</div>
</div>
</div>
<!--
<a class="prev" onclick="plusSlides(-1, 1)">❮</a>
<a class="next" onclick="plusSlides(1, 1)">❯</a>
-->
<div style="text-align:center">
<span onclick="currentSlide('mySlides1',0)" class="mySlides1_dot dot"></span>
<span onclick="currentSlide('mySlides1',1)" class="mySlides1_dot dot"></span>
<span onclick="currentSlide('mySlides1',2)" class="mySlides1_dot dot"></span>
</div>
</div>
</div>
</div>
<div class="green" id="investor_talk" >
<div class="row center-hv">
<div class="col s12 l6 m6 center-hv center" style="height:400px">
<img src="assets/images/investor_talk.png?a" class="home_img">
</div>
<div class="col s12 l6 m6 white-text " style="margin-top:100px">
<h4 class="home_title center">INVESTOR'S TALK</h4>
<ul>
<li>
<i class='fas fa-caret-right'></i> The act of commiting money or capital to an endeavor with the expectation of
obtaining an additional income or profit.</li>
<li><i class='fas fa-caret-right'></i> Investors from your sector that are present will personally visit your stall at
different times during the E-summit to interact with you and know about your firm.</li>
</ul>
</div>
</div>
<div id="content1" class="center white">
<div class="container" style="padding:15px">
</div>
</div>
<h3 align="center" class="white-text">SPEAKERS</h3>
<div id="content2" class="white ">
<div class="slideshow-container">
<div class="container mySlides2">
<div class="row">
<div class="col s12 l4 m4 " style="margin-top:15px">
<div class="card">
<img src="assets/images/padmaja__ruparel.jpg" style="width:100%">
</div>
</div>
<div class="col s12 l8 m8">
<div>
<p><h3>Mrs. Padmaja Ruparel</h3><h5>Co-Founder, Indian Angel Network & Founding Partner, IAN Fund </h5></p>
<p>President of India's largest angel network firm, she certainly knows a thing or two about true grit. She is also the 44th most powerful business woman in India as per Forbes India.</p>
</div>
</div>
</div>
</div>
<div class="container mySlides2" >
<div class="row">
<div class="col s12 l4 m4 " style="margin-top:15px">
<div class="card">
<img src="assets/images/saurabh_jain.jpg" style="width:100%">
</div>
</div>
<div class="col s12 l8 m8">
<div>
<p><h3>Mr. Saurabh Jain</h3><h5>Vice President, Paytm</h5></p>
<p>Coming from a commerce background and being the Vice President of a tech company, Mr. Saurabh Jain is the true inspiration for everyone out there who want to follow their dreams.</p>
</div>
</div>
</div>
</div>
<!--
<a class="prev" onclick="plusSlides(-1, 1)">❮</a>
<a class="next" onclick="plusSlides(1, 1)">❯</a>
-->
<div style="text-align:center">
<span onclick="currentSlide('mySlides2',0)" class="mySlides2_dot dot"></span>
<span onclick="currentSlide('mySlides2',1)" class="mySlides2_dot dot"></span>
</div>
</div>
</div>
</div>
<div class="green" id="startup_expo" >
<div class="row center-hv">
<div class="col s12 l6 m6 center-hv center" style="height:400px">
<img src="assets/images/startup_expo.png?a" class="home_img">
</div>
<div class="col s12 l6 m6 white-text " style="margin-top:100px">
<h4 class="home_title center">STARTUP EXPO</h4>
<ul>
<li><i class='fas fa-caret-right'></i> We are proud to present the most colossal edition of Startup Expo, <br> this expo enables the most promising and versatile start-ups to conquer markets by getting high visibility transformative platform<br> where they can showcase their ventures and meet investors.</li>
<li><i class='fas fa-caret-right'></i> interaction with investors</li>
<li><i class='fas fa-caret-right'></i> explore partnership opportunities</li>
<li><i class='fas fa-caret-right'></i> find potential customers</li>
<li><i class='fas fa-caret-right'></i> interact with all the stakeholders that can help to scale new heights.</li>
<li><i class='fas fa-caret-right'></i> Networking session with CXOs, venture capitalists and angel investors</li>
<li><i class='fas fa-caret-right'></i> Opportunity to raise funds</li>
<li><i class='fas fa-caret-right'></i> find potential customers</li>
<li><i class='fas fa-caret-right'></i> Get media coverage</li>
</ul>
<h6 class="home_title center" style="margin-top:50px">DATE: April 13th,2019 <br> VENUE: Infront of M.A. Ansari Auditorium</h6>
</div>
</div>
<div id="content1" class="white">
<div class="" style="padding:15px;text-align:left">
<div class="center">
<div class="card1 green" style="margin-left:auto;margin-right:auto">
<div class="additional" style="width:100%">
<div class="user-card1">
<img src="assets/images/anil_gupta.jpg" style="width:150px;margin-top:0px">
<h5 style=";margin-top:10px">Anil Gupta<span style="font-size:15px"><br>Chairman, connect ventures</span></h5>
</div>
<div class="more-info" style="padding:15px">
<p>Anil Gupta is India's premier 10X Business Growth Coach and strategist for leading business owners, ceo's, entrepreneurs and fortune 500 leaders. He is best known as 10X Growth Guru to provide 10X growth to Startups & Small entrepreneur along with mid-size companies too. He is also a technology guru too. </p>
</div>
</div>
</div>
<div class="card1 green" style="margin-left:auto;margin-right:auto">
<div class="additional">
<div class="user-card1">
<img src="assets/images/vijay_singh.jpg" style="width:150px;margin-top:0px">
<h5 style=";margin-top:10px">Vijay Singh Rathore<span style="font-size:15px"><br>Partner, Innerwave</span></h5>
<h5></h5>
</div>
<div class="more-info">
<p>Vijay Singh Rathore is an Investment Banker and Advisor to VCs/PEs/HNIs. He also works closely with Founders to help them in Financial Modeling, Investor Pitch Deck, CFO Support and Fundraising. He is a Qualified Chartered Accountant and holding Diploma in Information System Audits. Currently pursuing Registered Valuer Course of IBBI. </p>
</div>
</div>
<div class="general">
<img src="assets/images/innerwave.jpg" style="width:100%">
<p>InnerWave is one of the fastest growing Corporate Advisory firms in India. With over 75 professional staff across 5 offices, the firm provides robust advisory services & expansion solutions on complex business & financial matters through focused coverage groups.
</div>
</div>
<div class="card1 green" style="margin-left:auto;margin-right:auto">
<div class="additional">
<div class="user-card1">
<img src="assets/images/hartej_sethi.jpg?a" style="width:150px;margin-top:0px">
<h5 style=";margin-top:10px">Hartej Sethi<span style="font-size:15px"><br>Founder, Linqq</span></h5>
<h5></h5>
</div>
<div class="more-info" style="padding:15px">
<p>Hartej Sethi Hartej has a strong business background with Degree in B.Com(hons) from the University of Delhi. He has been successfully handling & growing the family's business since 2009, in Manufacturing of Oem Coolants/Antifreeze, Lubricants, Filter's, Smart Device's, Fire & Safety equipment.is the Founder of LINQQ- Professional Networking App.</p>
</div>
</div>
<div class="general" style="padding:0">
<img src="assets/images/linqq.jpg?" style="width:100%">
<p style="margin-top:5px">LINQQ is a hyperlocal professional networking platform which helps you build meaningful professional relationships. LINQQ app makes a perfect platform which bridges the gap between professionals, freelancers, businesses and startups to make a one-stop shop for all networking opportunities. </p>
</div>
</div>
<div class="card1 green" style="margin-left:auto;margin-right:auto">
<div class="additional">
<div class="user-card1">
<img src="assets/images/pavan_verma.jpg" style="width:150px;margin-top:0px">
<h5 style=";margin-top:10px">Pavan Verma<span style="font-size:15px"><br>CEO, Redian Software</span></h5>
<h5></h5>
</div>
<div class="more-info" style="padding:15px">
<p>Mr. Pavan Verma is Founder and CEO of Redian Software - an open source software
development company headquartered at Noida, India. He is an engineering graduate in
computer science and holds more than 11 years experience in enterprise mobility, digital
transformation, and technological advancement helped many organizations towards new age
practices. </p>
</p>
</div>
</div>
<div class="general">
<img src="assets/images/redian_soft.png?afa" style="width:100%">
<p>Redian Software is leading open source software development company, specialized in CRM solutions and managed services. Redian Software majorly works on open source software like SuiteCRM, Drupal, YII, Laravel, Android and Symfony. </p>
</div>
</div>
<div class="card1 green" style="margin-left:auto;margin-right:auto">
<div class="additional">
<div class="user-card1">
<img src="assets/images/saurabh.jpg" style="width:150px;margin-top:0px">
<h5 style=";margin-top:10px">Saurabh Chaturvedi<span style="font-size:15px"><br>CEO, Innolabz Ventures</span></h5>
</div>
<div class="more-info" style="padding:15px">
<p>An entrepreneur, an educationist, a consultant and an explorer.
Being an MBA and a computer engineer, he always has been interested in both technology and business and has tried to bridge the gap wherever it is. He is a serial entrepreneur and has ventured into different enterprises dealing with Education and Supply Chain.</p>
</div>
</div>
<div class="general">
<img src="assets/images/inno_labz.png" style="width:100%">
<p>Innolabz is an organization which has something for every one who belongs to Generation-Z We are creating a sustainable collaborative ecosystem through our 3E Mantra of developing Employability, promoting Entrepreneurship and encouraging Exploration.You can study, connect, explore, innovate, initiate and accelerate with Innolabz. </p>
</div>
</div>
<!--<div class="general">
</div>-->
<div style="clear:both"></div>
</div>
<div style="text-align:center">
<a class="waves-effect waves-light btn-large green" href="https://forms.gle/L2oZfUuk9KrtXWBBA" ><i class="fa fa-rocket right rotate-45"></i>Apply Now</a>
</div>
</div>
</div>
</div>
</div>
<div id="footer" class="green" style="widht:100%">
<div class="row white-text center">
<div class="col s12 l4 m4">
<p><b>For sponsorship Opportunities</b></p>
<p><b>[email protected]</b></p>
</div>
<div class="col s12 l4 m4">
<p><b>For Speaking Opportunities Contact: </b></p>
<p><b>[email protected]</b></p>
</div>
<div class="col s12 l4 m4">
<p><b>For Association Opportunities Contact: </b></p>
<p><b>[email protected]</b></p>
</div>
</div>
<div class="green container center white-text">
©2019 EmphasisO
</div>
</div>
</body>
<script>
var slideIndex = 0;
//showSlides();
function currentSlide(a,n) {
showSlides(a,slideIndex = n);
//clearTimeout(myVar);
}
showSlides("mySlides1");
showSlides("mySlides2");
function showSlides(a) {
var i;
var slides = document.getElementsByClassName(a);
var dots = document.getElementsByClassName(a+"_dot");
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none";
}
slideIndex++;
if (slideIndex > slides.length) {slideIndex = 1}
for (i = 0; i < dots.length; i++) {
dots[i].className = dots[i].className.replace(" green", "");
}
slides[slideIndex-1].style.display = "block";
dots[slideIndex-1].className += " green";
// setTimeout(showSlides, 2000);
}
var instance = M.Tabs.init(document.getElementById("tab"));
</script>
</html>