index

eveeeeef21

Feb 4th, 2024

106

Never

Add comment

Not a member of Pastebin yet? Sign Up, it unlocks many cool features!

HTML 5 5.44 KB | Source Code | 0 0

raw download clone embed print report

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Surakarta</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="css/style.css" />
<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=Quicksand:wght@500;700&display=swap"
rel="stylesheet"
/>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"
integrity="sha512-1ycn6IcaQQ40/MKBW2W4Rhis/DbILU74C1vSrLJxCq57o941Ym01SwNsOMqvEBFlcgUa6xLiPY/NS5R+E6ztJQ=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
/>
</head>
<body>
<header class="navbar-container">
<div class="logo">
<img src="img/pemkot-solo.png" alt="Dicoding Indonesia" />
</div>
<nav class="nav-list">
<ul>
<li><a href="#">Beranda</a></li>
<li><a href="#">Menu</a></li>
<li><a href="#">Apa yang Baru</a></li>
<li><a href="#">Kontak</a></li>
</ul>
</nav>
</header>
<main>
<div class="content" id="content">
<div class="content-description">
<h1 class="title">Kota Surakarta</h1>
<p>
<b>SURAKARTA</b> lebih dikenal dengan nama “SOLO” atau “Sala” adalah
dusun yang dipilih oleh Sultan Pakubuwana II ketika akan mendirikan
istana yang baru, setelah perang suksesi Mataram terjadi di
Kartasura. Nama ini ternyata trend dipakai secara luas sampai
sekarang bahkan memiliki konotasi cultural. Nama “Surakarta”, yang
sekarang dipakai sebagai nama administrasi yang mulai dipakai ketika
Kasunanan didirikan, sebagai kelamjutan monarki Kartasura. Pada masa
sekarang, nama Surakarta digunakan dalam situasi
formal-pemerintahan, sedangkan nama Sala/Solo lebih umum
penggunaannya. Kata sura dalam bahasa Jawa berarti “keberanian” dan
karta berarti “sempurna”/ “penuh”. Dapat pula dikatakan bahwa nama
Surakarta merupakan permainan kata dari Kartasura. Kata sala, nama
desa yang dipakai untuk tempat istana baru dibangun.
</p>
</div>
<div class="content-image">
<img src="img/logo-solo.jpg" alt="Dicoding Indonesia" />
</div>
<article id="sejarah" class="card">
<h2>Sejarah</h2>
<img
src="img/sejarah-solo.jpg"
alt="sejarah"
class="featured-image"
/>
<p>
Kata Bandung berasal dari kata bendung atau bendungan karena
terbendungnya sungai Citarum oleh lava Gunung Tangkuban Parahu yang
lalu membentuk telaga. Legenda yang diceritakan oleh orang-orang tua
di Bandung mengatakan bahwa nama Bandung diambil dari sebuah
kendaraan air yang terdiri dari dua perahu yang diikat berdampingan
yang disebut perahu bandung yang digunakan oleh Bupati Bandung, R.A.
Wiranatakusumah II, untuk melayari Ci Tarum dalam mencari tempat
kedudukan kabupaten yang baru untuk menggantikan ibu kota yang lama
di Dayeuhkolot.
</p>
<p>
Berdasarkan filosofi Sunda, kata Bandung juga berasal dari kalimat
Nga-Bandung-an Banda Indung, yang merupakan kalimat sakral dan luhur
karena mengandung nilai ajaran Sunda. Nga-Bandung-an artinya
menyaksikan atau bersaksi. Banda adalah segala sesuatu yang berada
di alam hidup yaitu di bumi dan atmosfer, baik makhluk hidup maupun
benda mati. Sinonim dari banda adalah harta. Indung berarti Ibu atau
Bumi, disebut juga sebagai Ibu Pertiwi tempat Banda berada.
</p>
</article>
</div>
<aside class="sidebar">
<div class="info-tambahan">
<article class="profile card">
<header>
<h2>Kota Surakarta</h2>
<p>Kota Kembang Paris van Java</p>
<figure>
<img src="img/surakarta-logo.png" />
<figcaption>Lambang</figcaption>
</figure>
</header>
<section>
<h3>Informasi Lainnya</h3>
<table>
<tr>
<th>Negara</th>
<td>Indonesia</td>
</tr>
<tr>
<th>Hari jadi</th>
<td>25 September 1810</td>
</tr>
<tr>
<th>Luas Total</th>
<td>167.67 km<sup>2</sup></td>
</tr>
<tr>
<th>Bahasa Daerah</th>
<td>Sunda</td>
</tr>
<tr>
<th>Kode Telepon</th>
<td>+62 22</td>
</tr>
</table>
</section>
</article>
</div>
</aside>
</main>
<footer>
</footer>
</body>
</html>

Add Comment

Please, Sign In to add comment