Merge branch 'apu52:main' into feat/dark-mode-in-membership-page

Adventure.html

@@ -600,7 +600,7 @@ <h4>Contact Us</h4>
 
           <a href="">
             <div class="icon">
-              <i class="fab fa-twitter" title="X" style="cursor: pointer;"></i>
+              <i class="fa-brands fa-x-twitter" title="X" style="cursor: pointer;"></i>
             </div>
           </a>
 

HoneyMoon.html

@@ -593,7 +593,7 @@ <h4>Contact Us</h4>
 
           <a href="">
             <div class="icon">
-              <i class="fab fa-twitter" title="X" style="cursor: pointer;"></i>
+              <i class="fa-brands fa-x-twitter" title="X" style="cursor: pointer;"></i>
             </div>
           </a>
 

Image-Gallery/style.css

@@ -102,7 +102,7 @@ body {
 }
 
 .btn {
-  bottom: -80px;
+  top : -40px;
   background-color: slateblue;
   color: white;
   border: none;

README.md

@@ -50,7 +50,14 @@
 <h2>Overview📌</h2>
 <p>This repository contains my project on a Travel Website✈️ using HTML, CSS and JavaScript. It features a landing page for a travel tour company website. Finding the perfect travel destination can be a challenge. This project aims to streamline that process🚤. We welcome all contributions to make this a fantastic resource for travelers. Jump in and contribute to this grand project! Read the guidelines📚 and get started building!</p>
 
-<h2>Live Project -- https://apu52.github.io/Travel_Website/</h2>
+<h2>Live Demo</h2>
+
+Check out the live project [here](https://apu52.github.io/Travel_Website/).
+
+<p align="center">
+  <img src="https://github.com/avanimathur/Travel_Website/assets/151984867/1024d506-92c6-4b35-a4ab-2d4eaca78199" alt="Live Demo">
+</p>
+
 <h2>Features</h2>
 
 - **Introductory Page**: Welcomes visitors with an engaging introductory page that highlights the essence of our travel website and sets the tone for exploration.
@@ -72,33 +79,27 @@
 <h2>Open-Source-Programmes⭐</h2>
 
  ### This project is now OFFICIALLY accepted for
-
-![GSSOC](https://github.com/apu52/METAVERSE/assets/114172928/e79eb6de-81b1-4ffb-b6ed-f018bb977e88)
 
 <div align="center">
-
-  <img src="img/VSOC new.png" width="100%">
+  <img src="https://github.com/apu52/METAVERSE/assets/114172928/e79eb6de-81b1-4ffb-b6ed-f018bb977e88" alt="GSSOC" width="80%">
 </div>
 
-
-
-
+<div align="center">
+  <img src="img/VSOC new.png" alt="VSOC" width="80%">
+</div>
 
 ### This project was part of following Open Source Programs
 
 <div align="center">
-
-  <img src="img/JWOC.png" width="50%">
+  <img src="img/JWOC.png" alt="JWOC" width="50%">
 </div>
-
 <h2>Getting Started💥</h2>
 
 <h3>Local Installation video</h3>
 
 [video](https://drive.google.com/file/d/1LsBudIUtZLDMSlmBDdOfT001QRqGBSbN/view?usp=sharing)
 
 
-
 ## How to make a Pull Request?
 
 **1.** Start by forking the [**Travel_Website**](https://github.com/apu52/Travel_Website) repository. Click on the <a href="https://github.com/apu52/Travel_Website/fork"><img src="https://i.imgur.com/G4z1kEe.png" height="21" width="21"></a> symbol at the top right corner.

blog.css

@@ -11,7 +11,7 @@
 body, html {
     margin: 0;
     padding: 0;
-    font-family: 'Outfit', sans-serif;
+    font-family: 'Outfit', sans-serif !important;
     line-height: 1.6;
     color: var(--text-color);
     height: 100%;
@@ -101,6 +101,37 @@ body, html {
     padding: 2rem;
     margin-top: 10vh;
 }
+.tag {
+    cursor: pointer;
+    transition: background-color 0.3s ease;
+}
+
+.tag:hover {
+    background-color: #007bff;
+    color: white;
+}
+
+.filter-controls {
+    margin-bottom: 20px;
+    text-align: left;
+}
+
+.reset-filters-btn {
+    font-family: "Outfit";
+    padding: 5px 10px;
+    font-size: 1.0rem;
+    font-weight: 500;
+    background-color: #f39c12;
+    border: 3px solid #011c34;
+    color: #ffffff;
+    border-radius: 4px;
+    cursor: pointer;
+    transition: background-color 0.3s ease;
+}
+
+.reset-filters-btn:hover {
+    background-color: #e2e6ea;
+}
 
 main {
     display: flex;
@@ -111,6 +142,7 @@ main {
 
 #blog-posts {
     flex: 2;
+    margin-top: 20px;
     display: flex;
     flex-direction: column;
     gap: 2rem;
@@ -179,6 +211,8 @@ main {
 
 .tag:hover {
     background-color: var(--primary-color);
+    color: #f39c12;
+    transition: background-color 0.3s ease;
 }
 
 .read-more {
@@ -294,6 +328,8 @@ aside {
 
 .newsletter-form button:hover {
     background-color: var(--primary-color);
+    color: #f39c12;
+    transition: background-color 0.3s ease;
 }
 
 @media (max-width: 768px) {