Commit 6dc43c0c by Juliper
parents 1ba57949 7d8233cc
...@@ -2037,7 +2037,7 @@ section#tables p { ...@@ -2037,7 +2037,7 @@ section#tables p {
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
font-size: 0.9em; font-size: 0.9em;
color: #ffffff; color: #333333;
border-top: none!important; border-top: none!important;
} }
......
...@@ -23,7 +23,7 @@ ...@@ -23,7 +23,7 @@
<tr> <tr>
<td> No Telepon</td> <td> No Telepon</td>
<td>:</td> <td>:</td>
<td>{{$data->noTelepon}}</td> <td>{{$data->no_telepon}}</td>
</tr> </tr>
<tr> <tr>
<td> Pekerjaan </td> <td> Pekerjaan </td>
......
...@@ -3,113 +3,36 @@ ...@@ -3,113 +3,36 @@
@section('main-content') @section('main-content')
<!-- Banner --> <!-- Banner -->
<div class="banner agileits w3layouts"> <div class="banner agileits w3layouts">
<img src="/img/bulbul.jpg" alt="Agileits W3layouts" style="max-height:500px; width:"> <img src="/img/bulbul.jpg" alt="Agileits W3layouts" style="max-height:500px; width:">
<h1 class="wow agileits w3layouts fadeInDown"></h1> <h1 class="wow agileits w3layouts fadeInDown"></h1>
</div> </div>
<!-- //Banner --> <!-- //Banner -->
<!-- Booking --> <!-- Booking -->
<div class="details agileits w3layouts" style=" padding:0px"> <div class="details agileits w3layouts" style="padding:0px; " >
<div class="container" style="width:950px; margin-left:auto; margin-right:auto;"> <div class="container" style="margin-top:10px; background-color:white; width:950px; margin-left:auto; margin-right:auto; margin-top:100px; padding-top: 30px;padding-bottom:10px;">
<img src="/img/Layer1.png" alt="Agileits W3layouts"> <img style="" src="/img/howto/how1.png" alt="Agileits W3layouts">
<div class="banner agileits w3layouts"> <ol class="list-group agileits w3layouts" style="margin-left:20px;">
<img src="/img/how2.png" alt="Agileits W3layouts" style="max-height:500px; width:"> <li class="list-group-item1 agileits w3layouts">Cras justo odio</li>
<li class="list-group-item1 agileits w3layouts">Dapibus ac facilisis in</li>
<h1 class="wow agileits w3layouts fadeInDown"></h1> <li class="list-group-item1 agileits w3layouts">Morbi leo risus</li>
</div> <li class="list-group-item1 agileits w3layouts">Porta ac consectetur ac</li>
</div> <li class="list-group-item1 agileits w3layouts">Vestibulum at eros</li>
<br><br> </ol>
<div class="col-md-12 col-sm-12 agileits w3layouts contact-grid contact-grid-2 wow slideInLeft"> <img style="" src="/img/howto/how1.png" alt="Agileits W3layouts">
<form action="{{url('book')}}" method="post"> <ol class="list-group agileits w3layouts" style="margin-left:20px;">
<input type="hidden" name="_token" value="{{ csrf_token() }}"> <li class="list-group-item1 agileits w3layouts">Cras justo odio</li>
<input type="hidden" name="id" value=""> <li class="list-group-item1 agileits w3layouts">Dapibus ac facilisis in</li>
<div class="col-md-2 col-sm-2 agileits w3layouts contact-grid contact-grid-2 wow slideInLeft"></div> <li class="list-group-item1 agileits w3layouts">Morbi leo risus</li>
<div class="col-md-3 col-sm-3 agileits w3layouts contact-grid contact-grid-2 wow slideInLeft"> <li class="list-group-item1 agileits w3layouts">Porta ac consectetur ac</li>
<input class="date agileits w3layouts" id="datepicker1" name="tanggal" type="text" value=" Tanggal Check in" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = '';}"> <li class="list-group-item1 agileits w3layouts">Vestibulum at eros</li>
</div> </ol>
<div class="col-md-2 col-sm-2 agileits w3layouts contact-grid contact-grid-2 wow slideInLeft">
<input type="text" class="text wow agileits w3layouts slideInLeft" 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 wow slideInLeft">
<input type="text" class="text wow agileits w3layouts slideInLeft" name="jumlah_kamar" placeholder="Jumlah Kamar" style="background-color: white; color: black">
</div>
<div class="book">
<input type="submit" class="more_btn wow agileits w3layouts slideInLeft" value="Book Now">
</div>
</form>
</div>
</div>
</div>
<!-- Booking -->
<!-- Daftar Booking -->
<div class="details agilets w3layouts" style="margin-bottom:0px; margin-top:0px;">
<h2 > Daftar Booking di </h2>
<div class="container">
</div> </div>
</div> </div>
<br><br>
<!-- Informations --> <!-- Booking -->
<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;">
</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="{{asset('img/line1.png')}}">
<h2 style="margin-bottom: 10px;"> Info Pemilik </h2>
<ul style="list-style-type: none;">
</ul>
</div>
<div class="col-md-6 col-sm-6 cuisines-grids agileits w3layouts cuisines-grids-2 wow slideInRight">
<img src="" alt="Agileits W3layouts">
</div>
<!-- <div class="clearfix"></div> -->
<div class="col-md-12 col-sm-12 gallery-grids agileits w3layouts gallery-grids1 wow slideInLeft animated">
<!--Homestay pict -->
<div class="col-md-3 col-sm-3 details-grid agileits w3layouts details-grid-1 wow slideInUp animated ">
<div id="gambar">
<img src="" alt="Agileits W3layouts" data-toggle="modal" data-target="#myModal" style="cursor: pointer;">
</div>
<div class="clearfix"></div>
</div>
<div class="clearfix"></div>
<!--Homestay pict -->
</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;">Feedback</h2>
<form action=" method="post" style="margin-bottom: 25px;">
<input type="hidden" name="_token" value="{{ csrf_token() }}">
<input type="text" class="text wow agileits w3layouts slideInLeft" name="Name" placeholder="Name" required="">
<textarea name="feedback" class="wow agileits w3layouts slideInLeft" placeholder="Message" required=""></textarea>
<input type="submit" class="more_btn wow agileits w3layouts slideInLeft" value="Kirim Feedback">
</form>
</div>
</div>
</div>
</div>
</div>
<!-- //Tooltip-Content --> <!-- //Tooltip-Content -->
...@@ -117,38 +40,38 @@ ...@@ -117,38 +40,38 @@
<script src="{{asset('js/jquery-ui.js')}}"></script> <script src="{{asset('js/jquery-ui.js')}}"></script>
<script> <script>
document.getElementById('book').onclick = function(){ document.getElementById('book').onclick = function(){
swal("Good job!", "You clicked the button!", "success");}; swal("Good job!", "You clicked the button!", "success");};
</script> </script>
<script> <script>
document.querySelector(' ').onclick = function(){ document.querySelector(' ').onclick = function(){
swal("Good job!", "You clicked the button!", "success");}; swal("Good job!", "You clicked the button!", "success");};
</script> </script>
<script> <script>
document.querySelector('').onclick = function(){ document.querySelector('').onclick = function(){
swal({ swal({
title:"Are you sure?", title:"Are you sure?",
text: "You will not be able to recover this imaginary file!", text: "You will not be able to recover this imaginary file!",
type: "warning", type: "warning",
showCancelButton: true, showCancelButton: true,
confirmButtonColor: '#DD6B55', confirmButtonColor: '#DD6B55',
confirmButtonText: 'Yes, delete it!', confirmButtonText: 'Yes, delete it!',
cancelButtonText: "No, cancel plx!", cancelButtonText: "No, cancel plx!",
closeOnConfirm: false, closeOnConfirm: false,
closeOnCancel: false closeOnCancel: false
}, },
function(isConfirm){ function(isConfirm){
if (isConfirm){ if (isConfirm){
swal("Deleted!", "Your imaginary file has been deleted!", "success"); swal("Deleted!", "Your imaginary file has been deleted!", "success");
} else { } else {
swal("Cancelled", "Your imaginary file is safe :)", "error"); swal("Cancelled", "Your imaginary file is safe :)", "error");
} }
}); });
}; };
</script> </script>
......
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