-
Notifications
You must be signed in to change notification settings - Fork 7
/
Copy pathindex.html
99 lines (94 loc) · 3.88 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>OSDC-open source developers community</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<header>
<div class="header">
<div class="logo">
<img src="./images/osdc.png" alt="osdc logo" />
</div>
<div class="navbar">
<a href="#about_section"><li>ABOUT</li></a>
<li></li>
<a href="#contact_section"><li>CONTACT</li></a>
</div>
</div>
</header>
<section class="logosection">
<div class="osdclogo">
<img src="./images/logo.png" alt="OSDC DESIGN" />
<div class="society">OPEN SOURCE DEVELOPERS COMMUNITY</div>
<div class="joindiscord">
<div class="invitition">Join our Discord Server</div>
<div class="button">
<a target="_blank" href="https://discord.com/invite/Yaq3eNBrwW"><div class="discordbutton">JODC Discord</div></a>
</div>
</div>
</div>
</section>
<section id="about_section">
<div class="about">
<br><br>
<div class="div1">About OSDC</div>
<div class="div2">
We are an Open Source Community based in and around Jaypee Institute
of Information Technology, Noida, India. A community of web
developers, android freaks, machine learning enthusiasts, hackers,
designers, game developers and most significantly Explorers. We
welcome those who believe in the open source philosophy and are
willing to sacrifice their naps in order to change the world.
</div>
<div class="div3">
We also organize various workshops, talks and hackathons in an effort
towards encouraging more people to lean into the open source world! We
love having late night conversations on tech and building new things.
If you love the same just hop in, we are looking forward for your
participation.
</div>
</div>
</section>
<section id="contact_section" class="findus">
<div class="socials">
<p>Find us on</p>
<div class="socialicons">
<a target="_blank" href="https://discord.com/invite/Yaq3eNBrwW"><img src="./images/discord_5968759 1.png"></img></a>
<a target="_blank" href="https://github.com/osdc"><img src="./images/github_3488425 1.png"></img></a>
<a target="_blank" href="https://t.me/jiitosdc"><img src="./images/telegram_3536705 1.png"></img></a>
<a target="_blank" href="https://twitter.com/osdcjiit"><img src="./images/twitter_5968830 1.png"></img></a>
<a target="_blank" href="https://www.facebook.com/groups/jiitlug/"><img src="./images/facebook_1051309 1.png"></img></a>
</div>
</div>
</section>
<section>
<div class="subscribe">
<div class="subscribe-message">Subscribe to our Newsletter</div>
<div class="emailinput">
<div class="bg">
<input class="email" type="email" placeholder="Drop your mail here...">
<label>Subscribe</label>
</div>
</div>
</div>
</section>
<div class="left-blob">
<img src="./images/left blob.png" alt="Left Blob Image">
</div>
<div class="right-upper-blob">
<img src="./images/right blob upper.png" alt="Right upper Blob Image">
</div>
<div class="right-lower-blob">
<img src="./images/right blob lower.png" alt="Right lower Blob Image">
</div>
<div class="bottom-left-blob">
<img src="./images/bottom left blob.png" alt="Bottom left Blob Image">
</div>
<div class="bottom-right-blob">
<img src="./images/bottom right blob.png" alt="Bottom right Blob Image">
</div>
</body>
</html>