Skip to content

Commit

Permalink
Merge pull request #1435 from saumyayadav25/user-saumya
Browse files Browse the repository at this point in the history 
social icons specially x updated in footer
  • Loading branch information
@ANSHIKA-26
ANSHIKA-26 authored Oct 26, 2024
2 parents 7e6e174 + 389643f commit a9365b5
Show file tree
Hide file tree
Showing 2 changed files with 14 additions and 102 deletions.
60 changes: 8 additions & 52 deletions blog.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@
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 All @@ -20,7 +20,7 @@
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="Scroll_and_progressbar.css">




</head>
Expand Down Expand Up @@ -1308,56 +1308,12 @@ <h2 class="footer-title secondary-title mt-2">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.x.com/" id="twitter" class="nav-link btn bg-light social-link"><i class="fa-brands fa-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>
<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 social-link"
><i class="fa-brands fa-github"></i></a>
<style>

.social-link{
transition: 0.5s ease-in !important;
}
#facebook {
background-color: #f0f0f0; /* Default light background */
color: #3b5998; /* Default Facebook blue for the icon */
transition: background-color 0.3s ease, color 0.3s ease;
}
#facebook:hover {
background-color: #3b5998; /* Facebook blue on hover */
color: #ffffff; /* White icon on hover */
}

#twitter {
color: #010a10; /* Default X blue for the icon */
transition: background-color 0.3s ease, color 0.3s ease;
}
#instagram {
background-color: #f0f0f0; /* Default light background */
color: #e1306c; /* Default Instagram pink for the icon */
transition: background-color 0.3s ease, color 0.3s ease;
}

#instagram:hover {
background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888); /* Instagram gradient */
color: #ffffff; /* White icon on hover */
}


#dribbble{
background-color: #f0f0f0; /* Default light background */
color: #ea4c89; /* Default Dribbble pink for the icon */
transition: background-color 0.3s ease, color 0.3s ease;
}

#dribbble:hover {
background-color: #ea4c89; /* Dribbble pink on hover */
color: #ffffff; /* White icon on hover */
}

</style>
<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.twitter.com/" id="twitter" class="nav-link btn bg-light"><i class="fa-brands fa-x-twitter"></i>
<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>

Expand Down
56 changes: 6 additions & 50 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1404,56 +1404,12 @@ <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" 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>
<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 social-link"
><i class="fa-brands fa-github"></i></a>
<style>

.social-link{
transition: 0.2s ease-in !important;
}
#facebook {
background-color: #f0f0f0; /* Default light background */
color: #3b5998; /* Default Facebook blue for the icon */
transition: background-color 0.3s ease, color 0.3s ease;
}
#facebook:hover {
background-color: #3b5998; /* Facebook blue on hover */
color: #ffffff; /* White icon on hover */
}

#twitter {

color: #010a10; /* Default X blue for the icon */
transition: background-color 0.3s ease, color 0.3s ease;
}
#instagram {
background-color: #f0f0f0; /* Default light background */
color: #e1306c; /* Default Instagram pink for the icon */
transition: background-color 0.3s ease, color 0.3s ease;
}

#instagram:hover {
background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888); /* Instagram gradient */
color: #ffffff; /* White icon on hover */
}


#dribbble{
background-color: #f0f0f0; /* Default light background */
color: #ea4c89; /* Default Dribbble pink for the icon */
transition: background-color 0.3s ease, color 0.3s ease;
}

#dribbble:hover {
background-color: #ea4c89; /* Dribbble pink on hover */
color: #ffffff; /* White icon on hover */
}

</style>
<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>

Expand Down

1 comment on commit a9365b5

@vercel
Copy link

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

Please sign in to comment.