-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathprofil.html
121 lines (112 loc) · 6.29 KB
/
profil.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>KYOTO HOMESTAY</title>
<link rel="stylesheet" href="style.css">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- Font Awesome -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css" integrity="sha384-4LISF5TTJX/fLmGSxO53rV4miRxdg84mZsxmO8Rx5jGtp/LbrixFETvWa5a6sESd" crossorigin="anonymous">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-custom">
<div class="container">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item">
<a class="nav-link" href="index.html">Beranda</a>
</li>
<li class="nav-item">
<a class="nav-link" href="profil.html">Profil</a>
</li>
<li class="nav-item">
<a class="nav-link" href="akomodasi.html">Akomodasi</a>
</li>
<li class="nav-item">
<a class="nav-link" href="galeri.html">Galeri</a>
</li>
<li class="nav-item">
<a class="nav-link" href="lokasi.html">Lokasi</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Booking Section -->
<section class="booking-section">
<div class="container">
<div class="row justify-content-end">
<div class="col-auto">
<div class="booking-form p-4">
<div class="form-group row">
<div class="col-md-6">
<label for="check_in">Check In</label>
<input type="date" name="check_in" class="form-control" id="check_in">
</div>
<div class="col-md-6">
<label for="check_out">Check Out</label>
<input type="date" name="check_out" class="form-control" id="check_out">
</div>
</div>
<br>
<div class="form-group">
<input type="text" name="nama" class="form-control" id="nama" placeholder="Masukkan nama Anda">
</div>
<div class="form-group text-end mt-3">
<button type="submit" name="booking" class="btn btn-success">Booking</button>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Section About Profil -->
<section class="container about-profil">
<h2 class="text-center">Tentang Kami</h2>
<div class="row">
<p>
  Kyoto Homestay adalah penginapan yang elegan dan nyaman pertama yang terletak di Kota Malang, Jawa Timur. Hotel ini menawarkan perpaduan harmonis antara desain tradisional Jepang dan fasilitas modern, menciptakan suasana yang menyenangkan bagi para tamu.
Hotel Kyoto terletak strategis dekat dengan berbagai atraksi wisata terkenal seperti Jatim Park 1,2,3, Museum Angkut, dan Bumi Perkemahan Bedengan yang terkenal dengan kesejukannya.
Lokasinya yang dekat dengan pusat wisata kota Malang yang memudahkan tamu untuk menjelajahi seluruh kota Malang dan sekitarnya. Menginap di Hotel Kyoto memberikan kesempatan kepada tamu untuk merasakan pengalaman budaya Jepang yang otentik Ddikota Malang. Dari interior yang dihiasi dengan seni dan kerajinan lokal hingga acara-acara budaya seperti upacara minum teh dan pertunjukan musik tradisional, setiap aspek hotel ini dirancang untuk memberikan pengalaman yang tak terlupakan. Dengan perpaduan sempurna antara kemewahan modern dan tradisi Jepang, Hotel Kyoto merupakan pilihan ideal bagi para wisatawan yang mencari akomodasi berkualitas tinggi di salah satu kota paling bersejarah di Malang.
</p>
</div>
</section>
<!-- Section About -->
<section class="container about-profil-2">
<div class="row">
<img src="assets/img/Group 12.png" alt="">
</div>
</section>
<section class="footer-1">
<h2 class="text-center">Kyoto Homestay</h2>
<div class="container text-center">
<div class="d-flex justify-content-center mt-3">
<a href="https://www.facebook.com" class="btn btn-lg" target="_blank">
<i class="bi bi-facebook"></i>
</a>
<a href="https://www.instagram.com" class="btn btn-lg" target="_blank">
<i class="bi bi-instagram"></i>
</a>
<a href="https://www.tiktok.com" class="btn btn-lg" target="_blank">
<i class="bi bi-tiktok"></i>
</a>
<a href="https://www.twitter.com" class="btn btn-lg" target="_blank">
<i class="bi bi-twitter-x"></i>
</a>
</div>
<br>
<h5>Jalan Candi Panggung Barat, Malang, Indonesia</h5>
<h5>Telp: 085121859385 | Fax: 8738757 | Email: [email protected]</h5>
</div>
</section>
<div class="footer-2">
<h5 class="text-center">Copyright 2024 © Kyoto Homestay <br>All logos and trademarks mentioned herein are the registered property of their respective companies.</h5>
</div>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>