forked from GDGCampusAEC/gdsc-aec-static
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
187 lines (167 loc) · 8.05 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>GDSC Club Name</title>
<!-- Include CSS stylesheets and other meta tags here -->
<link rel="stylesheet" href="style/style.css">
<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css'>
<link rel="stylesheet" href="./style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Navigation Menu -->
<div class="hero-anime">
<div class="navigation-wrap bg-light start-header start-style">
<div class="container">
<div class="row">
<div class="col-12">
<nav class="navbar navbar-expand-md navbar-light">
<a class="navbar-brand" target="_blank"><img
src="https://studentorgs.engineering.asu.edu/wp-content/uploads/sites/35/2023/01/GDSC-Crop.png">
<a>Google Developer Student Club<br style="line-height:2px"> Asansol Engineering
College, West Bengal</a>
<button class="navbar-toggler" type="button" data-toggle="collapse"
data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div>
</div>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto py-4 py-md-0">
<li class="nav-item pl-4 pl-md-0 ml-0 ml-md-4 active">
<a class="nav-link" href="#"">Home</a>
</li>
<li class=" nav-item pl-4 pl-md-0 ml-0 ml-md-4">
<a class="nav-link" href="#">About</a>
</li>
<li class="nav-item pl-4 pl-md-0 ml-0 ml-md-4">
<a class="nav-link" href="#">Events</a>
</li>
<li class="nav-item pl-4 pl-md-0 ml-0 ml-md-4">
<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#"
role="button" aria-haspopup="true" aria-expanded="false">Team</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="#">text</a>
<a class="dropdown-item" href="#">text</a>
<a class="dropdown-item" href="#">text here</a>
<a class="dropdown-item" href="#">action</a>
</div>
</li>
<li class="nav-item pl-4 pl-md-0 ml-0 ml-md-4">
<a class="nav-link" href="#">Contacts</a>
</li>
</ul>
</div>
</nav>
</div>
</div>
</div>
</div>
</div>
<!-- Hero Section -->
<section id="hero">
<!-- Hero Image -->
<div class="hero--image">
<img src="./assets/GDSC AEC BANNER.jpg" alt="GDSC Club Hero Image">
</div>
<!-- Hero Content -->
<div class="hero--content">
<!-- Hero Text Content -->
<div class="hero--text">
<h1>Welcome to <span style="color: var(--red)">G</span><span style="color: var(--green)">D</span><span
style="color: var(--blue)">S</span><span style="color: var(--yellow)">C</span> <span
style="color: var(--red)">A</span><span style="color: var(--green)">E</span><span
style="color: var(--blue)">C</span></h1>
<p>Your gateway to learning and innovation.</p>
</div>
<!-- Hero button -->
<a href="#events" class="hero--button">View Events</a>
</div>
</section>
<!-- About Section -->
<section id="about">
<div class="container">
<h2>About Us</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla feugiat justo nec semper venenatis.</p>
</div>
</section>
<!-- Events Section -->
<section id="events">
<div class="container">
<h2>Upcoming Events</h2>
<!-- List upcoming events here -->
<div class="event">
<h3>Event Title 1</h3>
<p>Date: October 10, 2023</p>
<p>Location: Virtual</p>
</div>
<div class="event">
<h3>Event Title 2</h3>
<p>Date: October 15, 2023</p>
<p>Location: Campus Auditorium</p>
</div>
<!-- Add more events as needed -->
</div>
</section>
<!-- Team Section -->
<section id="team">
<div class="container">
<h2>Our Team</h2>
<!-- List team members here -->
<div class="team-member">
<img src="team-member1.jpg" alt="Team Member 1">
<h3>John Doe</h3>
<p>President</p>
</div>
<div class="team-member">
<img src="team-member2.jpg" alt="Team Member 2">
<h3>Jane Smith</h3>
<p>Vice President</p>
</div>
<!-- Add more team members as needed -->
</div>
</section>
<!-- Contact Section -->
<section id="contact">
<div class="container">
<h2>Contact Us</h2>
<p>If you have any questions or inquiries, feel free to contact us.</p>
<!-- Contact Form -->
<form>
<!-- Input fields for name, email, message, etc. -->
<input type="text" placeholder="Your Name" required>
<input type="email" placeholder="Your Email" required>
<textarea placeholder="Your Message" rows="4" required></textarea>
<button type="submit">Send</button>
</form>
</div>
</section>
<!-- Footer Section -->
<footer>
<section id="footer_bg">
</section>
<div class="container">
<!-- Social Media Links -->
<div class="social-media">
<a href="https://www.facebook.com/profile.php?id=100072270734330" target="_blank"
class="icon">Facebook</a>
<a href="https://twitter.com/GDSC_AEC" target="_blank" class="icon">Twitter</a>
<a href="https://www.linkedin.com/company/gdsc-aec/" target="_blank" class="icon">LinkedIn</a>
<!-- Add more social media links as needed -->
</div>
<!-- Copyright Information -->
<p>© 2023 GDSC Club Name. All rights reserved.</p>
</div>
</footer>
<!-- Include JavaScript files and scripts here if needed -->
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js'></script>
<script src='https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js'></script>
<script src="./script.js"></script>
</body>
</html>