Skip to content

T
TB_Center
Commit 66a29b3d by Andry F. Hutapea
Options

perubahan

parent 5011b837
Showing with 310 additions and 44 deletions
aboutUs.php
<?php
include "config/koneksi.php";
?>
<!DOCTYPE html>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
......@@ -9,66 +6,335 @@ include "config/koneksi.php";
<link href="css/metro-bootstrap-responsive.css" rel="stylesheet">
<link href="css/iconFont.css" rel="stylesheet">
<link href="css/docs.css" rel="stylesheet">
<link href="scroll-persen.css" rel="stylesheet">
<link href="css/animate1.css" rel='stylesheet' type='text/css' />
<!-- Load JavaScript Libraries -->
<script src="js/move-top.js"></script>
<script src="js/jquery/jquery.min.js"></script>
<script src="js/jquery/jquery.widget.min.js"></script>
<script src="js/jquery/jquery.mousewheel.js"></script>
<script src="scroll-persen.js"></script>
<!-- Metro UI CSS JavaScript plugins -->
<script src="js/load-metro.js"></script>
<!-- Local JavaScript -->
<script src="js/docs.js"></script>
<style>
</style>
<title>Tentang Kami</title>
<title>Selamat Datang di Website Kami</title>
</head>
<ul class="tp-hd-lft wow fadeInDown animated" data-wow-delay="0.5s">
<body class="metro"><div id="scroll"></div>
<header>
<body class="metro">
<header class="bg-darkCobalt" data-load="atasan.php"></header>
<div class="" data-load="sampul.html"></div>
<br />
<!-- ---------------------------------------- ISI TAB ------------------------------------- -->
<div class="container row">
<div class="grid fluid">
<div class="border padding20">
<?php
if($_GET['post']=='profil'){
$is="Profil NINA Tour and Travel";
}else if($_GET['post']=='syarat'){
$is="Syarat dan Ketentuan";
}else if($_GET['post']=='reservasi'){
$is="Cara melakukan reservasi Tour";
}else if($_GET['post']=='pembayaran'){
$is="Cara Pembayaran";
}
?>
<legend class="text-right"><h2><?php echo $is; ?></h2></legend>
<?php
$comot= mysql_query("SELECT * FROM setup_about where kat_about='$_GET[post]'");
while($ngisi= mysql_fetch_array($comot)){
if ($ngisi['judul_about']!=""){
?>
<div class="span4">
<legend><h3><?php echo $ngisi['judul_about']; ?></h3></legend>
</div>
<?php
<nav class="navigation-bar dark">
<nav class="navigation-bar-content container">
<a href="index.php" class="element"><span class="icon-home"></span> BERANDA &trade;</a>
<span class="element-divider"></span>
<a class="element1 pull-menu" href="#"></a>
<ul class="element-menu">
<li>
<a class="dropdown-toggle" href="#"> Tentang TB SILALAHI </a>
<ul class="dropdown-menu" data-role="dropdown">
<li><a href="galeri.php">Galeri</a></li>
<li><a href="#">Sejarah</a></li>
</ul>
</li>
<li>
<a class="dropdown-toggle" href="#"> Sejarah Batak </a>
<ul class="dropdown-menu" data-role="dropdown">
<li><a href="bataktoba.php">Batak Toba</a></li>
<li><a href="batakkaro.php">Batak Karo</a></li>
<li><a href="batakangkola.php">Batak Angkola</a></li>
<li class="divider"></li>
<li><a href="batakpakpak.php">Batak Pakpak</a></li>
<li><a href="batakmandailing.php">Batak Mandailing</a></li>
<li><a href="bataksimalungun.php">Batak Simalungun</a></li>
</ul>
</li>
<a class="element brand" href="booking.php">Pemesanan Tiket</a>
<a class="element brand" href="lokasi.php">Denah</a>
<a class="element brand" href="aboutUs.php">About Us</a>
<a class="element brand" href="main_forum.php">Komentar</a>
<a class="element brand" href="login.php">Login</a>
</ul>
</nav>
</nav>
</nav>
</header>
<html>
<head>
<title>Abou Us | TB SILALAHI CENTER</title>
<!-- for-mobile-apps -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //for-mobile-apps -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/style1.css" rel="stylesheet" type="text/css" media="all" />
<!-- font-awesome icons -->
<link href="css/font-awesome.css" rel="stylesheet">
<!-- //font-awesome icons -->
<!-- js -->
<script src="js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
});
});
</script>
<!-- start-smoth-scrolling -->
</head>
<body>
<div class="about">
<div class="container">
<h3 class="w3_agile_header">About Us</h3>
<div class="about-agileinfo w3layouts">
<div class="col-md-8 about-wthree-grids grid-top">
<h4>Background </h4>
<p class="top">Matakuliah PA1 merupakan mata kuliah wajib di Institut Teknologi Del
yang diberikan kepada mahasiswa tingkat I semester kedua. Matakuliah ini merupakan penerapan dari pengetahuan atau keahlian
yang telah diperoleh oleh mahasiswa selama satu tahun masa studi. Matakuliah ini dirancang untuk mengukur kemampuan mahasiswa
di akhir tahun pertama dalam mengerjakan suatu proyek kecil yang berkaitan dengan matakuliah-matakuliah tertentu di tahun pertama.</p>
<p>Proyek Akhir yang sedang dilakukan Mahasiswa tingkat 1 ini adalah mengenai promosi UKM yang ada di dareah sekitaran Danau Toba.
Untuk Proyek Akhir1 ini terdiri dari 9 kelompok. Setiap kelompok bebas memilih UKM mana yang akan dijadikan sebagai bahan promosi.
Kami merupakan kelompok 9 dan kami memilih TB SILALAHI CENTER sebagai UKM yang akan kami promosikan.
Pada sistem ini kami akan memperkenalkan koleksi-koleksi yang ada dalam Museum ini. Dalam sistem informasi ini juga, kami membangun
suatu sistem pemesanan tiket online untuk memudahkan pengunjung jika ingin berkunjung ke tempat wisata ini.
Hal ini disebabkan, pada museum ini untuk pembelian tiket masih dilakukan secara manual, yaitu dengan datang langsung ke Museum ini dan membeli tiket
masuk di loket yang ada di Museum ini.</p>
</div>
<div class="col-md-4 about-wthree-grids">
<div class="testi">
<h3 class="w3_agile_header">Testimonial</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>");
}
echo $ngisi['konten_about'];
echo "<br />";
});
});
</script>
<div id="top" class="callbacks_container">
<ul class="rslides" id="slider5">
<li>
<div class="testi-slider">
<h4>Suka-Duka</h4>
<p>Dalam ngerjain proyek ini banyak banget suka duka yang dihadapi.Tapi dengan semangat dan support orang tersayang akhirnya proyek ini selesai juga</p>
<div class="testi-subscript">
<p><a href="#">Loni Miranda Doloksaribu</a>Developer</p>
<span class="w3-agilesub"> </span>
</div>
</div>
</li>
<li>
<div class="testi-slider">
<h4>Ucapan Terimakasih</h4>
<p>Thankfull buat Bapak Yusuf terLOVE, yang udah pengertian, yang udah sabar membimbing kami meski kami sering menghilang entah kemana(kata bapak itu)kwkwkwk....</p>
<div class="testi-subscript">
<p><a href="#">Kelompok PA</a>D3-TI-09</p>
<span class="w3-agilesub"> </span>
</div>
</div>
</li>
<li>
<div class="testi-slider">
<h4>Kerja Keras</h4>
<p>Intinya dalam ngerjain proyek ini butuh banyak kerja keras dibarengin dengan DOA, tapi semua sudah terbayarkan dengan lunas.</p>
<div class="testi-subscript">
<p><a href="#">Jubelinda</a>Designer</p>
<span class="w3-agilesub"> </span>
</div>
</div>
</li>
<li>
<div class="testi-slider">
<h4>Harapan</h4>
<p>Semoga mendapat yang terbaik. Udah itu aja.</p>
<div class="testi-subscript">
<p><a href="#">Josua </a>Developer</p>
<span class="w3-agilesub"> </span>
</div>
</div>
</li>
<li>
<div class="testi-slider">
<h4>Kesan</h4>
<p>Banyak kesan yang saya dapat selama dalam pengerjaan proyek ini. Semoga mendapat kesan terbaik juga dari seminar nantinya.AMIN</p>
<div class="testi-subscript">
<p><a href="#">Andry</a>Designer</p>
<span class="w3-agilesub"> </span>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!-- //about -->
<!-- about-slid -->
<div class="about-slid agileits-w3layouts">
<div class="container">
<div class="about-slid-info">
<h2>OUR TEAM</h2>
<p>Harap anda dapat menikmati website kami. Maaf jika website ini belum sempurna. </p>
</div>
</div>
</div>
<!-- //about-slid -->
<!-- about-team -->
<div class="about-team">
<div class="container">
<h3 class="w3_agile_header">Meet Our Team</h3>
<div class="team-agileitsinfo">
<div class="col-md-3 about-team-grids">
<img src="images/11316011.PNG" alt=""/>
<div class="team-w3lstext">
<h4><span>lONI MIRANDA DOLOKSARIBU</span> DEVELOPER</h4>
</div>
</div>
<div class="col-md-3 about-team-grids">
<img src="images/11316006.PNG" alt=""/>
<div class="team-w3lstext">
<h4><span>ANDRY F. HUTAPEA</span> DEVELOPER</h4>
</div>
</div>
<div class="col-md-3 about-team-grids">
<img src="images/11316018.jpg" alt=""/>
<div class="team-w3lstext">
<h4><span>JOSUA ATMAJA SEMBIRING</span> DEVELOPER</h4>
</div>
</div>
<div class="col-md-3 about-team-grids">
<img src="images/11316003.PNG" alt=""/>
<div class="team-w3lstext">
<h4><span>JUBELINDA SILAEN</span>DEVELOPER</h4>
</div>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!-- //about-team -->
<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>
<!-- top-header and slider -->
<!-- here stars scrolling icon -->
<script type="text/javascript">
$(document).ready(function() {
/*
var defaults = {
containerID: 'toTop', // fading element id
containerHoverID: 'toTopHover', // fading element hover id
scrollSpeed: 1200,
easingType: 'linear'
};
*/
$().UItoTop({ easingType: 'easeOutQuart' });
});
</script>
<!-- //here ends scrolling icon -->
<script src="js/minicart.min.js"></script>
<script>
// Mini Cart
paypal.minicart.render({
action: '#'
});
if (~window.location.search.indexOf('reset=true')) {
paypal.minicart.reset();
}
?>
</script>
<!-- main slider-banner -->
<script src="js/skdslider.min.js"></script>
<link href="css/skdslider.css" rel="stylesheet">
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('#demo1').skdslider({'delay':5000, 'animationSpeed': 2000,'showNextPrev':true,'showPlayButton':true,'autoSlide':true,'animationType':'fading'});
jQuery('#responsive').change(function(){
$('#responsive_wrapper').width(jQuery(this).val());
});
});
</script>
<!-- //main slider-banner -->
<br><br>
<div class="bg-dark">
<div class="container" style="padding: 10px 0;">
<div class="grid no-margin">
<div class="row no-margin">
<div class="span2 image-container shadow">
<img src="foto/logo.jpg" alt="" class="rounded"/>
<div class="overlay-fluid">
TB SILALAHI CENTER
</div>
</div>
<div class="span10">
<h3 class="fg-white">About authored</h3>
<p class="fg-white">All right reserved @TB SILALAHI CENTER
2017, &copy; Powered by TB SILALAHI CENTER</p>
</div>
</div>
</div>
</div>
<!-- ---------------------------------------- ISI TAB ------------------------------------- -->
<footer class="dark" data-load="bawahan.html"></footer>
</div>
</body>
</html>
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