Skip to content

Commit

Permalink
Merge pull request #107 from MOHDNEHALKHAN/main
Browse files Browse the repository at this point in the history 
#issue80 solved
  • Loading branch information
@akshitagupta15june
akshitagupta15june committed Apr 30, 2023
2 parents 293e346 + cd1d025 commit 860188a
Show file tree
Hide file tree
Showing 2 changed files with 103 additions and 44 deletions.
61 changes: 48 additions & 13 deletions motivation.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -27,6 +27,7 @@ body {
padding-bottom: 20px;
opacity: 0.8;
filter: alpha(opacity=80); /* For IE8 and earlier */
text-align: center;
}

#date {
Expand All @@ -37,17 +38,41 @@ body {
letter-spacing: 0.2em;
opacity: 0.6;
filter: alpha(opacity=60); /* For IE8 and earlier */
text-align: center;
}
footer {
background-color: #2980b9;
color: #fff;
padding: 20px 0;
font-size: 14px;
margin: 0;
}

#footer {
width: 100%;
height: 40px;
position: fixed;
bottom: -1px;
background-color: rgb(4, 4, 4);
text-align: center;
opacity: 0.5;
filter: alpha(opacity=50); /* For IE8 and earlier */
footer .logo-title {
display: flex;
justify-content: center;
align-items: center;
}

footer .quick-links ul {
display: flex;
flex-direction: column;
align-items: flex-start;
font-size: 18px;
margin-top: 15px;
}
footer ul li {
margin-top: 5px;
}
footer ul li a {
color: #fff;
text-decoration: none;
}
footer .quick-links ul li a:hover {
text-decoration: none;
padding: 5px;
background-color: #b1bce0;
color: #666;
}

#line {
Expand Down Expand Up @@ -80,7 +105,7 @@ span {
#content {
height: 45em;
}
p {
#quote {
max-width: 30em;
color: #2980b9;
font-family: 'Adobe Caslon Pro', 'Hoefler Text', Georgia, Garamond, Times,
Expand All @@ -93,21 +118,28 @@ p {
font-size: 2em;
font-variant: small-caps;
}

#quote2{
color:#fff;
}
#quote3{
color: #fff;
}
#quote4{
color: #fff;
}
p :hover {
text-decoration: none;
}

.container {
padding-top: 6em;
text-align: center;
}

#b-nav {
padding-bottom: 5em;
position: fixed;
width: 100%;
bottom: 2em;
bottom: 8em;
}

#b-nav ul {
Expand Down Expand Up @@ -175,3 +207,6 @@ p :hover {
margin-left: 20px;
color: rgb(0, 255, 255);
}
.link {
margin: 10px 0px 5px 10px;
}
86 changes: 55 additions & 31 deletions motivation.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -69,6 +69,61 @@
<div id="content">
<p id="quote">"Abandon all varieties of religion and just surrender unto Me. I shall deliver you from all sinful
reactions. Do not fear." <br />- Lord Sri Krishna - Bhagvad-gita 18.66</p>
<footer>
<div class="logo-title">
<img
class="logo"
src="Images/moksh.png"
alt="Moksh Logo"
style="
height: 60px;
width: 60px;
margin-right: 10px;
filter: invert(84%) sepia(28%) saturate(30%) hue-rotate(195deg)
brightness(97%) contrast(99%);
"
/>

<h3
class="title"
style="
font-size: 28px;
text-align: end;
color: #fff;
margin-top: 12px;
"
>
Moksh
</h3>
</div>
<div class="tagline">
<p style="font-size: 18px; text-align: center; color: #fff">
A Spiritual Productivity Tool for Mental Wellness
</p>
</div>
<div class="intro">
<p id="quote2" style="text-align: center">
Moksh is a spiritual productivity tool designed for individuals who
want to unlock their potential and achieve true balance in life.
</p>
</div>
<div class="quick-links">
<h4 style="margin-left: 10px; margin-bottom: 10px">Quick Link</h4>
<a class="link" href="index.html"><b>HOME</b></a>
</div>
<hr color="#000" size="1" />
<div
class="copyright"
style="display: flex; justify-content: space-around"
>
<p id="quote3" style="font-size: 14px; text-align: center; margin-top: 10px">
Made with ❤️ by Akshita during XPRESSION'23
</p>
<p id="quote4" style="font-size: 14px; text-align: center; margin-top: 10px">
&copy; 2023 Moksh. All rights reserved.
</p>
</div>
</footer>
</div>
</div>

Expand All @@ -81,37 +136,6 @@
</ul>
</div>


<footer style="padding:5px 10px;">
<div class="logo-title">
<img class='logo' src="Images/moksh.png" alt="Moksh Logo" style="height: 50px; margin-right: 10px; filter: invert(84%) sepia(28%) saturate(30%) hue-rotate(195deg) brightness(97%) contrast(99%);"/>
<h3 class="title" style="font-size: 28px; text-align: end; color: #fff; margin-top:12px">Moksh</h3>
</div>
<div class="tagline">
<p style="font-size: 18px; text-align: center; color: #fff;">A Spiritual Productivity Tool for Mental Wellness</p>
</div>
<div class="intro">
<p style="text-align:center;">Moksh is a spiritual productivity tool designed for individuals who want to unlock their potential and achieve true balance in life. </p>
</div>
<div class="quick-links">
<h4 style="margin-left:10px">Quick Links</h4>
<ul>
<li><a class="active" href="index.html">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="meditation.html">Augmented Reality Meditation</a></li>
<li><a href="event.html">Iskcon Events</a></li>
<li><a href="story.html">Divine activities for all Generation</a></li>
<li><a href="reward.html">Pomodoro spriritual Break</a></li>
<li><a href="motivation.html">Read a Shlok</a></li>
<li><a href="rejuvenate.html">Rejuvenate</a></li>
</ul>
</div>
<hr color="#000" size="10">
<div class="copyright" style="display:flex; justify-content:space-around">
<p style=" font-size: 14px; text-align: center; margin-top: 10px;">Made with ❤️ by Akshita during XPRESSION'23</p>
<p style=" font-size: 14px; text-align: center; margin-top: 10px;">&copy; 2023 Moksh. All rights reserved.</p>
</div>
</footer>
<script src="motivation.js"></script>
</body>

Expand Down

0 comments on commit 860188a

Please sign in to comment.