Skip to content

P
pa2d4ti06
Commit 179f8af6 by Palti Sinaga
Options

tape

parent b43f5321
Showing with 186 additions and 6 deletions
public/css/style.css
...@@ -76,6 +76,15 @@ a:focus, a:hover { ...@@ -76,6 +76,15 @@ a:focus, a:hover {
.contact-grid-2 a.cari{
padding-top: 10px;
padding-bottom: 10px;
padding-left: 82px;
padding-right: 82px;
background-color: #3498db;
color: white;
}
/*-- Index-Page-Styling --*/ /*-- Index-Page-Styling --*/
...@@ -4807,7 +4816,7 @@ z-index:1; ...@@ -4807,7 +4816,7 @@ z-index:1;
float: left; float: left;
width:100%; width:100%;
background: #2A2E33; background: #2A2E33;
box-shadow: 2px 26px 37px -12px;
} }
.reservation ul li{ .reservation ul li{
float: left; float: left;
......
public/img/slide-11.jpg
public/img/slide-11.jpg

147 KB | W: | H:

public/img/slide-11.jpg

89.5 KB | W: | H:

public/img/slide-11.jpg
public/img/slide-11.jpg
public/img/slide-11.jpg
public/img/slide-11.jpg
  • 2-up
  • Swipe
  • Onion skin
resources/views/searchhomestay.blade.php 0 → 100644
@extends('adminlte::layouts.pages.searchhomestay')
resources/views/vendor/adminlte/layouts/pages/Home.blade.php
...@@ -5,8 +5,68 @@ ...@@ -5,8 +5,68 @@
<!--Welcome--> <!--Welcome-->
@if(Session::has('message'))
<div class="alert alert-danger">
{{ Session::get('message') }}
</div>
@endif
<div class="container">
@if (count($errors) > 0)
<div class="alert alert-danger">
<strong>Whoops!</strong> {{ trans('adminlte_lang::message.someproblems') }}<br><br>
<ul>
@foreach ($errors->all() as $error)
<li>{{ $error }}</li>
@endforeach
</ul>
</div>
@endif
</div>
<div class="col-md-12 col-sm-12 agileits w3layouts contact-grid contact-grid-2" style="background-color: #f3f3f3;
padding-top: 28px; padding-bottom: 28px;
">
<form action="{{url('book')}}" method="post">
<input type="hidden" name="_token" value="{{ csrf_token() }}">
<div class="col-md-2 col-sm-2 agileits w3layouts contact-grid contact-grid-2 "></div>
<div class="col-md-2 col-sm-2 agileits w3layouts contact-grid contact-grid-2 ">
<label>Tanggal Check-in:</label>
<input class="date agileits w3layouts" id="datepicker1" name="tanggal" type="text" value="Tanggal Check in" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = '';}">
</div>
<div class="col-md-2 col-sm-2 agileits w3layouts contact-grid contact-grid-2 ">
<label>Durasi</label>
<input type="text" class="text wow agileits w3layouts " name="jumlah_hari" placeholder="Lama Menginap" style="background-color: white; color: black">
</div>
<div class="col-md-2 col-sm-2 agileits w3layouts contact-grid contact-grid-2 ">
<label>Tanggal Check-out:</label>
<input class="date agileits w3layouts" id="datepicker1" name="tanggal" type="text" value="Tanggal Check Out" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = '';}">
</div>
<div class="col-md-1 col-sm-2 agileits w3layouts contact-grid contact-grid-2 ">
<label>Tamu :</label>
<input type="number" min="0" class="text wow agileits w3layouts " name="jumlah_Tamu" placeholder="" style="background-color: white; color: black">
</div>
<div class="col-md-1 col-sm-2 agileits w3layouts contact-grid contact-grid-2 ">
<label>Kamar : </label>
<input type="number" min="0" class="text wow agileits w3layouts " name="jumlah_kamar" placeholder="" style="background-color: white; color: black">
</div><br>
<div class="col-md-3 agileits w3layouts contact-grid contact-grid-2 ">
<div class="book" >
<a href="/searchhomestay" class="cari"> Cari </a>
</div>
</div>
</form>
</div>
<br>
</div>
<!--Greating--> <!--Greating-->
<div class="clearfix" style="margin-top: 15px;"></div> <div class="clearfix" style="margin-top: 120px;"></div>
<div class="cuisines agileits w3layouts" style=""> <div class="cuisines agileits w3layouts" style="">
<div class="container"> <div class="container">
<div class="col-md-6 col-sm-6 cuisines-grids agileits w3layouts cuisines-grids-1" style=" text-align: justify; <div class="col-md-6 col-sm-6 cuisines-grids agileits w3layouts cuisines-grids-1" style=" text-align: justify;
...@@ -114,7 +174,7 @@ ...@@ -114,7 +174,7 @@
<div class="banner agileits w3layouts"> <div class="banner agileits w3layouts">
<iframe <iframe
width="100%" width="100%"
height="500" height="400"
frameborder="0" style="border:0" frameborder="0" style="border:0"
src="https://www.google.com/maps/embed/v1/place?key=AIzaSyDgZqmVOxZDK2qWwAFdHz0ty4Rjz7jHrpA&q=Pantai+Lumban+Bulbul,+Kabupaten+Toba+Samosir,+Sumatera+Utara" allowfullscreen> src="https://www.google.com/maps/embed/v1/place?key=AIzaSyDgZqmVOxZDK2qWwAFdHz0ty4Rjz7jHrpA&q=Pantai+Lumban+Bulbul,+Kabupaten+Toba+Samosir,+Sumatera+Utara" allowfullscreen>
</iframe> </iframe>
......
resources/views/vendor/adminlte/layouts/pages/Homestay.blade.php
...@@ -13,7 +13,7 @@ ...@@ -13,7 +13,7 @@
<!-- Booking --> <!-- Booking -->
<div class="details agileits w3layouts" style="margin-top: 20px; padding:0px"> <div class="details agileits w3layouts" style="margin-top: 20px; padding:0px;">
<br> <br>
@if(Session::has('message')) @if(Session::has('message'))
<div class="alert alert-danger"> <div class="alert alert-danger">
......
resources/views/vendor/adminlte/layouts/pages/searchhomestay.blade.php 0 → 100644
@extends('adminlte::layouts.master')
@section('main-content')
@include('adminlte::layouts.partialweb.slider')<br>
<!--Welcome-->
<!--Welcome-->
@if(Session::has('message'))
<div class="alert alert-danger">
{{ Session::get('message') }}
</div>
@endif
<!-- List Homestay -->
<div id ="DaftarHomestay">
<div class="details agileits w3layouts">
<div class="container">
<h3>Daftar Homestay</h3>
<div class="details-grids agileits w3layouts">
@foreach($data as $a)
<div class="col-md-4 col-sm-4 details-grid details-grid-2 agileits w3layouts ">
<div class="details-grid2 agileits w3layouts">
<div class="details-grid-image agileits w3layouts" >
<img src="/img/{{$a->gambar}}" alt="Agileits W3layouts" >
</div>
<div class="details-grid-info agileits w3layouts">
<h4>{{$a->nama_homestay}}</h4>
</div>
<a href ="{{url('detailhomestay/'.$a->id)}}" ><button class="btn btn-primary agileits w3layouts " data-toggle="modal" > LIHAT <span class="glyphicon agileits w3layouts glyphicon-arrow-right" aria-hidden="true"></span></button> </a>
<div class="clearfix"></div>
</div>
</div>
@endforeach
<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="{{asset('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="{{asset('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="cloWse 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="{{asset('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>
<!-- //List Homestay -->
<!-- //Lokasi -->
@endsection
resources/views/vendor/adminlte/layouts/partialweb/slider.blade.php
...@@ -3,20 +3,28 @@ ...@@ -3,20 +3,28 @@
<div class="slider-1 agileits w3layouts"> <div class="slider-1 agileits w3layouts">
<ul class="rslides agileits w3layouts" id="slider1"> <ul class="rslides agileits w3layouts" id="slider1">
<li> <li>
<img src="{{asset('/img/pantaiBulubul2.jpg')}}" alt="Agileits W3layouts"> <img src="{{asset('/img/slide-10.jpg')}}" alt="Agileits W3layouts">
<div class="layer agileits w3layouts"></div> <div class="layer agileits w3layouts"></div>
<div class="caption agileits w3layouts"> <div class="caption agileits w3layouts">
<h3 >Welcome To <span>Lumban Bulbul Homestay</span></h3> <h3 >Welcome To <span>Lumban Bulbul Homestay</span></h3>
</div> </div>
</li> </li>
<li> <li>
<img src="{{asset('/img/slide-01.jpg')}}" alt="Agileits W3layouts"> <img src="{{asset('/img/slide-11.jpg')}}" alt="Agileits W3layouts">
<div class="layer agileits w3layouts"></div> <div class="layer agileits w3layouts"></div>
<div class="caption agileits w3layouts"> <div class="caption agileits w3layouts">
<h3> Stay <span> At Our Homestay</span></h3> <h3> Stay <span> At Our Homestay</span></h3>
</div> </div>
</li> </li>
<li>
<img src="{{asset('/img/slide-12.jpg')}}" alt="Agileits W3layouts">
<div class="layer agileits w3layouts"></div>
<div class="caption agileits w3layouts">
<h3> Nice <span> View and People</span></h3>
</div>
</li>
</ul> </ul>
</div> </div>
</div> </div>
<!-- //Slider --> <!-- //Slider -->
routes/web.php
...@@ -16,6 +16,11 @@ Route::get('/', function () { ...@@ -16,6 +16,11 @@ Route::get('/', function () {
return view('index')->with('data',$data); return view('index')->with('data',$data);
}); });
Route::get('/searchhomestay', function () {
$data = Homestay::all();
return view('searchhomestay')->with('data',$data);
});
Route::get('test', function(){ Route::get('test', function(){
return view('index'); return view('index');
}); });
......
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