-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
157 lines (127 loc) · 6.85 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
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/main.css">
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css" integrity="sha256-GqiEX9BuR1rv5zPU5Vs2qS/NSHl1BJyBcjQYJ6ycwD4=" crossorigin="anonymous" />
<title>ProtoType</title>
</head>
<body>
<div class="hiddenCircle sticky-top"><div class="hamburger float-right" onclick="crossme()">
<div class="bar1"></div>
<div class="bar2"></div>
<div class="bar3"></div>
</div>
<div class="navimgdiv"><img class="float-left navimg" src="img/shiva_nav.gif"></div>
<div class="navlinks">
<p class="navtext"><a href="#" target="_blank">Home</a></p>
<p class="navtext"><a href="#" target="_blank">About</a></p>
<p class="navtext"><a href="#" target="_blank">Sponsors</a></p>
<p class="navtext"><a href="#" target="_blank">Login</a></p>
<p class="navtext"><a href="#" target="_blank">Register</a></p>
</div>
</div>
<div class="row pagebg">
<div id="pinContainer"> </div>
<div id="LeftHalf" class="col-5 leftbox" ><!-- <div class="float-left"><img class="logo" src="img/logo.gif"></div> --> <div class="container">
<div class="balloon white">
<div class="star-red"></div>
<div class="face">
<div class="eye"></div>
<div class="mouth happy"></div>
</div>
<div class="triangle"></div>
<div class="string"></div>
</div>
<div class="balloon red">
<div class="star"></div>
<div class="face">
<div class="eye"></div>
<div class="mouth happy"></div>
</div>
<div class="triangle"></div>
<div class="string"></div>
</div>
<div class="balloon blue">
<div class="star"></div>
<div class="face">
<div class="eye"></div>
<div class="mouth happy"></div>
</div>
<div class="triangle"></div>
<div class="string"></div>
</div>
<div id="timer"></div>
<h1>Trishul'20 CountDown</h1>
</div></div>
<div id="RightHalf" class="col-7 rightbox" >
<div class="stuck"> </div>
<div class="heroT"><p class="he1">Welcome</p><p class="he2"> Trishul</p><p class="he3"> 2020.</p></div>
<div class="heroT heroT1"><p class="he4">Witness</p><p class="he5">Hackathon</p><p class="he6">Robowar</p></div>
<div class="heroT heroT2"><p class="he7">Exhibition</p><p class="he8">Seminars</p><p class="he9">Workshops</p></div>
<div class="heroT heroT3"><p class="he10">Drone Racing</p><p class="he11">Project Expo</p><p class="he12">Lathe War</p></div>
<div class="heroT heroT4"><p class="he13">Learn.</p><p class="he14">Explore.</p><p class="he15">Discover.</p></div>
<div class="heroT heroT5"><p class="he16">Mark Your</p><p class="he17">Presence</p><center><p class="he18">On</p></center></div>
<div class="heroT heroT6"><p class="he19">28 Feb To</p><p class="he20">1 March</p><p class="he21">2020</p></div>
<div class="row">
<div class="col-6">
<div class="balloon red trishul2">
<div class="star"></div>
<div class="face">
<div class="eye"></div>
<div class="mouth happy"></div>
</div>
<div class="triangle"></div>
<div class="string"></div>
</div>
</div>
<div class="col-6">
<div class="hamburger float-right" onclick="crossme()">
<div class="bar1"></div>
<div class="bar2"></div>
<div class="bar3"></div>
</div>
<!--
<div >
<svg class="Polygon_1" viewBox="0 0 535 453">
<linearGradient id="LinearGradientFill1" spreadMethod="pad" x1="0.5" x2="0.5" y1="0" y2="1">
<stop offset="0" stop-color="#8cd94c" stop-opacity="1"></stop>
<stop offset="0.1757" stop-color="#8cd94c" stop-opacity="1"></stop>
<stop offset="0.6485" stop-color="#00ba78" stop-opacity="1"></stop>
<stop offset="0.82" stop-color="#00958c" stop-opacity="1"></stop>
<stop offset="0.9079" stop-color="#006e80" stop-opacity="1"></stop>
<stop offset="1" stop-color="#2f4858" stop-opacity="1"></stop>
</linearGradient>
<path fill="url(#LinearGradientFill1)" id="Polygon_1" d="M 190.0029602050781 131.2379302978516 C 224.8330230712891 72.25469970703125 310.1669311523438 72.25469970703125 344.9970092773438 131.2379302978516 L 454.8311462402344 317.2374572753906 C 490.259033203125 377.2330932617188 447.0092468261719 453 377.3341369628906 453 L 157.6658325195313 453 C 87.99076843261719 453 44.74093627929688 377.2330932617188 80.16883087158203 317.2374572753906 Z">
</path>
</svg>
</div> -->
</div>
</div>
</div>
</div>
<div class="row">
<div id="chkpoint1" class="col-sm-12 bg-primary checkpoint panel i" >
</div>
<div class="col-sm-12 bg-secondary panel ii" id="chkpoint2">
H
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.7/ScrollMagic.min.js" integrity="sha256-2p2tRZlPowp3P/04Pw2rqVCSbhyV/IB7ZEVUglrDS/c=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.7/plugins/debug.addIndicators.min.js" integrity="sha256-XBVALc3QsDSQiDtiaBwNZ2rxCJTHzlUhhlDQ84J8bw8=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.7/plugins/animation.gsap.min.js" integrity="sha256-+9YNuItWuR4sbqeaNiJOxG0BvptYz4fbUXbIZoH5Jwo=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.1.3/TweenLite.min.js" integrity="sha256-VV47uJSoHZUeiBcCs3FcBOQLMn++yeG/zqZvaUkvGZM=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.0.1/TimelineMax.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.1.3/TimelineLite.min.js" integrity="sha256-nuhNsfXzBFR6G1lKP8bK77dakkQDqdHcQ4OCFZvk6Qo=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.1.3/plugins/CSSPlugin.min.js" integrity="sha256-LBjlnpPrM6Aig8LDFc9PJctPHLGUc6RaUvnmXE4hV5Y=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.1.3/plugins/BezierPlugin.min.js" integrity="sha256-5jxCMRC1PYU02qJn+fj+DPuxcQZCh0DR8GRwi4iKoRc=" crossorigin="anonymous"></script>
<script
src="https://code.jquery.com/jquery-3.4.1.min.js"
integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
crossorigin="anonymous"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.js" integrity="sha256-pQBbLkFHcP1cy0C8IhoSdxlm0CtcH5yJ2ki9jjgR03c=" crossorigin="anonymous"></script>
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>