diff --git a/Images/15.png b/Images/15.png new file mode 100644 index 0000000..c3fef1e Binary files /dev/null and b/Images/15.png differ diff --git a/Images/16.png b/Images/16.png new file mode 100644 index 0000000..118f0ea Binary files /dev/null and b/Images/16.png differ diff --git a/Images/17.png b/Images/17.png new file mode 100644 index 0000000..cfb539a Binary files /dev/null and b/Images/17.png differ diff --git a/index.html b/index.html index ef92e9d..ce88d3b 100644 --- a/index.html +++ b/index.html @@ -147,8 +147,49 @@

Bandarban

- + + +
+
+

Why Choose Us

+

+ Our Commitment to excellence commitment is a dedication to + delivering the highest quality work or service possible, + consistently striving for improvement and surpassing expectations. +

+
+
+
+ +

Handpicked Hotels

+

+ Travel service that allows you to search for and book lights to + your desired destination. This service can provide you with a + range of flight options. +

+
+
+ +

World Class Service

+

+ A travel service that provides coverage for unexpected events that + may occur during your trip, such as trip cancellation, medical + emergencies, or lost luggage. +

+
+
+ +

Best Price Guarantee

+

+ A travel service that offers pre-planned itineraries and + activities for travelers who want a hassle-free and organized + tour. +

+
+
+
+ diff --git a/styles/bd_travel.css b/styles/bd_travel.css index 892b470..55cfc34 100644 --- a/styles/bd_travel.css +++ b/styles/bd_travel.css @@ -24,6 +24,16 @@ body { color: #5a5a5d; } +.background-color1 { + background-color: rgba(251, 181, 99, 0.05); + border: 1px solid rgba(251, 181, 99, 0.2); +} + +.background-color2 { + background-color: rgba(41, 206, 246, 0.05); + border: 1px solid rgba(41, 206, 246, 0.2); +} + .btn-primary { border-radius: 8px; background-color: #ff5400; @@ -262,4 +272,42 @@ main { position: relative; } /* Destination Section Start From Here */ + +/* Why Choose Us Section Style Start From Here */ +.why-choose-us-container { + margin: 0px 20px 100px; +} +.why-choose-us-contents { + max-width: 600px; + margin: 0 auto; + text-align: center; +} +.card-container { + margin-top: 48px; + display: flex; + justify-content: center; + flex-wrap: wrap; + gap: 24px; +} +.card { + border-radius: 16px; + padding: 32px; + max-width: 553px; +} +.card img { + width: 64px; + margin-bottom: 32px; +} +.card .card-title { + font-size: 24px; + font-weight: 800; + margin-bottom: 16px; +} + +.card .card-description { + font-size: 16px; + font-weight: 400; + line-height: 26px; +} +/* Why Choose Us Section Style End Here */ /* Main Section Style End Here */ diff --git a/styles/responsive.css b/styles/responsive.css index 547321b..79071fb 100644 --- a/styles/responsive.css +++ b/styles/responsive.css @@ -83,6 +83,9 @@ /* Popular Tour Section End Here */ /* Destination Section Start From Here */ + .destination-container { + margin-bottom: 0px; + } .img-container { margin-top: 16px; grid-template-columns: 1fr; @@ -125,4 +128,29 @@ grid-row: 7 / span 1; } /* Destination Section End Here */ + /* Why Choose Us Section Style Start From Here */ + .why-choose-us-container { + margin: 24px 20px; + } + .card-container { + margin-top: 16px; + gap: 16px; + } + .card { + padding: 24px; + } + .card img { + width: 48px; + margin-bottom: 16px; + } + + .card .card-title { + font-size: 20px; + } + + .card .card-description { + font-size: 14px; + line-height: 24px; + } + /* Why Choose Us Section Style End Here */ }