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

Jump to bottom

home-page-enhanced ✨ #971

Closed
wants to merge 1 commit into from
Closed

home-page-enhanced ✨ #971

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
29 changes: 28 additions & 1 deletion commonStyles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,11 +10,33 @@
font-family: 'Arizonia', cursive;
}

.title{
font-size: 20px;
}
.title:hover{
color: #034304;
}

.nav-link:hover{
color: #034304;
}

.nav-grp-item{
color: #056b07;
}

.nav-grp-item:hover{
color: #034304;
}

.contributors{
margin-bottom: 110px;
}

/* Footer */
footer{
background-color: rgb(243 244 246 / 1);
color: black;

padding: 0;
}

Expand All @@ -32,13 +54,18 @@ footer{
justify-content: center;
align-items: center;
gap: 30px;
margin-top: 40px;
}

.footer-list ul, .footer-socials ul {
margin: 0;
padding: 0;
}

.footer-socials{
margin-bottom: 40px;
}

.copyright{
color: black;
font-size: small;
Expand Down
33 changes: 13 additions & 20 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -156,11 +156,11 @@ <h1 class="text-xs uppercase font-semibold tracking-widest">Menu</h1>
class="heroSection h-[100vh] flex px-0 text-2xl lg:text-lg flex-col items-center bg-[url('./Images/HeroSection.jpeg')] bg-top bg-no-repeat bg-cover">

<!-- Navbar -->
<div class="indexNavbar fixed top-0 px-4 py-3 ease-in-out text-white duration-300 flex z-30 items-center justify-between w-full left-0 bg-gradient-to-l from-[#009933] to-[#c4e327]">
<div class="indexNavbar fixed top-0 px-4 py-4 ease-in-out text-white duration-300 flex z-30 items-center justify-between w-full left-0 bg-gradient-to-l from-[#009933] to-[#c4e327]">
<div class="leftSection">
<a class="flex items-center" href="./index.html">
<img src="./Images/New_Logo_2.png" alt="Moksh Logo" class="w-[4rem] h-[4rem] rounded-full" />
<span class="ml-3 text-base lg:text-2xl uppercase font-semibold projectName tracking-widest ease-in-out duration-300 hover:text-indigo-600">Moksh</span>
<img src="./Images/New_Logo_2.png" alt="Moksh Logo" class="w-[3rem] h-[3rem] rounded-full" />
<span class="ml-3 text-base lg:text-2xl uppercase font-semibold projectName tracking-widest ease-in-out duration-300 title">Moksh</span>
</a>
</div>
<div class="rightSection pr-4">
Expand All @@ -169,23 +169,23 @@ <h1 class="text-xs uppercase font-semibold tracking-widest">Menu</h1>
<ul class="hidden md:flex items-center gap-10 uppercase text-xs font-semibold tracking-wider ">
<li>
<a href="./index.html"
class="pb-3 hover:text-indigo-600 relative font-semibold after:content-[''] after:bottom-0 after:h-1 after:w-0 after:left-0 after:absolute after:bg-indigo-600 hover:after:w-full after:ease-in-out after:duration-300 ">Home</a>
class="pb-3 nav-link relative font-semibold after:content-[''] af ">Home</a>
</li>
<li>
<a href="#mental"
class="pb-3 hover:text-indigo-600 relative font-semibold after:content-[''] after:bottom-0 after:h-1 after:w-0 after:left-0 after:absolute after:bg-indigo-600 hover:after:w-full after:ease-in-out after:duration-300 ">
class="pb-3 nav-link relative font-semibold after:content-[''] af ">
Mental Health Problems </a>
</li>
<li>
<a href="./Blogs/Blog.html"
class="pb-3 hover:text-indigo-600 relative font-semibold after:content-[''] after:bottom-0 after:h-1 after:w-0 after:left-0 after:absolute after:bg-indigo-600 hover:after:w-full after:ease-in-out after:duration-300 ">Power
class="pb-3 nav-link relative font-semibold after:content-[''] af ">Power
of
Knowledge Blogs </a>
</li>

<li class="relative group">
<a href="#"
class="pb-3 mt-3 group-hover:text-indigo-600 relative font-semibold after:content-[''] after:bottom-0 after:h-1 after:w-0 after:left-0 after:absolute after:bg-indigo-600 group-hover:after:w-full after:ease-in-out after:duration-300 flex items-center">
class="pb-3 mt-3 nav-link relative flex items-center">
<span>Features</span>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"
class="ml-2 w-3 h-3 group-hover:rotate-180 ease-in-out group-hover:text-indigo-600 duration-300 ">
Expand All @@ -198,24 +198,17 @@ <h1 class="text-xs uppercase font-semibold tracking-widest">Menu</h1>
<div
class="absolute hidden group-hover:flex bg-white text-indigo-600 p-4 w-80 shadow-2xl right-0 top-10 flex-col">
<a href="AR_Meditate/meditation.html"
class="relative pt-5 pb-1 font-semibold after:content-[''] after:bottom-0 after:h-1 after:w-0 after:left-0 after:absolute after:bg-indigo-600 hover:after:w-full after:ease-in-out after:duration-300 ">Augmented
Reality
Meditation</a>
<a href="Iskcon/event.html"
class="relative pt-5 pb-1 font-semibold after:content-[''] after:bottom-0 after:h-1 after:w-0 after:left-0 after:absolute after:bg-indigo-600 hover:after:w-full after:ease-in-out after:duration-300 ">Iskcon
class="relative pt-5 pb-1 nav-grp-item ">Iskcon
Events</a>
<a href="Divine_page/story.html"
class="relative pt-5 pb-1 font-semibold after:content-[''] after:bottom-0 after:h-1 after:w-0 after:left-0 after:absolute after:bg-indigo-600 hover:after:w-full after:ease-in-out after:duration-300 ">Divine
class="relative pt-5 pb-1 nav-grp-item ">Divine
Activities for all Generation</a>
<a href="Pomodro_page/reward.html"
class="relative pt-5 pb-1 font-semibold after:content-[''] after:bottom-0 after:h-1 after:w-0 after:left-0 after:absolute after:bg-indigo-600 hover:after:w-full after:ease-in-out after:duration-300 ">Pomodoro
class="relative pt-5 pb-1 nav-grp-item">Pomodoro
Spiritual Break</a>
<a href="shlok_page/motivation.html"
class="relative pt-5 pb-1 font-semibold after:content-[''] after:bottom-0 after:h-1 after:w-0 after:left-0 after:absolute after:bg-indigo-600 hover:after:w-full after:ease-in-out after:duration-300 ">Read
a
Shlok</a>
<a href="Rejuvenate_page/rejuvenate.html"
class="relative pt-5 pb-1 font-semibold after:content-[''] after:bottom-0 after:h-1 after:w-0 after:left-0 after:absolute after:bg-indigo-600 hover:after:w-full after:ease-in-out after:duration-300 ">Rejuvenate</a>
class="relative pt-5 pb-1 nav-grp-item">Read
">Rejuvenate</a>
</div>
</li>
</ul>
Expand Down Expand Up @@ -482,7 +475,7 @@ <h1 class="text-indigo-600 text-center mb-10 uppercase font-semibold">
<div class="footer-divide ">
<div class="flex justify-center items-center">
<div class="w-32 h-32 my-2 rounded-full overflow-hidden">
<img src="./Images/New_Logo_2.png" alt="Moksh Logo" class="object-cover" />
<img src="./Images/New_Logo_2.png" alt="Moksh Logo" class="object-cover footer-image" />
</div>
</div>
<div class="footer-divide-text">
Expand Down