Advertisement
wibowoow

index.html (terbaru)

Oct 14th, 2020
2,479
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5.60 KB | None | 0 0
  1. <!doctype html>
  2. <html>
  3.   <head>
  4.     <title>Kota Bandung</title>
  5.     <link rel="stylesheet" href="../webdasar/assets/styles/style.css">
  6.   </head>
  7.  
  8. <body>
  9.   <header>
  10.     <div class="jumbotron">
  11.       <h1>KOTA BANDUNG</h1>
  12.       <p>Kota metropolitan terbesar di Provinsi Jawa Barat, sekaligus menjadi ibu kota provinsi tersebut.</p>
  13.     </div>
  14.  
  15.   <nav>
  16.     <ol>
  17.       <li><a href="#Sejarah">Sejarah</a></li>
  18.       <li><a href="#Geografis">Geografis</a></li>
  19.       <li><a href="#Wisata">Wisata</a></li>
  20.       <li><a href="#Farm House Lembang">Farm House Lembang</a></li>
  21.       <li><a href="#Observatorium Bosscha">Observatorium Bosscha</a></li>
  22.     </ol>
  23.   </nav>
  24.   </header>
  25.  
  26.   <main>
  27.   <div id="content">
  28.     <article id="sejarah" class="card">
  29.       <h2 id="Sejarah">Sejarah</h2>
  30.       <img src="../webdasar/assets/image/history.jpg" class="featured-image" alt="Sejarah">
  31.       <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>
  32.       <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>
  33.     </article>
  34.    
  35.     <article id="Geografis" class="card">
  36.       <h2 id="Geografis">Geografis</h2>
  37.       <img src="../webdasar/assets/image/geografis.jpg" class="featured-image" alt="Geografis">
  38.       <p>Kota Bandung dikelilingi oleh pegunungan, sehingga bentuk morfologi wilayahnya bagaikan sebuah mangkok raksasa, secara geografis kota ini terletak di tengah-tengah provinsi Jawa Barat, serta berada pada ketinggian ±768 m di atas permukaan laut, dengan titik tertinggi di berada di sebelah utara dengan ketinggian 1.050 meter di atas permukaan laut dan sebelah selatan merupakan kawasan rendah dengan ketinggian 675 meter di atas permukaan laut.</p>
  39.       <p>Kota Bandung dialiri dua sungai utama, yaitu Sungai Cikapundung dan Sungai Citarum beserta anak-anak sungainya yang pada umumnya mengalir ke arah selatan dan bertemu di Sungai Citarum. Dengan kondisi yang demikian, Bandung selatan sangat rentan terhadap masalah banjir terutama pada musim hujan.</p>
  40.     </article>
  41.    
  42.     <article id="Wisata" class="card">
  43.       <h2 id="Wisata">Wisata</h2>
  44.       <p>Sejak dibukanya Jalan Tol Cipularang, kota Bandung telah menjadi tujuan utama dalam menikmati liburan akhir pekan terutama dari masyarakat yang berasal dari Jakarta sekitarnya. Selain menjadi kota wisata belanja, kota Bandung juga dikenal dengan sejumlah besar bangunan lama berarsitektur peninggalan Belanda.</p>
  45.    
  46.     <section>
  47.       <h2 id="Farm House Lembang">Farm House Lembang</h2>
  48.       <img src="../webdasar/assets/image/farm-house.jpg" class="featured-image" alt="Farm House">
  49.       <p>Berada di jalur utama Bandung-Lembang, Farm House menjadi objek wisata yang tidak pernah sepi pengunjung. Selain karena letaknya strategis, kawasan ini juga menghadirkan nuansa wisata khas Eropa. Semua itu diterapkan dalam bentuk spot swafoto Instagramable.</P>
  50.     </section>
  51.    
  52.     <section>
  53.       <h2 id="Observatorium Bosscha">Observatorium Bosscha</h2>
  54.       <img src="../webdasar/assets/image/bosscha.jpg" class="featured-image" alt="Bosscha">
  55.       <p>Memiliki beberapa teleskop, antara lain, Refraktor Ganda Zeiss, Schmidt Bimasakti, Refraktor Bamberg, Cassegrain GOTO, dan Teleskop Surya. Refraktor Ganda Zeiss adalah jenis teleskop terbesar untuk meneropong bintang. Benda ini diletakkan pada atap kubah sehingga saat teropong digunakan, atap tersebut harus dibuka. Observatorium Bosscha boleh dikunjungi oleh siapa pun, tanpa tiket. Namun, bagi yang ingin menggunakan teleskop Zeiss, wajib mendaftarkan diri. Untuk instansi atau lembaga pendidikan, diberikan jadwal hari Selasa sampai Jumat. Sementara itu, kunjungan individu dibuka setiap hari Sabtu.</p>
  56.     </section>
  57.     </article>
  58.  
  59.   </div>
  60.   <aside>
  61.     <article class="profile card">
  62.       <header>
  63.         <h2>Bandung</h2>
  64.         <p> Kota metropolitan terbesar di Provinsi Jawa Barat, sekaligus menjadi ibu kota provinsi tersebut.</p>
  65.         <figure>
  66.           <img src="../webdasar/assets/image/bandung.png">
  67.           <figcaption>Lambang</figcaption>
  68.         </figure>
  69.       </header>
  70.    
  71.    
  72.     <section>
  73.       <h3>Informasi Lainnya</h3>
  74.       <table>
  75.         <tr>
  76.           <th>Negara</th>
  77.           <td>Indonesia</td>
  78.         </tr>
  79.  
  80.         <tr>
  81.           <th>Hari Jadi</th>
  82.           <td>25 September 1810</td>
  83.         </tr>
  84.  
  85.         <tr>
  86.           <th>Luas Total</th>
  87.           <td>167.67 km<sup>2</sup></td>
  88.         </tr>
  89.  
  90.         <tr>
  91.           <th>Bahasa Daerah</th>
  92.           <td>Sunda</td>
  93.         </tr>
  94.  
  95.         <tr>
  96.           <th>Kode Telepon</th>
  97.           <td>+62 22</td>
  98.         </tr>
  99.       </table>
  100.     </section>
  101.     </article>
  102.   </aside>
  103. </main>
  104.  
  105. <footer>
  106.   <p>Belajar Dasar Pemograman Web &#169; 2020, Dicoding Academy</p>
  107. </footer>
  108. </body>
  109. </html>
  110.  
  111.  
  112.  
  113.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement