Skip to content

P
PA1-1617-D3TK-01
Commit 9eac9824 by Ayu Asriani Tanjung
Options

Ini adalah perbaikan dari halaman website sejarah1 yang pernah sebelumnya kami kirim.

PA1-D3TK-01
parent e3882f8b
Showing with 0 additions and 120 deletions
sejarah1.html deleted 100644 → 0
<!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">
<title>Museum Batak</title>
<link rel="shortcut icon" href="img/logo.jpg">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/jquery.bxslider.css">
<link href="css/style.css" rel="stylesheet">
</head>
<body>
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse.collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="inde-x.html"><span><img src="img/logo.jpg" width="60px" height="40px"/></span></a>
</div>
<div class="navbar-collapse collapse">
<div class="menu">
<ul class="nav nav-tabs" role="tablist">
<li role="presentation" ><a href="inde-x.html">Home</a></li>
<li role="presentation" class="active"><a href="sejarah1.html">Sejarah</a></li>
<li role="presentation"><a href="event.html"> Fasilitas</a></li>
<li role="presentation"><a href="galery.html">Gallery</a></li>
<li role="presentation"><a href="cont.html">Contact</a></li>
</ul>
</div>
</div>
</div>
</nav>
<hr>
<div class="container">
<div class="col-md-4" >
<img src="img/tb.jpg" alt="" class="img-responsive" />
</div>
<div class="col-md-6" >
<h2><u>Biografi TB Silalahi</u></h2>
<p style="text-align:justify;">
Tiopan Bernhard Silalahi dilahirkan di Pematang Siantar pada tanggal 17 April 1938,
dari keluarga yang berkecukupan pada saat itu kendati Ayahnya hanya seorang supir
pribadi seorang Belanda (yang menjabat sebagai kepala perkebunan di daerah Sidamanik
dan Tiga Balata) dan kemudian jadi pedagang.
<br>
<br>
Pada umur tiga tahun, keluarga TB Silalahi pindah ke kampung halaman mereka Pagarbatu Balige.
Sebagai orang yang berkecukupan, ayahnya mampu membeli bis yang digunakan untuk mencari nafkah.
Akan tetapi kebahagiaan itu memudar seiring dengan kedatangan penjajahan Jepang.
Disamping itu ayahanda beliau jatuh sakit yang akhirnya meninggal dunia pada saat TB Silalahi berumur 5 tahun.
<br> <br>
Selama ayahanda beliau dalam perawatan sampai meninggal, kehidupan TB. Silalahi kecil hidup dalam serba
kekurangan karena seluruh harta terpaksa harus dijual untuk membiayai pengobatan ayahanda tercinta
ditengah-tengah sulitnya kehidupan pada saat itu. Ibunda tercinta yang sedang mengandung adik bungsunya
terpaksa menjadi buruh pemecah batu bagi perintah Jepang yang sedang membuka jalan.
<br><br>
Penderitaan TB. Silalahi kecil berlanjut hingga beliau masuk ke sekolah rakyat yang membuatnya
berbeda dengan anak-anak yang lain pada saat itu, beliau terpaksa harus menahan lapar saat menggembalakan
kerbau dan memakan harimonting dan serangga untuk sekedar mengganjal perut, tetapi seiring dengan menyerahnya
Jepang terhadap Sekutu dan Proklamasi Kemerdekaan RI 17 Agustus 1945,
</p>
</div>
</div>
<hr>
<hr>
<footer>
<div class="last-div">
<div class="container">
<div class="row">
<div class="copyright">
&copy; D3-Teknik_Komputer-2016
<div class="credits">
<a href="https://bootstrapmade.com/">Supported</a> by <a href="www.del.ac.id">Del Institute Of Technology</a>
</div>
</div>
<ul class="social-network">
<li><a href="#" data-placement="top" title="Facebook"><i class="fa fa-facebook fa-1x"></i></a></li>
<li><a href="#" data-placement="top" title="Twitter"><i class="fa fa-twitter fa-1x"></i></a></li>
<li><a href="#" data-placement="top" title="Linkedin"><i class="fa fa-linkedin fa-1x"></i></a></li>
<li><a href="#" data-placement="top" title="Pinterest"><i class="fa fa-pinterest fa-1x"></i></a></li>
<li><a href="#" data-placement="top" title="Google plus"><i class="fa fa-google-plus fa-1x"></i></a></li>
</ul>
</div>
</div>
</div>
<hr>
</footer>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery-2.1.1.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
<script src="js/wow.min.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/jquery.bxslider.min.js"></script>
<script src="js/jquery.isotope.min.js"></script>
<script src="js/fancybox/jquery.fancybox.pack.js"></script>
<script src="js/functions.js"></script>
<script>wow = new WOW({}).init();</script>
</body>
</html>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment