-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathSAE.html
164 lines (148 loc) · 10.4 KB
/
SAE.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
<!DOCTYPE html>
<html lang="en" class="no-js">
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>SAE | Drishti</title>
<link href="https://fonts.googleapis.com/css?family=Raleway:100,300,400,800,900" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/c_base.css"/>
<script>document.documentElement.className = "js";
var supportsCssVars = function () {
var e, t = document.createElement("style");
return t.innerHTML = "root: { --tmp-var: bold; }", document.head.appendChild(t), e = !!(window.CSS && window.CSS.supports && window.CSS.supports("font-weight", "var(--tmp-var)")), t.parentNode.removeChild(t), e
};
supportsCssVars() || alert("Please view this demo in a modern browser that supports CSS Variables.");</script>
</head>
<body class="loading">
<div class="fab-container" style="width:100%;height: 100%;position: absolute">
</div>
<div id="bg-image"></div>
<svg class="hidden">
<symbol id="icon-arrow" viewBox="0 0 24 24">
<title>arrow</title>
<polygon points="6.3,12.8 20.9,12.8 20.9,11.2 6.3,11.2 10.2,7.2 9,6 3.1,12 9,18 10.2,16.8 "/>
</symbol>
<symbol id="icon-drop" viewBox="0 0 24 24">
<title>drop</title>
<path d="M12,21c-3.6,0-6.6-3-6.6-6.6C5.4,11,10.8,4,11.4,3.2C11.6,3.1,11.8,3,12,3s0.4,0.1,0.6,0.3c0.6,0.8,6.1,7.8,6.1,11.2C18.6,18.1,15.6,21,12,21zM12,4.8c-1.8,2.4-5.2,7.4-5.2,9.6c0,2.9,2.3,5.2,5.2,5.2s5.2-2.3,5.2-5.2C17.2,12.2,13.8,7.3,12,4.8z"/>
<path d="M12,18.2c-0.4,0-0.7-0.3-0.7-0.7s0.3-0.7,0.7-0.7c1.3,0,2.4-1.1,2.4-2.4c0-0.4,0.3-0.7,0.7-0.7c0.4,0,0.7,0.3,0.7,0.7C15.8,16.5,14.1,18.2,12,18.2z"/>
</symbol>
<symbol id="icon-cross" viewBox="0 0 24 24">
<title>cross</title>
<path d="M 5.5,2.5 C 5.372,2.5 5.244,2.549 5.146,2.646 L 2.646,5.146 C 2.451,5.341 2.451,5.659 2.646,5.854 L 8.793,12 2.646,18.15 C 2.451,18.34 2.451,18.66 2.646,18.85 L 5.146,21.35 C 5.341,21.55 5.659,21.55 5.854,21.35 L 12,15.21 18.15,21.35 C 18.24,21.45 18.37,21.5 18.5,21.5 18.63,21.5 18.76,21.45 18.85,21.35 L 21.35,18.85 C 21.55,18.66 21.55,18.34 21.35,18.15 L 15.21,12 21.35,5.854 C 21.55,5.658 21.55,5.342 21.35,5.146 L 18.85,2.646 C 18.66,2.451 18.34,2.451 18.15,2.646 L 12,8.793 5.854,2.646 C 5.756,2.549 5.628,2.5 5.5,2.5 Z"/>
</symbol>
<symbol id="icon-menu" viewBox="0 0 24 24">
<title>menu</title>
<path d="M23.8,6H0.1V3h23.7C23.8,3,23.8,6,23.8,6z M23.8,10.5H0.1v3h23.7C23.8,13.5,23.8,10.5,23.8,10.5z M24,18H10v3h14V18z"/>
</symbol>
<!-- Magnifier by Gregor Cresnar https://www.flaticon.com/authors/gregor-cresnar -->
<symbol id="icon-magnifier" viewBox="0 0 490.8 490.8">
<title>magnifier</title>
<path d="M364.8,299.55c46.3-75.8,36.9-176.3-28.6-241.9c-76.8-76.8-201.8-76.8-278.6,0s-76.8,201.8,0,278.5c65.5,65.5,166,74.9,241.9,28.6L412,477.25c18,18,47.3,18,65.3,0s18-47.3,0-65.3L364.8,299.55z M295.5,295.55c-54.4,54.4-142.8,54.4-197.1,0c-54.4-54.4-54.4-142.8,0-197.1c54.4-54.4,142.8-54.4,197.1,0C349.8,152.75,349.8,241.15,295.5,295.55z M220,171.95h59.4v45.3H220v59.4h-45.3v-59.4h-59.3v-45.3h59.4v-59.4h45.3v59.4H220z"/>
</symbol>
<main>
<div class="content">
<header class="codrops-header">
<h1 class="codrops-header__title">SAE</h1>
</header>
</div>
<button class="dummy-menu">
<svg class="icon icon--menu">
<use xlink:href="#icon-menu"></use>
</svg>
</button>
<div class="content">
<div class="grid">
<div class="grid__item">
<div class="product">
<div class="product__bg"></div>
<img class="product__img" src="images/Paper%20plane%20display%20pic.jpg" alt=""/>
<h2 class="product__title">Paper Plane</h2>
<h3 class="product__subtitle">Unfold your wings</h3>
<p class="product__description">Simple to construct difficult to master. Get ready to compete in
the world of airborne origami.</p>
<p class="product__details">The event will be held in 3 categories.<br>
Longest distance<br>
Best airtime<br>
Aerobatics<br>
For each category registration fee will be ₹20</p>
<p class="product__contacts">Akhilraj P R-9645016935<br>Akshay B Menon-9539745111</p>
<div class="product__price"> Prize ₹ 3000</div>
</div>
</div>
<div class="grid__item">
<div class="product">
<div class="product__bg"></div>
<img class="product__img" src="images/HYDROBOS%20(3).jpg" alt=""/>
<h2 class="product__title">Hydrobos</h2>
<h3 class="product__subtitle">THE POWER WITHIN...</h3>
<p class="product__description">"Have you ever seen a car lift into the air at an auto repair
space? have you ever wondered how an elevator lifts loads ? well here is your chance to get
a better understanding about the power within a fluid.<br>The challenge is to build a
hydraulic arm which can rotate angularly ,move vertical and horizontal directions to
transport and object from one place to another.<br>The competition will be conducted in 2
rounds.<br>1. The basic building kit will provided and the problem statement will provided
at the venue ,the team must fabricate a hydrobo according to it within the specified time
limit.<br>2. The load lifting capacity (load lifting test will be conducted) , aesthetic
looks, reliability will be evaluated.</p>
<p class="product__details">1.Each team must have min of 2 members and max of 4 members.<br>2.Teams
must report atleast 30 mins prior to commencement of the event.<br>3. A basic building kit
will be provided to the teams.<br>4.No materials/tools other than the one specified in the
building kit must not be used.<br>5.Use of mobile phones and other electronic gadgets are
strictly prohibited.<br>6. Use Cyanoacrylate based glue is not allowed.<br>7. The teams who
fail to obey these rules will be disqualified.</p>
<p class="product__contacts">ARJUN B SHAJI-9497758514<br>ALISHA SAJEEV-8921005339</p>
<div class="product__price">Prize ₹ 5000</div>
</div>
</div>
<div class="grid__item">
<div class="product">
<div class="product__bg"></div>
<img class="product__img" src="images/AutoQuiz.jpg" alt=""/>
<h2 class="product__title">Auto Quiz</h2>
<h3 class="product__subtitle"></h3>
<p class="product__description">Does your adrenaline pump up with the sound of an ignition ? Does petrol flow in your veins ? Was your childhood spent drooling at cherry red ferraris and bright yellow lamborghinis ? Then, join us at Drishti 18 as the best of your kind race against each other to the title of the ultimate petrolhead.
</p>
<p class="product__details">"Registrations can be done as a team of two or individually.<br>
A written preliminary consisting of 25 questions would be conducted to choose 6 teams.<br>
The finals would have 4 rounds.<br>
There will be rounds on specific topics.<br>
The decisions of the quizmasters will be final and binding on all matters."</p>
<p class="product__contacts">Rohil Nair 9847903331 <br> Ryan Simon 9447651521</p>
<div class="product__price"> Prize ₹ 10000</div>
</div>
</div>
<div class="grid__item">
<div class="product">
<div class="product__bg"></div>
<img class="product__img" src="images/reverse%20engineering.jpg" alt=""/>
<h2 class="product__title">Reverse Engineering</h2>
<h3 class="product__subtitle">"Ever thought of going through the inner worlds of machines and
mechanisms, Explore the chance to reverse your concepts of engineering through Reverse
Engineering"</h3>
<p class="product__description">The event will be conducted in two stages.<br>Based on the
number of participants there will be an elimination in which the participants will be asked
to make a 2D drawing using Autocad. <br>Top four will get promoted to the next stage.<br>In
this stage the participants will be given a model of a component along with some measuring
instruments.<br>The participants will have to make a 3D model using Solidworks.</p>
<p class="product__details">It will be an individual event.<br>The time duration for the event
will be 1 hour 30 minutes for the Autocad drawing and 2 hours for 3D modelling.<br>The
participants must bring a laptop with Autocad and Solidworks installed in it.</p>
<p class="product__contacts">GOKUL K MURALEEDHARAN-9048403632<br>VAISAKH N-8547880669</p>
<div class="product__price">Prize ₹ 2000</div>
</div>
</div>
</div>
</div>
</main>
<script src="js/jquery.js"></script>
<script src="js/particles.min.js"></script>
<script src="js/velocity.js"></script>
<script src="js/imagesloaded.pkgd.min.js"></script>
<script src="js/anime.min.js"></script>
<script src="js/w_main.js"></script>
<script>
$('.fab-container').load('fab.html')
</script>
</body>
</html>