Skip to content

Commit e822aa9

Browse files
MuhammadMallqMuhammadMallq
authored
index.1
1 parent 194de24 commit e822aa9

File tree

2 files changed

+255
-11
lines changed

2 files changed

+255
-11
lines changed

‎HTML/About.html‎

Lines changed: 0 additions & 11 deletions
This file was deleted.

‎HTML/index.html‎

Lines changed: 255 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,255 @@
1+
2+
3+
<!DOCTYPE html>
4+
<html lang="en">
5+
<head>
6+
<meta charset="UTF-8">
7+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
8+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
9+
<title>Perjalanan</title>
10+
11+
<!-- swiper css link -->
12+
<link rel="stylesheet" href="https://unpkg.com/swiper@7/swiper-bundle.min.css" />
13+
14+
<!-- font awesome cdn link -->
15+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
16+
17+
<!-- custom css file link -->
18+
<link rel="stylesheet" href="style.css">
19+
20+
</head>
21+
<body>
22+
23+
<!-- header section starts -->
24+
25+
<section class="header">
26+
27+
<a href="home.html" class="logo">PesonaNusa Travek</a>
28+
29+
<nav class="navbar">
30+
<a href="home.html">Main</a>
31+
<a href="menu.html">Wisata</a>
32+
<a href="about.html">Perjalanan</a>
33+
<a href="package.html">Paket</a>
34+
<a href="book.html">Pesan</a>
35+
</nav>
36+
37+
<div id="menu-btn" class="fas fa-bars"></div>
38+
39+
</section>
40+
41+
<!-- header section ends -->
42+
43+
<div class="heading" style="background:url(image/gambar\ 3.jpg) no-repeat">
44+
<h1>Pulau Komodo</h1>
45+
</div>
46+
47+
<!-- about section starts -->
48+
49+
<section class="about">
50+
51+
<div class="image">
52+
<img src="image/gambar 21.jpg" alt="">
53+
</div>
54+
55+
<div class="content">
56+
<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>
58+
59+
<div class="icons-container">
60+
<div class="icons">
61+
<i class="fas fa-map"></i>
62+
<span>Tempat Terbaik</span>
63+
</div>
64+
<div class="icons">
65+
<i class="fas fa-hand-holding-usd"></i>
66+
<span>Daftar harga</span>
67+
</div>
68+
<div class="icons">
69+
<i class="fas fa-headset"></i>
70+
<span>Customer service</span>
71+
</div>
72+
</div>
73+
</div>
74+
75+
</section>
76+
77+
<!-- about section ends -->
78+
79+
<!-- reviews section starts -->
80+
81+
<section class="reviews">
82+
83+
<h1 class="heading-title"> Komentar Pelanggan </h1>
84+
85+
<div class="swiper reviews-slider">
86+
87+
<div class="swiper-wrapper">
88+
89+
<div class="swiper-slide slide">
90+
<div class="stars">
91+
<i class="fas fa-star"></i>
92+
<i class="fas fa-star"></i>
93+
<i class="fas fa-star"></i>
94+
<i class="fas fa-star"></i>
95+
<i class="fas fa-star"></i>
96+
</div>
97+
<p>Senang sekali Pesan disini, Ramah.</p>
98+
<h3>Susan Lee</h3>
99+
<span>Akuntan</span>
100+
<img src="image/foto.jpg" alt="">
101+
</div>
102+
103+
<div class="swiper-slide slide">
104+
<div class="stars">
105+
<i class="fas fa-star"></i>
106+
<i class="fas fa-star"></i>
107+
<i class="fas fa-star"></i>
108+
<i class="fas fa-star"></i>
109+
</div>
110+
<p>Pelayanannya Mantap ?</p>
111+
<h3>Susan Lee</h3>
112+
<span>Sekretaris</span>
113+
<img src="image/foto 2.jpg" alt="">
114+
</div>
115+
116+
<div class="swiper-slide slide">
117+
<div class="stars">
118+
<i class="fas fa-star"></i>
119+
<i class="fas fa-star"></i>
120+
<i class="fas fa-star"></i>
121+
<i class="fas fa-star"></i>
122+
</div>
123+
<p>Senang Sekali!</p>
124+
<h3>Soo Min </h3>
125+
<span>Artis</span>
126+
<img src="image/foto 3.jpg" alt="">
127+
</div>
128+
129+
<div class="swiper-slide slide">
130+
<div class="stars">
131+
<i class="fas fa-star"></i>
132+
<i class="fas fa-star"></i>
133+
<i class="fas fa-star"></i>
134+
<i class="fas fa-star"></i>
135+
<i class="fas fa-star"></i>
136+
</div>
137+
<p>Senang bisa pesan disini</p>
138+
<h3>Lisa Wang</h3>
139+
<span>Desain</span>
140+
<img src="image/foto.jpg" alt="">
141+
</div>
142+
143+
<div class="swiper-slide slide">
144+
<div class="stars">
145+
<i class="fas fa-star"></i>
146+
<i class="fas fa-star"></i>
147+
<i class="fas fa-star"></i>
148+
<i class="fas fa-star"></i>
149+
<i class="fas fa-star"></i>
150+
</div>
151+
<p>Senang Bisa Berkunjung?</p>
152+
<h3>Miryam Chung</h3>
153+
<span>Sekretaris</span>
154+
<img src="image/foto1.jpg" alt="">
155+
</div>
156+
157+
<div class="swiper-slide slide">
158+
<div class="stars">
159+
<i class="fas fa-star"></i>
160+
<i class="fas fa-star"></i>
161+
<i class="fas fa-star"></i>
162+
<i class="fas fa-star"></i>
163+
</div>
164+
<p>Bagus Pelayanannya?</p>
165+
<h3>Susan Lee</h3>
166+
<span>Akuntan</span>
167+
<img src="image/foto 2.jpg" alt="">
168+
</div>
169+
170+
</div>
171+
172+
</div>
173+
174+
</section>
175+
176+
<!-- reviews section ends -->
177+
178+
179+
180+
181+
182+
183+
184+
185+
186+
187+
188+
189+
190+
191+
192+
<!-- footer section starts -->
193+
194+
<section class="footer">
195+
196+
<div class="box-container">
197+
198+
<div class="box">
199+
<h3>Link Utama</h3>
200+
<a href="home.html"> <i class="fas fa-angle-right"></i> Main</a>
201+
<a href="menu.html"> <i class="fas fa-angle-right"></i> Wisata</a>
202+
203+
<a href="about.html"> <i class="fas fa-angle-right"></i> Perjalanan</a>
204+
<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>
206+
</div>
207+
208+
<div class="box">
209+
<h3>Link Tambahan</h3>
210+
<a href="#"> <i class="fas fa-angle-right"></i> Semua Pertanyaan</a>
211+
<a href="#"> <i class="fas fa-angle-right"></i> about us</a>
212+
<a href="#"> <i class="fas fa-angle-right"></i> privacy policy</a>
213+
<a href="#"> <i class="fas fa-angle-right"></i> terms of use</a>
214+
</div>
215+
216+
<div class="box">
217+
<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>
222+
</div>
223+
224+
<div class="box">
225+
<h3>Follow Semua</h3>
226+
<a href="#"> <i class="fab fa-facebook-f"></i> facebook </a>
227+
<a href="#"> <i class="fab fa-twitter"></i> twitter </a>
228+
<a href="#"> <i class="fab fa-instagram"></i> instagram </a>
229+
<a href="#"> <i class="fab fa-linkedin"></i> linkedin </a>
230+
</div>
231+
232+
</div>
233+
234+
<div class="credit"> Copyright <span> PesonaNusa </span>2024 </div>
235+
236+
</section>
237+
238+
<!-- footer section ends -->
239+
240+
241+
242+
243+
244+
245+
246+
247+
248+
<!-- swiper js link -->
249+
<script src="https://unpkg.com/swiper@7/swiper-bundle.min.js"></script>
250+
251+
<!-- custom js file link -->
252+
<script src="script.js"></script>
253+
254+
</body>
255+
</html>

0 commit comments

Comments
 (0)