Skip to content

Commit

Permalink
Merge pull request #1836 from shivam8112005/new
Browse files Browse the repository at this point in the history 
added uniform footer to my reading list page
  • Loading branch information
@ANSHIKA-26
ANSHIKA-26 authored Nov 14, 2024
2 parents 340a6f1 + 90c8873 commit 35306bc
Show file tree
Hide file tree
Showing 2 changed files with 147 additions and 128 deletions.
269 changes: 144 additions & 125 deletions bookmarks.html
View file
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
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

1 comment on commit 35306bc

@vercel
Copy link

@vercel vercel bot commented on 35306bc Nov 14, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Successfully deployed to the following URLs:

word-wise – ./

word-wise-git-main-anshikas-projects-45924011.vercel.app
word-wise-pi.vercel.app
word-wise-anshikas-projects-45924011.vercel.app

Please sign in to comment.