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
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
<!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"/> TB Silalahi Center</span></a>
</div>
<div class="navbar-collapse collapse">
<div class="menu">
<ul class="nav nav-tabs" role="tablist">
<li role="presentation" class="active"><a href="inde-x.html">Home</a></li>
<li role="presentation"><a href="history.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">About Us</a></li>
</ul>
</div>
</div>
</div>
</nav>
<div class="slider">
<div class="img-responsive">
<ul class="bxslider">
<li><img src="img/cap1.jpg" alt=""/></li>
<li><img src="img/cap2.jpg" alt=""/></li>
<li><img src="img/cap4.jpg" alt=""/></li>
</ul>
</div>
</div>
<div class="jumbotron">
<h1>Museum Batak TB Silalahi Center</h1>
<p>
<B>Museum Batak T.B. Silalahi </B> lebih tepatnya berlokasi di Komplek T.B. Silalahi, Jl. Pagar Batu no. 88, Soposurung, Balige, Tobasa, Sumatera Utara,
berupaya melestarikan dan memanfaatkan koleksi kekayaan budaya dan sejarah etnik Batak.
Begitu banyak artefak dan naskah kuno Batak tersimpan di perpustakaan dan museum di luar negeri terutama Belanda,
Jerman dan Inggris. Namun sekarang terus diupayakan agar kekayaan budaya tersebut dapat kembali ke tanah Batak dan dinikmati oleh generasi muda sekarang.
</p>
</div>
<section class="box-content box-3">
<div class="container">
<div class="row box-item">
<ul id="da-thumbs" class="da-thumbs">
<li>
<a href="galery.html">
<img src="img/10.jpg" width="360px" height="280px"/>
<div><span>Huta Batak TB Silalahi Center</span></div>
</a>
</li>
<li>
<a href="#">
<img src="img/12.jpg" width="360px" height="280px"/>
<div><span>Keindahan Danau Toba</span></div>
</a>
</li>
<li>
<a href="#">
<img src="img/11.jpg" width="360px" height="280px"/>
<div><span>Museum TB Silalahi Center</span></div>
</a>
</li>
<li>
<a href="#">
<img src="img/13.jpg" width="360px" height="280px"/>
<div><span>Tampak Samping Museum Batak</span></div>
</a>
</li>
<li>
<a href="#">
<img src="img/14.jpg" width="360px" height="280px"/>
<div><span>Pesta Budaya Tradisional Batak</span></div>
</a>
</li>
<li>
<a href="#">
<img src="img/15.jpg" width="360px" height="280px"/>
<div><span>Miniatur Museum Batak TB Silalahi Center</span></div>
</a>
</li>
</ul>
</div>
</div>
</section>
<section>
<div class="container">
<div class="col-md-4" >
<video width="100%" controls preload="metadata">
<source src="video/vid1.MP4" width="240" height="150" frameborder="0" allowfullscreen/ >
</video>
</div>
<div class="col-md-8" >
<h2>Museum TB Silalahi</h2>
<p>
<i><b>Kita dapat melihat sedikit tentang TB Silalahi Center lewat video disamping!!! <br></b></i>
Kemudian museum Batak dikembangkan dan diperbesar. Didirikan satu gedung khusus koleksi Artefak Batak.
Gedung tersebut <u> diresmikan pada tanggal 18 Januari 2011 </u> oleh <b> <i> Presiden Susilo Bambang Yudhoyono </b> </i> sebagai museum Batak.
Museum Batak TB Silalahi Center dibangun dengan tujuan menyatukan 6 puak Batak di Sumatera Utara yaitu puak Batak Toba,
Puak Simalungun, Puak Pakpak, Puak Mandailing, Puak Angkola dan Puak Karo. Museum Batak TB Silalahi Center mempunyai koleksi artefak Batak dari keenam puak Batak tersebut.
Koleksi utama museum ini yakni: artefak Batak, koleksi barang pribadi TB Silalahi di Museum Jejak Langkah Bapak TB Silalahi,
rumah Batak kuno di Huta Batak komplek TB Silalahi Center. Terdapat beberapa jumlah koleksi pada museum ini yaitu museum Batak
(indoor) berjumlah 1010, museum Batak (outdoor) 49 koleksi, museum Jejak Langkah TB Silalahi (indoor) 2648 koleksi,
museum Jejak Langkah TB Silalahi (outdoor) berjumlah 5 koleksi.
</p>
</div>
</div>
<hr>
<div class="container">
<div class="col-md-8" >
<h2>Huta Batak</h2>
<p>
<i> <b>Kita juga bisa melihat sedikit tentang Huta Batak yang ada di TB Silalahi !!!<br></b></i>
Oh ya, miniatur rumah Batak tersebut bahkan disusun menyerupai miniatur desa Batak zaman dulu.
Keren! Beberapa komponen paling penting yang ada di perkampungan Batak atau Huta Batak tersebut,
antara lain: kuburan batu, hariara, pohon bambu dan ulubalang. Tak ketinggalan, tiruan patung Gale-Gale yaitu
patung anak lelaki yang menarikan tarian tor-tor Batak juga dipajang di antara semua miniatur lainnya.
</p>
</div>
<div class="col-md-4" >
<video width="100%" controls preload="metadata">
<source src="video/vid2.MP4" width="240" height="150" frameborder="0" allowfullscreen/ >
</video>
</div>
</div>
<hr>
</section>
<footer>
<div class="last-div">
<div class="container">
<div class="row">
<div class="copyright">
© D3-Teknik_Komputer-2016
<div class="credits">
<a href="https://bootstrapmade.com/">Supported</a> by <a href="https://bootstrapmade.com/">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>
</footer>
<script src="js/jquery-2.1.1.min.js"></script>
<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>
<script src="js/modernizr.custom.97074.js"></script>
<script type="text/javascript" src="js/jquery.hoverdir.js"></script>
<script type="text/javascript">
$(function() {
$(' #da-thumbs > li ').each( function() { $(this).hoverdir(); } );
});
</script>
</body>
</html>