Skip to content

Commit

Permalink
Merge pull request #897 from abhinav-m22/shlok-footer
Browse files Browse the repository at this point in the history 
Footer update in shlok page
  • Loading branch information
@akshitagupta15june
akshitagupta15june committed Jun 25, 2023
2 parents b8e2f4d + 8fb1aa0 commit eb95188
Show file tree
Hide file tree
Showing 3 changed files with 161 additions and 129 deletions.
2 changes: 2 additions & 0 deletions commonStyles.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,6 +12,8 @@

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

.footer-items{
Expand Down
10 changes: 10 additions & 0 deletions shlok_page/motivation.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -305,3 +305,13 @@ p:hover {
border-radius: 50%;
object-fit: cover;
}

.footer-logo{
max-width: 100%;
height: auto;
}

.footer-divide{
margin-left: 10rem;
margin-right: 10rem;
}
278 changes: 149 additions & 129 deletions shlok_page/motivation.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,17 +4,17 @@
<head>
<title>Random Gita Shlok Generator</title>
<!-- Loading The Bootstrap Library -->
<link
rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
crossorigin="anonymous"
/>
<script src="https://cdn.tailwindcss.com?plugins=forms,typography,aspect-ratio,line-clamp"></script>
<link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet'>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous" />

<link href="../style.css" rel="stylesheet" type="text/css" />
<link href="motivation.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="../commonStyles.css" type="text/css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css"
integrity="sha512-+4zCK9k+qNFUR5X+cKL9EIR+ZOhtIloNl9GIKS57V1MyNsYpYcUrUeQc9vNfzsWfV28IaLL3i96P9sdNyeRssA=="
crossorigin="anonymous" />
integrity="sha512-+4zCK9k+qNFUR5X+cKL9EIR+ZOhtIloNl9GIKS57V1MyNsYpYcUrUeQc9vNfzsWfV28IaLL3i96P9sdNyeRssA=="
crossorigin="anonymous" />
<link rel="icon" type="image/x-icon" href="../Images/moksh.jpeg">
</head>

Expand Down Expand Up @@ -60,119 +60,123 @@
<!-- Google Translate -->
<div id="google_translate_element">
<script type="text/javascript"
src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
</div>
</div>
<!-- Navbar Ends -->


<!-- Shloka Section -->
<link rel="stylesheet" type="text/css"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

<body onload="startTime(); startDate()">


<div id="date"></div>
<div id="display"></div>

<!-- Quote Box -->
<div class="block text-center">
<!-- Front part of the Quote Box -->
<div class="quote-box block__main block__front">
<!-- Quote to be Displayed Here -->
<span class="quote">
<!-- Hyphen is Displayed -->
<i class="fas fa-2x fa-quote-left"></i>

<!-- Quote Text -->
<span class="text"
>Abandon all varieties of religion and just surrender unto Me. I
shall deliver you from all sinful reactions. Do not fear.
</span>
<i class="fas fa-2x fa-quote-right"></i>
</span>

<!-- Author to be Displayed Here -->
<div class="author">- Lord Sri Krishna - Bhagvad-gita 18.66</div>

<div class="buttons">
<button class="new-quote" onclick="newQuote()">New Quote</button>
<button class="tweet-btn" onclick="tweetQuote()">
Tweet<i class="fa fa-twitter fa-xs" aria-hidden="true"></i>
</button>
</div>
</div>
<!-- Back Part of the Quote Box -->
<div class="quote-box block__main block__back">
<!-- Quote to be Displayed Here -->
<span class="quote">
<!-- Hyphen is Displayed -->
<i class="fas fa-2x fa-quote-left"></i>

<!-- Quote Text -->
<span class="text"> Quote To be Displayed Here </span>
<i class="fas fa-2x fa-quote-right"></i>
</span>

<!-- Author to be Displayed Here -->
<div class="author">Author to be Displayed Here</div>

<div class="buttons">
<button class="new-quote" onclick="newQuote()">New Quote</button>
<button class="tweet-btn" onclick="tweetQuote()">
Tweet<i class="fa fa-twitter fa-lg" aria-hidden="true"></i>
</button>
<!-- Quote Box -->
<div class="block text-center">
<!-- Front part of the Quote Box -->
<div class="quote-box block__main block__front">
<!-- Quote to be Displayed Here -->
<span class="quote">
<!-- Hyphen is Displayed -->
<i class="fas fa-2x fa-quote-left"></i>

<!-- Quote Text -->
<span class="text">Abandon all varieties of religion and just surrender unto Me. I
shall deliver you from all sinful reactions. Do not fear.
</span>
<i class="fas fa-2x fa-quote-right"></i>
</span>

<!-- Author to be Displayed Here -->
<div class="author">- Lord Sri Krishna - Bhagvad-gita 18.66</div>

<div class="buttons">
<button class="new-quote" onclick="newQuote()">New Quote</button>
<button class="tweet-btn" onclick="tweetQuote()">
Tweet<i class="fa fa-twitter fa-xs" aria-hidden="true"></i>
</button>
</div>
</div>
<!-- Back Part of the Quote Box -->
<div class="quote-box block__main block__back">
<!-- Quote to be Displayed Here -->
<span class="quote">
<!-- Hyphen is Displayed -->
<i class="fas fa-2x fa-quote-left"></i>

<!-- Quote Text -->
<span class="text"> Quote To be Displayed Here </span>
<i class="fas fa-2x fa-quote-right"></i>
</span>

<!-- Author to be Displayed Here -->
<div class="author">Author to be Displayed Here</div>

<div class="buttons">
<button class="new-quote" onclick="newQuote()">New Quote</button>
<button class="tweet-btn" onclick="tweetQuote()">
Tweet<i class="fa fa-twitter fa-lg" aria-hidden="true"></i>
</button>
</div>
</div>
</div>
</div>
</div>
<br>
<br>
<div id="content" class="content">
<br>
<h1 align="center"><i><b>Sloks have changed lives of Great People</b></i></h1>
<div class="card-container">
<div class="card">
<img src="../Images/MG.jpg" height="205" alt="Image 4" />
<h3>Mahatma Gandhi</h3>
<p>

Mahatma Gandhi, the revered leader of India's independence movement, was deeply influenced by the teachings of the Bhagavad Gita, a sacred Hindu scripture. The Bhagavad Gita contains numerous slokas that emphasize the importance of selflessness, non-violence, and the pursuit of truth.


</p>
<div class="btn-shift-2">
<a href="../Importance of Sloks/Great People.html"><button class="learn-more">Learn More</button></a>
</div>
</div>
<div class="card">
<img src="../Images/rnt.jpeg" height="205" alt="Image 4" />
<h3>Rabindranath Tagore</h3>
<p>
Rabindranath Tagore, the Nobel laureate poet and philosopher from India, had a deep appreciation for the
spiritual and philosophical aspects of life. He frequently drew inspiration from the Upanishads, a collection of ancient Hindu scriptures, and incorporated their slokas into his literary works.


</p>
<div class="btn-shift-2">
<a href="../Importance of Sloks/Great People.html"><button class="learn-more">Learn More</button></a>
</div>
<img src="../Images/MG.jpg" height="205" alt="Image 4" />
<h3>Mahatma Gandhi</h3>
<p>

Mahatma Gandhi, the revered leader of India's independence movement, was deeply influenced by the teachings
of the Bhagavad Gita, a sacred Hindu scripture. The Bhagavad Gita contains numerous slokas that emphasize
the importance of selflessness, non-violence, and the pursuit of truth.


</p>
<div class="btn-shift-2">
<a href="../Importance of Sloks/Great People.html"><button class="learn-more">Learn More</button></a>
</div>
<div class="card">
<img src="../Images/sv.jpeg" height="205" alt="Image 4" />
<h3>Swami Vivekananda</h3>
<p>
Swami Vivekananda, a prominent spiritual leader and disciple of Sri Ramakrishna, played a crucial role in introducing Hindu philosophy to the West. He often quoted slokas from ancient texts like the Upanishads and the Bhagavad Gita during his speeches and lectures.



</p>
<div class="btn-shift-2">
<a href="../Importance of Sloks/Great People.html"><button class="learn-more">Learn More</button></a>
</div>
</div>
<div class="card">
<img src="../Images/rnt.jpeg" height="205" alt="Image 4" />
<h3>Rabindranath Tagore</h3>
<p>
Rabindranath Tagore, the Nobel laureate poet and philosopher from India, had a deep appreciation for the
spiritual and philosophical aspects of life. He frequently drew inspiration from the Upanishads, a
collection of ancient Hindu scriptures, and incorporated their slokas into his literary works.


</p>
<div class="btn-shift-2">
<a href="../Importance of Sloks/Great People.html"><button class="learn-more">Learn More</button></a>
</div>
</div>
<div class="card">
<img src="../Images/sv.jpeg" height="205" alt="Image 4" />
<h3>Swami Vivekananda</h3>
<p>
Swami Vivekananda, a prominent spiritual leader and disciple of Sri Ramakrishna, played a crucial role in
introducing Hindu philosophy to the West. He often quoted slokas from ancient texts like the Upanishads and
the Bhagavad Gita during his speeches and lectures.



</p>
<div class="btn-shift-2">
<a href="../Importance of Sloks/Great People.html"><button class="learn-more">Learn More</button></a>
</div>
</div>
</div>
</div>

<br>
<br>
<br>
Expand All @@ -182,44 +186,60 @@ <h3>Swami Vivekananda</h3>
<br>
<br>
<br>
<style>
footer {
clear: both;
position: relative;
height: 200px;
margin-top: -200px;
}
</style>

<footer class="footer">
<div class="logo-title">
<img class="logo" src="../Images/moksh.png" alt="Moksh Logo" />
<h3 class="title">
Moksh
</h3>
</div>
<div class="tagline">
<p>
A Spiritual Productivity Tool for Mental Wellness
</p>
</div>
<div class="intro">
<p id="quote2">
Moksh is a spiritual productivity tool designed for individuals who
want to unlock their potential and achieve true balance in life.
</p>
<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 footer-logo" />
</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>
<hr color="#000" size="1" />
<div class="copyright" style="display: flex; justify-content: space-around">
<p id="quote3">
Made with ❤️ by Akshita during XPRESSION'23
</p>
<p id="quote4">
&copy; 2023 Moksh. All rights reserved.
</p>

<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="currentColor" 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="currentColor" 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>
<style>
footer {
clear: both;
position: relative;
height: 200px;
margin-top: -200px;
}
</style>
</div>


<!-- <div id="b-nav">
</div> -->
Expand Down

0 comments on commit eb95188

Please sign in to comment.