-
Notifications
You must be signed in to change notification settings - Fork 25
/
Copy pathindex.html
169 lines (134 loc) · 5.51 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
<!DOCTYPE html>
<html>
<head>
<!-- Page Title -->
<title>Web Enthusiasts' Club, NITK - Home</title>
<!-- Content Type for the page -->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<!-- Meta tags-->
<!-- Give a small description in 3-4 sentences about the website -->
<meta name="description" content="Web Enthusiasts in the defacto Computer Science club of NITK Surathkal. Web Enthusiasts Club undertakes different activities to increase the coding culture in the NITK Community and bring awareness about Computer Science.">
<!-- A small abstract idea about the website -->
<meta name="abstract" content="This Website is about Web Enthusaists Club NITK">
<!-- Important Keywords to be noted in the website -->
<meta name="keywords" content="Web Club, Web Enthusiasts Club, NITK Surathkal, NITK, Clubs in NITK, Technical Clubs in NITK, Computer Science">
<!-- Tell the spider to index the first page and other pages as well-->
<meta name="robots" content="index, follow">
<!-- How often should spiders come back to your page -->
<meta name="revisit-after" content="3 days">
<!-- Copyright regarding the website -->
<meta name="copyright" content="Web Enthusiasts Club NITK">
<!-- Tells Google Bot not to duplicate description -->
<meta name="googlebot" content="noodp">
<!-- Language for the website -->
<meta name="language" content="English">
<!-- Web Author for the image -->
<meta name="web_author" content="Web Enthusiasts Club NITK">
<meta name="author" content="Salman Shah">
<!-- Email ID -->
<meta name="contact" content="[email protected]" />
<!-- Email ID to reply to -->
<meta name="reply-to" content="[email protected]">
<!-- Refers to distribution of the page -->
<meta name="distribution" content="global">
<!-- Generator or formatter tag -->
<meta name="generator" content="Jekyll">
<!-- Disallow spammers for the webpage -->
<meta name="no-email-collection" content="http://www.metatags.info/nospamharvesting">
<!-- Rating for the page -->
<meta name="rating" content="general">
<!-- Fixing viewport on mobile views -->
<meta name="viewport" content="width=device-width; initial-scale=1; maximum-scale=1.0">
<!-- Default Image present -->
<meta property="og:image" content="/images/web-club-nitk.jpeg">
<link href="css/main.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="/css/header-footer.css">
</head>
<body >
<header>
<nav class='header-img'>
<img class='menu-pic' id='menu-pic' src='images/menu.svg' onclick="openMenu()">
</nav>
<nav class='header'>
<div class="head-text"> WEB ENTHUSIASTS' CLUB NITK</div>
</nav>
<div id="myNav" class="overlay">
<!-- Button to close the overlay navigation -->
<!-- <a href="javascript:void(0)" class="closebtn" onclick="closeMenu()">×</a> -->
<!-- Overlay content -->
<div class="overlay-content">
<a href="/">HOME</a>
<a href="/events">EVENTS</a>
<a href="/contests">CONTESTS</a>
<a href="/projects">PROJECTS</a>
<a href="/team">TEAM</a>
</div>
</div>
</header>
<section class="hero" id="sec0">
<div class="hero-image">
<div class="title-contents">
<h2>WE ARE</h2>
<h1>WEB <br>ENTHUSIASTS' <br> CLUB</h1>
<h2>NITK</h2><br>
<img class="web-club-logo" src='images/webclub-logo-orange.png'>
</div>
</div>
<div class="hero-intro">
<h1>Hello, World</h1>
<p>We are group of motivated, passionate students who provide help, technical support, education(in form of talks,
lectures, workshops, demonstrations, code showcases, etc.) to each other as well as to anyone else who is
interested; other students, faculty and any denizen of National Institute of Technology Karanataka, Surathkal</p>
</div>
</section>
<section class="upcoming-events" id="sec1">
<div class="events-title">
<div style="font-size: 1.5em;">Upcoming</div>
<h1 style="margin: 0; font-size: 3em;">Events</h1>
<a href="/events">more..</a>
</div>
<div class="upcoming-events-list">
</div>
</section>
<section class="event-details" id="sec2">
<div class="content">
<a id="bt-prev">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10" preserveAspectRatio="none">
<polygon fill="black" points="10,0 0,5 10,10" />
</svg>
</a>
<div class="event-desc">
<h1 class="title"></h1>
<p class="desc"></p>
</div>
<a id="bt-next">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10" preserveAspectRatio="none">
<polygon fill="black" points="0,0 10,5 0,10" />
</svg>
</a>
</div>
<img alt="event image" class="image">
</section>
<footer>
<section id='footer'>
<h1 class='footer-heading' >WEB ENTHUSIASTS' CLUB NITK</h1>
<div class='fb-git footer-heading'>
<a href="https://www.facebook.com/web.club.nitk/" style="color: black;"><i class="fa fa-facebook"></i></a>  
<a href="https://github.com/WebClub-NITK" style="color: black;"><i class='fa fa-github'></i></a>
</div>
<div class='footer-nav'>
<a href="/">HOME</a>
<a href="/events">EVENTS</a>
<a href="/contests">CONTESTS</a>
<a href="/projects">PROJECTS</a>
<a href="/team">TEAM</a>
</div>
</section>
</footer>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="js/index.js"></script>
<script src='/js/header.js'></script>
</body>
</html>