This repository has been archived by the owner on Nov 16, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
132 lines (126 loc) · 5.96 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>
<head>
<title>Tvisha NISER</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="author" content="Tvisha NISER">
<meta name="description" content="Tvisha is an inter-college fest organised by NISER Bhubaneshwar.">
<!-- CSS -->
<link rel="stylesheet" href="static/css/aos.css">
<link rel="stylesheet" href="static/css/main.min.css">
<link rel="shortcut icon" href="static/img/Tvisha5.png" type="image/png">
</head>
<body>
<div id="particles-js"></div>
<nav class="navbar">
<a class="navbar-brand" href="#">
<!-- <h2>Tvisha NISER</h2> -->
<img src="static/img/Tvisha-transparent.png"/>
</a>
<div class="collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="#">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#about">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="events.html">Events</a>
</li>
<li class="nav-item">
<a class="nav-link" href="schedule.html">Schedule</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#contact">Contact</a>
</li>
</ul>
</div>
</nav>
<header>
<div>
<div class="container">
<!-- <img src="static/img/Tvisha5.png" alt=""> -->
<img src="static/img/Tvisha-bg.png" data-aos="zoom-in" data-aos-delay="200" alt="" srcset="">
<h1 data-aos="zoom-in">Tvisha</h1>
<p data-aos="zoom-in" data-aos-delay="100" data-aos-once="true">inter-college fest</p>
<p data-aos="zoom-in" data-aos-delay="200" class="dates" data-aos-once="true">15-19 March, 2023</p>
<!--<a href="#events" class="btn btn-primary">View Events</a>-->
</div>
</div>
</header>
<main>
<section data-aos="fade-up" id="about" class="container">
<div class="content">
<h2>About Tvisha</h2>
<p>Tvisha is an inter-college fest organised by NISER Bhubaneshwar that brings together students from
various colleges to showcase their talents and skills. It is an opportunity to compete, learn, and
have fun. The fest includes a range of events and activities that cater to different interests and
passions.
Whether you are a sports enthusiast, an artist, or a tech geek, there is something for everyone at
Tvisha.<br><br>Join us for a memorable experience and make new friends along the way. We look forward to
seeing you
there!</p>
</div>
</section>
<section id="events">
<h2 data-aos="fade-up">Events</h2>
<div class="container">
<div class="row" data-aos="fade-left">
<div class="card">
<img src="static/img/dj_night.jpeg">
<div class="card-body">
<h5 class="card-title">DJ Night</h5>
<p class="card-text">Olly Esse and Zephyrtone.</p>
<a href="events.html#star" class="btn btn-secondary disabled">View all Events</a>
</div>
</div>
<div class="card">
<img src="static/img/cult.jpg">
<div class="card-body">
<h5 class="card-title">Cultural</h5>
<p class="card-text">List of Cultural events here.</p>
<a href="events.html#cultural" class="btn btn-secondary">View all Events</a>
</div>
</div>
<div class="card">
<img src="static/img/sports1.jpg">
<div class="card-body">
<h5 class="card-title">Sports</h5>
<p class="card-text">Participate in a range of sports events, including cricket, football,
and badminton.</p>
<a href="events.html#sports" class="btn btn-secondary">View all Events</a>
</div>
</div>
<div class="card">
<img src="static/img/scitech.jpg">
<div class="card-body">
<h5 class="card-title">Science & Tech</h5>
<p class="card-text">Test your skills in science and tech-related events.</p>
<a href="events.html#sci_tech" class="btn btn-secondary disabled">View all Events</a>
</div>
</div>
</div>
</div>
<br>
<a href="events.html" class="btn btn-primary">Explore all events</a>
</section>
<section id="contact">
<center>
<h2 data-aos="fade-up">Contact Us</h2>
<p><a href="mailto:tvisha@niser.ac.in">EMAIL</a> <a href="https://www.instagram.com/tvisha.niser/">INSTAGRAM</a></p>
</center>
</section>
</main>
<footer>
<center><p>© 2023 Tvisha NISER. All rights reserved.</p></center>
</footer>
<!-- Bootstrap JS and jQuery -->
<!-- <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script> -->
<!-- <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script> -->
<script src="static/js/particle.js"></script>
<script src="static/js/aos.js"></script>
<script src="static/js/base.js"></script>
</body>
</html>