-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathbintan.html
102 lines (92 loc) · 4.5 KB
/
bintan.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
<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Pulau Bintan</title>
<link rel="stylesheet" href="style.css">
<link rel="icon" type="image/svg" href="img/favicon.svg">
<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=Open+Sans:wght@400;700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Kaushan+Script&display=swap" rel="stylesheet">
</head>
<body>
<header class="bintan">
<nav>
<a href="index.html"><img src="img/fb.svg" alt="FB"></a>
</nav>
<div class="landing">
<h1>Pulau Bintan</h1>
<div class="landingdesc"><p>Kepulauan Riau</p></div>
</div>
</header>
<main>
<div class="opening">
<span class="desc">
<h1>Kepulauan<br>Segantang Lada</h1><br>
<p>Kabupaten Bintan sebelumnya merupakan Kabupaten Kepulauan Riau.
Kabupaten Kepulauan Riau telah dikenal beberapa abad yang silam tidak hanya di nusantara tetapi juga di manca-negara. <br><br>
Wilayahnya mempunyai ciri khas terdiri dari ribuan pulau besar dan kecil yang tersebar di Laut Cina Selatan,
karena itulah julukan Kepulauan “Segantang Lada” sangat tepat untuk menggambarkan betapa banyaknya pulau yang ada di daerah ini.
</p>
</span>
<span class="descphoto">
<img src="img/calum-lewis-srxmFx025MI-unsplash.jpg" alt="Lada" width="350px">
</span>
</div>
<section>
<div class="judul">
<h1>Lokasi Wisata Alam Populer</h1>
</div>
<div class="loc">
<span class="locphoto">
<img src="https://statik.tempo.co/data/2018/09/20/id_734844/734844_720.jpg" alt="Pantai Trikora" width="500px">
</span>
<span class="locdesc">
<h3>Pantai Trikora</h3><br>
<p>adalah salah satu pantai dengan pasir putih yang terletak di pulau Bintan, Kepulauan Riau, Indonesia.
Pantai alami ini memiliki ombak yang landai dengan bebatuan-bebatuan indah di pantai. <br><br>
Pantai ini memiliki empat bagian, yakni Trikora 1, 2, 3 (Trikot), dan 4.
</p><br>
<div class="button"><a href="https://goo.gl/maps/eA6ix8TNqzkcp3pN9" target="_blank">Lihat lokasi</a></div>
</span>
</div>
<div class="loc">
<span class="locphoto">
<img src="https://majalahteras.com/assets/images/2017/08/Gunung-Bintan.jpg" alt="Gunung Bintan" width="500px">
</span>
<span class="locdesc">
<h3>Gunung Bintan</h3><br>
<p>merupakan salah satu gunung yang lebih menyerupai bentuk bukit terletak di Pulau Bintan propinsi Kepulauan Riau. <br><br>
Gunung Bintan ini memiliki ketinggian hanya sekitar 400 m di atas permukaan laut, hal itu merupakan alasan mengapa Gunung Bintan ini terlihat seperti bukit.
</p><br>
<div class="button"><a href="https://goo.gl/maps/LnyMjFX5Q7UkeWWF8" target="_blank">Lihat lokasi</a></div>
</span>
</div>
</section>
<div>
<img src="img/akudui-SP3H5t8dEms-unsplash.jpg" alt="Pulau Bintan" class="divider">
</div>
<div class="judul">
<h1>Lihat Tempat Lainnya</h1>
</div>
<section class="tempat">
<div class="card">
<a href="labuanbajo.html">
<img src="img/william-kusno-tq_h8bCNhKQ-unsplash.jpg" alt="Labuan Bajo" style="object-position: 0 70%;" class="fototempat">
<div class="namatempat">
<h2>Labuan Bajo</h2>
<p>Nusa Tenggara Timur</p>
</div>
</a>
</div>
</section>
</main>
<footer>
<p class="contact"><a href="index.html">Keindahan Alam Indonesia</a></p>
<div class="top"><a href="#"><img src="img/gotop.svg" alt="Up" width="30px"></a></div>
</footer>
</body>
</html>