diff --git a/Untitled.mp4 b/Untitled.mp4
new file mode 100644
index 0000000..d9987e8
Binary files /dev/null and b/Untitled.mp4 differ
diff --git a/exp.html b/exp.html
index dd7c10d..f83a27b 100644
--- a/exp.html
+++ b/exp.html
@@ -53,103 +53,58 @@
   overflow: hidden; /* Hide any overflowing content */
 }
 
-section {
-  padding:30px;
-  color: #fff;
-}
- 
-/* ... (previously defined styles) ... */
+ /* Add this CSS to your existing styles.css or create a new CSS file */
+
+ /* Add this CSS to your existing styles.css or create a new CSS file */
 
-/* Main content styles */
 #places {
-  background-color: #000000;
-  text-align: center;
-  /* padding: 50px 0; */
+  padding: 40px;
 }
 
 .category-buttons {
-  margin-bottom: 30px;
+  display: flex;
+  justify-content: center;
+  margin-bottom: 20px;
 }
 
 .category-btn {
-  padding: 8px 16px;
-  font-size: 18px;
-  background-color: #fff;
+  background-color: #f39c12;
+  color: #fff;
   border: none;
   border-radius: 4px;
+  padding: 10px 20px;
+  margin: 0 5px;
   cursor: pointer;
   transition: background-color 0.3s;
 }
 
 .category-btn.active {
-  background-color: #ddd;
-}
-
-.places-images {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
-  grid-gap: 20px;
-  justify-items: center;
-  align-items: center;
-  margin-top: 30px;
-}
-
-.place {
-  display: flex;
-  flex-direction: column;
-}
-
-.place img {
-  width: 100%;
-  height: auto;
-  max-height: 200px;
-  border-radius: 8px;
-  object-fit: cover;
-  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+  background-color: #e74c3c;
 }
 
-.place p {
-  font-size: 16px;
-  color: #fff;
-  margin-top: 10px;
-}
-
-
 .places-cards {
   display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
   grid-gap: 20px;
-  justify-items: center;
-  align-items: center;
-  margin-top: 30px;
 }
 
 .place-card {
-  background-color: #000000;
-  padding: 20px;
+  background-color: #fff;
   border-radius: 8px;
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
-  text-align: center;
+  overflow: hidden;
+  transition: transform 0.3s;
 }
 
 .place-card img {
-  width: 100%;
-  height: auto;
-  max-height: 200px;
-  border-radius: 8px;
+  max-width: 100%;
+  max-height: 100%;
   object-fit: cover;
-  transition: transform 0.3s;
 }
-.place-card img:hover {
-  transform: scale(1.1);  
-}
-.place-card h3 {
-  font-size: 16px;
-  margin-top: 10px;
-  color: #ffffff;
-}
- 
 
+.place-card:hover {
+  transform: scale(1.05);
+}
 
 
 
@@ -157,13 +112,14 @@
     position: relative;
     width: 100%;
     height:88vh; 
-    overflow: hidden;
+    overflow: hidden; 
   }
   
   .banner-images {
     position: absolute;
     display: flex;
     animation: scrollImages 20s linear infinite; /* Adjust the time as needed */
+    margin: 30px;
   }
   
   .banner-images img {
@@ -210,11 +166,11 @@
   <header>
     <div class="logo">
       <!-- Your logo goes here -->
-      <img src="food-delight-low-resolution-logo-white-on-transparent-background.png" alt="Logo">
+      <img src="globetales-india-low-resolution-logo-color-on-transparent-background.png" alt="Logo">
     </div>
     <nav>
       <ul>
-        <li><a href="#home">Home</a></li>
+        <li><a href="index.html">Home</a></li>
         <li><a href="#places">Places</a></li>
         <li><a href="#blogs">Blogs</a></li>
         <li><a href="#" onclick="openSearchWindow()">Search</a></li>
@@ -235,7 +191,7 @@
       </div>
       <div class="banner-text">
         <!-- <h1>Welcome to Our Restaurant<br></h1> -->
-        <p>"Delight your taste buds with our culinary symphony!"</p>
+        <p>"Discover India's Treasures: Your Journey, Our Expertise"</p>
       </div>
   </section>
     
@@ -257,78 +213,128 @@
       <!-- Cards for each place -->
       <div class="places-cards">
         <div class="place-card" data-category="all">
-          <img src="bg.jpg" alt="All Image 1">
-          <h3>Place 1</h3>
+          <a href="top_five.html"><img src="p1.jpg" alt="All Image 1"> </a>
+          <!-- <h3>Place 1</h3> -->
         </div>
+      
+          <div class="places-cards">
+            <div class="place-card" data-category="all">
+              <img src="p3.jpg" alt="All Image 1">
+              <!-- <h3>Place 1</h3> -->
+            </div>
+            <div class="places-cards">
+              <div class="place-card" data-category="all">
+                <img src="p3.jpg" alt="All Image 1">
+                <!-- <h3>Place 1</h3> -->
+              </div>
+              <div class="places-cards">
+                <div class="place-card" data-category="all">
+                  <img src="p5.jpg" alt="All Image 1">
+                  <!-- <h3>Place 1</h3> -->
+                </div>
+                <div class="places-cards">
+                  <div class="place-card" data-category="all">
+                    <img src="p2.jpg" alt="All Image 1">
+                    <!-- <h3>Place 1</h3> -->
+                  </div>
+              
+                  <div class="places-cards">
+                    <div class="place-card" data-category="all">
+                      <img src="n1.jpg" alt="All Image 1">
+                      <!-- <h3>Place 1</h3> -->
+                    </div>
+                    <div class="places-cards">
+                      <div class="place-card" data-category="all">
+                        <img src="n2.jpg" alt="All Image 1">
+                        <!-- <h3>Place 1</h3> -->
+                      </div>
+                      <div class="places-cards">
+                        <div class="place-card" data-category="all">
+                          <img src="n3.jpg" alt="All Image 1">
+                          <!-- <h3>Place 1</h3> -->
+                        </div>
+                        <div class="places-cards">
+                          <div class="place-card" data-category="all">
+                            <img src="p6.jpeg" alt="All Image 1">
+                            <!-- <h3>Place 1</h3> -->
+                          </div>
+                       
+
         <div class="place-card" data-category="top5">
-          <img src="bg1.avif" alt="Top 5 Image 1">
-          <h3>Place 1</h3>
+          <img src="p1.jpg" alt="Top 5 Image 1">
+          <!-- <h3>Place 1</h3> -->
         </div>
-        <div class="place-card" data-category="north">
-          <img src="bg3.jpeg" alt="Top 5 Image 1">
-          <h3>Place 1</h3>
-        </div>
-        <div class="place-card" data-category="south">
-          <img src="bg4.jpg" alt="Top 5 Image 1">
-          <h3>Place 1</h3>
+                          
+        <div class="place-card" data-category="top5">
+          <img src="p2.jpg" alt="Top 5 Image 1">
+          <!-- <h3>Place 1</h3> -->
         </div>
-        <div class="place-card" data-category="northeast">
-          <img src="bg3.jpeg" alt="Top 5 Image 1">
-          <h3>Place 1</h3>
+                          
+        <div class="place-card" data-category="top5">
+          <img src="p3.jpg" alt="Top 5 Image 1">
+          <!-- <h3>Place 1</h3> -->
         </div>
-        <div class="place-card" data-category="all">
-          <img src="bg.jpg" alt="All Image 1">
-          <h3>Place 1</h3>
+                          
+        <div class="place-card" data-category="top5">
+          <img src="p5.jpg" alt="Top 5 Image 1">
+          <!-- <h3>Place 1</h3> -->
         </div>
+                          
         <div class="place-card" data-category="top5">
-          <img src="bg1.avif" alt="Top 5 Image 1">
-          <h3>Place 1</h3>
+          <img src="p6.jpeg" alt="Top 5 Image 1">
+          <!-- <h3>Place 1</h3> -->
         </div>
         <div class="place-card" data-category="north">
-          <img src="bg3.jpeg" alt="Top 5 Image 1">
-          <h3>Place 1</h3>
+          <img src="n1.jpg" alt="Top 5 Image 1">
+          <!-- <h3>Place 1</h3> -->
         </div>
-        <div class="place-card" data-category="south">
-          <img src="bg4.jpg" alt="Top 5 Image 1">
-          <h3>Place 1</h3>
+        <div class="place-card" data-category="north">
+          <img src="n2.jpg" alt="Top 5 Image 1">
+          <!-- <h3>Place 1</h3> -->
         </div>
-        <div class="place-card" data-category="northeast">
-          <img src="bg3.jpeg" alt="Top 5 Image 1">
-          <h3>Place 1</h3>
+        <div class="place-card" data-category="north">
+          <img src="n3.jpg" alt="Top 5 Image 1">
+          <!-- <h3>Place 1</h3> -->
         </div>
-        <div class="place-card" data-category="all">
-          <img src="bg.jpg" alt="All Image 1">
-          <h3>Place 1</h3>
+        <div class="place-card" data-category="north">
+          <img src="n4.jpg" alt="Top 5 Image 1">
+          <!-- <h3>Place 1</h3> -->
         </div>
-        <div class="place-card" data-category="top5">
-          <img src="bg1.avif" alt="Top 5 Image 1">
-          <h3>Place 1</h3>
+        <div class="place-card" data-category="south">
+          <img src="s1.jpg" alt="Top 5 Image 1">
+          <!-- <h3>Place 1</h3> -->
         </div>
-        <div class="place-card" data-category="north">
-          <img src="bg3.jpeg" alt="Top 5 Image 1">
-          <h3>Place 1</h3>
+        <div class="place-card" data-category="south">
+          <img src="s2.jpg" alt="Top 5 Image 1">
+          <!-- <h3>Place 1</h3> -->
         </div>
         <div class="place-card" data-category="south">
-          <img src="bg4.jpg" alt="Top 5 Image 1">
-          <h3>Place 1</h3>
+          <img src="s3.jpg" alt="Top 5 Image 1">
+          <!-- <h3>Place 1</h3> -->
         </div>
+        
         <div class="place-card" data-category="northeast">
           <img src="bg3.jpeg" alt="Top 5 Image 1">
-          <h3>Place 1</h3>
+          <!-- <h3>Place 1</h3> -->
         </div>
-        <div class="place-card" data-category="all">
-          <img src="bg.jpg" alt="All Image 1">
-          <h3>Place 1</h3>
+        <div class="place-card" data-category="northeast">
+          <img src="ne1.jpeg" alt="Top 5 Image 1">
+          <!-- <h3>Place 1</h3> -->
         </div>
-        <div class="place-card" data-category="top5">
-          <img src="bg1.avif" alt="Top 5 Image 1">
-          <h3>Place 1</h3>
+        <div class="place-card" data-category="northeast">
+          <img src="ne2.jpeg" alt="Top 5 Image 1">
+          <!-- <h3>Place 1</h3> -->
         </div>
-        <div class="place-card" data-category="north">
-          <img src="bg3.jpeg" alt="Top 5 Image 1">
-          <h3>Place 1</h3>
+        <div class="place-card" data-category="northeast">
+          <img src="ne3.jpeg" alt="Top 5 Image 1">
+          <!-- <h3>Place 1</h3> -->
+        </div>
+        <div class="place-card" data-category="northeast">
+          <img src="ne4.jpeg" alt="Top 5 Image 1">
+          <!-- <h3>Place 1</h3> -->
         </div>
         
+        
 
     </div>
    
diff --git a/globetales-india-low-resolution-logo-color-on-transparent-background.png b/globetales-india-low-resolution-logo-color-on-transparent-background.png
new file mode 100644
index 0000000..3698817
Binary files /dev/null and b/globetales-india-low-resolution-logo-color-on-transparent-background.png differ
diff --git a/index.html b/index.html
index 3ce09fb..3db8fcc 100644
--- a/index.html
+++ b/index.html
@@ -11,7 +11,7 @@
   <header>
     <div class="logo">
       <!-- Your logo goes here -->
-      <img src="food-delight-low-resolution-logo-white-on-transparent-background.png" alt="Logo">
+      <img src="globetales-india-low-resolution-logo-color-on-transparent-background.png" alt="Logo">
     </div>
     <nav>
       <ul>
@@ -27,7 +27,7 @@
     <section id="home">
         <div class="video-container">
             <video autoplay loop muted playsinline>
-              <source src="pexels_videos_2249630 (2160p).mp4" type="video/mp4">
+              <source src="Untitled.mp4" type="video/mp4">
                
           </div>
       <div class="overlay">
@@ -40,7 +40,10 @@ <h1>Welcome to Our Tourism Website</h1>
       <div class="about-info">
         <!-- Add some information about your website or business here -->
         <h2>About Us</h2>
-        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. ...</p>
+        <p><br>Welcome to our tourism website, where we take you on a journey to explore the beauty and diversity of India. Our mission is to provide you with the best travel experiences, from serene landscapes to vibrant cultural destinations.</p>
+        <p>With a team of passionate travelers and experts, we curate unique travel itineraries and guides to help you make the most of your trip. Whether you're an adventurer seeking thrilling experiences or a history enthusiast looking to immerse yourself in the past, we have something for everyone.</p>
+        <p>Join us in discovering the wonders of India's top destinations and hidden gems. Your unforgettable travel experience starts here.</p>
+     
       </div>
       <div class="about-video">
         <video autoplay loop muted>
diff --git a/n1.jpg b/n1.jpg
new file mode 100644
index 0000000..78be1fb
Binary files /dev/null and b/n1.jpg differ
diff --git a/n2.jpg b/n2.jpg
new file mode 100644
index 0000000..9dc9731
Binary files /dev/null and b/n2.jpg differ
diff --git a/n3.jpg b/n3.jpg
new file mode 100644
index 0000000..361fc15
Binary files /dev/null and b/n3.jpg differ
diff --git a/n4.jpg b/n4.jpg
new file mode 100644
index 0000000..eed18be
Binary files /dev/null and b/n4.jpg differ
diff --git a/ne1.jpeg b/ne1.jpeg
new file mode 100644
index 0000000..1916d0c
Binary files /dev/null and b/ne1.jpeg differ
diff --git a/ne2.jpeg b/ne2.jpeg
new file mode 100644
index 0000000..50d7d4a
Binary files /dev/null and b/ne2.jpeg differ
diff --git a/ne3.jpeg b/ne3.jpeg
new file mode 100644
index 0000000..1463dcb
Binary files /dev/null and b/ne3.jpeg differ
diff --git a/ne4.jpeg b/ne4.jpeg
new file mode 100644
index 0000000..a6b21d7
Binary files /dev/null and b/ne4.jpeg differ
diff --git a/ne5.jpeg b/ne5.jpeg
new file mode 100644
index 0000000..1defdc6
Binary files /dev/null and b/ne5.jpeg differ
diff --git a/p1.jpg b/p1.jpg
new file mode 100644
index 0000000..e882b37
Binary files /dev/null and b/p1.jpg differ
diff --git a/p2.jpg b/p2.jpg
new file mode 100644
index 0000000..55c8d89
Binary files /dev/null and b/p2.jpg differ
diff --git a/p3.jpg b/p3.jpg
new file mode 100644
index 0000000..e2235c8
Binary files /dev/null and b/p3.jpg differ
diff --git a/p5.jpg b/p5.jpg
new file mode 100644
index 0000000..0189dda
Binary files /dev/null and b/p5.jpg differ
diff --git a/p6.jpeg b/p6.jpeg
new file mode 100644
index 0000000..6983645
Binary files /dev/null and b/p6.jpeg differ
diff --git a/s1.jpg b/s1.jpg
new file mode 100644
index 0000000..3ed484c
Binary files /dev/null and b/s1.jpg differ
diff --git a/s2.jpg b/s2.jpg
new file mode 100644
index 0000000..4880165
Binary files /dev/null and b/s2.jpg differ
diff --git a/s3.jpg b/s3.jpg
new file mode 100644
index 0000000..27fa8c1
Binary files /dev/null and b/s3.jpg differ
diff --git a/style.css b/style.css
index 7661698..6beefc8 100644
--- a/style.css
+++ b/style.css
@@ -105,6 +105,7 @@
     display: flex;
     flex-wrap: wrap-reverse;
     align-items: center;
+   
     
   }
   
diff --git a/top_five.html b/top_five.html
new file mode 100644
index 0000000..6b6c2ef
--- /dev/null
+++ b/top_five.html
@@ -0,0 +1,219 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  
+  <title>Place Information</title>
+  <style>
+    /* Global styles */
+body {
+  font-family: Arial, sans-serif;
+  margin: 0;
+  padding: 0;
+  background-color:black;
+}
+
+/* Header styles */
+ /* Header styles */
+header {
+  margin: 30px 20px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  background-color:#d8d4d4;
+  padding: 10px;
+  
+}
+
+.logo img {
+  max-height: 40px;
+}
+
+nav ul {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+nav ul li {
+  display: inline-block;
+  margin-right: 20px;
+}
+
+nav ul li a {
+  color: #000000;
+  text-decoration: none;
+}
+
+/* Main content styles */
+.place-container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: 40px;
+  margin: 30px 20px;
+  /* background-color: #000000; */
+}
+
+.place {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+  margin-bottom: 40px;
+  background-color: #ffffff;
+}
+
+.place-image,
+.place-info {
+  flex: 1;
+  padding: 20px;
+}
+
+.place-image img {
+  max-width:60%;
+  height: auto;
+  border-radius: 8px;
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+  margin:40px;
+}
+
+.place-info h2 {
+  font-size: 24px;
+  margin-bottom: 10px;
+  color: rgb(0, 0, 0);
+}
+
+.place-info p {
+  font-size: 16px;
+  color: #666;
+  line-height: 1.5;
+}
+
+.ratings {
+  margin-top: 10px;
+  display: flex;
+  align-items: center;
+  font-size: 18px;
+  color: #f39c12;
+}
+
+.rating {
+  margin-right: 5px;
+}
+
+.stars {
+  color: #f39c12;
+}
+
+/* ... (other styles remain unchanged) ... */
+
+  </style>
+
+</head>
+<body>
+  <header>
+    <div class="logo">
+        <!-- Your logo goes here -->
+        <img src="globetales-india-low-resolution-logo-color-on-transparent-background.png" alt="Logo">
+      </div>
+      <nav>
+        <ul>
+          <li><a href="index.html">Home</a></li>
+          <li><a href="exp.html"><-</a></li>
+          
+        </ul>
+      </nav>
+  </header>
+
+  <main class="place-container">
+    <!-- Place 1: Image on the left, Information on the right -->
+    <div class="place">
+      <div class="place-image">
+        <img src="t7.jpeg" alt="Place 1 Image">
+      </div>
+      <div class="place-info">
+        <h2>Taj Mahal</h2>
+            <p>The Taj Mahal is an ivory-white marble mausoleum on the right bank of the Yamuna river in the Indian city of Agra.</p>
+        <div class="ratings">
+          <span class="rating">4.5</span>
+          <span class="stars">⭐⭐⭐⭐⭐</span>
+        </div>
+      </div>
+    </div>
+
+    <!-- Place 2: Image on the right, Information on the left -->
+    <div class="place">
+      <div class="place-info">
+        <h2>Jaipu</h2>
+        <p>Jaipur, the Pink City, is known for its vibrant culture, majestic architecture, and bustling markets.</p>
+        <div class="ratings">
+          <span class="rating">4.2</span>
+          <span class="stars">⭐⭐⭐⭐⭐</span>
+        </div>
+      </div>
+      <div class="place-image">
+        <img src="p1.jpg" alt="Place 2 Image">
+      </div>
+    </div>
+    <div class="place">
+        <div class="place-image">
+          <img src="p3.jpg" alt="Place 1 Image">
+        </div>
+        <div class="place-info">
+            <h2>Varanasi</h2>
+            <p>Varanasi, one of the oldest cities in the world, is a spiritual and cultural hub along the banks of the Ganges river.</p>
+            <div class="ratings">
+            <span class="rating">4.5</span>
+            <span class="stars">⭐⭐⭐⭐⭐</span>
+          </div>
+        </div>
+      </div>
+  
+      <!-- Place 2: Image on the right, Information on the left
+      <div class="place">
+        <div class="place-info">
+          <h2>Place 2</h2>
+          <p>Sed fermentum quam ut augue euismod, vel dignissim velit faucibus. Nullam euismod felis a sapien condimentum, ut ultricies purus interdum.</p>
+          <div class="ratings">
+            <span class="rating">4.2</span>
+            <span class="stars">⭐⭐⭐⭐⭐</span>
+          </div>
+        </div>
+        <div class="place-image">
+          <img src="p3.jpg" alt="Place 2 Image">
+        </div>
+      </div> -->
+      <div class="place">
+        <div class="place-image">
+          <img src="p5.jpg" alt="Place 1 Image">
+        </div>
+        <div class="place-info">
+          <h2>Goa</h2>
+          <p> Goa is famous for its stunning beaches, vibrant nightlife, and Portuguese-influenced architecture.</p>
+          <div class="ratings">
+            <span class="rating">4.5</span>
+            <span class="stars">⭐⭐⭐⭐⭐</span>
+          </div>
+        </div>
+      </div>
+  
+      <!-- Place 2: Image on the right, Information on the left -->
+      <div class="place">
+        <div class="place-info">
+          <h2>kerala</h2>
+          <p>Kerala, often referred to as "God's Own Country," is known for its serene backwaters, lush landscapes, and vibrant culture.</p>
+          <div class="ratings">
+            <span class="rating">4.2</span>
+            <span class="stars">⭐⭐⭐⭐⭐</span>
+          </div>
+        </div>
+        <div class="place-image">
+          <img src="p6.jpeg" alt="Place 2 Image">
+        </div>
+      </div>
+  </main>
+</body>
+</html>