-
Notifications
You must be signed in to change notification settings - Fork 2
/
speakers.html
144 lines (141 loc) · 7.1 KB
/
speakers.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
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>EDC JSSATEN | Speakers</title>
<meta name="description" content="Entrepreneurship Development Cell of JSS Academy of Technical Education Noida. Accelerating and incubating student start-ups.">
<link rel="icon" href="img/icon.png" sizes="32x32" type="image/png">
<link rel="stylesheet" href="css/custom.css">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$('a').on('click', function(event) {
var hash = this.hash;
$('html, body').animate({scrollTop: $(hash).offset().top}, 900);
});
})
</script>
<link rel="stylesheet" href="css/aos.css">
<style>
.jumbotron{
background: #192440;
}
</style>
</head>
<body id="top">
<div class="jumbotron jumbotron-fluid">
<div class="container text-center text-md-left">
<header>
<div class="row justify-content-between">
<div class="col-2">
<img src="img/logo.png" alt="logo">
</div>
<div class="col-6 align-self-center text-right">
<a href="index.html" class="text-white lead">Back</a>
</div>
</div>
</header>
</div>
</div>
<div class="container my-5 py-2" id="main_section">
<h2 class="text-center font-weight-bold my-5">Past Speakers</h2>
<div class="row">
<div data-aos="fade-up" data-aos-delay="0" data-aos-duration="1000" data-aos-once="true" class="col-md-3 col-sm-6 text-center">
<img src="img/speakers/ayush-jaiswal.png" alt="To motivate" class="mx-auto">
<h4> Ayush Jaiswal</h4>
<p>Co-Founder, Pesto Tech</p>
</div>
<div data-aos="fade-up" data-aos-delay="200" data-aos-duration="1000" data-aos-once="true" class="col-md-3 col-sm-6 text-center">
<img src="img/speakers/bibin.jpeg" alt="To impart" class="mx-auto">
<h4>Bibin Babu</h4>
<p>Blockchain Evangelist</p>
</div>
<div data-aos="fade-up" data-aos-delay="400" data-aos-duration="1000" data-aos-once="true" class="col-md-3 col-sm-6 text-center">
<img src="img/speakers/chandni.jpeg" alt="To develop" class="mx-auto">
<h4>Chandni Di</h4>
<p>Voice of Slum</p>
</div>
<div data-aos="fade-up" data-aos-delay="400" data-aos-duration="1000" data-aos-once="true" class="col-md-3 col-sm-6 text-center">
<img src="img/speakers/dev.jpeg" alt="To develop" class="mx-auto">
<h4>Dev Pratap</h4>
<p>Voice of Slum</p>
</div>
</div>
<div class="row">
<div data-aos="fade-up" data-aos-delay="0" data-aos-duration="1000" data-aos-once="true" class="col-md-3 col-sm-6 text-center">
<img src="img/speakers/yash.jpeg" alt="To motivate" class="mx-auto">
<h4> Yashraj Bhardwaj</h4>
<p>Co-Founder, Pesto Tech</p>
</div>
<div data-aos="fade-up" data-aos-delay="200" data-aos-duration="1000" data-aos-once="true" class="col-md-3 col-sm-6 text-center">
<img src="img/speakers/tripati.jpeg" alt="To impart" class="mx-auto">
<h4>Tripati Singal</h4>
<p>Ceo, KGS Advisors</p>
</div>
<div data-aos="fade-up" data-aos-delay="400" data-aos-duration="1000" data-aos-once="true" class="col-md-3 col-sm-6 text-center">
<img src="img/speakers/Nitin Mohan.jpeg" alt="To develop" class="mx-auto">
<h4>Nitin Mohan</h4>
<p>Headof Marketing, Chaayos</p>
</div>
<div data-aos="fade-up" data-aos-delay="400" data-aos-duration="1000" data-aos-once="true" class="col-md-3 col-sm-6 text-center">
<img src="img/speakers/subrat kar.jpeg" alt="To develop" class="mx-auto">
<h4> Subrat Kar</h4>
<p>Co-founder, Vidooly</p>
</div>
</div>
<div class="row">
<div data-aos="fade-up" data-aos-delay="0" data-aos-duration="1000" data-aos-once="true" class="col-md-3 col-sm-6 text-center">
<img src="img/speakers/digital.jpeg" alt="To motivate" class="mx-auto">
<h4>Onkar K Khullar</h4>
<p>TedX Speaker</p>
</div>
<div data-aos="fade-up" data-aos-delay="200" data-aos-duration="1000" data-aos-once="true" class="col-md-3 col-sm-6 text-center">
<img src="img/speakers/madhup.jpeg" alt="To impart" class="mx-auto">
<h4>Madhup Agarwal</h4>
<p>National Head/HR, IndiaMart</p>
</div>
<div data-aos="fade-up" data-aos-delay="400" data-aos-duration="1000" data-aos-once="true" class="col-md-3 col-sm-6 text-center">
<img src="img/speakers/srishti.jpeg" alt="To develop" class="mx-auto">
<h4>Srishti Kar</h4>
<p>Miss Teen Universe</p>
</div>
<div data-aos="fade-up" data-aos-delay="400" data-aos-duration="1000" data-aos-once="true" class="col-md-3 col-sm-6 text-center">
<img src="img/speakers/sabika.png" alt="To develop" class="mx-auto">
<h4>Sabika Abbas Naqvi</h4>
<p>Social Activist/ Poet</p>
</div>
</div>
</div>
<div class="jumbotron jumbotron-fluid" id="copyright">
<div class="container">
<div class="row justify-content-between">
<div class="col-md-6 text-white align-self-center text-center text-md-left my-2">
Copyright © 2019 EDC JSSATEN
</div>
<div class="col-md-6 align-self-center text-center text-md-right my-2" id="social-media">
<a href="https://www.facebook.com/ecell.jssaten" class="d-inline-block text-center ml-2">
<i class="fa fa-facebook" aria-hidden="true"></i>
</a>
<a href="https://www.linkedin.com/company/edc-jssate/" class="d-inline-block text-center ml-2">
<i class="fa fa-linkedin" aria-hidden="true"></i>
</a>
<a href="https://www.instagram.com/ecelljss/" class="d-inline-block text-center ml-2">
<i class="fa fa-instagram" aria-hidden="true"></i>
</a>
<a href="#top" class="d-inline-block text-center ml-2">
<i class="fa fa-arrow-up" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
</div>
<script src="js/aos.js"></script>
<script>
AOS.init({
});
</script>
</body>
</html>