Skip to content

Commit

Permalink
Merge pull request #1620 from Antima2004/main
Browse files Browse the repository at this point in the history
link the popular tags
  • Loading branch information
hiteashgupta1 authored Nov 3, 2024
2 parents 6fcc521 + a1aa77f commit 52944b9
Showing 1 changed file with 144 additions and 46 deletions.
190 changes: 144 additions & 46 deletions start_writing.html
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,7 @@
<!-- <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"> -->
<link rel="stylesheet" href="style.css" />
<link rel="stylesheet" href="start_writing.css" />
<link rel="stylesheet" href="Scroll_and_progressbar.css" />
<link rel="stylesheet" href="Scroll_and_progressbar.css">

<style>
* {
Expand Down Expand Up @@ -455,51 +455,81 @@ <h4>Suggestions:</h4>

<!-- main -->


<!-- footer -->
<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 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>

<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 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: 40px;">
</div>
</div>

<div class="email mt-2">
<a href="mailto: [email protected]" style="color: 3B3B58;"><i class="fas fa-envelope text-primary"></i>
<span id="mailhover">[email protected]</span>
<style>
#mailhover:hover{
color: #f44336;
transition: color 0.5s ease-out;
}
</style>
</a>
</div>
</div>
</div>
<div class="col-3">
<h2 class="footer-title secondary-title">Feature Post</h2>

<<<<<<< HEAD
<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;"> -->
<div class="containerWebsiteViews">
<div class="containerText"><p>Website Views</p></div>
<div class="containerNumbers"><p id="visitorCount">0</p></div>
</div>
</div>
=======
<div class="feature-post">
<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>
>>>>>>> 906ed6c847c280929b287b5f902d16021c9531c5
</div>
</a>
</div>
</article>

<<<<<<< HEAD
</div>
</div>
<div class="col-3">
Expand Down Expand Up @@ -565,11 +595,11 @@ <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 pop-link">Travel</a>
<a href="#" class="nav-link btn bg-light pop-link">Food</a>
<a href="#" class="nav-link btn bg-light pop-link">Lifestyle</a>
<a href="#" class="nav-link btn bg-light pop-link">Techonogy</a>
<a href="#" class="nav-link btn bg-light pop-link">Fashion</a>
<a href="start_writing.html" class="nav-link btn bg-light pop-link">Travel</a>
<a href="start_writing.html" class="nav-link btn bg-light pop-link">Food</a>
<a href="start_writing.html" class="nav-link btn bg-light pop-link">Lifestyle</a>
<a href="start_writing.html" class="nav-link btn bg-light pop-link">Techonogy</a>
<a href="start_writing.html" class="nav-link btn bg-light pop-link">Fashion</a>
</div>
<style>
.pop-link{
Expand All @@ -589,19 +619,87 @@ <h2 class="footer-title secondary-title mt-5">Connect with us</h2>
<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>
<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>
>>>>>>> 906ed6c847c280929b287b5f902d16021c9531c5
</div>
</div>

</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">
<h2 class="footer-title secondary-title">Popular Tags</h2>

<div class="tags">
<div class="d-flex-gap flex-wrap">
<a href="start_writing.html" class="nav-link btn bg-light ">Travel</a>
<a href="start_writing.html" class="nav-link btn bg-light">Food</a>
<a href="start_writing.html" class="nav-link btn bg-light">Lifestyle</a>
<a href="start_writing.html" class="nav-link btn bg-light">Techonogy</a>
<a href="start_writing.html" class="nav-link btn bg-light">Fashion</a>
</div>
</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://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="fa-brands fa-github"></i></a>
</div>
</div>

</div>
<!-- the authentication copyright -->
<div class="wordwise-footer">
<div class="wordwise-footer-content">
<p class="last">&copy; <span id="current-year"></span> WordWise. All rights reserved.</p>
</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>
<!-- .footer -->
Expand Down

1 comment on commit 52944b9

@vercel
Copy link

@vercel vercel bot commented on 52944b9 Nov 3, 2024

Choose a reason for hiding this comment

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

Please sign in to comment.