-
Notifications
You must be signed in to change notification settings - Fork 6
/
index.html
132 lines (125 loc) · 4.45 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>IDEATHON '23</title>
<link rel="icon" href="img/ECellLogo.png" type="image/png" />
<style>
@import url("https://fonts.googleapis.com/css2?family=DM+Sans&family=Inter&family=K2D&display=swap");
</style>
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/[email protected]/css/bulma.min.css"
/>
<link rel="stylesheet" href="style.css" />
<script>
// render only the body background and nothing else fro 2 seconds
document.body.style.visibility = "hidden";
// sleep 2 seconds
setTimeout(() => {
document.body.style.visibility = "visible";
}, 2000);
// then get class one and two with query and make visible
document.querySelector(".one").style.visibility = "visible";
document.querySelector(".two").style.visibility = "visible";
</script>
</head>
<body>
<!------------- Landing Page ------------>
<div id="landing">
<nav class="columns">
<div class="column is-vcentered">
<ul class="nav-list">
<li class="nav-list-item">
<a class="nav-link" href="#about">About The Event</a>
</li>
<li class="nav-list-item">
<a class="nav-link" href="#tracks">Tracks</a>
</li>
<li class="nav-list-item">
<a class="nav-link" href="#prizes">Prizes</a>
</li>
<li class="nav-list-item">
<a class="nav-link" href="#panelists">Panelists</a>
</li>
<li class="nav-list-item">
<!-- nav link to be updated after timeline is complete -->
<a class="nav-link" href="#timeline">Timeline</a>
</li>
<li class="nav-list-item">
<a class="nav-link" href="#">Team</a>
</li>
</ul>
</div>
</nav>
<section class="landing columns is-vcentered">
<div class="logo-container column is-one-third is-offset-1 is is-gapless">
<!-- ECellLogo.png -->
<img id="ecell-logo" src="img/ECellLogo.png" />
</div>
<div class="column is-gapless main">
<div class="column">
<h2 class="main-sub-heading">Envision, IIIT Kalyani brings to you</h2>
<h1 class="main-heading">IDEATHON ‘23</h1>
</div>
<div class="column is-desktop">
<div class="buttons">
<!-- register here button -->
<button class="register-button">Register Here</button>
<!-- rules and guidelines button -->
<button class="rules-button">Rules and Guidelines</button>
</div>
</div>
</div>
</section>
<div class="main-vector-left"></div>
<div class="main-vector-right"></div>
<div class="mobile-vector-top"></div>
<div class="mobile-vector-bottom"></div>
<script src="index.js"></script>
</div>
<script src="about.js"></script>
<!-- ---------------------------PANELISTS ------------------->
<div id="panelists">
<div class="pan-heading">
<h1> Panelists </h1>
</div>
<div class="pan-grids">
<div class="pan pan-one">
<div class="pan-over">
<div class="pan-content">
<img src="#" alt="">
<h1> Name of Panelist</h1>
<p> About the panelist</p>
</div>
</div>
</div>
<div class="pan pan-two">
<div class="pan-over">
<div class="pan-content">
<img src="#" alt="">
<h1> Name of Panelist</h1>
<p> About the panelist</p>
</div>
</div>
</div>
<div class="pan pan-three">
<div class="pan-over">
<div class="pan-content">
<img src="#" alt="">
<h1> Name of Panelist</h1>
<p> About the panelist</p>
</div>
</div>
</div>
</div>
</div>
<!-------------------------------- PANELIST ENDS -------------------------->
<!-- <script src="panalist.js"></script> -->
<!-- <script src="timeline.js"></script> -->
<script src="team.js"></script>
<script src="footer.js"></script>
</body>
</html>