Skip to content

Commit

Permalink
Merge pull request #1401 from shivam8112005/new
Browse files Browse the repository at this point in the history 
Improve footer and add sticky navbar on contactus and feedback page
  • Loading branch information
@ANSHIKA-26
ANSHIKA-26 authored Oct 25, 2024
2 parents 3074fe9 + b15e1c2 commit eb31832
Show file tree
Hide file tree
Showing 5 changed files with 64 additions and 37 deletions.
10 changes: 5 additions & 5 deletions blog.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1279,11 +1279,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" style="font-weight: 400;">Travel</a>
<a href="#" class="nav-link btn bg-light pop-link" style="font-weight: 400;">Food</a>
<a href="#" class="nav-link btn bg-light pop-link" style="font-weight: 400;">Lifestyle</a>
<a href="#" class="nav-link btn bg-light pop-link" style="font-weight: 400;">Techonogy</a>
<a href="#" class="nav-link btn bg-light pop-link" style="font-weight: 400;">Fashion</a>
<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>
</div>
<style>
.pop-link{
Expand Down
13 changes: 7 additions & 6 deletions contact_us.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -84,6 +84,7 @@
</head>

<body>
<nav1>
<div class="progress-container">
<div class="progress-bar" id="progress-bar"></div>
</div>
Expand Down Expand Up @@ -380,7 +381,7 @@ <h2 class="text-center">Signup</h2>
</div>
</header>
</div>
</nav>
</nav1>

<div class="container" style="
max-width: 600px;
Expand Down Expand Up @@ -639,11 +640,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 " style="font-weight: 400;">Travel</a>
<a href="#" class="nav-link btn bg-light" style="font-weight: 400;">Food</a>
<a href="#" class="nav-link btn bg-light" style="font-weight: 400;">Lifestyle</a>
<a href="#" class="nav-link btn bg-light" style="font-weight: 400;">Techonogy</a>
<a href="#" class="nav-link btn bg-light" style="font-weight: 400;">Fashion</a>
<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>

Expand Down
13 changes: 7 additions & 6 deletions give_feedback.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -84,6 +84,7 @@
</head>

<body>
<nav1>
<div class="progress-container">
<div class="progress-bar" id="progress-bar"></div>
</div>
Expand Down Expand Up @@ -438,7 +439,7 @@ <h2 class="text-center">Signup</h2>
</div>
</header>
</div>
</nav>
</nav1>



Expand Down Expand Up @@ -687,11 +688,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 " style="font-weight: 400;">Travel</a>
<a href="#" class="nav-link btn bg-light" style="font-weight: 400;">Food</a>
<a href="#" class="nav-link btn bg-light" style="font-weight: 400;">Lifestyle</a>
<a href="#" class="nav-link btn bg-light" style="font-weight: 400;">Techonogy</a>
<a href="#" class="nav-link btn bg-light" style="font-weight: 400;">Fashion</a>
<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>

Expand Down
14 changes: 7 additions & 7 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1375,11 +1375,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" style="font-weight: 400;">Travel</a>
<a href="#" class="nav-link btn bg-light pop-link" style="font-weight: 400;">Food</a>
<a href="#" class="nav-link btn bg-light pop-link" style="font-weight: 400;">Lifestyle</a>
<a href="#" class="nav-link btn bg-light pop-link" style="font-weight: 400;">Techonogy</a>
<a href="#" class="nav-link btn bg-light pop-link" style="font-weight: 400;">Fashion</a>
<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>
</div>
<style>
.pop-link{
Expand All @@ -1393,7 +1393,7 @@ <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 social-link"><i class="fab fa-facebook-f"></i></a>
<a href="https://www.facebook.com/" id="facebook" class="nav-link btn bg-light social-link" style="transition: all 0.2s ease;"><i class="fab fa-facebook-f"></i></a>
<a href="https://www.x.com/" id="twitter" class="nav-link btn bg-light social-link"><i class="fa-brands fa-x-twitter"></i></a>
<a href="https://www.instagram.com/" id="instagram" class="nav-link btn bg-light social-link"><i class="fab fa-instagram"></i></a>
<a href="https://dribbble.com/" id="dribbble" class="nav-link btn bg-light social-link"><i class="fab fa-dribbble"></i></a>
Expand All @@ -1402,7 +1402,7 @@ <h2 class="footer-title secondary-title mt-5">Connect with us</h2>
<style>

.social-link{
transition: 0.5s ease-in !important;
transition: 0.2s ease-in !important;
}
#facebook {
background-color: #f0f0f0; /* Default light background */
Expand Down
51 changes: 38 additions & 13 deletions style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1528,21 +1528,25 @@ body.dark .support a {
}

.d-flex {
/* padding: 5px 5px; */
margin-top: 10px;
display: flex;
align-items: center;
justify-content: start;
gap: 10px;
justify-content: space-around;
/* gap: 10px; */
}

.d-flex-gap {
margin: 10px 15px;
display: flex;
flex-wrap: wrap;
gap: 10px;

/* justify-content: space-around; */
}

.d-flex-gap a {
transition: all 0.2s ease;
font-weight: 600;
color: var(--text-color);
}
Expand Down Expand Up @@ -1818,7 +1822,7 @@ a {

.sliderr .slide {
width: 16.66%;
transition: 0.6s ease;
transition: 0.3s ease;
}

.sliderr .slide img {
Expand Down Expand Up @@ -2141,10 +2145,10 @@ a {

.nav-link:hover{
/* Change background color on hover */
color: #f8b5b5;
scale: 1.2; /* Change text color on hover */
/* Optional: Change border color on hover */
transition: background-color 0.3s ease, color 0.3s ease; /* Smooth transition */
/* color: #f8b5b5;
scale: 1.01; Change text color on hover
Optional: Change border color on hover
transition: background-color 0.3s ease, color 0.3s ease; Smooth transition */
}
.search-box {
border-right: none;
Expand Down Expand Up @@ -2672,16 +2676,17 @@ for facebook
} */


.flex-wrap a{
margin-right: 10px;
transition: all .38s ease-in-out;
}

.flex-wrap a:hover{
transform: scale(1.05);
padding: 2px 4px;
border-radius: 4px;

/* padding: 2px 4px; */
border-radius: 2px;
/* transition: all 0.2s ease-in-out; */

}


#facebook:hover{
color: white;
background-color:rgb(62, 62, 255) ;
Expand Down Expand Up @@ -3375,3 +3380,23 @@ nav{
transform: translateY(0); /* Final position */
}
}
.flex-wrap a{
margin-right: 10px;
transition: 0.1s ease-in !important;
size: 1rem;
font-weight: 600;
color: var(--text-color);

}/*
.flex-wrap a i{
size: 1rem;
transition:all 0.2s ease ;
} */
nav1{
width: 100%;
position: fixed;
top:0;
margin-bottom: 4rem;
z-index: 999;

}

1 comment on commit eb31832

@vercel
Copy link

@vercel vercel bot commented on eb31832 Oct 25, 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-anshikas-projects-45924011.vercel.app
word-wise-pi.vercel.app
word-wise-git-main-anshikas-projects-45924011.vercel.app

Please sign in to comment.