-
Notifications
You must be signed in to change notification settings - Fork 0
/
anokha.html
252 lines (210 loc) · 8.26 KB
/
anokha.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
<!--
Authors: Aishwarya GS
Created Date: 17 Dec 2022
Updated Date: 07 Jan 2023
Base Template: None
Description: Anokha TechFest Homepage
-->
<html>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<head>
<title>
Anokha_2023
</title>
<link rel="icon" type="image/x-icon" href="https://img.icons8.com/external-flatart-icons-outline-flatarticons/512/external-laptop-devices-flatart-icons-outline-flatarticons-1.png">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<style>
body {
background-image: url('https://media.istockphoto.com/id/1217216449/photo/green-jade-light-teal-mint-ombre-grunge-stone-background-abstract-putty-marble-texture-close.jpg?s=170667a&w=0&k=20&c=sWR1cO01dnSFQiqPwIjyybDlBjIP-ls0yH_lNC9EKxI=');
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
}
p {
text-align: center;
font-size: 60px;
margin-top: 0px;
}
t {
text-align: center;
font-size: 60px;
margin-top: 0px;
}
.gen {
width: 1000px;
margin: auto;
border: 3px solid Teal;
border-radius: 50px;
padding-top: 30px;
padding-right: 20px;
padding-bottom: 50px;
padding-left: 20px;
}
.gen2 {
width: 700px;
margin: auto;
border: 1px ;
padding-top: 30px;
padding-right: 20px;
padding-bottom: 30px;
padding-left: 20px;
}
.gen3 {
margin: auto;
padding-left: 10px;
padding-right: 10px;
}
.button {
border: none;
color: White;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 25px;
margin: 4px 2px;
cursor: pointer;
}
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: SolidWhite;
}
li a {
display: block;
color: Black;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
li {
float: left;
}
li a:hover {
background-color: #66CDAA;
}
.button1 {background-color: Teal;}
</style>
<ul style="font-size:26px">
<li><img src="https://dt19wmazj2dns.cloudfront.net/wp-content/themes/amrita/images/logo-colored.svg" ></li>
<li style="float:right"><a href="contact.html">Contact</a></li>
<li style="float:right"><a href="https://www.amrita.edu/news-all/">News</a></li>
<li style="float:right"><a href="https://intranet.cb.amrita.edu/">Intranet</a></li>
<li style="float:right"><a href="gallery.html">Gallery</a></li>
<li style="float:right"><a href="#home">Home</a></li>
</ul>
<header>
<header style="color:White;background-color:Teal;font-size:30px;">
<center>
<h1 style="text-align:center;background-color:Teal;font-family:'Papyrus';color:White;"><i>
Anokha TechFest 2023
</i></h1>
</center>
</header>
<body>
<h1 style="text-align:left;font-family:'Papyrus'"><i><u><center><strong>Welcome to the annual Anokha TechFest!<br></strong><center></i></u></h1><br>
<p>
<strong>
<div class="gen3">
<h1 style="text-align:left;color:Black;font-family:'Papyrus'">
<i><b><center>
About
</center></i></b></h1>
</div>
</p>
<p>
<div class="gen3">
<center>
<img src="https://dt19wmazj2dns.cloudfront.net/wp-content/uploads/bfi_thumb/7005-3-xixq6ks7tdijdh4u0e27eo.jpg">
</center>
<h3 style="font-family:'Century Gothic';font-size:23px;">
<div class="gen"><i>
Anokha, the national engineering techfest of Amrita School of Engineering, Coimbatore, is a 3-day congregation of some of the brightest minds in India. Founded in 2010, Anokha has grown by leaps and bounds and has progressed to become one of the most popular and top techfests in India. Having successfully completed eight editions, Anokha has had an average annual participation of over 10,000 of the best undergraduate engineering students from top-ranking engineering institutions in India like IITs, BITS, NITs and IIITs participating as well as partner universities in USA and Europe like University of New Mexico, EVRY France and Uppsala University-Sweden.
</i></h3>
</div>
</p>
<br>
<p>
<strong>
<div class="gen3">
<center>
<h1 style="text-align:left;color:Black;font-family:'Papyrus'">
<i><center>
How it happens
</i></center></h1>
</center>
</p>
</div>
<p>
<div class="gen3">
<h3 style="font-family:'Century Gothic';font-size:23px;"><div class="gen"><i>
Special event as it is happening on the silver jubilee year of the Amrita Vishwa Vidyapeetham, Coimbatore campus.
Tag lines of techfest are “Dare to be Different” and “Bigger, Better & Greener”.
One of India’s top techfests and first to have United Nations Academic Impact (UNAI) accreditation.
A new dimension added to this 10th edition as Anokha emerging as perhaps the first green techfest in India. This year’s Theme was Green Anokha with a vision to have a fully smart and green campus. Various activities towards this include e-passport or Anokha pass for all participants, no printing with all information on events and workshops on Anokha app, fully cashless transactions using e-wallet developed by students, no plastic policy, eco-friendly & bio-degradable cutlery, smart dustbins, electric vehicles and cycle rally to kickstart the event.
</i></h3>
</div>
</p>
<br><br><br><br><br>
<div class="gen">
<h1 style="text-align:left;color:Black;font-family:'Papyrus'"><center><b><i>
Count down with us! <br>Event starts from
</i></b></center></h1>
<p id="demo"></p>
<script>
var countDownDate = new Date("Feb 15, 2023 15:37:25").getTime();
var x = setInterval(function() {
var now = new Date().getTime();
var distance = countDownDate - now;
var days = Math.floor(distance / (1000 * 60 * 60 * 24));
var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((distance % (1000 * 60)) / 1000);
document.getElementById("demo").innerHTML = days + "d " + hours + "h "
+ minutes + "m " + seconds + "s ";
if (distance < 0) {
clearInterval(x);
document.getElementById("demo").innerHTML = "EXPIRED";
}
}, 1000);
</script>
</div>
<br><br>
<center>
<a href="register.html"><button class="button button1">REGISTER HERE!</button>
</a>
</center>
<br><br>
<p><center>
<i><strong style="font-family: 'Edwardian Script ITC';font-size:50px">"Creativity is seeing what others see and thinking what others have never thought about."<br></strong> <em style="font-size:30px;">~ Albert Einstein</em>
</p></center>
<br><br><br><br>
<center>
<div class="gen">
<i style="font-family:'Papyrus';font-size:30px"><u>Social Media</u></i>
<br><br>
<img src="https://img.icons8.com/small/512/instagram-new.png" style="width:30px;height:30px;border-radius:500px ">
<a href="https://www.instagram.com/anokhatechfest/?hl=en"><i><h3>Instagram - Anokha</i></h3></a>
<a href="https://www.instagram.com/amrita_university/?hl=en"><i><h3>Instagram - Official</i></h3></a>
<img src="https://img.icons8.com/ios/512/facebook-new.png" style="width:30px;height:30px;border-radius:500px ">
<a href="https://www.facebook.com/AmritaUniversity"><i><h3>Facebook</i></h3></a>
<img src="https://img.icons8.com/ios/2x/linkedin-circled.png" style="width:30px;height:30px;border-radius:500px ">
<a href="https://in.linkedin.com/school/amrita-vishwa-vidyapeetham-official/"><i><h3>LinkedIn</i></h3></a>
<img src="https://img.icons8.com/ios/2x/twitter--v1.png" style="width:30px;height:30px;border-radius:500px ">
<a href="https://twitter.com/AMRITAedu"><i><h3>Twitter</i></h3></a>
</h3></a>
</center>
<br><br><<br>
</body>
<footer style="text-align:center;color:White;background-color:Teal;font-size:20px;">
<div class="gen3">
Copyright © Aishwarya GS<br>
II B.Tech CSE(CYS)<br>
Part of 20CYS202 - User Interface Design<br>
Amrita Vishwa Vidyapeetham, Coimbatore<br>
</footer>
</div>
</html>