-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
391 lines (380 loc) · 15.1 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
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
<!DOCTYPE html>
<html>
<head>
<title>Sync-X</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8">
<link rel="icon" type="image/png" href="chrome.png">
<link rel="stylesheet" type="text/css" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="index.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.1/css/all.css">
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <meta http-equiv="X-UA-Compatible" content="ie=edge" />
<link href="https://fonts.googleapis.com/css?family=Aclonica|Bad+Script|Kreon&display=swap" rel="stylesheet">
<link href="https://www.logogenie.net/download/preview/engine/6353238" rel="icon">
<link href="https://fonts.googleapis.com/css?family=Indie+Flower&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Satisfy&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@531&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Pacifico&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Tangerine">
<link href="https://fonts.googleapis.com/css2?family=Patua+One&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Pacifico&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<!-----NavigationBar---->
<section id="nav-bar">
<nav class="navbar navbar-expand-lg navbar-light">
<a class="navbar-brand" href="#"><img src="logo.png"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="#home">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#about">About Us</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#object">Objectives</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#team">Our Crew</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#service">Services</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#media">Contact</a>
</li>
<li class="nav-item">
<a class="nav-link" href="app.html">Our app</a>
</li>
<li class="nav-item">
<a class="nav-link" href="login.html">Log in</a>
</li>
</ul>
</div>
</nav>
</section>
<!-------Slider------->
<div id="slider">
<div id="headerSlider" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#headerSlider" data-slide-to="0" class="active"></li>
<li data-target="#headerSlider" data-slide-to="1"></li>
<li data-target="#headerSlider" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active" id="imagez">
<img src="https://digitalequality.in/wp-content/uploads/2018/08/DE-1080x675.jpg" class="d-block img=fluid" width=1600 height=700>
<div class="carousel-caption">
<h5><a name="home">One Can See The Happiness Of The Children</a></h5>
</div>
</div>
<div class="carousel-item" id="imagez">
<img src="https://akm-img-a-in.tosshub.com/indiatoday/english-647_013117061010.jpg?kGHMuXxU9GvTlP8BGu_WTqqVUsMghhnj" class="d-block img=fluid" width=1600 height=700>
<div class="carousel-caption">
<h5>Improving The Status Of Online Education</h5>
</div>
</div>
<div class="carousel-item" id="imagez">
<img src="https://ruralafricafacts.files.wordpress.com/2015/07/dsc_0460.jpg" class="d-block img=fluid" width=1600 height=700>
<div class="carousel-caption">
<h5>Rich or Poor, Education Is For Everyone</h5>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#headerSlider" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#headerSlider" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<div class="about">
<br>
<br>
<br>
<center>
<h1><a name="about">
<b class="pos">ABOUT US</b></a>
</h1>
<hr class="text">
<br>
<q class="post">'Sync-X is here to give a contribution to the world'</q>
<br>
<br>
<table id="cont">
<tr>
<td><img src="https://static01.nyt.com/images/2020/03/18/business/18Techfix-illo/18Techfix-illo-superJumbo.gif" width=400 height=300 class="pic"></td>
<td style="padding: 20px;"><p class="yuvi"> We here at sync-x, are a crowdsourced initiative, who are working to improve the <br>
status of online education for half of the world's students who are out of schools <br>
education. This problem is far more worse in remote villages in this unprecedented time.</p>
<p class="yuvi">Owing to the challenges faced by schools/colleges, our team has come up with a <br>
software which uses very low bandwidth to stream online content, making it ideal <br>
for places with connectivity issues.We have made an app regarding this purpose</p>
</td>
</tr>
</table>
</center>
<br>
</div>
<div class="obj">
<br>
<center>
<h1><a name="object"><b class="pos">OUR AIMS & OBJECTIVES</b></a></h1>
<br>
<hr class="text">
<br>
<center><q class="post">"Ambition is the first step to success, the second step is action"</q></center>
<br>
<table>
<tr>
<td>
<p class="yuvi">
During these lockdowns the best method for schooling which is <br>
adopted is online schooling. But however one should undeestand <br>
that all do not have the access to these type of luxuries. <br>
Moreover sometimes there are problem from the server-side <br>
and meeting stops abruptly but while in our app it uses <br>
low bandwidth and it is also safe from hackers by the dual <br>
protection we offer to the user Our company is constantly <br>
working hard to give our apps access to all the children in <br>
<b>India and in the world with emphasis on the problem they face.<b>
</p>
</td>
<td style="padding: 10px;"><img src="https://i.gifer.com/NG7y.gif" class="pic"></td>
</tr>
</table>
<br>
<br>
<h1 class="sub"><b class="pos">
Why Are We Taking This Initiative ? </b></h1>
<br>
<hr class="text">
<br>
<center><q class="post">If You Dont Solve a problem Someone Else Will"</q></center>
<br>
<table>
<tr>
<td>
<p class="yuvi">
Due to this pandemic crisis, schools are trying their best to provide their students education but here<br>
a problem lies due to such video calls or meetings there is a huge bandwidth and there are some people<br>
who are located at remote areas and do not have stable connections for such facilities and from here our<br>
journey started. If a child studies he will be an asset, might be the next president, no one knows. So for<br>
the society's development we are taking this step to provide education and nurture the future leaders.
</p> <p class="yuvi"><b>2020 the 404 error year,</b> Beggining with such a crisis and now just see the conditions. Well what we<br>
studied in junior grade that nature always balances itself in some way or the other and now what we <br>
get is stay home and watch the world save by the heroes who do not wear cape,neither they come with <br>
any dramatic sounds nor hi-tech weapon, they came with surgeon mask, hand sanitizer,syringes,<br>
what not, yes they are the doctors and nurses we see in hospital working and giving up their life for us.
<br>
<br>
<br>
</p>
</td>
<td style="padding: 10px;"><img src="https://media2.giphy.com/media/14uQ3cOFteDaU/giphy.gif" width=400 height=300 class="pic"></td>
<br>
<br>
</tr>
</table>
<br>
</center>
</div>
<div class="video">
<br>
<br>
<br>
<center>
<h1><a name="about">
<b class="post">Thanks and ever thanks to the doctors and paramedical staff</b></a>
</h1>
<hr class="text">
<br>
<table id="cont">
<tr>
<td><img src="https://www.toowoombaobesitysurgery.com.au/uploads/1/0/8/0/108044735/icon-operation-360px-f5f5f5-240p_1_orig.gif" width=400 height=300 class="pic"></td>
<td style="padding: 20px;"><p class="yuvi">Our entire team would like to thank superheroes of this real world.They neither <br>
wear capes nor have got any high tech weapons. They have studied hard and earned a white coat. There are some who <br>
wear a uniform while others are in regular clothing. They work non stop so that we can stay safe inside.<br>
They put their lives at stake so that no harm comes to our family. They are doctors,policemen, sanitary workers,<br>
Telecom operators, shopkeepers and many more!. Saying Thanks to them isn't enough to pay them back them for<br>
their meritorious and selfless sevice to the world.They are the guiding light for us </p>
</td>
</tr>
</table>
</center>
<br>
<br>
</div>
<div class="apper">
<center>
<br>
<br>
<q class="po">A VIDEO DEMONSTRATION FOR THE SAME</q></center>
<center><hr class="text"></center>
<br>
<center> <video width="1020" height="440" controls>
<source src="vedio.mp4" type="video/mp4">
</video></center>
</center>
<br>
<br>
</div>
<div class="wrapper">
<div class="section-header">
<br>
<br>
<center><h2><a name="team"><span>TEAM</span> <span>MEMBERS</span></a></h2></center>
<br>
<center><hr class="text"></center>
<br>
</div>
<table>
<tr>
<th>
<div class="team-member">
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/69/Mukesh_Ambani.jpg/220px-Mukesh_Ambani.jpg" width=200 height=100>
<h3>Yuv Narula</h3>
<p>Community Head<p>
</div>
</th>
<th>
<div class="team-member">
<img src="https://yt3.ggpht.com/a/AATXAJw1NlZWoo9x1UUeElmpIz7R_ydg53coPPybbA=s900-c-k-c0xffffffff-no-rj-mo" width=200 height=100>
<h3>Aayan aggru</h3>
<p>Manager<p>
</div>
</th>
<th>
<div class="team-member">
<img src="https://ak.picdn.net/shutterstock/videos/22289248/thumb/1.jpg" width=200 height=100>
<h3>Yashh khan</h3>
<p>Financial Head<p>
</div>
</th>
<th>
<div class="team-member">
<img src="https://ied.eu/wp-content/uploads/2018/04/entrepreneur-1.jpg" width=200 height=100>
<h3>Aaruss</h3>
<p>Computer Technician<p>
</div>
</th>
<th>
<div class="team-member">
<img src="https://st.depositphotos.com/1010710/3383/i/450/depositphotos_33835223-stock-photo-overweight-smiling-businessman.jpg" width=200 height=100>
<h3>Vishesh</h3>
<p>Food Incharge<p>
</div>
</th>
<th>
<div class="team-member">
<img src="https://images.pexels.com/photos/1138903/pexels-photo-1138903.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500" width=200 height=100>
<h3>Arham Jai</h3>
<p>Joint secretary<p>
</p>
</th>
</tr>
</table>
<br>
<br>
<br>
</div>
<div class="services-section">
<div class="inner-width">
<h1 class="section-title"><a name="service"><b class="pos">Our Services</b></a></h1>
<div class="border"></div>
<div class="services-container">
<div class="service-box">
<div class="service-icon">
<i class="far fa-window-restore"></i>
</div>
<div class="service-title">Our Website</div>
<div class="service-desc">
This is our webite which is made to guide the users about how to go about with us
</div>
</div>
<div class="service-box">
<div class="service-icon">
<i class="fas fa-building"></i>
</div>
<div class="service-title">Our Company</div>
<div class="service-desc">
We are Sync-x, a crowdsourced initiative, working to improve the status of online education in remote towns/villages in this unprecedented time.
</div>
</div>
<div class="service-box">
<div class="service-icon">
<i class="fab fa-app-store"></i>
</div>
<div class="service-title">Our App</div>
<div class="service-desc">
We have a video conferencing app for the above purposes to be done ( scroll down )
</div>
</div>
<div class="service-box">
<div class="service-icon">
<i class="fas fa-people-carry"></i>
</div>
<div class="service-title">Our Staff</div>
<div class="service-desc">
A detailed description is also provided of the people who have helped in making Sync-X a success
</div>
</div>
<div class="service-box">
<div class="service-icon">
<i class="fas fa-phone-volume"></i>
</div>
<div class="service-title">Contact Numbers</div>
<div class="service-desc">
We have also provided our companies contacts which can be used in case of any problem
</div>
</div>
<div class="service-box">
<div class="service-icon">
<i class="fas fa-frown"></i>
</div>
<div class="service-title">Complaints</div>
<div class="service-desc">
A seperate section is created for the complaints as we believe failure is not an option
</div>
</div>
</div>
</div>
</div>
<div class="media">
<br>
<font size= "50">
<br>
<h1 class="pos"><a name="media"> Put us in your boots and contact us freely:</a></h1>
<table style="float: right;">
<tr>
<br>
<th> <a href="https://techsyndicate.github.io/intech/index.html" class="fa fa-facebook"></a></th>
<th><a href="https://techsyndicate.github.io/intech/index.html" class="fa fa-twitter"></a></th>
<th><a href="https://techsyndicate.github.io/intech/index.html" class="fa fa-youtube"></a></th>
<th><a href="https://techsyndicate.github.io/intech/index.html" class="fa fa-instagram"></a></th>
<th><a href="https://techsyndicate.github.io/intech/index.html" class="fa fa-google"></a></th>
<th><a href="https://techsyndicate.github.io/intech/index.html" class="fa fa-linkedin"></a></th>
<th><a href="https://techsyndicate.github.io/intech/index.html" class="fa fa-pinterest"></a></th>
<th><a href="https://techsyndicate.github.io/intech/index.html" class="fa fa-snapchat-ghost"></a></th>
<th><a href="https://techsyndicate.github.io/intech/index.html" class="fa fa-skype"></a></th>
<th><a href="https://techsyndicate.github.io/intech/index.html" class="fa fa-vimeo"></a></th>
<th><a href="https://techsyndicate.github.io/intech/index.html" class="fa fa-whatsapp"></a></th>
</font>
</tr>
</table>
<br><br>
</div>
</body>
</html>