Skip to content

P
pa2d4ti06
Commit 4a2c041e by Palti Sinaga
Options

no message

parent f474339c
Showing with 254 additions and 559 deletions
public/css/style.css
......@@ -315,7 +315,7 @@ ul.callbacks_tabs li {
.services {
background-color: #f7f7f7;
padding: 50px 0 100px;
padding: 25px 0 25px;
}
.services h2 {
......@@ -875,7 +875,7 @@ ul.social-icons li a.youtube:hover {
/*-- Details --*/
.details {
padding: 50px 0;
/*padding: 25px 0;*/
background-color: #EAEAEA;
}
/*--w3layouts--*/
......@@ -1274,7 +1274,7 @@ figure.effect-zoe:hover ul.social-icons a:first-child {
/*-- Cuisines --*/
.cuisines {
padding: 80px 0;
padding: 10px 0;
}
/*--w3layouts--*/
......
resources/views/index.html deleted 100644 → 0
<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html lang="en">
<!-- Head -->
<head>
<title>Tropical Resorts a Hotels and Restaurants Category Flat Bootstrap Responsive Website Template | Home :: W3layouts</title>
<!-- Meta-Tags -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Tropical Resorts a Responsive Web Template, Bootstrap Web Templates, Flat Web Templates, Android Compatible Web Template, Smartphone Compatible Web Template, Free Webdesigns for Nokia, Samsung, LG, Sony Ericsson, Motorola Web Design">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //Meta-Tags -->
<!-- Custom-Stylesheet-Links -->
<!-- Bootstrap-CSS --> <link rel="stylesheet" href="css/bootstrap.min.css" type="text/css" media="all">
<!-- Index-Page-CSS --> <link rel="stylesheet" href="css/style.css" type="text/css" media="all">
<!-- Animate.CSS --> <link rel="stylesheet" href="css/animate.css" type="text/css" media="all">
<!-- //Custom-Stylesheet-Links -->
<!-- Fonts -->
<!-- Body-Font --> <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800" type="text/css">
<!-- Logo-Font --> <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Cinzel+Decorative:400,900,700" type="text/css">
<!-- Navbar-Font --> <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Montserrat:400,700" type="text/css">
<!-- //Fonts -->
</head>
<!-- //Head -->
<!-- Body -->
<body>
<!-- Header -->
<div class="header agileits w3layouts" id="home" >
<!-- Navbar -->
<nav class="navbar navbar-default w3l aits wow bounceInUp agileits w3layouts">
<div class="container">
<div class="navbar-header agileits w3layouts">
<button type="button" class="navbar-toggle agileits w3layouts collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
<span class="sr-only agileits w3layouts">Toggle navigation</span>
<span class="icon-bar w3l"></span>
<span class="icon-bar aits"></span>
<span class="icon-bar w3laits"></span>
</button>
<a class="navbar-brand agileits w3layouts" href="index.html">Bulbul Homestay</a>
</div>
<div id="navbar" class="navbar-collapse agileits w3layouts navbar-right collapse">
<ul class="nav agileits w3layouts navbar-nav">
<li class="active"><a href="index.html">HOME</a></li>
<li><a href="#2">ROOM</a></li>
<li><a href="#3">CUISINES</a></li>
<li><a href="gallery.html">GALLERY</a></li>
<!-- <li><a href="codes.html">CODES</a></li> -->
<!-- <li><a href="booking.html">BOOKING</a></li> -->
</ul>
</div>
</div>
</nav>
<!-- //Navbar -->
<!-- Slider1 -->
<div class="slider agileits w3layouts">
<div class="slider-1 agileits w3layouts">
<ul class="rslides agileits w3layouts" id="slider1">
<li>
<img src="images/danautoba.jpg" alt="Agileits W3layouts">
<div class="layer agileits w3layouts"></div>
<div class="caption agileits w3layouts">
<h3 >Welcome To <span>TROPICAL RESORTS</span></h3>
</div>
</li>
<li>
<img src="images/slide-11.jpg" alt="Agileits W3layouts">
<div class="caption agileits w3layouts">
<h3>Choose The Best Resort For You</h3>
</div>
</li>
<!-- <li>
<img src="images/slide-3.jpg" alt="Agileits W3layouts">
<div class="caption agileits w3layouts">
<h3>Stay Right Next To The Exotic Beaches</h3>
</div>
</li>
<li>
<img src="images/slide-4.jpg" alt="Agileits W3layouts">
<div class="caption agileits w3layouts">
<h3>Spend The Best Moments In Our Resorts</h3>
</div>
</li>
<li>
<img src="images/slide-5.jpg" alt="Agileits W3layouts">
<div class="layer agileits w3layouts"></div>
<div class="caption agileits w3layouts">
<h3>Experience The Best Luxury & Hospitality</h3>
</div>
</li> -->
</ul>
</div>
</div>
<!-- //Slider1 -->
<div class="clearfix" style="margin-bottom: 50px;"></div>
</div>
<!-- //Header -->
<div class="footer2 agileits w3layouts">
<div class="container">
<div class="service-info-grids agileits w3layouts">
<div class="greet">
<h1 class="wow fadeInDown" style="margin-bottom: 50px; font-family: 'Great Vibes'; font-size: 50px;">Welcome <br> <p style="font-size: 15px; font-family: ''">FEEL LIKE HOME<p></h1>
<!-- <h3> FEEL LIKE HOME </h3> -->
<div class="col-md-3 col-sm-3 service-info agileits w3layouts service-info1 wow fadeInUp">
<img src="images/service-icon-1.png" alt="Agileits W3layouts">
<h4> Acara Barbeque </h4>
<div class="h4-underline wow agileits w3layouts slideInLeft"></div>
<p>Acara ini Acara ini Acara ini Acara ini Acara ini Acara iniAcara init Acara ini </p>
</div>
<div class="col-md-3 col-sm-3 agileits w3layouts service-info service-info2 wow fadeInUp">
<img src="images/service-icon-2.png" alt="Agileits W3layouts">
<h4>Air Panas</h4>
<div class="h4-underline wow agileits w3layouts slideInLeft"></div>
<p>Air PanasAir PanasAir PanasAir PanasAir PanasAir PanasAir PanasAir PanasAir Panas</p>
</div>
<div class="col-md-3 col-sm-3 service-info service-info3 agileits w3layouts wow fadeInUp">
<img src="images/service-icon-3.png" alt="Agileits W3layouts">
<h4>Dekat dengan Pantai</h4>
<div class="h4-underline wow slideInLeft agileits w3layouts"></div>
<p>Dekat dengan Pantai Dekat dengan PantaiDekat dengan PantaiDekatDekat dengan Pantai Dekat dengan Pantai</p>
</div>
</div>
<div class="col-md-3 col-sm-3 service-info service-info3 agileits w3layouts wow fadeInUp">
<img src="images/service-icon-3.png" alt="Agileits W3layouts">
<h4>Jauh dari keramaian kota</h4>
<div class="h4-underline wow slideInLeft agileits w3layouts"></div>
<p>Jauh dari keramaian kota Jauh dari keramaian kota Jauh dari keramaian kota Jauh dari keramaian kota Jauh dari keramaian kota </p>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<div class="cuisines agileits w3layouts" style="padding-top: 50px; ">
<div class="container">
<div class="col-md-6 col-sm-6 cuisines-grids agileits w3layouts cuisines-grids-1 wow slideInLeft">
<h2>Menginap serasa di rumah sendiri</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
<div class="col-md-6 col-sm-6 cuisines-grids agileits w3layouts cuisines-grids-2 wow slideInRight">
<img src="images/cuisines.jpg" alt="Agileits W3layouts">
</div>
<div class="clearfix"></div>
</div>
</div>
<!-- Projects -->
<div class="services agileits w3layouts" style="padding-top: 10px">
<h1> Lokasi Kami</h1>
<div class="banner agileits w3layouts">
<img src="images/banner.jpg" alt="Agileits W3layouts">
<h1 class="wow agileits w3layouts fadeInDown">ABOUT</h1>
</div>
</div>
<!-- //Projects -->
<!-- Details -->
<div id ="2">
<div class="details agileits w3layouts">
<div class="container">
<h3>Daftar Homestay</h3>
<div class="details-grids agileits w3layouts">
<div class="col-md-4 col-sm-4 details-grid agileits w3layouts details-grid-1 wow slideInUp">
<div class=" details-grid1 agileits w3layouts">
<div class="details-grid-image agileits w3layouts">
<img src="images/project-1.jpg" alt="Agileits W3layouts">
</div>
<div class="details-grid-info agileits w3layouts">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua ut enim ad minim veniam.</p>
</div>
<a href ="Homestay.html"><button class="btn btn-primary wow agileits w3layouts fadeInLeft"> EXPLORE<span class="glyphicon agileits w3layouts glyphicon-arrow-right" aria-hidden="true"></span></button></a>
<div class="clearfix"></div>
</div>
</div>
<div class="col-md-4 col-sm-4 details-grid details-grid-2 wow agileits w3layouts slideInUp">
<div class="details-grid2 agileits w3layouts">
<div class="details-grid-image agileits w3layouts">
<img src="images/project-6.jpg" alt="Agileits W3layouts">
</div>
<div class="details-grid-info agileits w3layouts">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua ut enim ad minim veniam.</p>
</div>
<button class="btn btn-primary wow agileits w3layouts fadeInLeft" data-toggle="modal" data-target="#myModal2">EXPLORE<span class="glyphicon agileits w3layouts glyphicon-arrow-right" aria-hidden="true"></span></button>
<div class="clearfix"></div>
</div>
</div>
<div class="col-md-4 col-sm-4 details-grid agileits w3layouts details-grid-3 wow slideInUp">
<div class="details-grid3 agileits w3layouts">
<div class="details-grid-image agileits w3layouts">
<img src="images/project-7.jpg" alt="Agileits W3layouts">
</div>
<div class="details-grid-info agileits w3layouts">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua ut enim ad minim veniam.</p>
</div>
<button class="btn btn-primary agileits w3layouts wow fadeInLeft" data-toggle="modal" data-target="#myModal3">EXPLORE<span class="glyphicon agileits w3layouts glyphicon-arrow-right" aria-hidden="true"></span></button>
<div class="clearfix"></div>
</div>
</div>
<div class="clearfix"></div>
</div>
<!-- Tooltip-Content -->
<div class="tooltip-content agileits w3layouts">
<div class="modal fade agileits w3layouts details-modal" id="myModal" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog agileits w3layouts modal-lg">
<div class="modal-content agileits w3layouts">
<div class="modal-header agileits w3layouts">
<button type="button" class="close agileits w3layouts" data-dismiss="modal" aria-hidden="true">&times;</button>
<h4 class="modal-title agileits w3layouts">LOREM IPSUM</h4>
</div>
<div class="modal-body agileits w3layouts">
<img src="images/project-1.jpg" alt="Agileits W3layouts">
<p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia.</p>
</div>
</div>
</div>
</div>
<div class="modal fade agileits w3layouts details-modal" id="myModal2" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-lg agileits w3layouts">
<div class="modal-content agileits w3layouts">
<div class="modal-header agileits w3layouts">
<button type="button" class="close agileits w3layouts" data-dismiss="modal" aria-hidden="true">&times;</button>
<h4 class="modal-title agileits w3layouts">LOREM IPSUM</h4>
</div>
<div class="modal-body agileits w3layouts">
<img src="images/project-6.jpg" alt="Agileits W3layouts">
<p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia.</p>
</div>
</div>
</div>
</div>
<div class="modal fade details-modal agileits w3layouts" id="myModal3" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-lg agileits w3layouts">
<div class="modal-content agileits w3layouts">
<div class="modal-header agileits w3layouts">
<button type="button" class="close agileits w3layouts" data-dismiss="modal" aria-hidden="true">&times;</button>
<h4 class="modal-title agileits w3layouts">LOREM IPSUM</h4>
</div>
<div class="modal-body agileits w3layouts">
<img src="images/project-7.jpg" alt="Agileits W3layouts">
<p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia.</p>
</div>
</div>
</div>
</div>
<script>
$('#myModal').modal('');
</script>
</div>
<!-- //Tooltip-Content -->
</div>
</div>
</div>
<!-- //Details -->
<!-- Awards -->
<!-- <div class="awards agileits w3layouts">
<h3>Our Awards</h3>
<div class="awards-grids">
<div class="col-md-3 col-sm-3 awards-grid agileits w3layouts awards-grid-1 wow fadeInUp">
<img class="wow agileits w3layouts slideInLeft" src="images/award-1.png" alt="Agileits W3layouts">
<h4>BEST HOSPITALITY</h4>
<div class="h4-underline agileits w3layouts wow slideInLeft"></div>
<p>Matthew Miller</p>
<p>CEO</p>
<p>Miami Resort</p>
</div>
<div class="col-md-3 col-sm-3 awards-grid awards-grid-2 wow agileits w3layouts fadeInUp">
<img class="wow agileits w3layouts slideInLeft" src="images/award-2.png" alt="Agileits W3layouts">
<h4>BEST LUXURY HOTEL</h4>
<div class="h4-underline wow agileits w3layouts slideInLeft"></div>
<p>Jared Lato</p>
<p>Head, Management</p>
<p>Hawaii Resort</p>
</div>
<div class="col-md-3 col-sm-3 agileits w3layouts awards-grid awards-grid-3 wow fadeInUp">
<img class="wow agileits w3layouts slideInLeft" src="images/award-3.png" alt="Agileits W3layouts">
<h4>BEST BEACH RESORT</h4>
<div class="h4-underline wow agileits w3layouts slideInLeft"></div>
<p>Sebastian Smith</p>
<p>Head, Management</p>
<p>Bahamas Resort</p>
</div>
<div class="col-md-3 col-sm-3 agileits w3layouts awards-grid awards-grid-4 wow fadeInUp">
<img class="wow slideInLeft agileits w3layouts" src="images/award-4.png" alt="Agileits W3layouts">
<h4>BEST SEAFOOD</h4>
<div class="h4-underline wow agileits w3layouts slideInLeft"></div>
<p>Matt Daniels</p>
<p>Chef de Cuisine</p>
<p>Ibiza Resort</p>
</div>
<div class="clearfix"></div>
</div>
</div> -->
<!-- //Awards -->
<!-- Footer -->
<div class="footer agileits w3layouts">
<div class="container">
<div class="col-md-4 agileits w3layouts footer-grids">
<div class="col-md-10 footer-grid agileits w3layouts footer-grid-1 wow fadeInUp">
<p>
<img src="D:\web\images\bulbulhomestay.png" style="margin-top: 5px;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.
<p>
</div>
</div>
<div class="col-md-2 agileits w3layouts footer-grids" style="margin-right: 20px;">
<div class="col-md-12 footer-grid agileits w3layouts footer-grid-2 wow fadeInUp">
<ul class="agileits w3layouts">
<p style="font-size: 20px; color: white; margin-bottom: 10px"> Other Link </p>
<li><a href=""> Tobasamosir </a></li>
<li><a href=""> Institut Teknologi Del </a></li>
<li><a href=""> Dinasparisiwata Tobasa </a></li>
</ul>
</div>
</div>
<div class="col-md-4 agileits w3layouts footer-grids">
<div class="col-md-12 footer-grid agileits w3layouts footer-grid-3 wow fadeInUp">
<ul class="agileits w3layouts">
<p style="font-size: 20px; color: white;margin-bottom: 10px"> Contact Us </p>
<p>Jl. Pematang Siantar Balige No.2 Toba Samosir</p>
<p>paltigcsinaga@gmail.com</p>
<p>+6282174161231</p>
</ul>
</div>
<div class="clearfix"></div>
</div>
<!-- <div class="col-md-6 col-sm-6 footer-grids agileits w3layouts newsletter wow fadeInUp">
<h4>Stay Connected</h4>
<p>Subscribe to our newsletter and get informed of our newest projects.</p>
<form action="#" method="post">
<input type="text" placeholder="Email" name="Email" required="">
<input type="submit" value="SUBSCRIBE">
</form>
</div> -->
<!-- <div class="col-md-6 col-sm-6 footer-grids agileits w3layouts social wow fadeInUp">
<ul class="social-icons">
<li class="agileits w3layouts"><a href="#" class="facebook agileits w3layouts" title="Go to Our Facebook Page"></a></li>
<li class="agileits w3layouts"><a href="#" class="twitter agileits w3layouts" title="Go to Our Twitter Account"></a></li>
<li class="agileits w3layouts"><a href="#" class="googleplus agileits w3layouts" title="Go to Our Google Plus Account"></a></li>
<li class="agileits w3layouts"><a href="#" class="instagram agileits w3layouts" title="Go to Our Instagram Account"></a></li>
<li class="agileits w3layouts"><a href="#" class="youtube agileits w3layouts" title="Go to Our Youtube Channel"></a></li>
</ul>
</div> -->
<!-- <div class="col-md-6 col-sm-6 footer-grids agileits w3layouts copyright wow fadeInUp">
<p>&copy; 2017 Tropical Resorts. All Rights Reserved | Design by <a href="http://w3layouts.com/" target="_blank"> W3layouts </a></p>
</div>
<div class="clearfix"></div> -->
</div>
</div>
<!-- //Footer -->
<!-- Custom-JavaScript-File-Links -->
<!-- Default-JavaScript --> <script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
<!-- Bootstrap-JavaScript --> <script type="text/javascript" src="js/bootstrap.min.js"></script>
<!-- Animate.CSS-JavaScript -->
<script src="js/wow.min.js"></script>
<script>
new WOW().init();
</script>
<!-- //Animate.CSS-JavaScript -->
<!-- Slider-JavaScript -->
<script src="js/responsiveslides.min.js"></script>
<script>
$(function () {
$("#slider1, #slider2, #slider3, #slider4").responsiveSlides({
auto: true,
nav: true,
speed: 1500,
namespace: "callbacks",
pager: true,
});
});
</script>
<!-- //Slider-JavaScript -->
<!-- Slide-To-Top JavaScript (No-Need-To-Change) -->
<script type="text/javascript">
$(document).ready(function() {
var defaults = {
containerID: 'toTop', // fading element id
containerHoverID: 'toTopHover', // fading element hover id
scrollSpeed: 100,
easingType: 'linear'
};
$().UItoTop({ easingType: 'easeOutQuart' });
});
</script>
<a href="#" id="toTop" class="agileits w3layouts" style="display: block;"> <span id="toTopHover" style="opacity: 0;"> </span></a>
<!-- //Slide-To-Top JavaScript -->
<!-- Smooth-Scrolling-JavaScript -->
<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, .navbar li a, .footer li a").click(function(event){
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
});
});
</script>
<!-- //Smooth-Scrolling-JavaScript -->
<!-- //Custom-JavaScript-File-Links -->
</body>
<!-- //Body -->
</html>
\ No newline at end of file
resources/views/layouts/page/Home.blade.php
@extends('layouts.master')
@section('main-content')
<!--Welcome-->
<!--Welcome-->
<div class="footer2 agileits w3layouts">
<div class="container">
<div class="service-info-grids agileits w3layouts">
......@@ -36,10 +36,11 @@
</div>
</div>
</div>
<!--Welcome-->
<div class="cuisines agileits w3layouts" style="padding-top: 50px; ">
<!--Greating-->
<div class="clearfix" style="margin-top: 15px;"></div>
<div class="cuisines agileits w3layouts" style="">
<div class="container">
<div class="col-md-6 col-sm-6 cuisines-grids agileits w3layouts cuisines-grids-1 wow slideInLeft">
<h2>Menginap serasa di rumah sendiri</h2>
......@@ -53,23 +54,13 @@
</div>
</div>
<!-- Projects -->
<div class="services agileits w3layouts" style="padding-top: 10px">
<h1> Lokasi Kami</h1>
<div class="banner agileits w3layouts">
<img src="img/banner.jpg" alt="Agileits W3layouts">
<h1 class="wow agileits w3layouts fadeInDown">ABOUT</h1>
</div>
</div>
<!-- //Greating -->
<!-- //Projects -->
<!-- Details -->
<!-- List Homestay -->
<div id ="2">
<div class="details agileits w3layouts">
<div class="container">
<h3>Daftar Homestay</h3>
<div class="details-grids agileits w3layouts">
<div class="col-md-4 col-sm-4 details-grid agileits w3layouts details-grid-1 wow slideInUp">
......@@ -80,7 +71,7 @@
<div class="details-grid-info agileits w3layouts">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua ut enim ad minim veniam.</p>
</div>
<a href ="Homestay.html"><button class="btn btn-primary wow agileits w3layouts fadeInLeft"> EXPLORE<span class="glyphicon agileits w3layouts glyphicon-arrow-right" aria-hidden="true"></span></button></a>
<a href ="/Homestay.blade.php"><button class="btn btn-primary wow agileits w3layouts fadeInLeft"> EXPLORE<span class="glyphicon agileits w3layouts glyphicon-arrow-right" aria-hidden="true"></span></button></a>
<div class="clearfix"></div>
</div>
</div>
......@@ -158,62 +149,29 @@
</div>
</div>
</div>
<script>
$('#myModal').modal('');
</script>
</div>
<!-- //Tooltip-Content -->
</div>
</div>
</div>
<!-- //Details -->
<!-- Awards -->
<!-- <div class="awards agileits w3layouts">
<!-- //List Homestay -->
<h3>Our Awards</h3>
<div class="awards-grids">
<div class="col-md-3 col-sm-3 awards-grid agileits w3layouts awards-grid-1 wow fadeInUp">
<img class="wow agileits w3layouts slideInLeft" src="img/award-1.png" alt="Agileits W3layouts">
<h4>BEST HOSPITALITY</h4>
<div class="h4-underline agileits w3layouts wow slideInLeft"></div>
<p>Matthew Miller</p>
<p>CEO</p>
<p>Miami Resort</p>
</div>
<div class="col-md-3 col-sm-3 awards-grid awards-grid-2 wow agileits w3layouts fadeInUp">
<img class="wow agileits w3layouts slideInLeft" src="img/award-2.png" alt="Agileits W3layouts">
<h4>BEST LUXURY HOTEL</h4>
<div class="h4-underline wow agileits w3layouts slideInLeft"></div>
<p>Jared Lato</p>
<p>Head, Management</p>
<p>Hawaii Resort</p>
</div>
<div class="col-md-3 col-sm-3 agileits w3layouts awards-grid awards-grid-3 wow fadeInUp">
<img class="wow agileits w3layouts slideInLeft" src="img/award-3.png" alt="Agileits W3layouts">
<h4>BEST BEACH RESORT</h4>
<div class="h4-underline wow agileits w3layouts slideInLeft"></div>
<p>Sebastian Smith</p>
<p>Head, Management</p>
<p>Bahamas Resort</p>
</div>
<div class="col-md-3 col-sm-3 agileits w3layouts awards-grid awards-grid-4 wow fadeInUp">
<img class="wow slideInLeft agileits w3layouts" src="img/award-4.png" alt="Agileits W3layouts">
<h4>BEST SEAFOOD</h4>
<div class="h4-underline wow agileits w3layouts slideInLeft"></div>
<p>Matt Daniels</p>
<p>Chef de Cuisine</p>
<p>Ibiza Resort</p>
<!-- Lokasi -->
<div id ="3">
<div class="services agileits w3layouts" style="padding-top: 10px">
<h1> Lokasi Kami</h1>
<div class="banner agileits w3layouts">
<img src="img/banner.jpg" alt="Agileits W3layouts">
<h1 class="wow agileits w3layouts fadeInDown">ABOUT</h1>
</div>
<div class="clearfix"></div>
</div>
<!-- //Lokasi -->
</div> -->
<!-- //Awards -->
@endsection
resources/views/layouts/page/Homestay.blade.php 0 → 100644
@extends('layouts.master')
@section('main-content')
<!-- Banner -->
<div class="banner agileits w3layouts">
<img src="images/banner.jpg" alt="Agileits W3layouts">
<h1 class="wow agileits w3layouts fadeInDown">ABOUT</h1>
</div>
<!-- //Banner -->
<!-- Booking -->
<div class="details agileits w3layouts" style="margin-top: 50px; padding: 20px;">
<div class="container">
<div class="col-md-12 col-sm-12 agileits w3layouts contact-grid contact-grid-2 wow slideInLeft">
<form action="#" method="post">
<div class="col-md-3 col-sm-3 agileits w3layouts contact-grid contact-grid-2 wow slideInLeft">
<input class="date agileits w3layouts" id="datepicker1" type="text" value=" Tanggal Check in" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = '';}" required="">
</div>
<div class="col-md-3 col-sm-3 agileits w3layouts contact-grid contact-grid-2 wow slideInLeft">
<input class="date agileits w3layouts" id="datepicker2" type="text" value=" Tanggal out" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = '';}" required="">
</div>
<div class="col-md-3 col-sm-3 agileits w3layouts contact-grid contact-grid-2 wow slideInLeft">
<input type="text" class="text wow agileits w3layouts slideInLeft" name="Name" placeholder="Jumlah Orang" required="" style="background-color: white; color: black">
</div>
<div class="col-md-3 col-sm-3 agileits w3layouts contact-grid contact-grid-2 wow slideInLeft">
<input type="submit" class="more_btn wow agileits w3layouts slideInLeft" value="Book Now">
</div>
</form>
<!-- Popup-Box -->
<div id="popup">
<div id="small-dialog" class="mfp-hide agileits w3layouts">
<div class="pop_up agileits w3layouts">
<div class="payment-online-form-left agileits w3layouts">
<form>
<h4><span class="shipping agileits w3layouts"> </span>Customer Details</h4>
<ul class="agileits w3layouts">
<li class="agileits w3layouts"><input required="" class="text-box-dark agileits w3layouts" type="text" value="First Name" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'First Name';}"></li>
<li class="agileits w3layouts"><input required="" class="text-box-dark agileits w3layouts" type="text" value="Last Name" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Last Name';}"></li>
</ul>
<ul class="agileits w3layouts">
<li class="agileits w3layouts"><input required="" class="text-box-dark agileits w3layouts" type="text" value="Email" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Email';}"></li>
<li class="agileits w3layouts"><input required="" class="text-box-dark agileits w3layouts" type="text" value="Phone" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Phone';}"></li>
</ul>
<div class="clearfix"></div>
<h4 class="paymenthead agileits w3layouts"><span class="payment agileits w3layouts"></span>Payment Details</h4>
<div class="clearfix"></div>
<ul class="payment-type agileits w3layouts">
<li class="agileits w3layouts"><span class="col_checkbox agileits w3layouts">
<input id="3" class="css-checkbox1 agileits w3layouts" type="checkbox">
<label for="3" class="css-label1 agileits w3layouts"></label>
<a class="visa agileits w3layouts" href="#"></a>
</span>
</li>
<li class="agileits w3layouts">
<span class="col_checkbox agileits w3layouts">
<input id="4" class="css-checkbox2 agileits w3layouts" type="checkbox">
<label for="4" class="css-label2 agileits w3layouts"></label>
<a class="paypal agileits w3layouts" href="#"></a>
</span>
</li>
</ul>
<ul class="agileits w3layouts">
<li class="agileits w3layouts"><input required="" class="text-box-dark agileits w3layouts" type="text" value="Card Number" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Card Number';}"></li>
<li class="agileits w3layouts"><input required="" class="text-box-dark agileits w3layouts" type="text" value="Name on card" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Name on card';}"></li>
</ul>
<ul class="agileits w3layouts">
<li class="agileits w3layouts"><input required="" class="text-box-light hasDatepicker agileits w3layouts" type="text" id="datepicker" value="Expiration Date" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Expiration Date';}"><em class="pay-date"> </em></li>
<li class="agileits w3layouts"><input required="" class="text-box-dark agileits w3layouts" type="text" value="Security Code" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Security Code';}"></li>
</ul>
<ul class="payment-sendbtns agileits w3layouts">
<li class="agileits w3layouts"><input type="reset" value="Reset"></li>
<li class="agileits w3layouts"><input type="submit" value="Process Payment" class="order"></li>
</ul>
<div class="clearfix"></div>
</form>
</div>
</div>
</div>
</div>
<!-- <button title="Close (Esc)" type="button" class="mfp-close agileits w3layouts">×</button> -->
<!-- //Popup-Box -->
</div>
</div>
</div>
<!-- Booking -->
<!-- Informations -->
<div class="cuisines agileits w3layouts">
<div class="container">
<div class="col-md-6 col-sm-6 cuisines-grids agileits w3layouts cuisines-grids-1 wow slideInLeft">
<h2 style="margin-bottom: 10px;"> Fasilitas </h2>
<ul style="list-style-type: none;">
<li> Air Panas </li>
<li> Alat Panggang </li>
<li> Kamar mandi bersih </li>
<li> 3 Kamar Tidur </li>
<li> Tepat dipinggi danau </li>
</ul>
<!-- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> -->
<img style="width: 450px; margin-top: 10px;" src="images/line1.png">
<h2 style="margin-bottom: 10px;"> Info Pemilik </h2>
<ul style="list-style-type: none;">
<li> Pemilik : Palti Sinaga </li>
<li> No Telp : +62 8123182739 </li>
</ul>
</div>
<div class="col-md-6 col-sm-6 cuisines-grids agileits w3layouts cuisines-grids-2 wow slideInRight">
<img src="images/cuisines.jpg" alt="Agileits W3layouts">
</div>
<!-- <div class="clearfix"></div> -->
<div class="container">
<div class="details-grids agileits w3layouts">
<!--Homestay pict -->
<div class="col-md-4 col-sm-4 details-grid agileits w3layouts details-grid-1 wow slideInUp">
<div class=" details-grid1 agileits w3layouts">
<div class="details-grid-image agileits w3layouts">
<img src="images/project-1.jpg" alt="Agileits W3layouts" data-toggle="modal" data-target="#myModal" style="cursor: pointer;">
</div>
<!-- <div class="details-grid-info agileits w3layouts">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua ut enim ad minim veniam.</p>
</div> -->
<!-- <button class="btn btn-primary wow agileits w3layouts fadeInLeft" data-toggle="modal" data-target="#myModal">EXPLORE<span class="glyphicon agileits w3layouts glyphicon-arrow-right" aria-hidden="true"></span></button> -->
<div class="clearfix"></div>
</div>
</div>
<div class="col-md-4 col-sm-4 details-grid details-grid-2 wow agileits w3layouts slideInUp">
<div class="details-grid2 agileits w3layouts">
<div class="details-grid-image agileits w3layouts">
<img src="images/project-6.jpg" alt="Agileits W3layouts" data-toggle="modal" data-target="#myModal" style="cursor: pointer;">
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="col-md-4 col-sm-4 details-grid agileits w3layouts details-grid-3 wow slideInUp">
<div class="details-grid3 agileits w3layouts">
<div class="details-grid-image agileits w3layouts">
<img src="images/project-7.jpg" alt="Agileits W3layouts" data-toggle="modal" data-target="#myModal" style="cursor: pointer;">
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="clearfix"></div>
</div>
<!--Homestay pict -->
<!-- Tooltip-Content -->
<div class="tooltip-content agileits w3layouts">
<div class="modal fade agileits w3layouts details-modal" id="myModal" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog agileits w3layouts modal-lg">
<div class="modal-content agileits w3layouts">
<div class="modal-header agileits w3layouts">
<button type="button" class="close agileits w3layouts" data-dismiss="modal" aria-hidden="true">&times;</button>
<h4 class="modal-title agileits w3layouts">LOREM IPSUM</h4>
</div>
<div class="modal-body agileits w3layouts">
<img src="images/project-1.jpg" alt="Agileits W3layouts">
<p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia.</p>
</div>
</div>
</div>
</div>
<div class="modal fade agileits w3layouts details-modal" id="myModal2" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-lg agileits w3layouts">
<div class="modal-content agileits w3layouts">
<div class="modal-header agileits w3layouts">
<button type="button" class="close agileits w3layouts" data-dismiss="modal" aria-hidden="true">&times;</button>
<h4 class="modal-title agileits w3layouts">LOREM IPSUM</h4>
</div>
<div class="modal-body agileits w3layouts">
<img src="images/project-6.jpg" alt="Agileits W3layouts">
<p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia.</p>
</div>
</div>
</div>
</div>
<div class="modal fade details-modal agileits w3layouts" id="myModal3" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-lg agileits w3layouts">
<div class="modal-content agileits w3layouts">
<div class="modal-header agileits w3layouts">
<button type="button" class="close agileits w3layouts" data-dismiss="modal" aria-hidden="true">&times;</button>
<h4 class="modal-title agileits w3layouts">LOREM IPSUM</h4>
</div>
<div class="modal-body agileits w3layouts">
<img src="images/project-7.jpg" alt="Agileits W3layouts">
<p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia.</p>
</div>
</div>
</div>
</div>
<script>
$('#myModal').modal('');
</script>
</div>
<!-- //Tooltip-Content -->
</div>
</div>
</div>
<!-- //Informations -->
<!-- Kritik & Saran -->
<div class="details agileits w3layouts">
<div class="container">
<div class="col-md-6 col-sm-6 agileits w3layouts contact-grid contact-grid-2 wow slideInLeft">
<h2 style="margin-bottom: 10px;"> Kritik dan Saran </h2>
<form action="#" method="post">
<input type="text" class="text wow agileits w3layouts slideInLeft" name="Name" placeholder="Name" required="">
<input type="text" class="text wow agileits w3layouts slideInLeft" name="Email" placeholder="Email" required="">
<textarea name="Message" class="wow agileits w3layouts slideInLeft" placeholder="Message" required=""></textarea>
<input type="submit" class="more_btn wow agileits w3layouts slideInLeft" value="Send Message">
</form>
</div>
</div>
</div>
<!-- Kritik & Saran -->
@endsection
resources/views/layouts/partials/htmlheader.blade.php
<!-- Head -->
<head>
<title>Tropical Resorts a Hotels and Restaurants Category Flat Bootstrap Responsive Website Template | Home :: W3layouts</title>
<title>Bulbul Homestay</title>
<!-- Meta-Tags -->
<meta name="viewport" content="width=device-width, initial-scale=1">
......
resources/views/layouts/partials/mainheader.blade.php
<!-- Header -->
<div class="header agileits w3layouts" id="home" >
<!-- Navbar -->
<nav class="navbar navbar-default w3l aits wow bounceInUp agileits w3layouts">
<div class="container">
<div class="navbar-header agileits w3layouts">
<button type="button" class="navbar-toggle agileits w3layouts collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
<span class="sr-only agileits w3layouts">Toggle navigation</span>
......@@ -14,12 +12,11 @@
</button>
<a class="navbar-brand agileits w3layouts" href="index.html">Bulbul Homestay</a>
</div>
<div id="navbar" class="navbar-collapse agileits w3layouts navbar-right collapse">
<ul class="nav agileits w3layouts navbar-nav">
<li class="active"><a href="index.html">HOME</a></li>
<li><a href="#2">ROOM</a></li>
<li><a href="#3">CUISINES</a></li>
<li><a href="#2">DAFTAR HOMESTAY</a></li>
<li><a href="#3">LOKASI</a></li>
<li><a href="gallery.html">GALLERY</a></li>
<!-- <li><a href="codes.html">CODES</a></li> -->
<!-- <li><a href="booking.html">BOOKING</a></li> -->
......@@ -29,9 +26,7 @@
</nav>
<!-- //Navbar -->
<!-- Slider1 -->
<!-- Slider -->
<div class="slider agileits w3layouts">
<div class="slider-1 agileits w3layouts">
<ul class="rslides agileits w3layouts" id="slider1">
......@@ -48,29 +43,10 @@
<h3>Choose The Best Resort For You</h3>
</div>
</li>
<!-- <li>
<img src="img/slide-3.jpg" alt="Agileits W3layouts">
<div class="caption agileits w3layouts">
<h3>Stay Right Next To The Exotic Beaches</h3>
</div>
</li>
<li>
<img src="img/slide-4.jpg" alt="Agileits W3layouts">
<div class="caption agileits w3layouts">
<h3>Spend The Best Moments In Our Resorts</h3>
</div>
</li>
<li>
<img src="img/slide-5.jpg" alt="Agileits W3layouts">
<div class="layer agileits w3layouts"></div>
<div class="caption agileits w3layouts">
<h3>Experience The Best Luxury & Hospitality</h3>
</div>
</li> -->
</ul>
</div>
</div>
<!-- //Slider1 -->
<div class="clearfix" style="margin-bottom: 50px;"></div>
<!-- //Slider -->
<div class="clearfix" style="margin-bottom: 15px;"></div>
</div>
<!-- //Header -->
\ No newline at end of file
routes/web.php
......@@ -19,6 +19,8 @@ Route::get('test', function(){
return view('index');
});
Route::group(['middleware' => 'auth'], function () {
// Route::get('/link1', function () {
// // Uses Auth Middleware
......
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