laravelEcomm/resources/views/checkout.blade.php
2024-07-04 10:19:45 +05:45

184 lines
8.4 KiB
PHP

<x-header />
<!-- Breadcrumb Section Begin -->
<section class="breadcrumb-option">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="breadcrumb__text">
<h4>Check Out</h4>
<div class="breadcrumb__links">
<a href="./index.html">Home</a>
<a href="./shop.html">Shop</a>
<span>Check Out</span>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Breadcrumb Section End -->
<!-- Checkout Section Begin -->
<section class="checkout spad">
<div class="container">
<div class="checkout__form">
<form action="#">
<div class="row">
<div class="col-lg-8 col-md-6">
<h6 class="coupon__code"><span class="icon_tag_alt"></span> Have a coupon? <a
href="#">Click
here</a> to enter your code</h6>
<h6 class="checkout__title">Billing Details</h6>
<div class="row">
<div class="col-lg-6">
<div class="checkout__input">
<p>Fist Name<span>*</span></p>
<input type="text">
</div>
</div>
<div class="col-lg-6">
<div class="checkout__input">
<p>Last Name<span>*</span></p>
<input type="text">
</div>
</div>
</div>
<div class="checkout__input">
<p>Country<span>*</span></p>
<input type="text">
</div>
<div class="checkout__input">
<p>Address<span>*</span></p>
<input type="text" placeholder="Street Address" class="checkout__input__add">
<input type="text" placeholder="Apartment, suite, unite ect (optinal)">
</div>
<div class="checkout__input">
<p>Town/City<span>*</span></p>
<input type="text">
</div>
<div class="checkout__input">
<p>Country/State<span>*</span></p>
<input type="text">
</div>
<div class="checkout__input">
<p>Postcode / ZIP<span>*</span></p>
<input type="text">
</div>
<div class="row">
<div class="col-lg-6">
<div class="checkout__input">
<p>Phone<span>*</span></p>
<input type="text">
</div>
</div>
<div class="col-lg-6">
<div class="checkout__input">
<p>Email<span>*</span></p>
<input type="text">
</div>
</div>
</div>
<div class="checkout__input__checkbox">
<label for="acc">
Create an account?
<input type="checkbox" id="acc">
<span class="checkmark"></span>
</label>
<p>Create an account by entering the information below. If you are a returning customer
please login at the top of the page</p>
</div>
<div class="checkout__input">
<p>Account Password<span>*</span></p>
<input type="text">
</div>
<div class="checkout__input__checkbox">
<label for="diff-acc">
Note about your order, e.g, special noe for delivery
<input type="checkbox" id="diff-acc">
<span class="checkmark"></span>
</label>
</div>
<div class="checkout__input">
<p>Order notes<span>*</span></p>
<input type="text"
placeholder="Notes about your order, e.g. special notes for delivery.">
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="checkout__order">
<h4 class="order__title">Your order</h4>
<div class="checkout__order__products">Product <span>Total</span></div>
<ul class="checkout__total__products">
<li>01. Vanilla salted caramel <span>$ 300.0</span></li>
<li>02. German chocolate <span>$ 170.0</span></li>
<li>03. Sweet autumn <span>$ 170.0</span></li>
<li>04. Cluten free mini dozen <span>$ 110.0</span></li>
</ul>
<ul class="checkout__total__all">
<li>Subtotal <span>$750.99</span></li>
<li>Total <span>$750.99</span></li>
</ul>
<div class="checkout__input__checkbox">
<label for="acc-or">
Create an account?
<input type="checkbox" id="acc-or">
<span class="checkmark"></span>
</label>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adip elit, sed do eiusmod tempor incididunt
ut labore et dolore magna aliqua.</p>
<div class="checkout__input__checkbox">
<label for="payment">
Check Payment
<input type="checkbox" id="payment">
<span class="checkmark"></span>
</label>
</div>
<div class="checkout__input__checkbox">
<label for="paypal">
Paypal
<input type="checkbox" id="paypal">
<span class="checkmark"></span>
</label>
</div>
<button type="submit" class="site-btn">PLACE ORDER</button>
</div>
</div>
</div>
</form>
</div>
</div>
</section>
<!-- Checkout Section End -->
<!-- Footer Section Begin -->
<x-footer />
<!-- Footer Section End -->
<!-- Search Begin -->
<div class="search-model">
<div class="h-100 d-flex align-items-center justify-content-center">
<div class="search-close-switch">+</div>
<form class="search-model-form">
<input type="text" id="search-input" placeholder="Search here.....">
</form>
</div>
</div>
<!-- Search End -->
<!-- Js Plugins -->
<script src="js/jquery-3.3.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.nice-select.min.js"></script>
<script src="js/jquery.nicescroll.min.js"></script>
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/jquery.countdown.min.js"></script>
<script src="js/jquery.slicknav.js"></script>
<script src="js/mixitup.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>