Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Changed styling #37

Open
wants to merge 3 commits into
base: master
Choose a base branch
from
Open

Changed styling #37

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
5ed17ed
Fixed-minor-issues
suhas3145 Oct 18, 2023
2a24e58
Fixed-changes
suhas3145 Oct 18, 2023
6bef108
changed-styling
suhas3145 Oct 18, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
293 changes: 150 additions & 143 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,151 +1,158 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="./src/pages/nav/nav.css">
<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 max-sm:text-lg"
>Open Source IIIT Ranchi</brand-name
>
<ul id="mobile_ui" class="flex text-lg max-sm:text-base 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="https://aialok.github.io/open-source-IIIT-Ranchi/src/pages/freshers.html" >Fresher</a>s
</li>
<li class="hover:bg-orange-500 p-4 max-sm:p-1 cursor-pointer">
<a href="https://aialok.github.io/open-source-IIIT-Ranchi/src/pages/sophomore.html">Sophomore</a>
</li>
<li class="hover:bg-orange-500 p-4 max-sm:p-1 cursor-pointer">
<a href="https://aialok.github.io/open-source-IIIT-Ranchi/src/pages/third-year." >Third Year</a>
</li>
<li class="hover:bg-orange-500 p-4 max-sm:p-1 cursor-pointer">
<a href="https://aialok.github.io/open-source-IIIT-Ranchi/src/pages/senior.html" target="_blank">Senior</a>
</li>
</ul>
<ul class="flex text-lg max-sm:text-base font-medium" >
<li id="dropdown" class="hover:bg-orange-500 p-4 max-sm:p-1 cursor-pointer">
<div class="dropdown">
<button class="dropbtn">Dropdown
<i class="fa fa-caret-down"></i>
</button>
<div class="dropdown-content">
<a href="https://aialok.github.io/open-source-IIIT-Ranchi/">Home</a>
<a href="https://aialok.github.io/open-source-IIIT-Ranchi/src/pages/freshers.html">Fresher</a>
<a href="https://aialok.github.io/open-source-IIIT-Ranchi/src/pages/sophomore.html">Sophomore</a>
<a href=".https://aialok.github.io/open-source-IIIT-Ranchi/src/pages/third-year.html">Third Year</a>
<a href="https://aialok.github.io/open-source-IIIT-Ranchi/src/pages/senior.html">Senior</a>
</div>

<head>
<meta charset="UTF-8" />

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<link rel="stylesheet" href="./src/pages/nav/nav.css">

<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 max-sm:text-lg">Open Source IIIT Ranchi</brand-name>
<ul id="mobile_ui" class="flex text-lg max-sm:text-base 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="https://aialok.github.io/open-source-IIIT-Ranchi/src/pages/freshers.html">Fresher</a>s
</li>
<li class="hover:bg-orange-500 p-4 max-sm:p-1 cursor-pointer">
<a href="https://aialok.github.io/open-source-IIIT-Ranchi/src/pages/sophomore.html">Sophomore</a>
</li>
<li class="hover:bg-orange-500 p-4 max-sm:p-1 cursor-pointer">
<a href="https://aialok.github.io/open-source-IIIT-Ranchi/src/pages/third-year.">Third Year</a>
</li>
<li class="hover:bg-orange-500 p-4 max-sm:p-1 cursor-pointer">
<a href="https://aialok.github.io/open-source-IIIT-Ranchi/src/pages/senior.html" target="_blank">Senior</a>
</li>

</ul>
<ul class="flex text-lg max-sm:text-base font-medium">
<li id="dropdown" class="hover:bg-orange-500 p-4 max-sm:p-1 cursor-pointer">
<div class="dropdown">
<button class="dropbtn">Dropdown
<i class="fa fa-caret-down"></i>
</button>
<div class="dropdown-content">
<a href="https://aialok.github.io/open-source-IIIT-Ranchi/">Home</a>

<a href="https://aialok.github.io/open-source-IIIT-Ranchi/src/pages/freshers.html">Fresher</a>

<a href="https://aialok.github.io/open-source-IIIT-Ranchi/src/pages/sophomore.html">Sophomore</a>

<a href=".https://aialok.github.io/open-source-IIIT-Ranchi/src/pages/third-year.html">Third Year</a>

<a href="https://aialok.github.io/open-source-IIIT-Ranchi/src/pages/senior.html">Senior</a>
</div>
</li>
</ul>

</navbar>

</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>
</div>
</li>
</ul>

</navbar>

</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>
<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>

<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>
<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 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>&copy; 2023 IIIT Ranchi Hacktoberfest. All rights reserved.</p>
<p>Empowering Students to Innovate and Contribute to Open Source</p>
<p>Made in IIIT Ranchi with ❤️ by Alok Gupta</p>
</div>
<footer class="bg-gray-800 text-white py-6">
<div class="container mx-auto text-center">
<p>&copy; 2023 IIIT Ranchi Hacktoberfest. All rights reserved.</p>
<p>Empowering Students to Innovate and Contribute to Open Source</p>
<p>Made in IIIT Ranchi with ❤️ by Alok Gupta</p>
</div>
</footer>

</body>
</html>
</footer>

</body>

</html>
Loading