Skip to content

P
pa2d4ti06
Commit f474339c by Palti Sinaga
Options

sudah terblade

parent 335df666
Showing with 367 additions and 936 deletions
resources/views/index.blade.php
<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
@extends('layouts.page.Home')
<!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="img/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="{{asset('img/slide-11.jpg')}}" alt="Agileits W3layouts">
<div class="caption agileits w3layouts">
<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>
</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="img/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="img/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="img/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="img/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="img/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="img/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="img/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="img/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="img/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="img/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="img/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="img/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="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>
</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="img\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/master.blade.php 0 → 100644
<!DOCTYPE html>
<!--
This is a starter template page. Use this page to start your new project from
scratch. This page gets rid of all links and provides the needed markup only.
-->
<html lang="en">
@section('htmlheader')
@include('layouts.partials.htmlheader')
@show
<body>
@include('layouts.partials.mainheader')
@yield('main-content')
@include('layouts.partials.mainfooter')
@include('layouts.partials.scripts')
</body>
</html>
resources/views/layouts/page/Home.blade.php 0 → 100644
@extends('layouts.master')
@section('main-content')
<!--Welcome-->
<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="img/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="img/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="img/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="img/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>
<!--Welcome-->
<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="img/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="img/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="img/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="img/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="img/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="img/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="img/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="img/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="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>
</div>
<div class="clearfix"></div>
</div>
</div> -->
<!-- //Awards -->
@endsection
resources/views/layouts/partials/mainfooter.blade.php 0 → 100644
<!-- 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="img\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 -->
\ No newline at end of file
resources/views/vendor/web/layouts/partials/mainheader.blade.php → resources/views/layouts/partials/mainheader.blade.php
......@@ -36,32 +36,32 @@
<div class="slider-1 agileits w3layouts">
<ul class="rslides agileits w3layouts" id="slider1">
<li>
<img src="images/danautoba.jpg" alt="Agileits W3layouts">
<img src="img/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">
<img src="img/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">
<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="images/slide-4.jpg" alt="Agileits W3layouts">
<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="images/slide-5.jpg" alt="Agileits W3layouts">
<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>
......
resources/views/layouts/partials/scripts.blade.php 0 → 100644
<!-- 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 -->
\ No newline at end of file
resources/views/vendor/web/layouts/index.blade.php 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
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