forked from aialok/open-source-IIIT-Ranchi
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
132 lines (121 loc) · 5.36 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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script src="https://cdn.tailwindcss.com"></script>
</head>
<body>
<navbar
class="flex justify-around items-center overflow-auto max-sm:flex-col"
>
<brand-name class="text-xl font-bold "
>Open Source IIIT Ranchi</brand-name
>
<ul class="flex justify-around max-sm:text-base text-lg font-medium">
<li class="hover:bg-orange-500 p-4 max-sm:p-1 cursor-pointer">
<a href="https://aialok.github.io/open-source-IIIT-Ranchi/">Home</a>
</li>
<li class="hover:bg-orange-500 p-4 max-sm:p-1 cursor-pointer">
<a href="./src/pages/freshers.html" >Freshers</a>
</li>
<li class="hover:bg-orange-500 p-4 max-sm:p-1 cursor-pointer">
<a href="./src/pages/sophomore.html">Sophomore</a>
</li>
<li class="hover:bg-orange-500 p-4 max-sm:p-1 cursor-pointer">
<a href="./src/pages/third-year.html" >Third Year</a>
</li>
<li class="hover:bg-orange-500 p-4 max-sm:p-1 cursor-pointer">
<a href="./src/pages/senior.html">Senior</a>
</li>
</ul>
</navbar>
<div class="w-full bg-orange-500 h-4"></div>
<div class="container py-16 max-sm:py-5">
<h1 class="text-6xl ml-20 max-sm:ml-5 max-sm:text-3xl">
Welcome to
<span class="text-orange-500 font-semibold">IIIT Ranchi</span> <br />
Hacktoberfest 2023
</h1>
<p class="text-xl ml-20 my-6 max-sm:ml-5 w-1/2 max-sm:w-[90%]">
Are you ready to dive into the world of open source? The unofficial IIIT
Ranchi Hacktoberfest 2023 website is your gateway to an exciting
opportunity to contribute, collaborate, and grow as a developer.
</p>
<button class="text-lg ml-20 max-sm:ml-6 bg-orange-500 rounded-md p-2 font-medium hover:ring-2 hover:ring-black"><a href="https://github.com/aialok/open-source-IIIT-Ranchi" target="_blank">Contribute on Github</a></button>
</div>
<div class="container py-8 max-sm:py-5">
<h1 class="text-5xl ml-20 max-sm:ml-5 max-sm:text-3xl">
What is <span class="text-orange-500 font-semibold">Hacktoberfest</span>
?</h1>
<h2 class="text-xl ml-20 my-2 max-sm:ml-5 max-sm:w-[90%]">
Hacktoberfest is an annual celebration of open source during the month
of October. It's a fantastic opportunity for you to:
</h2>
<ul
class="text-xl ml-20 my-6 max-sm:ml-8 w-1/2 list-disc max-sm:w-[90%] max-sm:text-lg"
>
<li>🌐 Contribute to open source projects.</li>
<li>🤝 Collaborate with developers from around the world.</li>
<li>🚀 Enhance your coding skills.</li>
</ul>
</div>
<div class="container py-8 max-sm:py-5">
<h1 class="text-5xl ml-20 max-sm:ml-5 max-sm:text-4xl">
How to get <span class="text-orange-500 font-medium">started</span> ?
</h1>
<ul
class="text-xl ml-20 my-6 max-sm:ml-8 w-1/2 list-disc max-sm:w-[90%] max-sm:text-lg"
>
<li>
<span class="font-semibold">Create Your Portfolio :</span> Build a
personal portfolio website that highlights your projects, skills, and
experiences.
</li>
<li>
<span class="font-semibold">Contribute :</span> Add your portfolio to
the this website repository. It's as simple as a pull
request!
</li>
<li>
<span class="font-semibold">Connect :</span> Join our community of
IIIT Ranchi students who are sharing their portfolios. Explore their
work and get inspired.
</li>
<li>
<span class="font-semibold">Celebrate :</span> Be recognized for your
hard work and creativity.
</li>
</ul>
</div>
<div class="container py-8 max-sm:py-4">
<h1 class="text-5xl ml-20 max-sm:ml-5 max-sm:text-4xl">
Featured <span class="text-orange-500 font-medium">Portfolio</span>
</h1>
<p class="text-xl ml-20 my-2 max-sm:ml-5 max-sm:text-lg">
Here are some impressive portfolios created by your peers:
</p>
<ul
class="text-xl ml-20 my-6 max-sm:ml-10 w-1/2 list-disc max-sm:w-[90%]">
<li><a href="http://" target="_blank" class="underline" >abc</a></li>
<li><a href="http://" target="_blank" class="underline">xyz</a></li>
<li><a href="http://" target="_blank" class="underline">pqr</a></li>
</ul>
</div>
<div class="container py-4 max-sm:py-4">
<h1 class="text-5xl ml-20 max-sm:ml-5 max-sm:text-4xl">
Join the <span class="text-orange-500 font-medium">Celebration</span>
</h1>
<p class="text-xl ml-20 my-2 max-sm:ml-5 w-1/2 max-sm:w-[90%] max-sm:text-lg">
Let's celebrate your achievements and the spirit of Hacktoberfest 2023! Create your portfolio and contribute it to the main unofficial website. Start showcasing your work to the world.
</p>
</div>
<footer class="bg-gray-800 text-white py-6">
<div class="container mx-auto text-center">
<p>© 2023 IIIT Ranchi Hacktoberfest. All rights reserved.</p>
<p>Empowering Students to Innovate and Contribute to Open Source</p>
<p>Made with ❤️ by the IIIT Ranchi Community</p>
</div>
</footer>
</body>
</html>