diff --git a/hotel_booking/components/footer.php b/hotel_booking/components/footer.php index ee0c879..3ce3f2e 100644 --- a/hotel_booking/components/footer.php +++ b/hotel_booking/components/footer.php @@ -1,20 +1,18 @@
- Rooms + Rooms Services News Gallery - Info + About
- More about rooms + Information
- Standard rooms - Excutive rooms - Suite rooms - Presidential rooms + General information + Loyalty program
diff --git a/hotel_booking/images/service_page1.jpg b/hotel_booking/images/service_page1.jpg new file mode 100644 index 0000000..d7442d3 Binary files /dev/null and b/hotel_booking/images/service_page1.jpg differ diff --git a/hotel_booking/services.php b/hotel_booking/services.php index b76aab7..15fd058 100644 --- a/hotel_booking/services.php +++ b/hotel_booking/services.php @@ -38,9 +38,82 @@ background-image: url(images/service_page3.jpg); } } + .pre-header-subtitle{ + width: 30%; + } + .service-container{ + display: flex; + width: 90%; + height: 100vh; + flex-direction: column; + align-items: center; + text-align: center; + margin: 20px; + } + .service-frame{ + display: flex; + align-items: center; + gap: 20px; + margin-bottom: 50px; + } + .service-frame1{ + width: 60px; + height: 80px; + border: 1px solid black; + } + .service-frame2{ + width: 40px; + height: 60px; + border: 1px solid black; + margin-top: 10px; + margin-left: 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 30px; + } + .service-title{ + text-transform: uppercase; + letter-spacing: 5px; + font-size: 12px; + } + .service-subtilte{ + width: 50%; + font-size: 50px; + font-weight: 500; + margin-bottom: 50px; + } + @media (max-width:980px){ + .pre-header-subtitle{ + width: 80%; + } + .service-frame1{ + width: 40px; + height: 60px; + } + .service-frame2{ + width: 20px; + height: 40px; + font-size: 24px; + } + .service-subtilte{ + width: 90%; + } + } + @media (max-width:768px) { + .service-subtilte{ + font-size: 40px; + } + } + @media (max-width:450px) { + .service-subtilte{ + font-size: 30px; + } + } +
@@ -51,15 +124,31 @@
+ +
+ +

We craft enchanting moments of tranquility and serenity, far away from the chaos and stress of daily life

+

We ensure the well-being of your body, invigorate your senses, and provide tranquility for your mind. Our pools, suana, and massage therapy have become synonymous with relaxation and wellness.

+
+ +
+
+
+
+
I
+
+

Pools

+
+

Relax with massaging spa jets in the perfect water temperature

+ +
+
+ + - - - - - - + \ No newline at end of file diff --git a/hotel_booking/style.css b/hotel_booking/style.css index bddf2ec..c4b3a98 100644 --- a/hotel_booking/style.css +++ b/hotel_booking/style.css @@ -32,6 +32,9 @@ ul{ .color-cream{ background-color: #DDD8D0; } +.color-blue{ + background-color: #EEF7FF; +} /*---Btn---*/ .btn-main{ background-color: #3C3633;