Skip to content

P
PA1-1617-D3TK-01
Commit 6f829687 by Ivan Simatupang
Options

ini adalah salah satu halaman yang terdapat di history pada website PA1 D3 Teknik Komputer Kel 01

parent 8fa58f12
Showing with 120 additions and 0 deletions
sejarah1.html 0 → 100644
<!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