-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathindex.html
87 lines (85 loc) · 4.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Welcome to GeeksforGeeks LPU Chapter</title>
<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@200;300;400;500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link href="https://fonts.googleapis.com/css2?family=Inter&family=Open+Sans:wght@300&family=Poppins:wght@200;400;500&family=Roboto&family=Roboto+Condensed&family=Rubik&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/[email protected]/css/fontawesome.min.css" integrity="sha384-jLKHWM3JRmfMU0A5x5AkjWkw/EYfGUAGagvnfryNV3F9VqM98XiIH7VBGVoxVSc7" crossorigin="anonymous">
</head>
<body>
<section class="header">
<div class="container">
<div class="navbar">
<div class="logo">
<img src="Geeks Icon 2.png" alt="GeeksforGeeks LPU Chapter" width="75px" height="75px">
</div>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="aboutus.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="events.html">Events</a></li>
<li><a href="join.html">Join</a></li>
</ul>
</nav>
</div>
<!--------------------------------Home-------------------------------------------->
<div class="row">
<div class="col-2-txt">
<h1>Hola Geeks!<h1>
<p class="context">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 programming, and algorithms to practice upon. Cool isn’t it? </p>
</div>
<div class="col-2-img">
<img src="2.jpg" width="600px" id="pic">
</div>
</div>
<div class="row">
<div class="col-3-img">
<img src="1.jpg" width="600px" id="pic">
</div>
<div class="col-3-txt">
<h1>Who Are We?<h1>
<p class="context">GeeksforGeeks LPU chapter under the aegis of Division of Welfare 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="row">
<div class="col-2-txt">
<h1>GeeksforGeeks Events<h1>
<p class="context">Wanna know our past events?
Our Recent Event Geeks was "<b>Quiz of Republics</b>". "<b>Coding Rumble 2022</b>" is a Coding Competition for geeks to relieve their exam stress. "<b>I am Remarkable</b>" 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. <b><i>Join us on this embarking journey where you get to explore and light your hidden coding abilities.</i></b></p>
</div>
<div class="col-2-img">
<img src="4.jpg" width="600px" id="pic">
</div>
</div>
<!-------------------------------------------Footer------------------------------------------>
<div class="footer">
<div class="container-1">
<div class="row">
<div class="footer-col-1">
<h1 class="txt">Follow Us</h1>
<a class="insta" href="https://www.instagram.com/geeksforgeekslpu/"><i class="fa fa-instagram fa-2x"></i></a>
<a class="fb" href="https://www.facebook.com/GeeksforGeeksLPU"><i class="fa fa-facebook-square fa-2x"></i></a>
<a class="link" href="https://www.linkedin.com/company/geeksforgeekslpu/mycompany/"><i class="fa fa-linkedin-square fa-2x"></i></a>
<a class="twitter" href=""><i class="fa fa-twitter fa-2x"></i></a>
</div>
<div class="footer-col-2">
<h1 class="txt">Contact Us</h1>
<p class="lower-txt-p">[email protected]</p>
</div>
</div>
</div>
<div class="grey-bar"></div>
<div class="rights">
<p>Copyright © GeeksForGeeks LPU. All Rights Reserved | Gmail: [email protected] </p>
</div>
<div class="grey-bar"></div>
</div>
</body>
</html>