-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
184 lines (170 loc) · 7.93 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
<!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>GeeksforGeeks-LPU</title>
<link rel="stylesheet" href="./css/style.css" />
<link rel="icon" type="image/x-icon" href="./public/icons/favicon_io/favicon-16x16.png">
<!-- fonts -->
<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=Kalam:wght@300;400;700&family=Space+Mono:wght@400;700&display=swap"
rel="stylesheet"
/>
<link
href="https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500&display=swap"
rel="stylesheet"
/>
<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=Montserrat:wght@400;500;600&display=swap"
rel="stylesheet"
/>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500&display=swap" rel="stylesheet">
<!-- font awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body class="">
<nav>
<div class="container nav-wrapper">
<div class="brand">
<img src="./public/icons/favicon_io/logo192.png" alt="" />
</div>
<div class="hamburger">
<span></span>
<span></span>
<span></span>
</div>
<ul class="nav-list">
<li class="">
<a href="#">Home</a>
</li>
<li><a href="./pages/blog.html">Blog</a></li>
<li><a href="./pages/about.html">About</a></li>
<li><a href="./pages/events.html">Events</a></li>
<li><a href="./pages/contact.html">Contact</a></li>
<li><button class="btn"><a href="./pages/join.html">Join</a></button></li>
</ul>
</div>
</nav>
<main>
<section class="header container">
<div class="rectangle">
<div class="left">
<h1>GeeksforGeeks-LPU</h1>
<hr class="line" />
<h4>
"Where there is unity, there is always victory!" GeeksforGeeks Student Chapter LPU is one of the highly renowned student organisations on-campus. It is most
famous for two things: it's super competitive hackathons and the kind of passion it instills in the hearts of budding coders.
</h4>
<button class="btn btn-youtube"><a href="https://www.youtube.com/c/GeeksforGeeksLPU" target="_blank">Youtube</a></button>
<button class="btn btn-discord" ><a href="https://twitter.com/GFG_LPU" target="_blank">Twitter</a></button>
</div>
<div class="right">
<img src="./public/images/StudyDesk.png" alt="spash image" style="width:325px; height:325px;"/>
</div>
</div>
</section>
<section class="welcome container">
<div class="items">
<div class="left">
<h1>Hola <span style="color: var(--primary);">Geeks!</span></h1>
<p>
Welcome to GeeksforGeeks-LPU Student Chapter. We are exceedingly
glad to have you here. Geeks for Geeks is a portal for computer
geeks where you get a bunch of articles, quizzes on <span style="color: green;">programming, and
algorithms</span> to practice upon. <span style="color: yellow;">Cool isn’t it?</span>
</p>
</div>
<div class="right">
<img src="./public/images/2.jpg" alt="" />
</div>
</div>
<div class="items">
<div class="right">
<img src="./public/images/1.jpg" alt="" />
</div>
<div class="left">
<h1>Who Are We?</h1>
<p>
<span style="color: var(--primary);">GeeksforGeeks-LPU chapter</span> under the aegis of <span style="color: yellow;">Division of Welfare</span> is
a platform for students which provides the facility to sharpen up
their coding skills and beat others up in the race of coding. We are
doing something different than others at geeks for geeks and to make
sure that this happens, we with our entire team around the clock
organize events that help students enrich their coding abilities. We
as a community of geeks wish to make their codes be the reason for
the change they want to see in today's world.
</p>
</div>
</div>
<div class="items">
<div class="left">
<h1><span style="color: var(--primary);">GeeksforGeeks-LPU</span> Events</h1>
<p>
Wanna know our past events? Our Recent Event Geeks was
<span style="color: green;">"Quiz of Republics"</span>.
<span style="color: green;">"Coding Rumble 2022"</span> is a Coding Competition for geeks
to relieve their exam stress. "I am Remarkable" is an amazing
workshop that is a Google initiative to empower women. Just hold on
geek, we have so many events just like this waiting for you, so hop
on to Instagram and check all of our other wonderful events.
<br />
<br>
<em>
<span style="color: yellow;">
Join us on this embarking journey where you get to explore and
light your hidden coding abilities.</em
>
</span>
</p>
</div>
<div class="right">
<img src="./public/images/3.jpg" alt="" />
</div>
</div>
</section>
</main>
<!-- section events -->
<section class="events ">
<div class="event-wrapper container">
<h1>Previous <span style="color: var(--primary);">Events</span></h1>
<div class="carausal">
<img src="./public/images/5.jpg" alt="">
</div>
</div>
</section>
<!-- our team section start here -->
<!-- footer starts here -->
<footer>
<div class="container footer-wrapper">
<div class="left">
<h3>Follow Us</h3>
<div class="social-icons">
<a class="fb" href="https://www.facebook.com/geeks.forgeeks.10/" target="_blank"><i class="fa fa-facebook fa-2x"></i></a>
<a class="insta" href="https://www.instagram.com/geeksforgeekslpu/" target="_blank"><i class="fa fa-instagram fa-2x" ></i></a>
<a class="twitter" href="https://twitter.com/GFG_LPU" target="_blank"><i class="fa fa-twitter fa-2x" ></i></a>
<a class="linkedin" href="https://www.linkedin.com/company/geeksforgeekslpu/mycompany/" target="_blank"><i class="fa fa-linkedin fa-2x" ></i></a>
<a class="youtube" href="https://www.youtube.com/c/GeeksforGeeksLPU" target="_blank"><i class="fa fa-youtube fa-2x" ></i></a>
</div>
</div>
<div class="right">
<h3>Contact Us</h3>
<div class="contact-items">
<p>geeksforgeekslpu@gmail.com</p>
<!-- <p>+91-8700000000</p> -->
</div>
</div>
</div>
<div class="rights">
<p>Copyright © GeeksForGeeks LPU. All Rights Reserved </p>
</div>
</footer>
<script src="./js/anime.min.js"></script>
<script src="./js/script.js"></script>
</body>
</html>