-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
140 lines (126 loc) · 7.02 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Linktree</title>
<script src="https://cdn.tailwindcss.com"></script>
</head>
<body
class="absolute inset-0 h-full w-full bg-white bg-[radial-gradient(circle,#d1d5db_1px,transparent_1px)] [background-size:16px_16px]">
<!-- Linktree Content -->
<div class="min-h-screen flex flex-col items-center gap-5 pt-6 mx-5 md:mx-0">
<!-- Header -->
<div class="flex flex-col items-center justify-center w-full gap-2">
<img src="images/logo.jpg" alt="OS DEV LOGO"
class="w-[170px] h-[170px] rounded-full border border-black shadow-md mb-2 transition-transform duration-300 hover:scale-105 active:scale-110">
<h1 class="text-4xl font-bold text-center text-gray-700">
OS.dev Community
</h1>
<p class="text-xl text-center text-gray-700">
Community based in India
<br class="md:hidden">
by <span class="font-semibold">students</span> for <span class="font-semibold">students</span>
</p>
</div>
<!-- Other Links -->
<div class="flex flex-row items-center justify-center w-full gap-4">
<a href="about.html"
class="text-white bg-blue-500 hover:bg-blue-400 drop-shadow-sm font-medium rounded-lg text-md text-center w-24 md:w-32 p-2 transition duration-300 ease-in-out transform hover:scale-105"
target="_blank">
About us
</a>
<a href="coreteam.html"
class="text-white bg-blue-500 hover:bg-blue-400 drop-shadow-sm font-medium rounded-lg text-md text-center w-24 md:w-32 p-2 transition duration-300 ease-in-out transform hover:scale-105"
target="_blank">
Core team
</a>
</div>
<!-- Events -->
<div class="flex flex-col items-center justify-center w-full gap-4">
<h1 class="text-2xl font-bold text-center text-gray-700">
Events
</h1>
<a href="https://photos.google.com/share/AF1QipMh17YP6dDzGi1z_zQcBv1Tsur8BEhivOaq_8C_f__Yw_6_46uQgpiUioLZEwQY4w/photo/AF1QipNk1331gwKubfNJ4t57IO1f-LXtR6JADQ18IQ7N?key=TDZhaVAyZ2dpbW8weUFkOXRjX0lFZVFRc3QxNEhR"
class="text-white bg-blue-500 hover:bg-blue-400 drop-shadow-sm font-medium rounded-lg text-md text-center w-64 md:w-96 p-3 transition duration-300 ease-in-out transform hover:scale-105"
target="_blank">
Hacktoberfest Webinar'23
</a>
</div>
<!-- Resources -->
<div class="flex flex-col items-center justify-center w-full gap-4">
<h1 class="text-2xl font-bold text-center text-gray-700">
Resources
</h1>
<a href="https://docs.google.com/presentation/d/14hjsT6leG3FncYQxfzJx3YahIkTYCu9Y/edit?usp=sharing&ouid=109293468232766314301&rtpof=true&sd=true"
class="text-white bg-blue-500 hover:bg-blue-400 font-medium rounded-lg text-md text-center w-64 md:w-96 p-3 transition duration-300 ease-in-out transform hover:scale-105"
target="_blank">
Hacktoberfest Webinar PPT'23
</a>
<a href="https://www.canva.com/design/DAF-6mRDj7c/ULcP-Oo7dZB5T31i8xJ1gQ/edit?utm_content=DAF-6mRDj7c&utm_campaign=designshare&utm_medium=link2&utm_source=sharebutton"
class="text-white bg-blue-500 hover:bg-blue-400 font-medium rounded-lg text-md text-center w-64 md:w-96 p-3 transition duration-300 ease-in-out transform hover:scale-105"
target="_blank">
Open Source & Gen AI Seminar PPT'23
</a>
</div>
<!-- Feedback -->
<div class="flex flex-col items-center justify-center w-full gap-4">
<h1 class="text-2xl font-bold text-center text-gray-700">
Feedback
</h1>
<a href="https://forms.gle/g8EMDEJ1FReyDbEv6"
class="text-white bg-blue-500 hover:bg-blue-400 font-medium rounded-lg text-md text-center w-64 md:w-96 p-3 transition duration-300 ease-in-out transform hover:scale-105"
target="_blank">
Improve Community
</a>
</div>
<!-- Footer -->
<div class="flex flex-col items-center justify-center w-full">
<p class="text-gray-700 text-lg text-center mt-5">2024 © OS.dev Community</p>
</div>
</div>
<!-- Icons -->
<div class="fixed left-0 top-1/2 transform -translate-y-1/2 flex flex-col items-center space-y-2">
<a href="https://www.linkedin.com/company/os-community/" target="_blank">
<img src="images/LinkedIn.jpeg"
class="w-8 h-8 md:w-10 md:h-10 transition-transform duration-300 hover:scale-110 active:scale-125"
alt="LinkedIn">
</a>
<a href="https://twitter.com/os_community1" target="_blank">
<img src="images/X.png"
class="w-8 h-8 md:w-10 md:h-10 transition-transform duration-300 hover:scale-110 active:scale-125"
alt="X">
</a>
<a href="https://t.me/os_Community" target="_blank">
<img src="images/telegram.png"
class="w-8 h-8 md:w-10 md:h-10 transition-transform duration-300 hover:scale-110 active:scale-125"
alt="Telegram">
</a>
<a href="https://whatsapp.com/channel/0029VaKTEnK3gvWgGcht5J2R" target="_blank">
<img src="images/whatsapp.png"
class="w-8 h-8 md:w-10 md:h-10 transition-transform duration-300 hover:scale-110 active:scale-125"
alt="Whatsapp Channel">
</a>
<a href="https://chat.whatsapp.com/LPhWYzQWUOpAV6G3xEeJf3" target="_blank">
<img src="images/whatsapp.png"
class="w-8 h-8 md:w-10 md:h-10 transition-transform duration-300 hover:scale-110 active:scale-125"
alt="Whatsapp Community 1">
</a>
<a href="https://chat.whatsapp.com/GjS6avrIVsMJY4b5g73s7r" target="_blank">
<img src="images/whatsapp.png"
class="w-8 h-8 md:w-10 md:h-10 transition-transform duration-300 hover:scale-110 active:scale-125"
alt="Whatsapp Community 2">
</a>
<a href="https://www.commudle.com/communities/os-dev-community" target="_blank">
<img src="images/commudle.jpeg"
class="w-8 h-8 md:w-10 md:h-10 transition-transform duration-300 hover:scale-110 active:scale-125"
alt="Commudle">
</a>
<a href="mailto:os.devcommunity@gmail.com" target="_blank">
<img src="images/Gmail.png"
class="w-8 h-8 md:w-10 md:h-10 transition-transform duration-300 hover:scale-110 active:scale-125"
alt="Send an email">
</a>
</div>
</body>
</html>