-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
140 lines (140 loc) · 6.16 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
<!DOCTYPE html>
<html>
<head>
<title>Tanjungpinang - Indra Kurniawan</title>
<link rel="stylesheet" href="css/style.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<header>
<div class="head">
<h1>Tanjungpinang</h1>
<p>Moto : Jujur Bertutur Bijak Bertindak</p>
</div>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li class="dropdown">
<a href="#">Article</a>
<div class="dropdown-content">
<a href="#kota-tanjungpinang">Kota</a>
<a href="#sejarah">Sejarah</a>
<a href="#pariwisata">Parawisata</a>
</div>
</li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
</header>
<main>
<div id="content">
<article class="card" id="kota-tanjungpinang">
<h1>Kota Tanjungpinang</h1>
<img src="asset/image/kantor-walikota.jpg" title="Kantor Walikota" alt="kantor-walikota" class="featured-image">
<p>Tanjungpinang atau Tanjung Pinang (disingkat Tg. Pinang) adalah ibu kota dari Provinsi Kepulauan Riau, Indonesia. Kota ini terletak di Pulau Bintan dan beberapa pulau kecil seperti Pulau Dompak dan Pulau Penyengat. Kota Tanjungpinang dahulunya adalah pusat pemerintahan Kesultanan Riau-Lingga. Sebelum dimekarkan menjadi kota otonom, Tanjungpinang adalah ibu kota Kabupaten Kepulauan Riau (sekarang Kabupaten Bintan). Kota ini juga awalnya adalah ibu kota Provinsi Riau (meliputi Riau daratan dan kepulauan) sebelum kemudian dipindahkan ke Kota Pekanbaru.
Kota ini memiliki cukup banyak daerah pariwisata seperti Pulau Penyengat yang hanya berjarak kurang lebih 2 mil dari Pelabuhan Sri Bintan Pura, Pantai Trikora dengan pasir putihnya terletak kurang lebih 65 km dari kota, dan Pantai Buatan yaitu Tepi Laut yang terletak di garis pantai pusat kota sebagai pemanis atau wajah kota (waterfront city).</p>
</article>
<article class="card" id="sejarah">
<h1>Sejarah</h1>
<img src="asset/image/sejarah.jpg" title="Sejarah" alt="sejarah" class="featured-image">
<p>Pada masa Hindia Belanda, Tanjungpinang merupakan pusat pemerintahan Karesidenan Riouw. Kemudian di awal kemerdekaan Indonesia, menjadi ibu kota Provinsi Riau. Pada tahun 1957, Tanjungpinang menjadi ibu kota Provinsi Riau. Namun dua tahun kemudian ibu kota propinsi itu dipindahkan ke Pekanbaru.[4] Setelah itu statusnya menjadi Kota Administratif hingga tahun 2000. Berdasarkan UU Nomor 5 Tahun 2001, pada tanggal 21 Juni 2001 statusnya ditingkatkan menjadi Kota Tanjungpinang. Pusat pemerintahan yang semula berada di pusat Kota Tanjungpinang, kemudian dipindahkan ke Senggarang (bagian utara kota).[5] Hal ini bertujuan untuk pemerataan pembangunan serta mengurangi kepadatan penduduk yang selama ini berpusat di Kota Lama (bagian barat kota). Pada tahun 2002, Kota Tanjungpinang kembali menjadi ibu kota provinsi, yakni Provinsi Kepulauan Riau.</p>
</article>
<article class="card" id="pariwisata">
<h1>Pariwisata</h1>
<img src="asset/image/pariwisata.jpg" title="Pariwisata" alt="pariwisata" class="featured-image">
<p>Pulau Penyengat merupakan salah satu kawasan wisata di Kota Tanjungpinang. Pulau seluas 3,5 km² ini berada di sebelah barat Kota Tanjungpinang dan dapat ditempuh 15 menit dengan transportasi laut. Pada pulau ini terdapat banyak peninggalan lama dengan wujud bangunan dan mak ossss am yang telah dijadikan situs cagar budaya. Selain itu juga dijumpai kelenteng atau vihara di kawasan Kampung Bugis dan Senggarang yang sekaligus menjadi kawasan wisata religi. Wisata lainnya juga dapat ditemukan di Pantai Impian, Tugu Pensil, Tepi Laut, Mall Ramayana Tanjung Pinang, Bestari Mall, Bintan Indah Mall, Tanjungpinang City Center dan sebagainya.</p>
</article>
</div>
<aside class="card">
<article class="profile">
<header>
<h2>Profil Singkat</h2>
<p>Indra Kurniawan</p>
<figure>
<img src="asset/image/profile.jpg">
</figure>
<p>Assalamualaikum wr.wb, Halo saya Indra Kurniawan. Saya berasal dari kota Tanjungpinang Provinsi Kepulauan Riau dan Saya adalah seorang mahasiswa yang sedang menempuh pendidikan di salah satu universitas di Indonesia</p>
</header>
<section>
<div><h3>Ikuti Saya : </h3></div>
<div class="sosmed-flex">
<div class="icon">
<a href="#">
<img src="asset/image/sosmed/google.png" alt="google" title="Google">
</a>
</div>
<div class="icon">
<a href="#">
<img src="asset/image/sosmed/facebook.png" alt="facebook" title="Facebook">
</a>
</div>
<div class="icon">
<a href="#">
<img src="asset/image/sosmed/instagram.png" alt="instagram" title="Instagram">
</a>
</div>
<div class="icon">
<a href="#">
<img src="asset/image/sosmed/whatsapp.png" alt="whatsapp" title="WhatsApp">
</a>
</div>
<div class="icon">
<a href="#">
<img src="asset/image/sosmed/youtube.png" alt="youtube" title="YouTube">
</a>
</div>
</div>
</table>
</section>
</article>
</aside>
<aside class="card">
<article class="profile">
<header>
<h2>Tanjungpinang</h2>
<p>Kota Gurindam</p>
<figure>
<img src="asset/image/tanjungpinang.jpg">
<figcaption>Tanjungpinang</figcaption>
</figure>
</header>
<section>
<h3 class="info">Informasi Lainnya</h3>
<table>
<tr>
<th>Negara</th>
<td>Indonesia</td>
</tr>
<tr>
<th>Provinsi</th>
<td>Kepulauan Riau</td>
</tr>
<tr>
<th>Hari HUT</th>
<td>21 Oktober 2001</td>
</tr>
<tr>
<th>Luas</th>
<td>239,5km<sup>2</sup></td>
</tr>
</table>
</section>
</article>
</aside>
</main>
<footer>
<div class="nav-footer">
<ul>
<li><a href="#" >Home</a></li>
<li><a href="#" >Article</a></li>
<li><a href="#" >About</a></li>
<li><a href="#" >Contact</a></li>
</ul>
</div>
<div class="footer">By Indra Kurniawan © 2020 <a href="#">Dicoding</a>
</div>
</footer>
<script src="js/javascript.js"></script>
</body>
</html>