first commit
This commit is contained in:
CHIEFSOFT\ameye
@@ -0,0 +1,284 @@
|
||||
@extends('layouts.master')
|
||||
@section('title')
|
||||
About Us
|
||||
@endsection
|
||||
@section('css')
|
||||
<!-- extra css -->
|
||||
@endsection
|
||||
@section('content')
|
||||
<section class="ecommerce-about">
|
||||
<div class="effect d-none d-md-block">
|
||||
<div class="ecommerce-effect bg-primary"></div>
|
||||
<div class="ecommerce-effect bg-info"></div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-lg-6">
|
||||
<h1 class="fw-bold mb-3">👋 About Us</h1>
|
||||
<p class="fs-16 text-muted mb-5 mb-lg-3">We’re impartial and independent, and every day we create
|
||||
distinctive, world-class programmes and content which inform, educate and entertain millions of
|
||||
people in the around the world. The thought process that led to the items being created and sold.
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div>
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-6">
|
||||
<div class="position-relative">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/img-4.jpg') }}" alt=""
|
||||
class="img-fluid rounded">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="vstack gap-4">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/img-1.jpg') }}" alt=""
|
||||
class="img-fluid rounded">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/img-3.jpg') }}" alt=""
|
||||
class="img-fluid rounded">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="ecommerce-about-cta">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-4">
|
||||
<div class="card card-animate border-0">
|
||||
<div class="card-body">
|
||||
<lord-icon src="https://cdn.lordicon.com/fcoczpqi.json" trigger="hover" target="div"
|
||||
style="width:70px;height:70px">
|
||||
</lord-icon>
|
||||
<h5 class="fs-16 mt-3">25,000+ Happy Customer</h5>
|
||||
<p class="text-muted">Customer happiness goes beyond customer satisfaction by creating an
|
||||
emotional connection with a brand's.</p>
|
||||
<div>
|
||||
<a href="#!" class="link-effect link-primary">Read More <i
|
||||
class="bi bi-arrow-right ms-2"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<div class="card card-animate border-0">
|
||||
<div class="card-body">
|
||||
<lord-icon src="https://cdn.lordicon.com/hbwqfgcf.json" trigger="hover" target="div"
|
||||
style="width:70px;height:70px">
|
||||
</lord-icon>
|
||||
<h5 class="fs-16 mt-3">6+ Years of Experiences</h5>
|
||||
<p class="text-muted">The years of experience you list on your resume represent the work
|
||||
experience you have if you have little experience.</p>
|
||||
<div>
|
||||
<a href="#!" class="link-effect link-primary">Read More <i
|
||||
class="bi bi-arrow-right ms-2"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<div class="card card-animate border-0">
|
||||
<div class="card-body">
|
||||
<lord-icon src="https://cdn.lordicon.com/xhbsnkyp.json" trigger="hover" target="div"
|
||||
style="width:70px;height:70px">
|
||||
</lord-icon>
|
||||
<h5 class="fs-16 mt-3">14 Awards Won</h5>
|
||||
<p class="text-muted">The Global Content Awards celebrate excellence in content marketing and
|
||||
rewards agencies and in-house teams.</p>
|
||||
<div>
|
||||
<a href="#!" class="link-effect link-primary">Read More <i
|
||||
class="bi bi-arrow-right ms-2"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<section class="ecommerce-about-team bg-light bg-opacity-50">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-6">
|
||||
<div class="text-center mb-5">
|
||||
<h2 class="mb-3">Expart Management Team</h2>
|
||||
<P class="text-muted fs-15">An Expert Leader is first and foremost someone who has deep expertise in
|
||||
the area that they are leading.</P>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row gy-4">
|
||||
<div class="col-xl-3 col-md-6">
|
||||
<div class="team-box text-center">
|
||||
<div class="team-img">
|
||||
<img src="{{ URL::asset('build/images/users/avatar-7.jpg') }}" alt=""
|
||||
class="img-fluid rounded rounded-circle border border-dashed border-dark border-opacity-25">
|
||||
</div>
|
||||
<div class="mt-4 pt-1">
|
||||
<a href="#!">
|
||||
<h5>Rachael Larson</h5>
|
||||
</a>
|
||||
<p class="text-muted mb-0">Founder</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-3 col-md-6">
|
||||
<div class="team-box text-center">
|
||||
<div class="team-img">
|
||||
<img src="{{ URL::asset('build/images/users/avatar-1.jpg') }}" alt=""
|
||||
class="img-fluid rounded rounded-circle border border-dashed border-dark border-opacity-25">
|
||||
</div>
|
||||
<div class="mt-4 pt-1">
|
||||
<a href="#!">
|
||||
<h5>Jennifer Thompson</h5>
|
||||
</a>
|
||||
<p class="text-muted mb-0">Sr. Manager</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-3 col-md-6">
|
||||
<div class="team-box text-center">
|
||||
<div class="team-img">
|
||||
<img src="{{ URL::asset('build/images/users/avatar-2.jpg') }}" alt=""
|
||||
class="img-fluid rounded rounded-circle border border-dashed border-dark border-opacity-25">
|
||||
</div>
|
||||
<div class="mt-4 pt-1">
|
||||
<a href="#!">
|
||||
<h5>Amanda Rivera</h5>
|
||||
</a>
|
||||
<p class="text-muted mb-0">Marketing Executive</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-3 col-md-6">
|
||||
<div class="team-box text-center">
|
||||
<div class="team-img">
|
||||
<img src="{{ URL::asset('build/images/users/avatar-8.jpg') }}" alt=""
|
||||
class="img-fluid rounded rounded-circle border border-dashed border-dark border-opacity-25">
|
||||
</div>
|
||||
<div class="mt-4 pt-1">
|
||||
<a href="#!">
|
||||
<h5>Donald Schmidt</h5>
|
||||
</a>
|
||||
<p class="text-muted mb-0">Account Executive</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-lg-6">
|
||||
<div>
|
||||
<img src="{{ URL::asset('build/images/ecommerce/img-5.jpg') }}" alt="" class="img-fluid rounded">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="mt-4 mt-lg-0">
|
||||
<p class="text-uppercase fw-medium text-muted">Best Products Sales</p>
|
||||
<h2 class="lh-base fw-semibold mb-3">Desgining Spaces to enahance your business growth</h2>
|
||||
<P class="text-muted fs-16">A physical office space will promote collaboration and understanding.
|
||||
Having a physical location for your business allows you to put together the company that you
|
||||
want in an environment where employees can communicate with each other without having to go
|
||||
through any extra steps.</P>
|
||||
<a href="#!" class="fw-medium link-effect">Shop Now <i
|
||||
class="bi bi-arrow-right ms-2"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section"
|
||||
style="background-image: url('build/images/profile-bg.jpg'); background-size: cover;background-position: center;">
|
||||
<div class="bg-overlay bg-primary" style="opacity: 0.85;"></div>
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-6">
|
||||
<div class="text-center">
|
||||
<h1 class="text-white lh-base text-capitalize">Don't miss out on special offers</h1>
|
||||
<p class="text-white-75 fs-15 mb-4 pb-2">Never Miss Anything From Toner By Signing Up To Our
|
||||
Newsletter.</p>
|
||||
<form action="#!">
|
||||
<div class="position-relative ecommerce-subscript">
|
||||
<input type="email" class="form-control rounded-pill border-0"
|
||||
placeholder="Enter your email">
|
||||
<button type="submit" class="btn btn-darken-primary rounded-pill">Subscript Now</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="position-relative py-5 border-bottom">
|
||||
<div class="container">
|
||||
<div class="row gy-4 gy-lg-0">
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/fast-delivery.png') }}" alt="" class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-15">Fast & Secure Delivery</h5>
|
||||
<p class="text-muted mb-0">Tell about your service.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/returns.png') }}" alt="" class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-15">2 Days Return Policy</h5>
|
||||
<p class="text-muted mb-0">No question ask.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/guarantee-certificate.png') }}" alt=""
|
||||
class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-15">Money Back Guarantee</h5>
|
||||
<p class="text-muted mb-0">Within 5 business days</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/24-hours-support.png') }}" alt="" class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-15">24 X 7 Service</h5>
|
||||
<p class="text-muted mb-0">Online service for customer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
</section>
|
||||
@endsection
|
||||
@section('scripts')
|
||||
<!-- landing-index js -->
|
||||
<script src="{{ URL::asset('build/js/frontend/menu.init.js') }}"></script>
|
||||
<script>
|
||||
initModeSetting()
|
||||
</script>
|
||||
@endsection
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,361 @@
|
||||
@extends('layouts.master')
|
||||
@section('title')
|
||||
Address
|
||||
@endsection
|
||||
@section('css')
|
||||
<!-- extra css -->
|
||||
@endsection
|
||||
@section('content')
|
||||
<section class="page-wrapper bg-primary">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="text-center d-flex align-items-center justify-content-between">
|
||||
<h4 class="text-white mb-0">Shipping Address</h4>
|
||||
<nav aria-label="breadcrumb">
|
||||
<ol class="breadcrumb breadcrumb-light justify-content-center mb-0 fs-15">
|
||||
<li class="breadcrumb-item"><a href="#!">Shop</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page">Address</li>
|
||||
</ol>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end container-->
|
||||
</section>
|
||||
<!-- end page title -->
|
||||
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xl-8">
|
||||
<div>
|
||||
<h4 class="fs-18 mb-4">Select or add an address</h4>
|
||||
<div class="row g-4" id="address-list">
|
||||
<div class="col-lg-6">
|
||||
<div>
|
||||
<div class="form-check card-radio">
|
||||
<input id="shippingAddress01" name="shippingAddress" type="radio"
|
||||
class="form-check-input" checked>
|
||||
<label class="form-check-label" for="shippingAddress01">
|
||||
<span class="mb-3 fw-semibold fs-14 d-block text-muted text-uppercase">Home
|
||||
Address</span>
|
||||
|
||||
<span class="fs-16 mb-2 fw-semibold d-block">Witney Blessington</span>
|
||||
<span class="text-muted fw-normal text-wrap mb-1 d-block">144 Cavendish Avenue,
|
||||
Indianapolis, IN 46251</span>
|
||||
<span class="text-muted fw-normal d-block">Mo. 012-345-6789</span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="d-flex flex-wrap p-2 py-1 bg-light rounded-bottom border mt-n1 fs-13">
|
||||
<div>
|
||||
<a href="#" class="d-block text-body p-1 px-2" data-bs-toggle="modal"
|
||||
data-bs-target="#addAddressModal"><i
|
||||
class="ri-pencil-fill text-muted align-bottom me-1"></i> Edit</a>
|
||||
</div>
|
||||
<div>
|
||||
<a href="#" class="d-block text-body p-1 px-2" data-bs-toggle="modal"
|
||||
data-bs-target="#removeItemModal"><i
|
||||
class="ri-delete-bin-fill text-muted align-bottom me-1"></i> Remove</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div>
|
||||
<div class="form-check card-radio">
|
||||
<input id="shippingAddress02" name="shippingAddress" type="radio"
|
||||
class="form-check-input">
|
||||
<label class="form-check-label" for="shippingAddress02">
|
||||
<span class="mb-3 fw-semibold fs-12 d-block text-muted text-uppercase">Office
|
||||
Address</span>
|
||||
|
||||
<span class="fs-14 mb-2 fw-semibold d-block">Edwin Adenike</span>
|
||||
<span class="text-muted fw-normal text-wrap mb-1 d-block">2971 Westheimer Road,
|
||||
Santa Ana, IL 80214</span>
|
||||
<span class="text-muted fw-normal d-block">Mo. 123-456-7890</span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="d-flex flex-wrap p-2 py-1 bg-light rounded-bottom border mt-n1 fs-13">
|
||||
<div>
|
||||
<a href="#" class="d-block text-body p-1 px-2" data-bs-toggle="modal"
|
||||
data-bs-target="#addAddressModal"><i
|
||||
class="ri-pencil-fill text-muted align-bottom me-1"></i> Edit</a>
|
||||
</div>
|
||||
<div>
|
||||
<a href="#" class="d-block text-body p-1 px-2" data-bs-toggle="modal"
|
||||
data-bs-target="#removeAddressModal"><i
|
||||
class="ri-delete-bin-fill text-muted align-bottom me-1"></i> Remove</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end row -->
|
||||
<div class="row mt-4">
|
||||
<div class="col-lg-6">
|
||||
<div class="text-center p-4 rounded-3 border border-2 border-dashed">
|
||||
<div class="avatar-md mx-auto mb-4">
|
||||
<div class="avatar-title bg-success-subtle text-success rounded-circle display-6">
|
||||
<i class="bi bi-house-add"></i>
|
||||
</div>
|
||||
</div>
|
||||
<h5 class="fs-16 mb-3">Add New Address</h5>
|
||||
<button type="button"
|
||||
class="btn btn-success btn-sm w-xs stretched-link addAddress-modal"
|
||||
data-bs-toggle="modal" data-bs-target="#addAddressModal">Add</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="hstack gap-2 justify-content-start mt-3">
|
||||
<button type="button" class="btn btn-hover btn-danger">Continue Shopping</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-4">
|
||||
<div class="sticky-side-div mt-4 mt-xl-0">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="text-center">
|
||||
<h6 class="mb-3 fs-15">Have a <span class="fw-semibold">promo</span> code ?</h6>
|
||||
</div>
|
||||
<div class="hstack gap-3 px-3 mx-n3">
|
||||
<input class="form-control me-auto" type="text" placeholder="Enter coupon code"
|
||||
value="Toner15" aria-label="Add Promo Code here...">
|
||||
<button type="button" class="btn btn-primary w-xs">Apply</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card overflow-hidden">
|
||||
<div class="card-header border-bottom-dashed">
|
||||
<h5 class="card-title mb-0 fs-15">Order Summary</h5>
|
||||
</div>
|
||||
<div class="card-body pt-4">
|
||||
<div class="table-responsive table-card">
|
||||
<table class="table table-borderless mb-0 fs-15">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>Sub total :</td>
|
||||
<td class="text-end cart-subtotal">$0.00</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Discount <span class="text-muted">(Toner15)</span>:</td>
|
||||
<td class="text-end cart-discount">-$0.00</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Shipping charge :</td>
|
||||
<td class="text-end cart-shipping">$0.00</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Estimated Tax (12.5%) : </td>
|
||||
<td class="text-end cart-tax">$0.00</td>
|
||||
</tr>
|
||||
<tr class="table-active">
|
||||
<th>Total (USD) :</th>
|
||||
<td class="text-end">
|
||||
<span class="fw-semibold cart-total">$0.00</span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<!-- end table-responsive -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- end stickey -->
|
||||
</div>
|
||||
<!-- end col -->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end conatiner-->
|
||||
</section>
|
||||
|
||||
<!-- Modal -->
|
||||
<div class="modal fade" id="addAddressModal" tabindex="-1" aria-labelledby="addAddressModalLabel"
|
||||
aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered modal-lg">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h1 class="modal-title fs-5" id="addAddressModalLabel">Add New Address</h1>
|
||||
<button type="button" id="addAddress-close" class="btn-close" data-bs-dismiss="modal"
|
||||
aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<form autocomplete="off" class="needs-validation createAddress-form" id="createAddress-form"
|
||||
novalidate>
|
||||
<input type="hidden" id="addressid-input" class="form-control" value="">
|
||||
<div>
|
||||
<div class="mb-3">
|
||||
<label for="addaddress-Name" class="form-label">Name</label>
|
||||
<input type="text" class="form-control" id="addaddress-Name" placeholder="Enter name"
|
||||
required>
|
||||
<div class="invalid-feedback">Please enter a name.</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label for="addaddress-textarea" class="form-label">Address</label>
|
||||
<textarea class="form-control" id="addaddress-textarea" placeholder="Enter address" rows="2" required></textarea>
|
||||
<div class="invalid-feedback">Please enter address.</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label for="addaddress-phone" class="form-label">Phone</label>
|
||||
<input type="text" class="form-control" id="addaddress-phone"
|
||||
placeholder="Enter phone no." required>
|
||||
<div class="invalid-feedback">Please enter a phone no.</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label for="state" class="form-label">Address Type</label>
|
||||
<select class="form-select" id="state" required>
|
||||
<option value="Home">Home (7am to 10pm)</option>
|
||||
<option value="Office">Office (11am to 7pm)</option>
|
||||
</select>
|
||||
<div class="invalid-feedback">Please select address type.</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="d-flex justify-content-end gap-2 mt-4">
|
||||
<button type="button" class="btn btn-light" data-bs-dismiss="modal">Close</button>
|
||||
<button type="submit" id="addNewAddress" class="btn btn-primary">Add</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- remove address Modal -->
|
||||
<div id="removeAddressModal" class="modal fade zoomIn" tabindex="-1" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="btn-close" id="close-removeAddressModal" data-bs-dismiss="modal"
|
||||
aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="mt-2 text-center">
|
||||
<lord-icon src="https://cdn.lordicon.com/gsqxdxog.json" trigger="loop"
|
||||
colors="primary:#f7b84b,secondary:#f06548" style="width:100px;height:100px"></lord-icon>
|
||||
<div class="mt-4 pt-2 fs-15 mx-4 mx-sm-5">
|
||||
<h4>Are you sure ?</h4>
|
||||
<p class="text-muted mx-4 mb-0">Are you sure You want to remove this address ?</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex gap-2 justify-content-center mt-4 mb-2">
|
||||
<button type="button" class="btn w-sm btn-light" data-bs-dismiss="modal">Close</button>
|
||||
<button type="button" id="remove-address" class="btn w-sm btn-danger">Yes, Delete It!</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div><!-- /.modal-content -->
|
||||
</div><!-- /.modal-dialog -->
|
||||
</div><!-- /.modal -->
|
||||
|
||||
<section class="section bg-light bg-opacity-25"
|
||||
style="background-image: url('build/images/ecommerce/bg-effect.png');background-position: center; background-size: cover;">
|
||||
<div class="container">
|
||||
<div class="row align-items-center justify-content-between">
|
||||
<div class="col-lg-6">
|
||||
<div>
|
||||
<p class="fs-15 text-uppercase fw-medium"><span class="fw-semibold text-danger">25% Up to</span>
|
||||
off all Products</p>
|
||||
<h1 class="lh-base text-capitalize mb-3">Stay home & get your daily needs from our shop</h1>
|
||||
<p class="fs-15 mb-4 pb-2">Start You'r Daily Shopping with <a href="#!"
|
||||
class="link-info fw-medium">Toner</a></p>
|
||||
<form action="#!">
|
||||
<div class="position-relative ecommerce-subscript">
|
||||
<input type="email" class="form-control rounded-pill" placeholder="Enter your email">
|
||||
<button type="submit" class="btn btn-info btn-hover rounded-pill">Subscript Now</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-4">
|
||||
<div class="mt-4 mt-lg-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/subscribe.png') }}" alt="" class="img-fluid">
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end container-->
|
||||
</section>
|
||||
|
||||
<section class="position-relative py-5">
|
||||
<div class="container">
|
||||
<div class="row gy-4">
|
||||
<div class="col-xxl-3 col-md-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/fast-delivery.png') }}" alt="" class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-15">Fast & Secure Delivery</h5>
|
||||
<p class="text-muted mb-0">Tell about your service.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-xxl-3 col-md-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/returns.png') }}" alt="" class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-15">2 Days Return Policy</h5>
|
||||
<p class="text-muted mb-0">No question ask.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-xxl-3 col-md-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/guarantee-certificate.png') }}" alt=""
|
||||
class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-15">Money Back Guarantee</h5>
|
||||
<p class="text-muted mb-0">Within 5 business days</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-xxl-3 col-md-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/24-hours-support.png') }}" alt="" class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-15">24 X 7 Service</h5>
|
||||
<p class="text-muted mb-0">Online service for customer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end container-->
|
||||
</section>
|
||||
@endsection
|
||||
@section('scripts')
|
||||
<script src="{{ URL::asset('build/js/frontend/address.init.js') }}"></script>
|
||||
|
||||
<!-- landing-index js -->
|
||||
<script src="{{ URL::asset('build/js/frontend/menu.init.js') }}"></script>
|
||||
@endsection
|
||||
@@ -0,0 +1,58 @@
|
||||
@extends('layouts.master-auth')
|
||||
@section('title')
|
||||
404
|
||||
@endsection
|
||||
@section('css')
|
||||
<!-- extra css -->
|
||||
@endsection
|
||||
@section('content')
|
||||
<div class="w-100">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-6">
|
||||
<div class="auth-card mx-lg-3">
|
||||
<div class="card border-0 mb-0">
|
||||
<div class="card-body text-center p-4">
|
||||
|
||||
<div class="text-center px-sm-5 mx-5">
|
||||
<img src="{{ URL::asset('build/images/error400.png') }}" class="img-fluid" alt="">
|
||||
</div>
|
||||
<div class="mt-4 text-center pt-3">
|
||||
<div class="position-relative">
|
||||
<h4 class="fs-18 error-subtitle text-uppercase mb-0">Oops, page not found</h4>
|
||||
<p class="fs-15 text-muted mt-3">It will be as simple as Occidental in fact,
|
||||
it will Occidental to an English person</p>
|
||||
<div class="mt-4">
|
||||
<a href="index" class="btn btn-primary"><i
|
||||
class="mdi mdi-home me-1"></i>Back to home</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end container-->
|
||||
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="text-center">
|
||||
<p class="mb-0 text-muted">©
|
||||
<script>
|
||||
document.write(new Date().getFullYear())
|
||||
</script> Toner. Crafted with <i class="mdi mdi-heart text-danger"></i> by
|
||||
Themesbrand
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
@endsection
|
||||
@@ -0,0 +1,58 @@
|
||||
@extends('layouts.master-auth')
|
||||
@section('title')
|
||||
500
|
||||
@endsection
|
||||
@section('css')
|
||||
<!-- extra css -->
|
||||
@endsection
|
||||
@section('content')
|
||||
<div class="w-100">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-6">
|
||||
<div class="auth-card mx-lg-3">
|
||||
<div class="card border-0 mb-0">
|
||||
<div class="card-body text-center p-4">
|
||||
|
||||
<div class="text-center px-sm-5 mx-5">
|
||||
<img src="{{ URL::asset('build/images/error500.png') }}" class="img-fluid" alt="">
|
||||
</div>
|
||||
<div class="mt-4 text-center pt-3">
|
||||
<div class="position-relative">
|
||||
<h4 class="fs-18 error-subtitle text-uppercase mb-0">Internal Server Error</h4>
|
||||
<p class="fs-15 text-muted mt-3">It will be as simple as Occidental in fact, it will
|
||||
Occidental to an English person</p>
|
||||
<div class="mt-4">
|
||||
<a href="index" class="btn btn-primary"><i
|
||||
class="mdi mdi-home me-1"></i>Back to home</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end container-->
|
||||
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="text-center">
|
||||
<p class="mb-0 text-muted">©
|
||||
<script>
|
||||
document.write(new Date().getFullYear())
|
||||
</script> Toner. Crafted with <i class="mdi mdi-heart text-danger"></i> by
|
||||
Themesbrand
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
@endsection
|
||||
@@ -0,0 +1,65 @@
|
||||
@extends('layouts.master-auth')
|
||||
@section('title')
|
||||
Log Out
|
||||
@endsection
|
||||
@section('css')
|
||||
<!-- extra css -->
|
||||
@endsection
|
||||
@section('content')
|
||||
<div class="w-100">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-6">
|
||||
<div class="auth-card mx-lg-3">
|
||||
<div class="card border-0 mb-0">
|
||||
<div class="card-header bg-primary border-0">
|
||||
<div class="row">
|
||||
<div class="col-lg-4 col-3">
|
||||
<img src="{{ URL::asset('build/images/auth/img-1.png') }}" alt="" class="img-fluid">
|
||||
</div>
|
||||
<div class="col-lg-8 col-9">
|
||||
<h1 class="text-white lh-base fw-lighter">You are Logged Out</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body text-center">
|
||||
|
||||
<div class="mb-4">
|
||||
<img src="{{ URL::asset('build/images/users/avatar-1.jpg') }}" alt=""
|
||||
class="avatar-md rounded-circle">
|
||||
</div>
|
||||
|
||||
<p class="text-muted fs-15">Thank you for using <span class="fw-semibold">Toner</span> admin
|
||||
template</p>
|
||||
|
||||
<div>
|
||||
<a href="auth-signin-basic" class="btn btn-primary w-100">Sign In</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end container-->
|
||||
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="text-center">
|
||||
<p class="mb-0 text-muted">©
|
||||
<script>
|
||||
document.write(new Date().getFullYear())
|
||||
</script> Toner. Crafted with <i class="mdi mdi-heart text-danger"></i> by
|
||||
Themesbrand
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
@endsection
|
||||
@@ -0,0 +1,118 @@
|
||||
@extends('layouts.master-auth')
|
||||
@section('title')
|
||||
Change Passowrd
|
||||
@endsection
|
||||
@section('css')
|
||||
<!-- extra css -->
|
||||
@endsection
|
||||
@section('content')
|
||||
<div class="w-100">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-6">
|
||||
<div class="auth-card mx-lg-3">
|
||||
<div class="card border-0 mb-0">
|
||||
<div class="card-header bg-primary border-0">
|
||||
<div class="row">
|
||||
<div class="col-lg-4 col-3">
|
||||
<img src="{{ URL::asset('build/images/auth/img-1.png') }}" alt="" class="img-fluid">
|
||||
</div>
|
||||
<div class="col-lg-8 col-9">
|
||||
<h1 class="text-white lh-base fw-lighter">Create New Password</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<p class="text-muted fs-15">Your new password must be different from previous used password.
|
||||
</p>
|
||||
|
||||
<div class="p-2">
|
||||
<form action="auth-signin-basic">
|
||||
<div class="mb-3">
|
||||
<label class="form-label" for="password-input">Password</label>
|
||||
<div class="position-relative auth-pass-inputgroup">
|
||||
<input type="password" class="form-control pe-5 password-input"
|
||||
onpaste="return false" placeholder="Enter password" id="password-input"
|
||||
aria-describedby="passwordInput"
|
||||
pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,}" required>
|
||||
<button
|
||||
class="btn btn-link position-absolute end-0 top-0 text-decoration-none text-muted password-addon"
|
||||
type="button" id="password-addon"><i
|
||||
class="ri-eye-fill align-middle"></i></button>
|
||||
</div>
|
||||
<div id="passwordInput" class="form-text">Your password must be 8-20 characters
|
||||
long.</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label class="form-label" for="confirm-password-input">Confirm Password</label>
|
||||
<div class="position-relative auth-pass-inputgroup mb-3">
|
||||
<input type="password" class="form-control pe-5 password-input"
|
||||
onpaste="return false" placeholder="Confirm password"
|
||||
pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,}"
|
||||
id="confirm-password-input" required>
|
||||
<button
|
||||
class="btn btn-link position-absolute end-0 top-0 text-decoration-none text-muted password-addon"
|
||||
type="button" id="confirm-password-input"><i
|
||||
class="ri-eye-fill align-middle"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="password-contain" class="p-3 bg-light mb-2 rounded">
|
||||
<h5 class="fs-13">Password must contain:</h5>
|
||||
<p id="pass-length" class="invalid fs-12 mb-2">Minimum <b>8 characters</b></p>
|
||||
<p id="pass-lower" class="invalid fs-12 mb-2">At <b>lowercase</b> letter (a-z)
|
||||
</p>
|
||||
<p id="pass-upper" class="invalid fs-12 mb-2">At least <b>uppercase</b> letter
|
||||
(A-Z)</p>
|
||||
<p id="pass-number" class="invalid fs-12 mb-0">A least <b>number</b> (0-9)</p>
|
||||
</div>
|
||||
|
||||
<div class="form-check form-check-primary">
|
||||
<input class="form-check-input" type="checkbox" value=""
|
||||
id="auth-remember-check">
|
||||
<label class="form-check-label" for="auth-remember-check">Remember me</label>
|
||||
</div>
|
||||
|
||||
<div class="mt-4">
|
||||
<button class="btn btn-primary w-100" type="submit">Reset Password</button>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
</div>
|
||||
<div class="mt-4 text-center">
|
||||
<p class="mb-0">Wait, I remember my password... <a href="auth-signin-basic"
|
||||
class="fw-semibold text-primary text-decoration-underline"> Click here </a> </p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end container-->
|
||||
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="text-center">
|
||||
<p class="mb-0 text-muted">©
|
||||
<script>
|
||||
document.write(new Date().getFullYear())
|
||||
</script> Toner. Crafted with <i class="mdi mdi-heart text-danger"></i> by
|
||||
Themesbrand
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
@endsection
|
||||
@section('scripts')
|
||||
<!-- password-addon init -->
|
||||
<script src="{{ URL::asset('build/js/pages/passowrd-create.init.js') }}"></script>
|
||||
@endsection
|
||||
@@ -0,0 +1,78 @@
|
||||
@extends('layouts.master-auth')
|
||||
@section('title')
|
||||
Reset Password
|
||||
@endsection
|
||||
@section('css')
|
||||
<!-- extra css -->
|
||||
@endsection
|
||||
@section('content')
|
||||
<div class="w-100">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-6">
|
||||
<div class="auth-card mx-lg-3">
|
||||
<div class="card border-0 mb-0">
|
||||
<div class="card-header bg-primary border-0">
|
||||
<div class="row">
|
||||
<div class="col-lg-4 col-3">
|
||||
<img src="{{ URL::asset('build/images/auth/img-1.png') }}" alt="" class="img-fluid">
|
||||
</div>
|
||||
<div class="col-lg-8 col-9">
|
||||
<h1 class="text-white lh-base fw-lighter">Forgot Password?</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<p class="text-muted fs-15">Reset password with Toner.</p>
|
||||
|
||||
<div class="alert alert-borderless alert-warning text-center mb-2 mx-2" role="alert">
|
||||
Enter your email and instructions will be sent to you!
|
||||
</div>
|
||||
<div class="p-2">
|
||||
<form>
|
||||
<div class="mb-4">
|
||||
<label for="email" class="form-label">Email</label>
|
||||
<input type="email" class="form-control" id="email"
|
||||
placeholder="Enter your email or username" required />
|
||||
</div>
|
||||
|
||||
<div class="text-center mt-4">
|
||||
<button class="btn btn-primary w-100" type="submit">Send Reset Link</button>
|
||||
</div>
|
||||
</form><!-- end form -->
|
||||
</div>
|
||||
<div class="mt-4 text-center">
|
||||
<p class="mb-0">Wait, I remember my password... <a href="auth-signin-basic"
|
||||
class="fw-semibold text-primary text-decoration-underline"> Click here </a> </p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end container-->
|
||||
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="text-center">
|
||||
<p class="mb-0 text-muted">©
|
||||
<script>
|
||||
document.write(new Date().getFullYear())
|
||||
</script> Toner. Crafted with <i class="mdi mdi-heart text-danger"></i> by
|
||||
Themesbrand
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
@endsection
|
||||
@section('scripts')
|
||||
<script src="{{ URL::asset('build/js/pages/password-addon.init.js') }}"></script>
|
||||
@endsection
|
||||
@@ -0,0 +1,114 @@
|
||||
@extends('layouts.master-auth')
|
||||
@section('title')
|
||||
Sign In
|
||||
@endsection
|
||||
@section('css')
|
||||
<!-- extra css -->
|
||||
@endsection
|
||||
@section('content')
|
||||
<div class="w-100">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-6">
|
||||
<div class="auth-card mx-lg-3">
|
||||
<div class="card border-0 mb-0">
|
||||
<div class="card-header bg-primary border-0">
|
||||
<div class="row">
|
||||
<div class="col-lg-4 col-3">
|
||||
<img src="{{ URL::asset('build/images/auth/img-1.png') }}" alt="" class="img-fluid">
|
||||
</div>
|
||||
<div class="col-lg-8 col-9">
|
||||
<h1 class="text-white lh-base fw-lighter">Join Our Toner Store</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<p class="text-muted fs-15">Sign in to continue to Toner.</p>
|
||||
<div class="p-2">
|
||||
<form action="index">
|
||||
|
||||
<div class="mb-3">
|
||||
<label for="username" class="form-label">Username</label>
|
||||
<input type="text" class="form-control" id="username"
|
||||
placeholder="Enter username">
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<div class="float-end">
|
||||
<a href="auth-pass-reset-basic" class="text-muted">Forgot password?</a>
|
||||
</div>
|
||||
<label class="form-label" for="password-input">Password</label>
|
||||
<div class="position-relative auth-pass-inputgroup mb-3">
|
||||
<input type="password" class="form-control pe-5 password-input"
|
||||
placeholder="Enter password" id="password-input">
|
||||
<button
|
||||
class="btn btn-link position-absolute end-0 top-0 text-decoration-none text-muted password-addon"
|
||||
type="button" id="password-addon"><i
|
||||
class="ri-eye-fill align-middle"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value=""
|
||||
id="auth-remember-check">
|
||||
<label class="form-check-label" for="auth-remember-check">Remember me</label>
|
||||
</div>
|
||||
|
||||
<div class="mt-4">
|
||||
<button class="btn btn-primary w-100" type="submit">Sign In</button>
|
||||
</div>
|
||||
|
||||
<div class="mt-4 pt-2 text-center">
|
||||
<div class="signin-other-title">
|
||||
<h5 class="fs-13 mb-4 title">Sign In with</h5>
|
||||
</div>
|
||||
<div class="pt-2 hstack gap-2 justify-content-center">
|
||||
<button type="button" class="btn btn-soft-primary btn-icon"><i
|
||||
class="ri-facebook-fill fs-16"></i></button>
|
||||
<button type="button" class="btn btn-soft-danger btn-icon"><i
|
||||
class="ri-google-fill fs-16"></i></button>
|
||||
<button type="button" class="btn btn-soft-dark btn-icon"><i
|
||||
class="ri-github-fill fs-16"></i></button>
|
||||
<button type="button" class="btn btn-soft-info btn-icon"><i
|
||||
class="ri-twitter-fill fs-16"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div class="text-center mt-5">
|
||||
<p class="mb-0">Don't have an account ? <a href="auth-signup-basic"
|
||||
class="fw-semibold text-secondary text-decoration-underline"> SignUp</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end container-->
|
||||
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="text-center">
|
||||
<p class="mb-0 text-muted">©
|
||||
<script>
|
||||
document.write(new Date().getFullYear())
|
||||
</script> Toner. Crafted with <i class="mdi mdi-heart text-danger"></i> by
|
||||
Themesbrand
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
@endsection
|
||||
@section('scripts')
|
||||
<script src="{{ URL::asset('build/js/pages/password-addon.init.js') }}"></script>
|
||||
@endsection
|
||||
@@ -0,0 +1,142 @@
|
||||
@extends('layouts.master-auth')
|
||||
@section('title')
|
||||
Sign Up
|
||||
@endsection
|
||||
@section('css')
|
||||
<!-- extra css -->
|
||||
@endsection
|
||||
@section('content')
|
||||
<div class="w-100">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-6">
|
||||
<div class="auth-card mx-lg-3">
|
||||
<div class="card border-0 mb-0">
|
||||
<div class="card-header bg-primary border-0">
|
||||
<div class="row">
|
||||
<div class="col-lg-4 col-3">
|
||||
<img src="{{ URL::asset('build/images/auth/img-1.png') }}" alt="" class="img-fluid">
|
||||
</div>
|
||||
<div class="col-lg-8 col-9">
|
||||
<h1 class="text-white text-capitalize lh-base fw-lighter">Let's get started with
|
||||
Toner Store</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<p class="text-muted fs-15">Get your free Toner account now</p>
|
||||
<div class="p-2">
|
||||
<form class="needs-validation" novalidate action="index">
|
||||
|
||||
<div class="mb-3">
|
||||
<label for="useremail" class="form-label">Email <span
|
||||
class="text-danger">*</span></label>
|
||||
<input type="email" class="form-control" id="useremail"
|
||||
placeholder="Enter email address" required>
|
||||
<div class="invalid-feedback">
|
||||
Please enter email
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="username" class="form-label">Username <span
|
||||
class="text-danger">*</span></label>
|
||||
<input type="text" class="form-control" id="username"
|
||||
placeholder="Enter username" required>
|
||||
<div class="invalid-feedback">
|
||||
Please enter username
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label class="form-label" for="password-input">Password</label>
|
||||
<div class="position-relative auth-pass-inputgroup">
|
||||
<input type="password" class="form-control pe-5 password-input"
|
||||
onpaste="return false" placeholder="Enter password" id="password-input"
|
||||
aria-describedby="passwordInput"
|
||||
pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,}" required>
|
||||
<button
|
||||
class="btn btn-link position-absolute end-0 top-0 text-decoration-none text-muted password-addon"
|
||||
type="button" id="password-addon"><i
|
||||
class="ri-eye-fill align-middle"></i></button>
|
||||
<div class="invalid-feedback">
|
||||
Please enter password
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-4">
|
||||
<p class="mb-0 fs-12 text-muted fst-italic">By registering you agree to the
|
||||
Toner <a href="#"
|
||||
class="text-primary text-decoration-underline fst-normal fw-medium">Terms
|
||||
of Use</a></p>
|
||||
</div>
|
||||
|
||||
<div id="password-contain" class="p-3 bg-light mb-2 rounded">
|
||||
<h5 class="fs-13">Password must contain:</h5>
|
||||
<p id="pass-length" class="invalid fs-12 mb-2">Minimum <b>8 characters</b></p>
|
||||
<p id="pass-lower" class="invalid fs-12 mb-2">At <b>lowercase</b> letter (a-z)
|
||||
</p>
|
||||
<p id="pass-upper" class="invalid fs-12 mb-2">At least <b>uppercase</b> letter
|
||||
(A-Z)</p>
|
||||
<p id="pass-number" class="invalid fs-12 mb-0">A least <b>number</b> (0-9)</p>
|
||||
</div>
|
||||
|
||||
<div class="mt-4">
|
||||
<button class="btn btn-primary w-100" type="submit">Sign Up</button>
|
||||
</div>
|
||||
|
||||
<div class="mt-4 text-center">
|
||||
<div class="signin-other-title">
|
||||
<h5 class="fs-13 mb-4 title text-muted">Create account with</h5>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<button type="button" class="btn btn-soft-primary btn-icon "><i
|
||||
class="ri-facebook-fill fs-16"></i></button>
|
||||
<button type="button" class="btn btn-soft-danger btn-icon "><i
|
||||
class="ri-google-fill fs-16"></i></button>
|
||||
<button type="button" class="btn btn-soft-dark btn-icon "><i
|
||||
class="ri-github-fill fs-16"></i></button>
|
||||
<button type="button" class="btn btn-soft-info btn-icon "><i
|
||||
class="ri-twitter-fill fs-16"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="mt-4 text-center">
|
||||
<p class="mb-0">Already have an account ? <a href="auth-signin-basic"
|
||||
class="fw-semibold text-primary text-decoration-underline"> Signin </a> </p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end container-->
|
||||
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="text-center">
|
||||
<p class="mb-0 text-muted">©
|
||||
<script>
|
||||
document.write(new Date().getFullYear())
|
||||
</script> Toner. Crafted with <i class="mdi mdi-heart text-danger"></i> by
|
||||
Themesbrand
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
@endsection
|
||||
@section('scripts')
|
||||
<script src="{{ URL::asset('build/js/pages/password-match.init.js') }}"></script>
|
||||
|
||||
<script src="{{ URL::asset('build/js/pages/password-addon.init.js') }}"></script>
|
||||
@endsection
|
||||
@@ -0,0 +1,65 @@
|
||||
@extends('layouts.master-auth')
|
||||
@section('title')
|
||||
Success Message
|
||||
@endsection
|
||||
@section('css')
|
||||
<!-- extra css -->
|
||||
@endsection
|
||||
@section('content')
|
||||
<div class="w-100">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-6">
|
||||
<div class="auth-card mx-lg-3">
|
||||
<div class="card border-0 mb-0">
|
||||
<div class="card-header bg-primary border-0">
|
||||
<div class="row">
|
||||
<div class="col-lg-4 col-3">
|
||||
<img src="{{ URL::asset('build/images/auth/img-1.png') }}" alt="" class="img-fluid">
|
||||
</div>
|
||||
<div class="col-lg-8 col-9">
|
||||
<h1 class="text-white lh-base fw-lighter">Well done !</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body text-center">
|
||||
|
||||
<div class="avatar-sm mx-auto mb-4">
|
||||
<div class="avatar-title bg-success-subtle text-success fs-20 rounded">
|
||||
<i class="bi bi-check2-circle"></i>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p class="text-muted fs-15">Aww yeah, you successfully read this important message.</p>
|
||||
|
||||
<div>
|
||||
<a href="auth-signin-basic" class="btn btn-success w-100">Back to Dashboard</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end container-->
|
||||
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="text-center">
|
||||
<p class="mb-0 text-muted">©
|
||||
<script>
|
||||
document.write(new Date().getFullYear())
|
||||
</script> Toner. Crafted with <i class="mdi mdi-heart text-danger"></i> by
|
||||
Themesbrand
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
@endsection
|
||||
@@ -0,0 +1,108 @@
|
||||
@extends('layouts.master-auth')
|
||||
@section('title')
|
||||
Two Step Verification
|
||||
@endsection
|
||||
@section('css')
|
||||
<!-- extra css -->
|
||||
@endsection
|
||||
@section('content')
|
||||
<div class="w-100">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-6">
|
||||
<div class="auth-card mx-lg-3">
|
||||
<div class="card border-0 mb-0">
|
||||
<div class="card-header bg-primary border-0">
|
||||
<div class="row">
|
||||
<div class="col-lg-4 col-3">
|
||||
<img src="{{ URL::asset('build/images/auth/img-1.png') }}" alt="" class="img-fluid">
|
||||
</div>
|
||||
<div class="col-lg-8 col-9">
|
||||
<h1 class="text-white lh-base fw-lighter">Verify Your Email</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body text-center">
|
||||
<p class="text-muted fs-15">Please enter the 4 digit code sent to <span
|
||||
class="fw-semibold">example@abc.com</span></p>
|
||||
|
||||
<div class="p-2">
|
||||
<form autocomplete="off">
|
||||
<div class="row">
|
||||
<div class="col-3">
|
||||
<div class="mb-3">
|
||||
<label for="digit1-input" class="visually-hidden">Digit 1</label>
|
||||
<input type="text"
|
||||
class="form-control form-control-lg bg-light border-light text-center"
|
||||
onkeyup="moveToNext(1, event)" maxLength="1" id="digit1-input">
|
||||
</div>
|
||||
</div><!-- end col -->
|
||||
|
||||
<div class="col-3">
|
||||
<div class="mb-3">
|
||||
<label for="digit2-input" class="visually-hidden">Digit 2</label>
|
||||
<input type="text"
|
||||
class="form-control form-control-lg bg-light border-light text-center"
|
||||
onkeyup="moveToNext(2, event)" maxLength="1" id="digit2-input">
|
||||
</div>
|
||||
</div><!-- end col -->
|
||||
|
||||
<div class="col-3">
|
||||
<div class="mb-3">
|
||||
<label for="digit3-input" class="visually-hidden">Digit 3</label>
|
||||
<input type="text"
|
||||
class="form-control form-control-lg bg-light border-light text-center"
|
||||
onkeyup="moveToNext(3, event)" maxLength="1" id="digit3-input">
|
||||
</div>
|
||||
</div><!-- end col -->
|
||||
|
||||
<div class="col-3">
|
||||
<div class="mb-3">
|
||||
<label for="digit4-input" class="visually-hidden">Digit 4</label>
|
||||
<input type="text"
|
||||
class="form-control form-control-lg bg-light border-light text-center"
|
||||
onkeyup="moveToNext(4, event)" maxLength="1" id="digit4-input">
|
||||
</div>
|
||||
</div><!-- end col -->
|
||||
</div>
|
||||
</form><!-- end form -->
|
||||
|
||||
<div class="mt-3">
|
||||
<button type="button" class="btn btn-primary w-100">Confirm</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-4 text-center">
|
||||
<p class="mb-0">Didn't receive a code ? <a href="auth-pass-reset-basic"
|
||||
class="fw-semibold text-primary text-decoration-underline">Resend</a> </p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end container-->
|
||||
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="text-center">
|
||||
<p class="mb-0 text-muted">©
|
||||
<script>
|
||||
document.write(new Date().getFullYear())
|
||||
</script> Toner. Crafted with <i class="mdi mdi-heart text-danger"></i> by
|
||||
Themesbrand
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
@endsection
|
||||
@section('scripts')
|
||||
<script src="{{ URL::asset('build/js/pages/two-step-verification.init.js') }}"></script>
|
||||
@endsection
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,62 @@
|
||||
@extends('layouts.master-auth')
|
||||
@section('title')
|
||||
Logout
|
||||
@endsection
|
||||
@section('content')
|
||||
<div class="w-100">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-6">
|
||||
<div class="auth-card mx-lg-3">
|
||||
<div class="card border-0 mb-0">
|
||||
<div class="card-header bg-primary border-0">
|
||||
<div class="row">
|
||||
<div class="col-lg-4 col-3">
|
||||
<img src="{{ URL::asset('build/images/auth/img-1.png') }}" alt="" class="img-fluid">
|
||||
</div>
|
||||
<div class="col-lg-8 col-9">
|
||||
<h1 class="text-white lh-base fw-lighter">You are Logged Out</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body text-center">
|
||||
|
||||
<div class="mb-4">
|
||||
<img src="{{ URL::asset('build/images/users/avatar-1.jpg') }}" alt=""
|
||||
class="avatar-md rounded-circle">
|
||||
</div>
|
||||
|
||||
<p class="text-muted fs-15">Thank you for using <span class="fw-semibold">Toner</span> admin
|
||||
template</p>
|
||||
|
||||
<div>
|
||||
<a href="{{ route('login') }}" class="btn btn-primary w-100">Sign In</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end container-->
|
||||
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="text-center">
|
||||
<p class="mb-0 text-muted">©
|
||||
<script>
|
||||
document.write(new Date().getFullYear())
|
||||
</script> Toner. Crafted with <i class="mdi mdi-heart text-danger"></i> by
|
||||
Themesbrand
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
@endsection
|
||||
@@ -0,0 +1,72 @@
|
||||
@extends('layouts.master-auth')
|
||||
@section('title')
|
||||
Confirm Password
|
||||
@endsection
|
||||
@section('content')
|
||||
|
||||
<div class="w-100">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-6">
|
||||
<div class="auth-card mx-lg-3">
|
||||
<div class="card border-0 mb-0">
|
||||
<div class="card-header bg-primary border-0">
|
||||
<div class="row">
|
||||
<div class="col-lg-4 col-3">
|
||||
<img src="{{ URL::asset('build/images/auth/img-1.png') }}" alt="" class="img-fluid">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="alert alert-borderless alert-warning text-center mb-2 mx-2" role="alert">
|
||||
Enter your password!
|
||||
</div>
|
||||
<div class="p-2">
|
||||
<form action="{{ route('password.confirm') }}">
|
||||
@csrf
|
||||
<div class="mb-4">
|
||||
<label for="password" class="form-label">{{ __('Password') }} <span class="text-danger">*</span></label>
|
||||
<input id="password" type="password"
|
||||
class="form-control @error('password') is-invalid @enderror" name="password"
|
||||
required autocomplete="current-password" placeholder="Enter your password">
|
||||
@error('password')
|
||||
<span class="invalid-feedback" role="alert">
|
||||
<strong>{{ $message }}</strong>
|
||||
</span>
|
||||
@enderror
|
||||
</div>
|
||||
|
||||
<div class="text-center mt-4">
|
||||
<button class="btn btn-primary w-100" type="submit">Confirm Password</button>
|
||||
</div>
|
||||
</form><!-- end form -->
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end container-->
|
||||
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="text-center">
|
||||
<p class="mb-0 text-muted">©
|
||||
<script>
|
||||
document.write(new Date().getFullYear())
|
||||
</script> Toner. Crafted with <i class="mdi mdi-heart text-danger"></i> by
|
||||
Themesbrand
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
@endsection
|
||||
@@ -0,0 +1,82 @@
|
||||
@extends('layouts.master-auth')
|
||||
@section('title')
|
||||
Forget Password
|
||||
@endsection
|
||||
@section('content')
|
||||
|
||||
<div class="w-100">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-6">
|
||||
<div class="auth-card mx-lg-3">
|
||||
<div class="card border-0 mb-0">
|
||||
<div class="card-header bg-primary border-0">
|
||||
<div class="row">
|
||||
<div class="col-lg-4 col-3">
|
||||
<img src="{{ URL::asset('build/images/auth/img-1.png') }}" alt=""
|
||||
class="img-fluid">
|
||||
</div>
|
||||
<div class="col-lg-8 col-9">
|
||||
<h1 class="text-white lh-base fw-lighter">Forgot Password?</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<p class="text-muted fs-15">Reset password with Toner.</p>
|
||||
|
||||
<div class="alert alert-borderless alert-warning text-center mb-2 mx-2" role="alert">
|
||||
Enter your email and instructions will be sent to you!
|
||||
</div>
|
||||
<div class="p-2">
|
||||
<form method="POST" action="{{ route('password.email') }}">
|
||||
@csrf
|
||||
<div class="mb-4">
|
||||
<label for="email" class="form-label">Email</label>
|
||||
<input id="email" type="email"
|
||||
class="form-control @error('email') is-invalid @enderror" name="email"
|
||||
value="{{ old('email') }}" required autocomplete="email" autofocus
|
||||
placeholder="Enter your email">
|
||||
@error('email')
|
||||
<span class="invalid-feedback" role="alert">
|
||||
<strong>{{ $message }}</strong>
|
||||
</span>
|
||||
@enderror
|
||||
</div>
|
||||
|
||||
<div class="text-center mt-4">
|
||||
<button class="btn btn-primary w-100" type="submit">Send Reset Link</button>
|
||||
</div>
|
||||
</form><!-- end form -->
|
||||
</div>
|
||||
<div class="mt-4 text-center">
|
||||
<p class="mb-0">Wait, I remember my password... <a href="{{ route('login') }}"
|
||||
class="fw-semibold text-primary text-decoration-underline"> Click here </a> </p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end container-->
|
||||
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="text-center">
|
||||
<p class="mb-0 text-muted">©
|
||||
<script>
|
||||
document.write(new Date().getFullYear())
|
||||
</script> Toner. Crafted with <i class="mdi mdi-heart text-danger"></i> by
|
||||
Themesbrand
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
@endsection
|
||||
@@ -0,0 +1,134 @@
|
||||
@extends('layouts.master-auth')
|
||||
@section('title')
|
||||
Reset Password
|
||||
@endsection
|
||||
@section('content')
|
||||
|
||||
<div class="w-100">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-6">
|
||||
<div class="auth-card mx-lg-3">
|
||||
<div class="card border-0 mb-0">
|
||||
<div class="card-header bg-primary border-0">
|
||||
<div class="row">
|
||||
<div class="col-lg-4 col-3">
|
||||
<img src="{{ URL::asset('build/images/auth/img-1.png') }}" alt=""
|
||||
class="img-fluid">
|
||||
</div>
|
||||
<div class="col-lg-8 col-9">
|
||||
<h1 class="text-white lh-base fw-lighter">Create New Password</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<p class="text-muted fs-15">Your new password must be different from previous used password.
|
||||
</p>
|
||||
|
||||
<div class="p-2">
|
||||
<form method="POST" action="{{ route('password.update') }}">
|
||||
@csrf
|
||||
|
||||
<div class="mb-3">
|
||||
<label for="email" class="form-label">{{ __('Email Address') }}</label>
|
||||
|
||||
<input id="email" type="email"
|
||||
class="form-control @error('email') is-invalid @enderror" name="email"
|
||||
value="{{ $email ?? old('email') }}" required autocomplete="email"
|
||||
autofocus>
|
||||
|
||||
@error('email')
|
||||
<span class="invalid-feedback" role="alert">
|
||||
<strong>{{ $message }}</strong>
|
||||
</span>
|
||||
@enderror
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label class="form-label" for="password-input">Password</label>
|
||||
<div class="position-relative auth-pass-inputgroup">
|
||||
<input type="password"
|
||||
class="form-control pe-5 password-input @error('password') is-invalid @enderror"
|
||||
onpaste="return false" placeholder="Enter password" id="password-input"
|
||||
name="password" aria-describedby="passwordInput"
|
||||
pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,}" required>
|
||||
<button
|
||||
class="btn btn-link position-absolute end-0 top-0 text-decoration-none text-muted password-addon"
|
||||
type="button" id="password-addon"><i
|
||||
class="ri-eye-fill align-middle"></i></button>
|
||||
@error('password')
|
||||
<span class="invalid-feedback" role="alert">
|
||||
<strong>{{ $message }}</strong>
|
||||
</span>
|
||||
@enderror
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label class="form-label" for="confirm-password-input">Confirm Password</label>
|
||||
<div class="position-relative auth-pass-inputgroup mb-3">
|
||||
<input type="password" class="form-control pe-5 password-input"
|
||||
onpaste="return false"
|
||||
name="password_confirmation"
|
||||
placeholder="Confirm password"
|
||||
pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,}"
|
||||
id="confirm-password-input" required>
|
||||
<button
|
||||
class="btn btn-link position-absolute end-0 top-0 text-decoration-none text-muted password-addon"
|
||||
type="button" id="confirm-password-input"><i
|
||||
class="ri-eye-fill align-middle"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="password-contain" class="p-3 bg-light mb-2 rounded">
|
||||
<h5 class="fs-13">Password must contain:</h5>
|
||||
<p id="pass-length" class="invalid fs-12 mb-2">Minimum <b>8 characters</b></p>
|
||||
<p id="pass-lower" class="invalid fs-12 mb-2">At <b>lowercase</b> letter (a-z)
|
||||
</p>
|
||||
<p id="pass-upper" class="invalid fs-12 mb-2">At least <b>uppercase</b> letter
|
||||
(A-Z)</p>
|
||||
<p id="pass-number" class="invalid fs-12 mb-0">A least <b>number</b> (0-9)</p>
|
||||
</div>
|
||||
|
||||
<div class="mt-4">
|
||||
<button class="btn btn-primary w-100" type="submit">Reset Password</button>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
</div>
|
||||
<div class="mt-4 text-center">
|
||||
<p class="mb-0">Wait, I remember my password... <a href="{{ route('login') }}"
|
||||
class="fw-semibold text-primary text-decoration-underline"> Click here </a> </p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end container-->
|
||||
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="text-center">
|
||||
<p class="mb-0 text-muted">©
|
||||
<script>
|
||||
document.write(new Date().getFullYear())
|
||||
</script> Toner. Crafted with <i class="mdi mdi-heart text-danger"></i> by
|
||||
Themesbrand
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
@section('scripts')
|
||||
<!-- password-addon init -->
|
||||
<script src="{{ URL::asset('build/js/pages/passowrd-create.init.js') }}"></script>
|
||||
@endsection
|
||||
@@ -0,0 +1,278 @@
|
||||
@extends('layouts.master-auth')
|
||||
@section('title')
|
||||
Register
|
||||
@endsection
|
||||
@section('content')
|
||||
{{-- <div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-md-8">
|
||||
<div class="card">
|
||||
<div class="card-header">{{ __('Register') }}</div>
|
||||
|
||||
<div class="card-body">
|
||||
<form method="POST" action="{{ route('register') }}">
|
||||
@csrf
|
||||
|
||||
<div class="row mb-3">
|
||||
<label for="name" class="col-md-4 col-form-label text-md-end">{{ __('Name') }}</label>
|
||||
|
||||
<div class="col-md-6">
|
||||
<input id="name" type="text" class="form-control @error('name') is-invalid @enderror" name="name" value="{{ old('name') }}" required autocomplete="name" autofocus>
|
||||
|
||||
@error('name')
|
||||
<span class="invalid-feedback" role="alert">
|
||||
<strong>{{ $message }}</strong>
|
||||
</span>
|
||||
@enderror
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-3">
|
||||
<label for="email" class="col-md-4 col-form-label text-md-end">{{ __('Email Address') }}</label>
|
||||
|
||||
<div class="col-md-6">
|
||||
<input id="email" type="email" class="form-control @error('email') is-invalid @enderror" name="email" value="{{ old('email') }}" required autocomplete="email">
|
||||
|
||||
@error('email')
|
||||
<span class="invalid-feedback" role="alert">
|
||||
<strong>{{ $message }}</strong>
|
||||
</span>
|
||||
@enderror
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-3">
|
||||
<label for="password" class="col-md-4 col-form-label text-md-end">{{ __('Password') }}</label>
|
||||
|
||||
<div class="col-md-6">
|
||||
<input id="password" type="password" class="form-control @error('password') is-invalid @enderror" name="password" required autocomplete="new-password">
|
||||
|
||||
@error('password')
|
||||
<span class="invalid-feedback" role="alert">
|
||||
<strong>{{ $message }}</strong>
|
||||
</span>
|
||||
@enderror
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-3">
|
||||
<label for="password-confirm" class="col-md-4 col-form-label text-md-end">{{ __('Confirm Password') }}</label>
|
||||
|
||||
<div class="col-md-6">
|
||||
<input id="password-confirm" type="password" class="form-control" name="password_confirmation" required autocomplete="new-password">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-0">
|
||||
<div class="col-md-6 offset-md-4">
|
||||
<button type="submit" class="btn btn-primary">
|
||||
{{ __('Register') }}
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> --}}
|
||||
|
||||
<div class="w-100">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-6">
|
||||
<div class="auth-card mx-lg-3">
|
||||
<div class="card border-0 mb-0">
|
||||
<div class="card-header bg-primary border-0">
|
||||
<div class="row">
|
||||
<div class="col-lg-4 col-3">
|
||||
<img src="{{ URL::asset('build/images/auth/img-1.png') }}" alt="" class="img-fluid">
|
||||
</div>
|
||||
<div class="col-lg-8 col-9">
|
||||
<h1 class="text-white text-capitalize lh-base fw-lighter">Let's get started with
|
||||
Toner Store</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<p class="text-muted fs-15">Get your free Toner account now</p>
|
||||
<div class="p-2">
|
||||
<form class="needs-validation" novalidate method="POST" action="{{ route('register') }}" enctype="multipart/form-data">
|
||||
@csrf
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="mb-3">
|
||||
<label for="first_name" class="form-label">First Name <span
|
||||
class="text-danger">*</span></label>
|
||||
<input id="first_name" type="text"
|
||||
class="form-control @error('first_name') is-invalid @enderror"
|
||||
name="first_name" value="{{ old('first_name') }}" required
|
||||
autocomplete="first_name" autofocus
|
||||
placeholder="Enter your last name">
|
||||
@error('first_name')
|
||||
<span class="invalid-feedback" role="alert">
|
||||
<strong>{{ $message }}</strong>
|
||||
</span>
|
||||
@enderror
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6">
|
||||
<div class="mb-3">
|
||||
<label for="last_name" class="form-label">Last Name <span
|
||||
class="text-danger">*</span></label>
|
||||
<input id="last_name" type="text"
|
||||
class="form-control @error('last_name') is-invalid @enderror"
|
||||
name="last_name" value="{{ old('last_name') }}" required
|
||||
autocomplete="last_name" autofocus
|
||||
placeholder="Enter tour first name">
|
||||
@error('last_name')
|
||||
<span class="invalid-feedback" role="alert">
|
||||
<strong>{{ $message }}</strong>
|
||||
</span>
|
||||
@enderror
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-3 col-md-12">
|
||||
<label for="email" class="form-label">Email <span
|
||||
class="text-danger">*</span></label>
|
||||
<input id="email" type="email"
|
||||
class="form-control @error('email') is-invalid @enderror" name="email"
|
||||
value="{{ old('email') }}" required autocomplete="email"
|
||||
placeholder="Enter your email">
|
||||
@error('email')
|
||||
<span class="invalid-feedback" role="alert">
|
||||
<strong>{{ $message }}</strong>
|
||||
</span>
|
||||
@enderror
|
||||
</div>
|
||||
|
||||
<div class="mb-3 col-md-12">
|
||||
<label class="form-label" for="password-input">Password <span
|
||||
class="text-danger">*</span></label>
|
||||
<div class="position-relative auth-pass-inputgroup">
|
||||
<input type="password"
|
||||
class="form-control pe-5 password-input @error('password') is-invalid @enderror"
|
||||
onpaste="return false" placeholder="Enter password"
|
||||
id="password-input" name="password" aria-describedby="passwordInput"
|
||||
pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,}" required>
|
||||
<button
|
||||
class="btn btn-link position-absolute end-0 top-0 text-decoration-none text-muted password-addon"
|
||||
type="button" id="password-addon"><i
|
||||
class="ri-eye-fill align-middle"></i></button>
|
||||
@error('password')
|
||||
<span class="invalid-feedback" role="alert">
|
||||
<strong>{{ $message }}</strong>
|
||||
</span>
|
||||
@enderror
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-3 col-md-12">
|
||||
<label for="password-confirm"
|
||||
class="form-label">{{ __('Confirm Password') }} <span
|
||||
class="text-danger">*</span></label>
|
||||
<div class="position-relative auth-pass-inputgroup">
|
||||
<input type="password" class="form-control pe-5 password-input"
|
||||
placeholder="Confirm password" name="password_confirmation"
|
||||
aria-describedby="passwordInput" required>
|
||||
<button
|
||||
class="btn btn-link position-absolute end-0 top-0 text-decoration-none text-muted password-addon"
|
||||
type="button"><i class="ri-eye-fill align-middle"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-3 col-md-12">
|
||||
<label for="avatar" class="form-label">Avatar <span
|
||||
class="text-danger">*</span></label>
|
||||
<input id="avatar" type="file"
|
||||
class="form-control @error('avatar') is-invalid @enderror"
|
||||
name="avatar" value="{{ old('avatar') }}" required
|
||||
autocomplete="avatar" placeholder="Enter your avatar">
|
||||
@error('avatar')
|
||||
<span class="invalid-feedback" role="alert">
|
||||
<strong>{{ $message }}</strong>
|
||||
</span>
|
||||
@enderror
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-4 col-md-12">
|
||||
<p class="mb-0 fs-12 text-muted fst-italic">By registering you agree to the
|
||||
Toner <a href="#"
|
||||
class="text-primary text-decoration-underline fst-normal fw-medium">Terms
|
||||
of Use</a></p>
|
||||
</div>
|
||||
|
||||
<div id="password-contain" class="p-3 bg-light mb-2 rounded">
|
||||
<h5 class="fs-13">Password must contain:</h5>
|
||||
<p id="pass-length" class="invalid fs-12 mb-2">Minimum <b>8 characters</b></p>
|
||||
<p id="pass-lower" class="invalid fs-12 mb-2">At <b>lowercase</b> letter (a-z)
|
||||
</p>
|
||||
<p id="pass-upper" class="invalid fs-12 mb-2">At least <b>uppercase</b> letter
|
||||
(A-Z)</p>
|
||||
<p id="pass-number" class="invalid fs-12 mb-0">A least <b>number</b> (0-9)</p>
|
||||
</div>
|
||||
|
||||
<div class="mt-4 col-md-12">
|
||||
<button class="btn btn-primary w-100" type="submit">Sign Up</button>
|
||||
</div>
|
||||
|
||||
<div class="mt-4 text-center col-md-12">
|
||||
<div class="signin-other-title">
|
||||
<h5 class="fs-13 mb-4 title text-muted">Create account with</h5>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<button type="button" class="btn btn-soft-primary btn-icon "><i
|
||||
class="ri-facebook-fill fs-16"></i></button>
|
||||
<button type="button" class="btn btn-soft-danger btn-icon "><i
|
||||
class="ri-google-fill fs-16"></i></button>
|
||||
<button type="button" class="btn btn-soft-dark btn-icon "><i
|
||||
class="ri-github-fill fs-16"></i></button>
|
||||
<button type="button" class="btn btn-soft-info btn-icon "><i
|
||||
class="ri-twitter-fill fs-16"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="mt-4 text-center">
|
||||
<p class="mb-0">Already have an account ? <a href="{{ route('login') }}"
|
||||
class="fw-semibold text-primary text-decoration-underline"> Sign in </a> </p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end container-->
|
||||
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="text-center">
|
||||
<p class="mb-0 text-muted">©
|
||||
<script>
|
||||
document.write(new Date().getFullYear())
|
||||
</script> Toner. Crafted with <i class="mdi mdi-heart text-danger"></i> by
|
||||
Themesbrand
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
@section('scripts')
|
||||
<script src="{{ URL::asset('build/js/pages/password-match.init.js') }}"></script>
|
||||
|
||||
<script src="{{ URL::asset('build/js/pages/password-addon.init.js') }}"></script>
|
||||
@endsection
|
||||
@@ -0,0 +1,65 @@
|
||||
@extends('layouts.master-auth')
|
||||
@section('title')
|
||||
Email Verification
|
||||
@endsection
|
||||
@section('content')
|
||||
|
||||
<div class="w-100">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-6">
|
||||
<div class="auth-card mx-lg-3">
|
||||
<div class="card border-0 mb-0">
|
||||
<div class="card-header bg-primary border-0">
|
||||
<div class="row">
|
||||
<div class="col-lg-4 col-3">
|
||||
<img src="{{ URL::asset('build/images/auth/img-1.png') }}" alt="" class="img-fluid">
|
||||
</div>
|
||||
<div class="col-lg-8 col-9">
|
||||
<h1 class="text-white lh-base fw-lighter">Verify Your Email</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body text-center">
|
||||
@if (session('resent'))
|
||||
<div class="alert alert-success" role="alert">
|
||||
{{ __('A fresh verification link has been sent to your email address.') }}
|
||||
</div>
|
||||
@endif
|
||||
<p class="text-muted fs-15">Please check your email and confirm it</p>
|
||||
|
||||
<div class="p-2">
|
||||
<form class="d-inline" method="POST" action="">
|
||||
@csrf
|
||||
<button type="submit"
|
||||
class="btn btn-primary w-100">{{ __('click here to request another') }}</button>
|
||||
</form><!-- end form -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end container-->
|
||||
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="text-center">
|
||||
<p class="mb-0 text-muted">©
|
||||
<script>
|
||||
document.write(new Date().getFullYear())
|
||||
</script> Toner. Crafted with <i class="mdi mdi-heart text-danger"></i> by
|
||||
Themesbrand
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
@endsection
|
||||
@@ -0,0 +1,460 @@
|
||||
@extends('layouts.master')
|
||||
@section('title')
|
||||
Checkout
|
||||
@endsection
|
||||
@section('css')
|
||||
<!-- extra css -->
|
||||
@endsection
|
||||
@section('content')
|
||||
<section class="page-wrapper bg-primary">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="text-center d-flex align-items-center justify-content-between">
|
||||
<h4 class="text-white mb-0">Checkout</h4>
|
||||
<nav aria-label="breadcrumb">
|
||||
<ol class="breadcrumb breadcrumb-light justify-content-center mb-0 fs-15">
|
||||
<li class="breadcrumb-item"><a href="#!">Shop</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page">Checkout</li>
|
||||
</ol>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end container-->
|
||||
</section>
|
||||
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="alert alert-danger alert-modern alert-dismissible fade show" role="alert">
|
||||
<i class="bi bi-box-arrow-in-right icons"></i>Returning customer?<a href="auth-signin-basic"
|
||||
class="link-danger"><strong> Click here to login</strong>.</a>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
<div class="row">
|
||||
<div class="col-xl-8">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="table-responsive table-card">
|
||||
<table class="table align-middle table-borderless table-nowrap text-center mb-0">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">Product</th>
|
||||
<th scope="col">Rate</th>
|
||||
<th scope="col">Order ID</th>
|
||||
<th scope="col">Price</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="text-start">
|
||||
<div class="d-flex align-items-center gap-2">
|
||||
<div class="avatar-sm flex-shrink-0">
|
||||
<div class="avatar-title bg-success-subtle rounded-3">
|
||||
<img src="{{ URL::asset('build/images/products/img-4.png') }}" alt=""
|
||||
class="avatar-xs">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h6>Girls Mint Green & Off-White Solid Open</h6>
|
||||
<p class="text-muted mb-0">Graphic Print Men & Women Footwear</p>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
$24.00
|
||||
</td>
|
||||
<td>
|
||||
02
|
||||
</td>
|
||||
<td class="text-end">$48.00</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="text-start">
|
||||
<div class="d-flex align-items-center gap-2">
|
||||
<div class="avatar-sm flex-shrink-0">
|
||||
<div class="avatar-title bg-dark-subtle rounded-3">
|
||||
<img src="{{ URL::asset('build/images/products/img-16.png') }}" alt=""
|
||||
class="avatar-xs">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h6>Rockerz Ear Bluetooth Smart Watch</h6>
|
||||
<p class="text-muted mb-0">32.5mm (1.28 Inch) TFT Color Touch
|
||||
Display</p>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td>$160.00</td>
|
||||
<td>01</td>
|
||||
<td class="text-end">$160.00</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="text-start">
|
||||
<div class="d-flex align-items-center gap-2">
|
||||
<div class="avatar-sm flex-shrink-0">
|
||||
<div class="avatar-title bg-warning-subtle rounded-3">
|
||||
<img src="{{ URL::asset('build/images/products/img-6.png') }}" alt=""
|
||||
class="avatar-xs">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h6>Monte Carlo Sweaters</h6>
|
||||
<p class="text-muted mb-0">Graphic Print Men & Women Fashion</p>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td>$244.99</td>
|
||||
<td>03</td>
|
||||
<td class="text-end">$734.97</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="text-start">
|
||||
<div class="d-flex align-items-center gap-2">
|
||||
<div class="avatar-sm flex-shrink-0">
|
||||
<div class="avatar-title bg-secondary-subtle rounded-3">
|
||||
<img src="{{ URL::asset('build/images/products/img-8.png') }}" alt=""
|
||||
class="avatar-xs">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h6>World's most expensive t shirt</h6>
|
||||
<p class="text-muted mb-0">Graphic Print Men & Women Fashion</p>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td>$120.30</td>
|
||||
<td>02</td>
|
||||
<td class="text-end">$240.60</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-4 pt-2">
|
||||
<div class="d-flex align-items-center mb-4">
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="mb-0">Shipping Address</h5>
|
||||
</div>
|
||||
<div class="flex-shrink-0">
|
||||
<a href="address" class="badge bg-secondary-subtle text-secondary link-secondary">
|
||||
Add Address
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row gy-3">
|
||||
<div class="col-lg-6 col-12">
|
||||
<div class="form-check card-radio">
|
||||
<input id="shippingAddress01" name="shippingAddress" type="radio"
|
||||
class="form-check-input" checked="">
|
||||
<label class="form-check-label" for="shippingAddress01">
|
||||
<span class="mb-3 text-uppercase fw-semibold d-block">Home Address</span>
|
||||
<span class="fs-14 mb-2 d-block fw-semibold">Witney Blessington</span>
|
||||
<span class="text-muted fw-normal text-wrap mb-1 d-block">144 Cavendish Avenue,
|
||||
Indianapolis, IN 46251</span>
|
||||
<span class="text-muted fw-normal d-block">Mo. 012-345-6789</span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="d-flex flex-wrap p-2 py-1 bg-light rounded-bottom border mt-n1">
|
||||
<div>
|
||||
<a href="address" class="d-block text-body p-1 px-2"><i
|
||||
class="ri-pencil-fill text-muted align-bottom me-1"></i> Edit</a>
|
||||
</div>
|
||||
<div>
|
||||
<a href="#removeAddressModal" class="d-block text-body p-1 px-2"
|
||||
data-bs-toggle="modal"><i
|
||||
class="ri-delete-bin-fill text-muted align-bottom me-1"></i> Remove</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 col-12">
|
||||
<div class="form-check card-radio">
|
||||
<input id="shippingAddress02" name="shippingAddress" type="radio"
|
||||
class="form-check-input">
|
||||
<label class="form-check-label" for="shippingAddress02">
|
||||
<span class="mb-3 text-uppercase fw-semibold d-block">Office Address</span>
|
||||
<span class="fs-14 mb-2 d-block fw-semibold">Edwin Adenike</span>
|
||||
<span class="text-muted fw-normal text-wrap mb-1 d-block">2971 Westheimer Road,
|
||||
Santa Ana, IL 80214</span>
|
||||
<span class="text-muted fw-normal d-block">Mo. 012-345-6789</span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="d-flex flex-wrap p-2 py-1 bg-light rounded-bottom border mt-n1">
|
||||
<div>
|
||||
<a href="address" class="d-block text-body p-1 px-2"><i
|
||||
class="ri-pencil-fill text-muted align-bottom me-1"></i> Edit</a>
|
||||
</div>
|
||||
<div>
|
||||
<a href="#removeAddressModal" class="d-block text-body p-1 px-2"
|
||||
data-bs-toggle="modal"><i
|
||||
class="ri-delete-bin-fill text-muted align-bottom me-1"></i> Remove</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-4 pt-2">
|
||||
<div class="d-flex align-items-center mb-4">
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="mb-0">Billing Address</h5>
|
||||
</div>
|
||||
<div class="flex-shrink-0">
|
||||
<a href="address" class="badge bg-secondary-subtle text-secondary link-secondary">
|
||||
Add Address
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row gy-3">
|
||||
<div class="col-lg-6 col-12">
|
||||
<div class="form-check card-radio">
|
||||
<input id="shippingAddress03" name="shippingAddress" type="radio"
|
||||
class="form-check-input" checked="">
|
||||
<label class="form-check-label" for="shippingAddress03">
|
||||
<span class="fs-14 mb-2 d-block fw-semibold">Witney Blessington</span>
|
||||
<span class="text-muted fw-normal text-wrap mb-1 d-block">144 Cavendish Avenue,
|
||||
Indianapolis, IN 46251</span>
|
||||
<span class="text-muted fw-normal d-block">Mo. 012-345-6789</span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="d-flex flex-wrap p-2 py-1 bg-light rounded-bottom border mt-n1">
|
||||
<div>
|
||||
<a href="address" class="d-block text-body p-1 px-2"><i
|
||||
class="ri-pencil-fill text-muted align-bottom me-1"></i> Edit</a>
|
||||
</div>
|
||||
<div>
|
||||
<a href="#removeAddressModal" class="d-block text-body p-1 px-2"
|
||||
data-bs-toggle="modal"><i
|
||||
class="ri-delete-bin-fill text-muted align-bottom me-1"></i> Remove</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 col-12">
|
||||
<div class="form-check card-radio">
|
||||
<input id="shippingAddress04" name="shippingAddress" type="radio"
|
||||
class="form-check-input">
|
||||
<label class="form-check-label" for="shippingAddress04">
|
||||
<span class="fs-14 mb-2 d-block fw-semibold">Edwin Adenike</span>
|
||||
<span class="text-muted fw-normal text-wrap mb-1 d-block">2971 Westheimer Road,
|
||||
Santa Ana, IL 80214</span>
|
||||
<span class="text-muted fw-normal d-block">Mo. 012-345-6789</span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="d-flex flex-wrap p-2 py-1 bg-light rounded-bottom border mt-n1">
|
||||
<div>
|
||||
<a href="address" class="d-block text-body p-1 px-2"><i
|
||||
class="ri-pencil-fill text-muted align-bottom me-1"></i> Edit</a>
|
||||
</div>
|
||||
<div>
|
||||
<a href="#removeAddressModal" class="d-block text-body p-1 px-2"
|
||||
data-bs-toggle="modal"><i
|
||||
class="ri-delete-bin-fill text-muted align-bottom me-1"></i> Remove</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end col -->
|
||||
<div class="col-lg-4">
|
||||
<div class="sticky-side-div">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="text-center">
|
||||
<h6 class="mb-3 fs-14">Have a <span class="fw-semibold">promo</span> code ?</h6>
|
||||
</div>
|
||||
<div class="hstack gap-3 px-3 mx-n3">
|
||||
<input class="form-control me-auto" type="text" placeholder="Enter coupon code"
|
||||
value="Toner15" aria-label="Add Promo Code here...">
|
||||
<button type="button" class="btn btn-success w-xs">Apply</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card overflow-hidden">
|
||||
<div class="card-header border-bottom-dashed">
|
||||
<h5 class="card-title mb-0 fs-15">Order Summary</h5>
|
||||
</div>
|
||||
<div class="card-body pt-4">
|
||||
<div class="table-responsive table-card">
|
||||
<table class="table table-borderless mb-0 fs-15">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>Sub Total :</td>
|
||||
<td class="text-end cart-subtotal">$510.50</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Discount <span class="text-muted">(Toner15)</span>:</td>
|
||||
<td class="text-end cart-discount">$18.00</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Shipping Charge :</td>
|
||||
<td class="text-end cart-shipping">$2.4</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Estimated Tax (12.5%) : </td>
|
||||
<td class="text-end cart-tax">$1.6</td>
|
||||
</tr>
|
||||
<tr class="table-active">
|
||||
<th>Total (USD) :</th>
|
||||
<td class="text-end">
|
||||
<span class="fw-semibold cart-total">$630.25</span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<!-- end table-responsive -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="hstack gap-2 justify-content-between justify-content-end">
|
||||
<a href="shop-cart" class="btn btn-hover btn-soft-info w-100">Back To Cart <i
|
||||
class="ri-arrow-right-line label-icon align-middle ms-1"></i></a>
|
||||
<a href="payment" class="btn btn-hover btn-primary w-100">Continue Payment</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- end stickey -->
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end container-->
|
||||
</section>
|
||||
|
||||
<section class="section bg-light bg-opacity-25"
|
||||
style="background-image: url('build/images/ecommerce/bg-effect.png');background-position: center; background-size: cover;">
|
||||
<div class="container">
|
||||
<div class="row align-items-center justify-content-between">
|
||||
<div class="col-lg-6">
|
||||
<div>
|
||||
<p class="fs-15 text-uppercase fw-medium"><span class="fw-semibold text-danger">25% Up to</span>
|
||||
off all Products</p>
|
||||
<h1 class="lh-base text-capitalize mb-3">Stay home & get your daily needs from our shop</h1>
|
||||
<p class="fs-15 mb-4 pb-2">Start You'r Daily Shopping with <a href="#!"
|
||||
class="link-info fw-medium">Toner</a></p>
|
||||
<form action="#!">
|
||||
<div class="position-relative ecommerce-subscript">
|
||||
<input type="email" class="form-control rounded-pill" placeholder="Enter your email">
|
||||
<button type="submit" class="btn btn-primary btn-hover rounded-pill">Subscript
|
||||
Now</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-4">
|
||||
<div class="mt-4 mt-lg-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/subscribe.png') }}" alt="" class="img-fluid">
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end conatiner-->
|
||||
</section>
|
||||
|
||||
<section class="section py-5">
|
||||
<div class="container">
|
||||
<div class="row gy-4 gy-lg-0">
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/fast-delivery.png') }}" alt="" class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-15">Fast & Secure Delivery</h5>
|
||||
<p class="text-muted mb-0">Tell about your service.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/returns.png') }}" alt="" class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-15">2 Days Return Policy</h5>
|
||||
<p class="text-muted mb-0">No question ask.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/guarantee-certificate.png') }}" alt=""
|
||||
class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-15">Money Back Guarantee</h5>
|
||||
<p class="text-muted mb-0">Within 5 business days</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/24-hours-support.png') }}" alt="" class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-15">24 X 7 Service</h5>
|
||||
<p class="text-muted mb-0">Online service for customer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end container-->
|
||||
</section>
|
||||
|
||||
|
||||
<!-- removeAddressModal -->
|
||||
<div id="removeAddressModal" class="modal fade zoomIn" tabindex="-1" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"
|
||||
id="close-modal"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="mt-2 text-center">
|
||||
<lord-icon src="https://cdn.lordicon.com/gsqxdxog.json" trigger="loop"
|
||||
colors="primary:#f7b84b,secondary:#f06548" style="width:100px;height:100px"></lord-icon>
|
||||
<div class="mt-4 pt-2 fs-15 mx-4 mx-sm-5">
|
||||
<h4>Are you sure ?</h4>
|
||||
<p class="text-muted mx-4 mb-0">Are you sure you want to remove this Address ?</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex gap-2 justify-content-center mt-4 mb-2">
|
||||
<button type="button" class="btn w-sm btn-light" data-bs-dismiss="modal">Close</button>
|
||||
<button type="button" class="btn w-sm btn-danger">Yes, Delete It!</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div><!-- /.modal-content -->
|
||||
</div><!-- /.modal-dialog -->
|
||||
</div><!-- /.modal -->
|
||||
@endsection
|
||||
@section('scripts')
|
||||
<!-- form wizard init -->
|
||||
<script src="{{ URL::asset('build/js/pages/form-wizard.init.js') }}"></script>
|
||||
<!-- landing-index js -->
|
||||
<script src="{{ URL::asset('build/js/frontend/menu.init.js') }}"></script>
|
||||
@endsection
|
||||
@@ -0,0 +1,77 @@
|
||||
@extends('layouts.master-auth')
|
||||
@section('title')
|
||||
Coming Soon
|
||||
@endsection
|
||||
@section('css')
|
||||
<!-- extra css -->
|
||||
@endsection
|
||||
@section('content')
|
||||
<div class="w-100">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-6">
|
||||
<div class="auth-card mx-lg-3">
|
||||
<div class="card border-0 mb-0">
|
||||
<div class="card-body text-center p-4">
|
||||
|
||||
<div class="text-center px-sm-5 mx-5">
|
||||
<img src="{{ URL::asset('build/images/comingsoon.png') }}" alt="" height="110">
|
||||
</div>
|
||||
<div class="mt-4 text-center pt-3">
|
||||
<div class="position-relative">
|
||||
<h4 class="fs-22 error-subtitle text-uppercase mb-0">Coming Soon</h4>
|
||||
<div>
|
||||
<div class="row justify-content-center mt-5">
|
||||
<div class="col-lg-10">
|
||||
<div data-countdown="15 June, 2026" class="countdownlist"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-5">
|
||||
<h5 class="fs-16">Get notified when we launch</h5>
|
||||
<p class="text-muted">Don't worry we will not spam you 😊</p>
|
||||
</div>
|
||||
|
||||
<form action="#!">
|
||||
<div class="countdown-input-subscribe mx-auto mt-4">
|
||||
<input type="email" class="form-control shadow"
|
||||
placeholder="Enter your email address" required />
|
||||
<button class="btn btn-primary" type="submit" id="button-email">Send<i
|
||||
class="ri-send-plane-2-fill align-bottom ms-2"></i></button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end container-->
|
||||
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="text-center">
|
||||
<p class="mb-0 text-muted">©
|
||||
<script>
|
||||
document.write(new Date().getFullYear())
|
||||
</script> Toner. Crafted with <i class="mdi mdi-heart text-danger"></i> by
|
||||
Themesbrand
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
@endsection
|
||||
@section('scripts')
|
||||
<!-- Countdown js -->
|
||||
<script src="{{ URL::asset('build/js/pages/coming-soon.init.js') }}"></script>
|
||||
@endsection
|
||||
@@ -0,0 +1,19 @@
|
||||
@if (isset($attributes))
|
||||
<!-- start page title -->
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="page-title-box d-sm-flex align-items-center justify-content-between">
|
||||
<h4 class="mb-sm-0">{{ $attributes['title'] }}</h4>
|
||||
|
||||
<div class="page-title-right">
|
||||
<ol class="breadcrumb m-0">
|
||||
<li class="breadcrumb-item"><a href="javascript: void(0);">{{ $attributes['pagetitle'] }}</a></li>
|
||||
<li class="breadcrumb-item active">{{ $attributes['title'] }}</li>
|
||||
</ol>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end page title -->
|
||||
@endif
|
||||
@@ -0,0 +1,155 @@
|
||||
@extends('layouts.master')
|
||||
@section('title')
|
||||
Order Completed
|
||||
@endsection
|
||||
@section('css')
|
||||
<!-- extra css -->
|
||||
@endsection
|
||||
@section('content')
|
||||
<section class="page-wrapper bg-primary">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="text-center d-flex align-items-center justify-content-between">
|
||||
<h4 class="text-white mb-0">Order Confirm</h4>
|
||||
<nav aria-label="breadcrumb">
|
||||
<ol class="breadcrumb breadcrumb-light justify-content-center mb-0 fs-15">
|
||||
<li class="breadcrumb-item"><a href="#!">Shop</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page">Confirmation</li>
|
||||
</ol>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end container-->
|
||||
</section>
|
||||
<!-- end page title -->
|
||||
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-8">
|
||||
<div class="card">
|
||||
<div class="card-body p-4 p-md-5">
|
||||
<div class="text-center">
|
||||
<img src="{{ URL::asset('build/images/success-img.png') }}" alt="" class="w-50">
|
||||
</div>
|
||||
<div class="text-center mt-5 pt-1">
|
||||
<h4 class="mb-3 text-capitalize">Your Order Is Completed !</h4>
|
||||
<p class="text-muted mb-2">You will receive an order confirmation email with details of your
|
||||
order.</p>
|
||||
<p class="text-muted mb-0">Order ID: 267676GHERT105467</p>
|
||||
<div class="mt-4 pt-2 hstack gap-2 justify-content-center">
|
||||
<a href="order-history" class="btn btn-primary btn-hover">View Order <i
|
||||
class="ri-arrow-right-line align-bottom ms-1"></i></a>
|
||||
<a href="index" class="btn btn-soft-danger btn-hover">Back To Home <i
|
||||
class="ri-home-4-line align-bottom ms-1"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end container-->
|
||||
</section>
|
||||
|
||||
<section class="section bg-light bg-opacity-25"
|
||||
style="background-image: url('build/images/ecommerce/bg-effect.png');background-position: center; background-size: cover;">
|
||||
<div class="container">
|
||||
<div class="row align-items-center justify-content-between">
|
||||
<div class="col-lg-6">
|
||||
<div>
|
||||
<p class="fs-15 text-uppercase fw-medium"><span class="fw-semibold text-danger">25% Up to</span> off
|
||||
all Products</p>
|
||||
<h1 class="lh-base text-capitalize mb-3">Stay home & get your daily needs from our shop</h1>
|
||||
<p class="fs-15 mb-4 pb-2">Start You'r Daily Shopping with <a href="#!"
|
||||
class="link-info fw-medium">Toner</a></p>
|
||||
<form action="#!">
|
||||
<div class="position-relative ecommerce-subscript">
|
||||
<input type="email" class="form-control rounded-pill" placeholder="Enter your email">
|
||||
<button type="submit" class="btn btn-info btn-hover rounded-pill">Subscript Now</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-4">
|
||||
<div class="mt-4 mt-lg-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/subscribe.png') }}" alt="" class="img-fluid">
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end conatiner-->
|
||||
</section>
|
||||
|
||||
<section class="position-relative py-5">
|
||||
<div class="container">
|
||||
<div class="row gy-4">
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/fast-delivery.png') }}" alt="" class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-15">Fast & Secure Delivery</h5>
|
||||
<p class="text-muted mb-0">Tell about your service.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/returns.png') }}" alt="" class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-15">2 Days Return Policy</h5>
|
||||
<p class="text-muted mb-0">No question ask.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/guarantee-certificate.png') }}" alt=""
|
||||
class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-15">Money Back Guarantee</h5>
|
||||
<p class="text-muted mb-0">Within 5 business days</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/24-hours-support.png') }}" alt="" class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-15">24 X 7 Service</h5>
|
||||
<p class="text-muted mb-0">Online service for customer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end container-->
|
||||
</section>
|
||||
@endsection
|
||||
@section('scripts')
|
||||
<!-- landing-index js -->
|
||||
<script src="{{ URL::asset('build/js/frontend/menu.init.js') }}"></script>
|
||||
@endsection
|
||||
@@ -0,0 +1,162 @@
|
||||
@extends('layouts.master')
|
||||
@section('title')
|
||||
Starter
|
||||
@endsection
|
||||
@section('css')
|
||||
<!-- extra css -->
|
||||
@endsection
|
||||
@section('content')
|
||||
<section class="ecommerce-about bg-primary">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-5">
|
||||
<div class="text-center">
|
||||
<h1 class="text-white">Contact Us</h1>
|
||||
<p class="fs-16 mb-0 text-white-75">Let's start something great together. Get in touch with one of
|
||||
the team today!</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-4">
|
||||
<div class="card border border-opacity-25">
|
||||
<div class="card-body p-4">
|
||||
<div class="d-flex">
|
||||
<div class="avatar-sm flex-shrink-0">
|
||||
<div class="avatar-title bg-primary-subtle text-primary rounded fs-17">
|
||||
<i class="bi bi-geo-alt-fill"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ms-3 flex-grow-1">
|
||||
<h5 class="fs-17 lh-base mb-2">Our Main Office</h5>
|
||||
<p class="text-muted fs-14 mb-0">Brusneva Ul., bld. 8, appt. 34, Stavropol, Russia</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card border border-opacity-25">
|
||||
<div class="card-body p-4">
|
||||
<div class="d-flex">
|
||||
<div class="avatar-sm flex-shrink-0">
|
||||
<div class="avatar-title bg-secondary-subtle text-secondary rounded fs-17">
|
||||
<i class="bi bi-telephone-fill"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ms-3 flex-grow-1">
|
||||
<h5 class="fs-17 lh-base mb-2">Phone Number</h5>
|
||||
<p class="text-muted fs-14 mb-0">+(234) 12345 67890<br> 888-0123-4567 (Toll free)</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card border border-opacity-25">
|
||||
<div class="card-body p-4">
|
||||
<div class="d-flex">
|
||||
<div class="avatar-sm flex-shrink-0">
|
||||
<div class="avatar-title bg-success-subtle text-success rounded fs-17">
|
||||
<i class="bi bi-newspaper"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ms-3 flex-grow-1">
|
||||
<h5 class="fs-17 lh-base mb-2">Fax</h5>
|
||||
<p class="text-muted fs-14 mb-0">1-234-567-8900</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card border border-opacity-25">
|
||||
<div class="card-body p-4">
|
||||
<div class="d-flex">
|
||||
<div class="avatar-sm flex-shrink-0">
|
||||
<div class="avatar-title bg-danger-subtle text-danger rounded fs-17">
|
||||
<i class="bi bi-envelope-fill"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ms-3 flex-grow-1">
|
||||
<h5 class="fs-17 lh-base mb-2">Email</h5>
|
||||
<p class="text-muted fs-14 mb-0">support@themesbrand.com</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-8">
|
||||
<div class="custom-form card p-4 p-lg-5">
|
||||
<form name="myForm" action="#!">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="text-center mb-4">
|
||||
<h3 class="text-capitalize">Get In Touch with us for more Information</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="form-group mt-3">
|
||||
<label for="nameInput" class="form-label">Name<span
|
||||
class="text-danger">*</span></label>
|
||||
<input name="nameInput" id="nameInput" type="text" class="form-control"
|
||||
placeholder="Enter name">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="form-group mt-3">
|
||||
<label for="emailInput" class="form-label">Email<span
|
||||
class="text-danger">*</span></label>
|
||||
<input name="emailInput" id="emailInput" type="email" class="form-control"
|
||||
placeholder="Enter email">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-12">
|
||||
<div class="form-group mt-3">
|
||||
<label for="subjectInput" class="form-label">Subject<span
|
||||
class="text-danger">*</span></label>
|
||||
<input type="text" class="form-control" id="subjectInput"
|
||||
placeholder="Enter Subject..">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-12">
|
||||
<div class="form-group mt-3">
|
||||
<label for="messageInput" class="form-label">Message<span
|
||||
class="text-danger">*</span></label>
|
||||
<textarea name="messageInput" id="messageInput" rows="4" class="form-control" placeholder="Enter message..."></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-12">
|
||||
<div class="text-end mt-4">
|
||||
<button type="submit" id="submit" name="submit" class="btn btn-primary">Send
|
||||
Message <i
|
||||
class="bi bi-arrow-right-short align-middle fs-16 ms-1"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<div class="container-fluid px-0">
|
||||
<div class="row g-0">
|
||||
<div class="col-lg-12">
|
||||
<div class="map">
|
||||
<iframe
|
||||
src="https://www.google.com/maps/embed?pb=!1m16!1m12!1m3!1d3024.4645962375394!2d-74.01354043428768!3d40.7077878458095!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!2m1!1sSoHo%2094%20Broadway%20St%20New%20York%2C%20NY%201001!5e0!3m2!1sen!2sin!4v1669110084163!5m2!1sen!2sin"
|
||||
class="w-100" height="400" style="border:0;" allowfullscreen="" loading="lazy"
|
||||
referrerpolicy="no-referrer-when-downgrade"></iframe>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@endsection
|
||||
@section('scripts')
|
||||
<!-- menu js -->
|
||||
<script src="{{ URL::asset('build/js/frontend/menu.init.js') }}"></script>
|
||||
@endsection
|
||||
@@ -0,0 +1,221 @@
|
||||
@extends('layouts.master')
|
||||
@section('title')
|
||||
Faqs
|
||||
@endsection
|
||||
@section('css')
|
||||
<!-- extra css -->
|
||||
@endsection
|
||||
@section('content')
|
||||
<section class="ecommerce-about bg-primary">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-6">
|
||||
<div class="text-center">
|
||||
<h1 class="text-white mb-0">Frequently Asked Questions</h1>
|
||||
<nav aria-label="breadcrumb">
|
||||
<ol class="breadcrumb breadcrumb-light justify-content-center mt-4 fs-15">
|
||||
<li class="breadcrumb-item"><a href="#">Shop</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page">Faq's</li>
|
||||
</ol>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end container-->
|
||||
</section>
|
||||
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-12">
|
||||
<div class="text-center">
|
||||
<h3>Have any Questions ?</h3>
|
||||
<p class="text-muted mb-4">You can ask anything you want to know about Feedback.</p>
|
||||
<div class="hstack flex-wrap gap-2 justify-content-center">
|
||||
<button type="button" class="btn btn-primary btn-label rounded-pill"><i
|
||||
class="ri-mail-line label-icon align-middle rounded-pill fs-16"></i> Email Us</button>
|
||||
<button type="button" class="btn btn-info btn-label rounded-pill"><i
|
||||
class="ri-twitter-line label-icon align-middle rounded-pill fs-16"></i> Send Us
|
||||
Tweet</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end row-->
|
||||
|
||||
<div class="row mt-5">
|
||||
<div class="col-lg-3 col-md-6">
|
||||
<div class="card text-center mt-4 position-relative">
|
||||
<div class="card-body">
|
||||
<div class="avatar-md mx-auto mb-4">
|
||||
<div class="avatar-title bg-success-subtle text-success rounded-circle h1 m-0">
|
||||
<i class="bi bi-box-seam"></i>
|
||||
</div>
|
||||
</div>
|
||||
<h5 class="fs-16 mb-3"><a href="#" class="text-body stretched-link">Order</a></h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-3 col-md-6">
|
||||
<div class="card text-center mt-4">
|
||||
<div class="card-body">
|
||||
<div class="avatar-md mx-auto mb-4">
|
||||
<div class="avatar-title bg-success-subtle text-success rounded-circle h1 m-0">
|
||||
<i class="bi bi-cash-coin"></i>
|
||||
</div>
|
||||
</div>
|
||||
<h5 class="fs-16 mb-3"><a href="#" class="text-body stretched-link">Payments</a></h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-3 col-md-6">
|
||||
<div class="card text-center mt-4">
|
||||
<div class="card-body">
|
||||
<div class="avatar-md mx-auto mb-4">
|
||||
<div class="avatar-title bg-success-subtle text-success rounded-circle h1 m-0">
|
||||
<i class="bi bi-truck"></i>
|
||||
</div>
|
||||
</div>
|
||||
<h5 class="fs-16 mb-3"><a href="#" class="text-body stretched-link">Delivery</a></h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-3 col-md-6">
|
||||
<div class="card text-center mt-4">
|
||||
<div class="card-body">
|
||||
<div class="avatar-md mx-auto mb-4">
|
||||
<div class="avatar-title bg-success-subtle text-success rounded-circle h1 m-0">
|
||||
<i class="bi bi-bag-dash"></i>
|
||||
</div>
|
||||
</div>
|
||||
<h5 class="fs-16 mb-3"><a href="#" class="text-body stretched-link">Returns</a></h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row gy-4 justify-content-center mt-2">
|
||||
<div class="col-xxl-8 col-lg-8">
|
||||
<div>
|
||||
<div class="mb-4">
|
||||
<h5 class="fs-16 mb-0 fw-semibold">General Questions</h5>
|
||||
</div>
|
||||
|
||||
<div class="accordion accordion-border-box" id="genques-accordion">
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="genques-headingOne">
|
||||
<button class="accordion-button" type="button" data-bs-toggle="collapse"
|
||||
data-bs-target="#genques-collapseOne" aria-expanded="true"
|
||||
aria-controls="genques-collapseOne">
|
||||
What are FAQ questions?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="genques-collapseOne" class="accordion-collapse collapse show"
|
||||
aria-labelledby="genques-headingOne" data-bs-parent="#genques-accordion">
|
||||
<div class="accordion-body">
|
||||
An FAQ page <b>(short for Frequently Asked Question page)</b> is a part of your
|
||||
website that provides answers to common questions, assuages concerns, and overcomes
|
||||
objections. It's a space where customers away from your sales-focused landing pages
|
||||
and homepage.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="genques-headingTwo">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
|
||||
data-bs-target="#genques-collapseTwo" aria-expanded="false"
|
||||
aria-controls="genques-collapseTwo">
|
||||
What is FAQ process?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="genques-collapseTwo" class="accordion-collapse collapse"
|
||||
aria-labelledby="genques-headingTwo" data-bs-parent="#genques-accordion">
|
||||
<div class="accordion-body">
|
||||
FAQ stands for Frequently Asked Questions. It's <b>your opportunity to communicate
|
||||
with the most important visitors to your website</b> – those who have begun the
|
||||
decision-making process about whether to do business with you can't fit elsewhere on
|
||||
their website.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="genques-headingThree">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
|
||||
data-bs-target="#genques-collapseThree" aria-expanded="false"
|
||||
aria-controls="genques-collapseThree">
|
||||
What is the purpose of FAQ?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="genques-collapseThree" class="accordion-collapse collapse"
|
||||
aria-labelledby="genques-headingThree" data-bs-parent="#genques-accordion">
|
||||
<div class="accordion-body">
|
||||
The purpose of a FAQ is generally to provide information on frequent questions or
|
||||
concerns; however, the format is a useful means of organizing information, and text
|
||||
consisting of questions and their answers may thus be called a FAQ regardless.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="genques-headingFour">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
|
||||
data-bs-target="#genques-collapseFour" aria-expanded="false"
|
||||
aria-controls="genques-collapseFour">
|
||||
What is an online FAQ?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="genques-collapseFour" class="accordion-collapse collapse"
|
||||
aria-labelledby="genques-headingFour" data-bs-parent="#genques-accordion">
|
||||
<div class="accordion-body">
|
||||
FAQs stand for frequently asked questions. It is one of the many crucial pages of
|
||||
your website. It gives your customers answers to recurring and common questions and
|
||||
addresses their concerns public product documentation that is released at the same
|
||||
time.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end accordion-->
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<!--end container-->
|
||||
</section>
|
||||
|
||||
<section class="section"
|
||||
style="background-image: url('build/images/profile-bg.jpg'); background-size: cover;background-position: center;">
|
||||
<div class="bg-overlay bg-secondary" style="opacity: 0.85;"></div>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="d-sm-flex align-items-center">
|
||||
<h2 class="text-white text-capitalize mb-0 flex-grow-1">Let us know how we can help you</h2>
|
||||
<div class="flex-shrink-0 mt-3 mt-sm-0">
|
||||
<a href="contact-us" class="btn btn-darken-secondary btn-hover"><i
|
||||
class="ph-phone align-middle me-1"></i> Contact Us</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end container-->
|
||||
</section>
|
||||
@endsection
|
||||
@section('scripts')
|
||||
<!-- Masonry plugin -->
|
||||
<script src="{{ URL::asset('build/libs/masonry-layout/masonry.pkgd.min.js') }}"></script>
|
||||
|
||||
<!-- landing-index js -->
|
||||
<script src="{{ URL::asset('build/js/frontend/menu.init.js') }}"></script>
|
||||
@endsection
|
||||
@@ -0,0 +1,495 @@
|
||||
@extends('layouts.master-without-nav')
|
||||
@section('title')
|
||||
Black Friday Email Template
|
||||
@endsection
|
||||
@section('css')
|
||||
<!-- extra css -->
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
|
||||
@endsection
|
||||
@section('content')
|
||||
<section
|
||||
style="font-family: 'Inter', sans-serif; box-sizing: border-box; font-size: 15px; width: 100%; background-color: transparent; margin: 35px 0;color: #06283D;">
|
||||
<div
|
||||
style="max-width: 600px;margin:auto; box-shadow: rgba(135, 138, 153, 0.10) 0 5px 20px -6px;border-radius: 6px;overflow: hidden;background-color: rgb(206, 236, 250);position: relative;">
|
||||
<div style="position: absolute;inset:0;opacity: 0.5;">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
xmlns:svgjs="http://svgjs.com/svgjs" width="1440" height="560" preserveAspectRatio="none"
|
||||
viewBox="0 0 1440 560">
|
||||
<g mask="url("#SvgjsMask1136")" fill="none">
|
||||
<use xlink:href="#SvgjsSymbol1143" x="0" y="0"></use>
|
||||
<use xlink:href="#SvgjsSymbol1143" x="720" y="0"></use>
|
||||
</g>
|
||||
<defs>
|
||||
<mask id="SvgjsMask1136">
|
||||
<rect width="1440" height="560" fill="#ffffff"></rect>
|
||||
</mask>
|
||||
<path d="M-1 0 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0z" id="SvgjsPath1141"></path>
|
||||
<path d="M-3 0 a3 3 0 1 0 6 0 a3 3 0 1 0 -6 0z" id="SvgjsPath1137"></path>
|
||||
<path d="M-5 0 a5 5 0 1 0 10 0 a5 5 0 1 0 -10 0z" id="SvgjsPath1139"></path>
|
||||
<path d="M2 -2 L-2 2z" id="SvgjsPath1140"></path>
|
||||
<path d="M6 -6 L-6 6z" id="SvgjsPath1138"></path>
|
||||
<path d="M30 -30 L-30 30z" id="SvgjsPath1142"></path>
|
||||
</defs>
|
||||
<symbol id="SvgjsSymbol1143">
|
||||
<use xlink:href="#SvgjsPath1137" x="30" y="30" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1138" x="30" y="90" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1138" x="30" y="150" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1137" x="30" y="210" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1139" x="30" y="270" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1138" x="30" y="330" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1138" x="30" y="390" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1138" x="30" y="450" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1139" x="30" y="510" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1138" x="30" y="570" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1140" x="90" y="30" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1140" x="90" y="90" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1137" x="90" y="150" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1139" x="90" y="210" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1141" x="90" y="270" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1140" x="90" y="330" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1138" x="90" y="390" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1139" x="90" y="450" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1138" x="90" y="510" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1141" x="90" y="570" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1142" x="150" y="30" stroke="rgba(28, 83, 142, 0.15)"
|
||||
stroke-width="3"></use>
|
||||
<use xlink:href="#SvgjsPath1137" x="150" y="90" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1138" x="150" y="150" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1139" x="150" y="210" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1140" x="150" y="270" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1138" x="150" y="330" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1138" x="150" y="390" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1139" x="150" y="450" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1138" x="150" y="510" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1139" x="150" y="570" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1138" x="210" y="30" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1138" x="210" y="90" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1141" x="210" y="150" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1139" x="210" y="210" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1137" x="210" y="270" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1137" x="210" y="330" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1139" x="210" y="390" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1142" x="210" y="450" stroke="rgba(28, 83, 142, 0.15)"
|
||||
stroke-width="3"></use>
|
||||
<use xlink:href="#SvgjsPath1138" x="210" y="510" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1138" x="210" y="570" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1139" x="270" y="30" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1138" x="270" y="90" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1138" x="270" y="150" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1138" x="270" y="210" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1139" x="270" y="270" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1139" x="270" y="330" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1141" x="270" y="390" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1138" x="270" y="450" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1139" x="270" y="510" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1139" x="270" y="570" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1139" x="330" y="30" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1138" x="330" y="90" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1138" x="330" y="150" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1139" x="330" y="210" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1138" x="330" y="270" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1140" x="330" y="330" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1138" x="330" y="390" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1138" x="330" y="450" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1138" x="330" y="510" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1138" x="330" y="570" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1138" x="390" y="30" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1138" x="390" y="90" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1139" x="390" y="150" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1137" x="390" y="210" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1138" x="390" y="270" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1138" x="390" y="330" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1137" x="390" y="390" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1139" x="390" y="450" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1139" x="390" y="510" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1140" x="390" y="570" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1137" x="450" y="30" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1138" x="450" y="90" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1141" x="450" y="150" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1138" x="450" y="210" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1140" x="450" y="270" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1141" x="450" y="330" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1141" x="450" y="390" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1137" x="450" y="450" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1138" x="450" y="510" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1139" x="450" y="570" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1138" x="510" y="30" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1139" x="510" y="90" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1139" x="510" y="150" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1139" x="510" y="210" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1138" x="510" y="270" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1138" x="510" y="330" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1138" x="510" y="390" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1137" x="510" y="450" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1141" x="510" y="510" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1140" x="510" y="570" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1139" x="570" y="30" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1138" x="570" y="90" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1139" x="570" y="150" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1139" x="570" y="210" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1139" x="570" y="270" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1138" x="570" y="330" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1138" x="570" y="390" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1137" x="570" y="450" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1139" x="570" y="510" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1139" x="570" y="570" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1140" x="630" y="30" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1137" x="630" y="90" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1141" x="630" y="150" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1138" x="630" y="210" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1140" x="630" y="270" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1139" x="630" y="330" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1138" x="630" y="390" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1139" x="630" y="450" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1139" x="630" y="510" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1138" x="630" y="570" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1139" x="690" y="30" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1139" x="690" y="90" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1139" x="690" y="150" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1141" x="690" y="210" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1138" x="690" y="270" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1139" x="690" y="330" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1139" x="690" y="390" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1138" x="690" y="450" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1138" x="690" y="510" stroke="rgba(28, 83, 142, 0.15)">
|
||||
</use>
|
||||
<use xlink:href="#SvgjsPath1142" x="690" y="570" stroke="rgba(28, 83, 142, 0.15)"
|
||||
stroke-width="3"></use>
|
||||
</symbol>
|
||||
</svg>
|
||||
</div>
|
||||
<div style="padding: 3.5rem;z-index: 1;position: relative;">
|
||||
<div style="text-align: center;">
|
||||
<h5
|
||||
style="color: #0d84b3 !important;font-size: 16px;font-family: 'Inter', sans-serif;font-weight: 500;text-transform: uppercase;margin-bottom: 18px;margin-top: 0px;line-height: 1.2;">
|
||||
✨ Black Friday Sale ✨</h5>
|
||||
<h5
|
||||
style="color:#0d355d !important;font-size: 45px;font-family: 'Inter', sans-serif;font-weight: 600;text-transform: uppercase;margin-bottom: 18px;margin-top: 0px;line-height: 1.2;">
|
||||
<span style="font-size: 120px;">50</span> <span style="width: 20px;display: inline-block;">%
|
||||
Off</span></h5>
|
||||
<p style="color: #0d355d !important; margin-bottom: 25px;margin-top: 0px;line-height: 1.5;">Black
|
||||
Friday always occurs the day after Thanksgiving, but the exact date changes from year to year. In
|
||||
2022, Black Friday falls on November 25.</p>
|
||||
</div>
|
||||
<div>
|
||||
<h5
|
||||
style="color:#0d355d !important;font-size: 18px;font-family: 'Inter', sans-serif;font-weight: 600;margin-bottom: 10px;margin-top: 0px;line-height: 1.2;text-align: center;">
|
||||
Additional 50% Off</h5>
|
||||
<p
|
||||
style="color: #0d355d !important; margin-bottom: 25px;margin-top: 0px;line-height: 1.5;text-align: center;">
|
||||
On Clothes for kids,women & Mens Wear</p>
|
||||
<table style="width: 100%;" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td style="padding: 8px; vertical-align: top;text-align: center;">
|
||||
<div style="position: relative;">
|
||||
<div style="padding: 35px;background-color: #fff;border-radius: 6px;">
|
||||
<img src="{{ URL::asset('build/images/products/img-5.png') }}" alt="" height="150">
|
||||
</div>
|
||||
<a href="#!">
|
||||
<h6
|
||||
style="font-size: 15px; margin: 10px 0;font-weight: 600; font-family: 'Inter', sans-serif;color: #0d355d;">
|
||||
Sports Footwear</h6>
|
||||
</a>
|
||||
</div>
|
||||
</td>
|
||||
<td style="padding: 8px; vertical-align: top;text-align: center;">
|
||||
<div style="position: relative;">
|
||||
<div style="padding: 35px;background-color: #fff;border-radius: 6px;">
|
||||
<img src="{{ URL::asset('build/images/products/img-14.png') }}" alt="" height="150">
|
||||
</div>
|
||||
<a href="#!">
|
||||
<h6
|
||||
style="font-size: 15px; margin: 10px 0;font-weight: 600; font-family: 'Inter', sans-serif;color: #0d355d;">
|
||||
Furniture & Decore</h6>
|
||||
</a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<div style="text-align: center;margin-top: 25px;">
|
||||
<button type="button"
|
||||
style="display: inline-block;padding: 12px 24px;font-size: 14px;font-weight: 400;border-radius: 6px;background-color: #438eff;color:#fff; border:none ;box-shadow: none;cursor: pointer;text-align: center;box-sizing: border-box;width: 250px;">Shop
|
||||
Now</button>
|
||||
<p style="margin: 8px 0 0 0;font-size: 13px;">Use code <b>BLACK</b> at checkout</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section
|
||||
style="font-family: 'Inter', sans-serif; box-sizing: border-box; font-size: 15px; width: 100%; background-color: transparent; margin: 35px 0;color: #e6f4fd;">
|
||||
<div
|
||||
style="max-width: 600px;margin:auto; box-shadow: rgba(135, 138, 153, 0.10) 0 5px 20px -6px;border-radius: 6px;overflow: hidden;background-color: #062e41;position: relative;">
|
||||
<div style="position: absolute;inset:0;opacity: 0.5;">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
xmlns:svgjs="http://svgjs.com/svgjs" width="1440" height="560" preserveAspectRatio="none"
|
||||
viewBox="0 0 1440 560">
|
||||
<g mask="url("#SvgjsMask1027")" fill="none">
|
||||
<path d="M919 348L918 564" stroke-width="8" stroke="url(#SvgjsLinearGradient1028)"
|
||||
stroke-linecap="round" class="Up"></path>
|
||||
<path d="M1407 472L1406 734" stroke-width="8" stroke="url(#SvgjsLinearGradient1029)"
|
||||
stroke-linecap="round" class="Down"></path>
|
||||
<path d="M1114 394L1113 720" stroke-width="8" stroke="url(#SvgjsLinearGradient1028)"
|
||||
stroke-linecap="round" class="Up"></path>
|
||||
<path d="M441 245L440 580" stroke-width="10" stroke="url(#SvgjsLinearGradient1028)"
|
||||
stroke-linecap="round" class="Up"></path>
|
||||
<path d="M1005 414L1004 792" stroke-width="8" stroke="url(#SvgjsLinearGradient1029)"
|
||||
stroke-linecap="round" class="Down"></path>
|
||||
<path d="M882 119L881 354" stroke-width="10" stroke="url(#SvgjsLinearGradient1028)"
|
||||
stroke-linecap="round" class="Up"></path>
|
||||
<path d="M1386 139L1385 291" stroke-width="6" stroke="url(#SvgjsLinearGradient1028)"
|
||||
stroke-linecap="round" class="Up"></path>
|
||||
<path d="M243 140L242 -155" stroke-width="10" stroke="url(#SvgjsLinearGradient1029)"
|
||||
stroke-linecap="round" class="Down"></path>
|
||||
<path d="M265 363L264 111" stroke-width="8" stroke="url(#SvgjsLinearGradient1028)"
|
||||
stroke-linecap="round" class="Up"></path>
|
||||
<path d="M248 415L247 695" stroke-width="6" stroke="url(#SvgjsLinearGradient1028)"
|
||||
stroke-linecap="round" class="Up"></path>
|
||||
<path d="M1389 31L1388 415" stroke-width="8" stroke="url(#SvgjsLinearGradient1028)"
|
||||
stroke-linecap="round" class="Up"></path>
|
||||
<path d="M328 145L327 -270" stroke-width="10" stroke="url(#SvgjsLinearGradient1029)"
|
||||
stroke-linecap="round" class="Down"></path>
|
||||
<path d="M893 146L892 360" stroke-width="6" stroke="url(#SvgjsLinearGradient1028)"
|
||||
stroke-linecap="round" class="Up"></path>
|
||||
<path d="M413 377L412 51" stroke-width="6" stroke="url(#SvgjsLinearGradient1029)"
|
||||
stroke-linecap="round" class="Down"></path>
|
||||
<path d="M1193 367L1192 702" stroke-width="10" stroke="url(#SvgjsLinearGradient1028)"
|
||||
stroke-linecap="round" class="Up"></path>
|
||||
<path d="M715 405L714 50" stroke-width="10" stroke="url(#SvgjsLinearGradient1029)"
|
||||
stroke-linecap="round" class="Down"></path>
|
||||
<path d="M1433 509L1432 849" stroke-width="8" stroke="url(#SvgjsLinearGradient1028)"
|
||||
stroke-linecap="round" class="Up"></path>
|
||||
<path d="M327 38L326 367" stroke-width="8" stroke="url(#SvgjsLinearGradient1028)"
|
||||
stroke-linecap="round" class="Up"></path>
|
||||
<path d="M232 551L231 879" stroke-width="10" stroke="url(#SvgjsLinearGradient1028)"
|
||||
stroke-linecap="round" class="Up"></path>
|
||||
<path d="M615 279L614 5" stroke-width="8" stroke="url(#SvgjsLinearGradient1029)"
|
||||
stroke-linecap="round" class="Down"></path>
|
||||
<path d="M624 296L623 609" stroke-width="8" stroke="url(#SvgjsLinearGradient1028)"
|
||||
stroke-linecap="round" class="Up"></path>
|
||||
<path d="M622 197L621 444" stroke-width="8" stroke="url(#SvgjsLinearGradient1029)"
|
||||
stroke-linecap="round" class="Down"></path>
|
||||
<path d="M405 523L404 163" stroke-width="10" stroke="url(#SvgjsLinearGradient1028)"
|
||||
stroke-linecap="round" class="Up"></path>
|
||||
<path d="M1210 177L1209 -42" stroke-width="8" stroke="url(#SvgjsLinearGradient1028)"
|
||||
stroke-linecap="round" class="Up"></path>
|
||||
<path d="M846 53L845 -134" stroke-width="6" stroke="url(#SvgjsLinearGradient1029)"
|
||||
stroke-linecap="round" class="Down"></path>
|
||||
<path d="M1245 469L1244 247" stroke-width="10" stroke="url(#SvgjsLinearGradient1028)"
|
||||
stroke-linecap="round" class="Up"></path>
|
||||
<path d="M85 503L84 846" stroke-width="10" stroke="url(#SvgjsLinearGradient1029)"
|
||||
stroke-linecap="round" class="Down"></path>
|
||||
<path d="M26 137L25 315" stroke-width="10" stroke="url(#SvgjsLinearGradient1029)"
|
||||
stroke-linecap="round" class="Down"></path>
|
||||
<path d="M288 469L287 98" stroke-width="10" stroke="url(#SvgjsLinearGradient1029)"
|
||||
stroke-linecap="round" class="Down"></path>
|
||||
<path d="M1038 359L1037 -40" stroke-width="6" stroke="url(#SvgjsLinearGradient1028)"
|
||||
stroke-linecap="round" class="Up"></path>
|
||||
<path d="M509 287L508 34" stroke-width="8" stroke="url(#SvgjsLinearGradient1029)"
|
||||
stroke-linecap="round" class="Down"></path>
|
||||
<path d="M1299 341L1298 647" stroke-width="6" stroke="url(#SvgjsLinearGradient1028)"
|
||||
stroke-linecap="round" class="Up"></path>
|
||||
<path d="M52 209L51 -171" stroke-width="8" stroke="url(#SvgjsLinearGradient1028)"
|
||||
stroke-linecap="round" class="Up"></path>
|
||||
<path d="M1276 124L1275 381" stroke-width="10" stroke="url(#SvgjsLinearGradient1029)"
|
||||
stroke-linecap="round" class="Down"></path>
|
||||
<path d="M906 312L905 -27" stroke-width="8" stroke="url(#SvgjsLinearGradient1029)"
|
||||
stroke-linecap="round" class="Down"></path>
|
||||
<path d="M1405 428L1404 704" stroke-width="6" stroke="url(#SvgjsLinearGradient1029)"
|
||||
stroke-linecap="round" class="Down"></path>
|
||||
</g>
|
||||
<defs>
|
||||
<mask id="SvgjsMask1027">
|
||||
<rect width="1440" height="560" fill="#ffffff"></rect>
|
||||
</mask>
|
||||
<linearGradient x1="0%" y1="100%" x2="0%" y2="0%"
|
||||
id="SvgjsLinearGradient1028">
|
||||
<stop stop-color="rgba(12, 64, 89, 0)" offset="0"></stop>
|
||||
<stop stop-color="rgba(12, 64, 89, 1)" offset="1"></stop>
|
||||
</linearGradient>
|
||||
<linearGradient x1="0%" y1="0%" x2="0%" y2="100%"
|
||||
id="SvgjsLinearGradient1029">
|
||||
<stop stop-color="rgba(12, 64, 89, 0)" offset="0"></stop>
|
||||
<stop stop-color="rgba(12, 64, 89, 1)" offset="1"></stop>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
</div>
|
||||
<div style="padding: 3.5rem;z-index: 1;position: relative;">
|
||||
<div style="text-align: center;">
|
||||
<h5
|
||||
style="color: #438eff !important;font-size: 16px;font-family: 'Inter', sans-serif;font-weight: 500;text-transform: uppercase;margin-bottom: 18px;margin-top: 0px;line-height: 1.2;">
|
||||
✨ Black Friday Sale ✨</h5>
|
||||
<h5
|
||||
style="color:#daedff !important;font-size: 45px;font-family: 'Inter', sans-serif;font-weight: 600;text-transform: uppercase;margin-bottom: 18px;margin-top: 0px;line-height: 1.2;">
|
||||
<span style="font-size: 120px;">50</span> <span style="width: 20px;display: inline-block;">%
|
||||
Off</span></h5>
|
||||
<p style="color: #9eb8d1 !important; margin-bottom: 25px;margin-top: 0px;line-height: 1.5;">Black
|
||||
Friday always occurs the day after Thanksgiving, but the exact date changes from year to year. In
|
||||
2022, Black Friday falls on November 25.</p>
|
||||
</div>
|
||||
<div>
|
||||
<h5
|
||||
style="color:#daedff !important;font-size: 18px;font-family: 'Inter', sans-serif;font-weight: 600;margin-bottom: 10px;margin-top: 0px;line-height: 1.2;text-align: center;">
|
||||
Additional 50% Off</h5>
|
||||
<p
|
||||
style="color: #9eb8d1 !important; margin-bottom: 25px;margin-top: 0px;line-height: 1.5;text-align: center;">
|
||||
On Clothes for kids,women & Mens Wear</p>
|
||||
<table style="width: 100%;" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td style="padding: 8px; vertical-align: top;text-align: center;">
|
||||
<div style="position: relative;">
|
||||
<div style="padding: 35px;background-color: #113b4f;border-radius: 6px;">
|
||||
<img src="{{ URL::asset('build/images/products/img-5.png') }}" alt="" height="150">
|
||||
</div>
|
||||
<a href="#!">
|
||||
<h6
|
||||
style="font-size: 15px; margin: 10px 0;font-weight: 600; font-family: 'Inter', sans-serif;color: #daedff;">
|
||||
Sports Footwear</h6>
|
||||
</a>
|
||||
</div>
|
||||
</td>
|
||||
<td style="padding: 8px; vertical-align: top;text-align: center;">
|
||||
<div style="position: relative;">
|
||||
<div style="padding: 35px;background-color: #113b4f;border-radius: 6px;">
|
||||
<img src="{{ URL::asset('build/images/products/img-14.png') }}" alt="" height="150">
|
||||
</div>
|
||||
<a href="#!">
|
||||
<h6
|
||||
style="font-size: 15px; margin: 10px 0;font-weight: 600; font-family: 'Inter', sans-serif;color: #daedff;">
|
||||
Furniture & Decore</h6>
|
||||
</a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<div style="text-align: center;margin-top: 25px;">
|
||||
<button type="button"
|
||||
style="display: inline-block;padding: 12px 24px;font-size: 14px;font-weight: 400;border-radius: 6px;background-color: #438eff;color:#fff; border:none ;box-shadow: none;cursor: pointer;text-align: center;box-sizing: border-box;width: 250px;">Shop
|
||||
Now</button>
|
||||
<p style="margin: 8px 0 0 0;font-size: 13px;">Use code <b>BLACK</b> at checkout</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@endsection
|
||||
@@ -0,0 +1,370 @@
|
||||
@extends('layouts.master-without-nav')
|
||||
@section('title') Faqs @endsection
|
||||
@section('css')
|
||||
<!-- extra css -->
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
|
||||
@endsection
|
||||
@section('content')
|
||||
<section style="font-family: 'Inter', sans-serif; box-sizing: border-box; font-size: 15px; width: 100%; background-color: transparent; margin: 35px 0;color: #06283D;">
|
||||
<div style="max-width: 600px;margin:auto; box-shadow: rgba(135, 138, 153, 0.10) 0 5px 20px -6px;border-radius: 6px;overflow: hidden;background-color: #438eff;position: relative;">
|
||||
<div style="padding: 24px; text-align:center; font-weight: 600;z-index: 1;position: relative; background-color: #0d355d; color: #fff; ">It's our biggest sale of the year</div>
|
||||
<div style="padding: 4.5rem 3.5rem 3.5rem;z-index: 1;position: relative;">
|
||||
<div style="position: absolute;inset:0;opacity: 0.5;">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="1440" height="640" preserveAspectRatio="none" viewBox="0 0 1440 640">
|
||||
<g mask="url("#SvgjsMask1136")" fill="none">
|
||||
<use xlink:href="#SvgjsSymbol1143" x="0" y="0"></use>
|
||||
<use xlink:href="#SvgjsSymbol1143" x="720" y="0"></use>
|
||||
</g>
|
||||
<defs>
|
||||
<mask id="SvgjsMask1136">
|
||||
<rect width="1440" height="640" fill="#ffffff"></rect>
|
||||
</mask>
|
||||
<path d="M-1 0 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0z" id="SvgjsPath1141"></path>
|
||||
<path d="M-3 0 a3 3 0 1 0 6 0 a3 3 0 1 0 -6 0z" id="SvgjsPath1137"></path>
|
||||
<path d="M-5 0 a5 5 0 1 0 10 0 a5 5 0 1 0 -10 0z" id="SvgjsPath1139"></path>
|
||||
<path d="M2 -2 L-2 2z" id="SvgjsPath1140"></path>
|
||||
<path d="M6 -6 L-6 6z" id="SvgjsPath1138"></path>
|
||||
<path d="M30 -30 L-30 30z" id="SvgjsPath1142"></path>
|
||||
</defs>
|
||||
<symbol id="SvgjsSymbol1143">
|
||||
<use xlink:href="#SvgjsPath1137" x="30" y="30" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1138" x="30" y="90" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1138" x="30" y="150" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1137" x="30" y="210" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1139" x="30" y="270" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1138" x="30" y="330" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1138" x="30" y="390" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1138" x="30" y="450" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1139" x="30" y="510" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1138" x="30" y="570" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
|
||||
<use xlink:href="#SvgjsPath1140" x="90" y="30" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1140" x="90" y="90" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1137" x="90" y="150" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1139" x="90" y="210" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1141" x="90" y="270" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1140" x="90" y="330" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1138" x="90" y="390" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1139" x="90" y="450" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1138" x="90" y="510" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1141" x="90" y="570" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
|
||||
<use xlink:href="#SvgjsPath1142" x="150" y="30" stroke="rgba(255, 255, 255, 0.4)" stroke-width="3"></use>
|
||||
<use xlink:href="#SvgjsPath1137" x="150" y="90" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1138" x="150" y="150" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1139" x="150" y="210" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1140" x="150" y="270" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1138" x="150" y="330" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1138" x="150" y="390" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1139" x="150" y="450" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1138" x="150" y="510" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1139" x="150" y="570" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
|
||||
<use xlink:href="#SvgjsPath1138" x="210" y="30" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1138" x="210" y="90" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1141" x="210" y="150" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1139" x="210" y="210" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1137" x="210" y="270" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1137" x="210" y="330" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1139" x="210" y="390" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1142" x="210" y="450" stroke="rgba(255, 255, 255, 0.4)" stroke-width="3"></use>
|
||||
<use xlink:href="#SvgjsPath1138" x="210" y="510" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1138" x="210" y="570" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
|
||||
<use xlink:href="#SvgjsPath1139" x="270" y="30" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1138" x="270" y="90" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1138" x="270" y="150" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1138" x="270" y="210" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1139" x="270" y="270" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1139" x="270" y="330" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1141" x="270" y="390" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1138" x="270" y="450" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1139" x="270" y="510" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1139" x="270" y="570" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
|
||||
<use xlink:href="#SvgjsPath1139" x="330" y="30" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1138" x="330" y="90" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1138" x="330" y="150" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1139" x="330" y="210" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1138" x="330" y="270" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1140" x="330" y="330" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1138" x="330" y="390" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1138" x="330" y="450" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1138" x="330" y="510" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1138" x="330" y="570" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
|
||||
<use xlink:href="#SvgjsPath1138" x="390" y="30" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1138" x="390" y="90" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1139" x="390" y="150" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1137" x="390" y="210" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1138" x="390" y="270" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1138" x="390" y="330" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1137" x="390" y="390" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1139" x="390" y="450" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1139" x="390" y="510" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1140" x="390" y="570" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
|
||||
<use xlink:href="#SvgjsPath1137" x="450" y="30" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1138" x="450" y="90" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1141" x="450" y="150" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1138" x="450" y="210" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1140" x="450" y="270" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1141" x="450" y="330" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1141" x="450" y="390" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1137" x="450" y="450" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1138" x="450" y="510" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1139" x="450" y="570" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
|
||||
<use xlink:href="#SvgjsPath1138" x="510" y="30" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1139" x="510" y="90" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1139" x="510" y="150" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1139" x="510" y="210" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1138" x="510" y="270" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1138" x="510" y="330" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1138" x="510" y="390" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1137" x="510" y="450" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1141" x="510" y="510" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1140" x="510" y="570" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
|
||||
<use xlink:href="#SvgjsPath1139" x="570" y="30" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1138" x="570" y="90" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1139" x="570" y="150" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1139" x="570" y="210" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1139" x="570" y="270" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1138" x="570" y="330" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1138" x="570" y="390" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1137" x="570" y="450" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1139" x="570" y="510" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1139" x="570" y="570" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
|
||||
<use xlink:href="#SvgjsPath1140" x="630" y="30" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1137" x="630" y="90" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1141" x="630" y="150" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1138" x="630" y="210" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1140" x="630" y="270" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1139" x="630" y="330" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1138" x="630" y="390" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1139" x="630" y="450" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1139" x="630" y="510" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1138" x="630" y="570" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
|
||||
<use xlink:href="#SvgjsPath1139" x="690" y="30" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1139" x="690" y="90" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1139" x="690" y="150" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1141" x="690" y="210" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1138" x="690" y="270" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1139" x="690" y="330" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1139" x="690" y="390" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1138" x="690" y="450" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1138" x="690" y="510" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1142" x="690" y="570" stroke="rgba(255, 255, 255, 0.4)" stroke-width="3"></use>
|
||||
</symbol>
|
||||
</svg>
|
||||
</div>
|
||||
<div style="position: relative; padding:24px;background-image: url('build/images/ecommerce/img-2.jpg');background-size: cover;background-position: center; border-radius: 8px;">
|
||||
<div style="position:absolute; top:0; bottom:0; left:0; right:0; background-color: rgba(255, 255, 255, .75); border-radius: 8px;"></div>
|
||||
<div style="position: relative">
|
||||
<div style="text-align: center;">
|
||||
<h5 style="color: #0d355d !important;font-size: 64px;font-family: 'Inter', sans-serif;font-weight: 600;text-transform: uppercase;margin-bottom: 18px;margin-top: -60px;line-height: 1.2;">Sale</h5>
|
||||
<h5 style="color:#0d355d !important;font-size: 24px;font-family: 'Inter', sans-serif;font-weight: 600;margin-bottom: 18px;margin: 0px;line-height: 1.2;">Up to</h5>
|
||||
<h5 style="color:#438eff !important;font-size: 45px;font-family: 'Inter', sans-serif;font-weight: 600;text-transform: uppercase;margin-bottom: 18px;margin-top: 0px;line-height: 1.2;"><span style="font-size: 120px;">50</span> <span style="width: 20px;display: inline-block;">% Off</span></h5>
|
||||
<p style="color: #0d355d !important; margin-bottom: 25px;margin-top: 0px;line-height: 1.5;">A flash sale is a discount or promotion offered for a limited period of time.</p>
|
||||
</div>
|
||||
<div>
|
||||
<h5 style="color:#0d355d !important;font-size: 18px;font-family: 'Inter', sans-serif;font-weight: 600;margin-bottom: 10px;margin-top: 0px;line-height: 1.2;text-align: center;">Additional 50% Off</h5>
|
||||
<p style="color: #0d355d !important; margin-bottom: 25px;margin-top: 0px;line-height: 1.5;text-align: center;">On Clothes for kids,women & Mens Wear</p>
|
||||
|
||||
|
||||
<div style="text-align: center;margin-top: 25px;">
|
||||
<button type="button" style="display: inline-block;padding: 12px 24px;font-size: 14px;font-weight: 400;border-radius: 6px;background-color: #0d355d;color:#fff; border:none ;box-shadow: none;cursor: pointer;text-align: center;box-sizing: border-box;width: 250px;">Shop Now</button>
|
||||
<p style="color:#0d355d;margin: 8px 0 0 0;font-size: 13px;">Use code <b>FLASH50</b> at checkout</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section style="font-family: 'Inter', sans-serif; box-sizing: border-box; font-size: 15px; width: 100%; background-color: transparent; margin: 35px 0;color: #06283D;">
|
||||
<div style="max-width: 600px;margin:auto; box-shadow: rgba(135, 138, 153, 0.10) 0 5px 20px -6px;border-radius: 6px;overflow: hidden;background-color: #0d355d;position: relative;">
|
||||
<div style="padding: 24px; text-align:center; font-weight: 600;z-index: 1;position: relative; background-color: #103d6a; color: #fff; ">It's our biggest sale of the year</div>
|
||||
<div style="padding: 4.5rem 3.5rem 3.5rem;z-index: 1;position: relative;">
|
||||
<div style="position: absolute;inset:0;opacity: 0.25;">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="1440" height="640" preserveAspectRatio="none" viewBox="0 0 1440 640">
|
||||
<g mask="url("#SvgjsMask1136")" fill="none">
|
||||
<use xlink:href="#SvgjsSymbol1143" x="0" y="0"></use>
|
||||
<use xlink:href="#SvgjsSymbol1143" x="720" y="0"></use>
|
||||
</g>
|
||||
<defs>
|
||||
<mask id="SvgjsMask1136">
|
||||
<rect width="1440" height="640" fill="#ffffff"></rect>
|
||||
</mask>
|
||||
<path d="M-1 0 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0z" id="SvgjsPath1141"></path>
|
||||
<path d="M-3 0 a3 3 0 1 0 6 0 a3 3 0 1 0 -6 0z" id="SvgjsPath1137"></path>
|
||||
<path d="M-5 0 a5 5 0 1 0 10 0 a5 5 0 1 0 -10 0z" id="SvgjsPath1139"></path>
|
||||
<path d="M2 -2 L-2 2z" id="SvgjsPath1140"></path>
|
||||
<path d="M6 -6 L-6 6z" id="SvgjsPath1138"></path>
|
||||
<path d="M30 -30 L-30 30z" id="SvgjsPath1142"></path>
|
||||
</defs>
|
||||
<symbol id="SvgjsSymbol1143">
|
||||
<use xlink:href="#SvgjsPath1137" x="30" y="30" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1138" x="30" y="90" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1138" x="30" y="150" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1137" x="30" y="210" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1139" x="30" y="270" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1138" x="30" y="330" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1138" x="30" y="390" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1138" x="30" y="450" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1139" x="30" y="510" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1138" x="30" y="570" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
|
||||
<use xlink:href="#SvgjsPath1140" x="90" y="30" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1140" x="90" y="90" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1137" x="90" y="150" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1139" x="90" y="210" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1141" x="90" y="270" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1140" x="90" y="330" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1138" x="90" y="390" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1139" x="90" y="450" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1138" x="90" y="510" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1141" x="90" y="570" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
|
||||
<use xlink:href="#SvgjsPath1142" x="150" y="30" stroke="rgba(255, 255, 255, 0.4)" stroke-width="3"></use>
|
||||
<use xlink:href="#SvgjsPath1137" x="150" y="90" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1138" x="150" y="150" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1139" x="150" y="210" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1140" x="150" y="270" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1138" x="150" y="330" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1138" x="150" y="390" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1139" x="150" y="450" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1138" x="150" y="510" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1139" x="150" y="570" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
|
||||
<use xlink:href="#SvgjsPath1138" x="210" y="30" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1138" x="210" y="90" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1141" x="210" y="150" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1139" x="210" y="210" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1137" x="210" y="270" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1137" x="210" y="330" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1139" x="210" y="390" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1142" x="210" y="450" stroke="rgba(255, 255, 255, 0.4)" stroke-width="3"></use>
|
||||
<use xlink:href="#SvgjsPath1138" x="210" y="510" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1138" x="210" y="570" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
|
||||
<use xlink:href="#SvgjsPath1139" x="270" y="30" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1138" x="270" y="90" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1138" x="270" y="150" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1138" x="270" y="210" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1139" x="270" y="270" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1139" x="270" y="330" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1141" x="270" y="390" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1138" x="270" y="450" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1139" x="270" y="510" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1139" x="270" y="570" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
|
||||
<use xlink:href="#SvgjsPath1139" x="330" y="30" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1138" x="330" y="90" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1138" x="330" y="150" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1139" x="330" y="210" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1138" x="330" y="270" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1140" x="330" y="330" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1138" x="330" y="390" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1138" x="330" y="450" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1138" x="330" y="510" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1138" x="330" y="570" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
|
||||
<use xlink:href="#SvgjsPath1138" x="390" y="30" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1138" x="390" y="90" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1139" x="390" y="150" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1137" x="390" y="210" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1138" x="390" y="270" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1138" x="390" y="330" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1137" x="390" y="390" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1139" x="390" y="450" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1139" x="390" y="510" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1140" x="390" y="570" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
|
||||
<use xlink:href="#SvgjsPath1137" x="450" y="30" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1138" x="450" y="90" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1141" x="450" y="150" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1138" x="450" y="210" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1140" x="450" y="270" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1141" x="450" y="330" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1141" x="450" y="390" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1137" x="450" y="450" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1138" x="450" y="510" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1139" x="450" y="570" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
|
||||
<use xlink:href="#SvgjsPath1138" x="510" y="30" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1139" x="510" y="90" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1139" x="510" y="150" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1139" x="510" y="210" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1138" x="510" y="270" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1138" x="510" y="330" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1138" x="510" y="390" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1137" x="510" y="450" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1141" x="510" y="510" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1140" x="510" y="570" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
|
||||
<use xlink:href="#SvgjsPath1139" x="570" y="30" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1138" x="570" y="90" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1139" x="570" y="150" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1139" x="570" y="210" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1139" x="570" y="270" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1138" x="570" y="330" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1138" x="570" y="390" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1137" x="570" y="450" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1139" x="570" y="510" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1139" x="570" y="570" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
|
||||
<use xlink:href="#SvgjsPath1140" x="630" y="30" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1137" x="630" y="90" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1141" x="630" y="150" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1138" x="630" y="210" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1140" x="630" y="270" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1139" x="630" y="330" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1138" x="630" y="390" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1139" x="630" y="450" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1139" x="630" y="510" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1138" x="630" y="570" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
|
||||
<use xlink:href="#SvgjsPath1139" x="690" y="30" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1139" x="690" y="90" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1139" x="690" y="150" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1141" x="690" y="210" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1138" x="690" y="270" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1139" x="690" y="330" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1139" x="690" y="390" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1138" x="690" y="450" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1138" x="690" y="510" stroke="rgba(255, 255, 255, 0.4)"></use>
|
||||
<use xlink:href="#SvgjsPath1142" x="690" y="570" stroke="rgba(255, 255, 255, 0.4)" stroke-width="3"></use>
|
||||
</symbol>
|
||||
</svg>
|
||||
</div>
|
||||
<div style="position: relative; padding:24px;background-image: url('build/images/ecommerce/img-2.jpg');background-size: cover;background-position: center; border-radius: 8px;">
|
||||
<div style="position:absolute; top:0; bottom:0; left:0; right:0; background-color: rgba(67, 142, 255, .7); border-radius: 8px;"></div>
|
||||
<div style="position: relative">
|
||||
<div style="text-align: center;">
|
||||
<h5 style="color: #fff !important;font-size: 64px;font-family: 'Inter', sans-serif;font-weight: 600;text-transform: uppercase;margin-bottom: 18px;margin-top: -60px;line-height: 1.2;">Sale</h5>
|
||||
<h5 style="color:#fff !important;font-size: 24px;font-family: 'Inter', sans-serif;font-weight: 600;margin-bottom: 18px;margin: 0px;line-height: 1.2;">Up to</h5>
|
||||
<h5 style="color:#fff !important;font-size: 45px;font-family: 'Inter', sans-serif;font-weight: 600;text-transform: uppercase;margin-bottom: 18px;margin-top: 0px;line-height: 1.2;"><span style="font-size: 120px;">50</span> <span style="width: 20px;display: inline-block;">% Off</span></h5>
|
||||
<p style="color: #fff !important; margin-bottom: 25px;margin-top: 0px;line-height: 1.5;">A flash sale is a discount or promotion offered for a limited period of time.</p>
|
||||
</div>
|
||||
<div>
|
||||
<h5 style="color:#fff !important;font-size: 18px;font-family: 'Inter', sans-serif;font-weight: 600;margin-bottom: 10px;margin-top: 0px;line-height: 1.2;text-align: center;">Additional 50% Off</h5>
|
||||
<p style="color: #fff !important; margin-bottom: 25px;margin-top: 0px;line-height: 1.5;text-align: center;">On Clothes for kids,women & Mens Wear</p>
|
||||
|
||||
|
||||
<div style="text-align: center;margin-top: 25px;">
|
||||
<button type="button" style="display: inline-block;padding: 12px 24px;font-size: 14px;font-weight: 400;border-radius: 6px;background-color: #0d355d;color:#fff; border:none ;box-shadow: none;cursor: pointer;text-align: center;box-sizing: border-box;width: 250px;">Shop Now</button>
|
||||
<p style="color:#fff;margin: 8px 0 0 0;font-size: 13px;">Use code <b>FLASH50</b> at checkout</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@endsection
|
||||
@@ -0,0 +1,415 @@
|
||||
@extends('layouts.master-without-nav')
|
||||
@section('title')
|
||||
Order Success 2 Email Template
|
||||
@endsection
|
||||
@section('css')
|
||||
<!-- extra css -->
|
||||
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet">
|
||||
@endsection
|
||||
@section('content')
|
||||
<section
|
||||
style="font-family: 'Poppins', sans-serif; box-sizing: border-box; font-size: 15px; width: 100%; background-color: transparent; margin: 35px 0;color: #06283D;">
|
||||
<div
|
||||
style="max-width: 650px;margin:auto; box-shadow: rgba(135, 138, 153, 0.10) 0 5px 20px -6px;border-radius: 6px;border: 1px solid #eef1f5;overflow: hidden;background-color: #fff;">
|
||||
<div
|
||||
style="padding: 1.5rem; display: flex;gap: 8px; align-items: center; justify-content: space-between;flex-wrap: wrap;">
|
||||
<div>
|
||||
<a href="index"><img src="{{ URL::asset('build/images/logo-dark.png') }}" alt="" height="24"></a>
|
||||
</div>
|
||||
<div style="display: flex;gap: 6px;">
|
||||
<p style="margin-bottom: 0px; font-size: 14px;font-weight: 500;margin-top: 0px;"><span
|
||||
style="color: #878a99 !important;">Order ID:</span> HY45120010</p>
|
||||
<p style="margin-bottom: 0px; font-size: 14px;font-weight: 500;margin-top: 0px;"><span
|
||||
style="color: #878a99 !important;">Date:</span> 01 Dec, 2022</p>
|
||||
</div>
|
||||
</div>
|
||||
<div style="padding: 1.5rem; background-color: #438eff; text-align: center;">
|
||||
<h6
|
||||
style="font-size: 15px;font-weight: 500;margin-bottom: 12px;margin-top: 0px;line-height: 1.2;color: rgba(255, 255, 255, 0.80) !important;">
|
||||
Hello, Edward</h6>
|
||||
<h5
|
||||
style="font-size: 18px;font-family: 'Poppins', sans-serif;font-weight: 600;margin-bottom: 0px;margin-top: 0px;line-height: 1.2;color: #fff !important;">
|
||||
Your Order Confirmed!</h5>
|
||||
</div>
|
||||
<div style="padding: 1.5rem;">
|
||||
|
||||
<p style="color: #878a99 !important; margin-bottom: 20px;margin-top: 0px;">Your order has been Confirmed and
|
||||
will be shipping soon.</p>
|
||||
|
||||
<h6
|
||||
style="font-family: 'Poppins', sans-serif; font-size: 15px;font-weight: 600; text-decoration-line: underline;margin-bottom: 16px;margin-top: 20px;">
|
||||
Her'e what you ordered:</h6>
|
||||
<table style="width: 100%;border-collapse: collapse;" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td style="padding: 12px 5px; vertical-align: top;width: 65px;">
|
||||
<div
|
||||
style="border: 1px solid #eaeef4;height: 64px;width: 64px;display: flex; align-items: center;justify-content: center;border-radius: 6px;">
|
||||
<img src="{{ URL::asset('build/images/products/img-5.png') }}" alt="" height="38">
|
||||
</div>
|
||||
</td>
|
||||
<td style="padding: 12px 5px; vertical-align: top;">
|
||||
<h6 style="font-size: 15px; margin: 0px;font-weight: 500; font-family: 'Poppins', sans-serif;">
|
||||
Noise NoiseFit Endure Smart Watch</h6>
|
||||
<p
|
||||
style="color: #878a99 !important; margin-bottom: 10px; font-size: 13px;font-weight: 500;margin-top: 6px;">
|
||||
Graphic Print Men & Women Sweatshirt</p>
|
||||
<p
|
||||
style="color: #878a99 !important; margin-bottom: 0px; font-size: 13px;font-weight: 500;margin-top: 0;">
|
||||
<span>Color: Red</span> <span style="margin-left: 15px;">Size: 8 (US)</span></p>
|
||||
</td>
|
||||
<td style="padding: 12px 5px; vertical-align: top;">
|
||||
<h6 style="font-size: 15px; margin: 0px;font-weight: 400; font-family: 'Poppins', sans-serif;">
|
||||
Qty 5</h6>
|
||||
</td>
|
||||
<td style="padding: 12px 5px; vertical-align: top;text-align: end;">
|
||||
<h6 style="font-size: 15px; margin: 0px;font-weight: 600; font-family: 'Poppins', sans-serif;">
|
||||
$599.99</h6>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="padding: 12px 5px; vertical-align: top;width: 65px;">
|
||||
<div
|
||||
style="border: 1px solid #eaeef4;height: 64px;width: 64px;display: flex; align-items: center;justify-content: center;border-radius: 6px;">
|
||||
<img src="{{ URL::asset('build/images/products/img-6.png') }}" alt="" height="38">
|
||||
</div>
|
||||
</td>
|
||||
<td style="padding: 12px 5px; vertical-align: top;">
|
||||
<h6 style="font-size: 15px; margin: 0px;font-weight: 500; font-family: 'Poppins', sans-serif;">
|
||||
Striped High Neck Men Orange Sweater</h6>
|
||||
<p
|
||||
style="color: #878a99 !important; margin-bottom: 10px; font-size: 13px;font-weight: 500;margin-top: 6px;">
|
||||
Graphic Print Men & Women Sweatshirt</p>
|
||||
<p
|
||||
style="color: #878a99 !important; margin-bottom: 0px; font-size: 13px;font-weight: 500;margin-top: 0;">
|
||||
<span>Color: Orange</span> <span style="margin-left: 15px;">Size: M</span></p>
|
||||
</td>
|
||||
<td style="padding: 12px 5px; vertical-align: top;">
|
||||
<h6 style="font-size: 15px; margin: 0px;font-weight: 400; font-family: 'Poppins', sans-serif;">
|
||||
Qty 1</h6>
|
||||
</td>
|
||||
<td style="padding: 12px 5px; vertical-align: top;text-align: end;">
|
||||
<h6 style="font-size: 15px; margin: 0px;font-weight: 600; font-family: 'Poppins', sans-serif;">
|
||||
$62.40</h6>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="padding: 12px 5px; vertical-align: top;width: 65px;">
|
||||
<div
|
||||
style="border: 1px solid #eaeef4;height: 64px;width: 64px;display: flex; align-items: center;justify-content: center;border-radius: 6px;">
|
||||
<img src="{{ URL::asset('build/images/products/img-4.png') }}" alt="" height="38">
|
||||
</div>
|
||||
</td>
|
||||
<td style="padding: 12px 5px; vertical-align: top;">
|
||||
<h6 style="font-size: 15px; margin: 0px;font-weight: 500; font-family: 'Poppins', sans-serif;">
|
||||
Girls Mint Green Solid Open Flats</h6>
|
||||
<p
|
||||
style="color: #878a99 !important; margin-bottom: 10px; font-size: 13px;font-weight: 500;margin-top: 6px;">
|
||||
Women Footwear</p>
|
||||
<p
|
||||
style="color: #878a99 !important; margin-bottom: 0px; font-size: 13px;font-weight: 500;margin-top: 0;">
|
||||
<span>Color: Mint Green</span> <span style="margin-left: 15px;">Size: 10 (US)</span></p>
|
||||
</td>
|
||||
<td style="padding: 12px 5px; vertical-align: top;">
|
||||
<h6 style="font-size: 15px; margin: 0px;font-weight: 400; font-family: 'Poppins', sans-serif;">
|
||||
Qty 3</h6>
|
||||
</td>
|
||||
<td style="padding: 12px 5px; vertical-align: top;text-align: end;">
|
||||
<h6 style="font-size: 15px; margin: 0px;font-weight: 600; font-family: 'Poppins', sans-serif;">
|
||||
$43.00</h6>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="3" style="padding: 12px 8px; font-size: 15px;border-top: 1px solid #e9ebec;">
|
||||
Subtotal
|
||||
</td>
|
||||
<td style="padding: 12px 8px; font-size: 15px;text-align: end; border-top: 1px solid #e9ebec;">
|
||||
<h6 style="font-size: 15px; margin: 0px;font-weight: 600; font-family: 'Poppins', sans-serif;">
|
||||
$705.39</h6>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="3" style="padding: 12px 8px; font-size: 15px;">
|
||||
Shipping Charge
|
||||
</td>
|
||||
<td style="padding: 12px 8px; font-size: 15px;text-align: end; ">
|
||||
<h6 style="font-size: 15px; margin: 0px;font-weight: 600; font-family: 'Poppins', sans-serif;">
|
||||
$20.00</h6>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="3" style="padding: 12px 8px; font-size: 15px;">
|
||||
Taxs (18.00%)
|
||||
</td>
|
||||
<td style="padding: 12px 8px; font-size: 15px;text-align: end; ">
|
||||
<h6 style="font-size: 15px; margin: 0px;font-weight: 600; font-family: 'Poppins', sans-serif;">
|
||||
$126.97</h6>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="3" style="padding: 12px 8px; font-size: 15px;">
|
||||
Discount (Toner50)
|
||||
</td>
|
||||
<td style="padding: 12px 8px; font-size: 15px;text-align: end; ">
|
||||
<h6 style="font-size: 15px; margin: 0px;font-weight: 600; font-family: 'Poppins', sans-serif;">
|
||||
$50.00</h6>
|
||||
</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="3" style="padding: 12px 8px; font-size: 15px;border-top: 1px solid #e9ebec;">
|
||||
Total Amount
|
||||
</td>
|
||||
<td style="padding: 12px 8px; font-size: 15px;text-align: end; border-top: 1px solid #e9ebec;">
|
||||
<h6 style="font-size: 15px; margin: 0px;font-weight: 600; font-family: 'Poppins', sans-serif;">
|
||||
$802.36</h6>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<p style="color: #878a99; margin-bottom: 20px;margin-top: 15px;">We'll send you shipping Confirmation when
|
||||
your item(s) are on the way! We appreciate your business, and hope you enjoy your purchase.</p>
|
||||
<div style="text-align: right;">
|
||||
<h6
|
||||
style="font-size: 15px; margin: 0px;font-weight: 500;font-size: 17px; font-family: 'Poppins', sans-serif;">
|
||||
Thank you!</h6>
|
||||
<p style="color: #878a99; margin-bottom: 0;margin-top: 8px;">Themesbrand</p>
|
||||
</div>
|
||||
</div>
|
||||
<div style="padding: 1.5rem;background-color: #fafafa;">
|
||||
<div style="text-align: center;">
|
||||
<p style="color: #878a99; margin: 0;font-weight: 500;">
|
||||
<script>
|
||||
document.write(new Date().getFullYear())
|
||||
</script> © Toner.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section
|
||||
style="font-family: 'Poppins', sans-serif; box-sizing: border-box; font-size: 15px; width: 100%; background-color: transparent; margin: 35px 0;color: #fafafa;">
|
||||
<div
|
||||
style="max-width: 650px;margin:auto; box-shadow: rgba(135, 138, 153, 0.10) 0 5px 20px -6px;border-radius: 6px;overflow: hidden;background-color: #06283D;">
|
||||
<div
|
||||
style="padding: 1.5rem; display: flex;gap: 8px; align-items: center; justify-content: space-between;flex-wrap: wrap;">
|
||||
<div>
|
||||
<a href="index"><img src="{{ URL::asset('build/images/logo-light.png') }}" alt="" height="24"></a>
|
||||
</div>
|
||||
<div style="display: flex;gap: 6px;">
|
||||
<p style="margin-bottom: 0px; font-size: 14px;font-weight: 500;margin-top: 0px;"><span
|
||||
style="color: #878a99 !important;">Order ID:</span> HY45120010</p>
|
||||
<p style="margin-bottom: 0px; font-size: 14px;font-weight: 500;margin-top: 0px;"><span
|
||||
style="color: #878a99 !important;">Date:</span> 01 Dec, 2022</p>
|
||||
</div>
|
||||
</div>
|
||||
<div style="padding: 1.5rem; background-color: #438eff; text-align: center;">
|
||||
<h6
|
||||
style="font-size: 15px;font-weight: 500;margin-bottom: 12px;margin-top: 0px;line-height: 1.2;color: rgba(255, 255, 255, 0.80) !important;">
|
||||
Hello, Edward</h6>
|
||||
<h5
|
||||
style="font-size: 18px;font-family: 'Poppins', sans-serif;font-weight: 600;margin-bottom: 0px;margin-top: 0px;line-height: 1.2;color: #fff !important;">
|
||||
Your Order Confirmed!</h5>
|
||||
</div>
|
||||
<div style="padding: 1.5rem;">
|
||||
<p style="color: #878a99 !important; margin-bottom: 20px;margin-top: 0px;">Your order has been Confirmed
|
||||
and will be shipping soon.</p>
|
||||
<table style="width: 100%;" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td style="padding: 5px; vertical-align: top;">
|
||||
<p
|
||||
style="color: #878a99 !important; margin-bottom: 12px; font-size: 13px; text-transform: uppercase;font-weight: 500;margin-top: 0px;">
|
||||
Order Date</p>
|
||||
<h6
|
||||
style="font-size: 15px; margin: 0px;font-weight: 600; font-family: 'Poppins', sans-serif;color: #fafafa;">
|
||||
01 Jan, 2023</h6>
|
||||
</td>
|
||||
<td style="padding: 5px; vertical-align: top;">
|
||||
<p
|
||||
style="color: #878a99 !important; margin-bottom: 12px; font-size: 13px; text-transform: uppercase;font-weight: 500;margin-top: 0px;">
|
||||
Order ID</p>
|
||||
<h6
|
||||
style="font-size: 15px; margin: 0px;font-weight: 600; font-family: 'Poppins', sans-serif;color: #fafafa;">
|
||||
HY45120010</h6>
|
||||
</td>
|
||||
<td style="padding: 5px; vertical-align: top;">
|
||||
<p
|
||||
style="color: #878a99 !important; margin-bottom: 12px; font-size: 13px; text-transform: uppercase;font-weight: 500;margin-top: 0px;">
|
||||
Payment</p>
|
||||
<h6
|
||||
style="font-size: 15px; margin: 0px;font-weight: 600; font-family: 'Poppins', sans-serif;color: #fafafa;">
|
||||
Cash On Delivery</h6>
|
||||
</td>
|
||||
<td style="padding: 5px; vertical-align: top;">
|
||||
<p
|
||||
style="color: #878a99 !important; margin-bottom: 12px; font-size: 13px; text-transform: uppercase;font-weight: 500;margin-top: 0px;">
|
||||
Address</p>
|
||||
<h6
|
||||
style="font-size: 15px; margin: 0px;font-weight: 600; font-family: 'Poppins', sans-serif;color: #fafafa;">
|
||||
USA</h6>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<h6
|
||||
style="font-family: 'Poppins', sans-serif; font-size: 15px;font-weight: 600; text-decoration-line: underline;margin-bottom: 16px;margin-top: 20px;color: #fafafa;">
|
||||
Her'e what you ordered:</h6>
|
||||
<table style="width: 100%;border-collapse: collapse;" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td style="padding: 12px 5px; vertical-align: top;width: 65px;">
|
||||
<div
|
||||
style="border: 1px solid #ffffff14;height: 64px;width: 64px;display: flex; align-items: center;justify-content: center;border-radius: 6px;">
|
||||
<img src="{{ URL::asset('build/images/products/img-5.png') }}" alt="" height="38">
|
||||
</div>
|
||||
</td>
|
||||
<td style="padding: 12px 5px; vertical-align: top;">
|
||||
<h6
|
||||
style="font-size: 15px; margin: 0px;font-weight: 500; font-family: 'Poppins', sans-serif;color: #fafafa;">
|
||||
Noise NoiseFit Endure Smart Watch</h6>
|
||||
<p
|
||||
style="color: #878a99 !important; margin-bottom: 10px; font-size: 13px;font-weight: 500;margin-top: 6px;">
|
||||
Graphic Print Men & Women Sweatshirt</p>
|
||||
<p
|
||||
style="color: #878a99 !important; margin-bottom: 0px; font-size: 13px;font-weight: 500;margin-top: 0;">
|
||||
<span>Color: Red</span> <span style="margin-left: 15px;">Size: 8 (US)</span></p>
|
||||
</td>
|
||||
<td style="padding: 12px 5px; vertical-align: top;">
|
||||
<h6
|
||||
style="font-size: 15px; margin: 0px;font-weight: 400; font-family: 'Poppins', sans-serif;color: #fafafa;">
|
||||
Qty 5</h6>
|
||||
</td>
|
||||
<td style="padding: 12px 5px; vertical-align: top;text-align: end;">
|
||||
<h6
|
||||
style="font-size: 15px; margin: 0px;font-weight: 600; font-family: 'Poppins', sans-serif;color: #fafafa;">
|
||||
$599.99</h6>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="padding: 12px 5px; vertical-align: top;width: 65px;">
|
||||
<div
|
||||
style="border: 1px solid #ffffff14;height: 64px;width: 64px;display: flex; align-items: center;justify-content: center;border-radius: 6px;">
|
||||
<img src="{{ URL::asset('build/images/products/img-6.png') }}" alt="" height="38">
|
||||
</div>
|
||||
</td>
|
||||
<td style="padding: 12px 5px; vertical-align: top;">
|
||||
<h6
|
||||
style="font-size: 15px; margin: 0px;font-weight: 500; font-family: 'Poppins', sans-serif;color: #fafafa;">
|
||||
Striped High Neck Men Orange Sweater</h6>
|
||||
<p
|
||||
style="color: #878a99 !important; margin-bottom: 10px; font-size: 13px;font-weight: 500;margin-top: 6px;">
|
||||
Graphic Print Men & Women Sweatshirt</p>
|
||||
<p
|
||||
style="color: #878a99 !important; margin-bottom: 0px; font-size: 13px;font-weight: 500;margin-top: 0;">
|
||||
<span>Color: Orange</span> <span style="margin-left: 15px;">Size: M</span></p>
|
||||
</td>
|
||||
<td style="padding: 12px 5px; vertical-align: top;">
|
||||
<h6
|
||||
style="font-size: 15px; margin: 0px;font-weight: 400; font-family: 'Poppins', sans-serif;color: #fafafa;">
|
||||
Qty 1</h6>
|
||||
</td>
|
||||
<td style="padding: 12px 5px; vertical-align: top;text-align: end;">
|
||||
<h6
|
||||
style="font-size: 15px; margin: 0px;font-weight: 600; font-family: 'Poppins', sans-serif;color: #fafafa;">
|
||||
$62.40</h6>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="padding: 12px 5px; vertical-align: top;width: 65px;">
|
||||
<div
|
||||
style="border: 1px solid #ffffff14;height: 64px;width: 64px;display: flex; align-items: center;justify-content: center;border-radius: 6px;">
|
||||
<img src="{{ URL::asset('build/images/products/img-4.png') }}" alt="" height="38">
|
||||
</div>
|
||||
</td>
|
||||
<td style="padding: 12px 5px; vertical-align: top;">
|
||||
<h6
|
||||
style="font-size: 15px; margin: 0px;font-weight: 500; font-family: 'Poppins', sans-serif;color: #fafafa;">
|
||||
Girls Mint Green Solid Open Flats</h6>
|
||||
<p
|
||||
style="color: #878a99 !important; margin-bottom: 10px; font-size: 13px;font-weight: 500;margin-top: 6px;">
|
||||
Women Footwear</p>
|
||||
<p
|
||||
style="color: #878a99 !important; margin-bottom: 0px; font-size: 13px;font-weight: 500;margin-top: 0;">
|
||||
<span>Color: Mint Green</span> <span style="margin-left: 15px;">Size: 10 (US)</span></p>
|
||||
</td>
|
||||
<td style="padding: 12px 5px; vertical-align: top;">
|
||||
<h6
|
||||
style="font-size: 15px; margin: 0px;font-weight: 400; font-family: 'Poppins', sans-serif;color: #fafafa;">
|
||||
Qty 3</h6>
|
||||
</td>
|
||||
<td style="padding: 12px 5px; vertical-align: top;text-align: end;">
|
||||
<h6
|
||||
style="font-size: 15px; margin: 0px;font-weight: 600; font-family: 'Poppins', sans-serif;color: #fafafa;">
|
||||
$43.00</h6>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="3" style="padding: 12px 8px; font-size: 15px;border-top: 1px solid #ffffff14;">
|
||||
Subtotal
|
||||
</td>
|
||||
<td style="padding: 12px 8px; font-size: 15px;text-align: end; border-top: 1px solid #ffffff14;">
|
||||
<h6
|
||||
style="font-size: 15px; margin: 0px;font-weight: 600; font-family: 'Poppins', sans-serif;color: #fafafa;">
|
||||
$705.39</h6>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="3" style="padding: 12px 8px; font-size: 15px;">
|
||||
Shipping Charge
|
||||
</td>
|
||||
<td style="padding: 12px 8px; font-size: 15px;text-align: end; ">
|
||||
<h6
|
||||
style="font-size: 15px; margin: 0px;font-weight: 600; font-family: 'Poppins', sans-serif;color: #fafafa;">
|
||||
$20.00</h6>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="3" style="padding: 12px 8px; font-size: 15px;">
|
||||
Taxs (18.00%)
|
||||
</td>
|
||||
<td style="padding: 12px 8px; font-size: 15px;text-align: end; ">
|
||||
<h6
|
||||
style="font-size: 15px; margin: 0px;font-weight: 600; font-family: 'Poppins', sans-serif;color: #fafafa;">
|
||||
$126.97</h6>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="3" style="padding: 12px 8px; font-size: 15px;">
|
||||
Discount (Toner50)
|
||||
</td>
|
||||
<td style="padding: 12px 8px; font-size: 15px;text-align: end; ">
|
||||
<h6
|
||||
style="font-size: 15px; margin: 0px;font-weight: 600; font-family: 'Poppins', sans-serif;color: #fafafa;">
|
||||
$50.00</h6>
|
||||
</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="3" style="padding: 12px 8px; font-size: 15px;border-top: 1px solid #ffffff14;">
|
||||
Total Amount
|
||||
</td>
|
||||
<td style="padding: 12px 8px; font-size: 15px;text-align: end; border-top: 1px solid #ffffff14;">
|
||||
<h6
|
||||
style="font-size: 15px; margin: 0px;font-weight: 600; font-family: 'Poppins', sans-serif;color: #fafafa;">
|
||||
$802.36</h6>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<p style="color: #878a99 !important; margin-bottom: 20px;margin-top: 15px;">We'll send you shipping
|
||||
Confirmation when your item(s) are on the way! We appreciate your business, and hope you enjoy your
|
||||
purchase.</p>
|
||||
<div style="text-align: right;">
|
||||
<h6
|
||||
style="font-size: 15px; margin: 0px;font-weight: 500;font-size: 17px; font-family: 'Poppins', sans-serif;color: #fafafa;">
|
||||
Thank you!</h6>
|
||||
<p style="color: #878a99 !important; margin-bottom: 0;margin-top: 8px;">Themesbrand</p>
|
||||
</div>
|
||||
</div>
|
||||
<div style="padding: 1.5rem;background-color: #0f3146;">
|
||||
<div style="text-align: center;font-weight: 500;">
|
||||
<p style="color: #878a99 !important; margin: 0;">
|
||||
<script>
|
||||
document.write(new Date().getFullYear())
|
||||
</script> © Toner.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@endsection
|
||||
@@ -0,0 +1,433 @@
|
||||
@extends('layouts.master')
|
||||
@section('title')
|
||||
Order Success Email Template
|
||||
@endsection
|
||||
@section('css')
|
||||
<!-- extra css -->
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
|
||||
@endsection
|
||||
@section('content')
|
||||
<section
|
||||
style="font-family: 'Inter', sans-serif; box-sizing: border-box; font-size: 15px; width: 100%; background-color: transparent; margin: 35px 0;color: #06283D;">
|
||||
<div
|
||||
style="max-width: 650px;margin:auto; box-shadow: rgba(135, 138, 153, 0.10) 0 5px 20px -6px;border-radius: 6px;border: 1px solid #eef1f5;overflow: hidden;background-color: #fff;">
|
||||
<div style="padding: 1.5rem;background-color: #fafafa;">
|
||||
<a href="index"><img src="{{ URL::asset('build/images/logo-dark.png') }}" alt="" height="28"
|
||||
style="display: block;margin: 0 auto;"></a>
|
||||
</div>
|
||||
<div style="padding: 1.5rem;">
|
||||
<h5
|
||||
style="font-size: 18px;font-family: 'Inter', sans-serif;font-weight: 600;margin-bottom: 18px;margin-top: 0px;line-height: 1.2;">
|
||||
Your Order Confirmed!</h5>
|
||||
|
||||
<h6 style="font-size: 16px;font-weight: 500;margin-bottom: 12px;margin-top: 0px;line-height: 1.2;">Hello,
|
||||
Edward</h6>
|
||||
<p style="color: #878a99 !important; margin-bottom: 20px;margin-top: 0px;">Your order has been Confirmed and
|
||||
will be shipping soon.</p>
|
||||
<table style="width: 100%;" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td style="padding: 5px; vertical-align: top;">
|
||||
<p
|
||||
style="color: #878a99 !important; margin-bottom: 12px; font-size: 13px; text-transform: uppercase;font-weight: 500;margin-top: 0px;">
|
||||
Order Date</p>
|
||||
<h6 style="font-size: 15px; margin: 0px;font-weight: 600; font-family: 'Inter', sans-serif;">01
|
||||
Jan, 2023</h6>
|
||||
</td>
|
||||
<td style="padding: 5px; vertical-align: top;">
|
||||
<p
|
||||
style="color: #878a99 !important; margin-bottom: 12px; font-size: 13px; text-transform: uppercase;font-weight: 500;margin-top: 0px;">
|
||||
Order ID</p>
|
||||
<h6 style="font-size: 15px; margin: 0px;font-weight: 600; font-family: 'Inter', sans-serif;">
|
||||
HY45120010</h6>
|
||||
</td>
|
||||
<td style="padding: 5px; vertical-align: top;">
|
||||
<p
|
||||
style="color: #878a99 !important; margin-bottom: 12px; font-size: 13px; text-transform: uppercase;font-weight: 500;margin-top: 0px;">
|
||||
Payment</p>
|
||||
<h6 style="font-size: 15px; margin: 0px;font-weight: 600; font-family: 'Inter', sans-serif;">
|
||||
Cash On Delivery</h6>
|
||||
</td>
|
||||
<td style="padding: 5px; vertical-align: top;">
|
||||
<p
|
||||
style="color: #878a99 !important; margin-bottom: 12px; font-size: 13px; text-transform: uppercase;font-weight: 500;margin-top: 0px;">
|
||||
Address</p>
|
||||
<h6 style="font-size: 15px; margin: 0px;font-weight: 600; font-family: 'Inter', sans-serif;">USA
|
||||
</h6>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<h6
|
||||
style="font-family: 'Inter', sans-serif; font-size: 15px;font-weight: 600; text-decoration-line: underline;margin-bottom: 16px;margin-top: 20px;">
|
||||
Her'e what you ordered:</h6>
|
||||
<table style="width: 100%;border-collapse: collapse;" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td style="padding: 12px 5px; vertical-align: top;width: 65px;">
|
||||
<div
|
||||
style="border: 1px solid #eaeef4;height: 64px;width: 64px;display: flex; align-items: center;justify-content: center;border-radius: 6px;">
|
||||
<img src="{{ URL::asset('build/images/products/img-5.png') }}" alt="" height="38">
|
||||
</div>
|
||||
</td>
|
||||
<td style="padding: 12px 5px; vertical-align: top;">
|
||||
<h6 style="font-size: 15px; margin: 0px;font-weight: 500; font-family: 'Inter', sans-serif;">
|
||||
Noise NoiseFit Endure Smart Watch</h6>
|
||||
<p
|
||||
style="color: #878a99 !important; margin-bottom: 10px; font-size: 13px;font-weight: 500;margin-top: 6px;">
|
||||
Graphic Print Men & Women Sweatshirt</p>
|
||||
<p
|
||||
style="color: #878a99 !important; margin-bottom: 0px; font-size: 13px;font-weight: 500;margin-top: 0;">
|
||||
<span>Color: Red</span> <span style="margin-left: 15px;">Size: 8 (US)</span></p>
|
||||
</td>
|
||||
<td style="padding: 12px 5px; vertical-align: top;">
|
||||
<h6 style="font-size: 15px; margin: 0px;font-weight: 400; font-family: 'Inter', sans-serif;">Qty
|
||||
5</h6>
|
||||
</td>
|
||||
<td style="padding: 12px 5px; vertical-align: top;text-align: end;">
|
||||
<h6 style="font-size: 15px; margin: 0px;font-weight: 600; font-family: 'Inter', sans-serif;">
|
||||
$599.99</h6>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="padding: 12px 5px; vertical-align: top;width: 65px;">
|
||||
<div
|
||||
style="border: 1px solid #eaeef4;height: 64px;width: 64px;display: flex; align-items: center;justify-content: center;border-radius: 6px;">
|
||||
<img src="{{ URL::asset('build/images/products/img-6.png') }}" alt="" height="38">
|
||||
</div>
|
||||
</td>
|
||||
<td style="padding: 12px 5px; vertical-align: top;">
|
||||
<h6 style="font-size: 15px; margin: 0px;font-weight: 500; font-family: 'Inter', sans-serif;">
|
||||
Striped High Neck Men Orange Sweater</h6>
|
||||
<p
|
||||
style="color: #878a99 !important; margin-bottom: 10px; font-size: 13px;font-weight: 500;margin-top: 6px;">
|
||||
Graphic Print Men & Women Sweatshirt</p>
|
||||
<p
|
||||
style="color: #878a99 !important; margin-bottom: 0px; font-size: 13px;font-weight: 500;margin-top: 0;">
|
||||
<span>Color: Orange</span> <span style="margin-left: 15px;">Size: M</span></p>
|
||||
</td>
|
||||
<td style="padding: 12px 5px; vertical-align: top;">
|
||||
<h6 style="font-size: 15px; margin: 0px;font-weight: 400; font-family: 'Inter', sans-serif;">Qty
|
||||
1</h6>
|
||||
</td>
|
||||
<td style="padding: 12px 5px; vertical-align: top;text-align: end;">
|
||||
<h6 style="font-size: 15px; margin: 0px;font-weight: 600; font-family: 'Inter', sans-serif;">
|
||||
$62.40</h6>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="padding: 12px 5px; vertical-align: top;width: 65px;">
|
||||
<div
|
||||
style="border: 1px solid #eaeef4;height: 64px;width: 64px;display: flex; align-items: center;justify-content: center;border-radius: 6px;">
|
||||
<img src="{{ URL::asset('build/images/products/img-4.png') }}" alt="" height="38">
|
||||
</div>
|
||||
</td>
|
||||
<td style="padding: 12px 5px; vertical-align: top;">
|
||||
<h6 style="font-size: 15px; margin: 0px;font-weight: 500; font-family: 'Inter', sans-serif;">
|
||||
Girls Mint Green Solid Open Flats</h6>
|
||||
<p
|
||||
style="color: #878a99 !important; margin-bottom: 10px; font-size: 13px;font-weight: 500;margin-top: 6px;">
|
||||
Women Footwear</p>
|
||||
<p
|
||||
style="color: #878a99 !important; margin-bottom: 0px; font-size: 13px;font-weight: 500;margin-top: 0;">
|
||||
<span>Color: Mint Green</span> <span style="margin-left: 15px;">Size: 10 (US)</span></p>
|
||||
</td>
|
||||
<td style="padding: 12px 5px; vertical-align: top;">
|
||||
<h6 style="font-size: 15px; margin: 0px;font-weight: 400; font-family: 'Inter', sans-serif;">Qty
|
||||
3</h6>
|
||||
</td>
|
||||
<td style="padding: 12px 5px; vertical-align: top;text-align: end;">
|
||||
<h6 style="font-size: 15px; margin: 0px;font-weight: 600; font-family: 'Inter', sans-serif;">
|
||||
$43.00</h6>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="3" style="padding: 12px 8px; font-size: 15px;border-top: 1px solid #e9ebec;">
|
||||
Subtotal
|
||||
</td>
|
||||
<td style="padding: 12px 8px; font-size: 15px;text-align: end; border-top: 1px solid #e9ebec;">
|
||||
<h6 style="font-size: 15px; margin: 0px;font-weight: 600; font-family: 'Inter', sans-serif;">
|
||||
$334.97</h6>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="3" style="padding: 12px 8px; font-size: 15px;">
|
||||
Shipping Charge
|
||||
</td>
|
||||
<td style="padding: 12px 8px; font-size: 15px;text-align: end; ">
|
||||
<h6 style="font-size: 15px; margin: 0px;font-weight: 600; font-family: 'Inter', sans-serif;">
|
||||
$9.50</h6>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="3" style="padding: 12px 8px; font-size: 15px;">
|
||||
Taxs (18.00%)
|
||||
</td>
|
||||
<td style="padding: 12px 8px; font-size: 15px;text-align: end; ">
|
||||
<h6 style="font-size: 15px; margin: 0px;font-weight: 600; font-family: 'Inter', sans-serif;">
|
||||
$15.26</h6>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="3" style="padding: 12px 8px; font-size: 15px;">
|
||||
Discount (Toner50)
|
||||
</td>
|
||||
<td style="padding: 12px 8px; font-size: 15px;text-align: end; ">
|
||||
<h6 style="font-size: 15px; margin: 0px;font-weight: 600; font-family: 'Inter', sans-serif;">
|
||||
$50.00</h6>
|
||||
</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="3" style="padding: 12px 8px; font-size: 15px;border-top: 1px solid #e9ebec;">
|
||||
Total Amount
|
||||
</td>
|
||||
<td style="padding: 12px 8px; font-size: 15px;text-align: end; border-top: 1px solid #e9ebec;">
|
||||
<h6 style="font-size: 15px; margin: 0px;font-weight: 600; font-family: 'Inter', sans-serif;">
|
||||
$338.95</h6>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<p style="color: #878a99; margin-bottom: 20px;margin-top: 15px;">We'll send you shipping Confirmation when
|
||||
your item(s) are on the way! We appreciate your business, and hope you enjoy your purchase.</p>
|
||||
<div style="text-align: right;">
|
||||
<h6
|
||||
style="font-size: 15px; margin: 0px;font-weight: 500;font-size: 17px; font-family: 'Inter', sans-serif;">
|
||||
Thank you!</h6>
|
||||
<p style="color: #878a99; margin-bottom: 0;margin-top: 8px;">Themesbrand</p>
|
||||
</div>
|
||||
</div>
|
||||
<div style="padding: 1.5rem;background-color: #fafafa;">
|
||||
<div style="display: flex;gap: 5px;justify-content: space-between;">
|
||||
<p style="color: #878a99; margin: 0;">Questions? Contact Our <a href="#!"
|
||||
style="text-decoration: none;"> Customer Support</a></p>
|
||||
<p style="color: #878a99; margin: 0;">
|
||||
<script>
|
||||
document.write(new Date().getFullYear())
|
||||
</script> © Toner.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section
|
||||
style="font-family: 'Inter', sans-serif; box-sizing: border-box; font-size: 15px; width: 100%; background-color: transparent; margin: 35px 0;color: #fafafa;">
|
||||
<div
|
||||
style="max-width: 650px;margin:auto; box-shadow: rgba(135, 138, 153, 0.10) 0 5px 20px -6px;border-radius: 6px;overflow: hidden;background-color: #06283D;">
|
||||
<div style="padding: 1.5rem;background-color: #0f3146;">
|
||||
<a href="index">
|
||||
<img src="{{ URL::asset('build/images/logo-light.png') }}" alt="" height="28"
|
||||
style="display: block;margin: 0 auto;">
|
||||
</a>
|
||||
</div>
|
||||
<div style="padding: 1.5rem;">
|
||||
<h5
|
||||
style="font-size: 18px;font-family: 'Inter', sans-serif;font-weight: 600;margin-bottom: 18px;margin-top: 0px;line-height: 1.2;color: #fafafa;">
|
||||
Your Order Confirmed!</h5>
|
||||
|
||||
<h6
|
||||
style="font-size: 16px;font-weight: 500;margin-bottom: 12px;margin-top: 0px;line-height: 1.2;color: #fafafa;">
|
||||
Hello, Edward</h6>
|
||||
<p style="color: #878a99 !important; margin-bottom: 20px;margin-top: 0px;">Your order has been Confirmed
|
||||
and will be shipping soon.</p>
|
||||
<table style="width: 100%;" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td style="padding: 5px; vertical-align: top;">
|
||||
<p
|
||||
style="color: #878a99 !important; margin-bottom: 12px; font-size: 13px; text-transform: uppercase;font-weight: 500;margin-top: 0px;">
|
||||
Order Date</p>
|
||||
<h6
|
||||
style="font-size: 15px; margin: 0px;font-weight: 600; font-family: 'Inter', sans-serif;color: #fafafa;">
|
||||
01 Jan, 2023</h6>
|
||||
</td>
|
||||
<td style="padding: 5px; vertical-align: top;">
|
||||
<p
|
||||
style="color: #878a99 !important; margin-bottom: 12px; font-size: 13px; text-transform: uppercase;font-weight: 500;margin-top: 0px;">
|
||||
Order ID</p>
|
||||
<h6
|
||||
style="font-size: 15px; margin: 0px;font-weight: 600; font-family: 'Inter', sans-serif;color: #fafafa;">
|
||||
HY45120010</h6>
|
||||
</td>
|
||||
<td style="padding: 5px; vertical-align: top;">
|
||||
<p
|
||||
style="color: #878a99 !important; margin-bottom: 12px; font-size: 13px; text-transform: uppercase;font-weight: 500;margin-top: 0px;">
|
||||
Payment</p>
|
||||
<h6
|
||||
style="font-size: 15px; margin: 0px;font-weight: 600; font-family: 'Inter', sans-serif;color: #fafafa;">
|
||||
Cash On Delivery</h6>
|
||||
</td>
|
||||
<td style="padding: 5px; vertical-align: top;">
|
||||
<p
|
||||
style="color: #878a99 !important; margin-bottom: 12px; font-size: 13px; text-transform: uppercase;font-weight: 500;margin-top: 0px;">
|
||||
Address</p>
|
||||
<h6
|
||||
style="font-size: 15px; margin: 0px;font-weight: 600; font-family: 'Inter', sans-serif;color: #fafafa;">
|
||||
USA</h6>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<h6
|
||||
style="font-family: 'Inter', sans-serif; font-size: 15px;font-weight: 600; text-decoration-line: underline;margin-bottom: 16px;margin-top: 20px;color: #fafafa;">
|
||||
Her'e what you ordered:</h6>
|
||||
<table style="width: 100%;border-collapse: collapse;" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td style="padding: 12px 5px; vertical-align: top;width: 65px;">
|
||||
<div
|
||||
style="border: 1px solid #ffffff14;height: 64px;width: 64px;display: flex; align-items: center;justify-content: center;border-radius: 6px;">
|
||||
<img src="{{ URL::asset('build/images/products/img-5.png') }}" alt="" height="38">
|
||||
</div>
|
||||
</td>
|
||||
<td style="padding: 12px 5px; vertical-align: top;">
|
||||
<h6
|
||||
style="font-size: 15px; margin: 0px;font-weight: 500; font-family: 'Inter', sans-serif;color: #fafafa;">
|
||||
Noise NoiseFit Endure Smart Watch</h6>
|
||||
<p
|
||||
style="color: #878a99 !important; margin-bottom: 10px; font-size: 13px;font-weight: 500;margin-top: 6px;">
|
||||
Graphic Print Men & Women Sweatshirt</p>
|
||||
<p
|
||||
style="color: #878a99 !important; margin-bottom: 0px; font-size: 13px;font-weight: 500;margin-top: 0;">
|
||||
<span>Color: Red</span> <span style="margin-left: 15px;">Size: 8 (US)</span></p>
|
||||
</td>
|
||||
<td style="padding: 12px 5px; vertical-align: top;">
|
||||
<h6
|
||||
style="font-size: 15px; margin: 0px;font-weight: 400; font-family: 'Inter', sans-serif;color: #fafafa;">
|
||||
Qty 5</h6>
|
||||
</td>
|
||||
<td style="padding: 12px 5px; vertical-align: top;text-align: end;">
|
||||
<h6
|
||||
style="font-size: 15px; margin: 0px;font-weight: 600; font-family: 'Inter', sans-serif;color: #fafafa;">
|
||||
$599.99</h6>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="padding: 12px 5px; vertical-align: top;width: 65px;">
|
||||
<div
|
||||
style="border: 1px solid #ffffff14;height: 64px;width: 64px;display: flex; align-items: center;justify-content: center;border-radius: 6px;">
|
||||
<img src="{{ URL::asset('build/images/products/img-6.png') }}" alt="" height="38">
|
||||
</div>
|
||||
</td>
|
||||
<td style="padding: 12px 5px; vertical-align: top;">
|
||||
<h6
|
||||
style="font-size: 15px; margin: 0px;font-weight: 500; font-family: 'Inter', sans-serif;color: #fafafa;">
|
||||
Striped High Neck Men Orange Sweater</h6>
|
||||
<p
|
||||
style="color: #878a99 !important; margin-bottom: 10px; font-size: 13px;font-weight: 500;margin-top: 6px;">
|
||||
Graphic Print Men & Women Sweatshirt</p>
|
||||
<p
|
||||
style="color: #878a99 !important; margin-bottom: 0px; font-size: 13px;font-weight: 500;margin-top: 0;">
|
||||
<span>Color: Orange</span> <span style="margin-left: 15px;">Size: M</span></p>
|
||||
</td>
|
||||
<td style="padding: 12px 5px; vertical-align: top;">
|
||||
<h6
|
||||
style="font-size: 15px; margin: 0px;font-weight: 400; font-family: 'Inter', sans-serif;color: #fafafa;">
|
||||
Qty 1</h6>
|
||||
</td>
|
||||
<td style="padding: 12px 5px; vertical-align: top;text-align: end;">
|
||||
<h6
|
||||
style="font-size: 15px; margin: 0px;font-weight: 600; font-family: 'Inter', sans-serif;color: #fafafa;">
|
||||
$62.40</h6>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="padding: 12px 5px; vertical-align: top;width: 65px;">
|
||||
<div
|
||||
style="border: 1px solid #ffffff14;height: 64px;width: 64px;display: flex; align-items: center;justify-content: center;border-radius: 6px;">
|
||||
<img src="{{ URL::asset('build/images/products/img-4.png') }}" alt="" height="38">
|
||||
</div>
|
||||
</td>
|
||||
<td style="padding: 12px 5px; vertical-align: top;">
|
||||
<h6
|
||||
style="font-size: 15px; margin: 0px;font-weight: 500; font-family: 'Inter', sans-serif;color: #fafafa;">
|
||||
Girls Mint Green Solid Open Flats</h6>
|
||||
<p
|
||||
style="color: #878a99 !important; margin-bottom: 10px; font-size: 13px;font-weight: 500;margin-top: 6px;">
|
||||
Women Footwear</p>
|
||||
<p
|
||||
style="color: #878a99 !important; margin-bottom: 0px; font-size: 13px;font-weight: 500;margin-top: 0;">
|
||||
<span>Color: Mint Green</span> <span style="margin-left: 15px;">Size: 10 (US)</span></p>
|
||||
</td>
|
||||
<td style="padding: 12px 5px; vertical-align: top;">
|
||||
<h6
|
||||
style="font-size: 15px; margin: 0px;font-weight: 400; font-family: 'Inter', sans-serif;color: #fafafa;">
|
||||
Qty 3</h6>
|
||||
</td>
|
||||
<td style="padding: 12px 5px; vertical-align: top;text-align: end;">
|
||||
<h6
|
||||
style="font-size: 15px; margin: 0px;font-weight: 600; font-family: 'Inter', sans-serif;color: #fafafa;">
|
||||
$43.00</h6>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="3" style="padding: 12px 8px; font-size: 15px;border-top: 1px solid #ffffff14;">
|
||||
Subtotal
|
||||
</td>
|
||||
<td style="padding: 12px 8px; font-size: 15px;text-align: end; border-top: 1px solid #ffffff14;">
|
||||
<h6
|
||||
style="font-size: 15px; margin: 0px;font-weight: 600; font-family: 'Inter', sans-serif;color: #fafafa;">
|
||||
$334.97</h6>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="3" style="padding: 12px 8px; font-size: 15px;">
|
||||
Shipping Charge
|
||||
</td>
|
||||
<td style="padding: 12px 8px; font-size: 15px;text-align: end; ">
|
||||
<h6
|
||||
style="font-size: 15px; margin: 0px;font-weight: 600; font-family: 'Inter', sans-serif;color: #fafafa;">
|
||||
$9.50</h6>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="3" style="padding: 12px 8px; font-size: 15px;">
|
||||
Taxs (18.00%)
|
||||
</td>
|
||||
<td style="padding: 12px 8px; font-size: 15px;text-align: end; ">
|
||||
<h6
|
||||
style="font-size: 15px; margin: 0px;font-weight: 600; font-family: 'Inter', sans-serif;color: #fafafa;">
|
||||
$15.26</h6>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="3" style="padding: 12px 8px; font-size: 15px;">
|
||||
Discount (Toner50)
|
||||
</td>
|
||||
<td style="padding: 12px 8px; font-size: 15px;text-align: end; ">
|
||||
<h6
|
||||
style="font-size: 15px; margin: 0px;font-weight: 600; font-family: 'Inter', sans-serif;color: #fafafa;">
|
||||
$50.00</h6>
|
||||
</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="3" style="padding: 12px 8px; font-size: 15px;border-top: 1px solid #ffffff14;">
|
||||
Total Amount
|
||||
</td>
|
||||
<td style="padding: 12px 8px; font-size: 15px;text-align: end; border-top: 1px solid #ffffff14;">
|
||||
<h6
|
||||
style="font-size: 15px; margin: 0px;font-weight: 600; font-family: 'Inter', sans-serif;color: #fafafa;">
|
||||
$338.95</h6>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<p style="color: #878a99 !important; margin-bottom: 20px;margin-top: 15px;">We'll send you shipping
|
||||
Confirmation when your item(s) are on the way! We appreciate your business, and hope you enjoy your
|
||||
purchase.</p>
|
||||
<div style="text-align: right;">
|
||||
<h6
|
||||
style="font-size: 15px; margin: 0px;font-weight: 500;font-size: 17px; font-family: 'Inter', sans-serif;color: #fafafa;">
|
||||
Thank you!</h6>
|
||||
<p style="color: #878a99 !important; margin-bottom: 0;margin-top: 8px;">Themesbrand</p>
|
||||
</div>
|
||||
</div>
|
||||
<div style="padding: 1.5rem;background-color: #0f3146;">
|
||||
<div style="display: flex;gap: 5px;justify-content: space-between;">
|
||||
<p style="color: #878a99 !important; margin: 0;">Questions? Contact Our <a href="#!"
|
||||
style="text-decoration: none;color: #fff;"> Customer Support</a></p>
|
||||
<p style="color: #878a99 !important; margin: 0;">
|
||||
<script>
|
||||
document.write(new Date().getFullYear())
|
||||
</script> © Toner.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@endsection
|
||||
@@ -0,0 +1,5 @@
|
||||
@extends('errors.minimal')
|
||||
|
||||
@section('title', __('Unauthorized'))
|
||||
@section('code', '401')
|
||||
@section('message', __('Unauthorized'))
|
||||
@@ -0,0 +1,5 @@
|
||||
@extends('errors.minimal')
|
||||
|
||||
@section('title', __('Payment Required'))
|
||||
@section('code', '402')
|
||||
@section('message', __('Payment Required'))
|
||||
@@ -0,0 +1,5 @@
|
||||
@extends('errors.minimal')
|
||||
|
||||
@section('title', __('Forbidden'))
|
||||
@section('code', '403')
|
||||
@section('message', __($exception->getMessage() ?: 'Forbidden'))
|
||||
@@ -0,0 +1,58 @@
|
||||
@extends('layouts.master-auth')
|
||||
@section('title')
|
||||
404
|
||||
@endsection
|
||||
@section('css')
|
||||
<!-- extra css -->
|
||||
@endsection
|
||||
@section('content')
|
||||
<div class="w-100">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-6">
|
||||
<div class="auth-card mx-lg-3">
|
||||
<div class="card border-0 mb-0">
|
||||
<div class="card-body text-center p-4">
|
||||
|
||||
<div class="text-center px-sm-5 mx-5">
|
||||
<img src="{{ URL::asset('build/images/error400.png') }}" class="img-fluid" alt="">
|
||||
</div>
|
||||
<div class="mt-4 text-center pt-3">
|
||||
<div class="position-relative">
|
||||
<h4 class="fs-18 error-subtitle text-uppercase mb-0">Opps, page not found</h4>
|
||||
<p class="fs-15 text-muted mt-3">It will be as simple as Occidental in fact,
|
||||
it will Occidental to an English person</p>
|
||||
<div class="mt-4">
|
||||
<a href="index" class="btn btn-primary"><i
|
||||
class="mdi mdi-home me-1"></i>Back to home</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end container-->
|
||||
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="text-center">
|
||||
<p class="mb-0 text-muted">©
|
||||
<script>
|
||||
document.write(new Date().getFullYear())
|
||||
</script> Toner. Crafted with <i class="mdi mdi-heart text-danger"></i> by
|
||||
Themesbrand
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
@endsection
|
||||
@@ -0,0 +1,5 @@
|
||||
@extends('errors.minimal')
|
||||
|
||||
@section('title', __('Page Expired'))
|
||||
@section('code', '419')
|
||||
@section('message', __('Page Expired'))
|
||||
@@ -0,0 +1,5 @@
|
||||
@extends('errors.minimal')
|
||||
|
||||
@section('title', __('Too Many Requests'))
|
||||
@section('code', '429')
|
||||
@section('message', __('Too Many Requests'))
|
||||
@@ -0,0 +1,58 @@
|
||||
@extends('layouts.master-auth')
|
||||
@section('title')
|
||||
500
|
||||
@endsection
|
||||
@section('css')
|
||||
<!-- extra css -->
|
||||
@endsection
|
||||
@section('content')
|
||||
<div class="w-100">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-6">
|
||||
<div class="auth-card mx-lg-3">
|
||||
<div class="card border-0 mb-0">
|
||||
<div class="card-body text-center p-4">
|
||||
|
||||
<div class="text-center px-sm-5 mx-5">
|
||||
<img src="{{ URL::asset('build/images/error500.png') }}" class="img-fluid" alt="">
|
||||
</div>
|
||||
<div class="mt-4 text-center pt-3">
|
||||
<div class="position-relative">
|
||||
<h4 class="fs-18 error-subtitle text-uppercase mb-0">Internal Server Error</h4>
|
||||
<p class="fs-15 text-muted mt-3">It will be as simple as Occidental in fact, it will
|
||||
Occidental to an English person</p>
|
||||
<div class="mt-4">
|
||||
<a href="index" class="btn btn-primary"><i
|
||||
class="mdi mdi-home me-1"></i>Back to home</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end container-->
|
||||
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="text-center">
|
||||
<p class="mb-0 text-muted">©
|
||||
<script>
|
||||
document.write(new Date().getFullYear())
|
||||
</script> Toner. Crafted with <i class="mdi mdi-heart text-danger"></i> by
|
||||
Themesbrand
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
@endsection
|
||||
@@ -0,0 +1,5 @@
|
||||
@extends('errors.minimal')
|
||||
|
||||
@section('title', __('Service Unavailable'))
|
||||
@section('code', '503')
|
||||
@section('message', __('Service Unavailable'))
|
||||
@@ -0,0 +1,53 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<title>@yield('title')</title>
|
||||
|
||||
<!-- Styles -->
|
||||
<style>
|
||||
html, body {
|
||||
background-color: #fff;
|
||||
color: #636b6f;
|
||||
font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
||||
font-weight: 100;
|
||||
height: 100vh;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.full-height {
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
.flex-center {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.position-ref {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.content {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.title {
|
||||
font-size: 36px;
|
||||
padding: 20px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="flex-center position-ref full-height">
|
||||
<div class="content">
|
||||
<div class="title">
|
||||
@yield('message')
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,352 @@
|
||||
@extends('layouts.master')
|
||||
@section('title')
|
||||
Invoice Overview
|
||||
@endsection
|
||||
@section('css')
|
||||
<!-- extra css -->
|
||||
@endsection
|
||||
@section('content')
|
||||
<section class="term-condition bg-primary">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-6">
|
||||
<div class="text-center">
|
||||
<h1 class="text-white mb-2">Invoice Download</h1>
|
||||
<p class="text-white-75 mb-0">Last Updated 24 Nov, 2022</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="position-relative">
|
||||
<div class="svg-shape">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="1440"
|
||||
height="120" preserveAspectRatio="none" viewBox="0 0 1440 120">
|
||||
<g mask="url("#SvgjsMask1039")" fill="none">
|
||||
<rect width="1440" height="120" x="0" y="0" fill="var(--tb-primary)"></rect>
|
||||
<path d="M 0,85 C 288,68.8 1152,20.2 1440,4L1440 120L0 120z" fill="var(--tb-body-bg)"></path>
|
||||
</g>
|
||||
<defs>
|
||||
<mask id="SvgjsMask1039">
|
||||
<rect width="1440" height="120" fill="#ffffff"></rect>
|
||||
</mask>
|
||||
</defs>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<section class="section pt-0">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="card term-card mb-0">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="card-header border-bottom-dashed p-4">
|
||||
<div class="d-sm-flex">
|
||||
<div class="flex-grow-1">
|
||||
<img src="{{ URL::asset('build/images/logo-dark.png') }}" class="card-logo card-logo-dark"
|
||||
alt="logo dark" height="26">
|
||||
<img src="{{ URL::asset('build/images/logo-light.png') }}" class="card-logo card-logo-light"
|
||||
alt="logo light" height="26">
|
||||
<div class="mt-sm-5 mt-4">
|
||||
<h6 class="text-muted mb-2 text-uppercase fw-semibold fs-14">Address</h6>
|
||||
<p class="text-muted mb-1" id="address-details">Phoenix, USA</p>
|
||||
<p class="text-muted mb-0" id="zip-code"><span>Zip-code:</span> 90201</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-shrink-0 mt-sm-0 mt-3">
|
||||
<h6><span class="text-muted fw-normal">Legal Registration No:</span> <span
|
||||
id="legal-register-no">987654</span></h6>
|
||||
<h6><span class="text-muted fw-normal">Email:</span> <span
|
||||
id="email">toner@themesbrand.com</span></h6>
|
||||
<h6><span class="text-muted fw-normal">Website:</span> <a
|
||||
href="https://themesbrand.com/" class="link-primary" target="_blank"
|
||||
id="website">www.themesbrand.com</a></h6>
|
||||
<h6 class="mb-0"><span class="text-muted fw-normal">Contact No: </span><span
|
||||
id="contact-no"> +(314) 234 6789</span></h6>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end card-header-->
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-12">
|
||||
<div class="card-body p-4">
|
||||
<div class="row g-3">
|
||||
<div class="col-lg-3 col-6">
|
||||
<p class="text-muted mb-2 text-uppercase fw-semibold fs-14">Invoice No</p>
|
||||
<h5 class="fs-15 mb-0">#TTB<span id="invoice-no">30280001</span></h5>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-3 col-6">
|
||||
<p class="text-muted mb-2 text-uppercase fw-semibold fs-14">Date</p>
|
||||
<h5 class="fs-15 mb-0"><span id="invoice-date">14 Jan, 2023</span> <small
|
||||
class="text-muted" id="invoice-time">12:22PM</small></h5>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-3 col-6">
|
||||
<p class="text-muted mb-2 text-uppercase fw-semibold fs-14">Payment Status</p>
|
||||
<span class="badge bg-success-subtle text-success" id="payment-status">Paid</span>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-3 col-6">
|
||||
<p class="text-muted mb-2 text-uppercase fw-semibold fs-14">Total Amount</p>
|
||||
<h5 class="fs-15 mb-0">$<span id="total-amount">1406.92</span></h5>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end card-body-->
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-12">
|
||||
<div class="card-body p-4 border-top border-top-dashed">
|
||||
<div class="row g-3">
|
||||
<div class="col-6">
|
||||
<h6 class="text-muted text-uppercase fw-semibold fs-14 mb-3">Billing Address
|
||||
</h6>
|
||||
<p class="fw-medium mb-2 fs-16" id="billing-name">Raquel Murillo</p>
|
||||
<p class="text-muted mb-1" id="billing-address-line-1">4430 Holt Street, Miami,
|
||||
Florida-33169</p>
|
||||
<p class="text-muted mb-1"><span>Phone: +</span><span
|
||||
id="billing-phone-no">(123) 561-238-1000</span></p>
|
||||
<p class="text-muted mb-0"><span>Tax: </span><span
|
||||
id="billing-tax-no">65-498700</span> </p>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-6">
|
||||
<h6 class="text-muted text-uppercase fw-semibold fs-14 mb-3">Shipping Address
|
||||
</h6>
|
||||
<p class="fw-medium mb-2 fs-16" id="shipping-name">Raquel Murillo</p>
|
||||
<p class="text-muted mb-1" id="shipping-address-line-1">4430 Holt Street,
|
||||
Miami, Florida-33169</p>
|
||||
<p class="text-muted mb-1"><span>Phone: +</span><span
|
||||
id="shipping-phone-no">(123) 561-238-1000</span></p>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end card-body-->
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-12">
|
||||
<div class="card-body p-4">
|
||||
<div class="table-responsive">
|
||||
<table class="table table-borderless text-center table-nowrap align-middle mb-0">
|
||||
<thead>
|
||||
<tr class="table-active">
|
||||
<th scope="col" style="width: 50px;">#</th>
|
||||
<th scope="col">Product Details</th>
|
||||
<th scope="col">Rate</th>
|
||||
<th scope="col">Quantity</th>
|
||||
<th scope="col" class="text-end">Amount</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="products-list">
|
||||
<tr>
|
||||
<th scope="row">01</th>
|
||||
<td class="text-start">
|
||||
<span class="fw-medium">World's most expensive t shirt</span>
|
||||
<p class="text-muted mb-0">Graphic Print Men & Women Sweatshirt</p>
|
||||
</td>
|
||||
<td>$266.24</td>
|
||||
<td>03</td>
|
||||
<td class="text-end">$798.72</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">02</th>
|
||||
<td class="text-start">
|
||||
<span class="fw-medium">Ninja Pro Max Smartwatch</span>
|
||||
<p class="text-muted mb-0">large display of 40mm (1.6″ inch), 27
|
||||
sports mode, SpO2 monitor</p>
|
||||
</td>
|
||||
<td>$247.27</td>
|
||||
<td>01</td>
|
||||
<td class="text-end">$247.27</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">03</th>
|
||||
<td class="text-start">
|
||||
<span class="fw-medium">Girls Mint Green & Off-White Open Toe
|
||||
Flats</span>
|
||||
<p class="text-muted mb-0">Fabric:Synthetic · Color:Green · Shoe
|
||||
Type:Sandals</p>
|
||||
</td>
|
||||
<td>$24.07</td>
|
||||
<td>05</td>
|
||||
<td class="text-end">$120.35</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">04</th>
|
||||
<td class="text-start">
|
||||
<span class="fw-medium">Carven Lounge Chair Red</span>
|
||||
<p class="text-muted mb-0">Carven Fabric Lounge Chair in Red Color
|
||||
</p>
|
||||
</td>
|
||||
<td>$209.99</td>
|
||||
<td>01</td>
|
||||
<td class="text-end">$209.99</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<!--end table-->
|
||||
</div>
|
||||
<div class="border-top border-top-dashed mt-2">
|
||||
<table class="table table-borderless table-nowrap align-middle mb-0 ms-auto"
|
||||
style="width:250px">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>Sub Total</td>
|
||||
<td class="text-end">$1376.33</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Estimated Tax (12.5%)</td>
|
||||
<td class="text-end">$172.04</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Discount <small class="text-muted">(TONER50)</small></td>
|
||||
<td class="text-end">- $206.45</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Shipping Charge</td>
|
||||
<td class="text-end">$65.00</td>
|
||||
</tr>
|
||||
<tr class="border-top border-top-dashed fs-15">
|
||||
<th scope="row">Total Amount</th>
|
||||
<th class="text-end">$1406.92</th>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<!--end table-->
|
||||
</div>
|
||||
<div class="mt-3">
|
||||
<h6 class="text-muted text-uppercase fw-semibold mb-3">Payment Details:</h6>
|
||||
<p class="text-muted mb-1">Payment Method: <span class="fw-medium"
|
||||
id="payment-method">Mastercard</span></p>
|
||||
<p class="text-muted mb-1">Card Holder: <span class="fw-medium"
|
||||
id="card-holder-name">Raquel Murillo</span></p>
|
||||
<p class="text-muted mb-1">Card Number: <span class="fw-medium"
|
||||
id="card-number">xxx xxxx xxxx 1234</span></p>
|
||||
<p class="text-muted">Total Amount: <span class="fw-medium">$ </span><span
|
||||
id="card-total-amount">1406.92</span></p>
|
||||
</div>
|
||||
<div class="mt-4">
|
||||
<div class="alert alert-info">
|
||||
<p class="mb-0"><span class="fw-semibold">NOTES:</span>
|
||||
<span id="note">All accounts are to be paid within 7 days from receipt
|
||||
of invoice. To be paid by cheque or
|
||||
credit card or direct payment online. If account is not paid within 7
|
||||
days the credits details supplied as confirmation of work undertaken
|
||||
will be charged the agreed quoted fee noted above.
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="hstack gap-2 justify-content-end d-print-none mt-4">
|
||||
<a href="javascript:window.print()" class="btn btn-success"><i
|
||||
class="ri-printer-line align-bottom me-1"></i> Print</a>
|
||||
<a href="javascript:void(0);" class="btn btn-primary"><i
|
||||
class="ri-download-2-line align-bottom me-1"></i> Download</a>
|
||||
</div>
|
||||
</div>
|
||||
<!--end card-body-->
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end card-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section bg-light bg-opacity-25"
|
||||
style="background-image: url('build/images/ecommerce/bg-effect.png');background-position: center; background-size: cover;">
|
||||
<div class="container">
|
||||
<div class="row align-items-center justify-content-between">
|
||||
<div class="col-lg-6">
|
||||
<div>
|
||||
<p class="fs-15 text-uppercase fw-medium"><span class="fw-semibold text-danger">25% Up to</span>
|
||||
off all Products</p>
|
||||
<h1 class="lh-base text-capitalize mb-3">Stay home & get your daily needs from our shop</h1>
|
||||
<p class="fs-15 mb-4 pb-2">Start You'r Daily Shopping with <a href="#!"
|
||||
class="link-secondary fw-medium text-decoration-underline">Toner</a></p>
|
||||
<form action="#!">
|
||||
<div class="position-relative ecommerce-subscript">
|
||||
<input type="email" class="form-control rounded-pill" placeholder="Enter your email">
|
||||
<button type="submit" class="btn btn-primary btn-hover rounded-pill">Subscript
|
||||
Now</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<div class="mt-4 mt-lg-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/subscribe.png') }}" alt="" class="img-fluid">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="position-relative py-5">
|
||||
<div class="container">
|
||||
<div class="row gy-4 gy-lg-0">
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/fast-delivery.png') }}" alt="" class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-15">Fast & Secure Delivery</h5>
|
||||
<p class="text-muted mb-0">Tell about your service.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/returns.png') }}" alt="" class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-15">2 Days Return Policy</h5>
|
||||
<p class="text-muted mb-0">No question ask.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/guarantee-certificate.png') }}" alt=""
|
||||
class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-15">Money Back Guarantee</h5>
|
||||
<p class="text-muted mb-0">Within 5 business days</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/24-hours-support.png') }}" alt="" class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-15">24 X 7 Service</h5>
|
||||
<p class="text-muted mb-0">Online service for customer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@endsection
|
||||
@section('scripts')
|
||||
<!-- landing-index js -->
|
||||
<script src="{{ URL::asset('build/js/frontend/menu.init.js') }}"></script>
|
||||
@endsection
|
||||
@@ -0,0 +1,108 @@
|
||||
<section class="section footer-landing pb-0">
|
||||
<div class="container-fluid container-custom">
|
||||
<div class="row">
|
||||
<div class="col-lg-4">
|
||||
<div class="footer-info">
|
||||
<img src="{{ URL::asset('build/images/logo-light.png') }}" alt="" height="28" class="logo-light">
|
||||
<img src="{{ URL::asset('build/images/logo-dark.png') }}" alt="" height="28" class="logo-dark">
|
||||
<p class="footer-desc mt-4 mb-2 me-3">Toner provides best fashion experience for both men and women at best pricing. We follow New fashion approach to give best premium feel.</p>
|
||||
|
||||
<div class="footer-social mt-4">
|
||||
<ul class="list-inline mb-0">
|
||||
<li class="list-inline-item">
|
||||
<a href="#!" class="text-reset"><i class="mdi mdi-facebook"></i></a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#!" class="text-reset"><i class="mdi mdi-twitter"></i></a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#!" class="text-reset"><i class="mdi mdi-google"></i></a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#!" class="text-reset"><i class="mdi mdi-pinterest"></i></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-8">
|
||||
<div class="row pl-0 pl-lg-3">
|
||||
<div class="col-md-3">
|
||||
<div class="mt-lg-0 mt-4">
|
||||
<h5 class="footer-title">Categories</h5>
|
||||
<ul class="list-unstyled footer-link mt-3">
|
||||
<li><a href="#!">Men</a></li>
|
||||
<li><a href="#!">Jewellers</a></li>
|
||||
<li><a href="#!">Accessories</a></li>
|
||||
<li><a href="#!">Clothing</a></li>
|
||||
<li><a href="#!">Beauty Items</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="mt-lg-0 mt-4">
|
||||
<h5 class="footer-title">Information</h5>
|
||||
<ul class="list-unstyled footer-link mt-3">
|
||||
<li><a href="#!">Custom Service</a></li>
|
||||
<li><a href="#!">FAQs</a></li>
|
||||
<li><a href="#!">Ordering</a></li>
|
||||
<li><a href="#!">Tracking</a></li>
|
||||
<li><a href="#!">Contacts</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-3">
|
||||
<div class="mt-lg-0 mt-4">
|
||||
<h5 class="footer-title">My Account</h5>
|
||||
<ul class="list-unstyled footer-link mt-3">
|
||||
<li><a href="#!">Sign In</a></li>
|
||||
<li><a href="#!">View Cart</a></li>
|
||||
<li><a href="#!">My Wishlist</a></li>
|
||||
<li><a href="#!">Track My Order</a></li>
|
||||
<li><a href="#!">Help</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-3">
|
||||
<div class="mt-lg-0 mt-4">
|
||||
<h5 class="footer-title">Customer Service</h5>
|
||||
<ul class="list-unstyled footer-link mt-3">
|
||||
<li><a href="#!">Payment Methods</a></li>
|
||||
<li><a href="#!">Money-back!</a></li>
|
||||
<li><a href="#!">Returns</a></li>
|
||||
<li><a href="#!">Shipping</a></li>
|
||||
<li><a href="#!">Terms and conditions</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row footer-border-alt mt-4 align-items-center fs-15">
|
||||
<div class="col-sm-6">
|
||||
<script>document.write(new Date().getFullYear())</script> © Toner. Design & Develop by <a href="https://themesbrand.com/" target="_blank" class="text-reset text-decoration-underline">Themesbrand</a>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<div class="text-sm-end d-none d-sm-block">
|
||||
<ul class="list-inline mb-0">
|
||||
<li class="list-inline-item">
|
||||
<a href="#!"><img src="{{ URL::asset('build/images/ecommerce/payment/visa.png') }}" alt="" height="30"></a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#!"><img src="{{ URL::asset('build/images/ecommerce/payment/discover.png') }}" alt="" height="30"></a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#!"><img src="{{ URL::asset('build/images/ecommerce/payment/american-express.png') }}" alt="" height="30"></a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#!"><img src="{{ URL::asset('build/images/ecommerce/payment/paypal.png') }}" alt="" height="30"></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,109 @@
|
||||
<section class="section footer-landing pb-0">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-4">
|
||||
<div class="footer-info">
|
||||
<img src="{{ URL::asset('build/images/logo-light.png') }}" alt="" height="28" class="logo-light">
|
||||
<img src="{{ URL::asset('build/images/logo-dark.png') }}" alt="" height="28" class="logo-dark">
|
||||
<p class="footer-desc mt-4 mb-2 me-3">Toner provides best fashion experience for both men and women at best pricing. We follow New fashion approach to give best premium feel.</p>
|
||||
|
||||
<div class="footer-social mt-4">
|
||||
<ul class="list-inline mb-0">
|
||||
<li class="list-inline-item">
|
||||
<a href="#!" class="text-reset"><i class="mdi mdi-facebook"></i></a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#!" class="text-reset"><i class="mdi mdi-twitter"></i></a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#!" class="text-reset"><i class="mdi mdi-google"></i></a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#!" class="text-reset"><i class="mdi mdi-pinterest"></i></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-8">
|
||||
<div class="row pl-0 pl-lg-3">
|
||||
<div class="col-md-3">
|
||||
<div class="mt-lg-0 mt-4">
|
||||
<h5 class="footer-title">Categories</h5>
|
||||
<ul class="list-unstyled footer-link mt-3">
|
||||
<li><a href="#!">Men</a></li>
|
||||
<li><a href="#!">Jewellers</a></li>
|
||||
<li><a href="#!">Accessories</a></li>
|
||||
<li><a href="#!">Clothing</a></li>
|
||||
<li><a href="#!">Beauty Items</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="mt-lg-0 mt-4">
|
||||
<h5 class="footer-title">Information</h5>
|
||||
<ul class="list-unstyled footer-link mt-3">
|
||||
<li><a href="#!">Custom Service</a></li>
|
||||
<li><a href="#!">FAQs</a></li>
|
||||
<li><a href="#!">Ordering</a></li>
|
||||
<li><a href="#!">Tracking</a></li>
|
||||
<li><a href="#!">Contacts</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-3">
|
||||
<div class="mt-lg-0 mt-4">
|
||||
<h5 class="footer-title">My Account</h5>
|
||||
<ul class="list-unstyled footer-link mt-3">
|
||||
<li><a href="#!">Sign In</a></li>
|
||||
<li><a href="#!">View Cart</a></li>
|
||||
<li><a href="#!">My Wishlist</a></li>
|
||||
<li><a href="#!">Track My Order</a></li>
|
||||
<li><a href="#!">Help</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-3">
|
||||
<div class="mt-lg-0 mt-4">
|
||||
<h5 class="footer-title">Customer Service</h5>
|
||||
<ul class="list-unstyled footer-link mt-3">
|
||||
<li><a href="#!">Payment Methods</a></li>
|
||||
<li><a href="#!">Money-back!</a></li>
|
||||
<li><a href="#!">Returns</a></li>
|
||||
<li><a href="#!">Shipping</a></li>
|
||||
<li><a href="#!">Terms and conditions</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row footer-border-alt mt-4 align-items-center fs-15">
|
||||
<div class="col-sm-6">
|
||||
<script>document.write(new Date().getFullYear())</script> © Toner. Design & Develop by <a href="https://themesbrand.com/" target=
|
||||
"_blank" class="text-reset text-decoration-underline">Themesbrand</a>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<div class="text-sm-end d-none d-sm-block">
|
||||
<ul class="list-inline mb-0">
|
||||
<li class="list-inline-item">
|
||||
<a href="#!"><img src="{{ URL::asset('build/images/ecommerce/payment/visa.png') }}" alt="" height="30"></a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#!"><img src="{{ URL::asset('build/images/ecommerce/payment/discover.png') }}" alt="" height="30"></a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#!"><img src="{{ URL::asset('build/images/ecommerce/payment/american-express.png') }}" alt="" height="30"></a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#!"><img src="{{ URL::asset('build/images/ecommerce/payment/paypal.png') }}" alt="" height="30"></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,10 @@
|
||||
@yield('css')
|
||||
|
||||
<!-- Bootstrap Css -->
|
||||
<link href="{{ URL::asset('build/css/bootstrap.min.css') }}" rel="stylesheet" type="text/css">
|
||||
<!-- Icons Css -->
|
||||
<link href="{{ URL::asset('build/css/icons.min.css') }}" rel="stylesheet" type="text/css">
|
||||
<!-- App Css-->
|
||||
<link href="{{ URL::asset('build/css/app.min.css') }}" rel="stylesheet" type="text/css">
|
||||
<!-- custom Css-->
|
||||
<link href="{{ URL::asset('build/css/custom.min.css') }}" rel="stylesheet" type="text/css">
|
||||
@@ -0,0 +1,64 @@
|
||||
<!doctype html>
|
||||
<html lang="en" data-bs-theme="light" data-footer="dark">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>@yield('title') | Toner - eCommerce + Admin HTML Template Build with HTML, React, Laravel, Nodejs</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta content="eCommerce + Admin HTML Template" name="description">
|
||||
<meta content="Themesbrand" name="author">
|
||||
<!-- App favicon -->
|
||||
<link rel="shortcut icon" href="{{ URL::asset('build/images/favicon.ico') }}">
|
||||
|
||||
<!-- head css -->
|
||||
@include('layouts.head-css')
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<section
|
||||
class="auth-page-wrapper position-relative bg-light min-vh-100 d-flex align-items-center justify-content-between">
|
||||
<div class="auth-header position-fixed top-0 start-0 end-0 bg-body">
|
||||
<div class="container-fluid">
|
||||
<div class="row justify-content-between align-items-center">
|
||||
<div class="col-2">
|
||||
<a class="navbar-brand mb-2 mb-sm-0" href="index">
|
||||
<img src="{{ URL::asset('build/images/logo-dark.png') }}" class="card-logo card-logo-dark"
|
||||
alt="logo dark" height="22">
|
||||
<img src="{{ URL::asset('build/images/logo-light.png') }}"
|
||||
class="card-logo card-logo-light" alt="logo light" height="22">
|
||||
</a>
|
||||
</div>
|
||||
<!---end col-->
|
||||
<div class="col-auto">
|
||||
<ul class="list-unstyled hstack gap-2 mb-0">
|
||||
<li class="me-md-3">
|
||||
<a href="#!" class="text-body fw-medium fs-15">Become a Selling</a>
|
||||
</li>
|
||||
<li class="d-none d-md-block">
|
||||
<a href="#!" class="btn btn-soft-secondary">
|
||||
<i class="bi bi-google-play align-middle me-1"></i> Download App
|
||||
</a>
|
||||
</li>
|
||||
<li class="d-none d-md-block">
|
||||
<a href="#!" class="btn btn-soft-primary">
|
||||
<i class="bi bi-apple align-middle me-1"></i> Download App
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end container-fluid-->
|
||||
</div>
|
||||
|
||||
<!--content here-->
|
||||
@yield('content')
|
||||
</section>
|
||||
|
||||
<!--script-->
|
||||
@include('layouts.vendor-scripts')
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,23 @@
|
||||
<!doctype html>
|
||||
<html lang="en" data-bs-theme="light" data-footer="dark">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>@yield('title') | Toner - eCommerce + Admin HTML Template Build with HTML, React, Laravel, Nodejs</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta content="eCommerce + Admin HTML Template" name="description">
|
||||
<meta content="Themesbrand" name="author">
|
||||
<!-- App favicon -->
|
||||
<link rel="shortcut icon" href="{{ URL::asset('build/images/favicon.ico') }}">
|
||||
|
||||
<!-- head css -->
|
||||
@include('layouts.head-css')
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
@yield('content')
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,33 @@
|
||||
<!doctype html>
|
||||
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}" data-bs-theme="light" data-footer="dark">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>@yield('title') | Toner - eCommerce + Admin HTML Template Build with HTML, React, Laravel, Nodejs</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta content="eCommerce + Admin HTML Template" name="description">
|
||||
<meta content="Themesbrand" name="author">
|
||||
<!-- App favicon -->
|
||||
<link rel="shortcut icon" href="{{ URL::asset('build/images/favicon.ico') }}">
|
||||
|
||||
<!-- head css -->
|
||||
@include('layouts.head-css')
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- top tagbar -->
|
||||
@include('layouts.top-tagbar')
|
||||
<!-- topbar -->
|
||||
@include('layouts.topbar')
|
||||
|
||||
@yield('content')
|
||||
|
||||
<!-- footer -->
|
||||
@include('layouts.footer')
|
||||
<!-- scripts -->
|
||||
@include('layouts.vendor-scripts')
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,33 @@
|
||||
<!doctype html>
|
||||
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}" data-bs-theme="light" data-footer="dark">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>@yield('title') | Toner - eCommerce + Admin HTML Template Build with HTML, React, Laravel, Nodejs</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta content="eCommerce + Admin HTML Template" name="description">
|
||||
<meta content="Themesbrand" name="author">
|
||||
<!-- App favicon -->
|
||||
<link rel="shortcut icon" href="{{ URL::asset('build/images/favicon.ico') }}">
|
||||
|
||||
<!-- head css -->
|
||||
@include('layouts.head-css')
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- top tagbar -->
|
||||
@include('layouts.top-tagbar')
|
||||
<!-- topbar -->
|
||||
@include('layouts.topbar-fluid')
|
||||
|
||||
@yield('content')
|
||||
|
||||
<!-- footer -->
|
||||
@include('layouts.footer-fluid')
|
||||
<!-- scripts -->
|
||||
@include('layouts.vendor-scripts')
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,145 @@
|
||||
<div class="top-tagbar">
|
||||
<div class="w-100">
|
||||
<div class="row justify-content-between align-items-center">
|
||||
<div class="col-md-4 col-9">
|
||||
<div class="fs-14 fw-medium">
|
||||
<i class="bi bi-geo-alt align-middle me-2"></i> Cobb, GA
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 col-6 d-none d-xxl-block">
|
||||
<div class="d-flex align-items-center justify-content-center gap-3 fs-14 fw-medium">
|
||||
<div>
|
||||
<i class="bi bi-envelope align-middle me-2"></i>
|
||||
contact@kevkemchiro.com
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 col-3">
|
||||
<div class="d-flex align-items-center justify-content-end gap-3 fs-14">
|
||||
<div class="text-reset fw-normal d-none d-lg-block">
|
||||
<i class="bi bi-telephone-outbound align-middle me-2"></i> +(770) 778 0088
|
||||
</div>
|
||||
<hr class="vr d-none d-lg-block">
|
||||
<div class="dropdown topbar-head-dropdown topbar-tag-dropdown justify-content-end">
|
||||
<button type="button"
|
||||
class="btn btn-icon btn-topbar text-reset rounded-circle fs-14 fw-medium"
|
||||
data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
{{-- @switch(Session::get('lang'))--}}
|
||||
{{-- @case('ru')--}}
|
||||
{{-- <img src="{{ URL::asset('build/images/flags/russia.svg') }}"--}}
|
||||
{{-- class="rounded-circle me-2" alt="Header Language" height="16">--}}
|
||||
{{-- <span id="lang-name">русский</span>--}}
|
||||
{{-- @break--}}
|
||||
|
||||
{{-- @case('it')--}}
|
||||
{{-- <img src="{{ URL::asset('build/images/flags/italy.svg') }}"--}}
|
||||
{{-- class="rounded-circle me-2" alt="Header Language" height="16">--}}
|
||||
{{-- <span id="lang-name">Italiana</span>--}}
|
||||
{{-- @break--}}
|
||||
|
||||
{{-- @case('sp')--}}
|
||||
{{-- <img src="{{ URL::asset('build/images/flags/spain.svg') }}"--}}
|
||||
{{-- class="rounded-circle me-2" alt="Header Language" height="16">--}}
|
||||
{{-- <span id="lang-name">Española</span>--}}
|
||||
{{-- @break--}}
|
||||
|
||||
{{-- @case('ch')--}}
|
||||
{{-- <img src="{{ URL::asset('build/images/flags/china.svg') }}"--}}
|
||||
{{-- class="rounded-circle me-2" alt="Header Language" height="16">--}}
|
||||
{{-- <span id="lang-name">中国人</span>--}}
|
||||
{{-- @break--}}
|
||||
|
||||
{{-- @case('fr')--}}
|
||||
{{-- <img src="{{ URL::asset('build/images/flags/french.svg') }}"--}}
|
||||
{{-- class="rounded-circle me-2" alt="Header Language" height="16">--}}
|
||||
{{-- <span id="lang-name">français</span>--}}
|
||||
{{-- @break--}}
|
||||
|
||||
{{-- @case('gr')--}}
|
||||
{{-- <img src="{{ URL::asset('build/images/flags/germany.svg') }}"--}}
|
||||
{{-- class="rounded-circle me-2" alt="Header Language" height="16">--}}
|
||||
{{-- <span id="lang-name">Deutsche</span>--}}
|
||||
{{-- @break--}}
|
||||
|
||||
{{-- @case('sa')--}}
|
||||
{{-- <img src="{{ URL::asset('build/images/flags/sa.svg') }}" class="rounded-circle me-2"--}}
|
||||
{{-- alt="Header Language" height="16">--}}
|
||||
{{-- <span id="lang-name">عربى</span>--}}
|
||||
{{-- @break--}}
|
||||
|
||||
{{-- @default--}}
|
||||
{{-- <img src="{{ URL::asset('build/images/flags/us.svg') }}" class="rounded-circle me-2"--}}
|
||||
{{-- alt="Header Language" height="16">--}}
|
||||
{{-- <span id="lang-name">English</span>--}}
|
||||
{{-- @endswitch--}}
|
||||
</button>
|
||||
<div class="dropdown-menu dropdown-menu-end">
|
||||
<!-- item-->
|
||||
<a href="{{ url('index/en') }}" class="dropdown-item notify-item language py-2"
|
||||
data-lang="en" title="English">
|
||||
<img src="{{ URL::asset('build/images/flags/us.svg') }}" alt="user-image"
|
||||
class="me-2 rounded-circle" height="18">
|
||||
<span class="align-middle">English</span>
|
||||
</a>
|
||||
|
||||
<!-- item-->
|
||||
<a href="{{ url('index/sp') }}" class="dropdown-item notify-item language"
|
||||
data-lang="sp" title="Spanish">
|
||||
<img src="{{ URL::asset('build/images/flags/spain.svg') }}" alt="user-image"
|
||||
class="me-2 rounded-circle" height="18">
|
||||
<span class="align-middle">Española</span>
|
||||
</a>
|
||||
|
||||
<!-- item-->
|
||||
<a href="{{ url('index/gr') }}" class="dropdown-item notify-item language"
|
||||
data-lang="gr" title="German">
|
||||
<img src="{{ URL::asset('build/images/flags/germany.svg') }}" alt="user-image"
|
||||
class="me-2 rounded-circle" height="18"> <span
|
||||
class="align-middle">Deutsche</span>
|
||||
</a>
|
||||
|
||||
<!-- item-->
|
||||
<a href="{{ url('index/it') }}" class="dropdown-item notify-item language"
|
||||
data-lang="it" title="Italian">
|
||||
<img src="{{ URL::asset('build/images/flags/italy.svg') }}" alt="user-image"
|
||||
class="me-2 rounded-circle" height="18">
|
||||
<span class="align-middle">Italiana</span>
|
||||
</a>
|
||||
|
||||
<!-- item-->
|
||||
<a href="{{ url('index/ru') }}" class="dropdown-item notify-item language"
|
||||
data-lang="ru" title="Russian">
|
||||
<img src="{{ URL::asset('build/images/flags/russia.svg') }}" alt="user-image"
|
||||
class="me-2 rounded-circle" height="18">
|
||||
<span class="align-middle">русский</span>
|
||||
</a>
|
||||
|
||||
<!-- item-->
|
||||
<a href="{{ url('index/ch') }}" class="dropdown-item notify-item language"
|
||||
data-lang="ch" title="Chinese">
|
||||
<img src="{{ URL::asset('build/images/flags/china.svg') }}" alt="user-image"
|
||||
class="me-2 rounded-circle" height="18">
|
||||
<span class="align-middle">中国人</span>
|
||||
</a>
|
||||
|
||||
<!-- item-->
|
||||
<a href="{{ url('index/fr') }}" class="dropdown-item notify-item language"
|
||||
data-lang="fr" title="French">
|
||||
<img src="{{ URL::asset('build/images/flags/french.svg') }}" alt="user-image"
|
||||
class="me-2 rounded-circle" height="18">
|
||||
<span class="align-middle">français</span>
|
||||
</a>
|
||||
<!-- item-->
|
||||
<a href="{{ url('index/sa') }}" class="dropdown-item notify-item language"
|
||||
data-lang="ae" title="Arabic">
|
||||
<img src="{{ URL::asset('build/images/flags/sa.svg') }}" alt="user-image"
|
||||
class="me-2 rounded-circle" height="18">
|
||||
<span class="align-middle">عربى</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,829 @@
|
||||
<nav class="navbar navbar-expand-lg ecommerce-navbar" id="navbar">
|
||||
<div class="container-fluid container-custom">
|
||||
<a class="navbar-brand d-none d-lg-block" href="index">
|
||||
<div class="logo-dark">
|
||||
<img src="{{ URL::asset('build/images/logo-dark.png') }}" alt="" height="25">
|
||||
</div>
|
||||
<div class="logo-light">
|
||||
<img src="{{ URL::asset('build/images/logo-light.png') }}" alt="" height="25">
|
||||
</div>
|
||||
</a>
|
||||
<button class="btn btn-soft-primary btn-icon d-lg-none" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<i class="bi bi-list fs-20"></i>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
||||
<ul class="navbar-nav mx-lg-auto mb-2 mb-lg-0" id="navigation-menu">
|
||||
<li class="nav-item d-block d-lg-none">
|
||||
<a class="d-block p-3 h-auto text-center" href="index.html">
|
||||
<img src="{{ URL::asset('build/images/logo-dark.png') }}" alt="" height="25" class="card-logo-dark mx-auto">
|
||||
<img src="{{ URL::asset('build/images/logo-light.png') }}" alt="" height="25" class="card-logo-light mx-auto">
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item dropdown dropdown-hover">
|
||||
<a class="nav-link dropdown-toggle" data-key="t-demos" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
|
||||
{{ __('t-home') }}
|
||||
</a>
|
||||
<ul class="dropdown-menu dropdown-menu-md dropdown-menu-center dropdown-menu-list submenu">
|
||||
<li class="nav-item">
|
||||
<a href="index" class="nav-link" data-key="t-main-layout">{{ __('t-main-layout') }}</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="watch-main-layout" class="nav-link" data-key="t-unique-watches">{{ __('t-unique-watches') }}</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="modern-fashion" class="nav-link" data-key="t-modern-fashion">{{ __('t-modern-fashion') }}</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="trend-fashion" class="nav-link" data-key="t-trend-fashion">{{ __('t-trend-fashion') }}</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item dropdown dropdown-hover dropdown-mega-full">
|
||||
<a class="nav-link dropdown-toggle" data-key="t-catalog" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
|
||||
{{ __('t-catalog') }}
|
||||
</a>
|
||||
<div class="dropdown-menu p-0">
|
||||
<div class="row g-0 g-lg-4">
|
||||
<div class="col-lg-2 d-none d-lg-block">
|
||||
<div class="card rounded-start rounded-0 border-0 h-100 mb-0 overflow-hidden" style="background-image: url('build/images/ecommerce/img-1.jpg');background-size: cover;">
|
||||
<div class="bg-overlay bg-light bg-opacity-25"></div>
|
||||
<div class="card-body d-flex align-items-center justify-content-center">
|
||||
<div class="text-center">
|
||||
<a href="product-grid-sidebar-banner" class="btn btn-secondary btn-hover"><i class="ph-storefront align-middle me-1"></i> <span data-key="t-shop-now">{{ __('t-shop-now') }}</span></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-2">
|
||||
<ul class="dropdown-menu-list list-unstyled mb-0 py-3">
|
||||
<li>
|
||||
<p class="mb-2 text-uppercase fs-11 fw-medium text-muted menu-title" data-key="t-men">{{ __('t-men') }}</p>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="product-grid-sidebar-banner" class="nav-link" data-key="t-clothing">{{ __('t-clothing') }}</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="product-grid-right" class="nav-link" data-key="t-watches">{{ __('t-watches') }}</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="product-list-left" class="nav-link" data-key="t-bags-Luggage">{{ __('t-bags-Luggage') }}</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="product-grid-right" class="nav-link" data-key="t-footwear">{{ __('t-footwear') }}</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="product-list" class="nav-link" data-key="t-innerwear">{{ __('t-innerwear') }}</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="product-list-right" class="nav-link" data-key="t-other-accessories">{{ __('t-other-accessories') }}</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-lg-2">
|
||||
<ul class="dropdown-menu-list list-unstyled mb-0 py-3">
|
||||
<li>
|
||||
<p class="mb-2 text-uppercase fs-11 fw-medium text-muted menu-title" data-key="t-women">{{ __('t-women') }}</p>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="product-list-defualt" class="nav-link" data-key="t-western-wear">{{ __('t-western-wear') }}</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="product-list-left" class="nav-link" data-key="t-handbags-clutches">{{ __('t-handbags-clutches') }}</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="product-grid-right" class="nav-link" data-key="t-lingerie-nightwear">{{ __('t-lingerie-nightwear') }}</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="product-grid-sidebar-banner" class="nav-link" data-key="t-footwear">{{ __('t-footwear') }}</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="product-grid-defualt" class="nav-link" data-key="t-fashion-silver-jewellery">{{ __('t-fashion-silver-jewellery') }}</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-lg-2">
|
||||
<ul class="dropdown-menu-list list-unstyled mb-0 py-3">
|
||||
<li>
|
||||
<p class="mb-2 text-uppercase fs-11 fw-medium text-muted menu-title" data-key="t-accessories-others">{{ __('t-accessories-others') }}</p>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="product-grid-right" class="nav-link" data-key="t-home-kitchen-pets">{{ __('t-home-kitchen-pets') }}</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="product-list-left" class="nav-link" data-key="t-beauty-health-grocery">{{ __('t-beauty-health-grocery') }}</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="product-grid-sidebar-banner" class="nav-link" data-key="t-sports-fitness-bags-luggage">{{ __('t-sports-fitness-bags-luggage') }}</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="product-list" class="nav-link" data-key="t-car-motorbike-industrial">{{ __('t-car-motorbike-industrial') }}</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="product-list-right" class="nav-link" data-key="t-books">{{ __('t-books') }}</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-lg-2">
|
||||
<ul class="dropdown-menu-list list-unstyled mb-0 py-3">
|
||||
<li>
|
||||
<p class="mb-2 text-uppercase fs-11 fw-medium text-muted menu-title" data-key="t-others">{{ __('t-others') }}</p>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="auth-signup-basic" class="nav-link" data-key="t-sign-up">{{ __('t-sign-up') }}</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="auth-signin-basic" class="nav-link" data-key="t-sign-in">{{ __('t-sign-in') }}</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="auth-pass-reset-basic" class="nav-link" data-key="t-passowrd-reset">{{ __('t-passowrd-reset') }}</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="auth-404" class="nav-link" data-key="t-error-404">{{ __('t-error-404') }}</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-lg-2 d-none d-lg-block">
|
||||
<div class="p-3">
|
||||
<p class="mb-3 text-uppercase fs-11 fw-medium text-muted" data-key="t-top-brands">{{ __('t-top-brands') }}</p>
|
||||
<div class="row g-2">
|
||||
<div class="col-lg-4">
|
||||
<a href="#!" class="d-block p-2 border border-dashed text-center rounded-3">
|
||||
<img src="{{ URL::asset('build/images/brands/img-8.png') }}" alt="" class="avatar-sm">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<a href="#!" class="d-block p-2 border border-dashed text-center rounded-3">
|
||||
<img src="{{ URL::asset('build/images/brands/img-2.png') }}" alt="" class="avatar-sm">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<a href="#!" class="d-block p-2 border border-dashed text-center rounded-3">
|
||||
<img src="{{ URL::asset('build/images/brands/img-3.png') }}" alt="" class="avatar-sm">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<a href="#!" class="d-block p-2 border border-dashed text-center rounded-3">
|
||||
<img src="{{ URL::asset('build/images/brands/img-4.png') }}" alt="" class="avatar-sm">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<a href="#!" class="d-block p-2 border border-dashed text-center rounded-3">
|
||||
<img src="{{ URL::asset('build/images/brands/img-5.png') }}" alt="" class="avatar-sm">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<a href="#!" class="d-block p-2 border border-dashed text-center rounded-3">
|
||||
<img src="{{ URL::asset('build/images/brands/img-6.png') }}" alt="" class="avatar-sm">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="nav-item dropdown dropdown-hover">
|
||||
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false" data-key="t-shop">
|
||||
{{ __('t-shop') }}
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-mega-menu-xl dropdown-menu-center p-0">
|
||||
<div class="row g-0 g-lg-4">
|
||||
<div class="col-lg-5 d-none d-lg-block">
|
||||
<div class="card rounded-start rounded-0 border-0 h-100 mb-0 overflow-hidden" style="background-image: url('build/images/ecommerce/img-2.jpg'); background-size: cover;">
|
||||
<div class="bg-overlay bg-primary" style="opacity: 0.90;"></div>
|
||||
<div class="card-body d-flex align-items-center justify-content-center position-relative">
|
||||
<div class="text-center">
|
||||
<h6 class="card-title text-white">Welcome to Toner</h6>
|
||||
<p class="text-white-75">See all the products at once.</p>
|
||||
<a href="#!" class="btn btn-light btn-sm btn-hover">Shop Now <i class="ph-arrow-right align-middle"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-7">
|
||||
<div class="row g-0 g-lg-4">
|
||||
<div class="col-lg-6">
|
||||
<div class="py-3">
|
||||
<ul class="dropdown-menu-list list-unstyled mb-0">
|
||||
<li>
|
||||
<p class="mb-2 text-uppercase fs-11 fw-medium text-muted menu-title" data-key="t-checkout-pages">{{ __('t-checkout-pages') }}</p>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="address" class="nav-link" data-key="t-address"> {{ __('t-address') }}</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="track-order" class="nav-link" data-key="t-track-order">{{ __('t-track-order') }}</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="payment" class="nav-link" data-key="t-payment">{{ __('t-payment') }}</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="review" class="nav-link" data-key="t-review">{{ __('t-review') }}</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="confirmation" class="nav-link" data-key="t-confirmation">{{ __('t-confirmation') }}</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="order-history" class="nav-link" data-key="t-my-orders-order-history">{{ __('t-my-orders-order-history') }}</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<ul class="dropdown-menu-list list-unstyled mb-0 py-3">
|
||||
<li>
|
||||
<p class="mb-2 text-uppercase fs-11 fw-medium text-muted menu-title" data-key="t-support">{{ __('t-support') }}</p>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="shop-cart" class="nav-link" data-key="t-shopping-cart">{{ __('t-shopping-cart') }}</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="checkout" class="nav-link" data-key="t-checkout">{{ __('t-checkout') }}</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="wishlist" class="nav-link" data-key="t-wishlist">{{ __('t-wishlist') }}</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="nav-item dropdown dropdown-hover">
|
||||
<a class="nav-link dropdown-toggle" data-key="t-pages" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
|
||||
{{ __('t-pages') }}
|
||||
</a>
|
||||
<ul class="dropdown-menu dropdown-menu-md dropdown-menu-center dropdown-menu-list submenu">
|
||||
<li class="nav-item dropdown dropdown-hover">
|
||||
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false" data-key="t-products">{{ __('t-products') }}</a>
|
||||
<ul class="dropdown-menu submenu">
|
||||
<li class="dropdown dropdown-hover">
|
||||
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false" data-key="t-grid-view">{{ __('t-grid-view') }}</a>
|
||||
<ul class="dropdown-menu submenu">
|
||||
<li><a class="nav-link" href="product-grid-defualt" data-key="t-defualt">{{ __('t-defualt') }}</a></li>
|
||||
<li><a class="nav-link" href="product-grid-sidebar-banner" data-key="t-sidebar-with-banner">{{ __('t-sidebar-with-banner') }}</a></li>
|
||||
<li><a class="nav-link" href="product-grid-right" data-key="t-right-sidebar">{{ __('t-right-sidebar') }}</a></li>
|
||||
<li><a class="nav-link" href="product-grid" data-key="t-no-sidebar">{{ __('t-no-sidebar') }}</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="dropdown dropdown-hover">
|
||||
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false" data-key="t-list-view">{{ __('t-list-view') }}</a>
|
||||
<ul class="dropdown-menu submenu">
|
||||
<li><a class="nav-link" href="product-list-defualt" data-key="t-defualt">{{ __('t-defualt') }}</a></li>
|
||||
<li><a class="nav-link" href="product-list-left" data-key="t-left-sidebar">{{ __('t-left-sidebar') }}</a></li>
|
||||
<li><a class="nav-link" href="product-list-right" data-key="t-right-sidebar">{{ __('t-right-sidebar') }}</a></li>
|
||||
<li><a class="nav-link" href="product-list" data-key="t-no-sidebar">{{ __('t-no-sidebar') }}</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a class="nav-link" href="product-details" data-key="t-product-details">{{ __('t-product-details') }}</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item dropdown dropdown-hover">
|
||||
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false" data-key="t-users">{{ __('t-users') }}</a>
|
||||
<ul class="dropdown-menu submenu">
|
||||
<li><a class="nav-link" href="account" data-key="t-my-account">{{ __('t-my-account') }}</a></li>
|
||||
<li><a class="nav-link" href="auth-signin-basic" data-key="t-sign-in">{{ __('t-sign-in') }}</a></li>
|
||||
<li><a class="nav-link" href="auth-signup-basic" data-key="t-sign-up">{{ __('t-sign-up') }}</a></li>
|
||||
<li><a class="nav-link" href="auth-pass-reset-basic" data-key="t-passowrd-reset">{{ __('t-passowrd-reset') }}</a></li>
|
||||
<li><a class="nav-link" href="auth-pass-change-basic" data-key="t-create-password">{{ __('t-create-password') }}</a></li>
|
||||
<li><a class="nav-link" href="auth-success-msg-basic" data-key="t-success-message">{{ __('t-success-message') }}</a></li>
|
||||
<li><a class="nav-link" href="auth-twostep-basic" data-key="t-two-step-verify">{{ __('t-two-step-verify') }}</a></li>
|
||||
<li><a class="nav-link" href="auth-logout-basic" data-key="t-logout">{{ __('t-logout') }}</a></li>
|
||||
<li><a class="nav-link" href="auth-404" data-key="t-error-404">{{ __('t-error-404') }}</a></li>
|
||||
<li><a class="nav-link" href="auth-500" data-key="t-error-500">{{ __('t-error-500') }}</a></li>
|
||||
<li><a class="nav-link" href="coming-soon" data-key="t-coming-soon">{{ __('t-coming-soon') }}</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="products-category" class="nav-link" data-key="t-categories">{{ __('t-categories') }}</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="about-us" class="nav-link" data-key="t-about">{{ __('t-about') }}</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="purchase-guide" class="nav-link" data-key="t-purchase-guide">{{ __('t-purchase-guide') }}</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="terms-conditions" class="nav-link" data-key="t-terms-of-service">{{ __('t-terms-of-service') }}</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="privacy-policy" class="nav-link" data-key="t-privacy-policy">{{ __('t-privacy-policy') }}</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="store-locator" class="nav-link" data-key="t-store-locator">{{ __('t-store-locator') }}</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="ecommerce-faq" class="nav-link" data-key="t-faq">{{ __('t-faq') }}</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="invoice" class="nav-link" data-key="t-invoice">{{ __('t-invoice') }}</a>
|
||||
</li>
|
||||
<li class="nav-item dropdown dropdown-hover">
|
||||
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false" data-key="t-email-template">{{ __('t-email-template') }}</a>
|
||||
<ul class="dropdown-menu submenu">
|
||||
<li><a class="nav-link" href="email-black-friday" data-key="t-black-friday">{{ __('t-black-friday') }}</a></li>
|
||||
<li><a class="nav-link" href="email-flash-sale" data-key="t-flash-sale">{{ __('t-flash-sale') }}</a></li>
|
||||
<li><a class="nav-link" href="email-order-success" data-key="t-order-success">{{ __('t-order-success') }}</a></li>
|
||||
<li><a class="nav-link" href="email-order-success-2" data-key="t-order-success-2">{{ __('t-order-success-2') }}</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item dropdown dropdown-hover">
|
||||
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false" data-key="t-multi-level">{{ __('t-multi-level') }}</a>
|
||||
<ul class="dropdown-menu submenu">
|
||||
<li><a class="nav-link" href="#" data-key="t-level-1.1">{{ __('t-level-1.1') }}</a></li>
|
||||
<li><a class="nav-link" href="#" data-key="t-level-1.2">{{ __('t-level-1.2') }}</a></li>
|
||||
<li class="dropdown dropdown-hover">
|
||||
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false" data-key="t-level-1.3">{{ __('t-level-1.3') }}</a>
|
||||
<ul class="dropdown-menu submenu">
|
||||
<li><a class="nav-link" href="#" data-key="t-level-2.1">{{ __('t-level-2.1') }}</a></li>
|
||||
<li><a class="nav-link" href="#" data-key="t-level-2.2">{{ __('t-level-2.2') }}</a></li>
|
||||
<li class="dropdown dropdown-hover">
|
||||
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false" data-key="t-level-2.3">{{ __('t-level-2.3') }}</a>
|
||||
<ul class="dropdown-menu submenu">
|
||||
<li><a class="nav-link" href="#" data-key="t-level-3.1">{{ __('t-level-3.1') }}</a></li>
|
||||
<li><a class="nav-link" href="#" data-key="t-level-3.2">{{ __('t-level-3.2') }}</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="contact-us" data-key="t-contact">{{ __('t-contact') }}</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="bg-overlay navbar-overlay" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent.show"></div>
|
||||
|
||||
<div class="d-flex align-items-center">
|
||||
<button type="button" class="btn btn-icon btn-topbar btn-ghost-dark rounded-circle text-muted" data-bs-toggle="modal" data-bs-target="#searchModal">
|
||||
<i class="bx bx-search fs-22"></i>
|
||||
</button>
|
||||
<div class="topbar-head-dropdown ms-1 header-item">
|
||||
<button type="button" class="btn btn-icon btn-topbar btn-ghost-dark rounded-circle text-muted" data-bs-toggle="offcanvas" data-bs-target="#ecommerceCart" aria-controls="ecommerceCart">
|
||||
<i class="ph-shopping-cart fs-18"></i>
|
||||
<span class="position-absolute topbar-badge cartitem-badge fs-10 translate-middle badge rounded-pill bg-danger">4</span>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="dropdown topbar-head-dropdown ms-2 header-item dropdown-hover-end">
|
||||
<button type="button" class="btn btn-icon btn-topbar btn-ghost-dark rounded-circle text-muted" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<i class="bi bi-sun align-middle fs-20"></i>
|
||||
</button>
|
||||
<div class="dropdown-menu p-2 dropdown-menu-end" id="light-dark-mode">
|
||||
<a href="#!" class="dropdown-item" data-mode="light"><i class="bi bi-sun align-middle me-2"></i> Defualt (light mode)</a>
|
||||
<a href="#!" class="dropdown-item" data-mode="dark"><i class="bi bi-moon align-middle me-2"></i> Dark</a>
|
||||
<a href="#!" class="dropdown-item" data-mode="auto"><i class="bi bi-moon-stars align-middle me-2"></i> Auto (system defualt)</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dropdown header-item dropdown-hover-end">
|
||||
<button type="button" class="btn" id="page-header-user-dropdown" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<img class="rounded-circle header-profile-user" src="@if(@Auth::user()->avatar) {{ URL::asset('images/users')."/".@Auth::user()->avatar }} @else {{ URL::asset('build/images/users/avatar-1.jpg') }} @endif" alt="Header Avatar">
|
||||
</button>
|
||||
<!-- <button type="button" class="btn btn-icon btn-topbar btn-ghost-secondary rounded-circle" id="page-header-user-dropdown" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<i class="ph-user-circle fs-22"></i>
|
||||
</button> -->
|
||||
<div class="dropdown-menu dropdown-menu-end">
|
||||
<!-- item-->
|
||||
<h6 class="dropdown-header">Welcome {{ @Auth::user()->last_name }}!</h6>
|
||||
<a class="dropdown-item" href="order-history"><i class="bi bi-cart4 text-muted fs-16 align-middle me-1"></i> <span class="align-middle">Order History</span></a>
|
||||
<a class="dropdown-item" href="track-order"><i class="bi bi-truck text-muted fs-16 align-middle me-1"></i> <span class="align-middle">Track Orders</span></a>
|
||||
<a class="dropdown-item" href="javascript:void(0)"><i class="bi bi-speedometer2 text-muted fs-16 align-middle me-1"></i> <span class="align-middle">Dashboard</span></a>
|
||||
<a class="dropdown-item" href="ecommerce-faq"><i class="mdi mdi-lifebuoy text-muted fs-16 align-middle me-1"></i> <span class="align-middle">Help</span></a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a class="dropdown-item" href="account"><i class="bi bi-coin text-muted fs-16 align-middle me-1"></i> <span class="align-middle">Balance : <b>$8451.36</b></span></a>
|
||||
<a class="dropdown-item" href="account"><span class="badge bg-success-subtle text-success mt-1 float-end">New</span><i class="mdi mdi-cog-outline text-muted fs-16 align-middle me-1"></i> <span class="align-middle">Settings</span></a>
|
||||
<a class="dropdown-item" href="{{ url('logout') }}"><i class="bi bi-box-arrow-right text-muted fs-16 align-middle me-1"></i> <span class="align-middle" data-key="t-logout">{{ __('t-logout') }}</span></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<!--cart -->
|
||||
<div class="offcanvas offcanvas-end product-list" tabindex="-1" id="ecommerceCart" aria-labelledby="ecommerceCartLabel">
|
||||
<div class="offcanvas-header border-bottom">
|
||||
<h5 class="offcanvas-title" id="ecommerceCartLabel">My Cart <span class="badge bg-danger align-middle ms-1 cartitem-badge">4</span></h5>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="offcanvas-body px-0">
|
||||
<div data-simplebar class="h-100">
|
||||
<ul class="list-group list-group-flush cartlist">
|
||||
<li class="list-group-item product">
|
||||
<div class="d-flex gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<div class="avatar-md" style="height: 100%;">
|
||||
<div class="avatar-title bg-warning-subtle rounded-3">
|
||||
<img src="{{ URL::asset('build/images/products/img-4.png') }}" alt="" class="avatar-sm">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<a href="#!">
|
||||
<h5 class="fs-15">Borosil Paper Cup</h5>
|
||||
</a>
|
||||
<div class="d-flex mb-3 gap-2">
|
||||
<div class="text-muted fw-medium mb-0">$<span class="product-price">24.00</span></div>
|
||||
<div class="vr"></div>
|
||||
<span class="text-success fw-medium">In Stock</span>
|
||||
</div>
|
||||
<div class="input-step">
|
||||
<button type="button" class="minus">–</button>
|
||||
<input type="number" class="product-quantity" value="2" min="0" max="100" readonly>
|
||||
<button type="button" class="plus">+</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-shrink-0 d-flex flex-column justify-content-between align-items-end">
|
||||
<button type="button" class="btn btn-icon btn-sm btn-ghost-secondary remove-item-btn" data-bs-toggle="modal" data-bs-target="#removeItemModal"><i class="ri-close-fill fs-16"></i></button>
|
||||
<div class="fw-medium mb-0 fs-16">$<span class="product-line-price">48.00</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="list-group-item product">
|
||||
<div class="d-flex gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<div class="avatar-md" style="height: 100%;">
|
||||
<div class="avatar-title bg-info-subtle rounded-3">
|
||||
<img src="{{ URL::asset('build/images/products/img-1.png') }}" alt="" class="avatar-sm">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<a href="#!">
|
||||
<h5 class="fs-15">Rockerz Ear Bluetooth Hea...</h5>
|
||||
</a>
|
||||
<div class="d-flex mb-3 gap-2">
|
||||
<div class="text-muted fw-medium mb-0">$<span class="product-price">160.00</span></div>
|
||||
<div class="vr"></div>
|
||||
<span class="text-success fw-medium">In Stock</span>
|
||||
</div>
|
||||
<div class="input-step">
|
||||
<button type="button" class="minus">–</button>
|
||||
<input type="number" class="product-quantity" value="1" min="0" max="100" readonly>
|
||||
<button type="button" class="plus">+</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-shrink-0 d-flex flex-column justify-content-between align-items-end">
|
||||
<button type="button" class="btn btn-icon btn-sm btn-ghost-secondary remove-item-btn" data-bs-toggle="modal" data-bs-target="#removeItemModal"><i class="ri-close-fill fs-16"></i></button>
|
||||
<div class="fw-medium mb-0 fs-16">$<span class="product-line-price">160.00</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="list-group-item product">
|
||||
<div class="d-flex gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<div class="avatar-md" style="height: 100%;">
|
||||
<div class="avatar-title bg-danger-subtle rounded-3">
|
||||
<img src="{{ URL::asset('build/images/products/img-6.png') }}" alt="" class="avatar-sm">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<a href="#!">
|
||||
<h5 class="fs-15">Monte Carlo Sweaters</h5>
|
||||
</a>
|
||||
<div class="d-flex mb-3 gap-2">
|
||||
<div class="text-muted fw-medium mb-0">$ <span class="product-price">244.99</span></div>
|
||||
<div class="vr"></div>
|
||||
<span class="text-success fw-medium">In Stock</span>
|
||||
</div>
|
||||
<div class="input-step">
|
||||
<button type="button" class="minus">–</button>
|
||||
<input type="number" class="product-quantity" value="3" min="0" max="100" readonly>
|
||||
<button type="button" class="plus">+</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-shrink-0 d-flex flex-column justify-content-between align-items-end">
|
||||
<button type="button" class="btn btn-icon btn-sm btn-ghost-secondary remove-item-btn" data-bs-toggle="modal" data-bs-target="#removeItemModal"><i class="ri-close-fill fs-16"></i></button>
|
||||
<div class="fw-medium mb-0 fs-16">$<span class="product-line-price">734.97</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="list-group-item product">
|
||||
<div class="d-flex gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<div class="avatar-md" style="height: 100%;">
|
||||
<div class="avatar-title bg-primary-subtle rounded-3">
|
||||
<img src="{{ URL::asset('build/images/products/img-8.png') }}" alt="" class="avatar-sm">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<a href="#!">
|
||||
<h5 class="fs-15">Men's Running Shoes Act...</h5>
|
||||
</a>
|
||||
<div class="d-flex mb-3 gap-2">
|
||||
<div class="text-muted fw-medium mb-0">$<span class="product-price">120.30</span></div>
|
||||
<div class="vr"></div>
|
||||
<span class="text-success fw-medium">In Stock</span>
|
||||
</div>
|
||||
<div class="input-step">
|
||||
<button type="button" class="minus">–</button>
|
||||
<input type="number" class="product-quantity" value="2" min="0" max="100" readonly>
|
||||
<button type="button" class="plus">+</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-shrink-0 d-flex flex-column justify-content-between align-items-end">
|
||||
<button type="button" class="btn btn-icon btn-sm btn-ghost-secondary remove-item-btn" data-bs-toggle="modal" data-bs-target="#removeItemModal"><i class="ri-close-fill fs-16"></i></button>
|
||||
<div class="fw-medium mb-0 fs-16">$<span class="product-line-price">240.60</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div class="table-responsive mx-2 border-top border-top-dashed">
|
||||
<table class="table table-borderless mb-0 fs-14 fw-semibold">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>Sub Total :</td>
|
||||
<td class="text-end cart-subtotal">$1183.57</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Discount <span class="text-muted">(Toner15)</span>:</td>
|
||||
<td class="text-end cart-discount">- $177.54</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Shipping Charge :</td>
|
||||
<td class="text-end cart-shipping">$65.00</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Estimated Tax (12.5%) : </td>
|
||||
<td class="text-end cart-tax">$147.95</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="offcanvas-footer border-top p-3 text-center">
|
||||
<div class="d-flex justify-content-between align-items-center mb-3">
|
||||
<h6 class="m-0 fs-16 text-muted">Total:</h6>
|
||||
<div class="px-2">
|
||||
<h6 class="m-0 fs-16 cart-total">$1218.98</h6>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row g-2">
|
||||
<div class="col-6">
|
||||
<button type="button" class="btn btn-light w-100" id="reset-layout">View Cart</button>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<a href="#!" target="_blank" class="btn btn-info w-100">Continue to Checkout</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Modal -->
|
||||
<div class="modal fade" id="searchModal" tabindex="-1" aria-hidden="true">
|
||||
<div class="modal-dialog modal-lg">
|
||||
<div class="modal-content rounded">
|
||||
<div class="modal-header p-3">
|
||||
<div class="position-relative w-100">
|
||||
<input type="text" class="form-control form-control-lg border-2" placeholder="Search for Toner..." autocomplete="off" id="search-options" value="">
|
||||
<span class="bi bi-search search-widget-icon fs-17"></span>
|
||||
<a href="javascript:void(0);" class="search-widget-icon fs-14 link-secondary text-decoration-underline search-widget-icon-close d-none" id="search-close-options">Clear</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end p-0 overflow-hidden" id="search-dropdown">
|
||||
|
||||
<div class="dropdown-head rounded-top">
|
||||
<div class="p-3">
|
||||
<div class="row align-items-center">
|
||||
<div class="col">
|
||||
<h6 class="m-0 fs-14 text-muted fw-semibold"> RECENT SEARCHES </h6>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-item bg-transparent text-wrap">
|
||||
<a href="index" class="btn btn-soft-secondary btn-sm btn-rounded">how to setup <i class="mdi mdi-magnify ms-1 align-middle"></i></a>
|
||||
<a href="index" class="btn btn-soft-secondary btn-sm btn-rounded">buttons <i class="mdi mdi-magnify ms-1 align-middle"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div data-simplebar style="max-height: 300px;" class="pe-2 ps-3 my-3">
|
||||
<div class="list-group list-group-flush border-dashed">
|
||||
<div class="notification-group-list">
|
||||
<h5 class="text-overflow text-muted fs-13 mb-2 mt-3 text-uppercase notification-title">Apps Pages</h5>
|
||||
<a href="javascript:void(0);" class="list-group-item dropdown-item notify-item"><i class="bi bi-speedometer2 me-2"></i> <span>Analytics Dashboard</span></a>
|
||||
<a href="javascript:void(0);" class="list-group-item dropdown-item notify-item"><i class="bi bi-filetype-psd me-2"></i> <span>Toner.psd</span></a>
|
||||
<a href="javascript:void(0);" class="list-group-item dropdown-item notify-item"><i class="bi bi-ticket-detailed me-2"></i> <span>Support Tickets</span></a>
|
||||
<a href="javascript:void(0);" class="list-group-item dropdown-item notify-item"><i class="bi bi-file-earmark-zip me-2"></i> <span>Toner.zip</span></a>
|
||||
</div>
|
||||
|
||||
<div class="notification-group-list">
|
||||
<h5 class="text-overflow text-muted fs-13 mb-2 mt-3 text-uppercase notification-title">Links</h5>
|
||||
<a href="javascript:void(0);" class="list-group-item dropdown-item notify-item"><i class="bi bi-link-45deg me-2 align-middle"></i> <span>www.themesbrand.com</span></a>
|
||||
</div>
|
||||
|
||||
<div class="notification-group-list">
|
||||
<h5 class="text-overflow text-muted fs-13 mb-2 mt-3 text-uppercase notification-title">People</h5>
|
||||
<a href="javascript:void(0);" class="list-group-item dropdown-item notify-item">
|
||||
<div class="d-flex align-items-center">
|
||||
<img src="{{ URL::asset('build/images/users/avatar-1.jpg') }}" alt="" class="avatar-xs rounded-circle flex-shrink-0 me-2">
|
||||
<div>
|
||||
<h6 class="mb-0">Ayaan Bowen</h6>
|
||||
<span class="fs-12 text-muted">React Developer</span>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="javascript:void(0);" class="list-group-item dropdown-item notify-item">
|
||||
<div class="d-flex align-items-center">
|
||||
<img src="{{ URL::asset('build/images/users/avatar-7.jpg') }}" alt="" class="avatar-xs rounded-circle flex-shrink-0 me-2">
|
||||
<div>
|
||||
<h6 class="mb-0">Alexander Kristi</h6>
|
||||
<span class="fs-12 text-muted">React Developer</span>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="javascript:void(0);" class="list-group-item dropdown-item notify-item">
|
||||
<div class="d-flex align-items-center">
|
||||
<img src="{{ URL::asset('build/images/users/avatar-5.jpg') }}" alt="" class="avatar-xs rounded-circle flex-shrink-0 me-2">
|
||||
<div>
|
||||
<h6 class="mb-0">Alan Carla</h6>
|
||||
<span class="fs-12 text-muted">React Developer</span>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- removeItemModal -->
|
||||
<div id="removeItemModal" class="modal fade zoomIn" tabindex="-1" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close" id="close-modal"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="mt-2 text-center">
|
||||
<lord-icon src="https://cdn.lordicon.com/gsqxdxog.json" trigger="loop" colors="primary:#f7b84b,secondary:#f06548" style="width:100px;height:100px"></lord-icon>
|
||||
<div class="mt-4 pt-2 fs-15 mx-4 mx-sm-5">
|
||||
<h4>Are you sure ?</h4>
|
||||
<p class="text-muted mx-4 mb-0">Are you sure you want to remove this product ?</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex gap-2 justify-content-center mt-4 mb-2">
|
||||
<button type="button" class="btn w-sm btn-light" data-bs-dismiss="modal">Close</button>
|
||||
<button type="button" class="btn w-sm btn-danger" id="remove-product">Yes, Delete It!</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div><!-- /.modal-content -->
|
||||
</div><!-- /.modal-dialog -->
|
||||
</div><!-- /.modal -->
|
||||
|
||||
<div class="modal fade" id="subscribeModal" tabindex="-1" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered modal-lg">
|
||||
<div class="modal-content border-0">
|
||||
<div class="modal-body p-0 bg-info-subtle rounded">
|
||||
<div class="row g-0 align-items-center">
|
||||
<div class="col-lg-6">
|
||||
<div class="p-4 h-100">
|
||||
<span class="badge bg-info-subtle text-info fs-13">GET 10% SALE OFF</span>
|
||||
<h2 class="display-6 mt-2 mb-3">Subscribe & Get <b>50% Special</b> Discount On Email</h2>
|
||||
<p class="mb-4 pb-lg-2 fs-16">Join our newsletter to receive the latest updates and promotion</p>
|
||||
<form action="#!">
|
||||
<div class="position-relative ecommerce-subscript">
|
||||
<input type="email" class="form-control rounded-pill border-0" placeholder="Enter your email">
|
||||
<button type="submit" class="btn btn-info btn-hover rounded-pill">Subscript</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="p-4 pb-0">
|
||||
<img src="{{ URL::asset('build/images/subscribe.png') }}" alt="" class="img-fluid">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end modal -->
|
||||
|
||||
{{-- <a href="../backend/index" class="btn btn-warning position-fixed bottom-0 start-0 m-5 z-3 btn-hover d-none d-lg-block"><i class="bi bi-database align-middle me-1"></i> Backend</a> --}}
|
||||
|
||||
<!--start back-to-top-->
|
||||
<button onclick="topFunction()" class="btn btn-info btn-icon" style="bottom: 50px;" id="back-to-top">
|
||||
<i class="ri-arrow-up-line"></i>
|
||||
</button>
|
||||
<!--end back-to-top-->
|
||||
|
||||
<a class="btn btn-danger shadow-lg chat-button rounded-bottom-0 d-none d-lg-block" data-bs-toggle="collapse" href="#chatBot" aria-expanded="false" aria-controls="chatBot">Online Chat</a>
|
||||
<div class="collapse chat-box" id="chatBot">
|
||||
<div class="card shadow-lg border-0 rounded-bottom-0 mb-0">
|
||||
<div class="card-header bg-success d-flex align-items-center border-0">
|
||||
<h5 class="text-white fs-16 fw-medium flex-grow-1 mb-0">Hi, Raquel Murillo 👋</h5>
|
||||
<button type="button" class="btn-close btn-close-white flex-shrink-0" onclick="chatBot()" data-bs-dismiss="collapse" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="card-body p-0">
|
||||
<div id="users-chat-widget">
|
||||
<div class="chat-conversation p-3" id="chat-conversation" data-simplebar style="height: 280px;">
|
||||
<ul class="list-unstyled chat-conversation-list chat-sm" id="users-conversation">
|
||||
<li class="chat-list left">
|
||||
<div class="conversation-list">
|
||||
<div class="chat-avatar">
|
||||
<img src="{{ URL::asset('build/images/logo-sm.png') }}" alt="">
|
||||
</div>
|
||||
<div class="user-chat-content">
|
||||
<div class="ctext-wrap">
|
||||
<div class="ctext-wrap-content">
|
||||
<p class="mb-0 ctext-content">Welcome to Themesbrand. We are here to help you. You can also directly email us at Support@themesbrand.com to schedule a meeting with our Technology Consultant.</p>
|
||||
</div>
|
||||
<div class="dropdown align-self-start message-box-drop">
|
||||
<a class="dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<i class="ri-more-2-fill"></i>
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
<a class="dropdown-item" href="#"><i class="ri-reply-line me-2 text-muted align-bottom"></i>Reply</a>
|
||||
<a class="dropdown-item" href="#"><i class="ri-file-copy-line me-2 text-muted align-bottom"></i>Copy</a>
|
||||
<a class="dropdown-item delete-item" href="#"><i class="ri-delete-bin-5-line me-2 text-muted align-bottom"></i>Delete</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="conversation-name"><small class="text-muted time">09:07 am</small> <span class="text-success check-message-icon"><i class="ri-check-double-line align-bottom"></i></span></div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<!-- chat-list -->
|
||||
|
||||
<li class="chat-list right">
|
||||
<div class="conversation-list">
|
||||
<div class="user-chat-content">
|
||||
<div class="ctext-wrap">
|
||||
<div class="ctext-wrap-content">
|
||||
<p class="mb-0 ctext-content">Good morning, How are you? What about our next meeting?</p>
|
||||
</div>
|
||||
<div class="dropdown align-self-start message-box-drop">
|
||||
<a class="dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<i class="ri-more-2-fill"></i>
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
<a class="dropdown-item" href="#"><i class="ri-reply-line me-2 text-muted align-bottom"></i>Reply</a>
|
||||
<a class="dropdown-item" href="#"><i class="ri-file-copy-line me-2 text-muted align-bottom"></i>Copy</a>
|
||||
<a class="dropdown-item delete-item" href="#"><i class="ri-delete-bin-5-line me-2 text-muted align-bottom"></i>Delete</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="conversation-name"><small class="text-muted time">09:08 am</small> <span class="text-success check-message-icon"><i class="ri-check-double-line align-bottom"></i></span></div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<!-- chat-list -->
|
||||
|
||||
<li class="chat-list left">
|
||||
<div class="conversation-list">
|
||||
<div class="chat-avatar">
|
||||
<img src="{{ URL::asset('build/images/logo-sm.png') }}" alt="">
|
||||
</div>
|
||||
<div class="user-chat-content">
|
||||
<div class="ctext-wrap">
|
||||
<div class="ctext-wrap-content">
|
||||
<p class="mb-0 ctext-content">Yeah everything is fine. Our next meeting tomorrow at 10.00 AM</p>
|
||||
</div>
|
||||
<div class="dropdown align-self-start message-box-drop">
|
||||
<a class="dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<i class="ri-more-2-fill"></i>
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
<a class="dropdown-item" href="#"><i class="ri-reply-line me-2 text-muted align-bottom"></i>Reply</a>
|
||||
<a class="dropdown-item" href="#"><i class="ri-file-copy-line me-2 text-muted align-bottom"></i>Copy</a>
|
||||
<a class="dropdown-item delete-item" href="#"><i class="ri-delete-bin-5-line me-2 text-muted align-bottom"></i>Delete</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="conversation-name"><small class="text-muted time">09:10 am</small> <span class="text-success check-message-icon"><i class="ri-check-double-line align-bottom"></i></span></div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<!-- chat-list -->
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="border-top border-top-dashed">
|
||||
<div class="row g-2 mt-2 mx-3 mb-3">
|
||||
<div class="col">
|
||||
<div class="position-relative">
|
||||
<input type="text" class="form-control border-light bg-light" placeholder="Enter Message...">
|
||||
</div>
|
||||
</div><!-- end col -->
|
||||
<div class="col-auto">
|
||||
<button type="submit" class="btn btn-info"><i class="mdi mdi-send"></i></button>
|
||||
</div><!-- end col -->
|
||||
</div><!-- end row -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,838 @@
|
||||
<nav class="navbar navbar-expand-lg ecommerce-navbar" id="navbar">
|
||||
<div class="container">
|
||||
<a class="navbar-brand d-none d-lg-block" href="index">
|
||||
<div class="logo-dark">
|
||||
<img src="{{ URL::asset('build/images/logo-dark.png') }}" alt="" height="25">
|
||||
</div>
|
||||
<div class="logo-light">
|
||||
<img src="{{ URL::asset('build/images/logo-light.png') }}" alt="" height="25">
|
||||
</div>
|
||||
</a>
|
||||
<button class="btn btn-soft-primary btn-icon d-lg-none" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<i class="bi bi-list fs-20"></i>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
||||
<ul class="navbar-nav mx-lg-auto mb-2 mb-lg-0" id="navigation-menu">
|
||||
<li class="nav-item d-block d-lg-none">
|
||||
<a class="d-block p-3 h-auto text-center" href="index.html">
|
||||
<img src="{{ URL::asset('build/images/logo-dark.png') }}" alt="" height="25" class="card-logo-dark mx-auto">
|
||||
<img src="{{ URL::asset('build/images/logo-light.png') }}" alt="" height="25" class="card-logo-light mx-auto">
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="/index" data-key="t-main-layout">Home</a>
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="/about-us" data-key="t-about">About Us</a>
|
||||
</li>
|
||||
|
||||
{{-- <li class="nav-item dropdown dropdown-hover">--}}
|
||||
|
||||
{{-- <a class="nav-link dropdown-toggle" data-key="t-demos" href="/index" role="button" data-bs-toggle="dropdown" aria-expanded="false">--}}
|
||||
{{-- Home--}}
|
||||
{{-- </a>--}}
|
||||
{{-- <ul class="dropdown-menu dropdown-menu-md dropdown-menu-center dropdown-menu-list submenu">--}}
|
||||
{{-- <li class="nav-item">--}}
|
||||
{{-- <a href="index" class="nav-link" data-key="t-main-layout">FFFF {{ __('t-main-layout') }}</a>--}}
|
||||
{{-- </li>--}}
|
||||
{{-- <li class="nav-item">--}}
|
||||
{{-- <a href="watch-main-layout" class="nav-link" data-key="t-unique-watches">{{ __('t-unique-watches') }}</a>--}}
|
||||
{{-- </li>--}}
|
||||
{{-- <li class="nav-item">--}}
|
||||
{{-- <a href="modern-fashion" class="nav-link" data-key="t-modern-fashion">{{ __('t-modern-fashion') }}</a>--}}
|
||||
{{-- </li>--}}
|
||||
{{-- <li class="nav-item">--}}
|
||||
{{-- <a href="trend-fashion" class="nav-link" data-key="t-trend-fashion">{{ __('t-trend-fashion') }}</a>--}}
|
||||
{{-- </li>--}}
|
||||
{{-- </ul>--}}
|
||||
{{-- </li>--}}
|
||||
{{-- <li class="nav-item dropdown dropdown-hover dropdown-mega-full">--}}
|
||||
{{-- <a class="nav-link dropdown-toggle" data-key="t-catalog" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">--}}
|
||||
{{-- {{ __('t-catalog') }}--}}
|
||||
{{-- </a>--}}
|
||||
{{-- <div class="dropdown-menu p-0">--}}
|
||||
{{-- <div class="row g-0 g-lg-4">--}}
|
||||
{{-- <div class="col-lg-2 d-none d-lg-block">--}}
|
||||
{{-- <div class="card rounded-start rounded-0 border-0 h-100 mb-0 overflow-hidden" style="background-image: url('build/images/ecommerce/img-1.jpg');background-size: cover;">--}}
|
||||
{{-- <div class="bg-overlay bg-light bg-opacity-25"></div>--}}
|
||||
{{-- <div class="card-body d-flex align-items-center justify-content-center">--}}
|
||||
{{-- <div class="text-center">--}}
|
||||
{{-- <a href="product-grid-sidebar-banner" class="btn btn-secondary btn-hover"><i class="ph-storefront align-middle me-1"></i> <span data-key="t-shop-now">{{ __('t-shop-now') }}</span></a>--}}
|
||||
{{-- </div>--}}
|
||||
{{-- </div>--}}
|
||||
{{-- </div>--}}
|
||||
{{-- </div>--}}
|
||||
{{-- <div class="col-lg-2">--}}
|
||||
{{-- <ul class="dropdown-menu-list list-unstyled mb-0 py-3">--}}
|
||||
{{-- <li>--}}
|
||||
{{-- <p class="mb-2 text-uppercase fs-11 fw-medium text-muted menu-title" data-key="t-men">{{ __('t-men') }}</p>--}}
|
||||
{{-- </li>--}}
|
||||
{{-- <li class="nav-item">--}}
|
||||
{{-- <a href="product-grid-sidebar-banner" class="nav-link" data-key="t-clothing">{{ __('t-clothing') }}</a>--}}
|
||||
{{-- </li>--}}
|
||||
{{-- <li class="nav-item">--}}
|
||||
{{-- <a href="product-grid-right" class="nav-link" data-key="t-watches">{{ __('t-watches') }}</a>--}}
|
||||
{{-- </li>--}}
|
||||
{{-- <li class="nav-item">--}}
|
||||
{{-- <a href="product-list-left" class="nav-link" data-key="t-bags-Luggage">{{ __('t-bags-Luggage') }}</a>--}}
|
||||
{{-- </li>--}}
|
||||
{{-- <li class="nav-item">--}}
|
||||
{{-- <a href="product-grid-right" class="nav-link" data-key="t-footwear">{{ __('t-footwear') }}</a>--}}
|
||||
{{-- </li>--}}
|
||||
{{-- <li class="nav-item">--}}
|
||||
{{-- <a href="product-list" class="nav-link" data-key="t-innerwear">{{ __('t-innerwear') }}</a>--}}
|
||||
{{-- </li>--}}
|
||||
{{-- <li class="nav-item">--}}
|
||||
{{-- <a href="product-list-right" class="nav-link" data-key="t-other-accessories">{{ __('t-other-accessories') }}</a>--}}
|
||||
{{-- </li>--}}
|
||||
{{-- </ul>--}}
|
||||
{{-- </div>--}}
|
||||
{{-- <div class="col-lg-2">--}}
|
||||
{{-- <ul class="dropdown-menu-list list-unstyled mb-0 py-3">--}}
|
||||
{{-- <li>--}}
|
||||
{{-- <p class="mb-2 text-uppercase fs-11 fw-medium text-muted menu-title" data-key="t-women">{{ __('t-women') }}</p>--}}
|
||||
{{-- </li>--}}
|
||||
{{-- <li class="nav-item">--}}
|
||||
{{-- <a href="product-list-defualt" class="nav-link" data-key="t-western-wear">{{ __('t-western-wear') }}</a>--}}
|
||||
{{-- </li>--}}
|
||||
{{-- <li class="nav-item">--}}
|
||||
{{-- <a href="product-list-left" class="nav-link" data-key="t-handbags-clutches">{{ __('t-handbags-clutches') }}</a>--}}
|
||||
{{-- </li>--}}
|
||||
{{-- <li class="nav-item">--}}
|
||||
{{-- <a href="product-grid-right" class="nav-link" data-key="t-lingerie-nightwear">{{ __('t-lingerie-nightwear') }}</a>--}}
|
||||
{{-- </li>--}}
|
||||
{{-- <li class="nav-item">--}}
|
||||
{{-- <a href="product-grid-sidebar-banner" class="nav-link" data-key="t-footwear">{{ __('t-footwear') }}</a>--}}
|
||||
{{-- </li>--}}
|
||||
{{-- <li class="nav-item">--}}
|
||||
{{-- <a href="product-grid-defualt" class="nav-link" data-key="t-fashion-silver-jewellery">{{ __('t-fashion-silver-jewellery') }}</a>--}}
|
||||
{{-- </li>--}}
|
||||
{{-- </ul>--}}
|
||||
{{-- </div>--}}
|
||||
{{-- <div class="col-lg-2">--}}
|
||||
{{-- <ul class="dropdown-menu-list list-unstyled mb-0 py-3">--}}
|
||||
{{-- <li>--}}
|
||||
{{-- <p class="mb-2 text-uppercase fs-11 fw-medium text-muted menu-title" data-key="t-accessories-others">{{ __('t-accessories-others') }}</p>--}}
|
||||
{{-- </li>--}}
|
||||
{{-- <li class="nav-item">--}}
|
||||
{{-- <a href="product-grid-right" class="nav-link" data-key="t-home-kitchen-pets">{{ __('t-home-kitchen-pets') }}</a>--}}
|
||||
{{-- </li>--}}
|
||||
{{-- <li class="nav-item">--}}
|
||||
{{-- <a href="product-list-left" class="nav-link" data-key="t-beauty-health-grocery">{{ __('t-beauty-health-grocery') }}</a>--}}
|
||||
{{-- </li>--}}
|
||||
{{-- <li class="nav-item">--}}
|
||||
{{-- <a href="product-grid-sidebar-banner" class="nav-link" data-key="t-sports-fitness-bags-luggage">{{ __('t-sports-fitness-bags-luggage') }}</a>--}}
|
||||
{{-- </li>--}}
|
||||
{{-- <li class="nav-item">--}}
|
||||
{{-- <a href="product-list" class="nav-link" data-key="t-car-motorbike-industrial">{{ __('t-car-motorbike-industrial') }}</a>--}}
|
||||
{{-- </li>--}}
|
||||
{{-- <li class="nav-item">--}}
|
||||
{{-- <a href="product-list-right" class="nav-link" data-key="t-books">{{ __('t-books') }}</a>--}}
|
||||
{{-- </li>--}}
|
||||
{{-- </ul>--}}
|
||||
{{-- </div>--}}
|
||||
{{-- <div class="col-lg-2">--}}
|
||||
{{-- <ul class="dropdown-menu-list list-unstyled mb-0 py-3">--}}
|
||||
{{-- <li>--}}
|
||||
{{-- <p class="mb-2 text-uppercase fs-11 fw-medium text-muted menu-title" data-key="t-others">{{ __('t-others') }}</p>--}}
|
||||
{{-- </li>--}}
|
||||
{{-- <li class="nav-item">--}}
|
||||
{{-- <a href="auth-signup-basic" class="nav-link" data-key="t-sign-up">{{ __('t-sign-up') }}</a>--}}
|
||||
{{-- </li>--}}
|
||||
{{-- <li class="nav-item">--}}
|
||||
{{-- <a href="auth-signin-basic" class="nav-link" data-key="t-sign-in">{{ __('t-sign-in') }}</a>--}}
|
||||
{{-- </li>--}}
|
||||
{{-- <li class="nav-item">--}}
|
||||
{{-- <a href="auth-pass-reset-basic" class="nav-link" data-key="t-passowrd-reset">{{ __('t-passowrd-reset') }}</a>--}}
|
||||
{{-- </li>--}}
|
||||
{{-- <li class="nav-item">--}}
|
||||
{{-- <a href="auth-404" class="nav-link" data-key="t-error-404">{{ __('t-error-404') }}</a>--}}
|
||||
{{-- </li>--}}
|
||||
{{-- </ul>--}}
|
||||
{{-- </div>--}}
|
||||
{{-- <div class="col-lg-2 d-none d-lg-block">--}}
|
||||
{{-- <div class="p-3">--}}
|
||||
{{-- <p class="mb-3 text-uppercase fs-11 fw-medium text-muted" data-key="t-top-brands">{{ __('t-top-brands') }}</p>--}}
|
||||
{{-- <div class="row g-2">--}}
|
||||
{{-- <div class="col-lg-4">--}}
|
||||
{{-- <a href="#!" class="d-block p-2 border border-dashed text-center rounded-3">--}}
|
||||
{{-- <img src="{{ URL::asset('build/images/brands/img-8.png') }}" alt="" class="avatar-sm">--}}
|
||||
{{-- </a>--}}
|
||||
{{-- </div>--}}
|
||||
{{-- <div class="col-lg-4">--}}
|
||||
{{-- <a href="#!" class="d-block p-2 border border-dashed text-center rounded-3">--}}
|
||||
{{-- <img src="{{ URL::asset('build/images/brands/img-2.png') }}" alt="" class="avatar-sm">--}}
|
||||
{{-- </a>--}}
|
||||
{{-- </div>--}}
|
||||
{{-- <div class="col-lg-4">--}}
|
||||
{{-- <a href="#!" class="d-block p-2 border border-dashed text-center rounded-3">--}}
|
||||
{{-- <img src="{{ URL::asset('build/images/brands/img-3.png') }}" alt="" class="avatar-sm">--}}
|
||||
{{-- </a>--}}
|
||||
{{-- </div>--}}
|
||||
{{-- <div class="col-lg-4">--}}
|
||||
{{-- <a href="#!" class="d-block p-2 border border-dashed text-center rounded-3">--}}
|
||||
{{-- <img src="{{ URL::asset('build/images/brands/img-4.png') }}" alt="" class="avatar-sm">--}}
|
||||
{{-- </a>--}}
|
||||
{{-- </div>--}}
|
||||
{{-- <div class="col-lg-4">--}}
|
||||
{{-- <a href="#!" class="d-block p-2 border border-dashed text-center rounded-3">--}}
|
||||
{{-- <img src="{{ URL::asset('build/images/brands/img-5.png') }}" alt="" class="avatar-sm">--}}
|
||||
{{-- </a>--}}
|
||||
{{-- </div>--}}
|
||||
{{-- <div class="col-lg-4">--}}
|
||||
{{-- <a href="#!" class="d-block p-2 border border-dashed text-center rounded-3">--}}
|
||||
{{-- <img src="{{ URL::asset('build/images/brands/img-6.png') }}" alt="" class="avatar-sm">--}}
|
||||
{{-- </a>--}}
|
||||
{{-- </div>--}}
|
||||
{{-- </div>--}}
|
||||
{{-- </div>--}}
|
||||
{{-- </div>--}}
|
||||
{{-- </div>--}}
|
||||
{{-- </div>--}}
|
||||
{{-- </li>--}}
|
||||
{{-- <li class="nav-item dropdown dropdown-hover">--}}
|
||||
{{-- <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false" data-key="t-shop">--}}
|
||||
{{-- {{ __('t-shop') }}--}}
|
||||
{{-- </a>--}}
|
||||
{{-- <div class="dropdown-menu dropdown-mega-menu-xl dropdown-menu-center p-0">--}}
|
||||
{{-- <div class="row g-0 g-lg-4">--}}
|
||||
{{-- <div class="col-lg-5 d-none d-lg-block">--}}
|
||||
{{-- <div class="card rounded-start rounded-0 border-0 h-100 mb-0 overflow-hidden" style="background-image: url('build/images/ecommerce/img-2.jpg'); background-size: cover;">--}}
|
||||
{{-- <div class="bg-overlay bg-primary" style="opacity: 0.90;"></div>--}}
|
||||
{{-- <div class="card-body d-flex align-items-center justify-content-center position-relative">--}}
|
||||
{{-- <div class="text-center">--}}
|
||||
{{-- <h6 class="card-title text-white">Welcome to Toner</h6>--}}
|
||||
{{-- <p class="text-white-75">See all the products at once.</p>--}}
|
||||
{{-- <a href="#!" class="btn btn-light btn-sm btn-hover">Shop Now <i class="ph-arrow-right align-middle"></i></a>--}}
|
||||
{{-- </div>--}}
|
||||
{{-- </div>--}}
|
||||
{{-- </div>--}}
|
||||
{{-- </div>--}}
|
||||
{{-- <div class="col-lg-7">--}}
|
||||
{{-- <div class="row g-0 g-lg-4">--}}
|
||||
{{-- <div class="col-lg-6">--}}
|
||||
{{-- <div class="py-3">--}}
|
||||
{{-- <ul class="dropdown-menu-list list-unstyled mb-0">--}}
|
||||
{{-- <li>--}}
|
||||
{{-- <p class="mb-2 text-uppercase fs-11 fw-medium text-muted menu-title" data-key="t-checkout-pages">{{ __('t-checkout-pages') }}</p>--}}
|
||||
{{-- </li>--}}
|
||||
{{-- <li class="nav-item">--}}
|
||||
{{-- <a href="address" class="nav-link" data-key="t-address"> {{ __('t-address') }}</a>--}}
|
||||
{{-- </li>--}}
|
||||
{{-- <li class="nav-item">--}}
|
||||
{{-- <a href="track-order" class="nav-link" data-key="t-track-order">{{ __('t-track-order') }}</a>--}}
|
||||
{{-- </li>--}}
|
||||
{{-- <li class="nav-item">--}}
|
||||
{{-- <a href="payment" class="nav-link" data-key="t-payment">{{ __('t-payment') }}</a>--}}
|
||||
{{-- </li>--}}
|
||||
{{-- <li class="nav-item">--}}
|
||||
{{-- <a href="review" class="nav-link" data-key="t-review">{{ __('t-review') }}</a>--}}
|
||||
{{-- </li>--}}
|
||||
{{-- <li class="nav-item">--}}
|
||||
{{-- <a href="confirmation" class="nav-link" data-key="t-confirmation">{{ __('t-confirmation') }}</a>--}}
|
||||
{{-- </li>--}}
|
||||
{{-- <li class="nav-item">--}}
|
||||
{{-- <a href="order-history" class="nav-link" data-key="t-my-orders-order-history">{{ __('t-my-orders-order-history') }}</a>--}}
|
||||
{{-- </li>--}}
|
||||
{{-- </ul>--}}
|
||||
{{-- </div>--}}
|
||||
{{-- </div>--}}
|
||||
{{-- <div class="col-lg-6">--}}
|
||||
{{-- <ul class="dropdown-menu-list list-unstyled mb-0 py-3">--}}
|
||||
{{-- <li>--}}
|
||||
{{-- <p class="mb-2 text-uppercase fs-11 fw-medium text-muted menu-title" data-key="t-support">{{ __('t-support') }}</p>--}}
|
||||
{{-- </li>--}}
|
||||
{{-- <li class="nav-item">--}}
|
||||
{{-- <a href="shop-cart" class="nav-link" data-key="t-shopping-cart">{{ __('t-shopping-cart') }}</a>--}}
|
||||
{{-- </li>--}}
|
||||
{{-- <li class="nav-item">--}}
|
||||
{{-- <a href="checkout" class="nav-link" data-key="t-checkout">{{ __('t-checkout') }}</a>--}}
|
||||
{{-- </li>--}}
|
||||
{{-- <li class="nav-item">--}}
|
||||
{{-- <a href="wishlist" class="nav-link" data-key="t-wishlist">{{ __('t-wishlist') }}</a>--}}
|
||||
{{-- </li>--}}
|
||||
{{-- </ul>--}}
|
||||
{{-- </div>--}}
|
||||
{{-- </div>--}}
|
||||
{{-- </div>--}}
|
||||
{{-- </div>--}}
|
||||
{{-- </div>--}}
|
||||
{{-- </li>--}}
|
||||
{{-- <li class="nav-item dropdown dropdown-hover">--}}
|
||||
{{-- <a class="nav-link dropdown-toggle" data-key="t-pages" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">--}}
|
||||
{{-- {{ __('t-pages') }}--}}
|
||||
{{-- </a>--}}
|
||||
{{-- <ul class="dropdown-menu dropdown-menu-md dropdown-menu-center dropdown-menu-list submenu">--}}
|
||||
{{-- <li class="nav-item dropdown dropdown-hover">--}}
|
||||
{{-- <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false" data-key="t-products">{{ __('t-products') }}</a>--}}
|
||||
{{-- <ul class="dropdown-menu submenu">--}}
|
||||
{{-- <li class="dropdown dropdown-hover">--}}
|
||||
{{-- <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false" data-key="t-grid-view">{{ __('t-grid-view') }}</a>--}}
|
||||
{{-- <ul class="dropdown-menu submenu">--}}
|
||||
{{-- <li><a class="nav-link" href="product-grid-defualt" data-key="t-defualt">{{ __('t-defualt') }}</a></li>--}}
|
||||
{{-- <li><a class="nav-link" href="product-grid-sidebar-banner" data-key="t-sidebar-with-banner">{{ __('t-sidebar-with-banner') }}</a></li>--}}
|
||||
{{-- <li><a class="nav-link" href="product-grid-right" data-key="t-right-sidebar">{{ __('t-right-sidebar') }}</a></li>--}}
|
||||
{{-- <li><a class="nav-link" href="product-grid" data-key="t-no-sidebar">{{ __('t-no-sidebar') }}</a></li>--}}
|
||||
{{-- </ul>--}}
|
||||
{{-- </li>--}}
|
||||
{{-- <li class="dropdown dropdown-hover">--}}
|
||||
{{-- <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false" data-key="t-list-view">{{ __('t-list-view') }}</a>--}}
|
||||
{{-- <ul class="dropdown-menu submenu">--}}
|
||||
{{-- <li><a class="nav-link" href="product-list-defualt" data-key="t-defualt">{{ __('t-defualt') }}</a></li>--}}
|
||||
{{-- <li><a class="nav-link" href="product-list-left" data-key="t-left-sidebar">{{ __('t-left-sidebar') }}</a></li>--}}
|
||||
{{-- <li><a class="nav-link" href="product-list-right" data-key="t-right-sidebar">{{ __('t-right-sidebar') }}</a></li>--}}
|
||||
{{-- <li><a class="nav-link" href="product-list" data-key="t-no-sidebar">{{ __('t-no-sidebar') }}</a></li>--}}
|
||||
{{-- </ul>--}}
|
||||
{{-- </li>--}}
|
||||
{{-- <li><a class="nav-link" href="product-details" data-key="t-product-details">{{ __('t-product-details') }}</a></li>--}}
|
||||
{{-- </ul>--}}
|
||||
{{-- </li>--}}
|
||||
{{-- <li class="nav-item dropdown dropdown-hover">--}}
|
||||
{{-- <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false" data-key="t-users">{{ __('t-users') }}</a>--}}
|
||||
{{-- <ul class="dropdown-menu submenu">--}}
|
||||
{{-- <li><a class="nav-link" href="account" data-key="t-my-account">{{ __('t-my-account') }}</a></li>--}}
|
||||
{{-- <li><a class="nav-link" href="auth-signin-basic" data-key="t-sign-in">{{ __('t-sign-in') }}</a></li>--}}
|
||||
{{-- <li><a class="nav-link" href="auth-signup-basic" data-key="t-sign-up">{{ __('t-sign-up') }}</a></li>--}}
|
||||
{{-- <li><a class="nav-link" href="auth-pass-reset-basic" data-key="t-passowrd-reset">{{ __('t-passowrd-reset') }}</a></li>--}}
|
||||
{{-- <li><a class="nav-link" href="auth-pass-change-basic" data-key="t-create-password">{{ __('t-create-password') }}</a></li>--}}
|
||||
{{-- <li><a class="nav-link" href="auth-success-msg-basic" data-key="t-success-message">{{ __('t-success-message') }}</a></li>--}}
|
||||
{{-- <li><a class="nav-link" href="auth-twostep-basic" data-key="t-two-step-verify">{{ __('t-two-step-verify') }}</a></li>--}}
|
||||
{{-- <li><a class="nav-link" href="auth-logout-basic" data-key="t-logout">{{ __('t-logout') }}</a></li>--}}
|
||||
{{-- <li><a class="nav-link" href="auth-404" data-key="t-error-404">{{ __('t-error-404') }}</a></li>--}}
|
||||
{{-- <li><a class="nav-link" href="auth-500" data-key="t-error-500">{{ __('t-error-500') }}</a></li>--}}
|
||||
{{-- <li><a class="nav-link" href="coming-soon" data-key="t-coming-soon">{{ __('t-coming-soon') }}</a></li>--}}
|
||||
{{-- </ul>--}}
|
||||
{{-- </li>--}}
|
||||
{{-- <li class="nav-item">--}}
|
||||
{{-- <a href="products-category" class="nav-link" data-key="t-categories">{{ __('t-categories') }}</a>--}}
|
||||
{{-- </li>--}}
|
||||
{{-- <li class="nav-item">--}}
|
||||
{{-- <a href="about-us" class="nav-link" data-key="t-about">{{ __('t-about') }}</a>--}}
|
||||
{{-- </li>--}}
|
||||
{{-- <li class="nav-item">--}}
|
||||
{{-- <a href="purchase-guide" class="nav-link" data-key="t-purchase-guide">{{ __('t-purchase-guide') }}</a>--}}
|
||||
{{-- </li>--}}
|
||||
{{-- <li class="nav-item">--}}
|
||||
{{-- <a href="terms-conditions" class="nav-link" data-key="t-terms-of-service">{{ __('t-terms-of-service') }}</a>--}}
|
||||
{{-- </li>--}}
|
||||
{{-- <li class="nav-item">--}}
|
||||
{{-- <a href="privacy-policy" class="nav-link" data-key="t-privacy-policy">{{ __('t-privacy-policy') }}</a>--}}
|
||||
{{-- </li>--}}
|
||||
{{-- <li class="nav-item">--}}
|
||||
{{-- <a href="store-locator" class="nav-link" data-key="t-store-locator">{{ __('t-store-locator') }}</a>--}}
|
||||
{{-- </li>--}}
|
||||
{{-- <li class="nav-item">--}}
|
||||
{{-- <a href="ecommerce-faq" class="nav-link" data-key="t-faq">{{ __('t-faq') }}</a>--}}
|
||||
{{-- </li>--}}
|
||||
{{-- <li class="nav-item">--}}
|
||||
{{-- <a href="invoice" class="nav-link" data-key="t-invoice">{{ __('t-invoice') }}</a>--}}
|
||||
{{-- </li>--}}
|
||||
{{-- <li class="nav-item dropdown dropdown-hover">--}}
|
||||
{{-- <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false" data-key="t-email-template">{{ __('t-email-template') }}</a>--}}
|
||||
{{-- <ul class="dropdown-menu submenu">--}}
|
||||
{{-- <li><a class="nav-link" href="email-black-friday" data-key="t-black-friday">{{ __('t-black-friday') }}</a></li>--}}
|
||||
{{-- <li><a class="nav-link" href="email-flash-sale" data-key="t-flash-sale">{{ __('t-flash-sale') }}</a></li>--}}
|
||||
{{-- <li><a class="nav-link" href="email-order-success" data-key="t-order-success">{{ __('t-order-success') }}</a></li>--}}
|
||||
{{-- <li><a class="nav-link" href="email-order-success-2" data-key="t-order-success-2">{{ __('t-order-success-2') }}</a></li>--}}
|
||||
{{-- </ul>--}}
|
||||
{{-- </li>--}}
|
||||
{{-- <li class="nav-item dropdown dropdown-hover">--}}
|
||||
{{-- <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false" data-key="t-multi-level">{{ __('t-multi-level') }}</a>--}}
|
||||
{{-- <ul class="dropdown-menu submenu">--}}
|
||||
{{-- <li><a class="nav-link" href="#" data-key="t-level-1.1">{{ __('t-level-1.1') }}</a></li>--}}
|
||||
{{-- <li><a class="nav-link" href="#" data-key="t-level-1.2">{{ __('t-level-1.2') }}</a></li>--}}
|
||||
{{-- <li class="dropdown dropdown-hover">--}}
|
||||
{{-- <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false" data-key="t-level-1.3">{{ __('t-level-1.3') }}</a>--}}
|
||||
{{-- <ul class="dropdown-menu submenu">--}}
|
||||
{{-- <li><a class="nav-link" href="#" data-key="t-level-2.1">{{ __('t-level-2.1') }}</a></li>--}}
|
||||
{{-- <li><a class="nav-link" href="#" data-key="t-level-2.2">{{ __('t-level-2.2') }}</a></li>--}}
|
||||
{{-- <li class="dropdown dropdown-hover">--}}
|
||||
{{-- <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false" data-key="t-level-2.3">{{ __('t-level-2.3') }}</a>--}}
|
||||
{{-- <ul class="dropdown-menu submenu">--}}
|
||||
{{-- <li><a class="nav-link" href="#" data-key="t-level-3.1">{{ __('t-level-3.1') }}</a></li>--}}
|
||||
{{-- <li><a class="nav-link" href="#" data-key="t-level-3.2">{{ __('t-level-3.2') }}</a></li>--}}
|
||||
{{-- </ul>--}}
|
||||
{{-- </li>--}}
|
||||
{{-- </ul>--}}
|
||||
{{-- </li>--}}
|
||||
{{-- </ul>--}}
|
||||
{{-- </li>--}}
|
||||
{{-- </ul>--}}
|
||||
{{-- </li>--}}
|
||||
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="contact-us" data-key="t-contact">{{ __('t-contact') }}</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="bg-overlay navbar-overlay" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent.show"></div>
|
||||
|
||||
<div class="d-flex align-items-center">
|
||||
<button type="button" class="btn btn-icon btn-topbar btn-ghost-dark rounded-circle text-muted" data-bs-toggle="modal" data-bs-target="#searchModal">
|
||||
<i class="bx bx-search fs-22"></i>
|
||||
</button>
|
||||
<div class="topbar-head-dropdown ms-1 header-item">
|
||||
<button type="button" class="btn btn-icon btn-topbar btn-ghost-dark rounded-circle text-muted" data-bs-toggle="offcanvas" data-bs-target="#ecommerceCart" aria-controls="ecommerceCart">
|
||||
<i class="ph-shopping-cart fs-18"></i>
|
||||
<span class="position-absolute topbar-badge cartitem-badge fs-10 translate-middle badge rounded-pill bg-danger">4</span>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="dropdown topbar-head-dropdown ms-2 header-item dropdown-hover-end">
|
||||
<button type="button" class="btn btn-icon btn-topbar btn-ghost-dark rounded-circle text-muted" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<i class="bi bi-sun align-middle fs-20"></i>
|
||||
</button>
|
||||
<div class="dropdown-menu p-2 dropdown-menu-end" id="light-dark-mode">
|
||||
<a href="#!" class="dropdown-item" data-mode="light"><i class="bi bi-sun align-middle me-2"></i> Defualt (light mode)</a>
|
||||
<a href="#!" class="dropdown-item" data-mode="dark"><i class="bi bi-moon align-middle me-2"></i> Dark</a>
|
||||
<a href="#!" class="dropdown-item" data-mode="auto"><i class="bi bi-moon-stars align-middle me-2"></i> Auto (system defualt)</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dropdown header-item dropdown-hover-end">
|
||||
<button type="button" class="btn" id="page-header-user-dropdown" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<img class="rounded-circle header-profile-user" src="@if(@Auth::user()->avatar) {{ URL::asset('images/users')."/".@Auth::user()->avatar }} @else {{ URL::asset('build/images/users/avatar-1.jpg') }} @endif" alt="Header Avatar">
|
||||
</button>
|
||||
<!-- <button type="button" class="btn btn-icon btn-topbar btn-ghost-secondary rounded-circle" id="page-header-user-dropdown" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<i class="ph-user-circle fs-22"></i>
|
||||
</button> -->
|
||||
<div class="dropdown-menu dropdown-menu-end">
|
||||
<!-- item-->
|
||||
<h6 class="dropdown-header">Welcome {{ @Auth::user()->last_name }}!</h6>
|
||||
<a class="dropdown-item" href="order-history"><i class="bi bi-cart4 text-muted fs-16 align-middle me-1"></i> <span class="align-middle">Order History</span></a>
|
||||
<a class="dropdown-item" href="track-order"><i class="bi bi-truck text-muted fs-16 align-middle me-1"></i> <span class="align-middle">Track Orders</span></a>
|
||||
<a class="dropdown-item" href="javascript:void(0)"><i class="bi bi-speedometer2 text-muted fs-16 align-middle me-1"></i> <span class="align-middle">Dashboard</span></a>
|
||||
<a class="dropdown-item" href="ecommerce-faq"><i class="mdi mdi-lifebuoy text-muted fs-16 align-middle me-1"></i> <span class="align-middle">Help</span></a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a class="dropdown-item" href="account"><i class="bi bi-coin text-muted fs-16 align-middle me-1"></i> <span class="align-middle">Balance : <b>$8451.36</b></span></a>
|
||||
<a class="dropdown-item" href="account"><span class="badge bg-success-subtle text-success mt-1 float-end">New</span><i class="mdi mdi-cog-outline text-muted fs-16 align-middle me-1"></i> <span class="align-middle">Settings</span></a>
|
||||
<a class="dropdown-item" href="{{ url('logout') }}"><i class="bi bi-box-arrow-right text-muted fs-16 align-middle me-1"></i> <span class="align-middle" data-key="t-logout">{{ __('t-logout') }}</span></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<!--cart -->
|
||||
<div class="offcanvas offcanvas-end product-list" tabindex="-1" id="ecommerceCart" aria-labelledby="ecommerceCartLabel">
|
||||
<div class="offcanvas-header border-bottom">
|
||||
<h5 class="offcanvas-title" id="ecommerceCartLabel">My Cart <span class="badge bg-danger align-middle ms-1 cartitem-badge">4</span></h5>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="offcanvas-body px-0">
|
||||
<div data-simplebar class="h-100">
|
||||
<ul class="list-group list-group-flush cartlist">
|
||||
<li class="list-group-item product">
|
||||
<div class="d-flex gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<div class="avatar-md" style="height: 100%;">
|
||||
<div class="avatar-title bg-warning-subtle rounded-3">
|
||||
<img src="{{ URL::asset('build/images/products/img-4.png') }}" alt="" class="avatar-sm">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<a href="#!">
|
||||
<h5 class="fs-15">Borosil Paper Cup</h5>
|
||||
</a>
|
||||
<div class="d-flex mb-3 gap-2">
|
||||
<div class="text-muted fw-medium mb-0">$<span class="product-price">24.00</span></div>
|
||||
<div class="vr"></div>
|
||||
<span class="text-success fw-medium">In Stock</span>
|
||||
</div>
|
||||
<div class="input-step">
|
||||
<button type="button" class="minus">–</button>
|
||||
<input type="number" class="product-quantity" value="2" min="0" max="100" readonly>
|
||||
<button type="button" class="plus">+</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-shrink-0 d-flex flex-column justify-content-between align-items-end">
|
||||
<button type="button" class="btn btn-icon btn-sm btn-ghost-secondary remove-item-btn" data-bs-toggle="modal" data-bs-target="#removeItemModal"><i class="ri-close-fill fs-16"></i></button>
|
||||
<div class="fw-medium mb-0 fs-16">$<span class="product-line-price">48.00</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="list-group-item product">
|
||||
<div class="d-flex gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<div class="avatar-md" style="height: 100%;">
|
||||
<div class="avatar-title bg-info-subtle rounded-3">
|
||||
<img src="{{ URL::asset('build/images/products/img-1.png') }}" alt="" class="avatar-sm">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<a href="#!">
|
||||
<h5 class="fs-15">Rockerz Ear Bluetooth Hea...</h5>
|
||||
</a>
|
||||
<div class="d-flex mb-3 gap-2">
|
||||
<div class="text-muted fw-medium mb-0">$<span class="product-price">160.00</span></div>
|
||||
<div class="vr"></div>
|
||||
<span class="text-success fw-medium">In Stock</span>
|
||||
</div>
|
||||
<div class="input-step">
|
||||
<button type="button" class="minus">–</button>
|
||||
<input type="number" class="product-quantity" value="1" min="0" max="100" readonly>
|
||||
<button type="button" class="plus">+</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-shrink-0 d-flex flex-column justify-content-between align-items-end">
|
||||
<button type="button" class="btn btn-icon btn-sm btn-ghost-secondary remove-item-btn" data-bs-toggle="modal" data-bs-target="#removeItemModal"><i class="ri-close-fill fs-16"></i></button>
|
||||
<div class="fw-medium mb-0 fs-16">$<span class="product-line-price">160.00</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="list-group-item product">
|
||||
<div class="d-flex gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<div class="avatar-md" style="height: 100%;">
|
||||
<div class="avatar-title bg-danger-subtle rounded-3">
|
||||
<img src="{{ URL::asset('build/images/products/img-6.png') }}" alt="" class="avatar-sm">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<a href="#!">
|
||||
<h5 class="fs-15">Monte Carlo Sweaters</h5>
|
||||
</a>
|
||||
<div class="d-flex mb-3 gap-2">
|
||||
<div class="text-muted fw-medium mb-0">$ <span class="product-price">244.99</span></div>
|
||||
<div class="vr"></div>
|
||||
<span class="text-success fw-medium">In Stock</span>
|
||||
</div>
|
||||
<div class="input-step">
|
||||
<button type="button" class="minus">–</button>
|
||||
<input type="number" class="product-quantity" value="3" min="0" max="100" readonly>
|
||||
<button type="button" class="plus">+</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-shrink-0 d-flex flex-column justify-content-between align-items-end">
|
||||
<button type="button" class="btn btn-icon btn-sm btn-ghost-secondary remove-item-btn" data-bs-toggle="modal" data-bs-target="#removeItemModal"><i class="ri-close-fill fs-16"></i></button>
|
||||
<div class="fw-medium mb-0 fs-16">$<span class="product-line-price">734.97</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="list-group-item product">
|
||||
<div class="d-flex gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<div class="avatar-md" style="height: 100%;">
|
||||
<div class="avatar-title bg-primary-subtle rounded-3">
|
||||
<img src="{{ URL::asset('build/images/products/img-8.png') }}" alt="" class="avatar-sm">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<a href="#!">
|
||||
<h5 class="fs-15">Men's Running Shoes Act...</h5>
|
||||
</a>
|
||||
<div class="d-flex mb-3 gap-2">
|
||||
<div class="text-muted fw-medium mb-0">$<span class="product-price">120.30</span></div>
|
||||
<div class="vr"></div>
|
||||
<span class="text-success fw-medium">In Stock</span>
|
||||
</div>
|
||||
<div class="input-step">
|
||||
<button type="button" class="minus">–</button>
|
||||
<input type="number" class="product-quantity" value="2" min="0" max="100" readonly>
|
||||
<button type="button" class="plus">+</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-shrink-0 d-flex flex-column justify-content-between align-items-end">
|
||||
<button type="button" class="btn btn-icon btn-sm btn-ghost-secondary remove-item-btn" data-bs-toggle="modal" data-bs-target="#removeItemModal"><i class="ri-close-fill fs-16"></i></button>
|
||||
<div class="fw-medium mb-0 fs-16">$<span class="product-line-price">240.60</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div class="table-responsive mx-2 border-top border-top-dashed">
|
||||
<table class="table table-borderless mb-0 fs-14 fw-semibold">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>Sub Total :</td>
|
||||
<td class="text-end cart-subtotal">$1183.57</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Discount <span class="text-muted">(Toner15)</span>:</td>
|
||||
<td class="text-end cart-discount">- $177.54</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Shipping Charge :</td>
|
||||
<td class="text-end cart-shipping">$65.00</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Estimated Tax (12.5%) : </td>
|
||||
<td class="text-end cart-tax">$147.95</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="offcanvas-footer border-top p-3 text-center">
|
||||
<div class="d-flex justify-content-between align-items-center mb-3">
|
||||
<h6 class="m-0 fs-16 text-muted">Total:</h6>
|
||||
<div class="px-2">
|
||||
<h6 class="m-0 fs-16 cart-total">$1218.98</h6>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row g-2">
|
||||
<div class="col-6">
|
||||
<button type="button" class="btn btn-light w-100" id="reset-layout">View Cart</button>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<a href="#!" target="_blank" class="btn btn-info w-100">Continue to Checkout</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Modal -->
|
||||
<div class="modal fade" id="searchModal" tabindex="-1" aria-hidden="true">
|
||||
<div class="modal-dialog modal-lg">
|
||||
<div class="modal-content rounded">
|
||||
<div class="modal-header p-3">
|
||||
<div class="position-relative w-100">
|
||||
<input type="text" class="form-control form-control-lg border-2" placeholder="Search for Toner..." autocomplete="off" id="search-options" value="">
|
||||
<span class="bi bi-search search-widget-icon fs-17"></span>
|
||||
<a href="javascript:void(0);" class="search-widget-icon fs-14 link-secondary text-decoration-underline search-widget-icon-close d-none" id="search-close-options">Clear</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end p-0 overflow-hidden" id="search-dropdown">
|
||||
|
||||
<div class="dropdown-head rounded-top">
|
||||
<div class="p-3">
|
||||
<div class="row align-items-center">
|
||||
<div class="col">
|
||||
<h6 class="m-0 fs-14 text-muted fw-semibold"> RECENT SEARCHES </h6>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-item bg-transparent text-wrap">
|
||||
<a href="index" class="btn btn-soft-secondary btn-sm btn-rounded">how to setup <i class="mdi mdi-magnify ms-1 align-middle"></i></a>
|
||||
<a href="index" class="btn btn-soft-secondary btn-sm btn-rounded">buttons <i class="mdi mdi-magnify ms-1 align-middle"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div data-simplebar style="max-height: 300px;" class="pe-2 ps-3 my-3">
|
||||
<div class="list-group list-group-flush border-dashed">
|
||||
<div class="notification-group-list">
|
||||
<h5 class="text-overflow text-muted fs-13 mb-2 mt-3 text-uppercase notification-title">Apps Pages</h5>
|
||||
<a href="javascript:void(0);" class="list-group-item dropdown-item notify-item"><i class="bi bi-speedometer2 me-2"></i> <span>Analytics Dashboard</span></a>
|
||||
<a href="javascript:void(0);" class="list-group-item dropdown-item notify-item"><i class="bi bi-filetype-psd me-2"></i> <span>Toner.psd</span></a>
|
||||
<a href="javascript:void(0);" class="list-group-item dropdown-item notify-item"><i class="bi bi-ticket-detailed me-2"></i> <span>Support Tickets</span></a>
|
||||
<a href="javascript:void(0);" class="list-group-item dropdown-item notify-item"><i class="bi bi-file-earmark-zip me-2"></i> <span>Toner.zip</span></a>
|
||||
</div>
|
||||
|
||||
<div class="notification-group-list">
|
||||
<h5 class="text-overflow text-muted fs-13 mb-2 mt-3 text-uppercase notification-title">Links</h5>
|
||||
<a href="javascript:void(0);" class="list-group-item dropdown-item notify-item"><i class="bi bi-link-45deg me-2 align-middle"></i> <span>www.themesbrand.com</span></a>
|
||||
</div>
|
||||
|
||||
<div class="notification-group-list">
|
||||
<h5 class="text-overflow text-muted fs-13 mb-2 mt-3 text-uppercase notification-title">People</h5>
|
||||
<a href="javascript:void(0);" class="list-group-item dropdown-item notify-item">
|
||||
<div class="d-flex align-items-center">
|
||||
<img src="{{ URL::asset('build/images/users/avatar-1.jpg') }}" alt="" class="avatar-xs rounded-circle flex-shrink-0 me-2">
|
||||
<div>
|
||||
<h6 class="mb-0">Ayaan Bowen</h6>
|
||||
<span class="fs-12 text-muted">React Developer</span>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="javascript:void(0);" class="list-group-item dropdown-item notify-item">
|
||||
<div class="d-flex align-items-center">
|
||||
<img src="{{ URL::asset('build/images/users/avatar-7.jpg') }}" alt="" class="avatar-xs rounded-circle flex-shrink-0 me-2">
|
||||
<div>
|
||||
<h6 class="mb-0">Alexander Kristi</h6>
|
||||
<span class="fs-12 text-muted">React Developer</span>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="javascript:void(0);" class="list-group-item dropdown-item notify-item">
|
||||
<div class="d-flex align-items-center">
|
||||
<img src="{{ URL::asset('build/images/users/avatar-5.jpg') }}" alt="" class="avatar-xs rounded-circle flex-shrink-0 me-2">
|
||||
<div>
|
||||
<h6 class="mb-0">Alan Carla</h6>
|
||||
<span class="fs-12 text-muted">React Developer</span>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- removeItemModal -->
|
||||
<div id="removeItemModal" class="modal fade zoomIn" tabindex="-1" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close" id="close-modal"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="mt-2 text-center">
|
||||
<lord-icon src="https://cdn.lordicon.com/gsqxdxog.json" trigger="loop" colors="primary:#f7b84b,secondary:#f06548" style="width:100px;height:100px"></lord-icon>
|
||||
<div class="mt-4 pt-2 fs-15 mx-4 mx-sm-5">
|
||||
<h4>Are you sure ?</h4>
|
||||
<p class="text-muted mx-4 mb-0">Are you sure you want to remove this product ?</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex gap-2 justify-content-center mt-4 mb-2">
|
||||
<button type="button" class="btn w-sm btn-light" data-bs-dismiss="modal">Close</button>
|
||||
<button type="button" class="btn w-sm btn-danger" id="remove-product">Yes, Delete It!</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div><!-- /.modal-content -->
|
||||
</div><!-- /.modal-dialog -->
|
||||
</div><!-- /.modal -->
|
||||
|
||||
<div class="modal fade" id="subscribeModal" tabindex="-1" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered modal-lg">
|
||||
<div class="modal-content border-0">
|
||||
<div class="modal-body p-0 bg-info-subtle rounded">
|
||||
<div class="row g-0 align-items-center">
|
||||
<div class="col-lg-6">
|
||||
<div class="p-4 h-100">
|
||||
<span class="badge bg-info-subtle text-info fs-13">GET 10% SALE OFF</span>
|
||||
<h2 class="display-6 mt-2 mb-3">Subscribe & Get <b>50% Special</b> Discount On Email</h2>
|
||||
<p class="mb-4 pb-lg-2 fs-16">Join our newsletter to receive the latest updates and promotion</p>
|
||||
<form action="#!">
|
||||
<div class="position-relative ecommerce-subscript">
|
||||
<input type="email" class="form-control rounded-pill border-0" placeholder="Enter your email">
|
||||
<button type="submit" class="btn btn-info btn-hover rounded-pill">Subscript</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="p-4 pb-0">
|
||||
<img src="{{ URL::asset('build/images/subscribe.png') }}" alt="" class="img-fluid">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end modal -->
|
||||
|
||||
{{-- <a href="../backend/index" class="btn btn-warning position-fixed bottom-0 start-0 m-5 z-3 btn-hover d-none d-lg-block"><i class="bi bi-database align-middle me-1"></i> Backend</a> --}}
|
||||
|
||||
<!--start back-to-top-->
|
||||
<button onclick="topFunction()" class="btn btn-info btn-icon" style="bottom: 50px;" id="back-to-top">
|
||||
<i class="ri-arrow-up-line"></i>
|
||||
</button>
|
||||
<!--end back-to-top-->
|
||||
|
||||
<a class="btn btn-danger shadow-lg chat-button rounded-bottom-0 d-none d-lg-block" data-bs-toggle="collapse" href="#chatBot" aria-expanded="false" aria-controls="chatBot">Online Chat</a>
|
||||
<div class="collapse chat-box" id="chatBot">
|
||||
<div class="card shadow-lg border-0 rounded-bottom-0 mb-0">
|
||||
<div class="card-header bg-success d-flex align-items-center border-0">
|
||||
<h5 class="text-white fs-16 fw-medium flex-grow-1 mb-0">Hi, Raquel Murillo 👋</h5>
|
||||
<button type="button" class="btn-close btn-close-white flex-shrink-0" onclick="chatBot()" data-bs-dismiss="collapse" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="card-body p-0">
|
||||
<div id="users-chat-widget">
|
||||
<div class="chat-conversation p-3" id="chat-conversation" data-simplebar style="height: 280px;">
|
||||
<ul class="list-unstyled chat-conversation-list chat-sm" id="users-conversation">
|
||||
<li class="chat-list left">
|
||||
<div class="conversation-list">
|
||||
<div class="chat-avatar">
|
||||
<img src="{{ URL::asset('build/images/logo-sm.png') }}" alt="">
|
||||
</div>
|
||||
<div class="user-chat-content">
|
||||
<div class="ctext-wrap">
|
||||
<div class="ctext-wrap-content">
|
||||
<p class="mb-0 ctext-content">Welcome to Themesbrand. We are here to help you. You can also directly email us at Support@themesbrand.com to schedule a meeting with our Technology Consultant.</p>
|
||||
</div>
|
||||
<div class="dropdown align-self-start message-box-drop">
|
||||
<a class="dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<i class="ri-more-2-fill"></i>
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
<a class="dropdown-item" href="#"><i class="ri-reply-line me-2 text-muted align-bottom"></i>Reply</a>
|
||||
<a class="dropdown-item" href="#"><i class="ri-file-copy-line me-2 text-muted align-bottom"></i>Copy</a>
|
||||
<a class="dropdown-item delete-item" href="#"><i class="ri-delete-bin-5-line me-2 text-muted align-bottom"></i>Delete</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="conversation-name"><small class="text-muted time">09:07 am</small> <span class="text-success check-message-icon"><i class="ri-check-double-line align-bottom"></i></span></div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<!-- chat-list -->
|
||||
|
||||
<li class="chat-list right">
|
||||
<div class="conversation-list">
|
||||
<div class="user-chat-content">
|
||||
<div class="ctext-wrap">
|
||||
<div class="ctext-wrap-content">
|
||||
<p class="mb-0 ctext-content">Good morning, How are you? What about our next meeting?</p>
|
||||
</div>
|
||||
<div class="dropdown align-self-start message-box-drop">
|
||||
<a class="dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<i class="ri-more-2-fill"></i>
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
<a class="dropdown-item" href="#"><i class="ri-reply-line me-2 text-muted align-bottom"></i>Reply</a>
|
||||
<a class="dropdown-item" href="#"><i class="ri-file-copy-line me-2 text-muted align-bottom"></i>Copy</a>
|
||||
<a class="dropdown-item delete-item" href="#"><i class="ri-delete-bin-5-line me-2 text-muted align-bottom"></i>Delete</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="conversation-name"><small class="text-muted time">09:08 am</small> <span class="text-success check-message-icon"><i class="ri-check-double-line align-bottom"></i></span></div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<!-- chat-list -->
|
||||
|
||||
<li class="chat-list left">
|
||||
<div class="conversation-list">
|
||||
<div class="chat-avatar">
|
||||
<img src="{{ URL::asset('build/images/logo-sm.png') }}" alt="">
|
||||
</div>
|
||||
<div class="user-chat-content">
|
||||
<div class="ctext-wrap">
|
||||
<div class="ctext-wrap-content">
|
||||
<p class="mb-0 ctext-content">Yeah everything is fine. Our next meeting tomorrow at 10.00 AM</p>
|
||||
</div>
|
||||
<div class="dropdown align-self-start message-box-drop">
|
||||
<a class="dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<i class="ri-more-2-fill"></i>
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
<a class="dropdown-item" href="#"><i class="ri-reply-line me-2 text-muted align-bottom"></i>Reply</a>
|
||||
<a class="dropdown-item" href="#"><i class="ri-file-copy-line me-2 text-muted align-bottom"></i>Copy</a>
|
||||
<a class="dropdown-item delete-item" href="#"><i class="ri-delete-bin-5-line me-2 text-muted align-bottom"></i>Delete</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="conversation-name"><small class="text-muted time">09:10 am</small> <span class="text-success check-message-icon"><i class="ri-check-double-line align-bottom"></i></span></div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<!-- chat-list -->
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="border-top border-top-dashed">
|
||||
<div class="row g-2 mt-2 mx-3 mb-3">
|
||||
<div class="col">
|
||||
<div class="position-relative">
|
||||
<input type="text" class="form-control border-light bg-light" placeholder="Enter Message...">
|
||||
</div>
|
||||
</div><!-- end col -->
|
||||
<div class="col-auto">
|
||||
<button type="submit" class="btn btn-info"><i class="mdi mdi-send"></i></button>
|
||||
</div><!-- end col -->
|
||||
</div><!-- end row -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,6 @@
|
||||
<!-- JAVASCRIPT -->
|
||||
<script src="{{ URL::asset('build/libs/bootstrap/bootstrap.bundle.min.js') }}"></script>
|
||||
<script src="{{ URL::asset('build/libs/simplebar/simplebar.min.js') }}"></script>
|
||||
<script src="{{ URL::asset('build/js/plugins.js') }}"></script>
|
||||
|
||||
@yield('scripts')
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,550 @@
|
||||
@extends('layouts.master')
|
||||
@section('title')
|
||||
Order History
|
||||
@endsection
|
||||
@section('css')
|
||||
<!-- extra css -->
|
||||
@endsection
|
||||
@section('content')
|
||||
<section class="page-wrapper bg-primary">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="text-center d-flex align-items-center justify-content-between">
|
||||
<h4 class="text-white mb-0">Order History</h4>
|
||||
<nav aria-label="breadcrumb">
|
||||
<ol class="breadcrumb breadcrumb-light justify-content-center mb-0 fs-15">
|
||||
<li class="breadcrumb-item"><a href="#!">Shop</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page">Order History</li>
|
||||
</ol>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end container-->
|
||||
</section>
|
||||
<!-- end page title -->
|
||||
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div>
|
||||
<div class="table-responsive">
|
||||
<table class="table fs-15 align-middle table-nowrap">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">Order ID</th>
|
||||
<th scope="col">Product</th>
|
||||
<th scope="col">Date</th>
|
||||
<th scope="col">Total Amount</th>
|
||||
<th scope="col">Status</th>
|
||||
<th scope="col"></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
<a href="#" class="text-body">TBT15454841</a>
|
||||
</td>
|
||||
<td>
|
||||
<div class="d-flex gap-3">
|
||||
<div class="avatar-sm flex-shrink-0">
|
||||
<div class="avatar-title bg-light rounded">
|
||||
<img src="{{ URL::asset('build/images/products/img-19.png') }}" alt=""
|
||||
class="avatar-xs">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<a href="product-details">
|
||||
<h6 class="fs-15 mb-1">World's Most Expensive T Shirt</h6>
|
||||
</a>
|
||||
<p class="mb-0 text-muted fs-13">Women's Clothes</p>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td><span class="text-muted">01 Jul, 2022</span></td>
|
||||
<td class="fw-medium">$287.53</td>
|
||||
<td>
|
||||
<span class="badge bg-success-subtle text-success">Delivered</span>
|
||||
</td>
|
||||
<td>
|
||||
<a href="#invoiceModal" data-bs-toggle="modal"
|
||||
class="btn btn-secondary btn-sm">Invoice</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<a href="#" class="text-body">TBT15425012</a>
|
||||
</td>
|
||||
<td>
|
||||
<div class="d-flex gap-3">
|
||||
<div class="avatar-sm flex-shrink-0">
|
||||
<div class="avatar-title bg-danger-subtle rounded">
|
||||
<img src="{{ URL::asset('build/images/products/img-12.png') }}" alt=""
|
||||
class="avatar-xs">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<a href="product-details">
|
||||
<h6 class="fs-15 mb-1">Onyx SmartGRID Chair Red</h6>
|
||||
</a>
|
||||
<p class="mb-0 text-muted fs-13">Furniture & Decore</p>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<span class="text-muted">01 Feb, 2023</span>
|
||||
</td>
|
||||
<td class="fw-medium">$39.99</td>
|
||||
<td>
|
||||
<span class="badge bg-secondary-subtle text-secondary">Shipping</span>
|
||||
</td>
|
||||
<td>
|
||||
<a href="#invoiceModal" data-bs-toggle="modal"
|
||||
class="btn btn-secondary btn-sm">Invoice</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<a href="#" class="text-body">TBT1524563</a>
|
||||
</td>
|
||||
<td>
|
||||
<div class="d-flex gap-3">
|
||||
<div class="avatar-sm flex-shrink-0">
|
||||
<div class="avatar-title bg-success-subtle rounded">
|
||||
<img src="{{ URL::asset('build/images/products/img-4.png') }}" alt=""
|
||||
class="avatar-xs">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<a href="product-details">
|
||||
<h6 class="fs-15 mb-1">Slippers Open Toe</h6>
|
||||
</a>
|
||||
<p class="mb-0 text-muted fs-13">Footwear</p>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<span class="text-muted">09 Dec, 2022</span>
|
||||
</td>
|
||||
<td class="fw-medium">$874.00</td>
|
||||
<td><span class="badge bg-danger-subtle text-danger">Out Of Delivery</span></td>
|
||||
<td>
|
||||
<a href="#invoiceModal" data-bs-toggle="modal"
|
||||
class="btn btn-secondary btn-sm">Invoice</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<a href="#" class="text-body">TBT1524530</a>
|
||||
</td>
|
||||
<td>
|
||||
<div class="d-flex gap-3">
|
||||
<div class="avatar-sm flex-shrink-0">
|
||||
<div class="avatar-title bg-secondary-subtle rounded">
|
||||
<img src="{{ URL::asset('build/images/products/img-1.png') }}" alt=""
|
||||
class="avatar-xs">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<a href="product-details">
|
||||
<h6 class="fs-15 mb-1">Hp Trendsetter Backpack</h6>
|
||||
</a>
|
||||
<p class="mb-0 text-muted fs-13">Handbags & Clutches</p>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<span class="text-muted">02 Jan, 2023</span>
|
||||
</td>
|
||||
<td class="fw-medium">$32.00</td>
|
||||
<td>
|
||||
<span class="badge bg-success-subtle text-success">Delivered</span>
|
||||
</td>
|
||||
<td>
|
||||
<a href="#invoiceModal" data-bs-toggle="modal"
|
||||
class="btn btn-secondary btn-sm">Invoice</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<a href="#" class="text-body">TBT13642870</a>
|
||||
</td>
|
||||
<td>
|
||||
<div class="d-flex gap-3">
|
||||
<div class="avatar-sm flex-shrink-0">
|
||||
<div class="avatar-title bg-info-subtle rounded">
|
||||
<img src="{{ URL::asset('build/images/products/img-7.png') }}" alt=""
|
||||
class="avatar-xs">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<a href="product-details">
|
||||
<h6 class="fs-15 mb-1">Innovative education book</h6>
|
||||
</a>
|
||||
<p class="mb-0 text-muted fs-13">Books</p>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<span class="text-muted">08 Jan, 2023</span>
|
||||
</td>
|
||||
<td class="fw-medium">$18.32</td>
|
||||
<td>
|
||||
<span class="badge bg-warning-subtle text-warning">Pending</span>
|
||||
</td>
|
||||
<td>
|
||||
<a href="#invoiceModal" data-bs-toggle="modal"
|
||||
class="btn btn-secondary btn-sm">Invoice</a>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="text-end">
|
||||
<button class="btn btn-hover btn-primary">Continue Shopping <i
|
||||
class="ri-arrow-right-line align-middle ms-1"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end conatiner-->
|
||||
</section>
|
||||
|
||||
<section class="section bg-light bg-opacity-25"
|
||||
style="background-image: url('build/images/ecommerce/bg-effect.png');background-position: center; background-size: cover;">
|
||||
<div class="container">
|
||||
<div class="row align-items-center justify-content-between">
|
||||
<div class="col-lg-6">
|
||||
<div>
|
||||
<p class="fs-15 text-uppercase fw-medium"><span class="fw-semibold text-danger">25% Up to</span>
|
||||
off all Products</p>
|
||||
<h1 class="lh-base text-capitalize mb-3">Stay home & get your daily needs from our shop</h1>
|
||||
<p class="fs-15 mb-4 pb-2">Start You'r Daily Shopping with <a href="#!"
|
||||
class="link-primary text-decoration-underline fw-medium">Toner</a></p>
|
||||
<form action="#!">
|
||||
<div class="position-relative ecommerce-subscript">
|
||||
<input type="email" class="form-control rounded-pill" placeholder="Enter your email">
|
||||
<button type="submit" class="btn btn-primary btn-hover rounded-pill">Subscript
|
||||
Now</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-4">
|
||||
<div class="mt-4 mt-lg-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/subscribe.png') }}" alt="" class="img-fluid">
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end conatiner-->
|
||||
</section>
|
||||
|
||||
<section class="position-relative py-5">
|
||||
<div class="container">
|
||||
<div class="row gy-4 gy-lg-0">
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/fast-delivery.png') }}" alt="" class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-15">Fast & Secure Delivery</h5>
|
||||
<p class="text-muted mb-0">Tell about your service.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/returns.png') }}" alt="" class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-15">2 Days Return Policy</h5>
|
||||
<p class="text-muted mb-0">No question ask.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/guarantee-certificate.png') }}" alt=""
|
||||
class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-15">Money Back Guarantee</h5>
|
||||
<p class="text-muted mb-0">Within 5 business days</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/24-hours-support.png') }}" alt="" class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-15">24 X 7 Service</h5>
|
||||
<p class="text-muted mb-0">Online service for customer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end container-->
|
||||
</section>
|
||||
|
||||
<!-- Modal -->
|
||||
<div class="modal fade" id="invoiceModal" tabindex="-1" aria-labelledby="invoiceModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-custom-size">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h1 class="modal-title fs-5" id="invoiceModalLabel">Invoice #TTB30280001</h1>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
|
||||
<div class="card mb-0" id="demo">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="card-header border-bottom-dashed p-4">
|
||||
<div class="d-sm-flex">
|
||||
<div class="flex-grow-1">
|
||||
<img src="{{ URL::asset('build/images/logo-dark.png') }}" class="card-logo card-logo-dark"
|
||||
alt="logo dark" height="26">
|
||||
<img src="{{ URL::asset('build/images/logo-light.png') }}" class="card-logo card-logo-light"
|
||||
alt="logo light" height="26">
|
||||
<div class="mt-sm-5 mt-4">
|
||||
<h6 class="text-muted text-uppercase fw-semibold fs-14">Address</h6>
|
||||
<p class="text-muted mb-1" id="address-details">Phoenix, USA</p>
|
||||
<p class="text-muted mb-0" id="zip-code"><span>Zip-code:</span> 90201</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-shrink-0 mt-sm-0 mt-3">
|
||||
<h6><span class="text-muted fw-normal">Legal Registration No:</span> <span
|
||||
id="legal-register-no">987654</span></h6>
|
||||
<h6><span class="text-muted fw-normal">Email:</span> <span
|
||||
id="email">toner@themesbrand.com</span></h6>
|
||||
<h6><span class="text-muted fw-normal">Website:</span> <a
|
||||
href="https://themesbrand.com/" class="link-primary" target="_blank"
|
||||
id="website">www.themesbrand.com</a></h6>
|
||||
<h6 class="mb-0"><span class="text-muted fw-normal">Contact No: </span><span
|
||||
id="contact-no"> +(314) 234 6789</span></h6>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end card-header-->
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-12">
|
||||
<div class="card-body p-4">
|
||||
<div class="row g-3">
|
||||
<div class="col-lg-3 col-6">
|
||||
<p class="text-muted mb-2 text-uppercase fw-semibold fs-14">Invoice No</p>
|
||||
<h5 class="fs-15 mb-0">#TTB<span id="invoice-no">30280001</span></h5>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-3 col-6">
|
||||
<p class="text-muted mb-2 text-uppercase fw-semibold fs-14">Date</p>
|
||||
<h5 class="fs-15 mb-0"><span id="invoice-date">14 Jan, 2023</span> <small
|
||||
class="text-muted" id="invoice-time">12:22PM</small></h5>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-3 col-6">
|
||||
<p class="text-muted mb-2 text-uppercase fw-semibold fs-14">Payment Status</p>
|
||||
<span class="badge bg-success-subtle text-success" id="payment-status">Paid</span>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-3 col-6">
|
||||
<p class="text-muted mb-2 text-uppercase fw-semibold fs-14">Total Amount</p>
|
||||
<h5 class="fs-15 mb-0">$<span id="total-amount">1406.92</span></h5>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end card-body-->
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-12">
|
||||
<div class="card-body p-4 border-top border-top-dashed">
|
||||
<div class="row g-3">
|
||||
<div class="col-6">
|
||||
<h6 class="text-muted text-uppercase fw-semibold fs-14 mb-3">Billing Address
|
||||
</h6>
|
||||
<p class="fw-medium mb-2 fs-16" id="billing-name">Raquel Murillo</p>
|
||||
<p class="text-muted mb-1" id="billing-address-line-1">4430 Holt Street,
|
||||
Miami, Florida-33169</p>
|
||||
<p class="text-muted mb-1"><span>Phone: +</span><span
|
||||
id="billing-phone-no">(123) 561-238-1000</span></p>
|
||||
<p class="text-muted mb-0"><span>Tax: </span><span
|
||||
id="billing-tax-no">65-498700</span> </p>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-6">
|
||||
<h6 class="text-muted text-uppercase fw-semibold fs-14 mb-3">Shipping Address
|
||||
</h6>
|
||||
<p class="fw-medium mb-2 fs-16" id="shipping-name">Raquel Murillo</p>
|
||||
<p class="text-muted mb-1" id="shipping-address-line-1">4430 Holt Street,
|
||||
Miami, Florida-33169</p>
|
||||
<p class="text-muted mb-1"><span>Phone: +</span><span
|
||||
id="shipping-phone-no">(123) 561-238-1000</span></p>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end card-body-->
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-12">
|
||||
<div class="card-body p-4">
|
||||
<div class="table-responsive">
|
||||
<table class="table table-borderless text-center table-nowrap align-middle mb-0">
|
||||
<thead>
|
||||
<tr class="table-active">
|
||||
<th scope="col" style="width: 50px;">#</th>
|
||||
<th scope="col">Product Details</th>
|
||||
<th scope="col">Rate</th>
|
||||
<th scope="col">Quantity</th>
|
||||
<th scope="col" class="text-end">Amount</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="products-list">
|
||||
<tr>
|
||||
<th scope="row">01</th>
|
||||
<td class="text-start">
|
||||
<span class="fw-medium">World's most expensive t shirt</span>
|
||||
<p class="text-muted mb-0">Graphic Print Men & Women Sweatshirt</p>
|
||||
</td>
|
||||
<td>$266.24</td>
|
||||
<td>03</td>
|
||||
<td class="text-end">$798.72</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">02</th>
|
||||
<td class="text-start">
|
||||
<span class="fw-medium">Ninja Pro Max Smartwatch</span>
|
||||
<p class="text-muted mb-0">large display of 40mm (1.6″ inch), 27
|
||||
sports mode, SpO2 monitor</p>
|
||||
</td>
|
||||
<td>$247.27</td>
|
||||
<td>01</td>
|
||||
<td class="text-end">$247.27</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">03</th>
|
||||
<td class="text-start">
|
||||
<span class="fw-medium">Girls Mint Green & Off-White Open Toe
|
||||
Flats</span>
|
||||
<p class="text-muted mb-0">Fabric:Synthetic · Colour:Green · Shoe
|
||||
Type:Sandals</p>
|
||||
</td>
|
||||
<td>$24.07</td>
|
||||
<td>05</td>
|
||||
<td class="text-end">$120.35</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">04</th>
|
||||
<td class="text-start">
|
||||
<span class="fw-medium">Carven Lounge Chair Red</span>
|
||||
<p class="text-muted mb-0">Carven Fabric Lounge Chair in Red Color
|
||||
</p>
|
||||
</td>
|
||||
<td>$209.99</td>
|
||||
<td>01</td>
|
||||
<td class="text-end">$209.99</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<!--end table-->
|
||||
</div>
|
||||
<div class="border-top border-top-dashed mt-2">
|
||||
<table class="table table-borderless table-nowrap align-middle mb-0 ms-auto"
|
||||
style="width:250px">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>Sub Total</td>
|
||||
<td class="text-end">$1376.33</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Estimated Tax (12.5%)</td>
|
||||
<td class="text-end">$172.04</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Discount <small class="text-muted">(TONER50)</small></td>
|
||||
<td class="text-end">- $206.45</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Shipping Charge</td>
|
||||
<td class="text-end">$65.00</td>
|
||||
</tr>
|
||||
<tr class="border-top border-top-dashed fs-15">
|
||||
<th scope="row">Total Amount</th>
|
||||
<th class="text-end">$1406.92</th>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<!--end table-->
|
||||
</div>
|
||||
<div class="mt-3">
|
||||
<h6 class="text-muted text-uppercase fw-semibold mb-3">Payment Details:</h6>
|
||||
<p class="text-muted mb-1">Payment Method: <span class="fw-medium"
|
||||
id="payment-method">Mastercard</span></p>
|
||||
<p class="text-muted mb-1">Card Holder: <span class="fw-medium"
|
||||
id="card-holder-name">Raquel Murillo</span></p>
|
||||
<p class="text-muted mb-1">Card Number: <span class="fw-medium"
|
||||
id="card-number">xxx xxxx xxxx 1234</span></p>
|
||||
<p class="text-muted">Total Amount: <span class="fw-medium">$ </span><span
|
||||
id="card-total-amount">1406.92</span></p>
|
||||
</div>
|
||||
<div class="mt-4">
|
||||
<div class="alert alert-info">
|
||||
<p class="mb-0"><span class="fw-semibold">NOTES:</span>
|
||||
<span id="note">All accounts are to be paid within 7 days from receipt
|
||||
of invoice. To be paid by cheque or
|
||||
credit card or direct payment online. If account is not paid within 7
|
||||
days the credits details supplied as confirmation of work undertaken
|
||||
will be charged the agreed quoted fee noted above.
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="hstack gap-2 justify-content-end d-print-none mt-4">
|
||||
<a href="javascript:window.print()" class="btn btn-success"><i
|
||||
class="ri-printer-line align-bottom me-1"></i> Print</a>
|
||||
<a href="javascript:void(0);" class="btn btn-primary"><i
|
||||
class="ri-download-2-line align-bottom me-1"></i> Download</a>
|
||||
</div>
|
||||
</div>
|
||||
<!--end card-body-->
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end card-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
@section('scripts')
|
||||
<!-- landing-index js -->
|
||||
<script src="{{ URL::asset('build/js/frontend/menu.init.js') }}"></script>
|
||||
@endsection
|
||||
@@ -0,0 +1,16 @@
|
||||
@extends('layouts.master')
|
||||
@section('title')
|
||||
Starter
|
||||
@endsection
|
||||
@section('css')
|
||||
<!-- extra css -->
|
||||
@endsection
|
||||
@section('content')
|
||||
<!-- start content from here -->
|
||||
|
||||
|
||||
@endsection
|
||||
@section('scripts')
|
||||
<!-- landing-index js -->
|
||||
<script src="{{ URL::asset('build/js/frontend/menu.init.js') }}"></script>
|
||||
@endsection
|
||||
@@ -0,0 +1,520 @@
|
||||
@extends('layouts.master')
|
||||
@section('title')
|
||||
Payment
|
||||
@endsection
|
||||
@section('css')
|
||||
<!-- extra css -->
|
||||
@endsection
|
||||
@section('content')
|
||||
<section class="page-wrapper bg-primary">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="text-center d-flex align-items-center justify-content-between">
|
||||
<h4 class="text-white mb-0">Payment</h4>
|
||||
<nav aria-label="breadcrumb">
|
||||
<ol class="breadcrumb breadcrumb-light justify-content-center mb-0 fs-15">
|
||||
<li class="breadcrumb-item"><a href="#!">Shop</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page">Payment</li>
|
||||
</ol>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end container-->
|
||||
</section>
|
||||
|
||||
<section class="section pb-4">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="alert alert-danger text-center text-capitalize mb-4 fs-14">
|
||||
save up to <b>30%</b> to <b>40%</b> off omg! just look at the <b>great deals</b>!
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row product-list">
|
||||
<div class="col-xl-8">
|
||||
<h5 class="mb-0 flex-grow-1">Payment Selection</h5>
|
||||
|
||||
<ul class="nav nav-pills arrow-navtabs nav-success bg-light mb-3 mt-4 nav-justified custom-nav"
|
||||
role="tablist">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link active py-3" data-bs-toggle="tab" href="#paypal" role="tab">
|
||||
<span class="d-block d-sm-none"><i class="ri-paypal-fill align-bottom"></i></span>
|
||||
<span class="d-none d-sm-block"><i class="ri-paypal-fill align-bottom pe-2"></i>
|
||||
Paypal</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
<a class="nav-link py-3" data-bs-toggle="tab" href="#credit" role="tab">
|
||||
<span class="d-block d-sm-none"><i class="ri-bank-card-fill align-bottom"></i></span>
|
||||
<span class="d-none d-sm-block"> <i class="ri-bank-card-fill align-bottom pe-2"></i> Credit
|
||||
/ Debit Card</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
<a class="nav-link py-3" data-bs-toggle="tab" href="#cash" role="tab">
|
||||
<span class="d-block d-sm-none"><i class="ri-money-dollar-box-fill align-bottom"></i></span>
|
||||
<span class="d-none d-sm-block"> <i class="ri-money-dollar-box-fill align-bottom pe-2"></i>
|
||||
Cash on Delivery</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<!-- Tab panes -->
|
||||
<div class="tab-content text-muted">
|
||||
<div class="tab-pane active" id="paypal" role="tabpanel">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="row gy-3">
|
||||
<div class="col-md-12">
|
||||
<label for="buyers-name" class="form-label">Buyers First Name</label>
|
||||
<input type="text" class="form-control" id="buyers-name"
|
||||
placeholder="Enter Name">
|
||||
</div>
|
||||
|
||||
<div class="col-md-6">
|
||||
<label for="buyers-last" class="form-label">Buyers Last Name</label>
|
||||
<input type="text" class="form-control" id="buyers-last"
|
||||
placeholder="Enter Last Name">
|
||||
</div>
|
||||
|
||||
<div class="col-md-6">
|
||||
<label for="buyers-address" class="form-label">Email Address</label>
|
||||
<input type="text" class="form-control" id="buyers-address"
|
||||
placeholder="Enter Email Address">
|
||||
</div>
|
||||
|
||||
<div class="col-md-12">
|
||||
<label class="form-label">Select your paypal account type</label>
|
||||
<div class="d-flex gap-4 mt-1">
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="radio" name="formRadios"
|
||||
id="formRadios1" checked>
|
||||
<label class="form-check-label" for="formRadios1">
|
||||
Domestic
|
||||
</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="radio" name="formRadios"
|
||||
id="formRadios2">
|
||||
<label class="form-check-label" for="formRadios2">
|
||||
International
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="hstack gap-2 justify-content-end pt-4">
|
||||
<button type="button" class="btn btn-hover btn-primary"><i
|
||||
class="ri-paypal-fill align-bottom align-bottom pe-2"></i> Log into my
|
||||
Paypal</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tab-pane" id="credit" role="tabpanel">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="row gy-3">
|
||||
<div class="col-md-12">
|
||||
<label for="cc-name" class="form-label">Name on card</label>
|
||||
<input type="text" class="form-control" id="cc-name"
|
||||
placeholder="Enter name">
|
||||
<small class="text-muted">Full name as displayed on card</small>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6">
|
||||
<label for="cc-number" class="form-label">Credit card number</label>
|
||||
<input type="text" class="form-control" id="cc-number"
|
||||
placeholder="xxxx xxxx xxxx xxxx">
|
||||
</div>
|
||||
|
||||
<div class="col-md-3">
|
||||
<label for="cc-expiration" class="form-label">Expiration</label>
|
||||
<input type="text" class="form-control" id="cc-expiration"
|
||||
placeholder="MM/YY">
|
||||
</div>
|
||||
|
||||
<div class="col-md-3">
|
||||
<label for="cc-cvv" class="form-label">CVV</label>
|
||||
<input type="text" class="form-control" id="cc-cvv" placeholder="xxx">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="hstack gap-2 justify-content-end pt-4">
|
||||
<button type="button" class="btn btn-hover w-md btn-primary">Pay<i
|
||||
class="ri-logout-box-r-line align-bottom ms-2"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tab-pane" id="cash" role="tabpanel">
|
||||
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="text-center py-3">
|
||||
<div class="avatar-md mx-auto mb-4">
|
||||
<div
|
||||
class="avatar-title bg-primary-subtle text-primary rounded-circle display-6">
|
||||
<i class="bi bi-cash"></i>
|
||||
</div>
|
||||
</div>
|
||||
<h5 class="fs-16 mb-3">Cash on Delivery</h5>
|
||||
<p class="text-muted mt-3 mb-0 w-75 mx-auto">Integer vulputate metus eget purus
|
||||
maximus porttitor. Maecenas ut porta justo.
|
||||
Donec finibus nec nibh ut urna viverra semper.</p>
|
||||
</div>
|
||||
<div class="hstack gap-2 justify-content-end pt-3">
|
||||
<button type="button" class="btn btn-hover w-md btn-primary">Continue<i
|
||||
class="ri-logout-box-r-line align-bottom ms-2"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-xl-4">
|
||||
<div class="sticky-side-div">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="text-center">
|
||||
<h6 class="mb-3 fs-15">Have a <span class="fw-semibold">promo</span> code ?</h6>
|
||||
</div>
|
||||
<div class="hstack gap-3 px-3 mx-n3">
|
||||
<input class="form-control me-auto" type="text" placeholder="Enter coupon code"
|
||||
value="Toner15" aria-label="Add Promo Code here...">
|
||||
<button type="button" class="btn btn-primary w-xs">Apply</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card overflow-hidden">
|
||||
<div class="card-header border-bottom-dashed">
|
||||
<h5 class="card-title mb-0 fs-15">Order Summary</h5>
|
||||
</div>
|
||||
<div class="card-body pt-4">
|
||||
<div class="table-responsive table-card">
|
||||
<table class="table table-borderless mb-0 fs-15">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>Sub Total :</td>
|
||||
<td class="text-end cart-subtotal">$1361.97</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Discount <span class="text-muted">(Toner15)</span>:</td>
|
||||
<td class="text-end cart-discount">-$204.30</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Shipping Charge :</td>
|
||||
<td class="text-end cart-shipping">$65.00</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Estimated Tax (12.5%) : </td>
|
||||
<td class="text-end cart-tax">$170.25</td>
|
||||
</tr>
|
||||
<tr class="table-active">
|
||||
<th>Total (USD) :</th>
|
||||
<td class="text-end">
|
||||
<span class="fw-semibold cart-total">$1392.92</span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<!-- end table-responsive -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end stickey -->
|
||||
</div>
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end conatiner-->
|
||||
</section>
|
||||
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-12">
|
||||
<div class="d-flex align-items-center justify-content-between mb-4 pb-1">
|
||||
<h4 class="flex-grow-1 mb-0">Recently Viewed</h4>
|
||||
<div class="flex-shrink-0">
|
||||
<a href="#!" class="link-effect link-primary">All Products <i
|
||||
class="ri-arrow-right-line ms-1 align-bottom"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
<div class="row">
|
||||
<div class="col-xxl-3 col-lg-4 col-md-6">
|
||||
<div
|
||||
class="card ecommerce-product-widgets border-0 rounded-0 shadow-none overflow-hidden card-animate">
|
||||
<div class="bg-light bg-opacity-50 rounded py-4 position-relative">
|
||||
<img src="{{ URL::asset('build/images/products/img-12.png') }}" alt=""
|
||||
style="max-height: 200px;max-width: 100%;" class="mx-auto d-block rounded-2">
|
||||
<div class="action vstack gap-2">
|
||||
<button class="btn btn-danger avatar-xs p-0 btn-soft-warning custom-toggle product-action"
|
||||
data-bs-toggle="button"><span class="icon-on"><i
|
||||
class="ri-heart-line"></i></span><span class="icon-off"><i
|
||||
class="ri-heart-fill"></i></span></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pt-4">
|
||||
<ul class="clothe-colors list-unstyled hstack gap-1 mb-3 flex-wrap">
|
||||
<li><input type="radio" name="sizes10" id="product-color-102"><label
|
||||
class="avatar-xxs btn btn-secondary p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="product-color-102"></label></li>
|
||||
<li><input type="radio" name="sizes10" id="product-color-103"><label
|
||||
class="avatar-xxs btn btn-dark p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="product-color-103"></label></li>
|
||||
<li><input type="radio" name="sizes10" id="product-color-104"><label
|
||||
class="avatar-xxs btn btn-danger p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="product-color-104"></label></li>
|
||||
<li><input type="radio" name="sizes10" id="product-color-105"><label
|
||||
class="avatar-xxs btn btn-light p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="product-color-105"></label></li>
|
||||
</ul>
|
||||
<a href="#!">
|
||||
<h6 class="text-capitalize fs-15 lh-base text-truncate mb-0">Carven Lounge Chair Red</h6>
|
||||
</a>
|
||||
<div class="mt-2">
|
||||
<span class="float-end">4.1 <i
|
||||
class="ri-star-half-fill text-warning align-bottom"></i></span>
|
||||
<h5 class="mb-0">$209.99</h5>
|
||||
</div>
|
||||
<div class="mt-3">
|
||||
<a href="#!" class="btn btn-primary w-100 add-btn"><i class="mdi mdi-cart me-1"></i>
|
||||
Add To Cart</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-xxl-3 col-lg-4 col-md-6">
|
||||
<div
|
||||
class="card ecommerce-product-widgets border-0 rounded-0 shadow-none overflow-hidden card-animate">
|
||||
<div class="bg-light bg-opacity-50 rounded py-4 position-relative">
|
||||
<img src="{{ URL::asset('build/images/products/img-7.png') }}" alt=""
|
||||
style="max-height: 200px;max-width: 100%;" class="mx-auto d-block rounded-2">
|
||||
<div class="action vstack gap-2">
|
||||
<button class="btn btn-danger avatar-xs p-0 btn-soft-warning custom-toggle product-action "
|
||||
data-bs-toggle="button"><span class="icon-on"><i
|
||||
class="ri-heart-line"></i></span><span class="icon-off"><i
|
||||
class="ri-heart-fill"></i></span></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pt-4">
|
||||
<div>
|
||||
<div class="avatar-xxs mb-4">
|
||||
<div class="avatar-title bg-light text-muted rounded cursor-pointer"><i
|
||||
class="ri-error-warning-line"></i></div>
|
||||
</div>
|
||||
<a href="#!">
|
||||
<h6 class="text-capitalize fs-15 lh-base text-truncate mb-0">Innovative education book
|
||||
</h6>
|
||||
</a>
|
||||
<div class="mt-2">
|
||||
<span class="float-end">4.7 <i
|
||||
class="ri-star-half-fill text-warning align-bottom"></i></span>
|
||||
<h5 class="mb-0">$96.26</h5>
|
||||
</div>
|
||||
<div class="mt-3">
|
||||
<a href="#!" class="btn btn-primary w-100 add-btn"><i
|
||||
class="mdi mdi-cart me-1"></i> Add To Cart</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-xxl-3 col-lg-4 col-md-6">
|
||||
<div
|
||||
class="card ecommerce-product-widgets border-0 rounded-0 shadow-none overflow-hidden card-animate">
|
||||
<div class="bg-light bg-opacity-50 rounded py-4 position-relative">
|
||||
<img src="{{ URL::asset('build/images/products/img-3.png') }}" alt=""
|
||||
style="max-height: 200px;max-width: 100%;" class="mx-auto d-block rounded-2">
|
||||
<div class="action vstack gap-2">
|
||||
<button class="btn btn-danger avatar-xs p-0 btn-soft-warning custom-toggle product-action "
|
||||
data-bs-toggle="button"><span class="icon-on"><i
|
||||
class="ri-heart-line"></i></span><span class="icon-off"><i
|
||||
class="ri-heart-fill"></i></span></button>
|
||||
</div>
|
||||
<div class="avatar-xs label">
|
||||
<div class="avatar-title bg-danger rounded-circle fs-11">20%</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pt-4">
|
||||
<ul class="clothe-colors list-unstyled hstack gap-1 mb-3 flex-wrap">
|
||||
<li><input type="radio" name="sizes11" id="product-color-112"><label
|
||||
class="avatar-xxs btn btn-secondary p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="product-color-112"></label></li>
|
||||
<li><input type="radio" name="sizes11" id="product-color-113"><label
|
||||
class="avatar-xxs btn btn-primary p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="product-color-113"></label></li>
|
||||
</ul>
|
||||
<a href="#!">
|
||||
<h6 class="text-capitalize fs-15 lh-base text-truncate mb-0">Ninja Pro Max Smartwatch</h6>
|
||||
</a>
|
||||
<div class="mt-2">
|
||||
<span class="float-end">3.5 <i
|
||||
class="ri-star-half-fill text-warning align-bottom"></i></span>
|
||||
<h5 class="mb-0">$247.27 <span class="text-muted fs-12"><del>$309.09</del></span></h5>
|
||||
</div>
|
||||
<div class="mt-3">
|
||||
<a href="#!" class="btn btn-primary w-100 add-btn"><i class="mdi mdi-cart me-1"></i>
|
||||
Add To Cart</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-xxl-3 col-lg-4 col-md-6">
|
||||
<div
|
||||
class="card ecommerce-product-widgets border-0 rounded-0 shadow-none overflow-hidden card-animate">
|
||||
<div class="bg-light bg-opacity-50 rounded py-4 position-relative">
|
||||
<img src="{{ URL::asset('build/images/products/img-2.png') }}" alt=""
|
||||
style="max-height: 200px;max-width: 100%;" class="mx-auto d-block rounded-2">
|
||||
<div class="action vstack gap-2">
|
||||
<button class="btn btn-danger avatar-xs p-0 btn-soft-warning custom-toggle product-action "
|
||||
data-bs-toggle="button"><span class="icon-on"><i
|
||||
class="ri-heart-line"></i></span><span class="icon-off"><i
|
||||
class="ri-heart-fill"></i></span></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pt-4">
|
||||
<ul class="clothe-colors list-unstyled hstack gap-1 mb-3 flex-wrap">
|
||||
<li><input type="radio" name="sizes12" id="product-color-122"><label
|
||||
class="avatar-xxs btn btn-success p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="product-color-122"></label></li>
|
||||
</ul>
|
||||
<a href="#!">
|
||||
<h6 class="text-capitalize fs-15 lh-base text-truncate mb-0">Opinion Striped Round Neck
|
||||
Green T-shirt</h6>
|
||||
</a>
|
||||
<div class="mt-2">
|
||||
<span class="float-end">4.1 <i
|
||||
class="ri-star-half-fill text-warning align-bottom"></i></span>
|
||||
<h5 class="mb-0">$126.99</h5>
|
||||
</div>
|
||||
<div class="mt-3">
|
||||
<a href="#!" class="btn btn-primary btn-hover w-100 add-btn"><i
|
||||
class="mdi mdi-cart me-1"></i> Add To Cart</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end container-->
|
||||
</section>
|
||||
|
||||
<section class="section bg-light bg-opacity-25"
|
||||
style="background-image: url('build/images/ecommerce/bg-effect.png');background-position: center; background-size: cover;">
|
||||
<div class="container">
|
||||
<div class="row align-items-center justify-content-between">
|
||||
<div class="col-lg-6">
|
||||
<div>
|
||||
<p class="fs-15 text-uppercase fw-medium"><span class="fw-semibold text-danger">25% Up to</span>
|
||||
off all Products</p>
|
||||
<h1 class="lh-base text-capitalize mb-3">Stay home & get your daily needs from our shop</h1>
|
||||
<p class="fs-15 mb-4 pb-2">Start You'r Daily Shopping with <a href="#!"
|
||||
class="link-info fw-medium">Toner</a></p>
|
||||
<form action="#!">
|
||||
<div class="position-relative ecommerce-subscript">
|
||||
<input type="email" class="form-control rounded-pill" placeholder="Enter your email">
|
||||
<button type="submit" class="btn btn-primary btn-hover rounded-pill">Subscript
|
||||
Now</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-4">
|
||||
<div class="mt-4 mt-lg-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/subscribe.png') }}" alt="" class="img-fluid">
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end container-->
|
||||
</section>
|
||||
|
||||
<section class="position-relative py-5">
|
||||
<div class="container">
|
||||
<div class="row gy-4 gy-lg-0">
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/fast-delivery.png') }}" alt="" class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-15">Fast & Secure Delivery</h5>
|
||||
<p class="text-muted mb-0">Tell about your service.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/returns.png') }}" alt="" class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-15">2 Days Return Policy</h5>
|
||||
<p class="text-muted mb-0">No question ask.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/guarantee-certificate.png') }}" alt=""
|
||||
class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-15">Money Back Guarantee</h5>
|
||||
<p class="text-muted mb-0">Within 5 business days</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/24-hours-support.png') }}" alt="" class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-15">24 X 7 Service</h5>
|
||||
<p class="text-muted mb-0">Online service for customer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end container-->
|
||||
</section>
|
||||
@endsection
|
||||
@section('scripts')
|
||||
<!-- landing-index js -->
|
||||
<script src="{{ URL::asset('build/js/frontend/menu.init.js') }}"></script>
|
||||
@endsection
|
||||
@@ -0,0 +1,270 @@
|
||||
@extends('layouts.master')
|
||||
@section('title')
|
||||
Privacy Policy
|
||||
@endsection
|
||||
@section('css')
|
||||
<!-- extra css -->
|
||||
@endsection
|
||||
@section('content')
|
||||
<section class="term-condition bg-primary">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-6">
|
||||
<div class="text-center">
|
||||
<h1 class="text-white mb-2">Privacy Policy</h1>
|
||||
<p class="text-white-75 mb-0">This Privacy policy was published on November 24<sup>th</sup>, 2022.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end container-->
|
||||
</section>
|
||||
|
||||
<div class="position-relative">
|
||||
<div class="svg-shape">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="1440"
|
||||
height="120" preserveAspectRatio="none" viewBox="0 0 1440 120">
|
||||
<g mask="url("#SvgjsMask1039")" fill="none">
|
||||
<rect width="1440" height="120" x="0" y="0" fill="var(--tb-primary)"></rect>
|
||||
<path d="M 0,85 C 288,68.8 1152,20.2 1440,4L1440 120L0 120z" fill="var(--tb-body-bg)"></path>
|
||||
</g>
|
||||
<defs>
|
||||
<mask id="SvgjsMask1039">
|
||||
<rect width="1440" height="120" fill="#ffffff"></rect>
|
||||
</mask>
|
||||
</defs>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<section class="section pt-0">
|
||||
<div class="container">
|
||||
<div class="card term-card mb-0">
|
||||
<div class="card-body p-lg-5">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<h5 class="fs-18 mb-3">Introduction</h5>
|
||||
<div class="d-flex gap-2 mb-2">
|
||||
<div class="flex-shrink-0">
|
||||
<i class="ri-flashlight-fill text-primary fs-15"></i>
|
||||
</div>
|
||||
<p class="text-muted fs-15 flex-grow-1 mb-0">Generally, we may collect and use personal
|
||||
information for many purposes, including, but not limited to: billing, product and
|
||||
service fulfillment, understanding customer needs, providing a better website, improving
|
||||
products and services, and communicating with customers and potential customers
|
||||
regarding our products and services with third-party products and services.</p>
|
||||
</div>
|
||||
<div class="d-flex gap-2 mb-2">
|
||||
<div class="flex-shrink-0">
|
||||
<i class="ri-flashlight-fill text-primary fs-15"></i>
|
||||
</div>
|
||||
<p class="text-muted fs-15 flex-grow-1 mb-0">Clients on Demand, LLC is committed to
|
||||
protecting both the personal as well as business information you share and/or store with
|
||||
us.</p>
|
||||
</div>
|
||||
<div class="d-flex gap-2 mb-2">
|
||||
<div class="flex-shrink-0">
|
||||
<i class="ri-flashlight-fill text-primary fs-15"></i>
|
||||
</div>
|
||||
<p class="text-muted fs-15 flex-grow-1 mb-0">This Privacy Policy applies to transactions and
|
||||
activities and data gathered through the Clients on Demand Website and interaction you
|
||||
may have with its related Social Media accounts. Please review this Privacy Policy
|
||||
periodically as we may revise it without notice.</p>
|
||||
</div>
|
||||
|
||||
<h5 class="fs-18 my-3">Shipping Agreement</h5>
|
||||
<div class="d-flex gap-2 mb-2">
|
||||
<div class="flex-shrink-0">
|
||||
<i class="ri-flashlight-fill text-primary fs-15"></i>
|
||||
</div>
|
||||
<p class="text-muted fs-15 flex-grow-1 mb-0">We may share information about our audience in
|
||||
aggregate or de-identified form. Nothing in this Privacy Policy is intended to indicate
|
||||
a restriction of our use or sharing of aggregated or de-identified information in any
|
||||
way.</p>
|
||||
</div>
|
||||
|
||||
<h5 class="fs-18 my-3">Refund Policy</h5>
|
||||
<div class="d-flex gap-2 mb-2">
|
||||
<div class="flex-shrink-0">
|
||||
<i class="ri-flashlight-fill text-primary fs-15"></i>
|
||||
</div>
|
||||
<p class="text-muted fs-15 flex-grow-1 mb-0">The information we collect is used for a
|
||||
variety of purposes, such as:</p>
|
||||
</div>
|
||||
<ul class="text-muted vstack gap-2 fs-15 ps-5" style="list-style-type: circle;">
|
||||
<li>
|
||||
to enable your use of our services and fulfill your requests for certain features, such
|
||||
as enabling you to participate in and renew paid services, polls, and message boards
|
||||
</li>
|
||||
<li>
|
||||
by performing statistical, demographic and marketing analyses of users of our services
|
||||
to improve our relationship with our customers
|
||||
</li>
|
||||
<li>
|
||||
for product development purposes and to generally inform advertisers about the nature of
|
||||
our subscriber base to improve our relationship with our customers
|
||||
</li>
|
||||
<li>
|
||||
to customize your experience by allowing advertising to be targeted to the users for
|
||||
whom such advertising is most pertinent
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<h5 class="fs-18 my-3">Use Of Cookies</h5>
|
||||
<div class="d-flex gap-2 mb-2">
|
||||
<div class="flex-shrink-0">
|
||||
<i class="ri-flashlight-fill text-primary fs-15"></i>
|
||||
</div>
|
||||
<p class="text-muted fs-15 flex-grow-1 mb-0">We use “cookies,” Web beacons, HTML5 local
|
||||
storage, and other similar technologies. These technologies allow us to manage access to
|
||||
and use of the Services, recognize you and provide personalization, and help us
|
||||
understand how people use our Services. You may not be able to access certain areas of
|
||||
our websites, including ClientsonDemand.com, if your computer does not accept cookies
|
||||
from us.</p>
|
||||
</div>
|
||||
<div class="d-flex gap-2 mb-2">
|
||||
<div class="flex-shrink-0">
|
||||
<i class="ri-flashlight-fill text-primary fs-15"></i>
|
||||
</div>
|
||||
<p class="text-muted fs-15 flex-grow-1 mb-0">We do not respond to browser-based “do not
|
||||
track” signals.</p>
|
||||
</div>
|
||||
<div class="d-flex gap-2 mb-2">
|
||||
<div class="flex-shrink-0">
|
||||
<i class="ri-flashlight-fill text-primary fs-15"></i>
|
||||
</div>
|
||||
<p class="text-muted fs-15 flex-grow-1 mb-0">We may transmit non-personally identifiable
|
||||
website usage information to third parties in order to show you advertising for Clients
|
||||
on Demand when you visit other sites.</p>
|
||||
</div>
|
||||
|
||||
<h5 class="fs-18 my-3">Disclaimer</h5>
|
||||
<div class="d-flex gap-2 mb-2">
|
||||
<div class="flex-shrink-0">
|
||||
<i class="ri-flashlight-fill text-primary fs-15"></i>
|
||||
</div>
|
||||
<p class="text-muted fs-15 flex-grow-1 mb-0">This Privacy Policy may be amended by us at any
|
||||
time and without notice, but only by amending this Policy as posted on this Website. Any
|
||||
amendments will become effective 30 days after being posted on the website unless
|
||||
circumstances require that a change is immediately implemented.</p>
|
||||
</div>
|
||||
|
||||
<div class="alert alert-danger">
|
||||
No use of Company Name's logo or other artwork will be allowed for linking absent a
|
||||
trademark license agreement.
|
||||
</div>
|
||||
|
||||
<div class="hstack justify-content-end gap-2 mt-4">
|
||||
<a href="#!" class="btn btn-ghost-danger btn-hover"><i
|
||||
class="ri-close-line align-bottom me-1"></i> Decline</a>
|
||||
<a href="#!" class="btn btn-success btn-hover">Accept Now</a>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
</div>
|
||||
<!--end card-->
|
||||
</div>
|
||||
<!--end conatiner-->
|
||||
</section>
|
||||
|
||||
<section class="section bg-light bg-opacity-25"
|
||||
style="background-image: url('build/images/ecommerce/bg-effect.png');background-position: center; background-size: cover;">
|
||||
<div class="container">
|
||||
<div class="row align-items-center justify-content-between">
|
||||
<div class="col-lg-6">
|
||||
<div>
|
||||
<p class="fs-15 text-uppercase fw-medium"><span class="fw-semibold text-danger">25% Up to</span> off
|
||||
all Products</p>
|
||||
<h1 class="lh-base text-capitalize mb-3">Stay home & get your daily needs from our shop</h1>
|
||||
<p class="fs-15 mb-4 pb-2">Start You'r Daily Shopping with <a href="#!"
|
||||
class="link-primary text-decoration-underline fw-medium">Toner</a></p>
|
||||
<form action="#!">
|
||||
<div class="position-relative ecommerce-subscript">
|
||||
<input type="email" class="form-control rounded-pill" placeholder="Enter your email">
|
||||
<button type="submit" class="btn btn-primary btn-hover rounded-pill">Subscript
|
||||
Now</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-4">
|
||||
<div class="mt-4 mt-lg-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/subscribe.png') }}" alt="" class="img-fluid">
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end container-->
|
||||
</section>
|
||||
|
||||
<section class="position-relative py-5">
|
||||
<div class="container">
|
||||
<div class="row gy-4 gy-lg-0">
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/fast-delivery.png') }}" alt="" class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-15">Fast & Secure Delivery</h5>
|
||||
<p class="text-muted mb-0">Tell about your service.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/returns.png') }}" alt="" class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-15">2 Days Return Policy</h5>
|
||||
<p class="text-muted mb-0">No question ask.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/guarantee-certificate.png') }}" alt=""
|
||||
class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-15">Money Back Guarantee</h5>
|
||||
<p class="text-muted mb-0">Within 5 business days</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/24-hours-support.png') }}" alt="" class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-15">24 X 7 Service</h5>
|
||||
<p class="text-muted mb-0">Online service for customer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end conatiner-->
|
||||
</section>
|
||||
@endsection
|
||||
@section('scripts')
|
||||
<!-- landing-index js -->
|
||||
<script src="{{ URL::asset('build/js/frontend/menu.init.js') }}"></script>
|
||||
@endsection
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,660 @@
|
||||
@extends('layouts.master')
|
||||
@section('title')
|
||||
Product Grid
|
||||
@endsection
|
||||
@section('css')
|
||||
<!-- extra css -->
|
||||
<!-- nouisliderribute css -->
|
||||
<link rel="stylesheet" href="{{ URL::asset('build/libs/nouislider/nouislider.min.css') }}">
|
||||
@endsection
|
||||
@section('content')
|
||||
<section class="section pb-0 mt-4">
|
||||
<div class="container-fluid">
|
||||
<div class="row g-2">
|
||||
<div class="col-lg-7">
|
||||
<a href="#!" class="product-banner-1 mt-4 mt-lg-0 rounded overflow-hidden d-block">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/features/img-5.jpg') }}" class="w-100 rounded object-fit-cover"
|
||||
alt="" style="max-height: 480px;">
|
||||
<div class="product-content p-3 ps-5" style="max-width: 390px;">
|
||||
<p class="text-uppercase fs-15 text-secondary fw-semibold mb-2">New Arrival</p>
|
||||
<h1 class="display-5 lh-base text-dark ff-secondary">Trendy Fashion Clothes</h1>
|
||||
<div class="product-btn mt-4">
|
||||
Shop Now <i class="bi bi-arrow-right ms-2"></i>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-5">
|
||||
<div class="row g-2">
|
||||
<div class="col-lg-12">
|
||||
<a href="#!" class="product-banner-1 mt-4 mt-lg-0 rounded overflow-hidden d-block">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/features/img-4.jpg') }}"
|
||||
class="w-100 rounded object-fit-cover" alt="" style="max-height: 236px;">
|
||||
<div class="product-content p-3 ps-5">
|
||||
<p class="text-uppercase fw-semibold fs-14 mb-2">Back Friday Sale</p>
|
||||
<h1 class="lh-base ff-secondary text-dark fw-medium"> Biggest Jewelry Collection</h1>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-12">
|
||||
<a href="#!" class="product-banner-1 mt-4 mt-lg-0 rounded overflow-hidden d-block">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/features/img-1.jpg') }}"
|
||||
class="w-100 rounded object-fit-cover" alt="" style="max-height: 236px;">
|
||||
<div class="product-content p-3 ps-5">
|
||||
<h1 class="lh-base ff-secondary text-dark fw-medium"> Women's Sportwere Sales</h1>
|
||||
<div class="product-btn mt-4">
|
||||
Shop Now <i class="bi bi-arrow-right ms-2"></i>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end container-->
|
||||
</section>
|
||||
|
||||
<div class="position-relative section">
|
||||
<div class="container">
|
||||
<div class="ecommerce-product gap-4">
|
||||
<div class="sidebar small-sidebar flex-shrink-0">
|
||||
<div class="card overflow-hidden">
|
||||
<div class="card-header">
|
||||
<div class="d-flex mb-3">
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-16">Filters</h5>
|
||||
</div>
|
||||
<div class="flex-shrink-0">
|
||||
<a href="#" class="text-decoration-underline" id="clearall">Clear All</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="search-box">
|
||||
<input type="text" class="form-control" id="searchProductList" autocomplete="off"
|
||||
placeholder="Search Products...">
|
||||
<i class="ri-search-line search-icon"></i>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="accordion accordion-flush filter-accordion">
|
||||
|
||||
<div class="card-body border-bottom">
|
||||
<div>
|
||||
<p class="text-muted text-uppercase fs-13 fw-medium mb-3">Products</p>
|
||||
<ul class="list-unstyled mb-0 filter-list">
|
||||
<li>
|
||||
<a href="javascript:void(0)" class="d-flex py-1 align-items-center">
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-14 mb-0 listname">Grocery</h5>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0)" class="d-flex py-1 align-items-center">
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-14 mb-0 listname">Fashion</h5>
|
||||
</div>
|
||||
<div class="flex-shrink-0 ms-2">
|
||||
<span class="badge bg-light text-muted">5</span>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0)" class="d-flex py-1 align-items-center">
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-14 mb-0 listname">Watches</h5>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0)" class="d-flex py-1 align-items-center">
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-14 mb-0 listname">Electronics</h5>
|
||||
</div>
|
||||
<div class="flex-shrink-0 ms-2">
|
||||
<span class="badge bg-light text-muted">5</span>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0)" class="d-flex py-1 align-items-center">
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-14 mb-0 listname">Furniture</h5>
|
||||
</div>
|
||||
<div class="flex-shrink-0 ms-2">
|
||||
<span class="badge bg-light text-muted">6</span>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0)" class="d-flex py-1 align-items-center">
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-14 mb-0 listname">Automotive Accessories</h5>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0)" class="d-flex py-1 align-items-center">
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-14 mb-0 listname">Appliances</h5>
|
||||
</div>
|
||||
<div class="flex-shrink-0 ms-2">
|
||||
<span class="badge bg-light text-muted">7</span>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="javascript:void(0)" class="d-flex py-1 align-items-center">
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-14 mb-0 listname">Kids</h5>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card-body border-bottom">
|
||||
<p class="text-muted text-uppercase fs-13 fw-medium mb-4">Price</p>
|
||||
|
||||
<div id="product-price-range" data-slider-color="info"></div>
|
||||
<div class="formCost d-flex gap-2 align-items-center mt-3">
|
||||
<input class="form-control form-control-sm" type="text" id="minCost"
|
||||
value="0"> <span class="fw-semibold text-muted">to</span> <input
|
||||
class="form-control form-control-sm" type="text" id="maxCost"
|
||||
value="1000">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="flush-headingColors">
|
||||
<button class="accordion-button bg-transparent shadow-none" type="button"
|
||||
data-bs-toggle="collapse" data-bs-target="#flush-collapseColors"
|
||||
aria-expanded="true" aria-controls="flush-collapseColors">
|
||||
<span class="text-muted text-uppercase fs-13 fw-medium">Colors</span> <span
|
||||
class="badge bg-success rounded-pill align-middle ms-1 filter-badge"></span>
|
||||
</button>
|
||||
</h2>
|
||||
|
||||
<div id="flush-collapseColors" class="accordion-collapse collapse show"
|
||||
aria-labelledby="flush-headingColors">
|
||||
<div class="accordion-body text-body pt-0">
|
||||
<ul class="clothe-colors list-unstyled hstack gap-3 mb-0 flex-wrap"
|
||||
id="color-filter">
|
||||
<li>
|
||||
<input type="radio" name="colors" value="success" id="color-1">
|
||||
<label
|
||||
class="avatar-xs btn btn-success p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="color-1"></label>
|
||||
</li>
|
||||
<li>
|
||||
<input type="radio" name="colors" value="info" id="color-2">
|
||||
<label
|
||||
class="avatar-xs btn btn-info p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="color-2"></label>
|
||||
</li>
|
||||
<li>
|
||||
<input type="radio" name="colors" value="warning" id="color-3">
|
||||
<label
|
||||
class="avatar-xs btn btn-warning p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="color-3"></label>
|
||||
</li>
|
||||
<li>
|
||||
<input type="radio" name="colors" value="danger" id="color-4">
|
||||
<label
|
||||
class="avatar-xs btn btn-danger p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="color-4"></label>
|
||||
</li>
|
||||
<li>
|
||||
<input type="radio" name="colors" value="primary" id="color-5">
|
||||
<label
|
||||
class="avatar-xs btn btn-primary p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="color-5"></label>
|
||||
</li>
|
||||
<li>
|
||||
<input type="radio" name="colors" value="secondary" id="color-6">
|
||||
<label
|
||||
class="avatar-xs btn btn-secondary p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="color-6"></label>
|
||||
</li>
|
||||
<li>
|
||||
<input type="radio" name="colors" value="dark" id="color-7">
|
||||
<label
|
||||
class="avatar-xs btn btn-dark p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="color-7"></label>
|
||||
</li>
|
||||
<li>
|
||||
<input type="radio" name="colors" value="light" id="color-8">
|
||||
<label
|
||||
class="avatar-xs btn btn-light p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="color-8"></label>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end accordion-item -->
|
||||
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="flush-headingSize">
|
||||
<button class="accordion-button bg-transparent shadow-none" type="button"
|
||||
data-bs-toggle="collapse" data-bs-target="#flush-collapseSize"
|
||||
aria-expanded="true" aria-controls="flush-collapseSize">
|
||||
<span class="text-muted text-uppercase fs-13 fw-medium">Sizes</span> <span
|
||||
class="badge bg-success rounded-pill align-middle ms-1 filter-badge"></span>
|
||||
</button>
|
||||
</h2>
|
||||
|
||||
<div id="flush-collapseSize" class="accordion-collapse collapse show"
|
||||
aria-labelledby="flush-headingSize">
|
||||
<div class="accordion-body text-body pt-0">
|
||||
<ul class="clothe-size list-unstyled hstack gap-3 mb-0 flex-wrap"
|
||||
id="size-filter">
|
||||
<li>
|
||||
<input type="radio" name="sizes" value="xs" id="sizeXs">
|
||||
<label
|
||||
class="avatar-xs btn btn-soft-primary p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="sizeXs">XS</label>
|
||||
</li>
|
||||
<li>
|
||||
<input type="radio" name="sizes" value="s" id="sizeS">
|
||||
<label
|
||||
class="avatar-xs btn btn-soft-primary p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="sizeS">S</label>
|
||||
</li>
|
||||
<li>
|
||||
<input type="radio" name="sizes" value="m" id="sizeM">
|
||||
<label
|
||||
class="avatar-xs btn btn-soft-primary p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="sizeM">M</label>
|
||||
</li>
|
||||
<li>
|
||||
<input type="radio" name="sizes" value="l" id="sizeL">
|
||||
<label
|
||||
class="avatar-xs btn btn-soft-primary p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="sizeL">L</label>
|
||||
</li>
|
||||
<li>
|
||||
<input type="radio" name="sizes" value="xl" id="sizeXl">
|
||||
<label
|
||||
class="avatar-xs btn btn-soft-primary p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="sizeXl">XL</label>
|
||||
</li>
|
||||
<li>
|
||||
<input type="radio" name="sizes" value="2xl" id="size2xl">
|
||||
<label
|
||||
class="avatar-xs btn btn-soft-primary p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="size2xl">2XL</label>
|
||||
</li>
|
||||
<li>
|
||||
<input type="radio" name="sizes" value="3xl" id="size3xl">
|
||||
<label
|
||||
class="avatar-xs btn btn-soft-primary p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="size3xl">3XL</label>
|
||||
</li>
|
||||
<li>
|
||||
<input type="radio" name="sizes" value="4xl" id="size4xl">
|
||||
<label
|
||||
class="avatar-xs btn btn-soft-primary p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="size4xl">4XL</label>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end accordion-item -->
|
||||
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="flush-headingBrands">
|
||||
<button class="accordion-button bg-transparent shadow-none" type="button"
|
||||
data-bs-toggle="collapse" data-bs-target="#flush-collapseBrands"
|
||||
aria-expanded="true" aria-controls="flush-collapseBrands">
|
||||
<span class="text-muted text-uppercase fs-13 fw-medium">Brands</span> <span
|
||||
class="badge bg-success rounded-pill align-middle ms-1 filter-badge"></span>
|
||||
</button>
|
||||
</h2>
|
||||
|
||||
<div id="flush-collapseBrands" class="accordion-collapse collapse show"
|
||||
aria-labelledby="flush-headingBrands">
|
||||
<div class="accordion-body text-body pt-0">
|
||||
<div class="search-box search-box-sm">
|
||||
<input type="text" class="form-control bg-light border-0"
|
||||
id="searchBrandsList" placeholder="Search Brands...">
|
||||
<i class="ri-search-line search-icon"></i>
|
||||
</div>
|
||||
<div class="d-flex flex-column gap-2 mt-3 filter-check">
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="Boat"
|
||||
id="productBrandRadio5">
|
||||
<label class="form-check-label" for="productBrandRadio5">Boat</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="OnePlus"
|
||||
id="productBrandRadio4">
|
||||
<label class="form-check-label" for="productBrandRadio4">OnePlus</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="Realme"
|
||||
id="productBrandRadio3">
|
||||
<label class="form-check-label" for="productBrandRadio3">Realme</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="Sony"
|
||||
id="productBrandRadio2">
|
||||
<label class="form-check-label" for="productBrandRadio2">Sony</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="JBL"
|
||||
id="productBrandRadio1">
|
||||
<label class="form-check-label" for="productBrandRadio1">JBL</label>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<button type="button"
|
||||
class="btn btn-link text-decoration-none text-uppercase fw-medium p-0">1,235
|
||||
More</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end accordion-item -->
|
||||
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="flush-headingDiscount">
|
||||
<button class="accordion-button bg-transparent shadow-none collapsed" type="button"
|
||||
data-bs-toggle="collapse" data-bs-target="#flush-collapseDiscount"
|
||||
aria-expanded="true" aria-controls="flush-collapseDiscount">
|
||||
<span class="text-muted text-uppercase fs-13 fw-medium">Discount</span> <span
|
||||
class="badge bg-success rounded-pill align-middle ms-1 filter-badge"></span>
|
||||
</button>
|
||||
</h2>
|
||||
<div id="flush-collapseDiscount" class="accordion-collapse collapse"
|
||||
aria-labelledby="flush-headingDiscount">
|
||||
<div class="accordion-body text-body pt-1">
|
||||
<div class="d-flex flex-column gap-2 filter-check" id="discount-filter">
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="50"
|
||||
id="productdiscountRadio6">
|
||||
<label class="form-check-label" for="productdiscountRadio6">50% or
|
||||
more</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="40"
|
||||
id="productdiscountRadio5">
|
||||
<label class="form-check-label" for="productdiscountRadio5">40% or
|
||||
more</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="30"
|
||||
id="productdiscountRadio4">
|
||||
<label class="form-check-label" for="productdiscountRadio4">
|
||||
30% or more
|
||||
</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="20"
|
||||
id="productdiscountRadio3">
|
||||
<label class="form-check-label" for="productdiscountRadio3">
|
||||
20% or more
|
||||
</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="10"
|
||||
id="productdiscountRadio2">
|
||||
<label class="form-check-label" for="productdiscountRadio2">
|
||||
10% or more
|
||||
</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="0"
|
||||
id="productdiscountRadio1">
|
||||
<label class="form-check-label" for="productdiscountRadio1">
|
||||
Less than 10%
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end accordion-item -->
|
||||
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="flush-headingRating">
|
||||
<button class="accordion-button bg-transparent shadow-none collapsed" type="button"
|
||||
data-bs-toggle="collapse" data-bs-target="#flush-collapseRating"
|
||||
aria-expanded="false" aria-controls="flush-collapseRating">
|
||||
<span class="text-muted text-uppercase fs-13 fw-medium">Rating</span> <span
|
||||
class="badge bg-success rounded-pill align-middle ms-1 filter-badge"></span>
|
||||
</button>
|
||||
</h2>
|
||||
|
||||
<div id="flush-collapseRating" class="accordion-collapse collapse"
|
||||
aria-labelledby="flush-headingRating">
|
||||
<div class="accordion-body text-body">
|
||||
<div class="d-flex flex-column gap-2 filter-check" id="rating-filter">
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="4"
|
||||
id="productratingRadio4">
|
||||
<label class="form-check-label" for="productratingRadio4">
|
||||
<span class="text-muted">
|
||||
<i class="mdi mdi-star text-warning"></i>
|
||||
<i class="mdi mdi-star text-warning"></i>
|
||||
<i class="mdi mdi-star text-warning"></i>
|
||||
<i class="mdi mdi-star text-warning"></i>
|
||||
<i class="mdi mdi-star"></i>
|
||||
</span> 4 & Above
|
||||
</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="3"
|
||||
id="productratingRadio3">
|
||||
<label class="form-check-label" for="productratingRadio3">
|
||||
<span class="text-muted">
|
||||
<i class="mdi mdi-star text-warning"></i>
|
||||
<i class="mdi mdi-star text-warning"></i>
|
||||
<i class="mdi mdi-star text-warning"></i>
|
||||
<i class="mdi mdi-star"></i>
|
||||
<i class="mdi mdi-star"></i>
|
||||
</span> 3 & Above
|
||||
</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="2"
|
||||
id="productratingRadio2">
|
||||
<label class="form-check-label" for="productratingRadio2">
|
||||
<span class="text-muted">
|
||||
<i class="mdi mdi-star text-warning"></i>
|
||||
<i class="mdi mdi-star text-warning"></i>
|
||||
<i class="mdi mdi-star"></i>
|
||||
<i class="mdi mdi-star"></i>
|
||||
<i class="mdi mdi-star"></i>
|
||||
</span> 2 & Above
|
||||
</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="1"
|
||||
id="productratingRadio1">
|
||||
<label class="form-check-label" for="productratingRadio1">
|
||||
<span class="text-muted">
|
||||
<i class="mdi mdi-star text-warning"></i>
|
||||
<i class="mdi mdi-star"></i>
|
||||
<i class="mdi mdi-star"></i>
|
||||
<i class="mdi mdi-star"></i>
|
||||
<i class="mdi mdi-star"></i>
|
||||
</span> 1
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end accordion-item -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- end card -->
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<div class="d-flex align-items-center gap-2 mb-4">
|
||||
<p class="text-muted flex-grow-1 mb-0">Showing 1-12 of 84 results</p>
|
||||
|
||||
<div class="flex-shrink-0">
|
||||
<div class="d-flex gap-2">
|
||||
<div class="flex-shrink-0">
|
||||
<label for="sort-elem" class="col-form-label">Sort By:</label>
|
||||
</div>
|
||||
<div class="flex-shrink-0">
|
||||
<select class="form-select w-md" id="sort-elem">
|
||||
<option value="">All</option>
|
||||
<option value="low_to_high">Low to High</option>
|
||||
<option value="high_to_low">High to Low</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" id="product-grid"></div>
|
||||
<div class="row" id="pagination-element">
|
||||
<div class="col-lg-12">
|
||||
<div
|
||||
class="pagination-block pagination pagination-separated justify-content-center justify-content-sm-end mb-sm-0">
|
||||
<div class="page-item">
|
||||
<a href="javascript:void(0);" class="page-link" id="page-prev">Previous</a>
|
||||
</div>
|
||||
<span id="page-num" class="pagination"></span>
|
||||
<div class="page-item">
|
||||
<a href="javascript:void(0);" class="page-link" id="page-next">Next</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row d-none" id="search-result-elem">
|
||||
<div class="col-lg-12">
|
||||
<div class="text-center py-5">
|
||||
<div class="avatar-lg mx-auto mb-4">
|
||||
<div class="avatar-title bg-primary-subtle text-primary rounded-circle fs-24">
|
||||
<i class="bi bi-search"></i>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h5>No matching records found</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end container-->
|
||||
</div>
|
||||
|
||||
<section class="section bg-light bg-opacity-25"
|
||||
style="background-image: url{{ URL::asset('/images/ecommerce/bg-effect.png') }}');background-position: center; background-size: cover;">
|
||||
<div class="container">
|
||||
<div class="row align-items-center justify-content-between">
|
||||
<div class="col-lg-6">
|
||||
<div>
|
||||
<p class="fs-15 text-uppercase fw-medium"><span class="fw-semibold text-danger">25% Up to</span>
|
||||
off all Products</p>
|
||||
<h1 class="lh-base text-capitalize mb-3">Stay home & get your daily needs from our shop</h1>
|
||||
<p class="fs-15 mb-4 pb-2">Start You'r Daily Shopping with <a href="#!"
|
||||
class="link-info fw-medium">Toner</a></p>
|
||||
<form action="#!">
|
||||
<div class="position-relative ecommerce-subscript">
|
||||
<input type="email" class="form-control rounded-pill" placeholder="Enter your email">
|
||||
<button type="submit" class="btn btn-primary btn-hover rounded-pill">Subscript
|
||||
Now</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-4">
|
||||
<div class="mt-4 mt-lg-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/subscribe.png') }}" alt="" class="img-fluid">
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end container-->
|
||||
</section>
|
||||
|
||||
<section class="position-relative py-5">
|
||||
<div class="container">
|
||||
<div class="row gy-4 gy-lg-0">
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/fast-delivery.png') }}" alt="" class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-15">Fast & Secure Delivery</h5>
|
||||
<p class="text-muted mb-0">Tell about your service.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/returns.png') }}" alt="" class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-15">2 Days Return Policy</h5>
|
||||
<p class="text-muted mb-0">No question ask.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/guarantee-certificate.png') }}" alt=""
|
||||
class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-15">Money Back Guarantee</h5>
|
||||
<p class="text-muted mb-0">Within 5 business days</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/24-hours-support.png') }}" alt="" class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-15">24 X 7 Service</h5>
|
||||
<p class="text-muted mb-0">Online service for customer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end container-->
|
||||
</section>
|
||||
@endsection
|
||||
@section('scripts')
|
||||
<!-- nouisliderribute js -->
|
||||
<script src="{{ URL::asset('build/libs/nouislider/nouislider.min.js') }}"></script>
|
||||
<script src="{{ URL::asset('build/libs/wnumb/wNumb.min.js') }}"></script>
|
||||
|
||||
<!-- Product-grid init js -->
|
||||
<script src="{{ URL::asset('build/js/frontend/product-grid.init.js') }}"></script>
|
||||
|
||||
<!-- landing-index js -->
|
||||
<script src="{{ URL::asset('build/js/frontend/menu.init.js') }}"></script>
|
||||
@endsection
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,786 @@
|
||||
@extends('layouts.master')
|
||||
@section('title')
|
||||
Product Sidebar with Banner
|
||||
@endsection
|
||||
@section('css')
|
||||
<!-- extra css -->
|
||||
|
||||
<!-- nouisliderribute css -->
|
||||
<link rel="stylesheet" href="{{ URL::asset('build/libs/nouislider/nouislider.min.css') }}">
|
||||
@endsection
|
||||
@section('content')
|
||||
<section class="section pb-0 mt-4">
|
||||
<div class="container-fluid">
|
||||
<div class="position-relative rounded-3"
|
||||
style="background-image: url('build/images/ecommerce/banner.jpg');background-size: cover;background-position: center;">
|
||||
<div class="row justify-content-end">
|
||||
<div class="col-xxl-4">
|
||||
<div class="text-end py-4 px-5 mx-xxl-5">
|
||||
<h1 class="text-white display-5 lh-base text-capitalize ff-secondary mb-3 fst-italic">Original
|
||||
sound listem to nature</h1>
|
||||
<div>
|
||||
<a href="#!" class="link-effect link-light text-white">Show Collections <i
|
||||
class="ri-arrow-right-line align-bottom ms-1"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
</div>
|
||||
<!--end container-->
|
||||
</section>
|
||||
|
||||
<div class="position-relative section">
|
||||
<div class="container-fluid">
|
||||
<div class="ecommerce-product gap-4">
|
||||
<div class="sidebar flex-shrink-0">
|
||||
<div class="card overflow-hidden">
|
||||
<div class="card-header">
|
||||
<div class="d-flex mb-3">
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-16">Filters</h5>
|
||||
</div>
|
||||
<div class="flex-shrink-0">
|
||||
<a href="#" class="text-decoration-underline" id="clearall">Clear All</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="search-box">
|
||||
<input type="text" class="form-control" id="searchProductList" autocomplete="off"
|
||||
placeholder="Search Products...">
|
||||
<i class="ri-search-line search-icon"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="accordion accordion-flush filter-accordion">
|
||||
<div class="card-body border-bottom">
|
||||
<div>
|
||||
<p class="text-muted text-uppercase fs-12 fw-medium mb-3">Products</p>
|
||||
<ul class="list-unstyled mb-0 filter-list">
|
||||
<li>
|
||||
<a href="#" class="d-flex py-1 align-items-center">
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-13 mb-0 listname">Grocery</h5>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="d-flex py-1 align-items-center">
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-13 mb-0 listname">Fashion</h5>
|
||||
</div>
|
||||
<div class="flex-shrink-0 ms-2">
|
||||
<span class="badge bg-light text-muted">5</span>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="d-flex py-1 align-items-center">
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-13 mb-0 listname">Watches</h5>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="d-flex py-1 align-items-center">
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-13 mb-0 listname">Electronics</h5>
|
||||
</div>
|
||||
<div class="flex-shrink-0 ms-2">
|
||||
<span class="badge bg-light text-muted">5</span>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="d-flex py-1 align-items-center">
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-13 mb-0 listname">Furniture</h5>
|
||||
</div>
|
||||
<div class="flex-shrink-0 ms-2">
|
||||
<span class="badge bg-light text-muted">6</span>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="d-flex py-1 align-items-center">
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-13 mb-0 listname">Automotive Accessories</h5>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="d-flex py-1 align-items-center">
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-13 mb-0 listname">Appliances</h5>
|
||||
</div>
|
||||
<div class="flex-shrink-0 ms-2">
|
||||
<span class="badge bg-light text-muted">7</span>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="#" class="d-flex py-1 align-items-center">
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-13 mb-0 listname">Kids</h5>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card-body border-bottom">
|
||||
<p class="text-muted text-uppercase fs-12 fw-medium mb-4">Price</p>
|
||||
|
||||
<div id="product-price-range" data-slider-color="info"></div>
|
||||
<div class="formCost d-flex gap-2 align-items-center mt-3">
|
||||
<input class="form-control form-control-sm" type="text" id="minCost"
|
||||
value="0" /> <span class="fw-semibold text-muted">to</span> <input
|
||||
class="form-control form-control-sm" type="text" id="maxCost" value="1000" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="flush-headingColors">
|
||||
<button class="accordion-button bg-transparent shadow-none" type="button"
|
||||
data-bs-toggle="collapse" data-bs-target="#flush-collapseColors"
|
||||
aria-expanded="true" aria-controls="flush-collapseColors">
|
||||
<span class="text-muted text-uppercase fs-12 fw-medium">Colors</span> <span
|
||||
class="badge bg-success rounded-pill align-middle ms-1 filter-badge"></span>
|
||||
</button>
|
||||
</h2>
|
||||
|
||||
<div id="flush-collapseColors" class="accordion-collapse collapse show"
|
||||
aria-labelledby="flush-headingColors">
|
||||
<div class="accordion-body text-body pt-0">
|
||||
<ul class="clothe-colors list-unstyled hstack gap-3 mb-0 flex-wrap"
|
||||
id="color-filter">
|
||||
<li>
|
||||
<input type="radio" name="colors" value="success" id="color-1">
|
||||
<label
|
||||
class="avatar-xs btn btn-success p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="color-1"></label>
|
||||
</li>
|
||||
<li>
|
||||
<input type="radio" name="colors" value="info" id="color-2">
|
||||
<label
|
||||
class="avatar-xs btn btn-info p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="color-2"></label>
|
||||
</li>
|
||||
<li>
|
||||
<input type="radio" name="colors" value="warning" id="color-3">
|
||||
<label
|
||||
class="avatar-xs btn btn-warning p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="color-3"></label>
|
||||
</li>
|
||||
<li>
|
||||
<input type="radio" name="colors" value="danger" id="color-4">
|
||||
<label
|
||||
class="avatar-xs btn btn-danger p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="color-4"></label>
|
||||
</li>
|
||||
<li>
|
||||
<input type="radio" name="colors" value="primary" id="color-5">
|
||||
<label
|
||||
class="avatar-xs btn btn-primary p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="color-5"></label>
|
||||
</li>
|
||||
<li>
|
||||
<input type="radio" name="colors" value="secondary" id="color-6">
|
||||
<label
|
||||
class="avatar-xs btn btn-secondary p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="color-6"></label>
|
||||
</li>
|
||||
<li>
|
||||
<input type="radio" name="colors" value="dark" id="color-7">
|
||||
<label
|
||||
class="avatar-xs btn btn-dark p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="color-7"></label>
|
||||
</li>
|
||||
<li>
|
||||
<input type="radio" name="colors" value="light" id="color-8">
|
||||
<label
|
||||
class="avatar-xs btn btn-light p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="color-8"></label>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end accordion-item -->
|
||||
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="flush-headingSize">
|
||||
<button class="accordion-button bg-transparent shadow-none" type="button"
|
||||
data-bs-toggle="collapse" data-bs-target="#flush-collapseSize"
|
||||
aria-expanded="true" aria-controls="flush-collapseSize">
|
||||
<span class="text-muted text-uppercase fs-12 fw-medium">Sizes</span> <span
|
||||
class="badge bg-success rounded-pill align-middle ms-1 filter-badge"></span>
|
||||
</button>
|
||||
</h2>
|
||||
|
||||
<div id="flush-collapseSize" class="accordion-collapse collapse show"
|
||||
aria-labelledby="flush-headingSize">
|
||||
<div class="accordion-body text-body pt-0">
|
||||
<ul class="clothe-size list-unstyled hstack gap-3 mb-0 flex-wrap"
|
||||
id="size-filter">
|
||||
<li>
|
||||
<input type="radio" name="sizes" value="xs" id="sizeXs">
|
||||
<label
|
||||
class="avatar-xs btn btn-soft-primary p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="sizeXs">XS</label>
|
||||
</li>
|
||||
<li>
|
||||
<input type="radio" name="sizes" value="s" id="sizeS">
|
||||
<label
|
||||
class="avatar-xs btn btn-soft-primary p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="sizeS">S</label>
|
||||
</li>
|
||||
<li>
|
||||
<input type="radio" name="sizes" value="m" id="sizeM">
|
||||
<label
|
||||
class="avatar-xs btn btn-soft-primary p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="sizeM">M</label>
|
||||
</li>
|
||||
<li>
|
||||
<input type="radio" name="sizes" value="l" id="sizeL">
|
||||
<label
|
||||
class="avatar-xs btn btn-soft-primary p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="sizeL">L</label>
|
||||
</li>
|
||||
<li>
|
||||
<input type="radio" name="sizes" value="xl" id="sizeXl">
|
||||
<label
|
||||
class="avatar-xs btn btn-soft-primary p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="sizeXl">XL</label>
|
||||
</li>
|
||||
<li>
|
||||
<input type="radio" name="sizes" value="2xl" id="size2xl">
|
||||
<label
|
||||
class="avatar-xs btn btn-soft-primary p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="size2xl">2XL</label>
|
||||
</li>
|
||||
<li>
|
||||
<input type="radio" name="sizes" value="3xl" id="size3xl">
|
||||
<label
|
||||
class="avatar-xs btn btn-soft-primary p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="size3xl">3XL</label>
|
||||
</li>
|
||||
<li>
|
||||
<input type="radio" name="sizes" value="4xl" id="size4xl">
|
||||
<label
|
||||
class="avatar-xs btn btn-soft-primary p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="size4xl">4XL</label>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end accordion-item -->
|
||||
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="flush-headingBrands">
|
||||
<button class="accordion-button bg-transparent shadow-none" type="button"
|
||||
data-bs-toggle="collapse" data-bs-target="#flush-collapseBrands"
|
||||
aria-expanded="true" aria-controls="flush-collapseBrands">
|
||||
<span class="text-muted text-uppercase fs-12 fw-medium">Brands</span> <span
|
||||
class="badge bg-success rounded-pill align-middle ms-1 filter-badge"></span>
|
||||
</button>
|
||||
</h2>
|
||||
|
||||
<div id="flush-collapseBrands" class="accordion-collapse collapse show"
|
||||
aria-labelledby="flush-headingBrands">
|
||||
<div class="accordion-body text-body pt-0">
|
||||
<div class="search-box search-box-sm">
|
||||
<input type="text" class="form-control bg-light border-0"
|
||||
id="searchBrandsList" placeholder="Search Brands...">
|
||||
<i class="ri-search-line search-icon"></i>
|
||||
</div>
|
||||
<div class="d-flex flex-column gap-2 mt-3 filter-check">
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="Boat"
|
||||
id="productBrandRadio5">
|
||||
<label class="form-check-label" for="productBrandRadio5">Boat</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="OnePlus"
|
||||
id="productBrandRadio4">
|
||||
<label class="form-check-label" for="productBrandRadio4">OnePlus</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="Realme"
|
||||
id="productBrandRadio3">
|
||||
<label class="form-check-label" for="productBrandRadio3">Realme</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="Sony"
|
||||
id="productBrandRadio2">
|
||||
<label class="form-check-label" for="productBrandRadio2">Sony</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="JBL"
|
||||
id="productBrandRadio1">
|
||||
<label class="form-check-label" for="productBrandRadio1">JBL</label>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<button type="button"
|
||||
class="btn btn-link text-decoration-none text-uppercase fw-medium p-0">1,235
|
||||
More</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end accordion-item -->
|
||||
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="flush-headingDiscount">
|
||||
<button class="accordion-button bg-transparent shadow-none collapsed" type="button"
|
||||
data-bs-toggle="collapse" data-bs-target="#flush-collapseDiscount"
|
||||
aria-expanded="true" aria-controls="flush-collapseDiscount">
|
||||
<span class="text-muted text-uppercase fs-12 fw-medium">Discount</span> <span
|
||||
class="badge bg-success rounded-pill align-middle ms-1 filter-badge"></span>
|
||||
</button>
|
||||
</h2>
|
||||
<div id="flush-collapseDiscount" class="accordion-collapse collapse"
|
||||
aria-labelledby="flush-headingDiscount">
|
||||
<div class="accordion-body text-body pt-1">
|
||||
<div class="d-flex flex-column gap-2 filter-check" id="discount-filter">
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="50"
|
||||
id="productdiscountRadio6">
|
||||
<label class="form-check-label" for="productdiscountRadio6">50% or
|
||||
more</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="40"
|
||||
id="productdiscountRadio5">
|
||||
<label class="form-check-label" for="productdiscountRadio5">40% or
|
||||
more</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="30"
|
||||
id="productdiscountRadio4">
|
||||
<label class="form-check-label" for="productdiscountRadio4">
|
||||
30% or more
|
||||
</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="20"
|
||||
id="productdiscountRadio3">
|
||||
<label class="form-check-label" for="productdiscountRadio3">
|
||||
20% or more
|
||||
</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="10"
|
||||
id="productdiscountRadio2">
|
||||
<label class="form-check-label" for="productdiscountRadio2">
|
||||
10% or more
|
||||
</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="0"
|
||||
id="productdiscountRadio1">
|
||||
<label class="form-check-label" for="productdiscountRadio1">
|
||||
Less than 10%
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end accordion-item -->
|
||||
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="flush-headingRating">
|
||||
<button class="accordion-button bg-transparent shadow-none collapsed" type="button"
|
||||
data-bs-toggle="collapse" data-bs-target="#flush-collapseRating"
|
||||
aria-expanded="false" aria-controls="flush-collapseRating">
|
||||
<span class="text-muted text-uppercase fs-12 fw-medium">Rating</span> <span
|
||||
class="badge bg-success rounded-pill align-middle ms-1 filter-badge"></span>
|
||||
</button>
|
||||
</h2>
|
||||
|
||||
<div id="flush-collapseRating" class="accordion-collapse collapse"
|
||||
aria-labelledby="flush-headingRating">
|
||||
<div class="accordion-body text-body">
|
||||
<div class="d-flex flex-column gap-2 filter-check" id="rating-filter">
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="4"
|
||||
id="productratingRadio4">
|
||||
<label class="form-check-label" for="productratingRadio4">
|
||||
<span class="text-muted">
|
||||
<i class="mdi mdi-star text-warning"></i>
|
||||
<i class="mdi mdi-star text-warning"></i>
|
||||
<i class="mdi mdi-star text-warning"></i>
|
||||
<i class="mdi mdi-star text-warning"></i>
|
||||
<i class="mdi mdi-star"></i>
|
||||
</span> 4 & Above
|
||||
</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="3"
|
||||
id="productratingRadio3">
|
||||
<label class="form-check-label" for="productratingRadio3">
|
||||
<span class="text-muted">
|
||||
<i class="mdi mdi-star text-warning"></i>
|
||||
<i class="mdi mdi-star text-warning"></i>
|
||||
<i class="mdi mdi-star text-warning"></i>
|
||||
<i class="mdi mdi-star"></i>
|
||||
<i class="mdi mdi-star"></i>
|
||||
</span> 3 & Above
|
||||
</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="2"
|
||||
id="productratingRadio2">
|
||||
<label class="form-check-label" for="productratingRadio2">
|
||||
<span class="text-muted">
|
||||
<i class="mdi mdi-star text-warning"></i>
|
||||
<i class="mdi mdi-star text-warning"></i>
|
||||
<i class="mdi mdi-star"></i>
|
||||
<i class="mdi mdi-star"></i>
|
||||
<i class="mdi mdi-star"></i>
|
||||
</span> 2 & Above
|
||||
</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="1"
|
||||
id="productratingRadio1">
|
||||
<label class="form-check-label" for="productratingRadio1">
|
||||
<span class="text-muted">
|
||||
<i class="mdi mdi-star text-warning"></i>
|
||||
<i class="mdi mdi-star"></i>
|
||||
<i class="mdi mdi-star"></i>
|
||||
<i class="mdi mdi-star"></i>
|
||||
<i class="mdi mdi-star"></i>
|
||||
</span> 1
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end accordion-item -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- end card -->
|
||||
</div>
|
||||
<div class="flex-grow-1" id="col-3-layout">
|
||||
<div class="d-flex align-items-center gap-2 mb-4">
|
||||
<p class="text-muted flex-grow-1 mb-0">Showing 1-12 of 84 results</p>
|
||||
|
||||
<div class="flex-shrink-0">
|
||||
<div class="d-flex gap-2">
|
||||
<div class="flex-shrink-0">
|
||||
<label for="sort-elem" class="col-form-label">Sort By:</label>
|
||||
</div>
|
||||
<div class="flex-shrink-0">
|
||||
<select class="form-select w-md" id="sort-elem">
|
||||
<option value="">All</option>
|
||||
<option value="low_to_high">Low to High</option>
|
||||
<option value="high_to_low">High to Low</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" id="product-grid"></div>
|
||||
<div class="row" id="pagination-element">
|
||||
<div class="col-lg-12">
|
||||
<div
|
||||
class="pagination-block pagination pagination-separated justify-content-center justify-content-sm-end mb-sm-0">
|
||||
<div class="page-item">
|
||||
<a href="javascript:void(0);" class="page-link" id="page-prev">Previous</a>
|
||||
</div>
|
||||
<span id="page-num" class="pagination"></span>
|
||||
<div class="page-item">
|
||||
<a href="javascript:void(0);" class="page-link" id="page-next">Next</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row d-none" id="search-result-elem">
|
||||
<div class="col-lg-12">
|
||||
<div class="text-center py-5">
|
||||
<div class="avatar-lg mx-auto mb-4">
|
||||
<div class="avatar-title bg-primary-subtle text-primary rounded-circle fs-24">
|
||||
<i class="bi bi-search"></i>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h4>No matching records found</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="offer-bar flex-shrink-0">
|
||||
<div class="d-flex gap-3 flex-column">
|
||||
<div class="card fs-13 border border-primary border-opacity-25">
|
||||
<div class="card-header text-center bg-primary-subtle border-0">
|
||||
<h6 class="card-title text-uppercase fs-13 mb-0 text-primary">Deals of the week</h6>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="px-5">
|
||||
<img src="{{ URL::asset('build/images/products/img-16.png') }}" alt=""
|
||||
class="img-fluid d-block mx-auto">
|
||||
</div>
|
||||
<div class="mt-4 text-center">
|
||||
<h4 class="text-body mb-3">$63.00 <span
|
||||
class="text-muted fs-12"><del>$123.99</del></span></h4>
|
||||
<a href="#!" class="stretched-link">
|
||||
<h5 class="mb-4">Ninja Pro Max Smartwatch</h5>
|
||||
</a>
|
||||
</div>
|
||||
<div class="progress animated-progress custom-progress">
|
||||
<div class="progress-bar bg-primary" role="progressbar" style="width: 60%"
|
||||
aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"></div>
|
||||
</div>
|
||||
<div class="d-flex align-items-center justify-content-between mt-2">
|
||||
<div class="flex-grow-1 fw-medium fs-12">
|
||||
<span class="text-muted">Sold</span>: 451 Items
|
||||
</div>
|
||||
<div class="fw-medium fs-12">
|
||||
<span class="text-muted">Available</span>: 90 Items
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="offer-banner rounded-3"
|
||||
style="background-image: url('build/images/ecommerce/offer-banner.jpg');background-size: cover;background-position: center;">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end conatiner-fluid-->
|
||||
</div>
|
||||
|
||||
<section class="section pt-0">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="d-flex align-items-center justify-content-between mb-4 pb-1">
|
||||
<h3 class="flex-grow-1 mb-0">Deals Of The Day</h3>
|
||||
<div class="flex-shrink-0">
|
||||
<a href="#!" class="link-effect link-success">All Deals <i
|
||||
class="ri-arrow-right-line ms-1 align-bottom"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
<div class="row">
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<div class="ecommerce-deals-widgets">
|
||||
<div class="card overflow-hidden mb-0">
|
||||
<div class="gallery-product">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/img-5.jpg') }}" alt=""
|
||||
class="mx-auto d-block object-fit-cover">
|
||||
</div>
|
||||
</div>
|
||||
<div class="content mx-4">
|
||||
<div class="countdown-deals mb-3">
|
||||
<div data-countdown="Oct 30, 2023" class="countdownlist"></div>
|
||||
</div>
|
||||
<div class="card border-0 p-4 position-relative rounded-3 shadow-lg">
|
||||
<a href="#!">
|
||||
<h6 class="text-capitalize fs-16 lh-base text-truncate">World's most expensive t-shirt
|
||||
</h6>
|
||||
</a>
|
||||
<p class="text-muted"><i class="ri-star-fill text-warning align-bottom"></i> <i
|
||||
class="ri-star-fill text-warning align-bottom"></i> <i
|
||||
class="ri-star-fill text-warning align-bottom"></i> <i
|
||||
class="ri-star-fill text-warning align-bottom"></i> <i
|
||||
class="ri-star-half-fill text-warning align-bottom"></i> (4.9)</p>
|
||||
<div class="mt-3 d-flex align-items-center">
|
||||
<h5 class="text-secondary flex-grow-1 mb-0">$124.99 <span
|
||||
class="text-muted fs-12"><del>$354.99</del></span></h5>
|
||||
<a href="#!" class="btn btn-primary btn-sm"><i
|
||||
class="ri-shopping-bag-line align-bottom me-1"></i> Add</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<div class="ecommerce-deals-widgets">
|
||||
<div class="card overflow-hidden mb-0">
|
||||
<div class="gallery-product">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/img-3.jpg') }}" alt=""
|
||||
class="mx-auto d-block object-fit-cover">
|
||||
</div>
|
||||
</div>
|
||||
<div class="content mx-4">
|
||||
<div class="countdown-deals mb-3">
|
||||
<div data-countdown="Oct 23, 2023" class="countdownlist"></div>
|
||||
</div>
|
||||
<div class="card border-0 p-4 position-relative rounded-3 shadow-lg">
|
||||
<a href="#!">
|
||||
<h6 class="text-capitalize fs-16 lh-base text-truncate">Best Footwear Collections</h6>
|
||||
</a>
|
||||
<p class="text-muted"><i class="ri-star-fill text-warning align-bottom"></i> <i
|
||||
class="ri-star-fill text-warning align-bottom"></i> <i
|
||||
class="ri-star-fill text-warning align-bottom"></i> <i
|
||||
class="ri-star-fill text-warning align-bottom"></i> <i
|
||||
class="ri-star-half-fill text-warning align-bottom"></i> (4.3)</p>
|
||||
<div class="mt-3 d-flex align-items-center">
|
||||
<h5 class="text-secondary flex-grow-1 mb-0">$80.00 <span
|
||||
class="text-muted fs-12"><del>$180.00</del></span></h5>
|
||||
<a href="#!" class="btn btn-primary btn-sm"><i
|
||||
class="ri-shopping-bag-line align-bottom me-1"></i> Add</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<div class="ecommerce-deals-widgets">
|
||||
<div class="card overflow-hidden mb-0">
|
||||
<div class="gallery-product">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/img-1.jpg') }}" alt=""
|
||||
class="mx-auto d-block object-fit-cover">
|
||||
</div>
|
||||
</div>
|
||||
<div class="content mx-4">
|
||||
<div class="countdown-deals mb-3">
|
||||
<div data-countdown="Oct 20, 2023" class="countdownlist"></div>
|
||||
</div>
|
||||
<div class="card border-0 p-4 position-relative rounded-3 shadow-lg">
|
||||
<a href="#!">
|
||||
<h6 class="text-capitalize fs-16 lh-base text-truncate">Elegant Designer Western Dress
|
||||
</h6>
|
||||
</a>
|
||||
<p class="text-muted"><i class="ri-star-fill text-warning align-bottom"></i> <i
|
||||
class="ri-star-fill text-warning align-bottom"></i> <i
|
||||
class="ri-star-fill text-warning align-bottom"></i> <i
|
||||
class="ri-star-fill text-warning align-bottom"></i> <i
|
||||
class="ri-star-half-fill text-warning align-bottom"></i> (5.0)</p>
|
||||
<div class="mt-3 d-flex align-items-center">
|
||||
<h5 class="text-secondary flex-grow-1 mb-0">$30.10 <span
|
||||
class="text-muted fs-12"><del>$121.99</del></span></h5>
|
||||
<a href="#!" class="btn btn-primary btn-sm"><i
|
||||
class="ri-shopping-bag-line align-bottom me-1"></i> Add</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end container-->
|
||||
</section>
|
||||
|
||||
<section class="section bg-light bg-opacity-25"
|
||||
style="background-image: url('build/images/ecommerce/bg-effect.png');background-position: center; background-size: cover;">
|
||||
<div class="container">
|
||||
<div class="row align-items-center justify-content-between">
|
||||
<div class="col-lg-6">
|
||||
<div>
|
||||
<p class="fs-15 text-uppercase fw-medium"><span class="fw-semibold text-danger">25% Up to</span>
|
||||
off all Products</p>
|
||||
<h1 class="lh-base text-capitalize mb-3">Stay home & get your daily needs from our shop</h1>
|
||||
<p class="fs-15 mb-4 pb-2">Start You'r Daily Shopping with <a href="#!"
|
||||
class="link-info fw-medium">Toner</a></p>
|
||||
<form action="#!">
|
||||
<div class="position-relative ecommerce-subscript">
|
||||
<input type="email" class="form-control rounded-pill" placeholder="Enter your email">
|
||||
<button type="submit" class="btn btn-primary btn-hover rounded-pill">Subscript
|
||||
Now</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-4">
|
||||
<div class="mt-5 mt-lg-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/subscribe.png') }}" alt="" class="img-fluid">
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end conatiner-->
|
||||
</section>
|
||||
|
||||
<section class="position-relative py-5">
|
||||
<div class="container">
|
||||
<div class="row gy-3 gy-lg-0">
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/fast-delivery.png') }}" alt="" class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-15">Fast & Secure Delivery</h5>
|
||||
<p class="text-muted mb-0">Tell about your service.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/returns.png') }}" alt="" class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-15">2 Days Return Policy</h5>
|
||||
<p class="text-muted mb-0">No question ask.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/guarantee-certificate.png') }}" alt=""
|
||||
class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-15">Money Back Guarantee</h5>
|
||||
<p class="text-muted mb-0">Within 5 business days</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/24-hours-support.png') }}" alt="" class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-15">24 X 7 Service</h5>
|
||||
<p class="text-muted mb-0">Online service for customer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end container-->
|
||||
</section>
|
||||
@endsection
|
||||
@section('scripts')
|
||||
<!-- nouisliderribute js -->
|
||||
<script src="{{ URL::asset('build/libs/nouislider/nouislider.min.js') }}"></script>
|
||||
<script src="{{ URL::asset('build/libs/wnumb/wNumb.min.js') }}"></script>
|
||||
|
||||
<!-- Product-grid init js -->
|
||||
<script src="{{ URL::asset('build/js/frontend/product-grid.init.js') }}"></script>
|
||||
<!-- coming-soon -->
|
||||
<script src="{{ URL::asset('build/js/pages/coming-soon.init.js') }}"></script>
|
||||
|
||||
<!-- landing-index js -->
|
||||
<script src="{{ URL::asset('build/js/frontend/menu.init.js') }}"></script>
|
||||
@endsection
|
||||
@@ -0,0 +1,395 @@
|
||||
@extends('layouts.master')
|
||||
@section('title')
|
||||
Product Grid No Sidebar
|
||||
@endsection
|
||||
@section('css')
|
||||
<!-- extra css -->
|
||||
<!-- nouisliderribute css -->
|
||||
<link rel="stylesheet" href="{{ URL::asset('build/libs/nouislider/nouislider.min.css') }}">
|
||||
@endsection
|
||||
@section('content')
|
||||
<section class="ecommerce-about"
|
||||
style="background-image: url('build/images/profile-bg.jpg'); background-size: cover;background-position: center;">
|
||||
<div class="bg-overlay bg-primary" style="opacity: 0.85;"></div>
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-6">
|
||||
<div class="text-center">
|
||||
<h1 class="text-white mb-0">Product Grid No Sidebar</h1>
|
||||
<nav aria-label="breadcrumb">
|
||||
<ol class="breadcrumb breadcrumb-light justify-content-center mt-4">
|
||||
<li class="breadcrumb-item"><a href="#">Product</a></li>
|
||||
<li class="breadcrumb-item"><a href="#">Grid View</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page">No Sidebar</li>
|
||||
</ol>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end container-->
|
||||
</section>
|
||||
|
||||
<div class="position-relative section">
|
||||
<div class="container">
|
||||
<div id="col-3-layout">
|
||||
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="card">
|
||||
<div class="card-body p-4">
|
||||
<div class="row gy-4">
|
||||
<div class="col-xl-3 col-md-6">
|
||||
<div>
|
||||
<label class="form-label">Category</label>
|
||||
<select class="form-control" name="select-category" id="select-category">
|
||||
<option value="">Select Category</option>
|
||||
<option value="Grocery">Grocery</option>
|
||||
<option value="Fashion">Fashion</option>
|
||||
<option value="Watches">Watches</option>
|
||||
<option value="Electronics">Electronics</option>
|
||||
<option value="Furniture">Furniture</option>
|
||||
<option value="Automotive Accessories">Automotive Accessories</option>
|
||||
<option value="Appliances">Appliances</option>
|
||||
<option value="Kids">Kids</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xl-3 col-md-6">
|
||||
<div>
|
||||
<label class="form-label">Price</label>
|
||||
<div class="pb-3">
|
||||
<div id="slider-hide" data-slider-color="info" class="mb-4"></div>
|
||||
<div class="formCost d-none gap-2 align-items-center">
|
||||
<input class="form-control form-control-sm" type="text"
|
||||
id="minCost" value="0"> <span
|
||||
class="fw-semibold text-muted">to</span> <input
|
||||
class="form-control form-control-sm" type="text" id="maxCost"
|
||||
value="1000">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xl-3 col-md-6">
|
||||
<div>
|
||||
<label class="form-label">Rating</label>
|
||||
<select class="form-control" multiple name="select-rating" id="select-rating">
|
||||
<option value="">Select rating</option>
|
||||
<option value="4">4 & Above</option>
|
||||
<option value="3">3 & Above</option>
|
||||
<option value="2">2 & Above</option>
|
||||
<option value="1">1</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xl-3 col-md-6">
|
||||
<div>
|
||||
<label class="form-label">Discount</label>
|
||||
<select class="form-control" multiple name="select-discount"
|
||||
id="select-discount">
|
||||
<option value="">Select discount</option>
|
||||
<option value="50">50% or more</option>
|
||||
<option value="40">40% or more</option>
|
||||
<option value="30">30% or more</option>
|
||||
<option value="20">20% or more</option>
|
||||
<option value="10">10% or more</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="row align-items-center mb-4">
|
||||
<div class="col-md-auto">
|
||||
<div class="search-box">
|
||||
<input type="text" class="form-control" id="searchProductList" autocomplete="off"
|
||||
placeholder="Search Products...">
|
||||
<i class="ri-search-line search-icon"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md">
|
||||
<div class="d-flex gap-2 justify-content-md-end">
|
||||
<div class="flex-shrink-0">
|
||||
<label for="sort-elem" class="col-form-label">Sort By:</label>
|
||||
</div>
|
||||
<div class="flex-shrink-0">
|
||||
<select class="form-select w-md" id="sort-elem">
|
||||
<option value="">All</option>
|
||||
<option value="low_to_high">Low to High</option>
|
||||
<option value="high_to_low">High to Low</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row" id="product-grid-right"></div>
|
||||
<div class="row" id="pagination-element">
|
||||
<div class="col-lg-12">
|
||||
<div
|
||||
class="pagination-block pagination pagination-separated justify-content-center justify-content-sm-end mb-sm-0">
|
||||
<div class="page-item">
|
||||
<a href="javascript:void(0);" class="page-link" id="page-prev">Previous</a>
|
||||
</div>
|
||||
<span id="page-num" class="pagination"></span>
|
||||
<div class="page-item">
|
||||
<a href="javascript:void(0);" class="page-link" id="page-next">Next</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row d-none" id="search-result-elem">
|
||||
<div class="col-lg-12">
|
||||
<div class="text-center py-5">
|
||||
<div class="avatar-lg mx-auto mb-4">
|
||||
<div class="avatar-title bg-primary-subtle text-primary rounded-circle fs-24">
|
||||
<i class="bi bi-search"></i>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h5>No matching records found</h5>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
</div>
|
||||
<!--end container-->
|
||||
</div>
|
||||
|
||||
<section class="section pt-0">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="d-flex align-items-center justify-content-between mb-4 pb-1">
|
||||
<h2 class="flex-grow-1 mb-0">Deals Of The Day</h2>
|
||||
<div class="flex-shrink-0">
|
||||
<a href="#!" class="link-effect link-success">All Deals <i
|
||||
class="ri-arrow-right-line ms-1 align-bottom"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="row">
|
||||
<div class="col-xxl-4 col-lg-4 col-md-6">
|
||||
<div class="ecommerce-deals-widgets">
|
||||
<div class="card overflow-hidden mb-0 border-0">
|
||||
<div class="gallery-product">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/img-5.jpg') }}" alt=""
|
||||
class="mx-auto d-block object-fit-cover">
|
||||
</div>
|
||||
</div>
|
||||
<div class="content mx-4">
|
||||
<div class="countdown-deals mb-3">
|
||||
<div data-countdown="Oct 30, 2023" class="countdownlist"></div>
|
||||
</div>
|
||||
<div class="card border-0 p-4 position-relative rounded-3 shadow-lg">
|
||||
<a href="#!">
|
||||
<h6 class="text-capitalize fs-16 lh-base text-truncate">World's most expensive t-shirt
|
||||
</h6>
|
||||
</a>
|
||||
<p class="text-muted"><i class="ri-star-fill text-warning align-bottom"></i> <i
|
||||
class="ri-star-fill text-warning align-bottom"></i> <i
|
||||
class="ri-star-fill text-warning align-bottom"></i> <i
|
||||
class="ri-star-fill text-warning align-bottom"></i> <i
|
||||
class="ri-star-half-fill text-warning align-bottom"></i> (4.9)</p>
|
||||
<div class="mt-3 d-flex align-items-center">
|
||||
<h5 class="text-secondary flex-grow-1 mb-0">$124.99 <span
|
||||
class="text-muted fs-12"><del>$354.99</del></span></h5>
|
||||
<a href="#!" class="btn btn-primary btn-sm"><i
|
||||
class="ri-shopping-bag-line align-bottom me-1"></i> Add</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-xxl-4 col-lg-4 col-md-6">
|
||||
<div class="ecommerce-deals-widgets">
|
||||
<div class="card overflow-hidden mb-0 border-0">
|
||||
<div class="gallery-product">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/instagram/img-2.jpg') }}" alt=""
|
||||
class="mx-auto d-block object-fit-cover">
|
||||
</div>
|
||||
</div>
|
||||
<div class="content mx-4">
|
||||
<div class="countdown-deals mb-3">
|
||||
<div data-countdown="Oct 20, 2023" class="countdownlist"></div>
|
||||
</div>
|
||||
<div class="card border-0 p-4 position-relative rounded-3 shadow-lg">
|
||||
<a href="#!">
|
||||
<h6 class="text-capitalize fs-16 lh-base text-truncate">Branded Perfumes For Men</h6>
|
||||
</a>
|
||||
<p class="text-muted"><i class="ri-star-fill text-warning align-bottom"></i> <i
|
||||
class="ri-star-fill text-warning align-bottom"></i> <i
|
||||
class="ri-star-fill text-warning align-bottom"></i> <i
|
||||
class="ri-star-fill text-warning align-bottom"></i> <i
|
||||
class="ri-star-half-fill text-warning align-bottom"></i> (4.8)</p>
|
||||
<div class="mt-3 d-flex align-items-center">
|
||||
<h5 class="text-secondary flex-grow-1 mb-0">$56.00 <span
|
||||
class="text-muted fs-12"><del>$180.00</del></span></h5>
|
||||
<a href="#!" class="btn btn-primary btn-sm"><i
|
||||
class="ri-shopping-bag-line align-bottom me-1"></i> Add</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-xxl-4 col-lg-4 col-md-6">
|
||||
<div class="ecommerce-deals-widgets">
|
||||
<div class="card overflow-hidden mb-0 border-0">
|
||||
<div class="gallery-product">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/img-3.jpg') }}" alt=""
|
||||
class="mx-auto d-block object-fit-cover">
|
||||
</div>
|
||||
</div>
|
||||
<div class="content mx-4">
|
||||
<div class="countdown-deals mb-3">
|
||||
<div data-countdown="Oct 15, 2023" class="countdownlist"></div>
|
||||
</div>
|
||||
<div class="card border-0 p-4 position-relative rounded-3 shadow-lg">
|
||||
<a href="#!">
|
||||
<h6 class="text-capitalize fs-16 lh-base text-truncate">Dressive Women Beige Heels</h6>
|
||||
</a>
|
||||
<p class="text-muted"><i class="ri-star-fill text-warning align-bottom"></i> <i
|
||||
class="ri-star-fill text-warning align-bottom"></i> <i
|
||||
class="ri-star-fill text-warning align-bottom"></i> <i
|
||||
class="ri-star-fill text-warning align-bottom"></i> <i
|
||||
class="ri-star-half-fill text-warning align-bottom"></i> (4.9)</p>
|
||||
<div class="mt-3 d-flex align-items-center">
|
||||
<h5 class="text-secondary flex-grow-1 mb-0">$124.99 <span
|
||||
class="text-muted fs-12"><del>$354.99</del></span></h5>
|
||||
<a href="#!" class="btn btn-primary btn-sm"><i
|
||||
class="ri-shopping-bag-line align-bottom me-1"></i> Add</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end container-->
|
||||
</section>
|
||||
|
||||
<section class="section bg-light bg-opacity-25"
|
||||
style="background-image: url('build/images/ecommerce/bg-effect.png');background-position: center; background-size: cover;">
|
||||
<div class="container">
|
||||
<div class="row align-items-center justify-content-between">
|
||||
<div class="col-lg-6">
|
||||
<div>
|
||||
<p class="fs-15 text-uppercase fw-medium"><span class="fw-semibold text-danger">25% Up to</span>
|
||||
off all Products</p>
|
||||
<h1 class="lh-base text-capitalize mb-3">Stay home & get your daily needs from our shop</h1>
|
||||
<p class="fs-15 mb-4 pb-2">Start You'r Daily Shopping with <a href="#!"
|
||||
class="link-info fw-medium">Toner</a></p>
|
||||
<form action="#!">
|
||||
<div class="position-relative ecommerce-subscript">
|
||||
<input type="email" class="form-control rounded-pill" placeholder="Enter your email">
|
||||
<button type="submit" class="btn btn-primary btn-hover rounded-pill">Subscript
|
||||
Now</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-4">
|
||||
<div class="mt-4 mt-lg-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/subscribe.png') }}" alt="" class="img-fluid">
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end container-->
|
||||
</section>
|
||||
|
||||
<section class="position-relative py-5">
|
||||
<div class="container">
|
||||
<div class="row gy-3 gy-lg-0">
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/fast-delivery.png') }}" alt="" class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-15">Fast & Secure Delivery</h5>
|
||||
<p class="text-muted mb-0">Tell about your service.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/returns.png') }}" alt="" class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-15">2 Days Return Policy</h5>
|
||||
<p class="text-muted mb-0">No question ask.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/guarantee-certificate.png') }}" alt=""
|
||||
class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-15">Money Back Guarantee</h5>
|
||||
<p class="text-muted mb-0">Within 5 business days</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/24-hours-support.png') }}" alt="" class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-15">24 X 7 Service</h5>
|
||||
<p class="text-muted mb-0">Online service for customer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
</section>
|
||||
@endsection
|
||||
@section('scripts')
|
||||
<!-- nouisliderribute js -->
|
||||
<script src="{{ URL::asset('build/libs/nouislider/nouislider.min.js') }}"></script>
|
||||
<script src="{{ URL::asset('build/libs/wnumb/wNumb.min.js') }}"></script>
|
||||
|
||||
<!-- Product-grid init js -->
|
||||
<script src="{{ URL::asset('build/js/frontend/product-grid.init.js') }}"></script>
|
||||
|
||||
<!-- Countdown js -->
|
||||
<script src="{{ URL::asset('build/js/pages/coming-soon.init.js') }}"></script>
|
||||
|
||||
<!-- landing-index js -->
|
||||
<script src="{{ URL::asset('build/js/frontend/menu.init.js') }}"></script>
|
||||
@endsection
|
||||
@@ -0,0 +1,756 @@
|
||||
@extends('layouts.master')
|
||||
@section('title')
|
||||
Product List
|
||||
@endsection
|
||||
@section('css')
|
||||
<!-- extra css -->
|
||||
<!-- nouisliderribute css -->
|
||||
<link rel="stylesheet" href="{{ URL::asset('build/libs/nouislider/nouislider.min.css') }}">
|
||||
<!-- gridjs css -->
|
||||
<link rel="stylesheet" href="{{ URL::asset('build/libs/gridjs/mermaid.min.css') }}">
|
||||
@endsection
|
||||
@section('content')
|
||||
<section class="section pb-0 mt-4">
|
||||
<div class="container-fluid">
|
||||
<div class="row g-3">
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<div class="product-banner-1 mt-3 mt-lg-0 rounded overflow-hidden">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/features/img-3.jpg') }}" class="img-fluid rounded" alt="">
|
||||
<div class="bg-overlay blue"></div>
|
||||
<div class="product-content p-4">
|
||||
<p class="text-uppercase fw-semibold text-white mb-2">Up to 50-70%</p>
|
||||
<h1 class="text-white lh-base ff-secondary display-6 display-xl-5"> Women's Sportwere Sales</h1>
|
||||
<div class="product-btn mt-3 mt-xl-4">
|
||||
<a href="product-list-defualt" class="link-effect link-light text-white fs-14">Shop Now <i
|
||||
class="bi bi-arrow-right ms-2"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<div class="product-banner-1 mt-4 mt-lg-0 rounded overflow-hidden right">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/features/img-2.jpg') }}" class="img-fluid rounded" alt="">
|
||||
<div class="bg-overlay"></div>
|
||||
<div class="product-content p-4 text-end">
|
||||
<p class="text-uppercase text-white fw-semibold mb-2">MEGA SALE</p>
|
||||
<h1 class="text-white lh-base ff-secondary display-6 display-xl-5">Running Shoes Sales Up to 50%
|
||||
</h1>
|
||||
<div class="product-btn mt-3 mt-xl-4">
|
||||
<a href="product-list-sidebar-banner" class="link-effect link-light text-white fs-14">Shop Now <i
|
||||
class="bi bi-arrow-right ms-2"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<div class="product-banner-1 mt-4 mt-lg-0 rounded overflow-hidden">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/features/img-1.jpg') }}" class="img-fluid rounded" alt="">
|
||||
<div class="product-content p-4">
|
||||
<p class="text-uppercase fw-semibold text-dark mb-2">Summer Sales</p>
|
||||
<h1 class="lh-base ff-secondary display-6 display-xl-5">Trendy Fashion Clothes</h1>
|
||||
<div class="product-btn mt-3 mt-xl-4">
|
||||
<a href="product-list-right" class="link-effect link-primary fs-14">Shop Now <i
|
||||
class="bi bi-arrow-right ms-2"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end container-fluid-->
|
||||
</section>
|
||||
|
||||
<section class="position-relative section">
|
||||
<div class="container">
|
||||
<div class="ecommerce-product gap-4">
|
||||
<div class="sidebar small-sidebar flex-shrink-0">
|
||||
<div class="card overflow-hidden">
|
||||
<div class="card-header">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-16 mb-0">Filters</h5>
|
||||
</div>
|
||||
<div class="flex-shrink-0">
|
||||
<a href="#" class="text-decoration-underline" id="clearall">Clear All</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="accordion accordion-flush filter-accordion">
|
||||
<div class="card-body border-bottom">
|
||||
<div>
|
||||
<p class="text-muted text-uppercase fs-12 fw-medium mb-3">Products</p>
|
||||
<ul class="list-unstyled mb-0 filter-list">
|
||||
<li>
|
||||
<a href="#" class="d-flex py-1 align-items-center">
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-13 mb-0 listname">Grocery</h5>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="d-flex py-1 align-items-center">
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-13 mb-0 listname">Fashion</h5>
|
||||
</div>
|
||||
<div class="flex-shrink-0 ms-2">
|
||||
<span class="badge bg-light text-muted">5</span>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="d-flex py-1 align-items-center">
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-13 mb-0 listname">Watches</h5>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="d-flex py-1 align-items-center">
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-13 mb-0 listname">Electronics</h5>
|
||||
</div>
|
||||
<div class="flex-shrink-0 ms-2">
|
||||
<span class="badge bg-light text-muted">5</span>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="d-flex py-1 align-items-center">
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-13 mb-0 listname">Furniture</h5>
|
||||
</div>
|
||||
<div class="flex-shrink-0 ms-2">
|
||||
<span class="badge bg-light text-muted">6</span>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="d-flex py-1 align-items-center">
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-13 mb-0 listname">Automotive Accessories</h5>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="d-flex py-1 align-items-center">
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-13 mb-0 listname">Appliances</h5>
|
||||
</div>
|
||||
<div class="flex-shrink-0 ms-2">
|
||||
<span class="badge bg-light text-muted">7</span>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="#" class="d-flex py-1 align-items-center">
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-13 mb-0 listname">Kids</h5>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card-body border-bottom">
|
||||
<p class="text-muted text-uppercase fs-12 fw-medium mb-4">Price</p>
|
||||
|
||||
<div id="product-price-range" data-slider-color="info"></div>
|
||||
<div class="formCost d-flex gap-2 align-items-center mt-3">
|
||||
<input class="form-control form-control-sm" type="text" id="minCost"
|
||||
value="0"> <span class="fw-semibold text-muted">to</span> <input
|
||||
class="form-control form-control-sm" type="text" id="maxCost"
|
||||
value="1000">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="flush-headingColors">
|
||||
<button class="accordion-button bg-transparent shadow-none" type="button"
|
||||
data-bs-toggle="collapse" data-bs-target="#flush-collapseColors"
|
||||
aria-expanded="true" aria-controls="flush-collapseColors">
|
||||
<span class="text-muted text-uppercase fs-12 fw-medium">Colors</span> <span
|
||||
class="badge bg-success rounded-pill align-middle ms-1 filter-badge"></span>
|
||||
</button>
|
||||
</h2>
|
||||
|
||||
<div id="flush-collapseColors" class="accordion-collapse collapse show"
|
||||
aria-labelledby="flush-headingColors">
|
||||
<div class="accordion-body text-body pt-0">
|
||||
<ul class="clothe-colors list-unstyled hstack gap-3 mb-0 flex-wrap"
|
||||
id="color-filter">
|
||||
<li>
|
||||
<input type="radio" name="colors" value="success" id="color-1">
|
||||
<label
|
||||
class="avatar-xs btn btn-success p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="color-1"></label>
|
||||
</li>
|
||||
<li>
|
||||
<input type="radio" name="colors" value="info" id="color-2">
|
||||
<label
|
||||
class="avatar-xs btn btn-info p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="color-2"></label>
|
||||
</li>
|
||||
<li>
|
||||
<input type="radio" name="colors" value="warning" id="color-3">
|
||||
<label
|
||||
class="avatar-xs btn btn-warning p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="color-3"></label>
|
||||
</li>
|
||||
<li>
|
||||
<input type="radio" name="colors" value="danger" id="color-4">
|
||||
<label
|
||||
class="avatar-xs btn btn-danger p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="color-4"></label>
|
||||
</li>
|
||||
<li>
|
||||
<input type="radio" name="colors" value="primary" id="color-5">
|
||||
<label
|
||||
class="avatar-xs btn btn-primary p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="color-5"></label>
|
||||
</li>
|
||||
<li>
|
||||
<input type="radio" name="colors" value="secondary" id="color-6">
|
||||
<label
|
||||
class="avatar-xs btn btn-secondary p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="color-6"></label>
|
||||
</li>
|
||||
<li>
|
||||
<input type="radio" name="colors" value="dark" id="color-7">
|
||||
<label
|
||||
class="avatar-xs btn btn-dark p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="color-7"></label>
|
||||
</li>
|
||||
<li>
|
||||
<input type="radio" name="colors" value="light" id="color-8">
|
||||
<label
|
||||
class="avatar-xs btn btn-light p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="color-8"></label>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end accordion-item -->
|
||||
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="flush-headingSize">
|
||||
<button class="accordion-button bg-transparent shadow-none" type="button"
|
||||
data-bs-toggle="collapse" data-bs-target="#flush-collapseSize"
|
||||
aria-expanded="true" aria-controls="flush-collapseSize">
|
||||
<span class="text-muted text-uppercase fs-12 fw-medium">Sizes</span> <span
|
||||
class="badge bg-success rounded-pill align-middle ms-1 filter-badge"></span>
|
||||
</button>
|
||||
</h2>
|
||||
|
||||
<div id="flush-collapseSize" class="accordion-collapse collapse show"
|
||||
aria-labelledby="flush-headingSize">
|
||||
<div class="accordion-body text-body pt-0">
|
||||
<ul class="clothe-size list-unstyled hstack gap-3 mb-0 flex-wrap"
|
||||
id="size-filter">
|
||||
<li>
|
||||
<input type="radio" name="sizes" value="xs" id="sizeXs">
|
||||
<label
|
||||
class="avatar-xs btn btn-soft-primary p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="sizeXs">XS</label>
|
||||
</li>
|
||||
<li>
|
||||
<input type="radio" name="sizes" value="s" id="sizeS">
|
||||
<label
|
||||
class="avatar-xs btn btn-soft-primary p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="sizeS">S</label>
|
||||
</li>
|
||||
<li>
|
||||
<input type="radio" name="sizes" value="m" id="sizeM">
|
||||
<label
|
||||
class="avatar-xs btn btn-soft-primary p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="sizeM">M</label>
|
||||
</li>
|
||||
<li>
|
||||
<input type="radio" name="sizes" value="l" id="sizeL">
|
||||
<label
|
||||
class="avatar-xs btn btn-soft-primary p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="sizeL">L</label>
|
||||
</li>
|
||||
<li>
|
||||
<input type="radio" name="sizes" value="xl" id="sizeXl">
|
||||
<label
|
||||
class="avatar-xs btn btn-soft-primary p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="sizeXl">XL</label>
|
||||
</li>
|
||||
<li>
|
||||
<input type="radio" name="sizes" value="2xl" id="size2xl">
|
||||
<label
|
||||
class="avatar-xs btn btn-soft-primary p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="size2xl">2XL</label>
|
||||
</li>
|
||||
<li>
|
||||
<input type="radio" name="sizes" value="3xl" id="size3xl">
|
||||
<label
|
||||
class="avatar-xs btn btn-soft-primary p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="size3xl">3XL</label>
|
||||
</li>
|
||||
<li>
|
||||
<input type="radio" name="sizes" value="4xl" id="size4xl">
|
||||
<label
|
||||
class="avatar-xs btn btn-soft-primary p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="size4xl">4XL</label>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end accordion-item -->
|
||||
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="flush-headingBrands">
|
||||
<button class="accordion-button bg-transparent shadow-none" type="button"
|
||||
data-bs-toggle="collapse" data-bs-target="#flush-collapseBrands"
|
||||
aria-expanded="true" aria-controls="flush-collapseBrands">
|
||||
<span class="text-muted text-uppercase fs-12 fw-medium">Brands</span> <span
|
||||
class="badge bg-success rounded-pill align-middle ms-1 filter-badge"></span>
|
||||
</button>
|
||||
</h2>
|
||||
|
||||
<div id="flush-collapseBrands" class="accordion-collapse collapse show"
|
||||
aria-labelledby="flush-headingBrands">
|
||||
<div class="accordion-body text-body pt-0">
|
||||
<div class="search-box search-box-sm">
|
||||
<input type="text" class="form-control bg-light border-0"
|
||||
id="searchBrandsList" placeholder="Search Brands...">
|
||||
<i class="ri-search-line search-icon"></i>
|
||||
</div>
|
||||
<div class="d-flex flex-column gap-2 mt-3 filter-check">
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="Boat"
|
||||
id="productBrandRadio5">
|
||||
<label class="form-check-label" for="productBrandRadio5">Boat</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="OnePlus"
|
||||
id="productBrandRadio4">
|
||||
<label class="form-check-label" for="productBrandRadio4">OnePlus</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="Realme"
|
||||
id="productBrandRadio3">
|
||||
<label class="form-check-label" for="productBrandRadio3">Realme</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="Sony"
|
||||
id="productBrandRadio2">
|
||||
<label class="form-check-label" for="productBrandRadio2">Sony</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="JBL"
|
||||
id="productBrandRadio1">
|
||||
<label class="form-check-label" for="productBrandRadio1">JBL</label>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<button type="button"
|
||||
class="btn btn-link text-decoration-none text-uppercase fw-medium p-0">1,235
|
||||
More</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end accordion-item -->
|
||||
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="flush-headingDiscount">
|
||||
<button class="accordion-button bg-transparent shadow-none collapsed" type="button"
|
||||
data-bs-toggle="collapse" data-bs-target="#flush-collapseDiscount"
|
||||
aria-expanded="true" aria-controls="flush-collapseDiscount">
|
||||
<span class="text-muted text-uppercase fs-12 fw-medium">Discount</span> <span
|
||||
class="badge bg-success rounded-pill align-middle ms-1 filter-badge"></span>
|
||||
</button>
|
||||
</h2>
|
||||
<div id="flush-collapseDiscount" class="accordion-collapse collapse"
|
||||
aria-labelledby="flush-headingDiscount">
|
||||
<div class="accordion-body text-body pt-1">
|
||||
<div class="d-flex flex-column gap-2 filter-check" id="discount-filter">
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="50"
|
||||
id="productdiscountRadio6">
|
||||
<label class="form-check-label" for="productdiscountRadio6">50% or
|
||||
more</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="40"
|
||||
id="productdiscountRadio5">
|
||||
<label class="form-check-label" for="productdiscountRadio5">40% or
|
||||
more</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="30"
|
||||
id="productdiscountRadio4">
|
||||
<label class="form-check-label" for="productdiscountRadio4">
|
||||
30% or more
|
||||
</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="20"
|
||||
id="productdiscountRadio3">
|
||||
<label class="form-check-label" for="productdiscountRadio3">
|
||||
20% or more
|
||||
</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="10"
|
||||
id="productdiscountRadio2">
|
||||
<label class="form-check-label" for="productdiscountRadio2">
|
||||
10% or more
|
||||
</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="0"
|
||||
id="productdiscountRadio1">
|
||||
<label class="form-check-label" for="productdiscountRadio1">
|
||||
Less than 10%
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end accordion-item -->
|
||||
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="flush-headingRating">
|
||||
<button class="accordion-button bg-transparent shadow-none collapsed" type="button"
|
||||
data-bs-toggle="collapse" data-bs-target="#flush-collapseRating"
|
||||
aria-expanded="false" aria-controls="flush-collapseRating">
|
||||
<span class="text-muted text-uppercase fs-12 fw-medium">Rating</span> <span
|
||||
class="badge bg-success rounded-pill align-middle ms-1 filter-badge"></span>
|
||||
</button>
|
||||
</h2>
|
||||
|
||||
<div id="flush-collapseRating" class="accordion-collapse collapse"
|
||||
aria-labelledby="flush-headingRating">
|
||||
<div class="accordion-body text-body">
|
||||
<div class="d-flex flex-column gap-2 filter-check" id="rating-filter">
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="4"
|
||||
id="productratingRadio4">
|
||||
<label class="form-check-label" for="productratingRadio4">
|
||||
<span class="text-muted">
|
||||
<i class="mdi mdi-star text-warning"></i>
|
||||
<i class="mdi mdi-star text-warning"></i>
|
||||
<i class="mdi mdi-star text-warning"></i>
|
||||
<i class="mdi mdi-star text-warning"></i>
|
||||
<i class="mdi mdi-star"></i>
|
||||
</span> 4 & Above
|
||||
</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="3"
|
||||
id="productratingRadio3">
|
||||
<label class="form-check-label" for="productratingRadio3">
|
||||
<span class="text-muted">
|
||||
<i class="mdi mdi-star text-warning"></i>
|
||||
<i class="mdi mdi-star text-warning"></i>
|
||||
<i class="mdi mdi-star text-warning"></i>
|
||||
<i class="mdi mdi-star"></i>
|
||||
<i class="mdi mdi-star"></i>
|
||||
</span> 3 & Above
|
||||
</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="2"
|
||||
id="productratingRadio2">
|
||||
<label class="form-check-label" for="productratingRadio2">
|
||||
<span class="text-muted">
|
||||
<i class="mdi mdi-star text-warning"></i>
|
||||
<i class="mdi mdi-star text-warning"></i>
|
||||
<i class="mdi mdi-star"></i>
|
||||
<i class="mdi mdi-star"></i>
|
||||
<i class="mdi mdi-star"></i>
|
||||
</span> 2 & Above
|
||||
</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="1"
|
||||
id="productratingRadio1">
|
||||
<label class="form-check-label" for="productratingRadio1">
|
||||
<span class="text-muted">
|
||||
<i class="mdi mdi-star text-warning"></i>
|
||||
<i class="mdi mdi-star"></i>
|
||||
<i class="mdi mdi-star"></i>
|
||||
<i class="mdi mdi-star"></i>
|
||||
<i class="mdi mdi-star"></i>
|
||||
</span> 1
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end accordion-item -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- end card -->
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<div class="d-flex align-items-center justify-content-between gap-2 mb-4">
|
||||
<div class="search-box">
|
||||
<input type="text" class="form-control" id="searchProductList" autocomplete="off"
|
||||
placeholder="Search Products...">
|
||||
<i class="ri-search-line search-icon"></i>
|
||||
</div>
|
||||
<div class="flex-shrink-0">
|
||||
<div class="d-flex gap-2">
|
||||
<div class="flex-shrink-0">
|
||||
<label for="sort-elem" class="col-form-label">Sort By:</label>
|
||||
</div>
|
||||
<div class="flex-shrink-0">
|
||||
<select class="form-select w-md" id="sort-elem">
|
||||
<option value="">All</option>
|
||||
<option value="low_to_high">Low to High</option>
|
||||
<option value="high_to_low">High to Low</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-xl-12">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div id="product-list" class="table-card gridjs-border-none"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section pt-0">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="d-flex align-items-center justify-content-between mb-4 pb-1">
|
||||
<h3 class="flex-grow-1 mb-0">Deals Of The Day</h3>
|
||||
<div class="flex-shrink-0">
|
||||
<a href="#!" class="link-effect link-success">All Deals <i
|
||||
class="ri-arrow-right-line ms-1 align-bottom"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
<div class="row gy-4 gy-lg-0">
|
||||
<div class="col-xxl-4 col-md-6">
|
||||
<div class="ecommerce-deals-widgets">
|
||||
<div class="card overflow-hidden mb-0">
|
||||
<div class="gallery-product">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/img-5.jpg') }}" alt=""
|
||||
class="mx-auto d-block object-fit-cover">
|
||||
</div>
|
||||
</div>
|
||||
<div class="content mx-4">
|
||||
<div class="countdown-deals mb-3">
|
||||
<div data-countdown="Feb 30, 2024" class="countdownlist"></div>
|
||||
</div>
|
||||
<div class="card border-0 p-4 position-relative rounded-3 shadow-lg">
|
||||
<a href="#!">
|
||||
<h6 class="text-capitalize fs-16 lh-base text-truncate">World's most expensive t-shirt
|
||||
</h6>
|
||||
</a>
|
||||
<p class="text-muted"><i class="ri-star-fill text-warning align-bottom"></i> <i
|
||||
class="ri-star-fill text-warning align-bottom"></i> <i
|
||||
class="ri-star-fill text-warning align-bottom"></i> <i
|
||||
class="ri-star-fill text-warning align-bottom"></i> <i
|
||||
class="ri-star-half-fill text-warning align-bottom"></i> (4.9)</p>
|
||||
<div class="mt-3 d-flex align-items-center">
|
||||
<h5 class="text-secondary flex-grow-1 mb-0">$124.99 <span
|
||||
class="text-muted fs-12"><del>$354.99</del></span></h5>
|
||||
<a href="#!" class="btn btn-primary btn-sm"><i
|
||||
class="ri-shopping-bag-line align-bottom me-1"></i> Add</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-xxl-4 col-md-6">
|
||||
<div class="ecommerce-deals-widgets">
|
||||
<div class="card overflow-hidden mb-0">
|
||||
<div class="gallery-product">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/img-3.jpg') }}" alt=""
|
||||
class="mx-auto d-block object-fit-cover">
|
||||
</div>
|
||||
</div>
|
||||
<div class="content mx-4">
|
||||
<div class="countdown-deals mb-3">
|
||||
<div data-countdown="Oct 29, 2023" class="countdownlist"></div>
|
||||
</div>
|
||||
<div class="card border-0 p-4 position-relative rounded-3 shadow-lg">
|
||||
<a href="#!">
|
||||
<h6 class="text-capitalize fs-16 lh-base text-truncate">Best Footwear Collections</h6>
|
||||
</a>
|
||||
<p class="text-muted"><i class="ri-star-fill text-warning align-bottom"></i> <i
|
||||
class="ri-star-fill text-warning align-bottom"></i> <i
|
||||
class="ri-star-fill text-warning align-bottom"></i> <i
|
||||
class="ri-star-fill text-warning align-bottom"></i> <i
|
||||
class="ri-star-half-fill text-warning align-bottom"></i> (4.3)</p>
|
||||
<div class="mt-3 d-flex align-items-center">
|
||||
<h5 class="text-secondary flex-grow-1 mb-0">$80.00 <span
|
||||
class="text-muted fs-12"><del>$180.00</del></span></h5>
|
||||
<a href="#!" class="btn btn-primary btn-sm"><i
|
||||
class="ri-shopping-bag-line align-bottom me-1"></i> Add</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-xxl-4 col-md-6">
|
||||
<div class="ecommerce-deals-widgets">
|
||||
<div class="card overflow-hidden mb-0">
|
||||
<div class="gallery-product">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/img-1.jpg') }}" alt=""
|
||||
class="mx-auto d-block object-fit-cover">
|
||||
</div>
|
||||
</div>
|
||||
<div class="content mx-4">
|
||||
<div class="countdown-deals mb-3">
|
||||
<div data-countdown="Dec 01, 2023" class="countdownlist"></div>
|
||||
</div>
|
||||
<div class="card border-0 p-4 position-relative rounded-3 shadow-lg">
|
||||
<a href="#!">
|
||||
<h6 class="text-capitalize fs-16 lh-base text-truncate">Elegant Designer Western Dress
|
||||
</h6>
|
||||
</a>
|
||||
<p class="text-muted"><i class="ri-star-fill text-warning align-bottom"></i> <i
|
||||
class="ri-star-fill text-warning align-bottom"></i> <i
|
||||
class="ri-star-fill text-warning align-bottom"></i> <i
|
||||
class="ri-star-fill text-warning align-bottom"></i> <i
|
||||
class="ri-star-half-fill text-warning align-bottom"></i> (5.0)</p>
|
||||
<div class="mt-3 d-flex align-items-center">
|
||||
<h5 class="text-secondary flex-grow-1 mb-0">$30.10 <span
|
||||
class="text-muted fs-12"><del>$121.99</del></span></h5>
|
||||
<a href="#!" class="btn btn-primary btn-sm"><i
|
||||
class="ri-shopping-bag-line align-bottom me-1"></i> Add</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end container-->
|
||||
</section>
|
||||
|
||||
<section class="section"
|
||||
style="background-image: url('build/images/profile-bg.jpg'); background-size: cover;background-position: center;">
|
||||
<div class="bg-overlay bg-primary" style="opacity: 0.85;"></div>
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-6">
|
||||
<div class="text-center">
|
||||
<h1 class="text-white lh-base text-capitalize">Don't miss out on special offers</h1>
|
||||
<p class="text-white-75 fs-15 mb-4 pb-2">Never Miss Anything From Toner By Signing Up To Our
|
||||
Newsletter.</p>
|
||||
<form action="#!">
|
||||
<div class="position-relative ecommerce-subscript">
|
||||
<input type="email" class="form-control rounded-pill border-0"
|
||||
placeholder="Enter your email">
|
||||
<button type="submit" class="btn btn-darken-primary rounded-pill">Subscript Now</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="position-relative py-5 border-bottom">
|
||||
<div class="container">
|
||||
<div class="row gy-4 gy-lg-0">
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/fast-delivery.png') }}" alt="" class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-15">Fast & Secure Delivery</h5>
|
||||
<p class="text-muted mb-0">Tell about your service.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/returns.png') }}" alt="" class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-15">2 Days Return Policy</h5>
|
||||
<p class="text-muted mb-0">No question ask.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/guarantee-certificate.png') }}" alt=""
|
||||
class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-15">Money Back Guarantee</h5>
|
||||
<p class="text-muted mb-0">Within 5 business days</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/24-hours-support.png') }}" alt="" class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-15">24 X 7 Service</h5>
|
||||
<p class="text-muted mb-0">Online service for customer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end container-->
|
||||
</section>
|
||||
@endsection
|
||||
@section('scripts')
|
||||
<!-- nouisliderribute js -->
|
||||
<script src="{{ URL::asset('build/libs/nouislider/nouislider.min.js') }}"></script>
|
||||
<script src="{{ URL::asset('build/libs/wnumb/wNumb.min.js') }}"></script>
|
||||
|
||||
<!-- gridjs js -->
|
||||
<script src="{{ URL::asset('build/libs/gridjs/gridjs.umd.js') }}"></script>
|
||||
|
||||
<!-- Product-list init js -->
|
||||
<script src="{{ URL::asset('build/js/frontend/product-list-table.init.js') }}"></script>
|
||||
|
||||
<!-- coming-soon -->
|
||||
<script src="{{ URL::asset('build/js/pages/coming-soon.init.js') }}"></script>
|
||||
|
||||
<!-- landing-index js -->
|
||||
<script src="{{ URL::asset('build/js/frontend/menu.init.js') }}"></script>
|
||||
@endsection
|
||||
@@ -0,0 +1,799 @@
|
||||
@extends('layouts.master')
|
||||
@section('title')
|
||||
List Left Sidebar
|
||||
@endsection
|
||||
@section('css')
|
||||
<!-- extra css -->
|
||||
<!-- nouisliderribute css -->
|
||||
<link rel="stylesheet" href="{{ URL::asset('build/libs/nouislider/nouislider.min.css') }}">
|
||||
@endsection
|
||||
@section('content')
|
||||
<section class="ecommerce-about"
|
||||
style="background-image: url('build/images/profile-bg.jpg'); background-size: cover;background-position: center;">
|
||||
<div class="bg-overlay bg-primary" style="opacity: 0.85;"></div>
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-6">
|
||||
<div class="text-center">
|
||||
<h1 class="text-white mb-0">Product List Left Sidebar</h1>
|
||||
<nav aria-label="breadcrumb">
|
||||
<ol class="breadcrumb breadcrumb-light justify-content-center mt-4">
|
||||
<li class="breadcrumb-item"><a href="#">Product</a></li>
|
||||
<li class="breadcrumb-item"><a href="#">List View</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page">Left Sidebar</li>
|
||||
</ol>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
<div class="ecommerce-product gap-4">
|
||||
<div class="sidebar small-sidebar flex-shrink-0">
|
||||
<div class="card overflow-hidden">
|
||||
<div class="card-header">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-16 mb-0">Filters</h5>
|
||||
</div>
|
||||
<div class="flex-shrink-0">
|
||||
<a href="#" class="text-decoration-underline" id="clearall">Clear All</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="accordion accordion-flush filter-accordion">
|
||||
<div class="card-body border-bottom">
|
||||
<div>
|
||||
<p class="text-muted text-uppercase fs-12 fw-medium mb-3">Products</p>
|
||||
<ul class="list-unstyled mb-0 filter-list">
|
||||
<li>
|
||||
<a href="#" class="d-flex py-1 align-items-center">
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-13 mb-0 listname">Grocery</h5>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="d-flex py-1 align-items-center">
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-13 mb-0 listname">Fashion</h5>
|
||||
</div>
|
||||
<div class="flex-shrink-0 ms-2">
|
||||
<span class="badge bg-light text-muted">5</span>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="d-flex py-1 align-items-center">
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-13 mb-0 listname">Watches</h5>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="d-flex py-1 align-items-center">
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-13 mb-0 listname">Electronics</h5>
|
||||
</div>
|
||||
<div class="flex-shrink-0 ms-2">
|
||||
<span class="badge bg-light text-muted">5</span>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="d-flex py-1 align-items-center">
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-13 mb-0 listname">Furniture</h5>
|
||||
</div>
|
||||
<div class="flex-shrink-0 ms-2">
|
||||
<span class="badge bg-light text-muted">6</span>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="d-flex py-1 align-items-center">
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-13 mb-0 listname">Automotive Accessories</h5>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="d-flex py-1 align-items-center">
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-13 mb-0 listname">Appliances</h5>
|
||||
</div>
|
||||
<div class="flex-shrink-0 ms-2">
|
||||
<span class="badge bg-light text-muted">7</span>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="#" class="d-flex py-1 align-items-center">
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-13 mb-0 listname">Kids</h5>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card-body border-bottom">
|
||||
<p class="text-muted text-uppercase fs-12 fw-medium mb-4">Price</p>
|
||||
|
||||
<div id="product-price-range" data-slider-color="info"></div>
|
||||
<div class="formCost d-flex gap-2 align-items-center mt-3">
|
||||
<input class="form-control form-control-sm" type="text" id="minCost"
|
||||
value="0"> <span class="fw-semibold text-muted">to</span> <input
|
||||
class="form-control form-control-sm" type="text" id="maxCost" value="1000">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="flush-headingColors">
|
||||
<button class="accordion-button bg-transparent shadow-none" type="button"
|
||||
data-bs-toggle="collapse" data-bs-target="#flush-collapseColors"
|
||||
aria-expanded="true" aria-controls="flush-collapseColors">
|
||||
<span class="text-muted text-uppercase fs-12 fw-medium">Colors</span> <span
|
||||
class="badge bg-success rounded-pill align-middle ms-1 filter-badge"></span>
|
||||
</button>
|
||||
</h2>
|
||||
|
||||
<div id="flush-collapseColors" class="accordion-collapse collapse show"
|
||||
aria-labelledby="flush-headingColors">
|
||||
<div class="accordion-body text-body pt-0">
|
||||
<ul class="clothe-colors list-unstyled hstack gap-3 mb-0 flex-wrap"
|
||||
id="color-filter">
|
||||
<li>
|
||||
<input type="radio" name="colors" value="success" id="color-1">
|
||||
<label
|
||||
class="avatar-xs btn btn-success p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="color-1"></label>
|
||||
</li>
|
||||
<li>
|
||||
<input type="radio" name="colors" value="info" id="color-2">
|
||||
<label
|
||||
class="avatar-xs btn btn-info p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="color-2"></label>
|
||||
</li>
|
||||
<li>
|
||||
<input type="radio" name="colors" value="warning" id="color-3">
|
||||
<label
|
||||
class="avatar-xs btn btn-warning p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="color-3"></label>
|
||||
</li>
|
||||
<li>
|
||||
<input type="radio" name="colors" value="danger" id="color-4">
|
||||
<label
|
||||
class="avatar-xs btn btn-danger p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="color-4"></label>
|
||||
</li>
|
||||
<li>
|
||||
<input type="radio" name="colors" value="primary" id="color-5">
|
||||
<label
|
||||
class="avatar-xs btn btn-primary p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="color-5"></label>
|
||||
</li>
|
||||
<li>
|
||||
<input type="radio" name="colors" value="secondary" id="color-6">
|
||||
<label
|
||||
class="avatar-xs btn btn-secondary p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="color-6"></label>
|
||||
</li>
|
||||
<li>
|
||||
<input type="radio" name="colors" value="dark" id="color-7">
|
||||
<label
|
||||
class="avatar-xs btn btn-dark p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="color-7"></label>
|
||||
</li>
|
||||
<li>
|
||||
<input type="radio" name="colors" value="light" id="color-8">
|
||||
<label
|
||||
class="avatar-xs btn btn-light p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="color-8"></label>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end accordion-item -->
|
||||
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="flush-headingColors">
|
||||
<button class="accordion-button bg-transparent shadow-none" type="button"
|
||||
data-bs-toggle="collapse" data-bs-target="#flush-collapseColors"
|
||||
aria-expanded="true" aria-controls="flush-collapseColors">
|
||||
<span class="text-muted text-uppercase fs-12 fw-medium">Sizes</span> <span
|
||||
class="badge bg-success rounded-pill align-middle ms-1 filter-badge"></span>
|
||||
</button>
|
||||
</h2>
|
||||
|
||||
<div id="flush-collapseColors" class="accordion-collapse collapse show"
|
||||
aria-labelledby="flush-headingColors">
|
||||
<div class="accordion-body text-body pt-0">
|
||||
<ul class="clothe-size list-unstyled hstack gap-3 mb-0 flex-wrap"
|
||||
id="size-filter">
|
||||
<li>
|
||||
<input type="radio" name="sizes" value="xs" id="sizeXs">
|
||||
<label
|
||||
class="avatar-xs btn btn-soft-primary p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="sizeXs">XS</label>
|
||||
</li>
|
||||
<li>
|
||||
<input type="radio" name="sizes" value="s" id="sizeS">
|
||||
<label
|
||||
class="avatar-xs btn btn-soft-primary p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="sizeS">S</label>
|
||||
</li>
|
||||
<li>
|
||||
<input type="radio" name="sizes" value="m" id="sizeM">
|
||||
<label
|
||||
class="avatar-xs btn btn-soft-primary p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="sizeM">M</label>
|
||||
</li>
|
||||
<li>
|
||||
<input type="radio" name="sizes" value="l" id="sizeL">
|
||||
<label
|
||||
class="avatar-xs btn btn-soft-primary p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="sizeL">L</label>
|
||||
</li>
|
||||
<li>
|
||||
<input type="radio" name="sizes" value="xl" id="sizeXl">
|
||||
<label
|
||||
class="avatar-xs btn btn-soft-primary p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="sizeXl">XL</label>
|
||||
</li>
|
||||
<li>
|
||||
<input type="radio" name="sizes" value="2xl" id="size2xl">
|
||||
<label
|
||||
class="avatar-xs btn btn-soft-primary p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="size2xl">2XL</label>
|
||||
</li>
|
||||
<li>
|
||||
<input type="radio" name="sizes" value="3xl" id="size3xl">
|
||||
<label
|
||||
class="avatar-xs btn btn-soft-primary p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="size3xl">3XL</label>
|
||||
</li>
|
||||
<li>
|
||||
<input type="radio" name="sizes" value="4xl" id="size4xl">
|
||||
<label
|
||||
class="avatar-xs btn btn-soft-primary p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="size4xl">4XL</label>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end accordion-item -->
|
||||
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="flush-headingBrands">
|
||||
<button class="accordion-button bg-transparent shadow-none" type="button"
|
||||
data-bs-toggle="collapse" data-bs-target="#flush-collapseBrands"
|
||||
aria-expanded="true" aria-controls="flush-collapseBrands">
|
||||
<span class="text-muted text-uppercase fs-12 fw-medium">Brands</span> <span
|
||||
class="badge bg-success rounded-pill align-middle ms-1 filter-badge"></span>
|
||||
</button>
|
||||
</h2>
|
||||
|
||||
<div id="flush-collapseBrands" class="accordion-collapse collapse show"
|
||||
aria-labelledby="flush-headingBrands">
|
||||
<div class="accordion-body text-body pt-0">
|
||||
<div class="search-box search-box-sm">
|
||||
<input type="text" class="form-control bg-light border-0"
|
||||
id="searchBrandsList" placeholder="Search Brands...">
|
||||
<i class="ri-search-line search-icon"></i>
|
||||
</div>
|
||||
<div class="d-flex flex-column gap-2 mt-3 filter-check">
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="Boat"
|
||||
id="productBrandRadio5">
|
||||
<label class="form-check-label" for="productBrandRadio5">Boat</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="OnePlus"
|
||||
id="productBrandRadio4">
|
||||
<label class="form-check-label" for="productBrandRadio4">OnePlus</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="Realme"
|
||||
id="productBrandRadio3">
|
||||
<label class="form-check-label" for="productBrandRadio3">Realme</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="Sony"
|
||||
id="productBrandRadio2">
|
||||
<label class="form-check-label" for="productBrandRadio2">Sony</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="JBL"
|
||||
id="productBrandRadio1">
|
||||
<label class="form-check-label" for="productBrandRadio1">JBL</label>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<button type="button"
|
||||
class="btn btn-link text-decoration-none text-uppercase fw-medium p-0">1,235
|
||||
More</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end accordion-item -->
|
||||
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="flush-headingDiscount">
|
||||
<button class="accordion-button bg-transparent shadow-none collapsed" type="button"
|
||||
data-bs-toggle="collapse" data-bs-target="#flush-collapseDiscount"
|
||||
aria-expanded="true" aria-controls="flush-collapseDiscount">
|
||||
<span class="text-muted text-uppercase fs-12 fw-medium">Discount</span> <span
|
||||
class="badge bg-success rounded-pill align-middle ms-1 filter-badge"></span>
|
||||
</button>
|
||||
</h2>
|
||||
<div id="flush-collapseDiscount" class="accordion-collapse collapse"
|
||||
aria-labelledby="flush-headingDiscount">
|
||||
<div class="accordion-body text-body pt-1">
|
||||
<div class="d-flex flex-column gap-2 filter-check" id="discount-filter">
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="50"
|
||||
id="productdiscountRadio6">
|
||||
<label class="form-check-label" for="productdiscountRadio6">50% or
|
||||
more</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="40"
|
||||
id="productdiscountRadio5">
|
||||
<label class="form-check-label" for="productdiscountRadio5">40% or
|
||||
more</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="30"
|
||||
id="productdiscountRadio4">
|
||||
<label class="form-check-label" for="productdiscountRadio4">
|
||||
30% or more
|
||||
</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="20"
|
||||
id="productdiscountRadio3">
|
||||
<label class="form-check-label" for="productdiscountRadio3">
|
||||
20% or more
|
||||
</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="10"
|
||||
id="productdiscountRadio2">
|
||||
<label class="form-check-label" for="productdiscountRadio2">
|
||||
10% or more
|
||||
</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="0"
|
||||
id="productdiscountRadio1">
|
||||
<label class="form-check-label" for="productdiscountRadio1">
|
||||
Less than 10%
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end accordion-item -->
|
||||
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="flush-headingRating">
|
||||
<button class="accordion-button bg-transparent shadow-none collapsed" type="button"
|
||||
data-bs-toggle="collapse" data-bs-target="#flush-collapseRating"
|
||||
aria-expanded="false" aria-controls="flush-collapseRating">
|
||||
<span class="text-muted text-uppercase fs-12 fw-medium">Rating</span> <span
|
||||
class="badge bg-success rounded-pill align-middle ms-1 filter-badge"></span>
|
||||
</button>
|
||||
</h2>
|
||||
|
||||
<div id="flush-collapseRating" class="accordion-collapse collapse"
|
||||
aria-labelledby="flush-headingRating">
|
||||
<div class="accordion-body text-body">
|
||||
<div class="d-flex flex-column gap-2 filter-check" id="rating-filter">
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="4"
|
||||
id="productratingRadio4">
|
||||
<label class="form-check-label" for="productratingRadio4">
|
||||
<span class="text-muted">
|
||||
<i class="mdi mdi-star text-warning"></i>
|
||||
<i class="mdi mdi-star text-warning"></i>
|
||||
<i class="mdi mdi-star text-warning"></i>
|
||||
<i class="mdi mdi-star text-warning"></i>
|
||||
<i class="mdi mdi-star"></i>
|
||||
</span> 4 & Above
|
||||
</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="3"
|
||||
id="productratingRadio3">
|
||||
<label class="form-check-label" for="productratingRadio3">
|
||||
<span class="text-muted">
|
||||
<i class="mdi mdi-star text-warning"></i>
|
||||
<i class="mdi mdi-star text-warning"></i>
|
||||
<i class="mdi mdi-star text-warning"></i>
|
||||
<i class="mdi mdi-star"></i>
|
||||
<i class="mdi mdi-star"></i>
|
||||
</span> 3 & Above
|
||||
</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="2"
|
||||
id="productratingRadio2">
|
||||
<label class="form-check-label" for="productratingRadio2">
|
||||
<span class="text-muted">
|
||||
<i class="mdi mdi-star text-warning"></i>
|
||||
<i class="mdi mdi-star text-warning"></i>
|
||||
<i class="mdi mdi-star"></i>
|
||||
<i class="mdi mdi-star"></i>
|
||||
<i class="mdi mdi-star"></i>
|
||||
</span> 2 & Above
|
||||
</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="1"
|
||||
id="productratingRadio1">
|
||||
<label class="form-check-label" for="productratingRadio1">
|
||||
<span class="text-muted">
|
||||
<i class="mdi mdi-star text-warning"></i>
|
||||
<i class="mdi mdi-star"></i>
|
||||
<i class="mdi mdi-star"></i>
|
||||
<i class="mdi mdi-star"></i>
|
||||
<i class="mdi mdi-star"></i>
|
||||
</span> 1
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end accordion-item -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- end card -->
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<div class="d-flex align-items-center justify-content-between gap-2 mb-4">
|
||||
<div class="search-box">
|
||||
<input type="text" class="form-control" id="searchProductList" autocomplete="off"
|
||||
placeholder="Search Products...">
|
||||
<i class="ri-search-line search-icon"></i>
|
||||
</div>
|
||||
<div class="flex-shrink-0 d-flex gap-2">
|
||||
<div class="d-flex gap-2">
|
||||
<div class="flex-shrink-0">
|
||||
<label for="sort-elem" class="col-form-label">Sort By:</label>
|
||||
</div>
|
||||
<div class="flex-shrink-0">
|
||||
<select class="form-select w-md" id="sort-elem">
|
||||
<option value="">All</option>
|
||||
<option value="low_to_high">Low to High</option>
|
||||
<option value="high_to_low">High to Low</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-xl-12">
|
||||
<div id="product-list"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" id="pagination-element">
|
||||
<div class="col-lg-12">
|
||||
<div
|
||||
class="pagination-block pagination pagination-separated justify-content-center justify-content-sm-end mb-sm-0">
|
||||
<div class="page-item">
|
||||
<a href="javascript:void(0);" class="page-link" id="page-prev">Previous</a>
|
||||
</div>
|
||||
<span id="page-num" class="pagination"></span>
|
||||
<div class="page-item">
|
||||
<a href="javascript:void(0);" class="page-link" id="page-next">Next</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row d-none" id="search-result-elem">
|
||||
<div class="col-lg-12">
|
||||
<div class="text-center py-5">
|
||||
<div class="avatar-lg mx-auto mb-4">
|
||||
<div class="avatar-title bg-primary-subtle text-primary rounded-circle fs-24">
|
||||
<i class="bi bi-search"></i>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h5>No matching records found</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section pt-0">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-12">
|
||||
<div class="d-flex align-items-center justify-content-between mb-4 pb-1">
|
||||
<h4 class="flex-grow-1 mb-0">New Branded Products</h4>
|
||||
<div class="flex-shrink-0">
|
||||
<a href="#!" class="link-effect link-secondary">All Products <i
|
||||
class="ri-arrow-right-line ms-1 align-bottom"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-xxl-3 col-lg-4 col-md-6">
|
||||
<div
|
||||
class="card ecommerce-product-widgets border-0 rounded-0 shadow-none overflow-hidden card-animate">
|
||||
<div class="bg-light bg-opacity-50 rounded py-4 position-relative">
|
||||
<img src="{{ URL::asset('build/images/products/img-12.png') }}" alt=""
|
||||
style="max-height: 200px;max-width: 100%;" class="mx-auto d-block rounded-2">
|
||||
<div class="action vstack gap-2">
|
||||
<button class="btn btn-danger avatar-xs p-0 btn-soft-warning custom-toggle product-action"
|
||||
data-bs-toggle="button"><span class="icon-on"><i
|
||||
class="ri-heart-line"></i></span><span class="icon-off"><i
|
||||
class="ri-heart-fill"></i></span></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pt-4">
|
||||
<ul class="clothe-colors list-unstyled hstack gap-1 mb-3 flex-wrap">
|
||||
<li><input type="radio" name="sizes10" id="product-color-102"><label
|
||||
class="avatar-xxs btn btn-secondary p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="product-color-102"></label></li>
|
||||
<li><input type="radio" name="sizes10" id="product-color-103"><label
|
||||
class="avatar-xxs btn btn-warning p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="product-color-103"></label></li>
|
||||
<li><input type="radio" name="sizes10" id="product-color-104"><label
|
||||
class="avatar-xxs btn btn-danger p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="product-color-104"></label></li>
|
||||
<li><input type="radio" name="sizes10" id="product-color-105"><label
|
||||
class="avatar-xxs btn btn-light p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="product-color-105"></label></li>
|
||||
</ul>
|
||||
<a href="#!">
|
||||
<h6 class="text-capitalize fs-16 lh-base text-truncate mb-0">Carven Lounge Chair Red</h6>
|
||||
</a>
|
||||
<div class="mt-2">
|
||||
<span class="float-end">4.1 <i
|
||||
class="ri-star-half-fill text-warning align-bottom"></i></span>
|
||||
<h5 class="text-secondary mb-0">$209.99</h5>
|
||||
</div>
|
||||
<div class="mt-3">
|
||||
<a href="#!" class="btn btn-primary w-100 add-btn"><i class="mdi mdi-cart me-1"></i>
|
||||
Add To Cart</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xxl-3 col-lg-4 col-md-6">
|
||||
<div
|
||||
class="card ecommerce-product-widgets border-0 rounded-0 shadow-none overflow-hidden card-animate">
|
||||
<div class="bg-light bg-opacity-50 rounded py-4 position-relative">
|
||||
<img src="{{ URL::asset('build/images/products/img-7.png') }}" alt=""
|
||||
style="max-height: 200px;max-width: 100%;" class="mx-auto d-block rounded-2">
|
||||
<div class="action vstack gap-2">
|
||||
<button class="btn btn-danger avatar-xs p-0 btn-soft-warning custom-toggle product-action "
|
||||
data-bs-toggle="button"><span class="icon-on"><i
|
||||
class="ri-heart-line"></i></span><span class="icon-off"><i
|
||||
class="ri-heart-fill"></i></span></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pt-4">
|
||||
<div>
|
||||
<div class="avatar-xxs mb-4">
|
||||
<div class="avatar-title bg-light text-muted rounded cursor-pointer"><i
|
||||
class="ri-error-warning-line"></i></div>
|
||||
</div>
|
||||
<a href="#!">
|
||||
<h6 class="text-capitalize fs-16 lh-base text-truncate mb-0">Innovative education book
|
||||
</h6>
|
||||
</a>
|
||||
<div class="mt-2">
|
||||
<span class="float-end">4.7 <i
|
||||
class="ri-star-half-fill text-warning align-bottom"></i></span>
|
||||
<h5 class="text-secondary mb-0">$96.26</h5>
|
||||
</div>
|
||||
<div class="mt-3">
|
||||
<a href="#!" class="btn btn-primary w-100 add-btn"><i
|
||||
class="mdi mdi-cart me-1"></i> Add To Cart</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xxl-3 col-lg-4 col-md-6">
|
||||
<div
|
||||
class="card ecommerce-product-widgets border-0 rounded-0 shadow-none overflow-hidden card-animate">
|
||||
<div class="bg-light bg-opacity-50 rounded py-4 position-relative">
|
||||
<img src="{{ URL::asset('build/images/products/img-3.png') }}" alt=""
|
||||
style="max-height: 200px;max-width: 100%;" class="mx-auto d-block rounded-2">
|
||||
<div class="action vstack gap-2">
|
||||
<button class="btn btn-danger avatar-xs p-0 btn-soft-warning custom-toggle product-action "
|
||||
data-bs-toggle="button"><span class="icon-on"><i
|
||||
class="ri-heart-line"></i></span><span class="icon-off"><i
|
||||
class="ri-heart-fill"></i></span></button>
|
||||
</div>
|
||||
<div class="avatar-xs label">
|
||||
<div class="avatar-title bg-danger rounded-circle fs-11">20%</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pt-4">
|
||||
<ul class="clothe-colors list-unstyled hstack gap-1 mb-3 flex-wrap">
|
||||
<li><input type="radio" name="sizes11" id="product-color-112"><label
|
||||
class="avatar-xxs btn btn-secondary p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="product-color-112"></label></li>
|
||||
<li><input type="radio" name="sizes11" id="product-color-113"><label
|
||||
class="avatar-xxs btn btn-info p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="product-color-113"></label></li>
|
||||
</ul>
|
||||
<a href="#!">
|
||||
<h6 class="text-capitalize fs-16 lh-base text-truncate mb-0">Ninja Pro Max Smartwatch</h6>
|
||||
</a>
|
||||
<div class="mt-2">
|
||||
<span class="float-end">3.5 <i
|
||||
class="ri-star-half-fill text-warning align-bottom"></i></span>
|
||||
<h5 class="text-secondary mb-0">$247.27 <span
|
||||
class="text-muted fs-12"><del>$309.09</del></span></h5>
|
||||
</div>
|
||||
<div class="mt-3">
|
||||
<a href="#!" class="btn btn-primary w-100 add-btn"><i class="mdi mdi-cart me-1"></i>
|
||||
Add To Cart</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xxl-3 col-lg-4 col-md-6">
|
||||
<div
|
||||
class="card ecommerce-product-widgets border-0 rounded-0 shadow-none overflow-hidden card-animate">
|
||||
<div class="bg-light bg-opacity-50 rounded py-4 position-relative">
|
||||
<img src="{{ URL::asset('build/images/products/img-2.png') }}" alt=""
|
||||
style="max-height: 200px;max-width: 100%;" class="mx-auto d-block rounded-2">
|
||||
<div class="action vstack gap-2">
|
||||
<button class="btn btn-danger avatar-xs p-0 btn-soft-warning custom-toggle product-action "
|
||||
data-bs-toggle="button"><span class="icon-on"><i
|
||||
class="ri-heart-line"></i></span><span class="icon-off"><i
|
||||
class="ri-heart-fill"></i></span></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pt-4">
|
||||
<ul class="clothe-colors list-unstyled hstack gap-1 mb-3 flex-wrap">
|
||||
<li><input type="radio" name="sizes12" id="product-color-122"><label
|
||||
class="avatar-xxs btn btn-success p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="product-color-122"></label></li>
|
||||
</ul>
|
||||
<a href="#!">
|
||||
<h6 class="text-capitalize fs-16 lh-base text-truncate mb-0">Opinion Striped Round Neck
|
||||
Green T-shirt</h6>
|
||||
</a>
|
||||
<div class="mt-2">
|
||||
<span class="float-end">4.1 <i
|
||||
class="ri-star-half-fill text-warning align-bottom"></i></span>
|
||||
<h5 class="text-secondary mb-0">$126.99</h5>
|
||||
</div>
|
||||
<div class="mt-3">
|
||||
<a href="#!" class="btn btn-primary w-100 add-btn"><i class="mdi mdi-cart me-1"></i>
|
||||
Add To Cart</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section bg-light bg-opacity-25"
|
||||
style="background-image: url('build/images/ecommerce/bg-effect.png');background-position: center; background-size: cover;">
|
||||
<div class="container">
|
||||
<div class="row align-items-center justify-content-between">
|
||||
<div class="col-lg-6">
|
||||
<div>
|
||||
<p class="fs-15 text-uppercase fw-medium"><span class="fw-semibold text-danger">25% Up to</span>
|
||||
off all Products</p>
|
||||
<h1 class="lh-base text-capitalize mb-3">Stay home & get your daily needs from our shop</h1>
|
||||
<p class="fs-15 mb-4 pb-2">Start You'r Daily Shopping with <a href="#!"
|
||||
class="link-info fw-medium">Toner</a></p>
|
||||
<form action="#!">
|
||||
<div class="position-relative ecommerce-subscript">
|
||||
<input type="email" class="form-control rounded-pill" placeholder="Enter your email">
|
||||
<button type="submit" class="btn btn-primary btn-hover rounded-pill">Subscript
|
||||
Now</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-4">
|
||||
<div class="mt-5 mt-lg-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/subscribe.png') }}" alt="" class="img-fluid">
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end conatiner-->
|
||||
</section>
|
||||
|
||||
<section class="position-relative py-5">
|
||||
<div class="container">
|
||||
<div class="row gy-4 gy-lg-0">
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/fast-delivery.png') }}" alt="" class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-15">Fast & Secure Delivery</h5>
|
||||
<p class="text-muted mb-0">Tell about your service.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/returns.png') }}" alt="" class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-15">2 Days Return Policy</h5>
|
||||
<p class="text-muted mb-0">No question ask.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/guarantee-certificate.png') }}" alt=""
|
||||
class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-15">Money Back Guarantee</h5>
|
||||
<p class="text-muted mb-0">Within 5 business days</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/24-hours-support.png') }}" alt="" class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-15">24 X 7 Service</h5>
|
||||
<p class="text-muted mb-0">Online service for customer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end container-->
|
||||
</section>
|
||||
@endsection
|
||||
@section('scripts')
|
||||
<!-- nouisliderribute js -->
|
||||
<script src="{{ URL::asset('build/libs/nouislider/nouislider.min.js') }}"></script>
|
||||
<script src="{{ URL::asset('build/libs/wnumb/wNumb.min.js') }}"></script>
|
||||
|
||||
<!-- Product-list init js -->
|
||||
<script src="{{ URL::asset('build/js/frontend/product-list.init.js') }}"></script>
|
||||
|
||||
<!-- landing-index js -->
|
||||
<script src="{{ URL::asset('build/js/frontend/menu.init.js') }}"></script>
|
||||
@endsection
|
||||
@@ -0,0 +1,627 @@
|
||||
@extends('layouts.master')
|
||||
@section('title')
|
||||
List Right Sidebar
|
||||
@endsection
|
||||
@section('css')
|
||||
<!-- extra css -->
|
||||
<!-- nouisliderribute css -->
|
||||
<link rel="stylesheet" href="{{ URL::asset('build/libs/nouislider/nouislider.min.css') }}">
|
||||
@endsection
|
||||
@section('content')
|
||||
<section class="ecommerce-about"
|
||||
style="background-image: url('build/images/profile-bg.jpg'); background-size: cover;background-position: center;">
|
||||
<div class="bg-overlay bg-primary" style="opacity: 0.85;"></div>
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-6">
|
||||
<div class="text-center">
|
||||
<h1 class="text-white mb-0">Product List Right Sidebar</h1>
|
||||
<nav aria-label="breadcrumb">
|
||||
<ol class="breadcrumb breadcrumb-light justify-content-center mt-4">
|
||||
<li class="breadcrumb-item"><a href="#">Product</a></li>
|
||||
<li class="breadcrumb-item"><a href="#">List View</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page">Right Sidebar</li>
|
||||
</ol>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
<div class="ecommerce-product gap-4">
|
||||
<div class="flex-grow-1">
|
||||
<div class="d-flex align-items-center justify-content-between gap-2 mb-4">
|
||||
<div class="search-box">
|
||||
<input type="text" class="form-control" id="searchProductList" autocomplete="off"
|
||||
placeholder="Search Products...">
|
||||
<i class="ri-search-line search-icon"></i>
|
||||
</div>
|
||||
<div class="flex-shrink-0 d-flex gap-2">
|
||||
<div class="d-flex gap-2">
|
||||
<div class="flex-shrink-0">
|
||||
<label for="sort-elem" class="col-form-label">Sort By:</label>
|
||||
</div>
|
||||
<div class="flex-shrink-0">
|
||||
<select class="form-select w-md" id="sort-elem">
|
||||
<option value="">All</option>
|
||||
<option value="low_to_high">Low to High</option>
|
||||
<option value="high_to_low">High to Low</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-xl-12">
|
||||
<div id="product-list"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" id="pagination-element">
|
||||
<div class="col-lg-12">
|
||||
<div
|
||||
class="pagination-block pagination pagination-separated justify-content-center justify-content-sm-end mb-sm-0">
|
||||
<div class="page-item">
|
||||
<a href="javascript:void(0);" class="page-link" id="page-prev">Previous</a>
|
||||
</div>
|
||||
<span id="page-num" class="pagination"></span>
|
||||
<div class="page-item">
|
||||
<a href="javascript:void(0);" class="page-link" id="page-next">Next</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row d-none" id="search-result-elem">
|
||||
<div class="col-lg-12">
|
||||
<div class="text-center py-5">
|
||||
<div class="avatar-lg mx-auto mb-4">
|
||||
<div class="avatar-title bg-primary-subtle text-primary rounded-circle fs-24">
|
||||
<i class="bi bi-search"></i>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h5>No matching records found</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sidebar small-sidebar flex-shrink-0">
|
||||
<div class="card overflow-hidden">
|
||||
<div class="card-header">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-16 mb-0">Filters</h5>
|
||||
</div>
|
||||
<div class="flex-shrink-0">
|
||||
<a href="#" class="text-decoration-underline" id="clearall">Clear All</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="accordion accordion-flush filter-accordion">
|
||||
<div class="card-body border-bottom">
|
||||
<div>
|
||||
<p class="text-muted text-uppercase fs-12 fw-medium mb-3">Products</p>
|
||||
<ul class="list-unstyled mb-0 filter-list">
|
||||
<li>
|
||||
<a href="#" class="d-flex py-1 align-items-center">
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-13 mb-0 listname">Grocery</h5>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="d-flex py-1 align-items-center">
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-13 mb-0 listname">Fashion</h5>
|
||||
</div>
|
||||
<div class="flex-shrink-0 ms-2">
|
||||
<span class="badge bg-light text-muted">5</span>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="d-flex py-1 align-items-center">
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-13 mb-0 listname">Watches</h5>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="d-flex py-1 align-items-center">
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-13 mb-0 listname">Electronics</h5>
|
||||
</div>
|
||||
<div class="flex-shrink-0 ms-2">
|
||||
<span class="badge bg-light text-muted">5</span>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="d-flex py-1 align-items-center">
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-13 mb-0 listname">Furniture</h5>
|
||||
</div>
|
||||
<div class="flex-shrink-0 ms-2">
|
||||
<span class="badge bg-light text-muted">6</span>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="d-flex py-1 align-items-center">
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-13 mb-0 listname">Automotive Accessories</h5>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="d-flex py-1 align-items-center">
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-13 mb-0 listname">Appliances</h5>
|
||||
</div>
|
||||
<div class="flex-shrink-0 ms-2">
|
||||
<span class="badge bg-light text-muted">7</span>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="#" class="d-flex py-1 align-items-center">
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-13 mb-0 listname">Kids</h5>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card-body border-bottom">
|
||||
<p class="text-muted text-uppercase fs-12 fw-medium mb-4">Price</p>
|
||||
|
||||
<div id="product-price-range" data-slider-color="info"></div>
|
||||
<div class="formCost d-flex gap-2 align-items-center mt-3">
|
||||
<input class="form-control form-control-sm" type="text" id="minCost"
|
||||
value="0"> <span class="fw-semibold text-muted">to</span> <input
|
||||
class="form-control form-control-sm" type="text" id="maxCost"
|
||||
value="1000">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="flush-headingColors">
|
||||
<button class="accordion-button bg-transparent shadow-none" type="button"
|
||||
data-bs-toggle="collapse" data-bs-target="#flush-collapseColors"
|
||||
aria-expanded="true" aria-controls="flush-collapseColors">
|
||||
<span class="text-muted text-uppercase fs-12 fw-medium">Colors</span> <span
|
||||
class="badge bg-success rounded-pill align-middle ms-1 filter-badge"></span>
|
||||
</button>
|
||||
</h2>
|
||||
|
||||
<div id="flush-collapseColors" class="accordion-collapse collapse show"
|
||||
aria-labelledby="flush-headingColors">
|
||||
<div class="accordion-body text-body pt-0">
|
||||
<ul class="clothe-colors list-unstyled hstack gap-3 mb-0 flex-wrap"
|
||||
id="color-filter">
|
||||
<li>
|
||||
<input type="radio" name="colors" value="success" id="color-1">
|
||||
<label
|
||||
class="avatar-xs btn btn-success p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="color-1"></label>
|
||||
</li>
|
||||
<li>
|
||||
<input type="radio" name="colors" value="info" id="color-2">
|
||||
<label
|
||||
class="avatar-xs btn btn-info p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="color-2"></label>
|
||||
</li>
|
||||
<li>
|
||||
<input type="radio" name="colors" value="warning" id="color-3">
|
||||
<label
|
||||
class="avatar-xs btn btn-warning p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="color-3"></label>
|
||||
</li>
|
||||
<li>
|
||||
<input type="radio" name="colors" value="danger" id="color-4">
|
||||
<label
|
||||
class="avatar-xs btn btn-danger p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="color-4"></label>
|
||||
</li>
|
||||
<li>
|
||||
<input type="radio" name="colors" value="primary" id="color-5">
|
||||
<label
|
||||
class="avatar-xs btn btn-primary p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="color-5"></label>
|
||||
</li>
|
||||
<li>
|
||||
<input type="radio" name="colors" value="secondary" id="color-6">
|
||||
<label
|
||||
class="avatar-xs btn btn-secondary p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="color-6"></label>
|
||||
</li>
|
||||
<li>
|
||||
<input type="radio" name="colors" value="dark" id="color-7">
|
||||
<label
|
||||
class="avatar-xs btn btn-dark p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="color-7"></label>
|
||||
</li>
|
||||
<li>
|
||||
<input type="radio" name="colors" value="light" id="color-8">
|
||||
<label
|
||||
class="avatar-xs btn btn-light p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="color-8"></label>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end accordion-item -->
|
||||
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="flush-headingColors">
|
||||
<button class="accordion-button bg-transparent shadow-none" type="button"
|
||||
data-bs-toggle="collapse" data-bs-target="#flush-collapseColors"
|
||||
aria-expanded="true" aria-controls="flush-collapseColors">
|
||||
<span class="text-muted text-uppercase fs-12 fw-medium">Sizes</span> <span
|
||||
class="badge bg-success rounded-pill align-middle ms-1 filter-badge"></span>
|
||||
</button>
|
||||
</h2>
|
||||
|
||||
<div id="flush-collapseColors" class="accordion-collapse collapse show"
|
||||
aria-labelledby="flush-headingColors">
|
||||
<div class="accordion-body text-body pt-0">
|
||||
<ul class="clothe-size list-unstyled hstack gap-3 mb-0 flex-wrap"
|
||||
id="size-filter">
|
||||
<li>
|
||||
<input type="radio" name="sizes" value="xs" id="sizeXs">
|
||||
<label
|
||||
class="avatar-xs btn btn-soft-primary p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="sizeXs">XS</label>
|
||||
</li>
|
||||
<li>
|
||||
<input type="radio" name="sizes" value="s" id="sizeS">
|
||||
<label
|
||||
class="avatar-xs btn btn-soft-primary p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="sizeS">S</label>
|
||||
</li>
|
||||
<li>
|
||||
<input type="radio" name="sizes" value="m" id="sizeM">
|
||||
<label
|
||||
class="avatar-xs btn btn-soft-primary p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="sizeM">M</label>
|
||||
</li>
|
||||
<li>
|
||||
<input type="radio" name="sizes" value="l" id="sizeL">
|
||||
<label
|
||||
class="avatar-xs btn btn-soft-primary p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="sizeL">L</label>
|
||||
</li>
|
||||
<li>
|
||||
<input type="radio" name="sizes" value="xl" id="sizeXl">
|
||||
<label
|
||||
class="avatar-xs btn btn-soft-primary p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="sizeXl">XL</label>
|
||||
</li>
|
||||
<li>
|
||||
<input type="radio" name="sizes" value="2xl" id="size2xl">
|
||||
<label
|
||||
class="avatar-xs btn btn-soft-primary p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="size2xl">2XL</label>
|
||||
</li>
|
||||
<li>
|
||||
<input type="radio" name="sizes" value="3xl" id="size3xl">
|
||||
<label
|
||||
class="avatar-xs btn btn-soft-primary p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="size3xl">3XL</label>
|
||||
</li>
|
||||
<li>
|
||||
<input type="radio" name="sizes" value="4xl" id="size4xl">
|
||||
<label
|
||||
class="avatar-xs btn btn-soft-primary p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="size4xl">4XL</label>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end accordion-item -->
|
||||
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="flush-headingBrands">
|
||||
<button class="accordion-button bg-transparent shadow-none" type="button"
|
||||
data-bs-toggle="collapse" data-bs-target="#flush-collapseBrands"
|
||||
aria-expanded="true" aria-controls="flush-collapseBrands">
|
||||
<span class="text-muted text-uppercase fs-12 fw-medium">Brands</span> <span
|
||||
class="badge bg-success rounded-pill align-middle ms-1 filter-badge"></span>
|
||||
</button>
|
||||
</h2>
|
||||
|
||||
<div id="flush-collapseBrands" class="accordion-collapse collapse show"
|
||||
aria-labelledby="flush-headingBrands">
|
||||
<div class="accordion-body text-body pt-0">
|
||||
<div class="search-box search-box-sm">
|
||||
<input type="text" class="form-control bg-light border-0"
|
||||
id="searchBrandsList" placeholder="Search Brands...">
|
||||
<i class="ri-search-line search-icon"></i>
|
||||
</div>
|
||||
<div class="d-flex flex-column gap-2 mt-3 filter-check">
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="Boat"
|
||||
id="productBrandRadio5">
|
||||
<label class="form-check-label" for="productBrandRadio5">Boat</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="OnePlus"
|
||||
id="productBrandRadio4">
|
||||
<label class="form-check-label" for="productBrandRadio4">OnePlus</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="Realme"
|
||||
id="productBrandRadio3">
|
||||
<label class="form-check-label" for="productBrandRadio3">Realme</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="Sony"
|
||||
id="productBrandRadio2">
|
||||
<label class="form-check-label" for="productBrandRadio2">Sony</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="JBL"
|
||||
id="productBrandRadio1">
|
||||
<label class="form-check-label" for="productBrandRadio1">JBL</label>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<button type="button"
|
||||
class="btn btn-link text-decoration-none text-uppercase fw-medium p-0">1,235
|
||||
More</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end accordion-item -->
|
||||
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="flush-headingDiscount">
|
||||
<button class="accordion-button bg-transparent shadow-none collapsed" type="button"
|
||||
data-bs-toggle="collapse" data-bs-target="#flush-collapseDiscount"
|
||||
aria-expanded="true" aria-controls="flush-collapseDiscount">
|
||||
<span class="text-muted text-uppercase fs-12 fw-medium">Discount</span> <span
|
||||
class="badge bg-success rounded-pill align-middle ms-1 filter-badge"></span>
|
||||
</button>
|
||||
</h2>
|
||||
<div id="flush-collapseDiscount" class="accordion-collapse collapse"
|
||||
aria-labelledby="flush-headingDiscount">
|
||||
<div class="accordion-body text-body pt-1">
|
||||
<div class="d-flex flex-column gap-2 filter-check" id="discount-filter">
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="50"
|
||||
id="productdiscountRadio6">
|
||||
<label class="form-check-label" for="productdiscountRadio6">50% or
|
||||
more</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="40"
|
||||
id="productdiscountRadio5">
|
||||
<label class="form-check-label" for="productdiscountRadio5">40% or
|
||||
more</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="30"
|
||||
id="productdiscountRadio4">
|
||||
<label class="form-check-label" for="productdiscountRadio4">
|
||||
30% or more
|
||||
</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="20"
|
||||
id="productdiscountRadio3">
|
||||
<label class="form-check-label" for="productdiscountRadio3">
|
||||
20% or more
|
||||
</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="10"
|
||||
id="productdiscountRadio2">
|
||||
<label class="form-check-label" for="productdiscountRadio2">
|
||||
10% or more
|
||||
</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="0"
|
||||
id="productdiscountRadio1">
|
||||
<label class="form-check-label" for="productdiscountRadio1">
|
||||
Less than 10%
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end accordion-item -->
|
||||
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="flush-headingRating">
|
||||
<button class="accordion-button bg-transparent shadow-none collapsed" type="button"
|
||||
data-bs-toggle="collapse" data-bs-target="#flush-collapseRating"
|
||||
aria-expanded="false" aria-controls="flush-collapseRating">
|
||||
<span class="text-muted text-uppercase fs-12 fw-medium">Rating</span> <span
|
||||
class="badge bg-success rounded-pill align-middle ms-1 filter-badge"></span>
|
||||
</button>
|
||||
</h2>
|
||||
|
||||
<div id="flush-collapseRating" class="accordion-collapse collapse"
|
||||
aria-labelledby="flush-headingRating">
|
||||
<div class="accordion-body text-body">
|
||||
<div class="d-flex flex-column gap-2 filter-check" id="rating-filter">
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="4"
|
||||
id="productratingRadio4">
|
||||
<label class="form-check-label" for="productratingRadio4">
|
||||
<span class="text-muted">
|
||||
<i class="mdi mdi-star text-warning"></i>
|
||||
<i class="mdi mdi-star text-warning"></i>
|
||||
<i class="mdi mdi-star text-warning"></i>
|
||||
<i class="mdi mdi-star text-warning"></i>
|
||||
<i class="mdi mdi-star"></i>
|
||||
</span> 4 & Above
|
||||
</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="3"
|
||||
id="productratingRadio3">
|
||||
<label class="form-check-label" for="productratingRadio3">
|
||||
<span class="text-muted">
|
||||
<i class="mdi mdi-star text-warning"></i>
|
||||
<i class="mdi mdi-star text-warning"></i>
|
||||
<i class="mdi mdi-star text-warning"></i>
|
||||
<i class="mdi mdi-star"></i>
|
||||
<i class="mdi mdi-star"></i>
|
||||
</span> 3 & Above
|
||||
</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="2"
|
||||
id="productratingRadio2">
|
||||
<label class="form-check-label" for="productratingRadio2">
|
||||
<span class="text-muted">
|
||||
<i class="mdi mdi-star text-warning"></i>
|
||||
<i class="mdi mdi-star text-warning"></i>
|
||||
<i class="mdi mdi-star"></i>
|
||||
<i class="mdi mdi-star"></i>
|
||||
<i class="mdi mdi-star"></i>
|
||||
</span> 2 & Above
|
||||
</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="1"
|
||||
id="productratingRadio1">
|
||||
<label class="form-check-label" for="productratingRadio1">
|
||||
<span class="text-muted">
|
||||
<i class="mdi mdi-star text-warning"></i>
|
||||
<i class="mdi mdi-star"></i>
|
||||
<i class="mdi mdi-star"></i>
|
||||
<i class="mdi mdi-star"></i>
|
||||
<i class="mdi mdi-star"></i>
|
||||
</span> 1
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end accordion-item -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- end card -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section bg-light bg-opacity-25"
|
||||
style="background-image: url('build/images/ecommerce/bg-effect.png');background-position: center; background-size: cover;">
|
||||
<div class="container">
|
||||
<div class="row align-items-center justify-content-between">
|
||||
<div class="col-lg-6">
|
||||
<div>
|
||||
<p class="fs-15 text-uppercase fw-medium"><span class="fw-semibold text-danger">25% Up to</span>
|
||||
off all Products</p>
|
||||
<h1 class="lh-base text-capitalize mb-3">Stay home & get your daily needs from our shop</h1>
|
||||
<p class="fs-15 mb-4 pb-2">Start You'r Daily Shopping with <a href="#!"
|
||||
class="link-info fw-medium">Toner</a></p>
|
||||
<form action="#!">
|
||||
<div class="position-relative ecommerce-subscript">
|
||||
<input type="email" class="form-control rounded-pill" placeholder="Enter your email">
|
||||
<button type="submit" class="btn btn-primary btn-hover rounded-pill">Subscript
|
||||
Now</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-4">
|
||||
<div class="mt-4 mt-lg-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/subscribe.png') }}" alt="" class="img-fluid">
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end conatiner-->
|
||||
</section>
|
||||
|
||||
<section class="position-relative py-5">
|
||||
<div class="container">
|
||||
<div class="row gy-4 gy-lg-0">
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/fast-delivery.png') }}" alt="" class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-15">Fast & Secure Delivery</h5>
|
||||
<p class="text-muted mb-0">Tell about your service.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/returns.png') }}" alt="" class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-15">2 Days Return Policy</h5>
|
||||
<p class="text-muted mb-0">No question ask.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/guarantee-certificate.png') }}" alt=""
|
||||
class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-15">Money Back Guarantee</h5>
|
||||
<p class="text-muted mb-0">Within 5 business days</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/24-hours-support.png') }}" alt="" class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-15">24 X 7 Service</h5>
|
||||
<p class="text-muted mb-0">Online service for customer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end container-->
|
||||
</section>
|
||||
@endsection
|
||||
@section('scripts')
|
||||
<!-- nouisliderribute js -->
|
||||
<script src="{{ URL::asset('build/libs/nouislider/nouislider.min.js') }}"></script>
|
||||
<script src="{{ URL::asset('build/libs/wnumb/wNumb.min.js') }}"></script>
|
||||
|
||||
<!-- Product-list init js -->
|
||||
<script src="{{ URL::asset('build/js/frontend/product-list.init.js') }}"></script>
|
||||
|
||||
<!-- landing-index js -->
|
||||
<script src="{{ URL::asset('build/js/frontend/menu.init.js') }}"></script>
|
||||
@endsection
|
||||
@@ -0,0 +1,376 @@
|
||||
@extends('layouts.master')
|
||||
@section('title')
|
||||
Product List No Sidebar
|
||||
@endsection
|
||||
@section('css')
|
||||
<!-- extra css -->
|
||||
<!-- nouisliderribute css -->
|
||||
<link rel="stylesheet" href="{{ URL::asset('build/libs/nouislider/nouislider.min.css') }}">
|
||||
@endsection
|
||||
@section('content')
|
||||
<section class="ecommerce-about"
|
||||
style="background-image: url('build/images/profile-bg.jpg'); background-size: cover;background-position: center;">
|
||||
<div class="bg-overlay bg-primary" style="opacity: 0.85;"></div>
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-6">
|
||||
<div class="text-center">
|
||||
<h1 class="text-white mb-0">Product List No Sidebar</h1>
|
||||
<nav aria-label="breadcrumb">
|
||||
<ol class="breadcrumb breadcrumb-light justify-content-center mt-4">
|
||||
<li class="breadcrumb-item"><a href="#">Product</a></li>
|
||||
<li class="breadcrumb-item"><a href="#">List View</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page">No Sidebar</li>
|
||||
</ol>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
<div class="ecommerce-product gap-4">
|
||||
<div class="flex-grow-1">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="card">
|
||||
<div class="card-body p-4">
|
||||
<div class="row gy-4">
|
||||
<div class="col-xl-3 col-md-6">
|
||||
<div>
|
||||
<label class="form-label">Category</label>
|
||||
<select class="form-control" name="select-category" id="select-category">
|
||||
<option value="">Select Category</option>
|
||||
<option value="Grocery">Grocery</option>
|
||||
<option value="Fashion">Fashion</option>
|
||||
<option value="Watches">Watches</option>
|
||||
<option value="Electronics">Electronics</option>
|
||||
<option value="Furniture">Furniture</option>
|
||||
<option value="Automotive Accessories">Automotive Accessories</option>
|
||||
<option value="Appliances">Appliances</option>
|
||||
<option value="Kids">Kids</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xl-3 col-md-6">
|
||||
<div>
|
||||
<label class="form-label">Price</label>
|
||||
<div class="pb-3">
|
||||
<div id="slider-hide" data-slider-color="info" class="mb-4"></div>
|
||||
<div class="formCost d-none gap-2 align-items-center">
|
||||
<input class="form-control form-control-sm" type="text"
|
||||
id="minCost" value="0"> <span
|
||||
class="fw-semibold text-muted">to</span> <input
|
||||
class="form-control form-control-sm" type="text"
|
||||
id="maxCost" value="1000">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xl-3 col-md-6">
|
||||
<div>
|
||||
<label class="form-label">Rating</label>
|
||||
<select class="form-control" multiple name="select-rating"
|
||||
id="select-rating">
|
||||
<option value="">Select rating</option>
|
||||
<option value="4">4 & Above</option>
|
||||
<option value="3">3 & Above</option>
|
||||
<option value="2">2 & Above</option>
|
||||
<option value="1">1</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xl-3 col-md-6">
|
||||
<div>
|
||||
<label class="form-label">Discount</label>
|
||||
<select class="form-control" multiple name="select-discount"
|
||||
id="select-discount">
|
||||
<option value="">Select discount</option>
|
||||
<option value="50">50% or more</option>
|
||||
<option value="40">40% or more</option>
|
||||
<option value="30">30% or more</option>
|
||||
<option value="20">20% or more</option>
|
||||
<option value="10">10% or more</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex align-items-center justify-content-between gap-2 mb-4">
|
||||
<div class="search-box">
|
||||
<input type="text" class="form-control" id="searchProductList" autocomplete="off"
|
||||
placeholder="Search Products...">
|
||||
<i class="ri-search-line search-icon"></i>
|
||||
</div>
|
||||
<div class="flex-shrink-0 d-flex gap-2">
|
||||
<div class="d-flex gap-2">
|
||||
<div class="flex-shrink-0">
|
||||
<label for="sort-elem" class="col-form-label">Sort By:</label>
|
||||
</div>
|
||||
<div class="flex-shrink-0">
|
||||
<select class="form-select w-md" id="sort-elem">
|
||||
<option value="">All</option>
|
||||
<option value="low_to_high">Low to High</option>
|
||||
<option value="high_to_low">High to Low</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row" id="layout-noSidebar">
|
||||
<div class="col-xl-12">
|
||||
<div id="product-list"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" id="pagination-element">
|
||||
<div class="col-lg-12">
|
||||
<div
|
||||
class="pagination-block pagination pagination-separated justify-content-center justify-content-sm-end mb-sm-0">
|
||||
<div class="page-item">
|
||||
<a href="javascript:void(0);" class="page-link" id="page-prev">Previous</a>
|
||||
</div>
|
||||
<span id="page-num" class="pagination"></span>
|
||||
<div class="page-item">
|
||||
<a href="javascript:void(0);" class="page-link" id="page-next">Next</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row d-none" id="search-result-elem">
|
||||
<div class="col-lg-12">
|
||||
<div class="text-center py-5">
|
||||
<div class="avatar-lg mx-auto mb-4">
|
||||
<div class="avatar-title bg-primary-subtle text-primary rounded-circle fs-24">
|
||||
<i class="bi bi-search"></i>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h5>No matching records found</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section pt-0">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="d-flex align-items-center justify-content-between mb-4 pb-1">
|
||||
<h3 class="flex-grow-1 mb-0">Today's Hot Deal</h3>
|
||||
<div class="flex-shrink-0">
|
||||
<a href="#!" class="link-effect link-success fw-medium">View All Products <i
|
||||
class="ri-arrow-right-line ms-1 align-bottom"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
<div class="row gy-4 gy-lg-0">
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<div class="ecommerce-deals-widgets">
|
||||
<div class="card overflow-hidden mb-0 border-0">
|
||||
<div class="gallery-product bg-danger-subtle card-body">
|
||||
<img src="{{ URL::asset('build/images/products/img-6.png') }}" alt="" class="avatar-xl">
|
||||
</div>
|
||||
</div>
|
||||
<div class="content mx-4 pt-5">
|
||||
<div class="card border-0 p-4 position-relative rounded-3 shadow-lg">
|
||||
<a href="#!">
|
||||
<h6 class="text-capitalize fs-16 lh-base text-truncate">Striped High Neck Casual Men
|
||||
Orange Sweater</h6>
|
||||
</a>
|
||||
<p class="text-muted"><i class="ri-star-fill text-warning align-bottom"></i> <i
|
||||
class="ri-star-fill text-warning align-bottom"></i> <i
|
||||
class="ri-star-fill text-warning align-bottom"></i> <i
|
||||
class="ri-star-fill text-warning align-bottom"></i> <i
|
||||
class="ri-star-half-fill text-warning align-bottom"></i> (4.7)</p>
|
||||
<div class="mt-3 d-flex align-items-center">
|
||||
<h5 class="text-secondary flex-grow-1 mb-0">$62.40 <span
|
||||
class="text-muted fs-12"><del>$120.00</del></span></h5>
|
||||
<a href="#!" class="btn btn-primary btn-sm"><i
|
||||
class="ri-shopping-bag-line align-bottom me-1"></i> Add</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<div class="ecommerce-deals-widgets">
|
||||
<div class="card overflow-hidden mb-0 border-0">
|
||||
<div class="gallery-product bg-success-subtle card-body">
|
||||
<img src="{{ URL::asset('build/images/products/img-4.png') }}" alt="" class="avatar-xl">
|
||||
</div>
|
||||
</div>
|
||||
<div class="content mx-4 pt-5">
|
||||
<div class="card border-0 p-4 position-relative rounded-3 shadow-lg">
|
||||
<a href="#!">
|
||||
<h6 class="text-capitalize fs-16 lh-base text-truncate">Girls Mint Green & Off-White
|
||||
Solid Open Toe Flats</h6>
|
||||
</a>
|
||||
<p class="text-muted"><i class="ri-star-fill text-warning align-bottom"></i> <i
|
||||
class="ri-star-fill text-warning align-bottom"></i> <i
|
||||
class="ri-star-fill text-warning align-bottom"></i> <i
|
||||
class="ri-star-fill text-warning align-bottom"></i> <i
|
||||
class="ri-star-half-fill text-warning align-bottom"></i> (4.5)</p>
|
||||
<div class="mt-3 d-flex align-items-center">
|
||||
<h5 class="text-secondary flex-grow-1 mb-0">$80.00 <span
|
||||
class="text-muted fs-12"><del>$180.00</del></span></h5>
|
||||
<a href="#!" class="btn btn-primary btn-sm"><i
|
||||
class="ri-shopping-bag-line align-bottom me-1"></i> Add</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<div class="ecommerce-deals-widgets">
|
||||
<div class="card overflow-hidden mb-0 border-0">
|
||||
<div class="gallery-product bg-dark-subtle card-body">
|
||||
<img src="{{ URL::asset('build/images/products/img-19.png') }}" alt="" class="avatar-xl">
|
||||
</div>
|
||||
</div>
|
||||
<div class="content mx-4 pt-5">
|
||||
<div class="card border-0 p-4 position-relative rounded-3 shadow-lg">
|
||||
<a href="#!">
|
||||
<h6 class="text-capitalize fs-16 lh-base text-truncate">Ethex Women Ribbed Sweater</h6>
|
||||
</a>
|
||||
<p class="text-muted"><i class="ri-star-fill text-warning align-bottom"></i> <i
|
||||
class="ri-star-fill text-warning align-bottom"></i> <i
|
||||
class="ri-star-fill text-warning align-bottom"></i> <i
|
||||
class="ri-star-fill text-warning align-bottom"></i> <i
|
||||
class="ri-star-fill text-warning align-bottom"></i> (5.0)</p>
|
||||
<div class="mt-3 d-flex align-items-center">
|
||||
<h5 class="text-secondary flex-grow-1 mb-0">$24.07 <span
|
||||
class="text-muted fs-12"><del>$96.26</del></span></h5>
|
||||
<a href="#!" class="btn btn-primary btn-sm"><i
|
||||
class="ri-shopping-bag-line align-bottom me-1"></i> Add</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end container-->
|
||||
</section>
|
||||
|
||||
<section class="section bg-light bg-opacity-25"
|
||||
style="background-image: url('build/images/ecommerce/bg-effect.png');background-position: center; background-size: cover;">
|
||||
<div class="container">
|
||||
<div class="row align-items-center justify-content-between">
|
||||
<div class="col-lg-6">
|
||||
<div>
|
||||
<p class="fs-15 text-uppercase fw-medium"> <span class="fw-semibold text-danger">Summer</span>
|
||||
Collection</p>
|
||||
<h1 class="lh-base text-capitalize mb-3">Get 35% Discount For Couple Special</h1>
|
||||
<p class="fs-15 mb-4 pb-2">Start You'r Daily Shopping with <a href="#!"
|
||||
class="link-primary fw-medium">Toner</a></p>
|
||||
<form action="#!">
|
||||
<div class="position-relative ecommerce-subscript">
|
||||
<input type="email" class="form-control rounded-pill" placeholder="Enter your email">
|
||||
<button type="submit" class="btn btn-primary btn-hover rounded-pill">Subscript
|
||||
Now</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-4">
|
||||
<div class="mt-5 mt-lg-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/subscribe.png') }}" alt="" class="img-fluid">
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end conatiner-->
|
||||
</section>
|
||||
|
||||
<section class="position-relative py-5">
|
||||
<div class="container">
|
||||
<div class="row gy-3 gy-lg-0">
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/fast-delivery.png') }}" alt="" class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-15">Fast & Secure Delivery</h5>
|
||||
<p class="text-muted mb-0">Tell about your service.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/returns.png') }}" alt="" class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-15">2 Days Return Policy</h5>
|
||||
<p class="text-muted mb-0">No question ask.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/guarantee-certificate.png') }}" alt=""
|
||||
class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-15">Money Back Guarantee</h5>
|
||||
<p class="text-muted mb-0">Within 5 business days</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/24-hours-support.png') }}" alt="" class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-15">24 X 7 Service</h5>
|
||||
<p class="text-muted mb-0">Online service for customer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end container-->
|
||||
</section>
|
||||
@endsection
|
||||
@section('scripts')
|
||||
<!-- nouisliderribute js -->
|
||||
<script src="{{ URL::asset('build/libs/nouislider/nouislider.min.js') }}"></script>
|
||||
<script src="{{ URL::asset('build/libs/wnumb/wNumb.min.js') }}"></script>
|
||||
|
||||
<!-- Product-list init js -->
|
||||
<script src="{{ URL::asset('build/js/frontend/product-list.init.js') }}"></script>
|
||||
|
||||
<!-- landing-index js -->
|
||||
<script src="{{ URL::asset('build/js/frontend/menu.init.js') }}"></script>
|
||||
@endsection
|
||||
@@ -0,0 +1,529 @@
|
||||
@extends('layouts.master')
|
||||
@section('title')
|
||||
Products Category
|
||||
@endsection
|
||||
@section('css')
|
||||
<!-- extra css -->
|
||||
<!--Swiper slider css-->
|
||||
<link href="{{ URL::asset('build/libs/swiper/swiper-bundle.min.css') }}" rel="stylesheet" type="text/css">
|
||||
@endsection
|
||||
@section('content')
|
||||
<section class="section ecommerce-about"
|
||||
style="background-image: url('build/images/profile-bg.jpg'); background-size: cover; background-position: center;">
|
||||
<div class="bg-overlay bg-primary" style="opacity: 0.85;"></div>
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-6">
|
||||
<div class="text-center">
|
||||
<h1 class="text-white lh-base text-capitalize">Categories</h1>
|
||||
<p class="text-white-75 fs-15 mb-0">Our all categories wise product available here.</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end container-->
|
||||
</section>
|
||||
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-12">
|
||||
<div class="mb-5 text-center">
|
||||
<h2 class="mb-3">Classic</h2>
|
||||
<p class="text-muted fs-15 mb-0">Browser the collection of top categories.</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-3 col-md-6">
|
||||
<div class="card card-animate text-center">
|
||||
<div class="card-body p-4">
|
||||
<img src="{{ URL::asset('build/images/products/img-5.png') }}" alt="" class="avatar-xl">
|
||||
<div class="mt-4">
|
||||
<a href="product-list-defualt" class="stretched-link">
|
||||
<h5 class="fs-15 mb-0">Footwear</h5>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end card-->
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-3 col-md-6">
|
||||
<div class="card card-animate text-center">
|
||||
<div class="card-body p-4">
|
||||
<img src="{{ URL::asset('build/images/products/img-16.png') }}" alt="" class="avatar-xl">
|
||||
<div class="mt-4">
|
||||
<a href="product-list-defualt" class="stretched-link">
|
||||
<h5 class="fs-15 mb-0">Electronics</h5>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end card-->
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-3 col-md-6">
|
||||
<div class="card card-animate text-center">
|
||||
<div class="card-body p-4">
|
||||
<img src="{{ URL::asset('build/images/products/img-8.png') }}" alt="" class="avatar-xl">
|
||||
<div class="mt-4">
|
||||
<a href="product-list-defualt" class="stretched-link">
|
||||
<h5 class="fs-15 mb-0">Men's</h5>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end card-->
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-3 col-md-6">
|
||||
<div class="card card-animate text-center">
|
||||
<div class="card-body p-4">
|
||||
<img src="{{ URL::asset('build/images/products/img-11.png') }}" alt="" class="avatar-xl">
|
||||
<div class="mt-4">
|
||||
<a href="product-list-defualt" class="stretched-link">
|
||||
<h5 class="fs-15 mb-0">Women's</h5>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end card-->
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end container-->
|
||||
</section>
|
||||
|
||||
<section class="section pt-0">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-12">
|
||||
<div class="mb-5 text-center">
|
||||
<h2 class="mb-3">Default</h2>
|
||||
<p class="text-muted fs-15 mb-0">Browser the collection of top categories.</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end container-->
|
||||
<div class="container-fluid">
|
||||
<div class="row gy-4">
|
||||
<div class="col-xxl-4 col-md-6">
|
||||
<a href="product-list-defualt"
|
||||
class="product-banner-1 mt-4 mt-lg-0 rounded overflow-hidden position-relative d-block">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/features/img-3.jpg') }}" class="img-fluid rounded" alt="">
|
||||
<div class="bg-overlay blue"></div>
|
||||
<div class="product-content p-4">
|
||||
<p class="text-uppercase fw-semibold text-white fs-15 mb-2">Up to 50-70%</p>
|
||||
<h1 class="text-white lh-base ff-secondary display-5"> Women's Sportwere Sales</h1>
|
||||
<div class="product-btn text-white mt-4">
|
||||
Shop Now <i class="bi bi-arrow-right ms-2"></i>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-xxl-4 col-md-6">
|
||||
<a href="product-list-defualt"
|
||||
class="product-banner-1 mt-4 mt-lg-0 rounded overflow-hidden position-relative d-block right">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/features/img-2.jpg') }}" class="img-fluid rounded" alt="">
|
||||
<div class="bg-overlay"></div>
|
||||
<div class="product-content p-4 text-end">
|
||||
<p class="text-uppercase text-white fw-semibold fs-15 mb-2">MEGA SALE</p>
|
||||
<h1 class="text-white lh-base ff-secondary display-5">Running Shoes Sales Up to 50%</h1>
|
||||
<div class="product-btn mt-4 text-white">
|
||||
Shop Now <i class="bi bi-arrow-right ms-2"></i>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-xxl-4 col-md-6">
|
||||
<a href="product-grid-defualt"
|
||||
class="product-banner-1 mt-4 mt-lg-0 rounded overflow-hidden position-relative d-block">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/features/img-1.jpg') }}" class="img-fluid rounded" alt="">
|
||||
<div class="product-content p-4">
|
||||
<p class="text-uppercase fw-semibold text-secondary fs-15 mb-2">Summer Sales</p>
|
||||
<h1 class="lh-base ff-secondary display-5">Trendy Fashion Clothes</h1>
|
||||
<div class="product-btn text-primary mt-4">
|
||||
Shop Now <i class="bi bi-arrow-right ms-2"></i>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end container-fluid-->
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-12">
|
||||
<div class="mb-5 text-center">
|
||||
<h3 class="mb-3">Ellips</h3>
|
||||
<p class="text-muted fs-14 mb-0">Browser the collection of top categories.</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
<div class="row">
|
||||
<div class="col-lg-2 col-md-3 col-sm-6">
|
||||
<div class="text-center">
|
||||
<img src="{{ URL::asset('build/images/products/img-6.png') }}" alt=""
|
||||
class="img-fluid rounded-circle bg-warning-subtle border border-2 border-warning border-opacity-10 p-4">
|
||||
<div class="mt-4">
|
||||
<a href="#!">
|
||||
<h5 class="mb-2 fs-15">Clothes</h5>
|
||||
</a>
|
||||
<p class="text-muted fs-12">96 Products</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-2 col-md-3 col-sm-6">
|
||||
<div class="text-center">
|
||||
<img src="{{ URL::asset('build/images/products/img-20.png') }}" alt=""
|
||||
class="img-fluid rounded-circle bg-dark-subtle border border-2 border-dark border-opacity-10 p-4">
|
||||
<div class="mt-4">
|
||||
<a href="#!">
|
||||
<h5 class="mb-2 fs-15">Electronics</h5>
|
||||
</a>
|
||||
<p class="text-muted fs-12">25 Products</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-2 col-md-3 col-sm-6">
|
||||
<div class="text-center">
|
||||
<img src="{{ URL::asset('build/images/products/img-18.png') }}" alt=""
|
||||
class="img-fluid rounded-circle bg-warning-subtle border border-2 border-warning border-opacity-10 p-4">
|
||||
<div class="mt-4">
|
||||
<a href="#!">
|
||||
<h5 class="mb-2 fs-15">Cosmetic</h5>
|
||||
</a>
|
||||
<p class="text-muted fs-12">10 Products</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-2 col-md-3 col-sm-6">
|
||||
<div class="text-center">
|
||||
<img src="{{ URL::asset('build/images/products/img-1.png') }}" alt=""
|
||||
class="img-fluid rounded-circle bg-danger-subtle border border-2 border-danger border-opacity-10 p-4">
|
||||
<div class="mt-4">
|
||||
<a href="#!">
|
||||
<h5 class="mb-2 fs-15">Bags</h5>
|
||||
</a>
|
||||
<p class="text-muted fs-12">58 Products</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-2 col-md-3 col-sm-6">
|
||||
<div class="text-center">
|
||||
<img src="{{ URL::asset('build/images/products/img-15.png') }}" alt=""
|
||||
class="img-fluid rounded-circle bg-info-subtle border border-2 border-info border-opacity-10 p-4">
|
||||
<div class="mt-4">
|
||||
<a href="#!">
|
||||
<h5 class="mb-2 fs-15">Handbags & Clutches</h5>
|
||||
</a>
|
||||
<p class="text-muted fs-12">64 Products</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-2 col-md-3 col-sm-6">
|
||||
<div class="text-center">
|
||||
<img src="{{ URL::asset('build/images/products/img-5.png') }}" alt=""
|
||||
class="img-fluid rounded-circle bg-danger-subtle border border-2 border-danger border-opacity-10 p-4">
|
||||
<div class="mt-4">
|
||||
<a href="#!">
|
||||
<h5 class="mb-2 fs-15">Footwear</h5>
|
||||
</a>
|
||||
<p class="text-muted fs-12">342 Products</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end conatiner-->
|
||||
</section>
|
||||
|
||||
<section class="section pb-0">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-12">
|
||||
<div class="mb-5 text-center">
|
||||
<h3 class="mb-3">Slider Products</h3>
|
||||
<p class="text-muted fs-14 mb-0">Browser the collection of top categories.</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="swiper mySwiper" dir="ltr">
|
||||
<div class="swiper-wrapper py-4">
|
||||
<div class="swiper-slide">
|
||||
<div class="card card-animate overflow-hidden">
|
||||
<div class="bg-dark-subtle rounded-top py-4">
|
||||
<div class="gallery-product">
|
||||
<img src="{{ URL::asset('build/images/products/img-15.png') }}" alt=""
|
||||
style="max-height: 215px;max-width: 100%;" class="mx-auto d-block">
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body text-center">
|
||||
<a href="product-list" class="stretched-link">
|
||||
<h6 class="fs-16 lh-base text-truncate">Handbags & Clutches</h6>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<div class="card card-animate overflow-hidden">
|
||||
<div class="bg-dark-subtle rounded-top py-4">
|
||||
<div class="gallery-product">
|
||||
<img src="{{ URL::asset('build/images/products/img-17.png') }}" alt=""
|
||||
style="max-height: 215px;max-width: 100%;" class="mx-auto d-block">
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body text-center">
|
||||
<a href="product-list" class="stretched-link">
|
||||
<h6 class="fs-16 lh-base text-truncate">Electronics</h6>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<div class="card card-animate overflow-hidden">
|
||||
<div class="bg-success-subtle rounded-top py-4">
|
||||
<div class="gallery-product">
|
||||
<img src="{{ URL::asset('build/images/products/img-4.png') }}" alt=""
|
||||
style="max-height: 215px;max-width: 100%;" class="mx-auto d-block">
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body text-center">
|
||||
<a href="product-list" class="stretched-link">
|
||||
<h6 class="fs-16 lh-base text-truncate">Footwear</h6>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<div class="card card-animate overflow-hidden">
|
||||
<div class="bg-danger-subtle rounded-top py-4">
|
||||
<div class="gallery-product">
|
||||
<img src="{{ URL::asset('build/images/products/img-12.png') }}" alt=""
|
||||
style="max-height: 215px;max-width: 100%;" class="mx-auto d-block">
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body text-center">
|
||||
<a href="product-list" class="stretched-link">
|
||||
<h6 class="fs-16 lh-base text-truncate">Furniture & Decor</h6>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<div class="card card-animate overflow-hidden">
|
||||
<div class="bg-warning-subtle rounded-top py-4">
|
||||
<div class="gallery-product">
|
||||
<img src="{{ URL::asset('build/images/products/img-18.png') }}" alt=""
|
||||
style="max-height: 215px;max-width: 100%;" class="mx-auto d-block">
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body text-center">
|
||||
<a href="product-list" class="stretched-link">
|
||||
<h6 class="fs-16 lh-base text-truncate">Beauty, Health, Grocery</h6>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<div class="card card-animate overflow-hidden">
|
||||
<div class="bg-dark-subtle rounded-top py-4">
|
||||
<div class="gallery-product">
|
||||
<img src="{{ URL::asset('build/images/products/img-9.png') }}" alt=""
|
||||
style="max-height: 215px;max-width: 100%;" class="mx-auto d-block">
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body text-center">
|
||||
<a href="product-list" class="stretched-link">
|
||||
<h6 class="fs-16 lh-base text-truncate">Men's Accessories</h6>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-button-next"></div>
|
||||
<div class="swiper-button-prev"></div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end conatiner-->
|
||||
</section>
|
||||
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-12">
|
||||
<div class="mb-5 text-center">
|
||||
<h2 class="mb-3">Masonry</h2>
|
||||
<p class="text-muted fs-15 mb-0">Browser the collection of top categories.</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
<div class="row g-2">
|
||||
<div class="col-lg-7">
|
||||
<div class="card card-height-100">
|
||||
<a href="product-list-defualt" class="insta-img categrory-box rounded-3">
|
||||
<div class="categrory-content text-center">
|
||||
<span class="categrory-text text-white fs-18">Electronics</span>
|
||||
</div>
|
||||
<img src="{{ URL::asset('build/images/ecommerce/instagram/img-1.jpg') }}" class="img-fluid" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<!--end card-->
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-5">
|
||||
<div class="row g-2">
|
||||
<div class="col-lg-12">
|
||||
<div class="card mb-0">
|
||||
<a href="product-list-defualt" class="insta-img categrory-box rounded-3">
|
||||
<div class="categrory-content text-center">
|
||||
<span class="categrory-text text-white fs-18">Cosmetics</span>
|
||||
</div>
|
||||
<img src="{{ URL::asset('build/images/ecommerce/instagram/img-2.jpg') }}"
|
||||
class="w-100 object-fit-cover" alt="" style="max-height: 318px;">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-12">
|
||||
<div class="card mb-0">
|
||||
<a href="product-list-defualt" class="insta-img categrory-box rounded-3">
|
||||
<div class="categrory-content text-center">
|
||||
<span class="categrory-text text-white fs-18">Handbags & Clutches</span>
|
||||
</div>
|
||||
<img src="{{ URL::asset('build/images/ecommerce/instagram/img-5.jpg') }}"
|
||||
class="w-100 object-fit-cover" alt="" style="max-height: 318px;">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section"
|
||||
style="background-image: url('build/images/profile-bg.jpg'); background-size: cover;background-position: center;">
|
||||
<div class="bg-overlay bg-primary" style="opacity: 0.85;"></div>
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-6">
|
||||
<div class="text-center">
|
||||
<h1 class="text-white lh-base text-capitalize">Don't miss out on special offers</h1>
|
||||
<p class="text-white-75 fs-15 mb-4 pb-2">Never Miss Anything From Toner By Signing Up To Our
|
||||
Newsletter.</p>
|
||||
<form action="#!">
|
||||
<div class="position-relative ecommerce-subscript">
|
||||
<input type="email" class="form-control rounded-pill border-0"
|
||||
placeholder="Enter your email">
|
||||
<button type="submit" class="btn btn-darken-primary rounded-pill">Subscript Now</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="position-relative py-5">
|
||||
<div class="container">
|
||||
<div class="row gy-4 gy-lg-0">
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/fast-delivery.png') }}" alt="" class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-15">Fast & Secure Delivery</h5>
|
||||
<p class="text-muted mb-0">Tell about your service.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/returns.png') }}" alt="" class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-15">2 Days Return Policy</h5>
|
||||
<p class="text-muted mb-0">No question ask.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/guarantee-certificate.png') }}" alt=""
|
||||
class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-15">Money Back Guarantee</h5>
|
||||
<p class="text-muted mb-0">Within 5 business days</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/24-hours-support.png') }}" alt="" class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-15">24 X 7 Service</h5>
|
||||
<p class="text-muted mb-0">Online service for customer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end container-->
|
||||
</section>
|
||||
@endsection
|
||||
@section('scripts')
|
||||
<!--Swiper slider js-->
|
||||
<script src="{{ URL::asset('build/libs/swiper/swiper-bundle.min.js') }}"></script>
|
||||
|
||||
<script src="{{ URL::asset('build/js/frontend/category.init.js') }}"></script>
|
||||
|
||||
<script src="{{ URL::asset('build/js/frontend/menu.init.js') }}"></script>
|
||||
@endsection
|
||||
@@ -0,0 +1,306 @@
|
||||
@extends('layouts.master')
|
||||
@section('title')
|
||||
Purchase Guide
|
||||
@endsection
|
||||
@section('css')
|
||||
<!-- extra css -->
|
||||
@endsection
|
||||
@section('content')
|
||||
<section class="term-condition bg-primary">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-6">
|
||||
<div class="text-center">
|
||||
<h1 class="text-white mb-2">Purchase Guide</h1>
|
||||
<p class="text-white-75 mb-0">Last Updated 24 Nov, 2022</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="position-relative">
|
||||
<div class="svg-shape">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="1440"
|
||||
height="120" preserveAspectRatio="none" viewBox="0 0 1440 120">
|
||||
<g mask="url("#SvgjsMask1039")" fill="none">
|
||||
<rect width="1440" height="120" x="0" y="0" fill="var(--tb-primary)"></rect>
|
||||
<path d="M 0,85 C 288,68.8 1152,20.2 1440,4L1440 120L0 120z" fill="var(--tb-body-bg)"></path>
|
||||
</g>
|
||||
<defs>
|
||||
<mask id="SvgjsMask1039">
|
||||
<rect width="1440" height="120" fill="#ffffff"></rect>
|
||||
</mask>
|
||||
</defs>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<section class="section pt-0">
|
||||
<div class="container">
|
||||
<div class="card term-card mb-0">
|
||||
<div class="card-body p-5">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<h5 class="fs-18 mb-3">Account Registering</h5>
|
||||
<div class="d-flex gap-2 mb-2">
|
||||
<div class="flex-shrink-0">
|
||||
<i class="ri-flashlight-fill text-primary fs-15"></i>
|
||||
</div>
|
||||
<p class="text-muted fs-15 flex-grow-1 mb-0">In some instances, use of the Clients on Demand
|
||||
Website and Services may require that you disclose certain personal information for
|
||||
identification, including a unique email address and demographic information to
|
||||
register.</p>
|
||||
</div>
|
||||
<ul class="text-muted vstack gap-2 fs-15 ps-5" style="list-style-type: circle;">
|
||||
<li>
|
||||
Name
|
||||
</li>
|
||||
<li>
|
||||
Age
|
||||
</li>
|
||||
<li>
|
||||
Date of birth
|
||||
</li>
|
||||
<li>
|
||||
Current career
|
||||
</li>
|
||||
<li>
|
||||
Mobile phone numbers
|
||||
</li>
|
||||
<li>
|
||||
Email address
|
||||
</li>
|
||||
<li>
|
||||
Hobbies & interests
|
||||
</li>
|
||||
<li>
|
||||
Social profiles
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
|
||||
|
||||
<h5 class="fs-18 my-3">Select Product</h5>
|
||||
<div class="d-flex gap-2 mb-2">
|
||||
<div class="flex-shrink-0">
|
||||
<i class="ri-flashlight-fill text-primary fs-15"></i>
|
||||
</div>
|
||||
<p class="text-muted fs-15 flex-grow-1 mb-0">Products can be selected using through five
|
||||
modes of selection you choose from the product selection area titled Select product by:
|
||||
</p>
|
||||
</div>
|
||||
<ul class="text-muted vstack gap-2 fs-15 ps-5" style="list-style-type: circle;">
|
||||
<li>
|
||||
Search
|
||||
</li>
|
||||
<li>
|
||||
Items
|
||||
</li>
|
||||
<li>
|
||||
Product Selection Tree
|
||||
</li>
|
||||
<li>
|
||||
Clusters
|
||||
</li>
|
||||
<li>
|
||||
Aggregates
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<h5 class="fs-18 my-3">Confirm Order Content</h5>
|
||||
<div class="d-flex gap-2 mb-2">
|
||||
<div class="flex-shrink-0">
|
||||
<i class="ri-flashlight-fill text-primary fs-15"></i>
|
||||
</div>
|
||||
<p class="text-muted fs-15 flex-grow-1 mb-0">You’ve done the legwork to define your audience
|
||||
and their challenges. Now you want to put that information to use. Build the outline of
|
||||
your buyer’s guide based on pain points and lead with the solution.</p>
|
||||
</div>
|
||||
|
||||
<h5 class="fs-18 my-3">Transaction Completed</h5>
|
||||
<div class="d-flex gap-2 mb-2">
|
||||
<div class="flex-shrink-0">
|
||||
<i class="ri-flashlight-fill text-primary fs-15"></i>
|
||||
</div>
|
||||
<p class="text-muted fs-15 flex-grow-1 mb-0">All transactions eventually end, either in a
|
||||
commit or a rollback. If a transaction commits, all work done through the resources
|
||||
enlisted over the course of that transaction is made permanent and visible to other
|
||||
transactions. If a transaction rolls back, none of the work done through any enlisted
|
||||
resources is made permanent.</p>
|
||||
</div>
|
||||
<div class="d-flex gap-2 mb-2">
|
||||
<div class="flex-shrink-0">
|
||||
<i class="ri-flashlight-fill text-primary fs-15"></i>
|
||||
</div>
|
||||
<p class="text-muted fs-15 flex-grow-1 mb-0">prepare: The transaction instructs each
|
||||
resource to prepare itself for a commit. Each resource prepares by evaluating whether a
|
||||
commit succeeds or not, and responds with a vote to commit or roll back. If any resource
|
||||
responds with a rollback during the prepare phase, all resources are immediately rolled
|
||||
back and the transaction ends with a rollback. If a resource votes to commit, that
|
||||
resource must ensure that it can commit its work, even if a system failure occurs before
|
||||
the commit occurs.</p>
|
||||
</div>
|
||||
|
||||
<div class="d-flex gap-2 mb-2">
|
||||
<div class="flex-shrink-0">
|
||||
<i class="ri-flashlight-fill text-primary fs-15"></i>
|
||||
</div>
|
||||
<p class="text-muted fs-15 flex-grow-1 mb-0">commit : If all resources vote to commit, the
|
||||
transaction instructs each resource to commit. Resources cannot roll back at this point.
|
||||
</p>
|
||||
</div>
|
||||
<div class="d-flex gap-2 mb-4">
|
||||
<div class="flex-shrink-0">
|
||||
<i class="ri-flashlight-fill text-primary fs-15"></i>
|
||||
</div>
|
||||
<p class="text-muted fs-15 flex-grow-1 mb-0">After a transaction commits or rolls back, it
|
||||
ends and is dissociated from its thread, leaving the thread without a transaction.</p>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<h5 class="fs-18 my-3">Accepted Credit Cards</h5>
|
||||
<div class="d-flex gap-2 mb-2">
|
||||
<div class="flex-shrink-0">
|
||||
<i class="ri-flashlight-fill text-primary fs-15"></i>
|
||||
</div>
|
||||
<p class="text-muted fs-15 flex-grow-1 mb-0">Taxes are calculated by your local bank and
|
||||
location.</p>
|
||||
</div>
|
||||
<ul class="text-muted vstack gap-2 fs-15 ps-5" style="list-style-type: circle;">
|
||||
<li>
|
||||
Visa
|
||||
</li>
|
||||
<li>
|
||||
Mastercard
|
||||
</li>
|
||||
<li>
|
||||
American Express
|
||||
</li>
|
||||
<li>
|
||||
Discover
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<h5 class="fs-18 my-3">Download and Setup</h5>
|
||||
<div class="d-flex gap-2 mb-2">
|
||||
<div class="flex-shrink-0">
|
||||
<i class="ri-flashlight-fill text-primary fs-15"></i>
|
||||
</div>
|
||||
<p class="text-muted fs-15 flex-grow-1 mb-0">You can use the Content Installer application
|
||||
to locate, download, and install extra content from Library.</p>
|
||||
</div>
|
||||
<ul class="text-muted vstack gap-2 fs-15 ps-5 mb-0" style="list-style-type: circle;">
|
||||
<li>
|
||||
Updated content on a regular basis
|
||||
</li>
|
||||
<li>
|
||||
Secure & hassle-free payment
|
||||
</li>
|
||||
<li>
|
||||
1-click checkout
|
||||
</li>
|
||||
<li>
|
||||
Easy access & smart user dashboard
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section bg-light bg-opacity-25"
|
||||
style="background-image: url('build/images/ecommerce/bg-effect.png');background-position: center; background-size: cover;">
|
||||
<div class="container">
|
||||
<div class="row align-items-center justify-content-between">
|
||||
<div class="col-lg-6">
|
||||
<div>
|
||||
<p class="fs-15 text-uppercase fw-medium"><span class="fw-semibold text-danger">25% Up to</span> off
|
||||
all Products</p>
|
||||
<h1 class="lh-base text-capitalize mb-3">Stay home & get your daily needs from our shop</h1>
|
||||
<p class="fs-15 mb-4 pb-2">Start You'r Daily Shopping with <a href="#!"
|
||||
class="link-secondary fw-medium text-decoration-underline">Toner</a></p>
|
||||
<form action="#!">
|
||||
<div class="position-relative ecommerce-subscript">
|
||||
<input type="email" class="form-control rounded-pill" placeholder="Enter your email">
|
||||
<button type="submit" class="btn btn-primary btn-hover rounded-pill">Subscript
|
||||
Now</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<div class="mt-4 mt-lg-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/subscribe.png') }}" alt="" class="img-fluid">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="position-relative py-5">
|
||||
<div class="container">
|
||||
<div class="row gy-4 gy-lg-0">
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/fast-delivery.png') }}" alt="" class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-15">Fast & Secure Delivery</h5>
|
||||
<p class="text-muted mb-0">Tell about your service.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/returns.png') }}" alt="" class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-15">2 Days Return Policy</h5>
|
||||
<p class="text-muted mb-0">No question ask.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/guarantee-certificate.png') }}" alt=""
|
||||
class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-15">Money Back Guarantee</h5>
|
||||
<p class="text-muted mb-0">Within 5 business days</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/24-hours-support.png') }}" alt="" class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-15">24 X 7 Service</h5>
|
||||
<p class="text-muted mb-0">Online service for customer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end container-->
|
||||
</section>
|
||||
@endsection
|
||||
@section('scripts')
|
||||
<!-- landing-index js -->
|
||||
<script src="{{ URL::asset('build/js/frontend/menu.init.js') }}"></script>
|
||||
@endsection
|
||||
@@ -0,0 +1,230 @@
|
||||
@extends('layouts.master')
|
||||
@section('title')
|
||||
Customer Review
|
||||
@endsection
|
||||
@section('css')
|
||||
<!-- extra css -->
|
||||
@endsection
|
||||
@section('content')
|
||||
<section class="page-wrapper bg-primary">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="text-center d-flex align-items-center justify-content-between">
|
||||
<h4 class="text-white mb-0">Product Reviews</h4>
|
||||
<nav aria-label="breadcrumb">
|
||||
<ol class="breadcrumb breadcrumb-light justify-content-center mb-0 fs-15">
|
||||
<li class="breadcrumb-item"><a href="#!">Shop</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page">Review</li>
|
||||
</ol>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end container-->
|
||||
</section>
|
||||
<!-- end page title -->
|
||||
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
<div class="row" data-masonry='{"percentPosition": true }'>
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<img src="{{ URL::asset('build/images/users/avatar-10.jpg') }}" alt="" class="avatar-sm rounded">
|
||||
<h5 class="mb-2 mt-3">Scott Barber</h5>
|
||||
<div class="text-warning mb-3">
|
||||
<i class="ri-star-s-fill"></i>
|
||||
<i class="ri-star-s-fill"></i>
|
||||
<i class="ri-star-s-fill"></i>
|
||||
<i class="ri-star-s-fill"></i>
|
||||
<i class="ri-star-s-fill"></i>
|
||||
</div>
|
||||
<p class="mb-0 text-muted fs-15">Really don't regret buying it. great job done the design is
|
||||
simply fabulous love your job.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<img src="{{ URL::asset('build/images/users/avatar-8.jpg') }}" alt="" class="avatar-sm rounded">
|
||||
<h5 class="mb-2 mt-3">Daniel Owen</h5>
|
||||
<div class="text-warning mb-3">
|
||||
<i class="ri-star-s-fill"></i>
|
||||
<i class="ri-star-s-fill"></i>
|
||||
<i class="ri-star-s-fill"></i>
|
||||
<i class="ri-star-s-fill"></i>
|
||||
<i class="ri-star-s-fill"></i>
|
||||
</div>
|
||||
<p class="mb-0 text-muted fs-15">High theme quality. Very good support, they spent almost an
|
||||
hour remotely to fix a problem. I hope this theme will have a long term support.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<img src="{{ URL::asset('build/images/users/avatar-2.jpg') }}" alt="" class="avatar-sm rounded">
|
||||
<h5 class="mb-2 mt-3">Patrick Kelly</h5>
|
||||
<div class="text-warning mb-3">
|
||||
<i class="ri-star-s-fill"></i>
|
||||
<i class="ri-star-s-fill"></i>
|
||||
<i class="ri-star-s-fill"></i>
|
||||
<i class="ri-star-s-fill"></i>
|
||||
<i class="ri-star-s-fill"></i>
|
||||
</div>
|
||||
<p class="mb-0 text-muted fs-15">Very good support and also code works brilliantly and well
|
||||
documented</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<img src="{{ URL::asset('build/images/users/avatar-1.jpg') }}" alt="" class="avatar-sm rounded">
|
||||
<h5 class="mb-2 mt-3">Victoria Le</h5>
|
||||
<div class="text-warning mb-3">
|
||||
<i class="ri-star-s-fill"></i>
|
||||
<i class="ri-star-s-fill"></i>
|
||||
<i class="ri-star-s-fill"></i>
|
||||
<i class="ri-star-s-fill"></i>
|
||||
<i class="ri-star-s-fill"></i>
|
||||
</div>
|
||||
<p class="mb-0 text-muted fs-15">Thank you for supporting CakePHP 4, we have purchased the
|
||||
template because of this support, please push forward more integration</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<img src="{{ URL::asset('build/images/users/avatar-4.jpg') }}" alt="" class="avatar-sm rounded">
|
||||
<h5 class="mb-2 mt-3">Daniel Mejia</h5>
|
||||
<div class="text-warning mb-3">
|
||||
<i class="ri-star-s-fill"></i>
|
||||
<i class="ri-star-s-fill"></i>
|
||||
<i class="ri-star-s-fill"></i>
|
||||
<i class="ri-star-s-fill"></i>
|
||||
<i class="ri-star-s-fill"></i>
|
||||
</div>
|
||||
<p class="mb-0 text-muted fs-15">Gracias por las correciones que hiceron para esta version 1.4.
|
||||
Ahora definitivamente la calificacion debe ser de 5 estrellas. Excelente trabajo muchachos!
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<img src="{{ URL::asset('build/images/users/avatar-3.jpg') }}" alt="" class="avatar-sm rounded">
|
||||
<h5 class="mb-2 mt-3">Nicole Davis</h5>
|
||||
<div class="text-warning mb-3">
|
||||
<i class="ri-star-s-fill"></i>
|
||||
<i class="ri-star-s-fill"></i>
|
||||
<i class="ri-star-s-fill"></i>
|
||||
<i class="ri-star-s-fill"></i>
|
||||
<i class="ri-star-s-fill"></i>
|
||||
</div>
|
||||
<p class="mb-0 text-muted fs-15">We have used your other templates as well and seems it's
|
||||
amazing with the design and code quality. Wish you best for the future updates. Keep updated
|
||||
you will be #1 in near future.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<img src="{{ URL::asset('build/images/users/avatar-5.jpg') }}" alt="" class="avatar-sm rounded">
|
||||
<h5 class="mb-2 mt-3">Jessica Thomas</h5>
|
||||
<div class="text-warning mb-3">
|
||||
<i class="ri-star-s-fill"></i>
|
||||
<i class="ri-star-s-fill"></i>
|
||||
<i class="ri-star-s-fill"></i>
|
||||
<i class="ri-star-s-fill"></i>
|
||||
<i class="ri-star-s-fill"></i>
|
||||
</div>
|
||||
<p class="mb-0 text-muted fs-15">This is an incredible framework worth so much in the right
|
||||
hands! Nowhere else are you going to get so much flexibility and great code for a few
|
||||
dollars. Highly recommend purchasing today! Like right now!</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<img src="{{ URL::asset('build/images/users/avatar-6.jpg') }}" alt="" class="avatar-sm rounded">
|
||||
<h5 class="mb-2 mt-3">Elizabeth Padilla</h5>
|
||||
<div class="text-warning mb-3">
|
||||
<i class="ri-star-s-fill"></i>
|
||||
<i class="ri-star-s-fill"></i>
|
||||
<i class="ri-star-s-fill"></i>
|
||||
<i class="ri-star-s-fill"></i>
|
||||
<i class="ri-star-s-fill"></i>
|
||||
</div>
|
||||
<p class="mb-0 text-muted fs-15">Good design & good support. Go for it.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<img src="{{ URL::asset('build/images/users/avatar-7.jpg') }}" alt="" class="avatar-sm rounded">
|
||||
<h5 class="mb-2 mt-3">Alexis Davidson</h5>
|
||||
<div class="text-warning mb-3">
|
||||
<i class="ri-star-s-fill"></i>
|
||||
<i class="ri-star-s-fill"></i>
|
||||
<i class="ri-star-s-fill"></i>
|
||||
<i class="ri-star-s-fill"></i>
|
||||
<i class="ri-star-s-fill"></i>
|
||||
</div>
|
||||
<p class="mb-0 text-muted fs-15">great product. look forward to the vue and react versions</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end container-->
|
||||
</section>
|
||||
|
||||
<section class="section"
|
||||
style="background-image: url('build/images/profile-bg.jpg'); background-size: cover;background-position: center;">
|
||||
<div class="bg-overlay bg-secondary" style="opacity: 0.85;"></div>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="d-flex align-items-center">
|
||||
<h2 class="text-white text-capitalize mb-0 flex-grow-1">Let us know how we can help you</h2>
|
||||
<div class="flex-shrink-0">
|
||||
<a href="contact-us" class="btn btn-darken-secondary btn-hover"><i
|
||||
class="ph-phone align-middle me-1"></i> Contact Us</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end container-->
|
||||
</section>
|
||||
@endsection
|
||||
@section('scripts')
|
||||
<!-- Masonry plugin -->
|
||||
<script src="{{ URL::asset('build/libs/masonry-layout/masonry.pkgd.min.js') }}"></script>
|
||||
|
||||
<!-- landing-index js -->
|
||||
<script src="{{ URL::asset('build/js/frontend/menu.init.js') }}"></script>
|
||||
@endsection
|
||||
@@ -0,0 +1,628 @@
|
||||
@extends('layouts.master')
|
||||
@section('title')
|
||||
Shop Cart
|
||||
@endsection
|
||||
@section('css')
|
||||
<!-- extra css -->
|
||||
@endsection
|
||||
@section('content')
|
||||
<section class="page-wrapper bg-primary">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="text-center d-flex align-items-center justify-content-between">
|
||||
<h4 class="text-white mb-0">Shopping Cart</h4>
|
||||
<nav aria-label="breadcrumb">
|
||||
<ol class="breadcrumb breadcrumb-light justify-content-center mb-0 fs-15">
|
||||
<li class="breadcrumb-item"><a href="#!">Shop</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page">Shopping Cart</li>
|
||||
</ol>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end container-->
|
||||
</section>
|
||||
<!--end page-wrapper-->
|
||||
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="alert alert-danger text-center text-capitalize mb-4 fs-14">
|
||||
save up to <b>30%</b> to <b>40%</b> off omg! just look at the <b>great deals</b>!
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row product-list justify-content-center">
|
||||
<div class="col-lg-8">
|
||||
<div class="d-flex align-items-center mb-4">
|
||||
<h5 class="mb-0 flex-grow-1 fw-medium">There are <span class="fw-bold product-count"></span>
|
||||
products in your cart</h5>
|
||||
<div class="flex-shrink-0">
|
||||
<a href="#!" class="text-decoration-underline link-secondary">Clear Cart</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card product">
|
||||
<div class="card-body p-4">
|
||||
<div class="row gy-3">
|
||||
<div class="col-sm-auto">
|
||||
<div class="avatar-lg h-100">
|
||||
<div class="avatar-title bg-danger-subtle rounded py-3">
|
||||
<img src="{{ URL::asset('build/images/products/img-12.png') }}" alt=""
|
||||
class="avatar-md">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm">
|
||||
<a href="#!">
|
||||
<h5 class="fs-16 lh-base mb-1">Branded Smart Chair Red</h5>
|
||||
</a>
|
||||
<ul class="list-inline text-muted fs-13 mb-3">
|
||||
<li class="list-inline-item">Color : <span class="fw-medium">Red</span></li>
|
||||
<li class="list-inline-item">Size : <span class="fw-medium">M</span></li>
|
||||
</ul>
|
||||
<div class="input-step">
|
||||
<button type="button" class="minus">–</button>
|
||||
<input type="number" class="product-quantity" value="3" min="0"
|
||||
max="100" readonly>
|
||||
<button type="button" class="plus">+</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-auto">
|
||||
<div class="text-lg-end">
|
||||
<p class="text-muted mb-1 fs-12">Item Price:</p>
|
||||
<h5 class="fs-16">$<span class="product-price">89.99</span></h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-footer">
|
||||
<div class="row align-items-center gy-3">
|
||||
<div class="col-sm">
|
||||
<div class="d-flex flex-wrap my-n1">
|
||||
<div>
|
||||
<a href="#!" class="d-block text-body p-1 px-2" data-bs-toggle="modal"
|
||||
data-bs-target="#removeItemModal"><i
|
||||
class="ri-delete-bin-fill text-muted align-bottom me-1"></i> Remove</a>
|
||||
</div>
|
||||
<div>
|
||||
<a href="#!" class="d-block text-body p-1 px-2"><i
|
||||
class="ri-star-fill text-muted align-bottom me-1"></i> Add Wishlist</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-auto">
|
||||
<div class="d-flex align-items-center gap-2 text-muted">
|
||||
<div>Total :</div>
|
||||
<h5 class="fs-14 mb-0">$<span class="product-line-price">269.97</span></h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end card footer -->
|
||||
</div>
|
||||
<!--end card-->
|
||||
|
||||
<div class="card product">
|
||||
<div class="card-body p-4">
|
||||
<div class="row gy-3">
|
||||
<div class="col-sm-auto">
|
||||
<div class="avatar-lg h-100">
|
||||
<div class="avatar-title bg-secondary-subtle rounded py-3">
|
||||
<img src="{{ URL::asset('build/images/products/img-15.png') }}" alt=""
|
||||
class="avatar-md">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm">
|
||||
<a href="#!">
|
||||
<h5 class="fs-16 lh-base mb-1">Like Style Women Black Handbag</h5>
|
||||
</a>
|
||||
<ul class="list-inline text-muted fs-13 mb-3">
|
||||
<li class="list-inline-item">Color : <span class="fw-medium">Brown</span></li>
|
||||
</ul>
|
||||
<div class="input-step">
|
||||
<button type="button" class="minus">–</button>
|
||||
<input type="number" class="product-quantity" value="1" min="0"
|
||||
max="100" readonly>
|
||||
<button type="button" class="plus">+</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-auto">
|
||||
<div class="text-lg-end">
|
||||
<p class="text-muted mb-1 fs-12">Item Price:</p>
|
||||
<h5 class="fs-16">$<span class="product-price">742.00</span></h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-footer">
|
||||
<div class="row align-items-center gy-3">
|
||||
<div class="col-sm">
|
||||
<div class="d-flex flex-wrap my-n1">
|
||||
<div>
|
||||
<a href="#!" class="d-block text-body p-1 px-2" data-bs-toggle="modal"
|
||||
data-bs-target="#removeItemModal"><i
|
||||
class="ri-delete-bin-fill text-muted align-bottom me-1"></i> Remove</a>
|
||||
</div>
|
||||
<div>
|
||||
<a href="#!" class="d-block text-body p-1 px-2"><i
|
||||
class="ri-star-fill text-muted align-bottom me-1"></i> Add Wishlist</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-auto">
|
||||
<div class="d-flex align-items-center gap-2 text-muted">
|
||||
<div>Total :</div>
|
||||
<h5 class="fs-14 mb-0">$<span class="product-line-price">742.00</span></h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end card footer -->
|
||||
</div>
|
||||
<!--end card-->
|
||||
<div class="card product">
|
||||
<div class="card-body p-4">
|
||||
<div class="row gy-3">
|
||||
<div class="col-sm-auto">
|
||||
<div class="avatar-lg h-100">
|
||||
<div class="avatar-title bg-warning-subtle rounded py-3">
|
||||
<img src="{{ URL::asset('build/images/products/img-6.png') }}" alt=""
|
||||
class="avatar-md">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm">
|
||||
<a href="#!">
|
||||
<h5 class="fs-16 lh-base mb-1">Striped High Neck Casual Men Orange Sweater</h5>
|
||||
</a>
|
||||
<ul class="list-inline text-muted fs-13 mb-3">
|
||||
<li class="list-inline-item">Color : <span class="fw-medium">Orange</span></li>
|
||||
<li class="list-inline-item">Size : <span class="fw-medium">XL</span></li>
|
||||
</ul>
|
||||
<div class="input-step">
|
||||
<button type="button" class="minus">–</button>
|
||||
<input type="number" class="product-quantity" value="5" min="0"
|
||||
max="100" readonly>
|
||||
<button type="button" class="plus">+</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-auto">
|
||||
<div class="text-lg-end">
|
||||
<p class="text-muted mb-1 fs-12">Item Price:</p>
|
||||
<h5 class="fs-16">$<span class="product-price">62.40</span></h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-footer">
|
||||
<div class="row align-items-center gy-3">
|
||||
<div class="col-sm">
|
||||
<div class="d-flex flex-wrap my-n1">
|
||||
<div>
|
||||
<a href="#!" class="d-block text-body p-1 px-2" data-bs-toggle="modal"
|
||||
data-bs-target="#removeItemModal"><i
|
||||
class="ri-delete-bin-fill text-muted align-bottom me-1"></i> Remove</a>
|
||||
</div>
|
||||
<div>
|
||||
<a href="#!" class="d-block text-body p-1 px-2"><i
|
||||
class="ri-star-fill text-muted align-bottom me-1"></i> Add Wishlist</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-auto">
|
||||
<div class="d-flex align-items-center gap-2 text-muted">
|
||||
<div>Total :</div>
|
||||
<h5 class="fs-14 mb-0">$<span class="product-line-price">312.00</span></h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end card footer -->
|
||||
</div>
|
||||
<!--end card-->
|
||||
<div class="card product">
|
||||
<div class="card-body p-4">
|
||||
<div class="row gy-3">
|
||||
<div class="col-sm-auto">
|
||||
<div class="avatar-lg h-100">
|
||||
<div class="avatar-title bg-dark-subtle rounded py-3">
|
||||
<img src="{{ URL::asset('build/images/products/img-9.png') }}" alt=""
|
||||
class="avatar-md">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm">
|
||||
<a href="#!">
|
||||
<h5 class="fs-16 lh-base mb-1">Borosil Paper Cup</h5>
|
||||
</a>
|
||||
<ul class="list-inline text-muted fs-13 mb-3">
|
||||
<li class="list-inline-item">Color : <span class="fw-medium">White</span></li>
|
||||
</ul>
|
||||
<div class="input-step">
|
||||
<button type="button" class="minus">–</button>
|
||||
<input type="number" class="product-quantity" value="1" min="0"
|
||||
max="100" readonly>
|
||||
<button type="button" class="plus">+</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-auto">
|
||||
<div class="text-lg-end">
|
||||
<p class="text-muted mb-1 fs-12">Item Price:</p>
|
||||
<h5 class="fs-16">$<span class="product-price">38.00</span></h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-footer">
|
||||
<div class="row align-items-center gy-3">
|
||||
<div class="col-sm">
|
||||
<div class="d-flex flex-wrap my-n1">
|
||||
<div>
|
||||
<a href="#!" class="d-block text-body p-1 px-2" data-bs-toggle="modal"
|
||||
data-bs-target="#removeItemModal"><i
|
||||
class="ri-delete-bin-fill text-muted align-bottom me-1"></i> Remove</a>
|
||||
</div>
|
||||
<div>
|
||||
<a href="#!" class="d-block text-body p-1 px-2"><i
|
||||
class="ri-star-fill text-muted align-bottom me-1"></i> Add Wishlist</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-auto">
|
||||
<div class="d-flex align-items-center gap-2 text-muted">
|
||||
<div>Total :</div>
|
||||
<h5 class="fs-14 mb-0">$<span class="product-line-price">38.00</span></h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end card footer -->
|
||||
</div>
|
||||
<!--end card-->
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-4">
|
||||
<div class="sticky-side-div">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="text-center">
|
||||
<h6 class="mb-3 fs-15">Have a <span class="fw-semibold">promo</span> code ?</h6>
|
||||
</div>
|
||||
<div class="hstack gap-3 px-3 mx-n3">
|
||||
<input class="form-control me-auto" type="text" placeholder="Enter coupon code"
|
||||
value="Toner15" aria-label="Add Promo Code here...">
|
||||
<button type="button" class="btn btn-primary w-xs">Apply</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card overflow-hidden">
|
||||
<div class="card-header border-bottom-dashed">
|
||||
<h5 class="card-title mb-0 fs-15">Order Summary</h5>
|
||||
</div>
|
||||
<div class="card-body pt-4">
|
||||
<div class="table-responsive table-card">
|
||||
<table class="table table-borderless mb-0 fs-15">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>Sub Total :</td>
|
||||
<td class="text-end cart-subtotal"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Discount <span class="text-muted">(Toner15)</span>:</td>
|
||||
<td class="text-end cart-discount"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Shipping Charge :</td>
|
||||
<td class="text-end cart-shipping"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Estimated Tax (12.5%) : </td>
|
||||
<td class="text-end cart-tax"></td>
|
||||
</tr>
|
||||
<tr class="table-active">
|
||||
<th>Total (USD) :</th>
|
||||
<td class="text-end">
|
||||
<span class="fw-semibold cart-total"></span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<!-- end table-responsive -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="hstack gap-2 justify-content-end">
|
||||
<button type="button" class="btn btn-hover btn-danger">Continue Shopping</button>
|
||||
<button type="button" class="btn btn-hover btn-success">Check Out <i
|
||||
class="ri-logout-box-r-line align-bottom ms-1"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end stickey -->
|
||||
</div>
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end conatiner-->
|
||||
</section>
|
||||
|
||||
<section class="section pt-0">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-12">
|
||||
<div class="d-flex align-items-center justify-content-between mb-4 pb-1">
|
||||
<h4 class="flex-grow-1 mb-0">New Branded Products</h4>
|
||||
<div class="flex-shrink-0">
|
||||
<a href="#!" class="link-effect link-primary">All Products <i
|
||||
class="ri-arrow-right-line ms-1 align-bottom"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
<div class="row">
|
||||
<div class="col-xxl-3 col-lg-4 col-md-6">
|
||||
<div
|
||||
class="card ecommerce-product-widgets border-0 rounded-0 shadow-none overflow-hidden card-animate">
|
||||
<div class="bg-light bg-opacity-50 rounded py-4 position-relative">
|
||||
<img src="{{ URL::asset('build/images/products/img-12.png') }}" alt=""
|
||||
style="max-height: 200px;max-width: 100%;" class="mx-auto d-block rounded-2">
|
||||
<div class="action vstack gap-2">
|
||||
<button class="btn btn-danger avatar-xs p-0 btn-soft-warning custom-toggle product-action"
|
||||
data-bs-toggle="button"><span class="icon-on"><i
|
||||
class="ri-heart-line"></i></span><span class="icon-off"><i
|
||||
class="ri-heart-fill"></i></span></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pt-4">
|
||||
<ul class="clothe-colors list-unstyled hstack gap-1 mb-3 flex-wrap">
|
||||
<li><input type="radio" name="sizes10" id="product-color-102"><label
|
||||
class="avatar-xxs btn btn-secondary p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="product-color-102"></label></li>
|
||||
<li><input type="radio" name="sizes10" id="product-color-103"><label
|
||||
class="avatar-xxs btn btn-dark p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="product-color-103"></label></li>
|
||||
<li><input type="radio" name="sizes10" id="product-color-104"><label
|
||||
class="avatar-xxs btn btn-danger p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="product-color-104"></label></li>
|
||||
<li><input type="radio" name="sizes10" id="product-color-105"><label
|
||||
class="avatar-xxs btn btn-light p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="product-color-105"></label></li>
|
||||
</ul>
|
||||
<a href="#!">
|
||||
<h6 class="text-capitalize fs-15 lh-base text-truncate mb-0">Carven Lounge Chair Red</h6>
|
||||
</a>
|
||||
<div class="mt-2">
|
||||
<span class="float-end">4.1 <i
|
||||
class="ri-star-half-fill text-warning align-bottom"></i></span>
|
||||
<h5 class="mb-0">$209.99</h5>
|
||||
</div>
|
||||
<div class="mt-3">
|
||||
<a href="#!" class="btn btn-primary w-100 add-btn"><i class="mdi mdi-cart me-1"></i>
|
||||
Add To Cart</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-xxl-3 col-lg-4 col-md-6">
|
||||
<div
|
||||
class="card ecommerce-product-widgets border-0 rounded-0 shadow-none overflow-hidden card-animate">
|
||||
<div class="bg-light bg-opacity-50 rounded py-4 position-relative">
|
||||
<img src="{{ URL::asset('build/images/products/img-7.png') }}" alt=""
|
||||
style="max-height: 200px;max-width: 100%;" class="mx-auto d-block rounded-2">
|
||||
<div class="action vstack gap-2">
|
||||
<button class="btn btn-danger avatar-xs p-0 btn-soft-warning custom-toggle product-action "
|
||||
data-bs-toggle="button"><span class="icon-on"><i
|
||||
class="ri-heart-line"></i></span><span class="icon-off"><i
|
||||
class="ri-heart-fill"></i></span></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pt-4">
|
||||
<div>
|
||||
<div class="avatar-xxs mb-4">
|
||||
<div class="avatar-title bg-light text-muted rounded cursor-pointer"><i
|
||||
class="ri-error-warning-line"></i></div>
|
||||
</div>
|
||||
<a href="#!">
|
||||
<h6 class="text-capitalize fs-15 lh-base text-truncate mb-0">Innovative education book
|
||||
</h6>
|
||||
</a>
|
||||
<div class="mt-2">
|
||||
<span class="float-end">4.7 <i
|
||||
class="ri-star-half-fill text-warning align-bottom"></i></span>
|
||||
<h5 class="mb-0">$96.26</h5>
|
||||
</div>
|
||||
<div class="mt-3">
|
||||
<a href="#!" class="btn btn-primary w-100 add-btn"><i
|
||||
class="mdi mdi-cart me-1"></i> Add To Cart</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-xxl-3 col-lg-4 col-md-6">
|
||||
<div
|
||||
class="card ecommerce-product-widgets border-0 rounded-0 shadow-none overflow-hidden card-animate">
|
||||
<div class="bg-light bg-opacity-50 rounded py-4 position-relative">
|
||||
<img src="{{ URL::asset('build/images/products/img-3.png') }}" alt=""
|
||||
style="max-height: 200px;max-width: 100%;" class="mx-auto d-block rounded-2">
|
||||
<div class="action vstack gap-2">
|
||||
<button class="btn btn-danger avatar-xs p-0 btn-soft-warning custom-toggle product-action "
|
||||
data-bs-toggle="button"><span class="icon-on"><i
|
||||
class="ri-heart-line"></i></span><span class="icon-off"><i
|
||||
class="ri-heart-fill"></i></span></button>
|
||||
</div>
|
||||
<div class="avatar-xs label">
|
||||
<div class="avatar-title bg-danger rounded-circle fs-11">20%</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pt-4">
|
||||
<ul class="clothe-colors list-unstyled hstack gap-1 mb-3 flex-wrap">
|
||||
<li><input type="radio" name="sizes11" id="product-color-112"><label
|
||||
class="avatar-xxs btn btn-secondary p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="product-color-112"></label></li>
|
||||
<li><input type="radio" name="sizes11" id="product-color-113"><label
|
||||
class="avatar-xxs btn btn-primary p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="product-color-113"></label></li>
|
||||
</ul>
|
||||
<a href="#!">
|
||||
<h6 class="text-capitalize fs-15 lh-base text-truncate mb-0">Ninja Pro Max Smartwatch</h6>
|
||||
</a>
|
||||
<div class="mt-2">
|
||||
<span class="float-end">3.5 <i
|
||||
class="ri-star-half-fill text-warning align-bottom"></i></span>
|
||||
<h5 class="mb-0">$247.27 <span class="text-muted fs-12"><del>$309.09</del></span></h5>
|
||||
</div>
|
||||
<div class="mt-3">
|
||||
<a href="#!" class="btn btn-primary w-100 add-btn"><i class="mdi mdi-cart me-1"></i>
|
||||
Add To Cart</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-xxl-3 col-lg-4 col-md-6">
|
||||
<div
|
||||
class="card ecommerce-product-widgets border-0 rounded-0 shadow-none overflow-hidden card-animate">
|
||||
<div class="bg-light bg-opacity-50 rounded py-4 position-relative">
|
||||
<img src="{{ URL::asset('build/images/products/img-2.png') }}" alt=""
|
||||
style="max-height: 200px;max-width: 100%;" class="mx-auto d-block rounded-2">
|
||||
<div class="action vstack gap-2">
|
||||
<button class="btn btn-danger avatar-xs p-0 btn-soft-warning custom-toggle product-action "
|
||||
data-bs-toggle="button"><span class="icon-on"><i
|
||||
class="ri-heart-line"></i></span><span class="icon-off"><i
|
||||
class="ri-heart-fill"></i></span></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pt-4">
|
||||
<ul class="clothe-colors list-unstyled hstack gap-1 mb-3 flex-wrap">
|
||||
<li><input type="radio" name="sizes12" id="product-color-122"><label
|
||||
class="avatar-xxs btn btn-success p-0 d-flex align-items-center justify-content-center rounded-circle"
|
||||
for="product-color-122"></label></li>
|
||||
</ul>
|
||||
<a href="#!">
|
||||
<h6 class="text-capitalize fs-15 lh-base text-truncate mb-0">Opinion Striped Round Neck
|
||||
Green T-shirt</h6>
|
||||
</a>
|
||||
<div class="mt-2">
|
||||
<span class="float-end">4.1 <i
|
||||
class="ri-star-half-fill text-warning align-bottom"></i></span>
|
||||
<h5 class="mb-0">$126.99</h5>
|
||||
</div>
|
||||
<div class="mt-3">
|
||||
<a href="#!" class="btn btn-primary btn-hover w-100 add-btn"><i
|
||||
class="mdi mdi-cart me-1"></i> Add To Cart</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end Container-->
|
||||
</section>
|
||||
|
||||
<section class="section bg-light bg-opacity-25"
|
||||
style="background-image: url('build/images/ecommerce/bg-effect.png');background-position: center; background-size: cover;">
|
||||
<div class="container">
|
||||
<div class="row align-items-center justify-content-between">
|
||||
<div class="col-lg-6">
|
||||
<div>
|
||||
<p class="fs-15 text-uppercase fw-medium"><span class="fw-semibold text-danger">25% Up to</span>
|
||||
off all Products</p>
|
||||
<h1 class="lh-base text-capitalize mb-3">Stay home & get your daily needs from our shop</h1>
|
||||
<p class="fs-15 mb-4 pb-2">Start You'r Daily Shopping with <a href="#!"
|
||||
class="link-primary text-decoration-underline fw-medium">Toner</a></p>
|
||||
<form action="#!">
|
||||
<div class="position-relative ecommerce-subscript">
|
||||
<input type="email" class="form-control rounded-pill" placeholder="Enter your email">
|
||||
<button type="submit" class="btn btn-primary btn-hover rounded-pill">Subscript
|
||||
Now</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-4">
|
||||
<div class="mt-5 mt-lg-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/subscribe.png') }}" alt="" class="img-fluid">
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end conatiner-->
|
||||
</section>
|
||||
|
||||
<section class="position-relative py-5">
|
||||
<div class="container">
|
||||
<div class="row gy-4 gy-lg-0">
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/fast-delivery.png') }}" alt="" class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-15">Fast & Secure Delivery</h5>
|
||||
<p class="text-muted mb-0">Tell about your service.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/returns.png') }}" alt="" class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-15">2 Days Return Policy</h5>
|
||||
<p class="text-muted mb-0">No question ask.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/guarantee-certificate.png') }}" alt=""
|
||||
class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-15">Money Back Guarantee</h5>
|
||||
<p class="text-muted mb-0">Within 5 business days</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/24-hours-support.png') }}" alt="" class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-15">24 X 7 Service</h5>
|
||||
<p class="text-muted mb-0">Online service for customer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end container-->
|
||||
</section>
|
||||
@endsection
|
||||
@section('scripts')
|
||||
<!-- landing-index js -->
|
||||
<script src="{{ URL::asset('build/js/frontend/menu.init.js') }}"></script>
|
||||
@endsection
|
||||
@@ -0,0 +1,249 @@
|
||||
@extends('layouts.master')
|
||||
@section('title')
|
||||
Store Locator
|
||||
@endsection
|
||||
@section('css')
|
||||
<!-- extra css -->
|
||||
<!-- plugin css -->
|
||||
<link href="{{ URL::asset('build/libs/jsvectormap/jsvectormap.min.css') }}" rel="stylesheet" type="text/css">
|
||||
@endsection
|
||||
@section('content')
|
||||
<section class="ecommerce-about bg-primary">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-6">
|
||||
<div class="text-center">
|
||||
<h1 class="text-white mb-2">Toner Store Locator</h1>
|
||||
<p class="text-white-75 mb-0">Last Updated 24 Nov, 2022</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end container-->
|
||||
</section>
|
||||
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-4">
|
||||
<div>
|
||||
<h5 class="fs-18 mb-4">Store Location</h5>
|
||||
</div>
|
||||
<div class="mx-n3">
|
||||
<div data-simplebar style="max-height: 450px;" class="px-3">
|
||||
<div class="card border-0 shadow-lg">
|
||||
<div class="card-body p-4">
|
||||
<h5 class="text-capitalize lh-base fs-16 mb-1">Russia</h5>
|
||||
<p class="fs-14">Brusneva Ul., bld. 8, appt. 34, Stavropol, Russia</p>
|
||||
<div>
|
||||
<a href="#!" class="link-effect link-danger fw-medium">View On Map <i
|
||||
class="ri-arrow-right-line align-bottom ms-1"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card border-0 shadow-lg">
|
||||
<div class="card-body p-4">
|
||||
<h5 class="text-capitalize lh-base fs-16 mb-1">Israel</h5>
|
||||
<p class="fs-14">122 Maplewood Ave Toronto Ontario M6C1J6,Lod, Israel</p>
|
||||
<div>
|
||||
<a href="#!" class="link-effect link-danger fw-medium">View On Map <i
|
||||
class="ri-arrow-right-line align-bottom ms-1"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card border-0 shadow-lg">
|
||||
<div class="card-body p-4">
|
||||
<h5 class="text-capitalize lh-base fs-16 mb-1">Germany</h5>
|
||||
<p class="fs-14">Untersbergstraße 26, 81539 München, Germany</p>
|
||||
<div>
|
||||
<a href="#!" class="link-effect link-danger fw-medium">View On Map <i
|
||||
class="ri-arrow-right-line align-bottom ms-1"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card border-0 shadow-lg">
|
||||
<div class="card-body p-4">
|
||||
<h5 class="text-capitalize lh-base fs-16 mb-1">Colombia</h5>
|
||||
<p class="fs-14">Cl 33 No. 31-18, C.P 76520, Palmira, Colombia</p>
|
||||
<div>
|
||||
<a href="#!" class="link-effect link-danger fw-medium">View On Map <i
|
||||
class="ri-arrow-right-line align-bottom ms-1"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
|
||||
<div class="col-lg-8">
|
||||
<div id="world-map-markers" data-colors='["--tb-light"]' style="height: 500px" dir="ltr"></div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end conatiner-->
|
||||
</section>
|
||||
|
||||
<section class="position-relative py-5"
|
||||
style="background-image: url('build/images/profile-bg.jpg'); background-size: cover;background-position: center;">
|
||||
<div class="bg-overlay bg-secondary" style="opacity: 0.85;"></div>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="d-flex align-items-center">
|
||||
<h2 class="text-white mb-0 flex-grow-1">Let us know how we can help you</h2>
|
||||
<div class="flex-shrink-0">
|
||||
<a href="contact-us" class="btn btn-darken-primary btn-hover"><i
|
||||
class="ph-phone align-middle me-1"></i> Contact Us</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end container-->
|
||||
</section>
|
||||
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-6">
|
||||
<div class="text-center mb-5">
|
||||
<h2 class="mb-3">Store Details</h2>
|
||||
<p class="text-muted">A typical online store enables the customer to browse the firm's range of
|
||||
products and services, view photos or images of the products.</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-12">
|
||||
<div class="card overflow-hidden mb-0">
|
||||
<div class="card-body">
|
||||
<div class="table-responsive table-card">
|
||||
<table class="table align-middle table-nowrap mb-0 fs-14">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">Store Name</th>
|
||||
<th scope="col">Location</th>
|
||||
<th scope="col">Email</th>
|
||||
<th scope="col">Contact No.</th>
|
||||
<th scope="col"></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th scope="row">Themesbrand - Main Branch</th>
|
||||
<td>Russia</td>
|
||||
<td>support@themesbrand.com</td>
|
||||
<td>+(234) 12345 67890</td>
|
||||
<td><a href="#!" class="link-effect link-primary">View Map <i
|
||||
class="ri-arrow-right-line align-bottom"></i></a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">Toner</th>
|
||||
<td>Israel</td>
|
||||
<td>example@Toner.com</td>
|
||||
<td>+(741) 65432 19870</td>
|
||||
<td><a href="#!" class="link-effect link-primary">View Map <i
|
||||
class="ri-arrow-right-line align-bottom"></i></a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">Toner</th>
|
||||
<td>Germany</td>
|
||||
<td>example@Toner.com</td>
|
||||
<td>+(365) 98765 43210</td>
|
||||
<td><a href="#!" class="link-effect link-primary">View Map <i
|
||||
class="ri-arrow-right-line align-bottom"></i></a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">Skote</th>
|
||||
<td>Colombia</td>
|
||||
<td>example@skote.com</td>
|
||||
<td>+(137) 34567 89012</td>
|
||||
<td><a href="#!" class="link-effect link-primary">View Map <i
|
||||
class="ri-arrow-right-line align-bottom"></i></a></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end container-->
|
||||
</section>
|
||||
|
||||
<section class="position-relative py-5 border-top">
|
||||
<div class="container">
|
||||
<div class="row gy-4 gy-lg-0">
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/fast-delivery.png') }}" alt="" class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-15">Fast & Secure Delivery</h5>
|
||||
<p class="text-muted mb-0">Tell about your service.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/returns.png') }}" alt="" class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-15">2 Days Return Policy</h5>
|
||||
<p class="text-muted mb-0">No question ask.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/guarantee-certificate.png') }}" alt=""
|
||||
class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-15">Money Back Guarantee</h5>
|
||||
<p class="text-muted mb-0">Within 5 business days</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/24-hours-support.png') }}" alt="" class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-15">24 X 7 Service</h5>
|
||||
<p class="text-muted mb-0">Online service for customer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end container-->
|
||||
</section>
|
||||
@endsection
|
||||
@section('scripts')
|
||||
<!-- Vector map-->
|
||||
<script src="{{ URL::asset('build/libs/jsvectormap/jsvectormap.min.js') }}"></script>
|
||||
<script src="{{ URL::asset('build/libs/jsvectormap/world-merc.js') }}"></script>
|
||||
|
||||
<script src="{{ URL::asset('build/js/frontend/store-locator.init.js') }}"></script>
|
||||
<!-- menu js -->
|
||||
<script src="{{ URL::asset('build/js/frontend/menu.init.js') }}"></script>
|
||||
@endsection
|
||||
@@ -0,0 +1,293 @@
|
||||
@extends('layouts.master')
|
||||
@section('title')
|
||||
Terms of Conditions
|
||||
@endsection
|
||||
@section('css')
|
||||
<!-- extra css -->
|
||||
@endsection
|
||||
@section('content')
|
||||
<section class="term-condition bg-primary">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-6">
|
||||
<div class="text-center">
|
||||
<h1 class="text-white mb-2">Terms of Conditions</h1>
|
||||
<p class="text-white-75 mb-0">Last Updated 24 Nov, 2022</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="position-relative">
|
||||
<div class="svg-shape">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="1440"
|
||||
height="120" preserveAspectRatio="none" viewBox="0 0 1440 120">
|
||||
<g mask="url("#SvgjsMask1039")" fill="none">
|
||||
<rect width="1440" height="120" x="0" y="0" fill="var(--tb-primary)"></rect>
|
||||
<path d="M 0,85 C 288,68.8 1152,20.2 1440,4L1440 120L0 120z" fill="var(--tb-body-bg)"></path>
|
||||
</g>
|
||||
<defs>
|
||||
<mask id="SvgjsMask1039">
|
||||
<rect width="1440" height="120" fill="#ffffff"></rect>
|
||||
</mask>
|
||||
</defs>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<section class="section pt-0">
|
||||
<div class="container">
|
||||
<div class="card term-card mb-0">
|
||||
<div class="card-body p-5">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<h5 class="fs-18 mb-3">Introduction</h5>
|
||||
<div class="d-flex gap-2 mb-2">
|
||||
<div class="flex-shrink-0">
|
||||
<i class="ri-flashlight-fill text-primary fs-15"></i>
|
||||
</div>
|
||||
<p class="text-muted fs-15 flex-grow-1 mb-0">These Website Standard Terms and Conditions
|
||||
written on this webpage shall manage your use of our website, Website Name accessible at
|
||||
Website.com. By accessing this website we assume you accept these terms and conditions.
|
||||
Do not continue to use Website Name if you do not agree to take all of the terms and
|
||||
conditions stated on this page.</p>
|
||||
</div>
|
||||
<div class="d-flex gap-2 mb-2">
|
||||
<div class="flex-shrink-0">
|
||||
<i class="ri-flashlight-fill text-primary fs-15"></i>
|
||||
</div>
|
||||
<p class="text-muted fs-15 flex-grow-1 mb-0">These Terms will be applied fully and affect to
|
||||
your use of this Website. By using this Website, you agreed to accept all terms and
|
||||
conditions written in here. You must not use this Website if you disagree with any of
|
||||
these Website Standard Terms and Conditions.</p>
|
||||
</div>
|
||||
<div class="d-flex gap-2 mb-2">
|
||||
<div class="flex-shrink-0">
|
||||
<i class="ri-flashlight-fill text-primary fs-15"></i>
|
||||
</div>
|
||||
<p class="text-muted fs-15 flex-grow-1 mb-0">Minors or people below 18 years old are not
|
||||
allowed to use this Website.</p>
|
||||
</div>
|
||||
<h5 class="fs-18 my-3">Rights & Restrictions</h5>
|
||||
<div class="d-flex gap-2 mb-2">
|
||||
<div class="flex-shrink-0">
|
||||
<i class="ri-flashlight-fill text-primary fs-15"></i>
|
||||
</div>
|
||||
<p class="text-muted fs-15 flex-grow-1 mb-0">Other than the content you own, under these
|
||||
Terms, Company Name and/or its licensors own all the intellectual property rights and
|
||||
materials contained in this Website.</p>
|
||||
</div>
|
||||
<div class="d-flex gap-2 mb-2">
|
||||
<div class="flex-shrink-0">
|
||||
<i class="ri-flashlight-fill text-primary fs-15"></i>
|
||||
</div>
|
||||
<p class="text-muted fs-15 flex-grow-1 mb-0">You are granted limited license only for
|
||||
purposes of viewing the material contained on this Website.</p>
|
||||
</div>
|
||||
<div class="d-flex gap-2 mb-2">
|
||||
<div class="flex-shrink-0">
|
||||
<i class="ri-flashlight-fill text-primary fs-15"></i>
|
||||
</div>
|
||||
<p class="text-muted fs-15 flex-grow-1 mb-0">You are specifically restricted from all of the
|
||||
following:</p>
|
||||
</div>
|
||||
<ul class="text-muted vstack gap-2 fs-15 ps-5" style="list-style-type: circle;">
|
||||
<li>
|
||||
Publishing any Website material in any other media;
|
||||
</li>
|
||||
<li>
|
||||
Selling, sublicensing and/or otherwise commercializing any Website material;
|
||||
</li>
|
||||
<li>
|
||||
Reproduce, duplicate or copy material from Website Name
|
||||
</li>
|
||||
<li>
|
||||
Redistribute content from Website Name
|
||||
</li>
|
||||
<li>
|
||||
Using this Website in any way that is or may be damaging to this Website;
|
||||
</li>
|
||||
<li>
|
||||
Using this Website to engage in any advertising or marketing.
|
||||
</li>
|
||||
</ul>
|
||||
<div class="d-flex gap-2 mb-2">
|
||||
<div class="flex-shrink-0">
|
||||
<i class="ri-flashlight-fill text-primary fs-15"></i>
|
||||
</div>
|
||||
<p class="text-muted fs-15 flex-grow-1 mb-0">Certain areas of this Website are restricted
|
||||
from being access by you and Company Name may further restrict access by you to any
|
||||
areas of this Website, at any time, in absolute discretion. Any user ID and password you
|
||||
may have for this Website are confidential and you must maintain confidentiality as
|
||||
well.</p>
|
||||
</div>
|
||||
<h5 class="fs-18 my-3">No warranties</h5>
|
||||
<div class="d-flex gap-2 mb-2">
|
||||
<div class="flex-shrink-0">
|
||||
<i class="ri-flashlight-fill text-primary fs-15"></i>
|
||||
</div>
|
||||
<p class="text-muted fs-15 flex-grow-1 mb-0">This Website is provided “as is,” with all
|
||||
faults, and Company Name express no representations or warranties, of any kind related
|
||||
to this Website or the materials contained on this Website. Also, nothing contained on
|
||||
this Website shall be interpreted as advising you.</p>
|
||||
</div>
|
||||
<h5 class="fs-18 my-3">License</h5>
|
||||
<div class="d-flex gap-2 mb-2">
|
||||
<div class="flex-shrink-0">
|
||||
<i class="ri-flashlight-fill text-primary fs-15"></i>
|
||||
</div>
|
||||
<p class="text-muted fs-15 flex-grow-1 mb-0">Company Name reserves the right to monitor all
|
||||
Comments and to remove any Comments which can be considered inappropriate, offensive or
|
||||
causes breach of these Terms and Conditions.</p>
|
||||
</div>
|
||||
<div class="d-flex gap-2 mb-2">
|
||||
<div class="flex-shrink-0">
|
||||
<i class="ri-flashlight-fill text-primary fs-15"></i>
|
||||
</div>
|
||||
<p class="text-muted fs-15 flex-grow-1 mb-0">You warrant and represent that:</p>
|
||||
</div>
|
||||
<ul class="text-muted vstack gap-2 fs-15 ps-5" style="list-style-type: circle;">
|
||||
<li>
|
||||
You are entitled to post the Comments on our website and have all necessary licenses and
|
||||
consents to do so;
|
||||
</li>
|
||||
<li>
|
||||
The Comments do not invade any intellectual property right, including without limitation
|
||||
copyright, patent or trademark of any third party;
|
||||
</li>
|
||||
<li>
|
||||
The Comments do not contain any defamatory, libelous, offensive, indecent or otherwise
|
||||
unlawful material which is an invasion of privacy
|
||||
</li>
|
||||
<li>
|
||||
The Comments will not be used to solicit or promote business or custom or present
|
||||
commercial activities or unlawful activity.
|
||||
</li>
|
||||
</ul>
|
||||
<div class="d-flex gap-2 mb-2">
|
||||
<div class="flex-shrink-0">
|
||||
<i class="ri-flashlight-fill text-primary fs-15"></i>
|
||||
</div>
|
||||
<p class="text-muted fs-15 flex-grow-1 mb-0">Unless otherwise stated, Company Name and/or
|
||||
its licensors own the intellectual property rights for all material on Website Name. All
|
||||
intellectual property rights are reserved. You may access this from Website Name for
|
||||
your own personal use subjected to restrictions set in these terms and conditions.</p>
|
||||
</div>
|
||||
<div class="d-flex gap-2 mb-4">
|
||||
<div class="flex-shrink-0">
|
||||
<i class="ri-flashlight-fill text-primary fs-15"></i>
|
||||
</div>
|
||||
<p class="text-muted fs-15 flex-grow-1 mb-0">You hereby grant Company Name a non-exclusive
|
||||
license to use, reproduce, edit and authorize others to use, reproduce and edit any of
|
||||
your Comments in any and all forms, formats or media.</p>
|
||||
</div>
|
||||
|
||||
<div class="alert alert-danger">
|
||||
No use of Company Name's logo or other artwork will be allowed for linking absent a
|
||||
trademark license agreement.
|
||||
</div>
|
||||
|
||||
<div class="hstack justify-content-sm-end gap-2 mt-4">
|
||||
<a href="#!" class="btn btn-ghost-danger btn-hover me-3"><i
|
||||
class="ri-close-line align-bottom me-1"></i> Decline</a>
|
||||
<a href="#!" class="btn btn-success btn-hover">Accept Now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section bg-light bg-opacity-25"
|
||||
style="background-image: url('build/images/ecommerce/bg-effect.png');background-position: center; background-size: cover;">
|
||||
<div class="container">
|
||||
<div class="row align-items-center justify-content-between">
|
||||
<div class="col-lg-6">
|
||||
<div>
|
||||
<p class="fs-15 text-uppercase fw-medium"><span class="fw-semibold text-danger">25% Up to</span>
|
||||
off all Products</p>
|
||||
<h1 class="lh-base text-capitalize mb-3">Stay home & get your daily needs from our shop</h1>
|
||||
<p class="fs-15 mb-4 pb-2">Start You'r Daily Shopping with <a href="#!"
|
||||
class="link-primary fw-medium text-decoration-underline">Toner</a></p>
|
||||
<form action="#!">
|
||||
<div class="position-relative ecommerce-subscript">
|
||||
<input type="email" class="form-control rounded-pill" placeholder="Enter your email">
|
||||
<button type="submit" class="btn btn-primary btn-hover rounded-pill">Subscript
|
||||
Now</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<div class="mt-5 mt-lg-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/subscribe.png') }}" alt="" class="img-fluid">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="position-relative py-5">
|
||||
<div class="container">
|
||||
<div class="row gy-4 gy-lg-0">
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/fast-delivery.png') }}" alt="" class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-15">Fast & Secure Delivery</h5>
|
||||
<p class="text-muted mb-0">Tell about your service.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/returns.png') }}" alt="" class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-15">2 Days Return Policy</h5>
|
||||
<p class="text-muted mb-0">No question ask.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/guarantee-certificate.png') }}" alt=""
|
||||
class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-15">Money Back Guarantee</h5>
|
||||
<p class="text-muted mb-0">Within 5 business days</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/24-hours-support.png') }}" alt="" class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-15">24 X 7 Service</h5>
|
||||
<p class="text-muted mb-0">Online service for customer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end container-->
|
||||
</section>
|
||||
@endsection
|
||||
@section('scripts')
|
||||
<!-- landing-index js -->
|
||||
<script src="{{ URL::asset('build/js/frontend/menu.init.js') }}"></script>
|
||||
@endsection
|
||||
@@ -0,0 +1,387 @@
|
||||
@extends('layouts.master')
|
||||
@section('title')
|
||||
Delivery
|
||||
@endsection
|
||||
@section('css')
|
||||
<!-- extra css -->
|
||||
@endsection
|
||||
@section('content')
|
||||
<section class="page-wrapper bg-primary">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="text-center d-flex align-items-center justify-content-between">
|
||||
<h4 class="text-white mb-0">Track Order</h4>
|
||||
<nav aria-label="breadcrumb">
|
||||
<ol class="breadcrumb breadcrumb-light justify-content-center mb-0 fs-15">
|
||||
<li class="breadcrumb-item"><a href="#!">Shop</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page">Track Order</li>
|
||||
</ol>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end container-->
|
||||
</section>
|
||||
<!-- end page title -->
|
||||
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="mb-4 pb-2">
|
||||
<h5 class="mb-0 text-decoration-underline">Order ID <b>#HY1452451452</b></h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end row-->
|
||||
<div class="track-orders">
|
||||
<div class="row justify-content-between gy-4 gy-md-0">
|
||||
<div class="col-md-2 order-tracking text-start text-md-center ps-4 ps-md-0 completed">
|
||||
<span class="is-complete"></span>
|
||||
<h6 class="fs-15 mt-3 mt-md-4">Order Process</h6>
|
||||
<p class="text-muted fs-14 mb-0">Mon, 23 Nov</p>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-md-2 order-tracking text-start text-md-center ps-4 ps-md-0 completed">
|
||||
<span class="is-complete"></span>
|
||||
<h6 class="fs-15 mt-3 mt-md-4">Order Shipped</h6>
|
||||
<p class="text-muted fs-14 mb-0">Mon, 23 Nov</p>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-md-2 order-tracking text-start text-md-center ps-4 ps-md-0">
|
||||
<span class="is-complete"></span>
|
||||
<h6 class="fs-15 mt-3 mt-md-4">Out Of Delivery</h6>
|
||||
<p class="text-muted fs-14 mb-0">Mon, 23 Nov</p>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-md-2 order-tracking text-start text-md-center ps-4 ps-md-0">
|
||||
<span class="is-complete"></span>
|
||||
<h6 class="fs-15 mt-3 mt-md-4">Delivered</h6>
|
||||
<p class="text-muted fs-14 mb-0">Mon, 23 Nov</p>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
</div>
|
||||
<!--end container-->
|
||||
</section>
|
||||
|
||||
<section class="section pt-0">
|
||||
<div class="container">
|
||||
<div class="card border-dashed">
|
||||
<div class="card-body border-bottom border-bottom-dashed p-4">
|
||||
<div class="row g-3">
|
||||
<div class="col-lg-3 col-6">
|
||||
<p class="text-muted mb-2 text-uppercase fw-medium fs-12">Invoice ID</p>
|
||||
<h5 class="fs-14 mb-0">#HYP<span id="invoice-no">14567513010120</span></h5>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-3 col-6">
|
||||
<p class="text-muted mb-2 text-uppercase fw-medium fs-12">Date</p>
|
||||
<h5 class="fs-14 mb-0"><span id="invoice-date">23 Nov, 2021</span> <small class="text-muted"
|
||||
id="invoice-time">02:36PM</small></h5>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-3 col-6">
|
||||
<p class="text-muted mb-2 text-uppercase fw-medium fs-12">Payment Status</p>
|
||||
<span class="badge bg-success-subtle text-success fs-11" id="payment-status">Paid</span>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-3 col-6">
|
||||
<p class="text-muted mb-2 text-uppercase fw-medium fs-12">Total Amount</p>
|
||||
<h5 class="fs-14 mb-0">$<span id="total-amount">1218.98</span></h5>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<div class="card-body p-4">
|
||||
<div class="row g-3">
|
||||
<div class="col-6">
|
||||
<h6 class="text-muted text-uppercase fs-12 mb-3">Billing Address</h6>
|
||||
<h6 id="billing-name">Diana Nichols</h6>
|
||||
<p class="text-muted mb-1" id="billing-address-line-1">305 S San Gabriel Blvd</p>
|
||||
<p class="text-muted mb-1"><span>Phone: +</span><span id="billing-phone-no">(123)
|
||||
456-7890</span></p>
|
||||
<p class="text-muted mb-0"><span>Tax: </span><span id="billing-tax-no">12-3456789</span> </p>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-6">
|
||||
<h6 class="text-muted text-uppercase fs-12 mb-3">Shipping Address</h6>
|
||||
<h6 id="shipping-name">Diana Nichols</h6>
|
||||
<p class="text-muted mb-1" id="shipping-address-line-1">305 S San Gabriel Blvd</p>
|
||||
<p class="text-muted mb-1"><span>Phone: +</span><span id="shipping-phone-no">(123)
|
||||
456-7890</span></p>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<div class="card-body p-4">
|
||||
<div class="table-responsive">
|
||||
<table class="table table-borderless text-center table-nowrap align-middle mb-0">
|
||||
<thead>
|
||||
<tr class="table-active">
|
||||
<th scope="col" style="width: 50px;">#</th>
|
||||
<th scope="col">Product Details</th>
|
||||
<th scope="col">Rate</th>
|
||||
<th scope="col">Quantity</th>
|
||||
<th scope="col" class="text-end">Amount</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="products-list">
|
||||
<tr>
|
||||
<th scope="row">01</th>
|
||||
<td class="text-start">
|
||||
<div class="d-flex align-items-center gap-2">
|
||||
<div class="avatar-sm flex-shrink-0">
|
||||
<div class="avatar-title bg-success-subtle rounded-3">
|
||||
<img src="{{ URL::asset('build/images/products/img-4.png') }}" alt=""
|
||||
class="avatar-xs">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h6>Sangria Girls Mint Green & Off-White Solid Open Toe Flats</h6>
|
||||
<p class="text-muted mb-0">Graphic Print Men & Women Footwear</p>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td>$24.00</td>
|
||||
<td>02</td>
|
||||
<td class="text-end">$48.00</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">02</th>
|
||||
<td class="text-start">
|
||||
<div class="d-flex align-items-center gap-2">
|
||||
<div class="avatar-sm flex-shrink-0">
|
||||
<div class="avatar-title bg-dark-subtle rounded-3">
|
||||
<img src="{{ URL::asset('build/images/products/img-16.png') }}" alt=""
|
||||
class="avatar-xs">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h6>Rockerz Ear Bluetooth Smart Watch</h6>
|
||||
<p class="text-muted mb-0">32.5mm (1.28 Inch) TFT Color Touch Display</p>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td>$160.00</td>
|
||||
<td>01</td>
|
||||
<td class="text-end">$160.00</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">03</th>
|
||||
<td class="text-start">
|
||||
<div class="d-flex align-items-center gap-2">
|
||||
<div class="avatar-sm flex-shrink-0">
|
||||
<div class="avatar-title bg-warning-subtle rounded-3">
|
||||
<img src="{{ URL::asset('build/images/products/img-6.png') }}" alt=""
|
||||
class="avatar-xs">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h6>Monte Carlo Sweaters</h6>
|
||||
<p class="text-muted mb-0">Graphic Print Men & Women Fashion</p>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td>$244.99</td>
|
||||
<td>03</td>
|
||||
<td class="text-end">$734.97</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">04</th>
|
||||
<td class="text-start">
|
||||
<div class="d-flex align-items-center gap-2">
|
||||
<div class="avatar-sm flex-shrink-0">
|
||||
<div class="avatar-title bg-secondary-subtle rounded-3">
|
||||
<img src="{{ URL::asset('build/images/products/img-8.png') }}" alt=""
|
||||
class="avatar-xs">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h6>World's most expensive t shirt</h6>
|
||||
<p class="text-muted mb-0">Graphic Print Men & Women Fashion</p>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td>$120.30</td>
|
||||
<td>02</td>
|
||||
<td class="text-end">$240.60</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<!--end table-->
|
||||
</div>
|
||||
<div class="border-top border-top-dashed mt-2">
|
||||
<table class="table table-borderless table-nowrap align-middle mb-0 ms-auto" style="width:250px">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>Sub Total</td>
|
||||
<td class="text-end">$1183.57</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Estimated Tax (12.5%)</td>
|
||||
<td class="text-end">$147.95</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Discount <small class="text-muted">(Toner15)</small></td>
|
||||
<td class="text-end">- $177.54</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Shipping Charge</td>
|
||||
<td class="text-end">$65.00</td>
|
||||
</tr>
|
||||
<tr class="border-top border-top-dashed fs-15">
|
||||
<th scope="row">Total Amount</th>
|
||||
<th class="text-end">$1218.98</th>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<!--end table-->
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body p-4">
|
||||
<div class="d-flex mb-3">
|
||||
<h5 class="card-title flex-grow-1 mb-0"><i
|
||||
class="mdi mdi-truck-fast-outline align-middle me-1 text-muted"></i> Logistics Details</h5>
|
||||
<div class="flex-shrink-0">
|
||||
<a href="javascript:void(0);" class="badge bg-primary-subtle text-primary fs-11">Track Order</a>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="row align-items-center gy-3 gy-md-0">
|
||||
<div class="col-md-4">
|
||||
<div
|
||||
class="d-flex align-items-center justify-content-between justify-content-md-start text-end text-md-start">
|
||||
<div class="">
|
||||
<lord-icon src="https://cdn.lordicon.com/uetqnvvg.json" trigger="loop"
|
||||
colors="primary:#438eff,secondary:#0ab39c" style="width:70px;height:70px">
|
||||
</lord-icon>
|
||||
</div>
|
||||
<div class="ms-2">
|
||||
<h6>RQK Logistics</h6>
|
||||
<p class="text-muted mb-0 fs-14">ID: MFDS140045</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="text-end text-md-start">
|
||||
<h6>Debit Card</h6>
|
||||
<p class="text-muted mb-0 fs-14">Payment Mode</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="text-end">
|
||||
<button class="btn btn-soft-info"><i
|
||||
class="ri-customer-service-2-line align-bottom me-1"></i> Help Center</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-end mt-4">
|
||||
<button type="button" class="btn btn-danger btn-hover">Continue Shopping <i
|
||||
class="ri-arrow-right-line align-bottom ms-1"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end conatiner-->
|
||||
</section>
|
||||
|
||||
<section class="section bg-light bg-opacity-25"
|
||||
style="background-image: url('build/images/ecommerce/bg-effect.png');background-position: center; background-size: cover;">
|
||||
<div class="container">
|
||||
<div class="row align-items-center justify-content-between">
|
||||
<div class="col-lg-6">
|
||||
<div>
|
||||
<p class="fs-15 text-uppercase fw-medium"><span class="fw-semibold text-danger">25% Up to</span>
|
||||
off all Products</p>
|
||||
<h1 class="lh-base text-capitalize mb-3">Stay home & get your daily needs from our shop</h1>
|
||||
<p class="fs-15 mb-4 pb-2">Start You'r Daily Shopping with <a href="#!"
|
||||
class="link-info fw-medium">Toner</a></p>
|
||||
<form action="#!">
|
||||
<div class="position-relative ecommerce-subscript">
|
||||
<input type="email" class="form-control rounded-pill" placeholder="Enter your email">
|
||||
<button type="submit" class="btn btn-info btn-hover rounded-pill">Subscript Now</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-4">
|
||||
<div class="mt-5 mt-lg-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/subscribe.png') }}" alt="" class="img-fluid">
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end conatiner-->
|
||||
</section>
|
||||
|
||||
<section class="section py-5">
|
||||
<div class="container">
|
||||
<div class="row gy-4 gy-lg-0">
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/fast-delivery.png') }}" alt="" class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-15">Fast & Secure Delivery</h5>
|
||||
<p class="text-muted mb-0">Tell about your service.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/returns.png') }}" alt="" class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-15">2 Days Return Policy</h5>
|
||||
<p class="text-muted mb-0">No question ask.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/guarantee-certificate.png') }}" alt=""
|
||||
class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-15">Money Back Guarantee</h5>
|
||||
<p class="text-muted mb-0">Within 5 business days</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/24-hours-support.png') }}" alt="" class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-15">24 X 7 Service</h5>
|
||||
<p class="text-muted mb-0">Online service for customer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@endsection
|
||||
@section('scripts')
|
||||
<!-- form wizard init -->
|
||||
<script src="{{ URL::asset('build/js/pages/form-wizard.init.js') }}"></script>
|
||||
<!-- landing-index js -->
|
||||
<script src="{{ URL::asset('build/js/frontend/menu.init.js') }}"></script>
|
||||
@endsection
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,717 @@
|
||||
@extends('layouts.master')
|
||||
@section('title')
|
||||
Watch Main Layout
|
||||
@endsection
|
||||
@section('css')
|
||||
<!-- extra css -->
|
||||
<!--Swiper slider css-->
|
||||
<link href="{{ URL::asset('build/libs/swiper/swiper-bundle.min.css') }}" rel="stylesheet" type="text/css" />
|
||||
@endsection
|
||||
@section('content')
|
||||
|
||||
<section class="watch-layout">
|
||||
<div class="bg-overlay bg-dark bg-opacity-75"></div>
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-6 text-center">
|
||||
<h1 class="text-white fw-medium text-capitalize display-5 lh-base mb-3">Smart watch you should wear every day</h1>
|
||||
<p class="text-white opacity-75 fs-17 fw-normal mb-4">As a mobile command center smartwatch's allows you to monitor the information received by the smartphone, and optionally analyze your condition and health in real time.</p>
|
||||
<div class="pt-2">
|
||||
<a href="product-list-right" class="btn btn-danger btn-hover">Shop Now <i class="bi bi-arrow-right align-baseline ms-1"></i></a>
|
||||
</div>
|
||||
</div><!--end col-->
|
||||
</div><!--end row-->
|
||||
</div><!--end container-->
|
||||
</section><!--end home-->
|
||||
|
||||
<div class="mt-n5 position-relative">
|
||||
<div class="container">
|
||||
<div class="card border-0 shadow">
|
||||
<div class="card-body p-4">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-xxl-2 col-lg-3 col-sm-6">
|
||||
<div class="px-4 m-2">
|
||||
<a href="#!" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-title="Shopify"><img src="{{ URL::asset('build/images/clients/shopify.svg') }}" alt="" height="28"></a>
|
||||
</div>
|
||||
</div><!--end col-->
|
||||
<div class="col-xxl-2 col-lg-3 col-sm-6">
|
||||
<div class="px-4 m-2">
|
||||
<a href="#!" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-title="Google"><img src="{{ URL::asset('build/images/clients/google.svg') }}" alt="" height="28"></a>
|
||||
</div>
|
||||
</div><!--end col-->
|
||||
<div class="col-xxl-2 col-lg-3 col-sm-6">
|
||||
<div class="px-4 m-2">
|
||||
<a href="#!" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-title="PayPal"><img src="{{ URL::asset('build/images/clients/paypal.svg') }}" alt="" height="28"></a>
|
||||
</div>
|
||||
</div><!--end col-->
|
||||
<div class="col-xxl-2 col-lg-3 col-sm-6">
|
||||
<div class="px-4 m-2">
|
||||
<a href="#!" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-title="Amazon"><img src="{{ URL::asset('build/images/clients/amazon.svg') }}" alt="" height="28"></a>
|
||||
</div>
|
||||
</div><!--end col-->
|
||||
<div class="col-xxl-2 col-lg-3 col-sm-6">
|
||||
<div class="px-4 m-2">
|
||||
<a href="#!" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-title="Walmart"><img src="{{ URL::asset('build/images/clients/walmart.svg') }}" alt="" height="28"></a>
|
||||
</div>
|
||||
</div><!--end col-->
|
||||
<div class="col-xxl-2 col-lg-3 col-sm-6">
|
||||
<div class="px-4 m-2">
|
||||
<a href="#!" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-title="Verizon"><img src="{{ URL::asset('build/images/clients/verizon.svg') }}" alt="" height="28"></a>
|
||||
</div>
|
||||
</div><!--end col-->
|
||||
</div><!--end row-->
|
||||
</div>
|
||||
</div>
|
||||
</div><!--end container-->
|
||||
</div>
|
||||
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-7">
|
||||
<div class="section-content text-center mb-5">
|
||||
<h2 class="title fw-normal">Our <b>Watch Collections</b></h2>
|
||||
</div>
|
||||
</div><!--end col-->
|
||||
</div><!--end row-->
|
||||
<div class="row">
|
||||
<div class="col-lg-3 col-md-6">
|
||||
<div class="card card-animate watch-category-widgets">
|
||||
<div class="card-body p-2">
|
||||
<div class="bg-light">
|
||||
<img src="{{ URL::asset('build/images/watch/products/img-07.png') }}" alt="" class="img-fluid">
|
||||
</div>
|
||||
<div class="category-btn mx-3 pb-3">
|
||||
<a href="#!" class="btn btn-danger stretched-link w-100">Fancy Watches</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--end col-->
|
||||
<div class="col-lg-3 col-md-6">
|
||||
<div class="card card-animate watch-category-widgets">
|
||||
<div class="card-body p-2">
|
||||
<div class="bg-light">
|
||||
<img src="{{ URL::asset('build/images/watch/products/img-01.png') }}" alt="" class="img-fluid">
|
||||
</div>
|
||||
<div class="category-btn mx-3 pb-3">
|
||||
<a href="#!" class="btn btn-danger stretched-link w-100">Women's Watches</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--end col-->
|
||||
<div class="col-lg-3 col-md-6">
|
||||
<div class="card card-animate watch-category-widgets">
|
||||
<div class="card-body p-2">
|
||||
<div class="bg-light">
|
||||
<img src="{{ URL::asset('build/images/watch/products/img-04.png') }}" alt="" class="img-fluid">
|
||||
</div>
|
||||
<div class="category-btn mx-3 pb-3">
|
||||
<a href="#!" class="btn btn-danger stretched-link w-100">Men's Watches</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--end col-->
|
||||
<div class="col-lg-3 col-md-6">
|
||||
<div class="card card-animate watch-category-widgets">
|
||||
<div class="card-body p-2">
|
||||
<div class="bg-light">
|
||||
<img src="{{ URL::asset('build/images/watch/products/img-06.png') }}" alt="" class="img-fluid">
|
||||
</div>
|
||||
<div class="category-btn mx-3 pb-3">
|
||||
<a href="#!" class="btn btn-danger stretched-link w-100">Smartwatch's</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--end col-->
|
||||
</div><!--end row-->
|
||||
</div><!--end container-fluid-->
|
||||
</section>
|
||||
<!--end watch collocations-->
|
||||
|
||||
<section class="section pt-4">
|
||||
<div class="container">
|
||||
<div class="row align-items-center gy-4">
|
||||
<div class="col-xxl-5">
|
||||
<div class="section-content">
|
||||
<p class="fs-15 mb-2">Why Choose Toner Shop ?</p>
|
||||
<h2 class="title text-capitalize lh-base fw-normal mb-3">Committed to the <b>best quality</b> and results</h2>
|
||||
<p class="text-muted fs-15">Luxury watches are more expensive because of the time and extensive effort it takes to make them, but also because of the parts that are used in their manufacture.</p>
|
||||
<ul class="list-unstyled vstack gap-2 fs-15 mb-4">
|
||||
<li>
|
||||
<div class="d-flex gap-2 align-items-center">
|
||||
<div>
|
||||
<i class="bi bi-caret-right"></i>
|
||||
</div>
|
||||
<p class="mb-0">Water resistant up to 50M</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="d-flex gap-2 align-items-center">
|
||||
<div>
|
||||
<i class="bi bi-caret-right"></i>
|
||||
</div>
|
||||
<p class="mb-0">Music & volume controls</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="d-flex gap-2 align-items-center">
|
||||
<div>
|
||||
<i class="bi bi-caret-right"></i>
|
||||
</div>
|
||||
<p class="mb-0">Daily activity tracker</p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<a href="product-list-right" class="btn btn-danger btn-hover">Shop Now <i class="bi bi-arrow-right align-baseline ms-2"></i></a>
|
||||
</div>
|
||||
</div><!--end col-->
|
||||
<div class="col-xxl-6 ms-auto">
|
||||
<div class="about-watch text-center">
|
||||
<img src="{{ URL::asset('build/images/watch/products/img-05.png') }}" alt="">
|
||||
</div>
|
||||
</div><!--end col-->
|
||||
</div><!--end row-->
|
||||
</div><!--end container-->
|
||||
</section>
|
||||
<!--end about-->
|
||||
|
||||
<!--start video cta-->
|
||||
<section class="watch-cta position-relative">
|
||||
<div class="bg-overlay bg-dark"></div>
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-7">
|
||||
<div class="text-center">
|
||||
<p class="fs-20 text-white">Product Features Demo</p>
|
||||
<h2 class="title text-capitalize text-white lh-base fw-normal mb-0">Get product more information for the video</h2>
|
||||
</div>
|
||||
</div><!--end col-->
|
||||
</div><!--end row-->
|
||||
</div><!--end container-->
|
||||
</section>
|
||||
|
||||
<div class="container video-card">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-10">
|
||||
<img src="{{ URL::asset('build/images/watch/video-img.jpg') }}" alt="" class="img-fluid object-fit-cover rounded-4">
|
||||
|
||||
<div class="video-main">
|
||||
<div class="promo-video">
|
||||
<div class="waves-block">
|
||||
<div class="waves wave-1"></div>
|
||||
<div class="waves wave-2"></div>
|
||||
<div class="waves wave-3"></div>
|
||||
</div>
|
||||
</div>
|
||||
<button type="button" class="btn btn-dark btn-icon rounded-circle" data-bs-toggle="modal" data-bs-target="#videoPlay"><i class="ph ph-play"></i></button>
|
||||
</div>
|
||||
</div><!--end col-->
|
||||
</div><!--end row-->
|
||||
</div><!--end container-->
|
||||
<!--end video cta-->
|
||||
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-7">
|
||||
<div class="section-content text-center mb-5 pb-3">
|
||||
<h2 class="title text-capitalize fw-normal">We have <b>quality</b> Products</h2>
|
||||
</div>
|
||||
</div><!--end col-->
|
||||
</div><!--end row-->
|
||||
<div class="row">
|
||||
<div class="col-xxl-3 col-lg-4 col-md-6">
|
||||
<div class="card watch-product text-center border-0 card-animate overflow-hidden">
|
||||
<span class="badge bg-danger-subtle text-danger fs-12 position-absolute top-0 end-0 start-0 rounded-bottom-0">Sale up to 30%</span>
|
||||
<div class="card-body pt-4">
|
||||
<div class="pt-2">
|
||||
<img src="{{ URL::asset('build/images/watch/products/img-01.png') }}" alt="" class="img-fluid">
|
||||
<div class="mt-4">
|
||||
<h6 class="fs-15 text-capitalize text-truncate"><a href="#!" class="text-reset">New Stylish men's wrist watch</a></h6>
|
||||
<p class="mb-0 fs-16">$241.99 <small class="text-decoration-line-through fs-13 text-muted">328.19</small></p>
|
||||
</div>
|
||||
<ul class="watch-widgets-menu hstack justify-content-center gap-2 list-unstyled position-absolute mb-0">
|
||||
<li>
|
||||
<a href="#!" class="rounded bookmark" data-bs-toggle="button"><i class="bi bi-star"></i></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="shop-cart" class="rounded"><i class="bi bi-bag"></i></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="product-details" class="rounded"><i class="bi bi-eye"></i></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--end col-->
|
||||
<div class="col-xxl-3 col-lg-4 col-md-6">
|
||||
<div class="card watch-product text-center border-0 card-animate overflow-hidden">
|
||||
<div class="card-body pt-4">
|
||||
<div class="pt-2">
|
||||
<img src="{{ URL::asset('build/images/watch/products/img-02.png') }}" alt="" class="img-fluid">
|
||||
<div class="mt-4">
|
||||
<h6 class="fs-15 text-capitalize text-truncate"><a href="#!" class="text-reset">Full Black Fancy Watch</a></h6>
|
||||
<p class="mb-0 fs-16">$179.65</p>
|
||||
</div>
|
||||
<ul class="watch-widgets-menu hstack justify-content-center gap-2 list-unstyled position-absolute mb-0">
|
||||
<li>
|
||||
<a href="#!" class="rounded bookmark active" data-bs-toggle="button"><i class="bi bi-star"></i></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="shop-cart" class="rounded"><i class="bi bi-bag"></i></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="product-details" class="rounded"><i class="bi bi-eye"></i></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--end col-->
|
||||
<div class="col-xxl-3 col-lg-4 col-md-6">
|
||||
<div class="card watch-product text-center border-0 card-animate overflow-hidden">
|
||||
<div class="card-body pt-4">
|
||||
<div class="pt-2">
|
||||
<img src="{{ URL::asset('build/images/watch/products/img-03.png') }}" alt="" class="img-fluid">
|
||||
<div class="mt-4">
|
||||
<h6 class="fs-15 text-capitalize text-truncate"><a href="#!" class="text-reset">Limited Edition Watch For Men</a></h6>
|
||||
<p class="mb-0 fs-16">$349.49</p>
|
||||
</div>
|
||||
<ul class="watch-widgets-menu hstack justify-content-center gap-2 list-unstyled position-absolute mb-0">
|
||||
<li>
|
||||
<a href="#!" class="rounded bookmark" data-bs-toggle="button"><i class="bi bi-star"></i></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="shop-cart" class="rounded"><i class="bi bi-bag"></i></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="product-details" class="rounded"><i class="bi bi-eye"></i></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--end col-->
|
||||
<div class="col-xxl-3 col-lg-4 col-md-6">
|
||||
<div class="card watch-product text-center border-0 card-animate overflow-hidden">
|
||||
<div class="card-body pt-4">
|
||||
<div class="pt-2">
|
||||
<img src="{{ URL::asset('build/images/watch/products/img-04.png') }}" alt="" class="img-fluid">
|
||||
<div class="mt-4">
|
||||
<h6 class="fs-15 text-capitalize text-truncate"><a href="#!" class="text-reset">Timer Furious Casual Analog Watch</a></h6>
|
||||
<p class="mb-0 fs-16">$197.45</p>
|
||||
</div>
|
||||
<ul class="watch-widgets-menu hstack justify-content-center gap-2 list-unstyled position-absolute mb-0">
|
||||
<li>
|
||||
<a href="#!" class="rounded bookmark active" data-bs-toggle="button"><i class="bi bi-star"></i></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="shop-cart" class="rounded"><i class="bi bi-bag"></i></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="product-details" class="rounded"><i class="bi bi-eye"></i></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--end col-->
|
||||
<div class="col-xxl-3 col-lg-4 col-md-6">
|
||||
<div class="card watch-product text-center border-0 card-animate overflow-hidden">
|
||||
<div class="card-body pt-4">
|
||||
<div class="pt-2">
|
||||
<img src="{{ URL::asset('build/images/watch/products/img-06.png') }}" alt="" class="img-fluid">
|
||||
<div class="mt-4">
|
||||
<h6 class="fs-15 text-capitalize text-truncate"><a href="#!" class="text-reset">Fire-boltt Ninja Pro Max Smartwatch</a></h6>
|
||||
<p class="mb-0 fs-16">$179.37</p>
|
||||
</div>
|
||||
<ul class="watch-widgets-menu hstack justify-content-center gap-2 list-unstyled position-absolute mb-0">
|
||||
<li>
|
||||
<a href="#!" class="rounded bookmark" data-bs-toggle="button"><i class="bi bi-star"></i></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="shop-cart" class="rounded"><i class="bi bi-bag"></i></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="product-details" class="rounded"><i class="bi bi-eye"></i></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--end col-->
|
||||
<div class="col-xxl-3 col-lg-4 col-md-6">
|
||||
<div class="card watch-product text-center border-0 card-animate overflow-hidden">
|
||||
<span class="badge bg-danger-subtle text-danger fs-12 position-absolute top-0 end-0 start-0 rounded-bottom-0">Sale up to 15%</span>
|
||||
<div class="card-body pt-4">
|
||||
<div class="pt-2">
|
||||
<img src="{{ URL::asset('build/images/watch/products/img-07.png') }}" alt="" class="img-fluid">
|
||||
<div class="mt-4">
|
||||
<h6 class="fs-15 text-capitalize text-truncate"><a href="#!" class="text-reset">Swiss Track Analog Watch</a></h6>
|
||||
<p class="mb-0 fs-16">$209.49 <small class="text-decoration-line-through fs-13 text-muted">349.99</small></p>
|
||||
</div>
|
||||
<ul class="watch-widgets-menu hstack justify-content-center gap-2 list-unstyled position-absolute mb-0">
|
||||
<li>
|
||||
<a href="#!" class="rounded bookmark" data-bs-toggle="button"><i class="bi bi-star"></i></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="shop-cart" class="rounded"><i class="bi bi-bag"></i></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="product-details" class="rounded"><i class="bi bi-eye"></i></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--end col-->
|
||||
<div class="col-xxl-3 col-lg-4 col-md-6">
|
||||
<div class="card watch-product text-center border-0 card-animate overflow-hidden">
|
||||
<div class="card-body pt-4">
|
||||
<div class="pt-2">
|
||||
<img src="{{ URL::asset('build/images/watch/products/img-08.png') }}" alt="" class="img-fluid">
|
||||
<div class="mt-4">
|
||||
<h6 class="fs-15 text-capitalize text-truncate"><a href="#!" class="text-reset">Digital Watch in shoppry Mego</a></h6>
|
||||
<p class="mb-0 fs-16">$147.32</p>
|
||||
</div>
|
||||
<ul class="watch-widgets-menu hstack justify-content-center gap-2 list-unstyled position-absolute mb-0">
|
||||
<li>
|
||||
<a href="#!" class="rounded bookmark" data-bs-toggle="button"><i class="bi bi-star"></i></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="shop-cart" class="rounded"><i class="bi bi-bag"></i></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="product-details" class="rounded"><i class="bi bi-eye"></i></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--end col-->
|
||||
<div class="col-xxl-3 col-lg-4 col-md-6">
|
||||
<div class="card watch-product text-center border-0 card-animate overflow-hidden">
|
||||
<div class="card-body pt-4">
|
||||
<div class="pt-2">
|
||||
<img src="{{ URL::asset('build/images/watch/products/img-09.png') }}" alt="" class="img-fluid">
|
||||
<div class="mt-4">
|
||||
<h6 class="fs-15 text-capitalize text-truncate"><a href="#!" class="text-reset">Swiss Track Analog Watch</a></h6>
|
||||
<p class="mb-0 fs-16">$357.48</p>
|
||||
</div>
|
||||
<ul class="watch-widgets-menu hstack justify-content-center gap-2 list-unstyled position-absolute mb-0">
|
||||
<li>
|
||||
<a href="#!" class="rounded bookmark" data-bs-toggle="button"><i class="bi bi-star"></i></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="shop-cart" class="rounded"><i class="bi bi-bag"></i></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="product-details" class="rounded"><i class="bi bi-eye"></i></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--end col-->
|
||||
</div><!--end row-->
|
||||
</div><!--end container-->
|
||||
</section>
|
||||
|
||||
<section class="section bg-light">
|
||||
<div class="container-fluid">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-5">
|
||||
<div class="text-center mb-5">
|
||||
<h3>What Customers Say About Us</h3>
|
||||
<p class="text-muted fs-15">A customer is a person or business that buys goods or services from another business. Customers are crucial because they generate revenue.</p>
|
||||
</div>
|
||||
</div><!--end col-->
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<!-- Swiper -->
|
||||
<div class="swiper feedback-slider">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide">
|
||||
<div class="card border-0">
|
||||
<div class="card-body">
|
||||
<i class="bi bi-quote position-absolute end-0 top-0 display-3 text-primary" style="--tb-text-opacity: 0.10;"></i>
|
||||
<div class="mb-2 text-warning">
|
||||
<i class="bi bi-star-fill"></i>
|
||||
<i class="bi bi-star-fill"></i>
|
||||
<i class="bi bi-star-fill"></i>
|
||||
<i class="bi bi-star-fill"></i>
|
||||
<i class="bi bi-star-fill"></i>
|
||||
</div>
|
||||
<h5 class="mb-3">Code Quality</h5>
|
||||
<p class="fs-16 text-muted mb-4">" Great job on the <b>code quality</b>! Your attention to detail and dedication to producing clean, well-structured, and efficient code is impressive. Keep up the excellent work! "</p>
|
||||
<div class="d-flex gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/users/avatar-1.jpg') }}" alt="" class="avatar-sm rounded">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<a href="#!">
|
||||
<h6>Zebra Fashion</h6>
|
||||
</a>
|
||||
<p class="text-muted fs-14 mb-0">Founder & Owner</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--end card-->
|
||||
</div><!--end slide-->
|
||||
<div class="swiper-slide">
|
||||
<div class="card border-0">
|
||||
<div class="card-body">
|
||||
<i class="bi bi-quote position-absolute end-0 top-0 display-3 text-primary" style="--tb-text-opacity: 0.10;"></i>
|
||||
<div class="mb-2 text-warning">
|
||||
<i class="bi bi-star-fill"></i>
|
||||
<i class="bi bi-star-fill"></i>
|
||||
<i class="bi bi-star-fill"></i>
|
||||
<i class="bi bi-star-fill"></i>
|
||||
<i class="bi bi-star-fill"></i>
|
||||
</div>
|
||||
<h5 class="mb-3">Design Quality</h5>
|
||||
<p class="text-muted fs-16 mb-4">" Awesome! It is a high quality HTML template, I suggest two things, please add Angular version as Default with HTML version and Please try to add LMS part. Thanks "</p>
|
||||
<div class="d-flex gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/users/avatar-2.jpg') }}" alt="" class="avatar-sm rounded">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<a href="#!">
|
||||
<h6>James Bowen</h6>
|
||||
</a>
|
||||
<p class="text-muted fs-14 mb-0">Web Development</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--end card-->
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<div class="card border-0">
|
||||
<div class="card-body">
|
||||
<i class="bi bi-quote position-absolute end-0 top-0 display-3 text-primary" style="--tb-text-opacity: 0.10;"></i>
|
||||
<div class="mb-2 text-warning">
|
||||
<i class="bi bi-star-fill"></i>
|
||||
<i class="bi bi-star-fill"></i>
|
||||
<i class="bi bi-star-fill"></i>
|
||||
<i class="bi bi-star-fill"></i>
|
||||
<i class="bi bi-star-fill"></i>
|
||||
</div>
|
||||
<h5 class="mb-3">Customer Support</h5>
|
||||
<p class="text-muted fs-16 mb-4">" High theme quality. Very good support, they spent almost an hour remotely to fix a problem. I hope this theme will have a long term support. Great Admin template comes in handy... :) "</p>
|
||||
<div class="d-flex gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/users/avatar-3.jpg') }}" alt="" class="avatar-sm rounded">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<a href="#!">
|
||||
<h6>Alex Smith</h6>
|
||||
</a>
|
||||
<p class="text-muted fs-14 mb-0">UI/UX Designer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--end card-->
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<div class="card border-0">
|
||||
<div class="card-body">
|
||||
<i class="bi bi-quote position-absolute end-0 top-0 display-3 text-primary" style="--tb-text-opacity: 0.10;"></i>
|
||||
<div class="mb-2 text-warning">
|
||||
<i class="bi bi-star-fill"></i>
|
||||
<i class="bi bi-star-fill"></i>
|
||||
<i class="bi bi-star-fill"></i>
|
||||
<i class="bi bi-star-fill"></i>
|
||||
<i class="bi bi-star-fill"></i>
|
||||
</div>
|
||||
<h5 class="mb-3">Feature Availability</h5>
|
||||
<p class="text-muted fs-16 mb-4">" Hello everyone, I would like to suggest here two contents that you could create. Course pages and blog pages. In them you could insert the listing and management of courses. "</p>
|
||||
<div class="d-flex gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/users/avatar-4.jpg') }}" alt="" class="avatar-sm rounded">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<a href="#!">
|
||||
<h6>Ayaan Bowen</h6>
|
||||
</a>
|
||||
<p class="fs-14 text-muted mb-0">Fashion Designer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--end card-->
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<div class="card border-0">
|
||||
<div class="card-body">
|
||||
<i class="bi bi-quote position-absolute end-0 top-0 display-3 text-primary" style="--tb-text-opacity: 0.10;"></i>
|
||||
<div class="mb-2 text-warning">
|
||||
<i class="bi bi-star-fill"></i>
|
||||
<i class="bi bi-star-fill"></i>
|
||||
<i class="bi bi-star-fill"></i>
|
||||
<i class="bi bi-star-fill"></i>
|
||||
<i class="bi bi-star-fill"></i>
|
||||
</div>
|
||||
<h5 class="mb-3">Design Quality</h5>
|
||||
<p class="text-muted fs-16 mb-4">" Thank you for supporting CakePHP 4, we have purchased the template because of this support, please push forward more integration. The template is very complete as an admin panel. "</p>
|
||||
<div class="d-flex gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/users/avatar-6.jpg') }}" alt="" class="avatar-sm rounded">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<a href="#!">
|
||||
<h6>Pitch Fashion</h6>
|
||||
</a>
|
||||
<p class="text-muted fs-14 mb-0">Web Designer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--end card-->
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-button-next"></div>
|
||||
<div class="swiper-button-prev"></div>
|
||||
</div>
|
||||
</div><!---end col-->
|
||||
</div><!--end row-->
|
||||
</div><!--end container-fluid-->
|
||||
</section>
|
||||
|
||||
<!-- START Instagram shop -->
|
||||
<section class="section">
|
||||
<div class="container-fluid container-custom">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-7">
|
||||
<div class="section-content text-center mb-5 pb-3">
|
||||
<h2 class="title fw-normal mb-3"><span>Instagram Shop by <span class="fw-semibold">@shoppry</span></span></h2>
|
||||
<p class="text-muted fs-16 mb-0">Shop your favorite styles from Instagram.</p>
|
||||
</div>
|
||||
</div><!--end col-->
|
||||
</div><!--end row-->
|
||||
<div class="row g-3">
|
||||
<div class="col-xxl-2 col-lg-3 col-md-6 d-none d-xxl-block">
|
||||
<div class="position-relative">
|
||||
<a href="#!" class="btn btn-light btn-icon btn-sm rounded-circle position-absolute bottom-0 end-0 m-3" data-bs-toggle="popover" data-bs-trigger="hover" data-bs-title="Women Fashion" data-bs-content="One or two brand names can look classy, but too many can detract from the sophistication you're going for.">
|
||||
<i class="ph-plus-bold"></i>
|
||||
</a>
|
||||
<img src="{{ URL::asset('build/images/instgram/img-01.jpg') }}" alt="" class="img-fluid rounded">
|
||||
</div>
|
||||
</div><!--end col-->
|
||||
<div class="col-xxl-2 col-lg-3 col-md-6">
|
||||
<div class="position-relative">
|
||||
<a href="#!" class="btn btn-light btn-icon btn-sm rounded-circle position-absolute bottom-0 end-0 m-3" data-bs-toggle="popover" data-bs-trigger="hover" data-bs-title="Unique Fashion" data-bs-content="A capsule collection is essentially a condensed version of a designer's vision">
|
||||
<i class="ph-plus-bold"></i>
|
||||
</a>
|
||||
<img src="{{ URL::asset('build/images/instgram/img-02.jpg') }}" alt="" class="img-fluid rounded">
|
||||
</div>
|
||||
</div><!--end col-->
|
||||
<div class="col-xxl-2 col-lg-3 col-md-6">
|
||||
<div class="position-relative">
|
||||
<a href="#!" class="btn btn-light btn-icon btn-sm rounded-circle position-absolute bottom-0 end-0 m-3" data-bs-toggle="popover" data-bs-trigger="hover" data-bs-title="Men'swear" data-bs-content="Yours may consist of traditional pieces, such as tops, bottoms, and outerwear, or focus on a single product">
|
||||
<i class="ph-plus-bold"></i>
|
||||
</a>
|
||||
<img src="{{ URL::asset('build/images/instgram/img-03.jpg') }}" alt="" class="img-fluid rounded">
|
||||
</div>
|
||||
</div><!--end col-->
|
||||
<div class="col-xxl-2 col-lg-3 col-md-6 d-none d-xxl-block">
|
||||
<div class="position-relative">
|
||||
<a href="#!" class="btn btn-light btn-icon btn-sm rounded-circle position-absolute bottom-0 end-0 m-3" data-bs-toggle="popover" data-bs-trigger="hover" data-bs-title="Sportwear" data-bs-content="Typical sport-specific garments include tracksuits, shorts, T-shirts and polo shirts.">
|
||||
<i class="ph-plus-bold"></i>
|
||||
</a>
|
||||
<img src="{{ URL::asset('build/images/instgram/img-04.jpg') }}" alt="" class="img-fluid rounded">
|
||||
</div>
|
||||
</div><!--end col-->
|
||||
<div class="col-xxl-2 col-lg-3 col-md-6">
|
||||
<div class="position-relative">
|
||||
<a href="#!" class="btn btn-light btn-icon btn-sm rounded-circle position-absolute bottom-0 end-0 m-3" data-bs-toggle="popover" data-bs-trigger="hover" data-bs-title="Women Fashion" data-bs-content="One or two brand names can look classy, but too many can detract from the sophistication you're going for.">
|
||||
<i class="ph-plus-bold"></i>
|
||||
</a>
|
||||
<img src="{{ URL::asset('build/images/instgram/img-05.jpg') }}" alt="" class="img-fluid rounded">
|
||||
</div>
|
||||
</div><!--end col-->
|
||||
<div class="col-xxl-2 col-lg-3 col-md-6">
|
||||
<div class="position-relative">
|
||||
<a href="#!" class="btn btn-light btn-icon btn-sm rounded-circle position-absolute bottom-0 end-0 m-3" data-bs-toggle="popover" data-bs-trigger="hover" data-bs-title="Footwear" data-bs-content="Footwear refers to garments worn on the feet, which typically serves the purpose of protection against adversities.">
|
||||
<i class="ph-plus-bold"></i>
|
||||
</a>
|
||||
<img src="{{ URL::asset('build/images/instgram/img-06.jpg') }}" alt="" class="img-fluid rounded">
|
||||
</div>
|
||||
</div><!--end col-->
|
||||
</div><!--end row-->
|
||||
</div><!--end container-fluid-->
|
||||
</section><!--end instagram shop-->
|
||||
|
||||
<!--start cta-->
|
||||
<section class="position-relative border-top py-5">
|
||||
<div class="container">
|
||||
<div class="row gy-4 gy-lg-0">
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/fast-delivery.png') }}" alt="" class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-15">Fast & Secure Delivery</h5>
|
||||
<p class="text-muted mb-0">Tell about your service.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--end col-->
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/returns.png') }}" alt="" class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-15">2 Days Return Policy</h5>
|
||||
<p class="text-muted mb-0">No question ask.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--end col-->
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/guarantee-certificate.png') }}" alt="" class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-15">Money Back Guarantee</h5>
|
||||
<p class="text-muted mb-0">Within 5 business days</p>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--end col-->
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/24-hours-support.png') }}" alt="" class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-15">24 X 7 Service</h5>
|
||||
<p class="text-muted mb-0">Online service for customer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--end col-->
|
||||
</div><!--end row-->
|
||||
</div><!--end container-->
|
||||
</section>
|
||||
<!--end cta-->
|
||||
|
||||
<!-- Modal -->
|
||||
<div class="modal fade" id="videoPlay" tabindex="-1" aria-labelledby="videoPlayLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-lg modal-dialog-centered">
|
||||
<div class="modal-content border-0">
|
||||
<div class="ratio ratio-16x9">
|
||||
<iframe class="rounded" src="https://www.youtube.com/embed/Z-fV2lGKnnU" title="YouTube video" allowfullscreen></iframe>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
@section('scripts')
|
||||
|
||||
<!--Swiper slider js-->
|
||||
<script src="{{ URL::asset('build/libs/swiper/swiper-bundle.min.js') }}"></script>
|
||||
|
||||
<script src="{{ URL::asset('build/js/frontend/watch-demo.init.js') }}"></script>
|
||||
|
||||
<script src="{{ URL::asset('build/js/frontend/menu.init.js') }}"></script>
|
||||
@endsection
|
||||
@@ -0,0 +1,425 @@
|
||||
@extends('layouts.master')
|
||||
@section('title')
|
||||
Wishlist
|
||||
@endsection
|
||||
@section('css')
|
||||
<!-- extra css -->
|
||||
@endsection
|
||||
@section('content')
|
||||
<section class="page-wrapper bg-primary">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="text-center d-flex align-items-center justify-content-between">
|
||||
<h4 class="text-white mb-0">Wishlist</h4>
|
||||
<nav aria-label="breadcrumb">
|
||||
<ol class="breadcrumb breadcrumb-light justify-content-center mb-0 fs-15">
|
||||
<li class="breadcrumb-item"><a href="#!">Shop</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page">Wishlist</li>
|
||||
</ol>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end container-->
|
||||
</section>
|
||||
<!-- end page title -->
|
||||
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="table-responsive">
|
||||
<table class="table fs-15 table-nowrap align-middle">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">Product</th>
|
||||
<th scope="col">Price</th>
|
||||
<th scope="col">Stock Status</th>
|
||||
<th scope="col">Action</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="d-flex gap-3">
|
||||
<div class="avatar-sm flex-shrink-0">
|
||||
<div class="avatar-title bg-dark-subtle rounded">
|
||||
<img src="{{ URL::asset('build/images/products/img-19.png') }}" alt=""
|
||||
class="avatar-xs">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<a href="product-details">
|
||||
<h6 class="fs-16">World's Most Expensive T Shirt</h6>
|
||||
</a>
|
||||
<p class="mb-0 text-muted fs-13">Women's Clothes</p>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td>$154.49</td>
|
||||
<td><span class="badge bg-success-subtle text-success">In Stock</span></td>
|
||||
<td>
|
||||
<ul class="list-unstyled d-flex gap-3 mb-0">
|
||||
<li>
|
||||
<a href="shop-cart" class="btn btn-soft-info btn-icon btn-sm"><i
|
||||
class="ri-shopping-cart-2-line fs-13"></i></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#!" class="btn btn-soft-danger btn-icon btn-sm"><i
|
||||
class="ri-close-line fs-13"></i></a>
|
||||
</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="d-flex gap-3">
|
||||
<div class="avatar-sm flex-shrink-0">
|
||||
<div class="avatar-title bg-danger-subtle rounded">
|
||||
<img src="{{ URL::asset('build/images/products/img-12.png') }}" alt=""
|
||||
class="avatar-xs">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<a href="product-details">
|
||||
<h6 class="fs-16">Onyx SmartGRID Chair Red</h6>
|
||||
</a>
|
||||
<p class="mb-0 text-muted fs-13">Furniture & Decore</p>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td>$39.99</td>
|
||||
<td><span class="badge bg-danger-subtle text-danger">Out Of Stock</span></td>
|
||||
<td>
|
||||
<ul class="list-unstyled d-flex gap-3 mb-0">
|
||||
<li>
|
||||
<a href="shop-cart" class="btn btn-soft-info btn-icon btn-sm"><i
|
||||
class="ri-shopping-cart-2-line fs-13"></i></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#!" class="btn btn-soft-danger btn-icon btn-sm"><i
|
||||
class="ri-close-line fs-13"></i></a>
|
||||
</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="d-flex gap-3">
|
||||
<div class="avatar-sm flex-shrink-0">
|
||||
<div class="avatar-title bg-success-subtle rounded">
|
||||
<img src="{{ URL::asset('build/images/products/img-4.png') }}" alt=""
|
||||
class="avatar-xs">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<a href="product-details">
|
||||
<h6 class="fs-16">Slippers Open Toe</h6>
|
||||
</a>
|
||||
<p class="mb-0 text-muted fs-13">Footwear</p>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td>$74.32</td>
|
||||
<td><span class="badge bg-success-subtle text-success">In Stock</span></td>
|
||||
<td>
|
||||
<ul class="list-unstyled d-flex gap-3 mb-0">
|
||||
<li>
|
||||
<a href="shop-cart" class="btn btn-soft-info btn-icon btn-sm"><i
|
||||
class="ri-shopping-cart-2-line fs-13"></i></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#!" class="btn btn-soft-danger btn-icon btn-sm"><i
|
||||
class="ri-close-line fs-13"></i></a>
|
||||
</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="d-flex gap-3">
|
||||
<div class="avatar-sm flex-shrink-0">
|
||||
<div class="avatar-title bg-secondary-subtle rounded">
|
||||
<img src="{{ URL::asset('build/images/products/img-1.png') }}" alt=""
|
||||
class="avatar-xs">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<a href="product-details">
|
||||
<h6 class="fs-16">Hp Trendsetter Backpack</h6>
|
||||
</a>
|
||||
<p class="mb-0 text-muted fs-13">Handbags & Clutches</p>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td>$32.00</td>
|
||||
<td><span class="badge bg-success-subtle text-success">In Stock</span></td>
|
||||
<td>
|
||||
<ul class="list-unstyled d-flex gap-3 mb-0">
|
||||
<li>
|
||||
<a href="shop-cart" class="btn btn-soft-info btn-icon btn-sm"><i
|
||||
class="ri-shopping-cart-2-line fs-13"></i></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#!" class="btn btn-soft-danger btn-icon btn-sm"><i
|
||||
class="ri-close-line fs-13"></i></a>
|
||||
</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="d-flex gap-3">
|
||||
<div class="avatar-sm flex-shrink-0">
|
||||
<div class="avatar-title bg-info-subtle rounded">
|
||||
<img src="{{ URL::asset('build/images/products/img-7.png') }}" alt=""
|
||||
class="avatar-xs">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<a href="product-details">
|
||||
<h6 class="fs-16">Innovative education book</h6>
|
||||
</a>
|
||||
<p class="mb-0 text-muted fs-13">Books</p>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td>$18.32</td>
|
||||
<td><span class="badge bg-danger-subtle text-danger">Out Of Stock</span></td>
|
||||
<td>
|
||||
<ul class="list-unstyled d-flex gap-3 mb-0">
|
||||
<li>
|
||||
<a href="shop-cart" class="btn btn-soft-info btn-icon btn-sm"><i
|
||||
class="ri-shopping-cart-2-line fs-13"></i></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#!" class="btn btn-soft-danger btn-icon btn-sm"><i
|
||||
class="ri-close-line fs-13"></i></a>
|
||||
</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="hstack gap-2 justify-content-end mt-2">
|
||||
<a href="product-list" class="btn btn-hover btn-secondary">Continue Shopping <i
|
||||
class="ri-arrow-right-line align-bottom"></i></a>
|
||||
<a href="checkout" class="btn btn-hover btn-primary">Check Out <i
|
||||
class="ri-arrow-right-line align-bottom"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end container-->
|
||||
</section>
|
||||
|
||||
<section class="section pt-0">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="d-flex align-items-center justify-content-between mb-4 pb-1">
|
||||
<h3 class="flex-grow-1 mb-0">Today's Hot Deal</h3>
|
||||
<div class="flex-shrink-0">
|
||||
<a href="#!" class="link-effect link-success fw-medium">View All Products <i
|
||||
class="ri-arrow-right-line ms-1 align-bottom"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
<div class="row">
|
||||
<div class="col-xxl-4 col-lg-4 col-md-6">
|
||||
<div class="ecommerce-deals-widgets">
|
||||
<div class="card overflow-hidden mb-0 border-0">
|
||||
<div class="gallery-product bg-danger-subtle card-body">
|
||||
<img src="{{ URL::asset('build/images/products/img-6.png') }}" alt="" class="avatar-xl">
|
||||
</div>
|
||||
</div>
|
||||
<div class="content mx-4 pt-5">
|
||||
<div class="card border-0 p-4 position-relative rounded-3 shadow-lg">
|
||||
<a href="#!">
|
||||
<h6 class="text-capitalize fs-16 lh-base text-truncate">Striped High Neck Casual Men
|
||||
Orange Sweater</h6>
|
||||
</a>
|
||||
<p class="text-muted"><i class="ri-star-fill text-warning align-bottom"></i> <i
|
||||
class="ri-star-fill text-warning align-bottom"></i> <i
|
||||
class="ri-star-fill text-warning align-bottom"></i> <i
|
||||
class="ri-star-fill text-warning align-bottom"></i> <i
|
||||
class="ri-star-half-fill text-warning align-bottom"></i> (4.7)</p>
|
||||
<div class="mt-3 d-flex align-items-center">
|
||||
<h5 class="flex-grow-1 mb-0">$62.40 <span
|
||||
class="text-muted fs-12"><del>$120.00</del></span></h5>
|
||||
<a href="#!" class="btn btn-primary btn-sm"><i
|
||||
class="ri-shopping-bag-line align-bottom me-1"></i> Add</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-xxl-4 col-lg-4 col-md-6">
|
||||
<div class="ecommerce-deals-widgets">
|
||||
<div class="card overflow-hidden mb-0 border-0">
|
||||
<div class="gallery-product bg-success-subtle card-body">
|
||||
<img src="{{ URL::asset('build/images/products/img-4.png') }}" alt="" class="avatar-xl">
|
||||
</div>
|
||||
</div>
|
||||
<div class="content mx-4 pt-5">
|
||||
<div class="card border-0 p-4 position-relative rounded-3 shadow-lg">
|
||||
<a href="#!">
|
||||
<h6 class="text-capitalize fs-16 lh-base text-truncate">Girls Mint Green & Off-White
|
||||
Solid Open Toe Flats</h6>
|
||||
</a>
|
||||
<p class="text-muted"><i class="ri-star-fill text-warning align-bottom"></i> <i
|
||||
class="ri-star-fill text-warning align-bottom"></i> <i
|
||||
class="ri-star-fill text-warning align-bottom"></i> <i
|
||||
class="ri-star-fill text-warning align-bottom"></i> <i
|
||||
class="ri-star-half-fill text-warning align-bottom"></i> (4.5)</p>
|
||||
<div class="mt-3 d-flex align-items-center">
|
||||
<h5 class="flex-grow-1 mb-0">$80.00 <span
|
||||
class="text-muted fs-12"><del>$180.00</del></span></h5>
|
||||
<a href="#!" class="btn btn-primary btn-sm"><i
|
||||
class="ri-shopping-bag-line align-bottom me-1"></i> Add</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-xxl-4 col-lg-4 col-md-6">
|
||||
<div class="ecommerce-deals-widgets">
|
||||
<div class="card overflow-hidden mb-0 border-0">
|
||||
<div class="gallery-product bg-dark-subtle card-body">
|
||||
<img src="{{ URL::asset('build/images/products/img-19.png') }}" alt="" class="avatar-xl">
|
||||
</div>
|
||||
</div>
|
||||
<div class="content mx-4 pt-5">
|
||||
<div class="card border-0 p-4 position-relative rounded-3 shadow-lg">
|
||||
<a href="#!">
|
||||
<h6 class="text-capitalize fs-16 lh-base text-truncate">Ethex Women Ribbed Sweater</h6>
|
||||
</a>
|
||||
<p class="text-muted"><i class="ri-star-fill text-warning align-bottom"></i> <i
|
||||
class="ri-star-fill text-warning align-bottom"></i> <i
|
||||
class="ri-star-fill text-warning align-bottom"></i> <i
|
||||
class="ri-star-fill text-warning align-bottom"></i> <i
|
||||
class="ri-star-fill text-warning align-bottom"></i> (5.0)</p>
|
||||
<div class="mt-3 d-flex align-items-center">
|
||||
<h5 class="flex-grow-1 mb-0">$24.07 <span
|
||||
class="text-muted fs-12"><del>$96.26</del></span></h5>
|
||||
<a href="#!" class="btn btn-primary btn-sm"><i
|
||||
class="ri-shopping-bag-line align-bottom me-1"></i> Add</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end container-->
|
||||
</section>
|
||||
|
||||
<section class="section bg-light bg-opacity-25"
|
||||
style="background-image: url('build/images/ecommerce/bg-effect.png');background-position: center; background-size: cover;">
|
||||
<div class="container">
|
||||
<div class="row align-items-center justify-content-between">
|
||||
<div class="col-lg-6">
|
||||
<div>
|
||||
<p class="fs-15 text-uppercase fw-medium"> <span class="fw-semibold text-danger">Summer</span>
|
||||
Collection</p>
|
||||
<h1 class="lh-base text-capitalize mb-3">Get 35% Discount For Couple Special</h1>
|
||||
<p class="fs-15 mb-4 pb-2">Start You'r Daily Shopping with <a href="#!"
|
||||
class="link-secondary text-decoration-underline fw-medium">Toner</a></p>
|
||||
<form action="#!">
|
||||
<div class="position-relative ecommerce-subscript">
|
||||
<input type="email" class="form-control rounded-pill" placeholder="Enter your email">
|
||||
<button type="submit" class="btn btn-primary btn-hover rounded-pill">Subscript
|
||||
Now</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-4">
|
||||
<div class="mt-5 mt-lg-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/subscribe.png') }}" alt="" class="img-fluid">
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end conatiner-->
|
||||
</section>
|
||||
|
||||
<section class="position-relative py-5">
|
||||
<div class="container">
|
||||
<div class="row gy-3 gy-lg-0">
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/fast-delivery.png') }}" alt="" class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-16">Fast & Secure Delivery</h5>
|
||||
<p class="text-muted mb-0">Tell about your service.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/returns.png') }}" alt="" class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-16">2 Days Return Policy</h5>
|
||||
<p class="text-muted mb-0">No question ask.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/guarantee-certificate.png') }}" alt=""
|
||||
class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-16">Money Back Guarantee</h5>
|
||||
<p class="text-muted mb-0">Within 5 business days</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img src="{{ URL::asset('build/images/ecommerce/24-hours-support.png') }}" alt="" class="avatar-sm">
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="fs-16">24 X 7 Service</h5>
|
||||
<p class="text-muted mb-0">Online service for customer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end col-->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
<!--end container-->
|
||||
</section>
|
||||
@endsection
|
||||
@section('scripts')
|
||||
<!-- landing-index js -->
|
||||
<script src="{{ URL::asset('build/js/frontend/menu.init.js') }}"></script>
|
||||
@endsection
|
||||
Reference in New Issue
Block a user