Skip to content

P
PA1-1617-D3TI08
Commit 1b9df488 by Dodi Agustin Refansius Pakpahan
Options

menambahkan css, index,header,dan gambar

parents
Showing with 691 additions and 0 deletions
css/animate.css 0 → 100644
This diff is collapsed. Click to expand it.
css/bootstrap.css 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
css/bootstrap.css.map 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
css/bootstrap.min.css 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
css/bootstrap.min.css.map 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
css/demo.css 0 → 100644
@font-face {
font-family: 'BebasNeueRegular';
src: url('fonts/BebasNeue-webfont.eot');
src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/BebasNeue-webfont.woff') format('woff'),
url('fonts/BebasNeue-webfont.ttf') format('truetype'),
url('fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
font-weight: normal;
font-style: normal;
}
/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;
}
html,body {
margin:0;
padding:0;
height: 100%;
}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset,img {
border:0;
}
address,caption,cite,code,dfn,th,var {
font-style:normal;
font-weight:normal;
}
ol,ul {
list-style:none;
}
caption,th {
text-align:left;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}
q:before,q:after {
content:'';
}
abbr,acronym { border:0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
/* General Demo Style */
body{
font-family: Cambria, Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;
background: #fff url(../images/bg.jpg) repeat top left;
font-weight: 400;
font-size: 15px;
color: #1d3c41;
overflow-y: scroll;
}
a{
color: #333;
text-decoration: none;
}
.containers{
padding-top: 90px;
margin-left: 90px;
width: 100%;
height: 100%;
position: relative;
text-align: center;
}
.clr{
clear: both;
}
.containers > header{
padding: 20px 30px 10px 30px;
margin: 0px 20px 10px 20px;
position: relative;
display: block;
text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
text-align: center;
}
.containers > header h1{
font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
font-size: 35px;
line-height: 35px;
position: relative;
font-weight: 400;
color: rgba(26,89,120,0.9);
text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
padding: 0px 0px 5px 0px;
}
.containers > header h1 span{
color: #7cbcd6;
text-shadow: 0px 1px 1px rgba(255,255,255,0.8);
}
.containers > header h2{
font-size: 16px;
font-style: italic;
color: #2d6277;
text-shadow: 0px 1px 1px rgba(255,255,255,0.8);
}
/* Header Style */
.codrops-top{
line-height: 24px;
font-size: 11px;
background: rgba(255, 255, 255, 0.4);
text-transform: uppercase;
z-index: 9999;
position: relative;
box-shadow: 1px 0px 2px rgba(0,0,0,0.2);
}
.codrops-top a{
padding: 0px 10px;
letter-spacing: 1px;
color: #333;
text-shadow: 0px 1px 1px #fff;
display: block;
float: left;
}
.codrops-top a:hover{
background: #fff;
}
.codrops-top span.right{
float: right;
}
.codrops-top span.right a{
float: left;
display: block;
}
.codrops-demos{
text-align:center;
display: block;
padding: 14px;
}
.codrops-demos span{
display: inline-block;
padding-right: 15px;
text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);
}
.codrops-demos a,
.codrops-demos a.current-demo,
.codrops-demos a.current-demo:hover{
display: inline-block;
font-style: italic;
font-size: 12px;
padding: 3px 5px;
margin: 0px 3px;
font-weight: 800;
box-shadow: 1px 1px 1px rgba(0,0,0,0.05) inset;
color: #fff;
text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
background: rgba(104,171,194,0.5);
}
.codrops-demos a:hover{
background: #4fa2c4;
}
.codrops-demos a.current-demo,
.codrops-demos a.current-demo:hover{
color: rgba(104,171,194,1);
background: rgba(255,255,255,0.9);
box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
}
css/myStyle.css 0 → 100644
body{
background-color: ;
font-family: "Roboto Slab", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
p{
text-align: center;
}
h1,h2{
font-weight: medium;
font-family: "Helvetica Neue", "Ubuntu";
}
/* Navigator and header */
.navbar{
margin-bottom: 0;
}
.navbar-inverse{
background: #0f0e0a;
border: 0;
}
.navbar-toggle{
cursor: pointer;
color: #FFF;
}
.navbar-nav{
margin: 0;
}
.dropdown-menu{
background: #0f0e0a;
border: 0;
border-radius: 0;
text-align: center;
}
.navbar-inverse .navbar-nav li a{
transition: 0.6s ease;
color: #f7f7f7;
font-size: 17px;
}
.navbar-inverse .navbar-nav li a:hover {
background: #00a1e4;
}
.navbar-inverse .navbar-nav .dropdown-menu li a:hover {
background: #00a1e4;
}
.dropdown-menu li a {
padding: 10px;
}
/* End of Navigator and header */
/* Carousel slider */
.col-md-12{
width: 100%;
margin: 0px auto;
padding: 0px;
padding-bottom: 15px;
}
.item img{
width: 100%;
height: 700px;
}
.carousel-caption{
display: flex;
flex-direction: column;
flex: 1;
top: 37%;
}
.left, .right{
transition: 0.6s ease;
}
/* End of Slider */
/* Register & Login Form */
.form-register{
width: 100%;
padding: 20px;
}
.form-login{
width: 100%;
padding-bottom: 90px;
padding-top: 90px;
}
*[role="form"] {
background-color: #fff;
margin: 0 auto;
max-width: 530px;
padding: 15px;
padding-right: 20px;
border-radius: 0.2em;
-webkit-box-shadow: 2px 2px 3px 0 rgba(119,119,119,0.4);
}
.btn-secondary{
margin: 0 auto;
width: 150px;
color: #fff;
background-color: #cccccc;
border-color: white;
margin-bottom: 5px;
}
.btn-secondary:hover {
transition: .6s ease;
background-color: #00a1e4;
border-color: white;
}
/* End Of Form */
/* Headline */
.jumbotron{
background: #0f0e0a;
color: white;
text-align: center;
margin: 0;
color: white;
font-size: 26px;
}
.btn-primary{
color: #fff;
background-color: transparent;
border-color: white;
margin-bottom: 5px;
}
.btn-primary:hover {
transition: .6s ease;
background-color: #00a1e4;
border-color: white;
}
/* End of Headline */
/* Section */
.call-to-action {
background-color: #ffffff;
text-align: center;
}
.call-to-action h3{
color: #0f0e0a;
}
.call-to-action p {
margin-bottom: 30px;
font-family: sans-serif;
color: #0f0e0a;
}
.glyphicon-large {
margin-top: 30px;
font-size: 100px;
color: #0f0e0a;
}
.img-circle{
margin-top: 10px;
width: 250px;
height: 250px;
}
.thumbnail{
-webkit-box-shadow: 2px 2px 3px 0 rgba(119,119,119,0.4);
}
/* End of Section */
/* Image galery */
.thumbnail{
cursor: pointer;
}
#myModal{
display: table;
left: 16.4%;
}
.modal-body{
display: table-cell;
vertical-align: middle;
}
.col-md-6 a{
text-decoration: none;
color: #0f0e0a;
}
.col-md-3:hover{
transition: 0.6s ease;
opacity: 0.8;
}
.headline{
margin: 0 auto;
margin-top: 20px;
margin-bottom: 20px;
color: #000000;
}
.row{
margin-top: 0px;
color: black;
}
.images img{
width: 100%;
margin-bottom: 10px;
}
.page{
margin: 0 auto;
text-align: center;
}
.pagination li a{
color: black;
}
.pagination li a:hover{
transition: 0.6s ease;
color: black;
background-color: #00a1e4;
}
.col-centered{
float: none;
margin: 0 auto;
}
.glyphicon-share{
padding-top: 5px;
padding-right: 5px;
padding-left: 5px;
color: black;
cursor: pointer;
}
.glyphicon-heart{
padding-top: 5px;
padding-right: 5px;
padding-left: 5px;
color: black;
cursor: pointer;
}
/* End of image galery */
/* Footer */
footer{
position: absolute;
}
.footer{
width: 100%;
background-color: #0f0e0a;
padding-bottom: 10px;
padding-top: 15px;
}
.footer .icon{
text-align: center;
padding-bottom: 5px;
}
.footer a{
text-decoration: none;
color: #ffffff;
margin: 10px;
}
hr{
width: 97%;
color: #ffffff;
margin: 0px auto;
padding-bottom: 5px;
}
.footer p{
margin: 0px auto;
padding-bottom: 5px;
text-align: center;
color: #ffffff;
font-size: 14px;
}
.fa{
color: white;
}
.fa:hover{
color: #00a1e4;
}
.row{
padding-top: 0px;
text-align: center;
}
.controls{
text-align:left;
}
.control-group{
margin-left: 50px;
padding-top: 0px;
}
.login{
margin-top: 150px;
}
.profil p{
text-align: justify;
font-size: 24px;
color: red;
}
css/stylee.css 0 → 100644
This diff is collapsed. Click to expand it.
css/styles.css 0 → 100644
This diff is collapsed. Click to expand it.
header.php 0 → 100644
<?php
require_once('fungsi.php');
session_start();
if(isset($_GET['out'])){
session_start();
session_destroy();
header('location:index.php');
}
?>
<!DOCTYPE html>
<html>
<body class="tp-hd-lft wow fadeInDown animated" data-wow-delay="0.5s">
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<a class="navbar-brand" href="index.htm l"><img src="images/logo.png" style="width: 200px; height: 25px;"></a>
<ul class="nav navbar-nav navbar-right">
<li class="dropdown">
<button class="navbar-toggle collapsed" data-toggle="dropdown" data-target="#bs-example-navbar-collapse-1" role="button" aria-haspopup="true" aria-expanded="false">&#9776
</button>
<ul class="dropdown-menu">
<li><a href="index.html">Home</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">PROFIL
</a>
<ul class="dropdown-menu">
<li><a href="profilwisata.php">TEMPAT WISATA</a></li>
<li><a href="category2.html">PEMILIK</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">KAMAR
</a>
<ul class="dropdown-menu">
<li><a href="daftarkamar.php">DAFTAR KAMAR</a></li>
<li><a href="mesankamar.php">MEMESAN KAMAR</a></li>
</ul>
</li>
<li><a href="aboutus.php">About Us</a></li>
</ul>
</li>
</ul>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse1">
<ul class="nav navbar-nav navbar-right">
<li><a href="index.php">Home</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">PROFIL
</a>
<ul class="dropdown-menu">
<li><a href="profilwisata.php">TEMPAT WISATA</a></li>
<li><a href="category2.html">PEMILIK</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">KAMAR
</a>
<ul class="dropdown-menu">
<li><a href="daftarkamar.php">DAFTAR KAMAR</a></li>
<li><a href="category2.html">MEMESAN KAMAR</a></li>
</ul>
</li>
<?php
if(!isset($_SESSION['is_logged_in']))
{
echo '<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">LOGIN
</a>
<ul class="dropdown-menu">
<li><a href="pengunjung.php">PENGUNJUNG</a></li>
<li><a href="login.php">PENGELOLA</a></li>
</ul>
</li>';
}
else{
echo '<li><a href="index.php?out">LOGOUT </a></li>';
}?>
<li><a href="aboutus.php">CONTACT US</a></li>
</ul>
</div>
</div>
</nav>
</html>
\ No newline at end of file
index.php 0 → 100644
<?php
require_once(dirname(__FILE__).'/header.php');
?>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>BUKIT GIBEON</title>
<link rel="shortcut icon" href="images/inst.png">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/animate.css" rel="stylesheet">
<link href="css/myStyle.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
<script src="js/jquery-3.1.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</head>
<div class="col-md-12">
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
<li data-target="#myCarousel" data-slide-to="3"></li>
<li data-target="#myCarousel" data-slide-to="4"></li>
</ol>
<!-- Carousel -->
<div class="carousel-inner" role="listbox">
<div class="item active">
<img src="images/1.jpg" alt="slider">
<div class="carousel-caption">
<h2>SELAMAT DATANG</h2>
</div>
</div>
<div class="item">
<img src="images/gibeon.jpg" alt="slider">
<div class="carousel-caption">
<h2>AIR TERJUN BUKIT GIBEON</h2>
</div>
</div>
<div class="item">
<img src="images/dodi.jpg" alt="slider">
<div class="carousel-caption">
<h2>BUKIT </h2>
</div>
</div>
<div class="item">
<img src="images/menara doa.jpg" alt="slider">
<div class="carousel-caption">
<h2>MENARA DOA</h2>
</div>
</div>
<div class="item">
<img src="images/5.JPG" alt="slider">
<div class="carousel-caption">
<h2>RUMAH DOA</h2>
</div>
</div>
</div>
<!-- Prev and Next-->
<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
<div class="jumbotron">
<div class="container">
<h1 class="headline">BUKIT GIBEON</h1>
<p>Dengan kasih integritas dan keterampilan membawa umat-Nya kembali kepada kebenaran</p>
<br>
</div>
</div>
<footer class="footer">
<div class="icon">
<a href="https://facebook.com" target="_blank"><i class="fa fa-facebook" style="font-size: 20px;"></i></a>
<a href="https://instagram.com" target="_blank"><i class="fa fa-instagram" style="font-size: 20px;"></i></a>
<a href="https://twitter.com" target="_blank"><i class="fa fa-twitter" style="font-size: 20px;"></i></a>
<a href="https://gmail.com" target="_blank"><i class="fa fa-google-plus" style="font-size: 20px;"></i></a>
</div>
<p>BUKIT GIBEON</p>
<p>Sekolah Misi Interdenominasi Gereja</p>
<hr>
<p>Copyright &copy All Right Reserved - Kelompok PA1-1617-D3TI08 - 2016</p>
</footer>
</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