<?php
	require_once("koneksi.php");
    include 'header.php';
?>
    
	<!-- breadcrumbs -->
		<div class="breadcrumbs">
			<div class="container">
				<ol class="breadcrumb breadcrumb1 animated wow slideInLeft" data-wow-delay=".5s">
					<?php
	                if (isset($_SESSION['pengunjung'])) {
					    echo '
						<li><span><i class="fa fa-sign-in" aria-hidden="true"></i><a href="login.php"> Masuk</a></span></li>
						<li class="active">Profil Toko</li> ';
					}
					else {
						echo '
						<li><a href="index.php"><span class="glyphicon glyphicon-home" aria-hidden="true"></span>Beranda</a></li>
						<li class="active">Profil Toko</li> ';
					}
				?>
				</ol>
			</div>
		</div>
	<!-- //breadcrumbs -->
	<!-- about -->
		<div class="about">
			<div class="container">
				<h3 class="w3_agile_header">Profil Toko</h3>
				<div class="about-agileinfo w3layouts">
					<div class="col-md-8 about-wthree-grids grid-top">
						<h4>Toko Buku Cemerlang</h4>
						<p class="top">Telah berdiri sejak tahun 1997 dengan membawa segudang pengalaman dalam bidangnya. Menyedakan buku-buku berkualitas dengan harga bersaing. Merupakan toko buku pertama di kota Balige yang dimiliki oleh masyarakat asli Balige.</p>
						<p class="top">Menjadi salah satu bentuk badan usaha yang mampu membawa dampak positif pada lingkungan sekitar, terutama dalam bidang pengetahuan dan informasi. Mendukung pendidikan untuk tingak pendidikan formal dan juga menyediakan berbagai informasi melalui buku refrensi umum.</p>		
						<div class="about-w3agilerow">
							<div class="col-md-12 about-w3imgs">
								<img src="images/cemerlang.jpg" alt="" class="img-responsive zoom-img"/>
							</div>
							<div class="clearfix"> </div>
						</div>
					</div>
					<div class="col-md-4 about-wthree-grids">
						<div class="offic-time">
							<div class="time-top">
								<h4>Moto Kami :</h4>
							</div>
							<div class="time-bottom">
								<h5>Harga Kaki Lima</h5>
								<h5>Kualitas Bintang Lima</h5>
								<p>Memberikan pelayanan tern=baik untuk Anda dengan kenyamanan berbelanja di toko buku kami. Buku berkualitas harga terjangkau.</p>
							</div>
						</div>
						<div class="testi">
							<h3 class="w3_agile_header">Testimoni</h3>
							<!--//End-slider-script -->
							<script src="js/responsiveslides.min.js"></script>
							 <script>
								// You can also use "$(window).load(function() {"
								$(function () {
								  // Slideshow 5
								  $("#slider5").responsiveSlides({
									auto: true,
									pager: false,
									nav: true,
									speed: 500,
									namespace: "callbacks",
									before: function () {
									  $('.events').append("<li>before event fired.</li>");
									},
									after: function () {
									  $('.events').append("<li>after event fired.</li>");
									}
								  });
							
								});
							  </script>
							<div  id="top" class="callbacks_container">
								<ul class="rslides" id="slider5">
									<li>
										<div class="testi-slider">
											<h4>" I AM VERY PLEASED.</h4>
											<p>Toko yang up to date dengan memberikan informasi buku terbaru melalui website. Memudahkan mencari buku yang saya perlukan.</p>
											<div class="testi-subscript">
												<p><a href="#">Loni Doloksaribu,</a>Mahasiswa IT Del</p>
												<span class="w3-agilesub"> </span>
											</div>	
										</div>
									</li>
									<li>
										<div class="testi-slider">
											<h4>" I AM LOREM IPSUM.</h4>
											<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse eu magna dolor, quisque semper.</p>
											<div class="testi-subscript">
												<p><a href="#">elit semper,</a>Dolor Elit</p>
												<span class="w3-agilesub"> </span>
											</div>	
										</div>
									</li>
									<li>
										<div class="testi-slider">
											<h4>" CONSECTETUR PIMAGNA.</h4>
											<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse eu magna dolor, quisque semper.</p>
											<div class="testi-subscript">
												<p><a href="#">Amet Doe,</a>Suspendisse</p>
												<span class="w3-agilesub"> </span>
											</div>	
										</div>
									</li>
								</ul>	
							</div>
						</div>
					</div>	
					<div class="clearfix"> </div>
				</div>
			</div>
		</div>
		<!-- //about -->	
<?php
	include 'footer.php';
?>