Commit 425ff040 by Ivan Simatupang

File fasilitas untuk web statik kelompok 01

parent 81920437
<!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"><a href="history.html">Sejarah</a></li>
<li role="presentation" class="active"><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>
<div class="breadcrumb">
<h2>Fasilitas</h2>
</div>
<div class="events">
<div class="container">
<div class="col-md-4">
<div class="slider">
<div class="img-responsive">
<ul class="bxslider">
<li><img src="foto/doa1.jpg" alt=""/></li>
<li><img src="foto/doa2.jpg" alt=""/></li>
<li><img src="foto/doa3.jpg" alt=""/></li>
<li><img src="foto/doa4.jpg" alt=""/></li>
<li><img src="foto/doa5.jpg" alt=""/></li>
</ul>
</div>
</div>
</div>
<div class="col-md-8">
<h2>Tempat Berdoa</h2>
<p style="text-align:justify;">
Di sopo doa ini, wisatawan atau masyarakat sekitar yang datang ke museum TB Silalahi Center dapat
berdoa .Sehingga wisatawan yang datang dapat berdoa secara khusuk tanpa di ganggu oleh suara suara yang membisingkan. Ini adalah salah satu tempat paling tenang yang telah di tawarkan di musem TB Silalahi Center ini. Selain itu, untuk wisatawan wisatawan yang merasa kelelahan pun bisa sejenak beristirahat di tempat ini.
<br>
</p>
</div>
</div>
<div class="container">
<div class="col-md-4">
<div class="slider">
<div class="img-responsive">
<ul class="bxslider">
<li><img src="img/sopo1.jpg" alt=""/></li>
<li><img src="img/sopo2.jpg" alt=""/></li>
<li><img src="img/sopo3.jpg" alt=""/></li>
</ul>
</div>
</div>
</div>
<div class="col-md-8">
<h2>Sopo</h2>
<p style="text-align:justify;">
Sopo adalah tempat penyimpanan (lumbung) dan dipisahkan oleh pelataran luas yang berfungsi sebagai ruang bersama warga huta. Bangunan sopo berlantai dua, hanya mempunyai satu baris tiang-tiang depan dan ruangan bawah terbuka tanpa dinding berfungsi untuk musyawarah, menerima orang asing dan tempat bermain musikngsi sebagai ruang bersama warga huta. Bangunan sopo berlantai dua, hanya mempunyai satu baris tiang-tiang depan dan ruangan bawah terbuka tanpa dinding berfungsi untuk musyawarah, menerima orang asing dan tempat bermain musik.Jadi pastinya wisatawan dapat masuk ke sopo ini dan merasakan ketenangannya.
<br>
</p>
</div>
</div>
<div class="jessa">
<div class="container">
<div class="col-md-4">
<div class="slider">
<div class="img-responsive">
<ul class="bxslider">
<li><img src="img/sov1.jpg" alt=""/></li>
<li><img src="img/sov2.jpg" alt=""/></li>
<li><img src="img/sov3.jpg" alt=""/></li>
</ul>
</div>
</div>
</div>
<div class="col-md-8">
<h2>Artshop TB Silalahi Center</h2>
<p style="text-align:justify;">
GALLERY TB Silalahi Center sebuah tempat membuat hasil-hasil kerajinan tangan berupa ukir-ukiran dan patung-patung sebagai souvenir. Di tempat ini juga pengunjung dapat membeli souvenir ukir-ukiran dan patung-patung khas batak yang terbuat dari kayu dengan harga yang relatif murah.
Artshop TB Silalahi Center juga menyediakan berbagai macam souvenir khas TB Silalahi Center untuk kenang-kenangan seperti gantungan kunci, hiasan dinding, kaos dan lainnya.
</p>
</div>
</div>
</div>
</div>
<div class="jessa">
<div class="container">
<div class="col-md-4">
<div class="slider">
<div class="img-responsive">
<ul class="bxslider">
<li><img src="img/kolam1.jpg" alt=""/></li>
<li><img src="img/kolam2.jpg" alt=""/></li>
<li><img src="img/kolam3.jpg" alt=""/></li>
</ul>
</div>
</div>
</div>
<div class="col-md-8">
<br>
<br>
<br>
<h2>Kolam Renang TB Silalahi Center</h2>
<p style="text-align:justify;">Kolam renang TB Silalahi Center Merupakan sarana rekreasi pendukung TB Silalahi Center yang diperuntukan bagi masyarakat umum agar dapat bersantai bersama keluarga dan sahabat.Yang membedakan kolam renang ini dengan kolam renang lainnya adalah air yang mengisi kolam renang TB Silalahi Center adalah air yang berasal dari sumber mata air pegunungan yang jernih dan menyegarkan.
</p>
</div>
</div>
</div>
</div>
<!--
<div class="container">
<nav>
<ul class="pagination">
<li class="disabled"><a href="#" aria-label="Previous"><span aria-hidden="true">&laquo;</span></a></li>
<li class="active"><a href="#">1 <span class="sr-only">(current)</span></a></li>
<li><a href="#">2 <span class="sr-only">(current)</span></a></li>
<li><a href="#">3 <span class="sr-only">(current)</span></a></li>
<li><a href="#">4 <span class="sr-only">(current)</span></a></li>
</ul>
</nav>
</div>
-->
<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>
<!-- 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