From 0a0b6a7bf229ff9f407db15529de7165c59bb8f0 Mon Sep 17 00:00:00 2001 From: Flatlogic Bot Date: Wed, 22 Oct 2025 14:20:04 +0000 Subject: [PATCH] yuar --- assets/css/custom.css | 47 +++++++ assets/js/main.js | 0 index.php | 289 +++++++++++++++++++++--------------------- 3 files changed, 190 insertions(+), 146 deletions(-) create mode 100644 assets/css/custom.css create mode 100644 assets/js/main.js diff --git a/assets/css/custom.css b/assets/css/custom.css new file mode 100644 index 0000000..95f4f3b --- /dev/null +++ b/assets/css/custom.css @@ -0,0 +1,47 @@ + +body { + font-family: 'Poppins', sans-serif; + background-color: #F8F9FA; +} + +:root { + --bs-primary: #008080; + --bs-primary-rgb: 0, 128, 128; + --bs-link-color: #008080; +} + +.btn-primary { + --bs-btn-color: #fff; + --bs-btn-bg: #008080; + --bs-btn-border-color: #008080; + --bs-btn-hover-color: #fff; + --bs-btn-hover-bg: #006666; + --bs-btn-hover-border-color: #005959; + --bs-btn-focus-shadow-rgb: 0, 128, 128; + --bs-btn-active-color: #fff; + --bs-btn-active-bg: #005959; + --bs-btn-active-border-color: #004c4c; + --bs-btn-disabled-color: #fff; + --bs-btn-disabled-bg: #008080; + --bs-btn-disabled-border-color: #008080; +} + +.hero { + background: linear-gradient(to right, rgba(0, 128, 128, 0.8), rgba(0, 102, 102, 0.9)), url('https://images.pexels.com/photos/271624/pexels-photo-271624.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1') no-repeat center center; + background-size: cover; + color: white; + padding: 6rem 0; +} + +.search-form { + background: rgba(255, 255, 255, 0.9); + padding: 2rem; + border-radius: 0.75rem; + box-shadow: 0 4px 15px rgba(0,0,0,0.1); +} + +.card { + border: none; + box-shadow: 0 4px 15px rgba(0,0,0,0.05); + border-radius: 0.75rem; +} diff --git a/assets/js/main.js b/assets/js/main.js new file mode 100644 index 0000000..e69de29 diff --git a/index.php b/index.php index 7205f3d..11ec3e1 100644 --- a/index.php +++ b/index.php @@ -1,150 +1,147 @@ - - - + + - - - New Style - - - - - - - - - - - - - - - - - - - + + + Manajemen Hotel - Pesan Kamar Anda + + + + + + + + + + + + + + -
-
-

Analyzing your requirements and generating your website…

-
- Loading… -
-

AI is collecting your requirements and applying the first changes.

-

This page will update automatically as the plan is implemented.

-

Runtime: PHP — UTC

-
-
- + +
+ +
+ +
+
+
+

Selamat Datang di Hotel Teal

+

Temukan kenyamanan dan kemewahan di satu tempat. Pesan kamar Anda sekarang.

+
+
+
+
+
+ + +
+
+ + +
+
+ +
+
+
+
+
+
+
+ +
+
+

Kamar yang Tersedia

+
+ 'Kamar Deluxe', + 'type' => 'Deluxe', + 'price' => '1.200.000', + 'image' => 'https://images.pexels.com/photos/271618/pexels-photo-271618.jpeg?auto=compress&cs=tinysrgb&w=600', + 'features' => ['1 King Bed', 'Pemandangan Kota', 'Wi-Fi Gratis'] + ], + [ + 'name' => 'Suite Keluarga', + 'type' => 'Suite', + 'price' => '1.800.000', + 'image' => 'https://images.pexels.com/photos/1457842/pexels-photo-1457842.jpeg?auto=compress&cs=tinysrgb&w=600', + 'features' => ['2 Queen Beds', 'Ruang Tamu', 'Sarapan Gratis'] + ], + [ + 'name' => 'Standard Single', + 'type' => 'Standard', + 'price' => '800.000', + 'image' => 'https://images.pexels.com/photos/262048/pexels-photo-262048.jpeg?auto=compress&cs=tinysrgb&w=600', + 'features' => ['1 Single Bed', 'Meja Kerja', 'Wi-Fi Gratis'] + ] + ]; + + foreach ($rooms as $room): + ?> +
+
+ <?php echo $room['name']; ?> +
+
+

Tipe:

+
    + +
    • + +
+
+

Rp / malam

+ Pesan Sekarang +
+
+
+
+ +
+
+
+
+ + + + + - + \ No newline at end of file