howtobook.blade.php

@extends('adminlte::layouts.master')

@section('main-content')
<!-- Banner -->
<div class="banner agileits w3layouts">
	<img src="/img/danautoba.jpg" alt="Agileits W3layouts" style="max-height:500px;">
	<h1 class="wow agileits w3layouts fadeInDown">Langkah memesan Homestay Lumban Bulbul

 </h1>
</div>
<!-- //Banner -->

<!-- Booking -->
<div class="details agileits w3layouts" style="padding:10px; " >
	<div class="container" style="margin-top:10px; background-color:white; width:950px; margin-left:auto; margin-right:auto; margin-top:20px; padding-top: 30px;padding-bottom:10px; box-shadow:2px 2px 5px 0px #bfbebe">
		<img style="" src="/img/howto/how1.png" alt="Agileits W3layouts">
		<ol class="list-group agileits w3layouts" style="margin-left:20px;">
			<li class="list-group-item1 agileits w3layouts">Pertama, kamu harus login terlebih dahulu</li>
			<li class="list-group-item1 agileits w3layouts">Kemudian Klik Menu Daftar Homestay</li>
		</ol>
	</div>
	<div class="container" style="margin-top:10px; background-color:white; width:950px; margin-left:auto; margin-right:auto; margin-top:20px; padding-top: 30px;padding-bottom:10px;box-shadow:2px 2px 5px 0px #bfbebe">
		<img style="" src="/img/howto/how2.png" alt="Agileits W3layouts">
		<ol class="list-group agileits w3layouts" style="margin-left:20px;">
			<li class="list-group-item1 agileits w3layouts">Pilih homestay yang anda inginkan</li>
			<li class="list-group-item1 agileits w3layouts">Klik Lihat </li>
		</ol>
	</div>
	<div class="container" style="margin-top:10px; background-color:white; width:950px; margin-left:auto; margin-right:auto; margin-top:20px; padding-top: 30px;padding-bottom:10px;box-shadow:2px 2px 5px 0px #bfbebe">
		<img style="" src="/img/howto/how3.PNG" alt="Agileits W3layouts">
		<ol class="list-group agileits w3layouts" style="margin-left:20px;">
			<li class="list-group-item1 agileits w3layouts">Setelah kamu berada dihalam homestay tersebut</li>
			<li class="list-group-item1 agileits w3layouts">Isi data di pemesanan</li>
			<li class="list-group-item1 agileits w3layouts">Perhatikan juga daftar booking yang terjadi pada homestay tersebut</li>
			<li class="list-group-item1 agileits w3layouts">klik Book Now</li>
		</ol>
	</div>
	<div class="container" style="margin-top:10px; background-color:white; width:950px; margin-left:auto; margin-right:auto; margin-top:20px; padding-top: 30px;padding-bottom:10px;box-shadow:2px 2px 5px 0px #bfbebe">
		<img style="" src="/img/howto/how4.PNG" alt="Agileits W3layouts">
		<ol class="list-group agileits w3layouts" style="margin-left:20px;">
			<li class="list-group-item1 agileits w3layouts">Setelah itu, pergi kemenu history kamu</li>

		</ol>
	</div>
	<div class="container" style="margin-top:10px; background-color:white; width:950px; margin-left:auto; margin-right:auto; margin-top:20px; padding-top: 30px;padding-bottom:10px;box-shadow:2px 2px 5px 0px #bfbebe">
		<img style="" src="/img/howto/how5.PNG" alt="Agileits W3layouts">
		<ol class="list-group agileits w3layouts" style="margin-left:20px;">
			<li class="list-group-item1 agileits w3layouts">Upload Bukti transfer</li>

		</ol>
	</div>
	</div>
</div>

<br><br>

<!-- Booking -->

<!-- //Tooltip-Content -->

<!-- Date-Picker-JavaScript -->

	</div>
</div>
</div>

@endsection