Skip to content

Commit

Permalink
Applied Navbar Color
Browse files Browse the repository at this point in the history
  • Loading branch information
@Vidip-Ghosh
Vidip-Ghosh committed Jun 27, 2023
2 parents 8b5a9dd + 40daa01 commit 3ecf899
Show file tree
Hide file tree
Showing 9 changed files with 107 additions and 76 deletions.
4 changes: 2 additions & 2 deletions AR_Meditate/meditation.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -41,12 +41,12 @@
<li>
<a href="../Blogs/Blog.html">Blog</a>
</li>
<li class="dropdown">
<li class="dropdown ">
<a href="#">Features
<i class="fas fa-caret-down"></i>
</a>
<!-- Dropdown -->
<ul>
<ul class="right-0">
<li><a href="../AR_Meditate/meditation.html">Augmented Reality Meditation</a></li>
<li><a href="../Iskcon/event.html">Iskcon Events</a></li>
<li>
Expand Down
2 changes: 1 addition & 1 deletion Blogs/Blog.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -261,7 +261,7 @@

<!-- Footer -->
<footer class="">
<div class="footer-divide">
<div class="footer-divide flex-col">
<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" />
Expand Down
19 changes: 14 additions & 5 deletions Blogs/Words.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,6 +9,9 @@
<link rel="icon" type="image/x-icon" href="Images/moksh.jpeg" />
<link rel="stylesheet" href="newBlogStyle.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2pdf.js/0.9.2/html2pdf.bundle.min.js"></script>



</head>

<body>
Expand All @@ -25,12 +28,17 @@
<!-- Navbar -->
<div
class="fixed navbar text-indigo-700 top-0 px-4 sm:px-8 py-4 ease-in-out duration-300 flex z-30 items-center justify-between w-full left-0">

<div class="leftSection">
<a class="flex items-center" href="../index.html">
<img src="../Images/moksh.png" alt="Moksh Logo" class="w-16 h-16" />
<span
class="ml-3 text-xl sm:text-2xl uppercase font-semibold text-indigo-600 projectName tracking-widest ease-in-out duration-300 hover:text-slate-900">Moksh</span>

<a href="./Blog.html" class="blogPageArrow fs-3 text-decoration-none" style="position: fixed;
top: 20px;
left: 20px;
z-index: 30;">
<img width="50" height="50" src="https://img.icons8.com/external-solid-adri-ansyah/64/228BE6/external-ui-basic-ui-solid-adri-ansyah-26.png" alt="external-ui-basic-ui-solid-adri-ansyah-26" />
</a>


</div>
<div class="rightSection">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
Expand Down Expand Up @@ -395,6 +403,7 @@ <h1 class="text-center text-4xl mb-5 text-indigo-600 font-semibold">
}

</script>


<script src="./blogs.js"></script>
<script src="../script.js"></script>
Expand All @@ -403,4 +412,4 @@ <h1 class="text-center text-4xl mb-5 text-indigo-600 font-semibold">

</body>

</html>
</html>
8 changes: 0 additions & 8 deletions Blogs/depression.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -36,15 +36,7 @@
class="ml-3 text-xl sm:text-2xl uppercase font-semibold text-indigo-600 projectName tracking-widest ease-in-out duration-300 hover:text-slate-900">Moksh</span>
</a>
</div>
<div class="rightSection">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
stroke="currentColor"
class="openDropDown h-10 w-10 text-indigo-600 cursor-pointer ease-in-out duration-300 p-2 hover:text-slate-900">
<path stroke-linecap="round" stroke-linejoin="round"
d="M3.75 6A2.25 2.25 0 016 3.75h2.25A2.25 2.25 0 0110.5 6v2.25a2.25 2.25 0 01-2.25 2.25H6a2.25 2.25 0 01-2.25-2.25V6zM3.75 15.75A2.25 2.25 0 016 13.5h2.25a2.25 2.25 0 012.25 2.25V18a2.25 2.25 0 01-2.25 2.25H6A2.25 2.25 0 013.75 18v-2.25zM13.5 6a2.25 2.25 0 012.25-2.25H18A2.25 2.25 0 0120.25 6v2.25A2.25 2.25 0 0118 10.5h-2.25a2.25 2.25 0 01-2.25-2.25V6zM13.5 15.75a2.25 2.25 0 012.25-2.25H18a2.25 2.25 0 012.25 2.25V18A2.25 2.25 0 0118 20.25h-2.25A2.25 2.25 0 0113.5 18v-2.25z" />
</svg>

</div>
</div>

</div>
Expand Down
5 changes: 2 additions & 3 deletions Iskcon/event.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -230,9 +230,8 @@ <h2 class="w3-wide">

<div class="footer">
<div class='footer-list'>
<ul><a href="#" class="footer-items">About</a></ul>
<ul><a href="#" class="footer-items">Contact Us</a></ul>
<ul><a href="#" class="footer-items">Blogs</a></li>
<ul><a href="../index.html" class="footer-items">About</a></ul>
<ul><a href="../Blogs/Blog.html" class="footer-items">Blogs</a></li>
</div>
<div class="footer-socials">
<ul>
Expand Down
6 changes: 6 additions & 0 deletions Pomodro_page/reward.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -125,3 +125,9 @@ button:active {
object-fit: cover;
}



footer img {
width: 128px;
border-radius: 50%;
}
98 changes: 48 additions & 50 deletions Pomodro_page/reward.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,10 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Pomodoro Rule</title>

<link href="../style.css" rel="stylesheet" type="text/css" />
<script src="../script.js"></script>



<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato">
<link rel="stylesheet" href="fontawesome.min.css">
Expand All @@ -22,10 +25,16 @@
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" />

<link href="../style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="../commonStyles.css" />

<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet" />

</head>

<body>
<script src="script.js"></script>

<!-- Navbar Start-->

<div class="nav">
Expand Down Expand Up @@ -111,7 +120,6 @@ <h2>Good Luck!</h2>



<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet" />

<div id="about" class="container py-3">
<div class="row">
Expand Down Expand Up @@ -141,59 +149,49 @@ <h1>Pomodoro Spiritual Break</h1>
</div>



<!-- Footer -->
<footer class="indexFooter md:w-full flex flex-col h-fit items-center justify-center py-12 bg-white">
<div class="footerWrapper w-full px-12 lg:px-0 sm:w-2/3">

<!-- Row - 1 -->
<div class="row-1 flex w-full items-center justify-center sm:justify-between flex-col">

<div class="flex flex-col w-full sm:flex-row items-center justify-between ">
<img src="./Images/New_Logo.svg" alt="Moksh Logo" class='w-32 h-32 my-2' />

<div class="flex flex-col px-4 items-center sm:px-0 w-full sm:w-2/3">
<span
class="text-center italic font-bold text-indigo-600 mb-1 sm:border-double sm:border-b-4 sm:border-indigo-600">
A Spiritual Productivity Tool for Mental Wellness
</span>

<div class=" mt-1 w-full font-semibold flex items-center justify-center flex-col">
<span class="sm:text-xs text-md text-justify">
Moksh is a spiritual productivity tool designed for individuals who
want to unlock their potential and achieve true balance in life.

</span>
<!-- Footer Socials -->
<div
class="socials mt-4 row-2 w-full flex justify-evenly capitalize font-semibold text-md sm:text-[11px]">
<a href="#" class="ease-in-out duration-300 hover:text-indigo-600">Twitter</a>
<a href="#" class="ease-in-out duration-300 hover:text-indigo-600">Facebook</a>
<a href="#" class="ease-in-out duration-300 hover:text-indigo-600">Instagram</a>
<a href="#" class="ease-in-out duration-300 hover:text-indigo-600">Github</a>
</div>
</div>



<!-- Copyright -->
<div class="row-3 copyright text-center font-semibold text-md sm:text-xs mt-4">
<p>
Made with ❤️ by Akshita during XPRESSION'23
</p>
<p class='text-rose-600 text-xs font-bold'>
&copy; 2023 Moksh. All rights reserved.
</p>
</div>

<!-- Footer -->
<footer class="">
<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" />
</div>

</div>
<div class="footer-divide-text">
Moksh is a spiritual productivity tool designed for
individuals who want to unlock their potential and
achieve true balance in life. Join us on our journey to empower the world with spiritual knowledge</div>
</div>

<div class="footer">
<div class='footer-list'>
<ul><a href="#" class="footer-items">About</a></ul>

<ul><a href="Blogs/Blog.html" class="footer-items">Blogs</a></li>
</div>

<div class="footer-socials">
<ul>
<a href="https://github.com/akshitagupta15june/Moksh">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="black" class="bi bi-github" viewBox="0 0 16 16">
<path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z"/>
</svg></a></ul>
<ul><a href="https://twitter.com/ExperienceMoksh">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="black" class="bi bi-twitter" viewBox="0 0 16 16">
<path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"/>
</svg></a></ul>
</div>


<div class="made-by"> Made with ❤️ by Akshita during XPRESSION'23</div>
<div class="copyright">&copy; Copyright 2023 by Moksh. All rights reserved.</div>
</div>
</footer>
</footer>




<!-- <script src="https://cdn.tailwindcss.com?plugins=forms,typography,aspect-ratio,line-clamp"></script> -->



Expand Down
14 changes: 12 additions & 2 deletions commonStyles.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,9 +11,11 @@
}

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

padding: 0;
}

.footer-items{
Expand All @@ -32,13 +34,18 @@
gap: 30px;
}

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

.copyright{
color: black;
font-size: small;
text-align: center;
padding-bottom: 30px;
font-weight: 700;
font-size: 13px;
}

.footer-items:hover::after{
Expand All @@ -59,16 +66,19 @@

.footer-divide {
display: flex;
flex-direction: column;
justify-self: center;
text-align: center;
gap: 4rem;
margin-left: 10rem;
margin-right: 10rem;
font-size: 16px;
}

.footer-divide-text{
text-align: left;
padding-top: 30px;
font-size: 16px !important;
}

.footer-socials{
Expand Down Expand Up @@ -102,4 +112,4 @@
width: 120px;
left: 40vw;
}
}
}
27 changes: 22 additions & 5 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -43,6 +43,17 @@ <h1 class="text-xs uppercase font-semibold tracking-widest">Menu</h1>
<span class="text-md p-3 group-hover:text-indigo-600">Home</span>
</a>

<a class="flex group items-center relative font-semibold ease-in-out duration-300 pb relative 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 "
href="#mental">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"
class="h-3 w-3 group-hover:text-indigo-600">
<path fill-rule="evenodd"
d="M4.72 3.97a.75.75 0 011.06 0l7.5 7.5a.75.75 0 010 1.06l-7.5 7.5a.75.75 0 01-1.06-1.06L11.69 12 4.72 5.03a.75.75 0 010-1.06zm6 0a.75.75 0 011.06 0l7.5 7.5a.75.75 0 010 1.06l-7.5 7.5a.75.75 0 11-1.06-1.06L17.69 12l-6.97-6.97a.75.75 0 010-1.06z"
clip-rule="evenodd" />
</svg>
<span class="text-md p-3 group-hover:text-indigo-600">Mental Health Problems</span>
</a>

<a class="flex group items-center relative font-semibold ease-in-out duration-300 pb relative 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 "
href="./Blogs/Blog.html">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"
Expand Down Expand Up @@ -160,6 +171,11 @@ <h1 class="text-xs uppercase font-semibold tracking-widest">Menu</h1>
<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>
</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 ">
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
Expand Down Expand Up @@ -240,17 +256,18 @@ <h1 class="text-xs uppercase font-semibold tracking-widest">Menu</h1>
</div>
</div>

<div class="contentSection flex flex-col items-center pt-12 md:py-0 bg-gray-100">
<div class="contentSection flex flex-col items-center pt-12 md:py-0 bg-gray-100" id="mentalHealthComponent">

<!-- Mental Health Problems -->
<div class="mentalHealthVideo my-8 lg:w-3/4" id="mentalhealth">
<h1 class="text-indigo-600 text-center mb-10 uppercase font-semibold">
<span class="pb-2 border-double border-b-4 border-indigo-600">Mental Health Problems</span>
<span class="pb-2 border-double border-b-4 border-indigo-600" id="mental">Mental Health Problems</span>
</h1>
<iframe src="https://www.youtube.com/embed/BEsKgEGRjYU" title="YouTube video player" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allowfullscreen="" class="h-[400px] w-full my-12 lg:mx-auto"></iframe>
<p class="text-justify px-8 font-medium">
<!-- <p class="text-justify px-1 font-base text-lg font-serif mb-6"> -->
<p class="text-base leading-8 text-center font-semibold mb-10">
There are numerous mental problems affecting the people in modern
society, including fear, false egos, anxiety, comparisons,
competitions, peer pressure and stressful work environment. Mental
Expand Down Expand Up @@ -462,7 +479,7 @@ <h1 class="text-indigo-600 text-center mb-10 uppercase font-semibold">

<!-- Footer -->
<footer class="">
<div class="footer-divide">
<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" />
Expand All @@ -476,7 +493,7 @@ <h1 class="text-indigo-600 text-center mb-10 uppercase font-semibold">

<div class="footer">
<div class='footer-list'>
<ul><a href="#" class="footer-items">About</a></ul>
<ul><a href="#mentalHealthComponent" class="footer-items">About</a></ul>

<ul><a href="Blogs/Blog.html" class="footer-items">Blogs</a></li>
</div>
Expand Down

0 comments on commit 3ecf899

Please sign in to comment.