-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
142 lines (139 loc) · 5.59 KB
/
index.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
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" integrity="sha384-DyZ88mC6Up2uqS4h/KRgHuoeGwBcD4Ng9SiP4dIRy0EXTlnuz47vAwmeGwVChigm" crossorigin="anonymous">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,500;0,700;1,400&display=swap" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.0/normalize.min.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<title>Renting Property - Villa - House, Room</title>
</head>
<body>
<header>
<div class="container">
<div class="navtoggle" id="myNavtoggle">
<img class="logo" src="img/logo/logo-cs.jpg" alt="Rumah Sewa di Sanur">
<nav>
<ul>
<a href="reservation.html" class="button">Book Now</a>
</nav>
</ul>
<nav>
<ul>
<li>
<a href="about.html">About</a>
</li>
<li>
<a href="index.html">Property</a>
</li>
<li>
<a href="contact.html">Contact</a>
</li>
<li><a href="javascript:void(0);" class="icon" onclick="menuToggle()"><i class="fas fa-bars"></i></a></li>
</ul>
</nav>
</div>
</div>
</header>
<main>
<section class="section intro">
<div class="container">
<h1>Hi nice to meet you here..</h1>
<p>We are happy to assist you to find your accomodation..
</p>
</div>
</section>
<section class="work">
<div class="container">
<h2>Our Location</h2>
<h3>Desa Pejeng Kangin, Gianyar-Bali</h3>
<div class="row">
<div class="column col-md-6 col-lg-5">
<picture>
<source srcset="img\renting villa-bali_ubud\dining_area.jpeg" media="(max-width:767px)">
<img src="img\renting villa-bali_ubud\dining_area.jpeg" alt="Villa Christina">
<nav>
<a href="ubud.html" class="button">More Pictures</a>
</nav>
</picture>
</div>
<div class="column col-md-6 col-lg-7">
<h3>Main House</h3>
<h4>Overview</h4>
<p>Villa Christina
Location: Banjar Pesalakan, Desa Pejeng Kangin Kab. Gianyar, Bali
Size: LB 200 m2 LT 900 m2
Swimming pool 24 m2
Bed Rooms: 5 Bath Rooms: 5
Living Room, Kitchen, Dining area
</p>
<nav>
<ul>
<li>
<a href="reservation.html" class="button">Book Now</a>
<a href="ubud.html" target="_blank" class="button">Detail</a>
<a href="https://maps.app.goo.gl/QHvEuf6t5z2LE9SE6" class="button">Map</a>
</ul>
</nav>
</div>
</div>
<div class="row">
<div class="column col-md-6 col-lg-5">
<picture>
<source srcset="img\renting villa-bali_ubud\dining_area2.jpeg" media="(max-width:767px)">
<img src="img\renting villa-bali_ubud\dining_area2.jpeg" alt="PlutoPay app">
<nav>
<a href="medan.html" class="button">More Pictures</a>
</nav>
</picture>
</div>
<div class="column col-md-6 col-lg-7">
<h3>Wooden House</h3>
<h4>Overview</h4>
<p>Perumahan Griya Karya Kasih
Size: LB 75 m2 LT 100 m2
Bed Rooms: 2 Bath Rooms: 2
Living Room, Kitchen, Dining area
</p>
<nav>
<ul>
<a href="reservation.html" class="button">Book Now</a>
<a href="medan.html" class="button">Detail</a>
<a href="https://maps.app.goo.gl/ZPYXrXmGZ4LNyz267" class="button">Map</a>
</ul>
</nav>
</div>
<div class="column col-md-6 col-lg-7">
</main>
<footer id="contact">
<div class="container">
<h2>Contact Me</h2>
<p>Let's keep in touch, stay in contact and work together.
I look forward to hearing from you, feel free to contact me, and we can build and develop your next exciting and innovative digital project.
</p>
<div class="contact">
<a href="form_contact.html" class="button">Send Email</a>
<a href="+628116261981" target="_blank" class="button">Call Us</a>
</div>
<div class="social">
<!--Social Media Layout and Placeholders-->
<a href="https://www.linkedin.com/in/christina-silit/" target="_blank">
<i class="fab fa-linkedin-in"></i>
</a>
<a href="https://twitter.com/ChristinaSlt03" target="_blank">
<i class="fab fa-twitter"></i>
</a>
<a href="https://www.behance.net/christisiliton" target="_blank">
<i class="fab fa-behance"></i>
</a>
</div>
<p class="copy">Copyright Christina Silitonga 2022</p>
</div>
</footer>
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<script src="js/script.js"></script>
</body>
</html>