This repository has been archived by the owner on Jan 18, 2019. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 6
/
Copy pathindex.html
234 lines (228 loc) · 12.5 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>IntelAI</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css">
<link rel="stylesheet" href="css/style.css">
<link rel="apple-touch-icon" sizes="57x57" href="favicon/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="favicon/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="favicon/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="favicon/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="favicon/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="favicon/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="favicon/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="favicon/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="favicon/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="favicon/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="favicon/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="favicon/favicon-16x16.png">
<link rel="manifest" href="/manifest.json">
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="favicon/ms-icon-144x144.png">
<meta name="theme-color" content="#000000">
<link rel="shortcut icon" href="img/favicon.png" type="favicon.png">
</head>
<body>
<div class="nav-bar">
<div class="nav-logo"><a href="https://intelaisociety.github.io/"><img src="img/logo.png" class="logointel"></a></div>
<div class="nav-links-container">
<a class="nav-link active" href="#topSection" id="topLink">Home</a>
<a class="nav-link" href="#aboutSection" id="aboutLink">About Us</a>
<a class="nav-link" href="#teamSection" id="teamLink">Team</a>
<a class="nav-link" href="#eventsSection" id="eventsLink">Events</a>
<a class="nav-link" href="#contactSection" id="contactLink">Contact</a>
<a class="nav-link" href="http://medium.com/neural-machines/">Blog</a>
</div>
</div>
<div class="rela-block top-section grad-back" id="topSection">
<div class="abs-cent-text top-text">
<h1 class="big-text">Intel AI Society</h1>
<div class="orbitron top-orb">\\\///</div>
<p class="top-small-text" data-aos="fade-right" data-aos-duration="2000">Initiate Improve Inspire</p>
</div>
</div>
<div class="rela-block under-top-section">
<div class="half-big-text under-top-big-text">3 I's principle</div>
<div class="lines-thing"></div>
<p class="under-top-small-text">The aim of the 3 I principle is to initiate your goals, improve yourself to
reach your goal and inspire the budding ones around you.</p>
</div>
<div class="rela-block welcome-section">
<div class="abs-cent-text welcome-text">
<h1 class="big-text">Welcome</h1>
<div class="orbitron black-orb">\\\///</div>
<p>Welcome to the world of Intel AI! A fascinating world of Intel and Artificial Intelligence composed of
all the exuberant activities for all the computer geeks out there!
</p>
<div class="has-lines black">Explore</div>
</div>
</div>
<div class="rela-block about-us-section" id="aboutSection">
<h1 class="half-big-text has-border">About Us</h2>
<p>The captivating society “INTEL AI” was found on 2 August in the year of 2018 for the betterment and
interest of the students.The aim of Intel AI is to promote self learning and aims more on projects and
brainstorming. This society is a platform for all the students who wish to bring a change in them. If
you are one of those who think they can create history in the world of computers then Intel AI is the
chief leading platform for you.
</p>
<div class="orbitron black-orb">\\\///</div>
<div class="rela-block team-image grad-back" id="topSection">
<div class="abs-cent-text top-text">
<h1 class="big-text" style="opacity: 0.8"></h1>
<div class="orbitron top-orb"></div><br><br><br><br><br><br><br>
<p class="big-text" data-aos="fade-up" data-aos-anchor-placement="bottom-bottom">THE TEAM</p>
</div>
</div>
<div class="orbitron black-orb">\\\///</div>
</div>
<div class="rela-block" id="teamSection">
<h1 class="half-big-text has-border">Team</h1>
<p>The hard-working team members have put immense efforts to bring admiration for the society.
</p>
<div class="orbitron black-orb">\\\///</div>
<div class="rela-block profile-view-container">
<div class="arrow left"></div>
<div class="arrow right"></div>
<div class="profile-content">
<h2 class="half-big-text">Ujjwal Upadhyay</h2>
<h3 class="small-header">Founder</h3>
<p>Founder & AI head of the society</p>
<div class="lines-thing black"></div>
</div>
</div>
</div>
<div class="rela-block sponsors-section">
<div class="sponsor-part">
<div class="abs-cent-text">
<h2 class="half-big-text has-border">Sponsors</h2>
</div>
</div>
</div>
<div class="sponsor-grid">
<div class="sponsor-grid-e" data-aos="fade-up" data-aos-anchor-placement="bottom-bottom"></div>
<div class="sponsor-grid-e" data-aos="fade-up" data-aos-anchor-placement="bottom-bottom"></div>
<div class="sponsor-grid-e" data-aos="fade-up" data-aos-anchor-placement="bottom-bottom"></div>
<div class="sponsor-grid-e" data-aos="fade-up" data-aos-anchor-placement="bottom-bottom"></div>
<div class="sponsor-grid-e" data-aos="fade-up" data-aos-anchor-placement="bottom-bottom"></div>
<div class="sponsor-grid-e" data-aos="fade-up" data-aos-anchor-placement="bottom-bottom"></div>
<div class="sponsor-grid-e" data-aos="fade-up" data-aos-anchor-placement="bottom-bottom"></div>
<div class="sponsor-grid-e" data-aos="fade-up" data-aos-anchor-placement="bottom-bottom"></div>
<div class="sponsor-grid-e" data-aos="fade-up" data-aos-anchor-placement="bottom-bottom"></div>
<div class="sponsor-grid-e" data-aos="fade-up" data-aos-anchor-placement="bottom-bottom"></div>
<div class="sponsor-grid-e" data-aos="fade-up" data-aos-anchor-placement="bottom-bottom"></div>
<div class="sponsor-grid-e" data-aos="fade-up" data-aos-anchor-placement="bottom-bottom"></div>
<div class="sponsor-grid-e" data-aos="fade-up" data-aos-anchor-placement="bottom-bottom"></div>
</div>
<div class="rela-block events-section" id="eventsSection">
<div class="rela-block event-row">
<div class="floated left event-row-half grey-back">
<div class="abs-cent-text">
<h2 class="half-big-text has-border" style="color:white;">Events</h2>
<p style ="color:white;" >For more details visit the <a href="http://intelevents.ml/">Official Page</a></p>
</div>
</div>
<div class="floated right event-row-half">
<div class="abs-cent-text">
<h2 class="small-header">Upcoming Events</h2>
<div class="orbitron black-orb">\\\///</div>
<p>Gear up yourselves for some engaging events and have a smack of engrossing activities in the
world of computer.</p><br />
</div>
</div>
</div>
<div class="rela-block event-row">
<div class="floated right event-row-half black-nn">
<div class="abs-cent-text nn"></div>
</div>
<div class="floated left event-row-half">
<div class="abs-cent-text">
<h2 class="small-header">HACKTILLEND</h2>
<div class="orbitron black-orb">\\\///</div>
<p>The first hackathon “HACKTILLEND” will be on 12 October 2018.
</p>
</div>
</div>
</div>
<!-- <div class="rela-block event-row">
<div class="floated left event-row-half black-code"></div>
<div class="floated right event-row-half">
<div class="abs-cent-text">
<h2 class="small-header">Code Rush</h2>
<div class="orbitron black-orb">\\\///</div>
<p>This will be a competitive coding event.</p>
</div>
</div>
</div> -->
<div class="rela-block event-row">
<div class="floated left event-row-half black-game">
<div class="abs-cent-text star"></div>
</div>
<div class="floated left event-row-half">
<div class="abs-cent-text">
<h2 class="small-header">LAN Gaming</h2>
<div class="orbitron black-orb">\\\///</div>
</div>
</div>
</div>
</div>
<div class="rela-block contact-section" id="contactSection">
<h2 class="half-big-text has-border">Contact</h2>
<p id='hesitate'>Any query is most welcome. shoot us with as many questions as you like.</p>
<div class="orbitron black-orb">\\\///</div>
<div class="rela-block contact-form-container">
<div class="contact-half contact">
<h2 class="small-header">Don't hesitate to contact us at <a href='mailto:intelaisociety@gmail.com'>intelaisociety@gmail.com</a></h2>
<div class="rela-block quad-container">
<div class="contact-quad"><b><a href="mailto:mukulgoyal40@gmail.com">Mukul Goyal</a></b>
<br><b>8447265332</b>
</div>
<div class="contact-quad"><b><a href='mailto:intelaisociety@gmail.com'>Tarun Chug</a></b>
<br><b>8950202990</b>
</div>
<div class="contact-quad"><b><a href='mailto:aniket965.as@gmail.com'>Aniket Sharma</a></b>
<br><b>9899023974</b>
</div>
<div class="contact-quad"><b><a href='mailto:ujjwalupadhyay8@gmail.com'>Ujjwal Upadhyay</a></b>
<br><b>7011545409</b>
</div>
<div class="contact-quad"><b><a href='mailto:jatin.rockstar12@gmail.com'>Jatin</a></b>
<br><b>9582057005</b>
</div>
<div class="contact-quad"><b><a href='mailto:oberoivansh01@gmail.com'>Vansh Oberoi</a></b>
<br><b>9582057005</b>
</div>
</div>
</div>
</div>
</div>
<div class="rela-block footer-section" style="overflow:visible;">
<h2 class="small-header top-link">Back to Top</h2>
<div class="rela-block social-buttons-container">
<a href="https://www.facebook.com/BVPintel/">
<div class="social-button facebook-button"></div>
</a>
<a href="https://twitter.com/intelsociety_ai">
<div class="social-button twitter-button"></div>
</a>
<a href="https://www.instagram.com/intelai_society/">
<div class="social-button instagram-button"></div>
</a>
<a href="https://github.com/IntelAISociety/">
<div class="social-button github-button"></div>
</a>
</div>
<!-- <img src="./img/pubg.png" class="event-header" data-aos="fade-right" data-aos-offset="500" data-aos-anchor="#hesitate"
data-aos-duration="500" /> -->
</div>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src="js/index.js"></script>
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script>
AOS.init();
</script>
</body>
</html>