Merge pull request #372 from inderharrysingh/feat/improving-what-we-do

Feat/improving what we do

about.html

@@ -347,19 +347,33 @@ <h3 class="tm-about-box-1-title">Smith <span>( Manager )</span></h3>
 				<!-- Testimonial -->
 				<div class="col-lg-12">
 					<div class="tm-what-we-do-right">
-						<div class="tm-about-box-2 margin-bottom-30">
-							<img src="img/about-2.jpg" alt="image" class="tm-about-box-2-img">
-							<div class="tm-about-box-2-text">
-								<h3 class="tm-about-box-2-title">Rent bike for tourists on famous places</h3>
-				                <p class="tm-about-box-2-description gray-text">The company provides bicycles for tourists on famous places. The company has the goal to make it easier and more convenient for tourists to explore various tourist attractions in a city.</p>
+						<div class="tm-about-box-2 margin-bottom-25 parent">
+							<div class="image-child">
+								<img src="img/about-2.jpg" alt="image" class="tm-about-box-2-img">
+							</div>
+							<div class="tm-about-box-2-text info-child ">
+								<h3 class="tm-about-box-2-title">Two-Wheel Exploration</h3>
+				                <p class="tm-about-box-2-description gray-text">Explore famous places with ease! We offer bicycles to tourists, enhancing convenience and providing a unique way to discover city attractions, all aligned with our goal of simplifying your travel experience.</p>
 				                <p class="tm-about-box-2-footer">Kuala Lumpur, Malaysia</p>
 							</div>
 						</div>
-						<div class="tm-about-box-2 reveal">
-							<img src="img/about-3.jpg" alt="image" class="tm-about-box-2-img">
-							<div class="tm-about-box-2-text">
-								<h3 class="tm-about-box-2-title">Booking a hotel on different places</h3>
-				                <p class="tm-about-box-2-description gray-text">The Hotels offer a variety of amenities and services to their guests</p>
+						<div class="tm-about-box-2 reveal margin-bottom-25 parent">
+							<div class="image-child">
+								<img src="img/about-8.jpg" alt="image" class="tm-about-box-2-img">
+							</div>
+							<div class="tm-about-box-2-text info-child">
+								<h3 class="tm-about-box-2-title">Tour with Local Experts</h3>
+				                <p class="tm-about-box-2-description gray-text">Experience guided tours like never before. Our expert guides will enrich your travel journey with insightful narratives, historical context, and hidden gems, making your trips truly memorable and educational.</p>
+				                <p class="tm-about-box-2-footer">Kochi, Kerala</p>
+							</div>
+						</div>
+						<div class="tm-about-box-2 reveal parent">
+							<div class="image-child">
+								<img src="img/about-3.jpg" alt="image" class="tm-about-box-2-img">
+							</div>
+							<div class="tm-about-box-2-text info-child">
+								<h3 class="tm-about-box-2-title">Affordable Luxury</h3>
+				                <p class="tm-about-box-2-description gray-text">This company excels in discovering the most affordable hotels with top-notch services, providing clients with the comfort of home away from home. Find your perfect stay effortlessly!</p>
 				                <p class="tm-about-box-2-footer">The Radisson Hotel</p>
 							</div>
 						</div>
@@ -370,7 +384,6 @@ <h3 class="tm-testimonials-title">Testimonials</h3>
 						<div class="tm-testimonials-content">
 							<div class="tm-testimonial"style="margin-top:-1px;">
 								<p>I just came back from a wonderful 4 days trip to Kerala organized by PARYATANA. It was the best decision choosing them as my travelling agent. </p>
-
 		                		<strong class="text-uppercase">Akshath patel</strong>	
 								<hr style="width:140px;height:2px;background-color: black;">
 

css/templatemo-style.css

@@ -527,8 +527,8 @@ hr {
 .margin-bottom-20 {
   margin-bottom: 20px;
 }
-.margin-bottom-30 {
-  margin-bottom: 30px;
+.margin-bottom-25 {
+  margin-bottom: 25px;
 }
 .gray-text {
   color: #b1b1b1;
@@ -2611,3 +2611,20 @@ hr {
   transform: scale(1.1);
   background-color: purple;
 }
+.tm-about-box-2-img {
+  height: 200px;
+  width: 300px;
+  object-fit: cover;
+}
+
+.parent {
+  display: flex;
+  align-items: center;
+}
+
+.info-child {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+
+}