Commit 0f9c5667 by Palti Sinaga

abc

parent ddb36bf1
......@@ -1402,7 +1402,7 @@ figure.effect-zoe:hover ul.social-icons a:first-child {
/*-- Cuisines --*/
.cuisines {
padding: 90px 0;
padding: 40px 0;
}
/*--w3layouts--*/
......@@ -2283,9 +2283,12 @@ li.li2 {
a.popup-with-zoom-anim {
padding: 10px 40px;
background-color: #FFF;
background-color: #77cdfe;
color: #000;
font-weight: 700;
margin-top:100px;
}
a.popup-with-zoom-anim:hover {
......
......@@ -22,15 +22,15 @@
<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">
<a class="popup-with-zoom-anim agileits w3layouts" href="#small-dialog">BOOK NOW</a>
<div class="col-md-3 col-sm-3 agileits w3layouts contact-grid contact-grid-2 wow slideInLeft" style="margin-top: 10px;">
<a class="popup-with-zoom-anim " href="#small-dialog">BOOK NOW</a>
</div>
</form>
<div class="submit wow agileits w3layouts slideInLeft">
<!-- <div class="submit wow agileits w3layouts slideInLeft">
</div>
<!-- Popup-Box -->
</div> -->
<!-- Popup-Box -->
<div id="popup">
<div id="small-dialog" class="mfp-hide agileits w3layouts">
<div class="pop_up agileits w3layouts">
......@@ -83,7 +83,7 @@
</div>
<!-- <button title="Close (Esc)" type="button" class="mfp-close agileits w3layouts">×</button> -->
<!-- //Popup-Box -->
</div>
</div>
</div>
</div>
<!-- Booking -->
......@@ -219,10 +219,115 @@
<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">
<a class="popup-with-zoom-anim " href="#small-dialog2">BOOK NOW</a>
</form>
</div>
</div>
</div>
<div id="popup">
<div id="small-dialog2" 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>
<!-- 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="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>
<script>
$('#myModal').modal('');
</script>
</div>
<!-- //Tooltip-Content -->
<!-- Kritik & Saran -->
@endsection
@extends('adminlte::layouts.master')
@section('main-content')
<div class="cuisines agileits w3layouts" style="padding-top: 50px; margin-top: 80px; ">
<div class="cuisines agileits w3layouts" style="padding-top: 50px; margin-top: 80px; ">
<div class="container">
<div class="register agileits w3layouts wow agileits w3layouts slideInLeft">
<form class="form-horizontal">
......@@ -29,29 +29,21 @@
<input type="password" class="form-control" id="inputPassword3" placeholder="Pekerjaan">
</div>
</div>
<!-- <div class="form-group">
<label for="inputPassword3" class="col-sm-2 control-label">Password</label>
<div class="form-group">
<label class="col-sm-2 control-label"> Foto </label>
<div class="col-sm-10">
<input type="password" class="form-control" id="inputPassword3" placeholder="Password">
<input class="btn btn-success" value="Browse">
</div>
</div> -->
<!-- <div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<div class="checkbox">
<label>
<input type="checkbox"> Remember me
</label>
</div>
<div class="form-group" align="right">
<div class="col-sm-12">
<input type="submit" class="btn btn-primary"></input>
</div>
</div> -->
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<button type="submit" class="btn btn-default">Save</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
@endsection
\ 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