Skip to content

Commit f1517aa

Browse files
indexbook.html
1 parent e822aa9 commit f1517aa

File tree

2 files changed

+193
-24
lines changed

2 files changed

+193
-24
lines changed

HTML/index.html renamed to indexabout.html

Lines changed: 22 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,3 @@
1-
2-
31
<!DOCTYPE html>
42
<html lang="en">
53
<head>
@@ -24,7 +22,7 @@
2422

2523
<section class="header">
2624

27-
<a href="home.html" class="logo">PesonaNusa Travek</a>
25+
<a href="home.html" class="logo">PESONA NUSA TRAVEL</a>
2826

2927
<nav class="navbar">
3028
<a href="home.html">Main</a>
@@ -54,7 +52,7 @@ <h1>Pulau Komodo</h1>
5452

5553
<div class="content">
5654
<h3>Mari Berpetualang Bersama kami</h3>
57-
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Iure numquam nulla iusto corporis dolor commodi libero, vitae obcaecati optio rerum ab culpa nesciunt, earum mollitia quasi ipsam non. Aliquid, iure.</p>
55+
<p>Halo, sungguh menyakitkan untuk diikuti. Benar, tidak pernah ada rasa sakit fisik biasa yang bebas dari kenyamanan, dibutakan oleh pilihan hidup, mereka tidak mengetahui fleksibilitasnya, seolah-olah bukan dirinya sendiri. Sesuatu, benar.</p>
5856

5957
<div class="icons-container">
6058
<div class="icons">
@@ -94,9 +92,9 @@ <h1 class="heading-title"> Komentar Pelanggan </h1>
9492
<i class="fas fa-star"></i>
9593
<i class="fas fa-star"></i>
9694
</div>
97-
<p>Senang sekali Pesan disini, Ramah.</p>
98-
<h3>Susan Lee</h3>
99-
<span>Akuntan</span>
95+
<p>Senang sekali Pesan disini, Pelayanan Ramah, Harga terjangkau.</p>
96+
<h3>Lutfia Rifa Yolanda</h3>
97+
<span>Arsitek</span>
10098
<img src="image/foto.jpg" alt="">
10199
</div>
102100

@@ -107,10 +105,10 @@ <h3>Susan Lee</h3>
107105
<i class="fas fa-star"></i>
108106
<i class="fas fa-star"></i>
109107
</div>
110-
<p>Pelayanannya Mantap ?</p>
111-
<h3>Susan Lee</h3>
112-
<span>Sekretaris</span>
113-
<img src="image/foto 2.jpg" alt="">
108+
<p>Pelayanannya Mantap </p>
109+
<h3>Sakila Salsabila</h3>
110+
<span>Akuntan</span>
111+
<img src="image/FotoS1.jpeg" alt="">
114112
</div>
115113

116114
<div class="swiper-slide slide">
@@ -121,9 +119,9 @@ <h3>Susan Lee</h3>
121119
<i class="fas fa-star"></i>
122120
</div>
123121
<p>Senang Sekali!</p>
124-
<h3>Soo Min </h3>
122+
<h3>Khildya </h3>
125123
<span>Artis</span>
126-
<img src="image/foto 3.jpg" alt="">
124+
<img src="image/FotoK1.jpeg" alt="">
127125
</div>
128126

129127
<div class="swiper-slide slide">
@@ -135,9 +133,9 @@ <h3>Soo Min </h3>
135133
<i class="fas fa-star"></i>
136134
</div>
137135
<p>Senang bisa pesan disini</p>
138-
<h3>Lisa Wang</h3>
136+
<h3>Muhammad Malik</h3>
139137
<span>Desain</span>
140-
<img src="image/foto.jpg" alt="">
138+
<img src="image/FotoM1.jpeg" alt="">
141139
</div>
142140

143141
<div class="swiper-slide slide">
@@ -149,9 +147,9 @@ <h3>Lisa Wang</h3>
149147
<i class="fas fa-star"></i>
150148
</div>
151149
<p>Senang Bisa Berkunjung?</p>
152-
<h3>Miryam Chung</h3>
150+
<h3>Nira aradhea</h3>
153151
<span>Sekretaris</span>
154-
<img src="image/foto1.jpg" alt="">
152+
<img src="image/fotoN1.jpeg" alt="">
155153
</div>
156154

157155
<div class="swiper-slide slide">
@@ -200,9 +198,9 @@ <h3>Link Utama</h3>
200198
<a href="home.html"> <i class="fas fa-angle-right"></i> Main</a>
201199
<a href="menu.html"> <i class="fas fa-angle-right"></i> Wisata</a>
202200

203-
<a href="about.html"> <i class="fas fa-angle-right"></i> Perjalanan</a>
201+
<a href="indexabout.html"> <i class="fas fa-angle-right"></i> Perjalanan</a>
204202
<a href="package.html"> <i class="fas fa-angle-right"></i> Paket</a>
205-
<a href="book.html"> <i class="fas fa-angle-right"></i> Pesan</a>
203+
<a href="indexbook.html"> <i class="fas fa-angle-right"></i> Pesan</a>
206204
</div>
207205

208206
<div class="box">
@@ -215,10 +213,10 @@ <h3>Link Tambahan</h3>
215213

216214
<div class="box">
217215
<h3>Untuk info</h3>
218-
<a href="#"> <i class="fas fa-phone"></i> +628111111222</a>
219-
<a href="#"> <i class="fas fa-phone"></i> +6285111122225 </a>
220-
<a href="#"> <i class="fas fa-envelope"></i> murahsenyum@gmail.com </a>
221-
<a href="#"> <i class="fas fa-map"></i> Solo, Indonesia </a>
216+
<a href="#"> <i class="fas fa-phone"></i> +6282118937714</a>
217+
<a href="#"> <i class="fas fa-phone"></i> +628122339125 </a>
218+
<a href="#"> <i class="fas fa-envelope"></i> PesonaNusa@gmail.com </a>
219+
<a href="#"> <i class="fas fa-map"></i> Bandung, Indonesia </a>
222220
</div>
223221

224222
<div class="box">
@@ -252,4 +250,4 @@ <h3>Follow Semua</h3>
252250
<script src="script.js"></script>
253251

254252
</body>
255-
</html>
253+
</html>

indexbook.html

Lines changed: 171 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,171 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>Pesanan</title>
8+
9+
<link rel="stylesheet" href="https://unpkg.com/swiper@7/swiper-bundle.min.css" />
10+
11+
<!-- font awesome cdn -->
12+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
13+
14+
<!-- css file -->
15+
<link rel="stylesheet" href="style.css">
16+
17+
</head>
18+
<body>
19+
20+
<!-- Mulai header -->
21+
22+
<section class="header">
23+
24+
<a href="home.html" class="logo">PESONA NUSA TRAVEL</a>
25+
26+
<nav class="navbar">
27+
<a href="home.html">Main</a>
28+
<a href="menu.html">Wisata</a>
29+
<a href="indexabout.html">Perjalanan</a>
30+
<a href="package.html">Paket</a>
31+
<a href="indexbook.html">Pesan</a>
32+
</nav>
33+
34+
<div id="menu-btn" class="fas fa-bars"></div>
35+
36+
</section>
37+
38+
<!-- Mulai Heading -->
39+
<div class="heading" style="background:url(image/gambar\ 11.jpg) no-repeat">
40+
<h1>JAKARTA</h1>
41+
</div>
42+
43+
<!-- Mulai Pesanan -->
44+
45+
<section class="booking">
46+
47+
<h1 class="heading-title">CEPAT PESAN SEKARANG!</h1>
48+
49+
<form action="" method="post" class="book-form">
50+
51+
<div class="flex">
52+
<div class="inputBox">
53+
<span>Nama:</span>
54+
<input type="text" placeholder="Masukan Nama Anda" name="name">
55+
</div>
56+
<div class="inputBox">
57+
<span>Email :</span>
58+
<input type="email" placeholder="Masukan Email Anda" name="email">
59+
</div>
60+
<div class="inputBox">
61+
<span>Handphone :</span>
62+
<input type="number" placeholder="Masukan Nomor Anda" name="phone">
63+
</div>
64+
<div class="inputBox">
65+
<span>Alamat:</span>
66+
<input type="text" placeholder="Masukan Alamat Anda" name="address">
67+
</div>
68+
<div class="inputBox">
69+
<span>Tujuan:</span>
70+
<input type="text" placeholder="Masukan Tujuan Anda" name="location">
71+
</div>
72+
<div class="inputBox">
73+
<span>Berapa Orang:</span>
74+
<input type="number" placeholder="Jumlah Orang" name="guests">
75+
</div>
76+
<div class="inputBox">
77+
<span>Perjalanan :</span>
78+
<input type="date" name="arrivals">
79+
</div>
80+
<div class="inputBox">
81+
<span>Kembali:</span>
82+
<input type="date" name="leaving">
83+
</div>
84+
</div>
85+
86+
<input type="submit" value="Kirim" class="btn" name="send">
87+
88+
</form>
89+
90+
</section>
91+
92+
93+
94+
95+
96+
97+
98+
99+
100+
101+
102+
103+
104+
105+
106+
107+
108+
109+
110+
<!--Mulai footer -->
111+
112+
<section class="footer">
113+
114+
<div class="box-container">
115+
116+
<div class="box">
117+
<h3> Link Utama</h3>
118+
<a href="home.html"> <i class="fas fa-angle-right"></i> main</a>
119+
<a href="menu.html"> <i class="fas fa-angle-right"></i> Wisata</a>
120+
<a href="indexabout.html"> <i class="fas fa-angle-right"></i> Perjalanan</a>
121+
<a href="package.html"> <i class="fas fa-angle-right"></i> Paket</a>
122+
<a href="indexbook.html"> <i class="fas fa-angle-right"></i> Pesan</a>
123+
</div>
124+
125+
<div class="box">
126+
<h3>Link Tambahan</h3>
127+
<a href="#"> <i class="fas fa-angle-right"></i> Semua Pertanyaan</a>
128+
<a href="#"> <i class="fas fa-angle-right"></i> privacy policy</a>
129+
<a href="#"> <i class="fas fa-angle-right"></i> terms of use</a>
130+
<a href="#"> <i class="fas fa-angle-right"></i> about us</a>
131+
132+
</div>
133+
134+
<div class="box">
135+
<h3> Info Kontak</h3>
136+
<a href="#"> <i class="fas fa-phone"></i> +6282118937714</a>
137+
<a href="#"> <i class="fas fa-phone"></i> +6282122339125</a>
138+
<a href="#"> <i class="fas fa-envelope"></i> PesonaNusa@gmail.com </a>
139+
<a href="#"> <i class="fas fa-map"></i> Bandung, Indonesia </a>
140+
</div>
141+
142+
<div class="box">
143+
<h3>Follow Semua</h3>
144+
<a href="#"> <i class="fab fa-facebook-f"></i> facebook </a>
145+
<a href="#"> <i class="fab fa-twitter"></i> twitter </a>
146+
<a href="#"> <i class="fab fa-instagram"></i> instagram </a>
147+
<a href="#"> <i class="fab fa-linkedin"></i> linkedin </a>
148+
</div>
149+
150+
</div>
151+
152+
<div class="credit"> Copyright <span>PesonaNusa</span> 2024 </div>
153+
154+
</section>
155+
156+
157+
158+
159+
160+
161+
162+
163+
164+
165+
<script src="https://unpkg.com/swiper@7/swiper-bundle.min.js"></script>
166+
167+
168+
<script src="scrip.js"></script>
169+
170+
</body>
171+
</html>

0 commit comments

Comments
 (0)