-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
207 lines (180 loc) · 11.1 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<!--meta tags-->
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<title>Epic Club</title>
<meta content="" name="description">
<meta content="" name="keywords">
<!-- Favicons -->
<link href="./src/logo1.png" rel="icon">
<link href="./src/logo1.png" rel="apple-touch-icon">
<!--Imported CSS-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BmbxuPwQa2lc/FVzBcNJ7UAyJxM6wuqIj61tLrc4wSX0szH/Ev+nYRRuWlolflfl" crossorigin="anonymous">
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Spartan&display=swap" rel="stylesheet" />
<link rel='stylesheet prefetch' href='https://fonts.googleapis.com/css?family=Montserrat:400,700'>
<link rel='stylesheet prefetch' href='https://fonts.googleapis.com/css?family=Poppins:400,700'>
<!--Custom CSS-->
<link rel="stylesheet" href="./src/style.css" />
<link rel="stylesheet" href="src/events_style.css">
</head>
<body>
<header>
<!--Navbar-->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark trans fixed-top">
<div class="container-fluid">
<a class="navbar-brand img-fluid" href="index.html">
<img src="./src/logo1.png" width="50" height="50" alt="">
</a>
<a class="navbar-brand me-auto" href="#" ><strong>EPiC</strong></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarToggler" aria-controls="navbarToggler" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarToggler">
<ul class="navbar-nav ms-auto mb-2 mb-lg-0">
<li class="nav-item active">
<a class="nav-link active" aria-current="page" href="#">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="team.html">Team</a>
</li>
<li class="nav-item">
<a class="nav-link" href="events.html">Events This Year</a>
</li>
<li class="nav-item">
<a class="nav-link" href="pasteve.html">Past Events</a>
</li>
<li class="nav-item">
<a class="nav-link" href="timeline.html">Timeline</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact Us</a>
</li>
</ul>
</div>
</div>
</nav><!--End Navbar-->
</header>
<!-- ======= Hero Section ======= -->
<section id="hero" class="d-flex align-items-center">
<video playsinline="playsinline" autoplay="autoplay" muted="muted" loop="loop">
<source src="./src/img/video.mp4" type="video/mp4">
</video>
<div class="container position-relative" data-aos="fade-up" data-aos-delay="500">
<h1>Welcome to EPiC</h1>
</div>
</section><!-- End Hero -->
<!--EPiC club vision Section-->
<div class="container my-5" style="padding-top: 30px;">
<div class="section-title" data-aos="fade-up">
<p style="font-size:40px">About Us</p>
</div>
<div class="deck">
<p data-aos="fade-up">We are a student-run club that provides a platform for entrepreneurship, networking & investment among engineering students. We create & conduct events that start & sustain meaningful discussions, & create awareness about “risky ventures” like entrepreneurship & investments.</p>
<div class="card-space" data-aos="zoom-in">
<div class="card" style="width: 20rem;">
<div class="face front">
<i class="fas fa-eye"><h1>Our Vision</h1></i>
</div>
<div class="face back">
<p>To instill the values of entrepreneurship in students, & provide an environment that supports budding entrepreneurs. </p>
</div>
</div>
</div>
<div class="card-space" data-aos="zoom-in">
<div class="card" style="width: 20rem;">
<div class="face front">
<i class="fas fa-bullseye"><h1>Our Mission</h1></i>
</div>
<div class="face back">
<p>To help student members to help themselves & create problem solvers a.k.a entrepreneurs out of them</p>
</div>
</div>
</div>
</div>
</div>
<!--End vision section-->
<div class="container my-5" style="padding-top:30px">
<div class="section-title" data-aos="fade-up">
<p style="font-size:40px">FAQ Section</p>
</div>
<div class="row my-4">
<div class="col" data-aos="zoom-in" data-aos-delay="300">
<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="headingOne">
<h4 class="panel-title">
<a role="button" data-bs-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="false" aria-controls="collapseOne">
<i class="fa fa-plus-square"></i>Section 1
</a>
</h4>
</div>
<div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
<div class="panel-body">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent nisl lorem, dictum id pellentesque at, vestibulum ut arcu. Curabitur erat libero, egestas eu tincidunt ac, rutrum ac justo. Vivamus condimentum laoreet lectus, blandit posuere tortor aliquam vitae. Curabitur molestie eros. </p>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="headingTwo">
<h4 class="panel-title">
<a role="button" data-bs-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
<i class="fa fa-plus-square"></i>Section 2
</a>
</h4>
</div>
<div id="collapseTwo" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingTwo">
<div class="panel-body">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent nisl lorem, dictum id pellentesque at, vestibulum ut arcu. Curabitur erat libero, egestas eu tincidunt ac, rutrum ac justo. Vivamus condimentum laoreet lectus, blandit posuere tortor aliquam vitae. Curabitur molestie eros. </p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section-title" data-aos="zoom-in">
<p style="font-size:20px; ">Follow us</p>
</div>
<footer id="footer">
<div class="container p-4 pb-0">
<!-- Section: Social media -->
<div class="row"></div>
<section class="col-12 mb-4">
<a class="btn btn-outline-light btn-floating m-1" href="#!" role="button"
><i class="fa fa-twitter"></i
></a>
<a class="btn btn-outline-light btn-floating m-1" href="#!" role="button"
><i class="fa fa-instagram"></i
></a>
<a class="btn btn-outline-light btn-floating m-1" href="#!" role="button"
><i class="fa fa-linkedin"></i
></a>
</section>
<!-- Section: Social media -->
<h2 class="logo text-center">
<a class="text-white" style="text-decoration: none;" href="">EPiC</a>
</h2>
</div>
<!-- Copyright -->
<div class="text-center p-3 copyright">
<a class="text-white" style="text-decoration: none;" href="">© 2021 Copyright: Entrepreneurship and Investment Club, IIITDM Kancheepuram</a>
</div>
<!-- Copyright -->
</footer>
<div id="preloader"></div>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.6.0/dist/umd/popper.min.js" integrity="sha384-KsvD1yqQ1/1+IA7gi3P0tyJcT3vR+NdBTt13hSJ2lnve8agRGXTTyNaBYmCR/Nwi" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/js/bootstrap.min.js" integrity="sha384-nsg8ua9HAw1y0W1btsyWgBklPnCUAFLuTMS2G72MMONqmOymq585AcH49TLBQObG" crossorigin="anonymous"></script>
<!-- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/js/bootstrap.bundle.min.js" integrity="sha384-b5kHyXgcpbZJO/tY9Ul7kGkf1S0CWuKcCD38l8YkeH8z8QjE0GmW1gYU5S9FOnJ0" crossorigin="anonymous"></script> -->
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script src="https://kit.fontawesome.com/640f233f54.js" crossorigin="anonymous"></script>
<script src="./src/main.js"></script>
<script src="./src/aos.js"></script>
</body>
</html>