diff --git a/css/style.css b/css/style.css
index 42a4ff5..7275a30 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1,359 +1,431 @@
-@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;800&display=swap');
+@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;800&display=swap");
 
-:root{
-    --primary-color: #3685fb;
-    --primary-color-dark: #2f73d9;
-    --secondary-color: #fafcff;
-    --text-dark: #0d213f;
-    --text-light: #767268;
-    --extra-light: #ffffff;
-    --max-width: 1200px;
+:root {
+  --primary-color: #3685fb;
+  --primary-color-dark: #2f73d9;
+  --secondary-color: #fafcff;
+  --text-dark: #0d213f;
+  --text-light: #767268;
+  --extra-light: #ffffff;
+  --max-width: 1200px;
 }
 
-*{
-    padding: 0;
-    margin: 0;
-    box-sizing: border-box;
+* {
+  padding: 0;
+  margin: 0;
+  box-sizing: border-box;
 }
 
 .section__container {
-    max-width: var(--max-width);
-    margin: auto;
-    padding: 5rem 1rem;
+  max-width: var(--max-width);
+  margin: auto;
+  padding: 5rem 1rem;
 }
 
 .section__header {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    gap: 2rem;
-    flex-wrap: wrap;
-    margin-bottom: 4rem;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 2rem;
+  flex-wrap: wrap;
+  margin-bottom: 4rem;
 }
 
 .section__title {
-    font-size: 2rem;
-    font-weight: 600;
-    color: var(--text-dark);
-    margin-bottom: 1rem;
+  font-size: 2rem;
+  font-weight: 600;
+  color: var(--text-dark);
+  margin-bottom: 1rem;
 }
 
 .section__subtitle {
-    font-size: 1rem;
-    color: var(--text-dark);
-    max-width: calc(var(--max-width) / 2);
+  font-size: 1rem;
+  color: var(--text-dark);
+  max-width: calc(var(--max-width) / 2);
 }
 
 .btn {
-    padding: .75rem 2rem;
-    outline: none;
-    border: none;
-    font-size: 1rem;
-    color: var(--extra-light);
-    background-color: var(--primary-color);
-    border-radius: 5rem;
-    cursor: pointer;
-    transition: .3s;
+  padding: 0.75rem 2rem;
+  outline: none;
+  border: none;
+  font-size: 1rem;
+  color: var(--extra-light);
+  background-color: var(--primary-color);
+  border-radius: 5rem;
+  cursor: pointer;
+  transition: 0.3s;
 }
 
 .btn:hover {
-    background-color: var(--primary-color-dark);
+  background-color: var(--primary-color-dark);
 }
 
 a {
-    text-decoration: none;
+  text-decoration: none;
 }
 
-img{
-    width: 100%;
-    display: block;
+img {
+  width: 100%;
+  display: block;
 }
 
 body {
-    font-family: 'Poppins', sans-serif;
+  font-family: "Poppins", sans-serif;
 }
 
 nav {
-    padding: 1rem;
-    position: absolute;
-    top: 0px;
-    left: 50%;
-    transform: translateX(-50%);
-    width: 100%;
-    max-width: var(--max-width);
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
+  padding: 1rem;
+  position: absolute;
+  top: 0px;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 100%;
+  max-width: var(--max-width);
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
 }
 
 .nav__logo {
-    font-size: 1.2rem;
-    font-weight: 600;
-    color: var(--text-dark);
-    cursor: pointer;
+  font-size: 1.2rem;
+  font-weight: 600;
+  color: var(--text-dark);
+  cursor: pointer;
 }
 
 .nav__logo span {
-    color: var(--primary-color);
+  color: var(--primary-color);
 }
 
 .nav__links {
-    list-style: none;
-    display: flex;
-    align-items: center;
-    gap: 1rem;
+  list-style: none;
+  display: flex;
+  align-items: center;
+  gap: 1rem;
 }
 
 .link a {
-    padding: 0 1rem;
-    color: var(--text-dark);
-    transition: 0.3s;
+  padding: 0 1rem;
+  color: var(--text-dark);
+  transition: 0.3s;
 }
 
-.link a:hover{
-    color: var(--primary-color);
+.link a:hover {
+  color: var(--primary-color);
 }
 
-header{
-    background-color: var(--secondary-color);
+header {
+  background-color: var(--secondary-color);
 }
 
 .header__container {
-    min-height: 100vh;
-    display: grid;
-    grid-template-columns: repeat(2, 1fr);
-    gap: 2rem;
+  min-height: 100vh;
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 2rem;
 }
 
 .header__image {
-    position: relative;
+  position: relative;
 }
 
 .header__image img {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    border: 0.5rem solid var(--extra-light);
-    border-radius: 2rem;
-    box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.1);
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  border: 0.5rem solid var(--extra-light);
+  border-radius: 2rem;
+  box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.1);
 }
 
 .header__image img:nth-child(1) {
-    max-width: 350px;
-    transform: translate(-75%, -50%);
+  max-width: 350px;
+  transform: translate(-75%, -50%);
 }
 
 .header__image img:nth-child(2) {
-    max-width: 250px;
-    transform: translate(0%, -25%);
+  max-width: 250px;
+  transform: translate(0%, -25%);
 }
 
 .header__content {
-    display: flex;
-    align-items: center;
-    justify-content: center;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 
 .header__container > div {
-    max-width: 400px;
-    display: grid;
-    gap: 1rem;
+  max-width: 400px;
+  display: grid;
+  gap: 1rem;
 }
 
 .header__content .sub__header {
-    font-size: 1rem;
-    font-weight: 600;
-    color: var(--primary-color);
+  font-size: 1rem;
+  font-weight: 600;
+  color: var(--primary-color);
 }
 
 .header__content h1 {
-    font-size: 3rem;
-    line-height: 4rem;
-    font-weight: 800;
-    color: var(--text-dark);
+  font-size: 3rem;
+  line-height: 4rem;
+  font-weight: 800;
+  color: var(--text-dark);
 }
 
 .header__content .action__btns {
-    display: flex;
-    align-items: center;
-    gap: 2rem;
-    margin-top: 1rem;
+  display: flex;
+  align-items: center;
+  gap: 2rem;
+  margin-top: 1rem;
 }
 
 .story {
-    display: flex;
-    align-items: center;
-    gap: 2rem;
-    margin-top: 1rem;
-    cursor: pointer;
+  display: flex;
+  align-items: center;
+  gap: 2rem;
+  margin-top: 1rem;
+  cursor: pointer;
 }
 
 .video__image {
-    position: relative;
+  position: relative;
 }
 
 .video__image img {
-    width: 60px;
-    height: 60px;
-    border-radius: 100%;
-    box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.1);
+  width: 60px;
+  height: 60px;
+  border-radius: 100%;
+  box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.1);
 }
 
 .video__image span {
-    position: absolute;
-    top: 50%;
-    left: 100%;
-    transform: translate(-50%, -50%);
+  position: absolute;
+  top: 50%;
+  left: 100%;
+  transform: translate(-50%, -50%);
 }
 
 .video__image span i {
-    padding: 0.5rem;
-    font-size: 1rem;
-    color: red;
-    background-color: var(--extra-light);
-    border-radius: 100%;
-    box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.1);
+  padding: 0.5rem;
+  font-size: 1rem;
+  color: red;
+  background-color: var(--extra-light);
+  border-radius: 100%;
+  box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.1);
 }
 
 .story > span {
-    font-size: 1rem;
-    font-weight: 600;
-    color: var(--text-dark);
+  font-size: 1rem;
+  font-weight: 600;
+  color: var(--text-dark);
 }
 
 .destination__nav {
-    display: flex;
-    gap: 1rem;
+  display: flex;
+  gap: 1rem;
 }
 
 .destination__nav span {
-    width: 30px;
-    height: 30px;
-    display: grid;
-    place-content: center;
-    content: var(--primary-color);
-    border: 1px solid var(--primary-color);
-    border-radius: 100%;
-    font-size: 1.5rem;
-    cursor: pointer;
-    transition: 0.3s;
+  width: 30px;
+  height: 30px;
+  display: grid;
+  place-content: center;
+  content: var(--primary-color);
+  border: 1px solid var(--primary-color);
+  border-radius: 100%;
+  font-size: 1.5rem;
+  cursor: pointer;
+  transition: 0.3s;
 }
 
 .destination__nav span:hover {
-    color: var(--extra-light);
-    background-color: var(--primary-color);
+  color: var(--extra-light);
+  background-color: var(--primary-color);
 }
 
 .destination__grid {
-    display: grid;
-    grid-template-columns: repeat(4, 1fr);
-    gap: 2rem;
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  gap: 2rem;
 }
 
 .destination__card {
-    overflow: hidden;
-    position: relative;
-    isolation: isolate; /* Note */
-    cursor: pointer;
+  overflow: hidden;
+  position: relative;
+  isolation: isolate; /* Note */
+  cursor: pointer;
 }
 
 .destination__card img {
-    border-radius: 1rem;
+  border-radius: 1rem;
 }
 
 .destination__details {
-    position: absolute;
-    width: calc(100% - 2rem);
-    padding: 1rem;
-    bottom: -6rem;
-    left: 50%;
-    transform: translateX(-50%);
-    text-align: center;
-    color: var(--extra-light);
-    background-color: rgba(255, 255, 255, 0.1);
-    backdrop-filter: blur(4px);
-    -webkit-backdrop-filter: blur(5px);
-    border-radius: 10px;
-    z-index: 1;
-    transition: 0.3s;
+  position: absolute;
+  width: calc(100% - 2rem);
+  padding: 1rem;
+  bottom: -6rem;
+  left: 50%;
+  transform: translateX(-50%);
+  text-align: center;
+  color: var(--extra-light);
+  background-color: rgba(255, 255, 255, 0.1);
+  backdrop-filter: blur(4px);
+  -webkit-backdrop-filter: blur(5px);
+  border-radius: 10px;
+  z-index: 1;
+  transition: 0.3s;
 }
 
-.destination__card:hover .destination__details{
-    bottom: 1rem;
+.destination__card:hover .destination__details {
+  bottom: 1rem;
 }
 
 .destination__title {
-    font-size: 0.9rem;
-    margin-bottom: 0.5rem;
+  font-size: 0.9rem;
+  margin-bottom: 0.5rem;
 }
 
 .destination__subtitle {
-    font-size: 1rem;
-    font-weight: 600;
+  font-size: 1rem;
+  font-weight: 600;
 }
 
 .trip {
-    background-color: var(--secondary-color);
+  background-color: var(--secondary-color);
 }
 
 .trip__container :is(.section__title, .section__subtitle, .view__all) {
-    text-align: center;
-    margin-right: auto;
-    margin-left: auto;
+  text-align: center;
+  margin-right: auto;
+  margin-left: auto;
 }
 
 .trip__grid {
-    display: grid;
-    grid-template-columns: repeat(3, 1fr);
-    gap: 2rem;
-    margin: 4rem 0;
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 2rem;
+  margin: 4rem 0;
 }
 
 .trip__card {
-    border-radius: 1rem;
-    overflow: hidden;
-    box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.1);
+  border-radius: 1rem;
+  overflow: hidden;
+  box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.1);
 }
 
 .trip__details {
-    padding: 1rem;
-    display: grid;
-    gap: 0.5rem;
-    font-size: 1rem;
-    font-weight: 600;
-    color: var(--text-dark);
-    background-color: var(--extra-light);
-    cursor: pointer;
+  padding: 1rem;
+  display: grid;
+  gap: 0.5rem;
+  font-size: 1rem;
+  font-weight: 600;
+  color: var(--text-dark);
+  background-color: var(--extra-light);
+  cursor: pointer;
 }
 
 .rating {
-    color: goldenrod;
+  color: goldenrod;
 }
 
 .booking__price {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
 }
 
 .price span {
-    font-weight: 400;
-    font-size: 0.9rem;
-    color: var(--text-light);
+  font-weight: 400;
+  font-size: 0.9rem;
+  color: var(--text-light);
 }
 
 .book__now {
-    padding: 0.5rem 1.5rem;
-    color: var(--primary-color);
-    outline: none;
-    border: 1px solid var(--primary-color);
-    border-radius: 5rem;
-    background-color: transparent;
-    cursor: pointer;
-    transition: 0.3s;
+  padding: 0.5rem 1.5rem;
+  color: var(--primary-color);
+  outline: none;
+  border: 1px solid var(--primary-color);
+  border-radius: 5rem;
+  background-color: transparent;
+  cursor: pointer;
+  transition: 0.3s;
 }
 
 .book__now:hover {
-    color: var(--extra-light);
-    background-color: var(--primary-color);
-}
\ No newline at end of file
+  color: var(--extra-light);
+  background-color: var(--primary-color);
+}
+
+.gallary__container {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 2rem;
+}
+
+.image__gallary {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 1rem;
+}
+
+.gallary__col {
+  display: grid;
+  place-content: center;
+  gap: 1rem;
+}
+
+.gallary__col img {
+  border-radius: 1rem;
+  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2);
+}
+
+.gallary__content {
+  display: flex;
+  align-items: center;
+  /* justify-content: center;
+  flex-direction: column; */
+}
+
+.gallary__content > div {
+  max-width: 400px;
+}
+
+.gallary__content .section__subtitle {
+  margin-bottom: 2rem;
+}
+
+.subscribe {
+  background-color: var(--secondary-color);
+}
+
+.subscribe__container {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 2rem;
+}
+
+.subscribe__form {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.subscribe__form form {
+  width: 100%;
+  max-width: 400px;
+  display: flex;
+  background-color: var(--extra-light);
+  box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.1);
+  border-radius: 5rem;
+}
+
+.subscribe__form input {
+  width: 100%;
+  padding: 1rem;
+  outline: none;
+  border: none;
+  border-radius: 5rem;
+  font-size: 1rem;
+}
diff --git a/index.html b/index.html
index 337c841..cc7adc6 100644
--- a/index.html
+++ b/index.html
@@ -1,22 +1,25 @@
 <!DOCTYPE html>
 <html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Practice</title>
-    <link href="https://cdn.jsdelivr.net/npm/remixicon@3.4.0/fonts/remixicon.css" rel="stylesheet">
-    <link rel="stylesheet" href="./css/style.css">
-</head>
-<body>
+    <link
+      href="https://cdn.jsdelivr.net/npm/remixicon@3.4.0/fonts/remixicon.css"
+      rel="stylesheet"
+    />
+    <link rel="stylesheet" href="./css/style.css" />
+  </head>
+  <body>
     <nav>
-        <div class="nav__logo">Pathway<span>.</span></div>
-        <ul class="nav__links">
-            <li class="link"><a href="#">Home</a></li>
-            <li class="link"><a href="#">Destination</a></li>
-            <li class="link"><a href="#">Pricing</a></li>
-            <li class="link"><a href="#">Reviews</a></li>
-        </ul>
-        <button class="btn">Contact Us</button>
+      <div class="nav__logo">Pathway<span>.</span></div>
+      <ul class="nav__links">
+        <li class="link"><a href="#">Home</a></li>
+        <li class="link"><a href="#">Destination</a></li>
+        <li class="link"><a href="#">Pricing</a></li>
+        <li class="link"><a href="#">Reviews</a></li>
+      </ul>
+      <button class="btn">Contact Us</button>
     </nav>
     <header>
       <div class="section__container header__container">
@@ -49,57 +52,57 @@
     </header>
 
     <section class="section__container destination__container">
-        <div class="section__header">
-            <div>
-                <h2 class="section__title">Explore top destinations</h2>
-                <p class="section__subtitle">
-                    Explore your suitable and dreams places around the world. Here you 
-                    can find your right destination.
-                </p>
-            </div>
-            <div class="destination__nav">
-                <span><i class="ri-arrow-left-s-line"></i></span>
-                <span><i class="ri-arrow-right-s-line"></i></span>
-            </div>
+      <div class="section__header">
+        <div>
+          <h2 class="section__title">Explore top destinations</h2>
+          <p class="section__subtitle">
+            Explore your suitable and dreams places around the world. Here you
+            can find your right destination.
+          </p>
         </div>
-        <div class="destination__grid">
-            <div class="destination__card">
-                <img src="./assets/destination-1.jpg" alt="destination" />
-                <div class="destination__details">
-                    <p class="destination__title">Banff</p>
-                    <p class="destination__subtitle">Canada</p>
-                </div>
-            </div>
-            <div class="destination__card">
-                <img src="./assets/destination-2.jpg" alt="destination" />
-                <div class="destination__details">
-                    <p class="destination__title">Machu Picchu</p>
-                    <p class="destination__subtitle">Peru</p>
-                </div>
-            </div>
-            <div class="destination__card">
-                <img src="./assets/destination-3.jpg" alt="destination" />
-                <div class="destination__details">
-                    <p class="destination__title">Lauterbrunnen</p>
-                    <p class="destination__subtitle">Switzerland</p>
-                </div>
-            </div>
-            <div class="destination__card">
-                <img src="./assets/destination-4.jpg" alt="destination" />
-                <div class="destination__details">
-                    <p class="destination__title">Zhangjiajie</p>
-                    <p class="destination__subtitle">China</p>
-                </div>
-            </div>
+        <div class="destination__nav">
+          <span><i class="ri-arrow-left-s-line"></i></span>
+          <span><i class="ri-arrow-right-s-line"></i></span>
         </div>
+      </div>
+      <div class="destination__grid">
+        <div class="destination__card">
+          <img src="./assets/destination-1.jpg" alt="destination" />
+          <div class="destination__details">
+            <p class="destination__title">Banff</p>
+            <p class="destination__subtitle">Canada</p>
+          </div>
+        </div>
+        <div class="destination__card">
+          <img src="./assets/destination-2.jpg" alt="destination" />
+          <div class="destination__details">
+            <p class="destination__title">Machu Picchu</p>
+            <p class="destination__subtitle">Peru</p>
+          </div>
+        </div>
+        <div class="destination__card">
+          <img src="./assets/destination-3.jpg" alt="destination" />
+          <div class="destination__details">
+            <p class="destination__title">Lauterbrunnen</p>
+            <p class="destination__subtitle">Switzerland</p>
+          </div>
+        </div>
+        <div class="destination__card">
+          <img src="./assets/destination-4.jpg" alt="destination" />
+          <div class="destination__details">
+            <p class="destination__title">Zhangjiajie</p>
+            <p class="destination__subtitle">China</p>
+          </div>
+        </div>
+      </div>
     </section>
 
     <section class="trip">
       <div class="section__container trip__container">
         <h2 class="section__title">Best trip package</h2>
         <p class="section__subtitle">
-          Explore your suitable and dream places around the world. Here you can find you right 
-          destination.
+          Explore your suitable and dream places around the world. Here you can
+          find you right destination.
         </p>
         <div class="trip__grid">
           <div class="trip__card">
@@ -141,5 +144,49 @@
         </div>
       </div>
     </section>
-</body>
-</html>
\ No newline at end of file
+
+    <section class="gallary">
+      <div class="section__container gallary__container">
+        <div class="image__gallary">
+          <div class="gallary__col">
+            <img src="./assets/gallery-1.jpg" alt="gallary" />
+          </div>
+          <div class="gallary__col">
+            <img src="./assets/gallery-2.jpg" alt="" />
+            <img src="./assets/gallery-3.jpg" alt="" />
+          </div>
+        </div>
+        <div class="gallary__content">
+          <div>
+            <h2 class="section__title">
+              Out trip gallary that will inspire you
+            </h2>
+            <p class="section__subtitle">
+              Explore your suitable and dream places around the world. Here you
+              can find your right destination.
+            </p>
+            <button class="btn">View All</button>
+          </div>
+        </div>
+      </div>
+    </section>
+
+    <section class="subscribe">
+      <div class="section__container subscribe__container">
+        <div class="subscribe__content">
+          <h2 class="section__title">Subscribe to get special prize</h2>
+          <p class="section__subtitle">
+            Explore your suitable and dream places around the world. Here you
+            can find your right destination.
+          </p>
+        </div>
+        <div class="subscribe__form">
+          <form action="">
+            <input type="email" placeholder="Your email here" />
+            <button class="btn" type="submit">Send</button>
+          </form>
+        </div>
+      </div>
+    </section>
+  </body>
+</html>