forked from Somsubhra1/UOSC
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
131 lines (125 loc) · 8.32 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>UOSC | HOME</title>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.4.6/css/swiper.min.css" />
<link rel="stylesheet" href="css/nav_bar.css">
<link rel="stylesheet" href="css/index.css">
<link rel="shortcut icon" href="./assets/img/logos/favicon.png" type="image/x-icon">
</head>
<body>
<section class="container-main">
<!-- <span class="heading">Gallery</span> -->
<div class="nav-btn ntbn-vis">
<i id="ntbni" class="fas fa-bars"></i>
</div>
<div class="nav-btn-close closebtn-hid">
<i id="ntbni" class="fas fa-times"></i>
</div>
<div class="nav-bar close">
<div class="nav-container">
<h1 class="menu">MENU</h1>
<a href="#" class="list-item">HOME</a>
<a href="./html/about.html" class="list-item">ABOUT</a>
<a href="./html/register.html" class="list-item">REGISTER</a>
<a href="" class="list-item">GALLERY</a>
<a href="./html/contact.html" class="list-item">CONTACT</a>
</div>
</div>
<a href="#"><img src="assets/img/brand-logo.svg" alt="" class="logo"></a>
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="slide" id="slide-1">
<div class="slider-content-1">
<span><span class="first-letter">U</span class
first-letter>reckon <span class="first-letter">O</span>pen <span class="first-letter">S</span>chool <span class="first-letter">C</span>hallenge</span>
<p>The <strong class="diff">Gateway</strong> to showcase your <strong class="diff">Talent</strong></p>
</div>
<div id="scene">
<img id="warpbg" class="parallax left top" src="assets/img/warpbg.png">
<img id="star1" class="parallax top" src="assets/img/star1.png">
<img id="star6" class="parallax left top" src="assets/img/star1.png">
<img id="star2" class="parallax left top" src="assets/img/star2.png">
<img id="star3" class="parallax" src="assets/img/star3.png">
<img id="star4" class="parallax left top" src="assets/img/star4.png">
<img id="star5" class="parallax left top" src="assets/img/star5.png">
<img id="planet" class="parallax left top" src="assets/img/planet.png">
<img id="robot" class="parallax left top" src="assets/img/robot.png">
<img id="astronaut" class="parallax top" src="assets/img/astronaut.png">
<img id="asteroid" class="parallax left top" src="assets/img/asteroid.png">
</div>
</div>
</div>
<div class="swiper-slide">
<div class="slide" id="slide-2">
<div class="slider-content">
<span>CodeWise</span>
<p>Why should college students have all the fun? School students of all ages have a platform to showcase their coding prowess.</p>
<a href="#" class="ps_btn">Get Problem Statement <i class="fas fa-file-download"></i></a>
<a href="html/register.html" class="ps_btn register-btn">Register Now <i class="fas fa-arrow-circle-right"></i></a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="slide" id="slide-3">
<div class="slider-content">
<span>Model Making</span>
<p>Nothing is more important than your imaginations and creativity. This is the biggest platform to implement your ideas, thoughts and imaginations into reality. You make one prototype model to showcase and present your idea in front of the tech-world</p>
<a href="" class="ps_btn">Get Problem Statement <i class="fas fa-file-download"></i></a>
<a href="html/register.html" class="ps_btn register-btn">Register Now <i class="fas fa-arrow-circle-right"></i></a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="slide" id="slide-4">
<div class="slider-content">
<span>Ureckqui<span class="invertor">z</span></span>
<p>Think you can hone your quizzing skills and bring glory for your school? Then revv up your grey cells, Face off the best school quiz teams, bang the buzzer and be the champion !
Exciting prizes await the glorious. Register now, stake your claim and let the world know you're coming.</p>
<a href="" class="ps_btn">Get Problem Statement <i class="fas fa-file-download"></i></a>
<a href="html/register.html" class="ps_btn register-btn">Register Now <i class="fas fa-arrow-circle-right"></i></a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="slide" id="slide-5">
<div class="slider-content-5">
<span class="what-next">What to do now...</span>
<div class="register-div">
<div class="container">
<span>Register</span>
<p>UOSC is an excellent platform for young minds to participate in the field of science and explore beyond the old and
rusty school books.
This is your chance to gain new heights of excellence. So buckle up your school belts and tie up your shoe laces to be
the part of UOSC and boost up your experience!! Don't waste time. Take a step towards your victory.
Register now:</p>
<a href="html/register.html" class="gall-btn">Register</a>
</div>
</div>
<div class="gallery-div">
<div class="container">
<span>Gallery</span>
<p>Check out some of the photos, of the amazing experience the school students had in UOSC'19</p>
<a href="assets/img/about_bg.png" download="img" class="gall-btn">Gallery</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
</div>
</section>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.4.6/js/swiper.min.js"></script>
<script src="js/navbar.js"></script>
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="js/jquery.parallaxmouse.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>