-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
120 lines (114 loc) · 6.66 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HackClub SSGI</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css">
<link rel="stylesheet" href="style.css">
<link id="theme" rel="stylesheet" href=" ">
</head>
<body>
<header class="s2 header">
<div class="main-container">
<div class="header-wrapper">
<h1 class="main-head">Hack Club SSGI</h1>
<div class="social-links">
<a href="https://www.linkedin.com/company/hackclubssgi" class="link-icon"><i class="fab fa-2x fa-linkedin"></i></a>
<a href="https://github.com/HackClubSSGI" class="link-icon"><i class="fab fa-2x fa-github"></i></a>
<!-- <a href="#" class="link-icon"><i class="fab fa-2x fa-twitter"></i></a> -->
<a href="https://www.instagram.com/hackclubssgi" class="link-icon"><i class="fab fa-2x fa-instagram"></i></a>
</div>
</div>
<div><button id="dark" class="dark">Dark</button></div>
</div>
</header><main>
<section class="s1">
<div class="main-container">
<h2>About Us</h2>
<div class="wrapper">
<div class="content">
<img class="about-img" src="images/Group.png" alt="">
<p class="about-para">
Hack Club SSGI is a developer community at my college and it is registered under Dept. of Computer Science Engineering. We built this community to collaborate on projects, increase gender diversity in tech and share knowledge in the community by gathering like-minded people and organizing workshops and coding jams. Conversations in my community are of mostly Web Development but there are many developers from Mobile App dev, Cyber Security, Open Source and Competitive Programming. We usually meet once or twice a month on Video Conference for Networking and some workshops. Hack Club SSGI was established on 30th September 2020, we started small with only 5 members and gradually we got around 170+ students in a year to join our Slack Workspace.
</p>
</div>
</div>
</div>
<div class="main-container">
<h2>
</h2>
<div class="wrapper edu-wrapper">
<h2 class="edu-head">Our Mission & Vision</h2>
<!-- <p class="edu-batch">2018 - 2022</p> -->
<p class="edu-domain">Our Mission is to help everyone get better at their skills, get good internships and jobs and create a collaborative environment in our campus while maintaining inclusivity and diversity in the community.</p>
<!-- <ul class="edu-list">
<li>Data Structures and Algorithm</li>
<li>Database Management System</li>
</ul> -->
</div>
</div>
</section>
<section class="s2">
<div class="main-container">
<h2>
Events
</h2>
<div class="wrapper">
<div class="content">
<div class="card">
<img class="card-img" src="images/logo-hacktoberfest-full.7d5e2645.svg" alt="">
<div class="card-content">
<h3 class="card-head">Hacktoberfest 2021</h3>
<p class="card-text">Hosted by DigitalOcean for the 8th year in a row, Hacktoberfest encourages participation in giving back to the open source community by completing pull requests, participating in events, and donating to open source projects.</p>
<a class="card-link" href="/events/hacktoberfest.html">See More</a>
</div>
</div>
<!-- <div class="card">
<img class="card-img" src="images/project.jpg" alt="">
<div class="card-content">
<h3 class="card-head">Event 2</h3>
<p class="card-text">Lorem, ipsum dolor sit amet consectetur adipisicing elit. speriores consectetur aperiam.</p>
<a class="card-link" href="https://github.com/pixan198">See More</a>
</div>
</div>
<div class="card">
<img class="card-img" src="images/project.jpg" alt="">
<div class="card-content">
<h3 class="card-head">Event 3</h3>
<p class="card-text">Lorem, ipsum dolor sit amet consectetur adipisicing elit. speriores consectetur aperiam.</p>
<a class="card-link" href="https://github.com/pixan198">See More</a>
</div>
</div> -->
</div>
</div>
</div>
</section>
<section class="s1">
<div class="main-container">
<h2>
Contact
</h2>
<div class="wrapper form-wrapper">
<form name="contact" method="POST" data-netlify-recaptcha="true" data-netlify="true" class="contact-form">
<label for="name">
<input type="text" class="input" name="name" id="name" placeholder="Full Name">
</label>
<label for="email">
<input type="text" class="input" name="email" id="email" placeholder="[email protected]">
</label>
<label for="subject">
<input type="text" class="input" name="subject" id="subject" placeholder="Want to Hire you!">
</label>
<textarea name="message" class="input" id="message" placeholder="Type your message here"></textarea>
<div data-netlify-recaptcha="true"></div>
<button class="input btn" type="submit">Submit</button>
</form>
</div>
<p class="copyright">© Hack Club SSGI 2021</p>
</div>
</section>
</main>
<script src="script.js"></script>
</body>
</html>