-
Notifications
You must be signed in to change notification settings - Fork 0
/
detail.html
135 lines (131 loc) · 7.08 KB
/
detail.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
<!DOCTYPE html>
<html lang="en">
<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>HISTORICAL | Proklamasi Kemerdekaan Indonesia</title>
<link rel="stylesheet" href="style.css">
<link rel="shortcut icon" href="img/logo.png" type="image/x-icon">
<script src="jquery-3.5.1.js"></script>
</head>
<body>
<div class="nav">
<div class="logo">
<h1>Historical</h1>
<img id="logo" src="img/logo.png" alt="">
</div>
<div class="nav-link">
<a href="index.html#home">Beranda</a>
<a href="index.html#linimasa">Linimasa</a>
<a href="index.html#film">Film</a>
<a href="index.html#museum">Museum</a>
</div>
<div class="nav-btn" id="nav-btn">
<img src="img/menu.png" alt="">
</div>
</div>
<div class="nav-menu">
<div class="lay-nav-close">
<img src="img/close.png" alt="" id="nav-close">
</div>
<a href="index.html#home">Beranda</a>
<a href="index.html#linimasa">Linimasa</a>
<a href="index.html#film">Film</a>
<a href="index.html#museum">Museum</a>
</div>
<div class="landing-blog container">
</div>
<div class="isi-blog container column p-ats">
<h1 style="text-align: center;">Proklamasi Kemerdekaan Indonesia</h1>
<div class="garis"></div>
<div class="isi-blog1 container">
<img src="img/proklamasi-kemerdekaan.jpeg" alt="">
<div class="text-blog1">
<h1>Tanggal & Tempat</h1>
<p>Proklamasi Kemerdekaan Indonesia dilaksanakan pada hari Jumat, 17 Agustus 1945 tahun Masehi, atau tanggal 17 Agustus 2605 menurut tahun Jepang (kōki) (17 Agustus Shōwa 20 dalam penanggalan Jepang itu sendiri), yang dibacakan oleh Soekarno dengan didampingi oleh Mohammad Hatta di sebuah rumah di Jalan Pegangsaan Timur No. 56, Jakarta Pusat.Chairul Basri, yang bekerja pada kantor propaganda Jepang, disuruh mencari rumah yang berhalaman luas. Rumah Pegangsaan Timur 56 milik orang Belanda ditukar dengan rumah lain di Jalan Lembang. Jadi rumah itu memang disiapkan Jepang untuk Bung Karno. Chairul tidak menyebut nama pemilik rumah itu. Saat diambil alih pemerintah Jepang untuk Sukarno, rumah itu milik Mr. Jhr. P.R. Feith seperti disebut Kwee Kek Beng, pemimpin redaksi koran Sin Po dari 1925 sampai 1947, dalam Doea Poeloe Lima Tahon Sebagi Wartawan, 1922-1947 (1948).</p>
</div>
</div>
<div class="isi-blog2 container">
<div class="text-blog1">
<h1>Latar Belakang</h1>
<p>Pada tanggal 6 Agustus 1945 sebuah bom atom dijatuhkan di atas kota Hiroshima Jepang oleh Amerika Serikat yang mulai menurunkan moral semangat tentara Jepang di seluruh dunia. Sehari kemudian, Badan Penyelidik Usaha-Usaha Persiapan Kemerdekaan (disingkat BPUPK; Jepang: 独立準備調査会, Dokuritsu Junbi Chōsa-kai), berganti nama menjadi Panitia Persiapan Kemerdekaan Indonesia (disingkat PPKI; Jepang: 独立準備委員会, Dokuritsu Junbi Iin-kai), untuk lebih menegaskan keinginan dan tujuan mencapai kemerdekaan Indonesia. Pada tanggal 9 Agustus 1945, bom atom kedua dijatuhkan di atas Nagasaki, yang menyebabkan Jepang menyerah kepada Amerika Serikat dan sekutunya. Momen ini pun dimanfaatkan oleh Indonesia untuk memproklamasikan kemerdekaannya.</p>
</div>
<img src="img/Hiroshima.jpg" alt="">
</div>
<div class="isi-blog1 container">
<video src="img/Pembacaan teks proklamasi.mp4" controls></video>
<div class="text-blog1">
<h1>Pembacaan Naskah Proklamasi</h1>
<p>Pada pagi hari, 17 Agustus 1945, di kediaman Soekarno, Jalan Pegangsaan Timur 56 telah hadir antara lain Soewirjo, Wilopo, Gafar Pringgodigdo, Mohammad Tabrani, dan Trimurti. Acara dimulai pada pukul 10.00 dengan pembacaan proklamasi oleh Soekarno dan disambung pidato singkat tanpa teks. Setelah itu, Sang Saka Merah Putih, yang telah dijahit oleh Fatmawati, dikibarkan, disusul dengan sambutan oleh Soewirjo, wakil wali kota Jakarta saat itu dan Moewardi, pimpinan Barisan Pelopor.
Pengibaran bendera pada 17 Agustus 1945.
Pada awalnya Trimurti diminta untuk menaikkan bendera, tetapi ia menolak dengan alasan pengerekan bendera sebaiknya dilakukan oleh seorang prajurit. Oleh sebab itu ditunjuklah Latief Hendraningrat, seorang prajurit PETA, dibantu oleh Soehoed untuk tugas tersebut. Seorang pemudi muncul dari belakang membawa nampan berisi bendera Merah Putih yang dijahit oleh Fatmawati</p>
</div>
</div>
<div class="isi-blog2 container">
<div class="text-blog1">
<h1>Isi teks proklamasi</h1>
<p>Proklamasi <br>
Kami bangsa Indonesia dengan ini menjatakan kemerdekaan Indonesia. <br>
Hal2 jang mengenai pemindahan kekoeasaan d.l.l., diselenggarakan <br>
dengan tjara saksama dan dalam tempoh jang sesingkat-singkatnja. <br>
Djakarta, 17 - 8 - '05 <br>
Wakil <sup>2 </sup> bangsa Indonesia.</p>
</div>
<img src="img/TeksProklamasi.jpg" alt="">
</div>
</div>
<div class="footer container">
<div class="footer-1">
<div class="header-footer1">
<img src="img/logo.png" alt="">
<h1>Historical</h1>
</div>
<p>Belajar Sejarah Lebih Menyenangkan Dengan Historical,ada pertanyaan mengenai sejarah ?, Tanyakan kepada Histori AI.</p>
</div>
<div class="link-footer">
<div class="footer-2 column">
<h1>Fitur</h1>
<a href="#linimasa">Blog</a>
<a href="#pertanyaan">Histori AI</a>
<a href="">Berita</a>
<a href="">Bantuan</a>
<a href="">Kontak</a>
</div>
<div class="footer-3 column">
<h1>Sosial</h1>
<a href="">Twitter</a>
<a href="">Instagram</a>
<a href="">Facebook</a>
<a href="">Youtube</a>
<a href="">Linkedin</a>
</div>
<div class="footer-4 column">
<h1>Legal</h1>
<a href="">Keamanan</a>
<a href="">Privasi</a>
</div>
</div>
</div>
<script>
$("#nav-btn").click(function(){
$(".nav-menu").toggleClass("nav-active");
});
$("#nav-link").click(function(){
$(".nav-menu").removeClass("nav-active");
});
$("#nav-link1").click(function(){
$(".nav-menu").removeClass("nav-active");
});
$("#nav-link2").click(function(){
$(".nav-menu").removeClass("nav-active");
});
$("#nav-link3").click(function(){
$(".nav-menu").removeClass("nav-active");
});
$("#nav-close").click(function(){
$(".nav-menu").removeClass("nav-active");
});
</script>
</body>
</html>