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

added uniform footer to my reading list page #1836

Merged
merged 2 commits into from
Nov 14, 2024
Merged

added uniform footer to my reading list page #1836

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
8fdc936
added uniform footer in my reading list page
shivam8112005 Nov 13, 2024
90c8873
added complete uniform footer to my reading list page
shivam8112005 Nov 13, 2024
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
269 changes: 144 additions & 125 deletions bookmarks.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,6 +10,12 @@
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"
integrity="sha384-k6RqeWeci5ZR/Lv4MR0sA0FfDOM23A9ne1mDRAjlGZ/mZTxC1en0R3B0e5nt/q4U" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
<!--swiper slider css-->
<link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css" />

Expand Down Expand Up @@ -274,143 +280,150 @@ <h3 style="margin: 0; color: #007bff;">Your Bookmarks</h3>
</p>
</footer>


<footer id="footer">
<div class="footer-container">
<div class="row mb-3 col-3-main">
<div class="col-3">
<footer id="footer">
<div class="footer-container">
<div class="row mb-3 col-3-main">
<div class="col-3">
<div id="about-us">
<h2 class="footer-title secondary-title">About Us</h2>

<div class="secondary-title text-secondary">
<p class="mt-2 style="text-align: left;">
We are a close-knit team of passionate storytellers dedicated to sharing captivating content with the
world.
</p>

<address>
<i class="fas fa-map-marker-alt text-primary"></i>
5 South Main Street Los Angeles, ZZ-9611 USA
</address>

<div class="phone">
<i class="fas fa-mobile text-primary"></i>
125-896-485
</div>

<div class="email">
<a href="mailto: [email protected]" style="color: 3B3B58;"><i
class="fas fa-envelope text-primary"></i>
<span>[email protected]</span>
</a>
</div>
<div> <a href="privacy.html" style="color: #520be1e7;">Privacy Policy</a> </div>
<div>
<img
src="https://hits.sh/anshika-26.github.io/WordWise.svg?label=Website%20Views&extraCount=1515&color=30322f&labelColor=F5B3B5"
alt="Web views" style="height: 20px;width: 150px;margin-top: 40px;">
<h2 class="footer-title secondary-title">About Us</h2>
<div class="secondary-title text-secondary">
<p class="mt-2 text-lg" style="text-align: left;">
We are a close-knit team of passionate storytellers dedicated to sharing captivating
content with the world.
</p>
<address class="mt-2">
<i class="fas fa-map-marker-alt text-primary"></i>
5 South Main Street Los Angeles, ZZ-9611 USA
</address>
<div class="phone mt-2">
<i class="fas fa-mobile text-primary"></i>
125-896-485
</div>
<div class="email mt-2">
<a href="mailto:[email protected]" style="color: #3B3B58;">
<i class="fas fa-envelope text-primary"></i>
<span>[email protected]</span>
</a>
</div>
<div>
<a href="privacy.html" style="color: #520be1e7;">Privacy Policy</a>
</div>
<div>
<img
src="https://hits.sh/anshika-26.github.io/WordWise.svg?label=Website%20Views&extraCount=1515&color=30322f&labelColor=F5B3B5"
alt="Web views" style="height: 20px;width: 150px;margin-top: 10px;">
</div>
</div>
</div>

</div>
</div>
<div class="col-3">
<h2 class="footer-title secondary-title">Feature Post</h2>

</div>
<div class="col-3">
<h2 class="footer-title secondary-title">Featured Post</h2>
<div class="feature-post">
<div class="flex-item">
<article class="article">
<div class="d-flex ">
<a class="d-flex" href="#">
<img src="./assets/img9.webp" class="object-fit" alt="">
<div class="px-1" style="width: 300px;">
<a href="#" class="text-title display-2 text-dark">
Embrace the beauty of nature through our enchanting blog, where we celebrate the wonders of
the natural world
</a>
<p class="secondary-title text-secondary display-3" style="margin-top:3px;">
<span><i class="far fa-clock text-primary"></i> Wed 02, 2022 </span>
</p>
</div>
</a>
</div>
</article>
</div>
<div class="flex-item">
<article class="article">
<div class="d-flex">
<a class="d-flex" href="#">
<img src="./assets/img1.webp" class="object-fit" alt="">
<div class="px-1" style="width: 300px;">
<a href="#" class="text-title display-2 text-dark">
Embark on unforgettable journeys through our travel blog, where wanderlust meets inspiration
</a>
<p class="secondary-title text-secondary display-3" style="margin-top:3px;">
<span><i class="far fa-clock text-primary"></i> Wed 05, 2020 </span>
</p>
</div>
</a>
</div>
</article>
</div>
<div class="flex-item">
<article class="article">
<div class="d-flex">
<a class="d-flex" href="#">
<img src="./assets/img2.webp" class="object-fit" alt="">
<div class="px-1" style="width: 300px;">
<a href="#" class="text-title display-2 text-dark">
Gaming Adventures Unleashed
</a>
<p class="secondary-title text-secondary display-3" style="margin-top:3px;">
<span><i class="far fa-clock text-primary"></i> Wed 02, 2021 </span>
</p>
</div>
</a>
</div>
</article>
</div>
<div class="flex-item">
<article class="article">
<div class="d-flex" style="align-items: flex-start;">
<a class="d-flex" href="#">
<img src="./assets/img9.webp" class="object-fit" alt="">
<div class="px-1" style="width: 300px;">
<a href="#" class="text-title display-2 text-dark">
Embrace the beauty of nature through our enchanting blog, where we
celebrate the wonders of the natural world
</a>
<p class="secondary-title text-secondary"
style="margin-top:3px;margin-left:0px; text-align: left;">
<span><i class="far fa-clock text-primary"></i> Wed 02, 2022 </span>
</p>
</div>
</a>
</div>
</article>
</div>
<div class="flex-item">
<article class="article">
<div class="d-flex" style="align-items: flex-start;">
<a class="d-flex" href="#">
<img src="./assets/img1.webp" class="object-fit" alt="">
<div class="px-1" style="width: 300px;">
<a href="#" class="text-title display-2 text-dark">
Embark on unforgettable journeys through our travel blog, where
wanderlust meets inspiration
</a>
<p class="secondary-title text-secondary display-3"
style="margin-top:3px;margin-left:0px; text-align: left;">
<span><i class="far fa-clock text-primary"></i> Wed 05, 2020 </span>
</p>
</div>
</a>
</div>
</article>
</div>
<div class="flex-item">
<article class="article">
<div class="d-flex" style="align-items: flex-start;">
<a class="d-flex" href="#">
<img src="./assets/img2.webp" class="object-fit" alt="">
<div class="px-1" style="width: 300px;">
<a href="#" class="text-title display-2 text-dark">
Gaming Adventures Unleashed
</a>
<p class="secondary-title text-secondary display-3"
style="margin-top:3px;margin-left:0px; text-align: left;">
<span><i class="far fa-clock text-primary"></i> Wed 02, 2021 </span>
</p>
</div>
</a>
</div>
</article>
</div>
</div>
</div>
<div class="col-3">
</div>
<div class="col-3">
<h2 class="footer-title secondary-title">Popular Tags</h2>

<div class="tags">
<div class="d-flex-gap flex-wrap">
<a href="#" class="nav-link btn bg-light">Travel</a>
<a href="#" class="nav-link btn bg-light">Food</a>
<a href="#" class="nav-link btn bg-light">Lifestyle</a>
<a href="#" class="nav-link btn bg-light">Techonogy</a>
<a href="#" class="nav-link btn bg-light">Fashion</a>
</div>
<div class="d-flex-gap flex-wrap all-tags">
<a href="./blog.html" class="nav-link btn category-btn">Travel</a>
<a href="./blog.html" class="nav-link btn category-btn">Food</a>
<a href="./blog.html" class="nav-link btn category-btn">Lifestyle</a>
<a href="./blog.html" class="nav-link btn category-btn">Technology</a>
<a href="./blog.html" class="nav-link btn category-btn">Fashion</a>
</div>

<h2 class="footer-title secondary-title mt-2">Connect with us</h2>

</div>
<h2 class="footer-title secondary-title mt-5">Connect with us</h2>
<div class="tags social" id="contact">
<div class="d-flex-gap flex-wrap">
<a href="https://www.facebook.com/" id="facebook" class="nav-link btn bg-light"><i class="fab fa-facebook-f"></i></a>
<a href="https://www.x.com/" id="twitter" class="nav-link btn bg-light"><i class="fa-brands fa-twitter"></i></a>
<a href="https://www.instagram.com/" id="instagram" class="nav-link btn bg-light"><i class="fab fa-instagram"></i></a>
<a href="https://dribbble.com/" id="dribbble" class="nav-link btn bg-light"><i class="fab fa-dribbble"></i></a>
<a href="https://github.com/ANSHIKA-26?tab=overview&from=2022-12-01&to=2022-12-31" id="github" target="_blank" " class="nav-link btn bg-light"
><i class="fa-brands fa-github"></i></a>
</div>
<a href="https://www.facebook.com/" id="facebook" class="nav-link btn bg-light">
<i class="fab fa-facebook-f"></i>
</a>
<a href="https://x.com/" id="twitter" class="nav-link btn bg-light">
<i class="fa-brands fa-x-twitter"></i>
</a>
<a href="https://www.instagram.com/" id="instagram" class="nav-link btn bg-light">
<i class="fab fa-instagram"></i>
</a>
<a href="https://dribbble.com/" id="dribbble" class="nav-link btn bg-light">
<i class="fab fa-dribbble"></i>
</a>
<a href="https://github.com/ANSHIKA-26?tab=overview&from=2022-12-01&to=2022-12-31" id="github" target="_blank"
class="nav-link btn bg-light">
<i class="fab fa-github"></i>
</a>
</div>
</div>

</div>
</div>


</div>
<!-- the authentication copyright -->
<div class="wordwise-footer">
<div class="wordwise-footer-content">
<p>&copy; <span id="current-year"></span> WordWise. All rights reserved.</p>
</div>
</div>

</footer>
</div>
</div>
<!-- the authentication copyright -->
<div class="wordwise-footer">
<div class="wordwise-footer-content">
<p>
&copy; <span id="current-year"></span> WordWise. All rights
reserved.
</p>
</div>
</div>
</footer>

</div>
<div class="gtranslate_wrapper"></div>
Expand All @@ -419,6 +432,11 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
<div id="back-to-top" class="back-to-top">
<i class="fas fa-arrow-up"></i>
</div>
<style>
.all-tags .nav-link{
margin:10px;
}
</style>

<style>
body{
Expand Down Expand Up @@ -466,6 +484,7 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
});
});
</script>

<script src="script.js"></script>
<script src="main.js"></script>
</body>
Expand Down
6 changes: 3 additions & 3 deletions style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2700,7 +2700,7 @@ h1 {
}
#twitter:hover{
color: white;
background-color: #14171A;
background-color: black;
}
#github:hover{
color: white;
Expand Down Expand Up @@ -3825,10 +3825,10 @@ h1 + p, p + p {
font-size: 20px; /* Adjust icon size */
padding: 0;
}
#twitter:hover{
/* #twitter:hover{
color: white;
background-color: #14171A;
}
} */

/* Responsive Design */
@media (max-width: 768px) {
Expand Down
Loading