Skip to content

P
pa2d4ti06
Commit d009edba by Palti Sinaga
Options

blade lagi

parent b157450e
Showing with 194 additions and 152 deletions
public/css/style.css
......@@ -23,7 +23,7 @@ body a {
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
text-decoration: none;
}
}
body a:hover {
text-decoration: none;
......@@ -314,7 +314,7 @@ ul.callbacks_tabs li {
/*-- Services --*/
.services {
background-color: #f7f7f7;
background-color: #ffffff;
padding: 25px 0 25px;
}
......@@ -875,8 +875,9 @@ ul.social-icons li a.youtube:hover {
/*-- Details --*/
.details {
/*padding: 25px 0;*/
background-color: #EAEAEA;
padding-top: 28px;
padding-bottom: 28px;
background-color: #f3f3f3;
}
/*--w3layouts--*/
/*--agileits--*/
......@@ -884,7 +885,7 @@ ul.social-icons li a.youtube:hover {
text-align: left;
font-size: 40px;
font-weight: 700;
margin-bottom: 50px;
margin-bottom: 20px;
color: #1dc8d9;
}
......
resources/views/homestay.blade.php 0 → 100644
@extends('layouts.page.Homestay')
\ No newline at end of file
resources/views/layouts/page/Home.blade.php
@extends('layouts.master')
@section('main-content')
@include('layouts.partials.slider')<br>
<!--Welcome-->
<div class="footer2 agileits w3layouts">
<div class="container">
......
resources/views/layouts/page/Homestay.blade.php
@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 -->
<!-- Banner -->
<div class="banner agileits w3layouts">
<img src="img/banner.jpg" alt="Agileits W3layouts">
<h1 class="wow agileits w3layouts fadeInDown">HOMESTAY MAWAR</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="">
<!-- Booking -->
<div class="details agileits w3layouts" style="margin-top: 10px;">
<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>
<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 Check 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>
<!-- <button title="Close (Esc)" type="button" class="mfp-close agileits w3layouts">×</button> -->
<!-- //Popup-Box -->
</div>
</div>
</div>
<!-- <button title="Close (Esc)" type="button" class="mfp-close agileits w3layouts">×</button> -->
<!-- //Popup-Box -->
</div>
<!-- Booking -->
<!-- Informations -->
<div class="cuisines agileits w3layouts">
<div class="container">
</div>
</div>
<!-- Booking -->
<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">
<!-- 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="img/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="img/cuisines.jpg" alt="Agileits W3layouts">
</div>
<!-- <div class="clearfix"></div> -->
<div class="container">
<div class="details-grids agileits w3layouts">
<!--Homestay pict -->
<!--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;">
<img src="img/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>
......@@ -128,7 +128,7 @@
<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;">
<img src="img/project-6.jpg" alt="Agileits W3layouts" data-toggle="modal" data-target="#myModal" style="cursor: pointer;">
</div>
<div class="clearfix"></div>
</div>
......@@ -136,7 +136,7 @@
<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;">
<img src="img/project-7.jpg" alt="Agileits W3layouts" data-toggle="modal" data-target="#myModal" style="cursor: pointer;">
</div>
<div class="clearfix"></div>
</div>
......@@ -156,7 +156,7 @@
<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">
<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>
......@@ -171,7 +171,7 @@
<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">
<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>
......@@ -186,7 +186,7 @@
<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">
<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>
......@@ -201,24 +201,24 @@
<!-- //Tooltip-Content -->
</div>
</div>
</div>
<!-- //Informations -->
</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>
<!-- 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" style="margin-bottom: 25px;">
<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>
<!-- Kritik & Saran -->
@endsection
</div>
<!-- Kritik & Saran -->
@endsection
resources/views/layouts/partials/htmlheader.blade.php
......@@ -14,6 +14,7 @@
<!-- 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">
<!-- Tanggal --> <link rel="stylesheet" href="css/jquery-ui.css" type="text/css" media="all">
<!-- //Custom-Stylesheet-Links -->
<!-- Fonts -->
......
resources/views/layouts/partials/mainheader.blade.php
......@@ -26,27 +26,7 @@
</nav>
<!-- //Navbar -->
<!-- Slider -->
<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="img/slide-11.jpg" alt="Agileits W3layouts">
<div class="caption agileits w3layouts">
<h3>Choose The Best Resort For You</h3>
</div>
</li>
</ul>
</div>
</div>
<!-- //Slider -->
<div class="clearfix" style="margin-bottom: 15px;"></div>
</div>
<!-- //Header -->
\ No newline at end of file
resources/views/layouts/partials/scripts.blade.php
......@@ -52,4 +52,32 @@
</script>
<!-- //Smooth-Scrolling-JavaScript -->
<!-- Booking-Popup-Box-JavaScript -->
<script src="js/jquery.magnific-popup.js" type="text/javascript"></script>
<script>
$(document).ready(function() {
$('.popup-with-zoom-anim').magnificPopup({
type: 'inline',
fixedContentPos: false,
fixedBgPos: true,
overflowY: 'auto',
closeBtnInside: true,
preloader: false,
midClick: true,
removalDelay: 300,
mainClass: 'my-mfp-zoom-in'
});
});
</script>
<!-- //Booking-Popup-Box-JavaScript -->
<!-- Date-Picker-JavaScript -->
<script src="js/jquery-ui.js"></script>
<script>
$(function() {
$( "#datepicker,#datepicker1,#datepicker2" ).datepicker();
});
</script>
<!-- //Date-Picker-JavaScript -->
<!-- //Custom-JavaScript-File-Links -->
\ No newline at end of file
resources/views/layouts/partials/slider.blade.php 0 → 100644
<!-- Slider -->
<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="img/slide-11.jpg" alt="Agileits W3layouts">
<div class="caption agileits w3layouts">
<h3>Choose The Best Resort For You</h3>
</div>
</li>
</ul>
</div>
</div>
<!-- //Slider -->
\ No newline at end of file
routes/web.php
......@@ -19,6 +19,11 @@ Route::get('test', function(){
return view('index');
});
//test saja
Route::get('homestay', function(){
return view('homestay');
});
Route::group(['middleware' => 'auth'], function () {
......
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