Skip to content

P
PA1-1617-D3TK-01
Commit cba86d1c by Ivan Simatupang
Options

Index untuk web statik kelompok 1.....

parent 2363556e
Showing with 178 additions and 0 deletions
inde-x.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"/> 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.png" alt=""/></li>
<li><img src="img/cap2.png" alt=""/></li>
<li><img src="img/cap4.png" 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" >
<iframe src="video/vid1.mp4" width="240" height="150" frameborder="0" allowfullscreen></iframe>
</div>
<div class="col-md-8" >
<h2>Museum TB Silalahi</h2>
<p>
Kita dapat melihat sedikit tentang TB Silalahi Center lewat video disamping!!!
</p>
</div>
</div>
<hr>
<div class="container">
<div class="col-md-8" >
<h2>Huta Batak</h2>
<p>
Kita juga bisa melihat sedikit tentang Huta Batak yang ada di TB Silalahi
</p>
</div>
<div class="col-md-4" >
<iframe src="video/vid2.mp4" width="240" height="150" frameborder="0" allowfullscreen></iframe>
</div>
</div>
<hr>
</section>
<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="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>
\ 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