<!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" ><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" class="active"><a href="cont.html">About Us</a></li>
</ul>
</div>
</div>
</div>
</nav>
<div class="breadcrumb">
<h2>About Us</h2>
</div>
<header>
<!-- Carousel -->
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<!-- Wrapper for slides -->
<div class="carousel-inner">
<div class="item active">
<img src="img/con1.png" alt="First slide">
<!-- Static Header -->
<div class="header-text hidden-xs">
<div class="col-md-12 text-center">
<div class="logo">
<a href="#">
<div class="name t-right">Ivan <span> SIMATUPANG </span></div><div class="and">&</div><div class="name t-left"> Ayu <span> TANJUNG</span></div>
</a>
</div>
</div>
</div><!-- /header-text -->
</div>
<!-- Controls -->
</div><!-- /carousel -->
</header>
<!-- /Section: intro -->
<!-- /////////////////////////////////////////Content -->
<!-- ////////////Content Box 01 -->
<section class="box-content box-1">
<div class="container">
<div class="row">
<div class="col-sm-6 ">
<div class="box-item">
<a href="#"><img src="img/img1.png" title="icon-name" class="img-circle"></a>
<h3>Ivan Story</h3>
<p>Ivan adalah seorang mahasiswa di kampus Institut Teknologi Del yang sedang menempuh pendidikannya di Program Studi Teknik Komputer, ia telah lama menggeluti
hobbynya untuk membuat web static menggunakan HTML5. Pada pekerjaan kali ini ia bekerja sebagai Web Developer sekaligus Web Design</p>
</div>
</div>
<div class="col-sm-6 ">
<div class="box-item">
<a href="#"><img src="img/img2.png" title="icon-name" class="img-circle"></a>
<h3>Ayu Story</h3>
<p>Ayu adalah seorang mahasiswa di kampus Institut Teknologi Del yang sedang menempuh pendidikannya di Program Studi Teknik Komputer, ia telah lama menggeluti
hobbynya untuk membuat web static menggunakan HTML5. Pada pekerjaan kali ini ia bekerja sebagai partner sekaligus Web Developer</p>
</div>
</div>
</div>
</div>
</section>
<!-- Core JavaScript Files -->
<script src="js/bootstrap.min.js"></script>
<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>
<!-- 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="https://maps.google.com/maps/api/js?sensor=true"></script>
<script src="js/functions.js"></script>
<script>wow = new WOW({}).init();</script>
<script src="contactform/contactform.js"></script>
</body>
</html>