Add initial Laravel project files
This commit is contained in:
UronShrestha
0
resources/css/app.css
Normal file
0
resources/css/app.css
Normal file
1
resources/js/app.js
Normal file
1
resources/js/app.js
Normal file
@ -0,0 +1 @@
|
||||
import './bootstrap';
|
||||
4
resources/js/bootstrap.js
vendored
Normal file
4
resources/js/bootstrap.js
vendored
Normal file
@ -0,0 +1,4 @@
|
||||
import axios from 'axios';
|
||||
window.axios = axios;
|
||||
|
||||
window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';
|
||||
243
resources/views/about.blade.php
Normal file
243
resources/views/about.blade.php
Normal file
@ -0,0 +1,243 @@
|
||||
<x-header />
|
||||
|
||||
<!-- Breadcrumb Section Begin -->
|
||||
<section class="breadcrumb-option">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="breadcrumb__text">
|
||||
<h4>About Us</h4>
|
||||
<div class="breadcrumb__links">
|
||||
<a href="./index.html">Home</a>
|
||||
<span>About Us</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Breadcrumb Section End -->
|
||||
|
||||
<!-- About Section Begin -->
|
||||
<section class="about spad">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="about__pic">
|
||||
<img src="img/about/about-us.jpg" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-4 col-md-4 col-sm-6">
|
||||
<div class="about__item">
|
||||
<h4>Who We Are ?</h4>
|
||||
<p>Contextual advertising programs sometimes have strict policies that need to be adhered too.
|
||||
Let’s take Google as an example.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-md-4 col-sm-6">
|
||||
<div class="about__item">
|
||||
<h4>Who We Do ?</h4>
|
||||
<p>In this digital generation where information can be easily obtained within seconds, business
|
||||
cards still have retained their importance.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-md-4 col-sm-6">
|
||||
<div class="about__item">
|
||||
<h4>Why Choose Us</h4>
|
||||
<p>A two or three storey house is the ideal way to maximise the piece of earth on which our home
|
||||
sits, but for older or infirm people.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- About Section End -->
|
||||
|
||||
<!-- Testimonial Section Begin -->
|
||||
<section class="testimonial">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-lg-6 p-0">
|
||||
<div class="testimonial__text">
|
||||
<span class="icon_quotations"></span>
|
||||
<p>“Going out after work? Take your butane curling iron with you to the office, heat it up,
|
||||
style your hair before you leave the office and you won’t have to make a trip back home.”
|
||||
</p>
|
||||
<div class="testimonial__author">
|
||||
<div class="testimonial__author__pic">
|
||||
<img src="img/about/testimonial-author.jpg" alt="">
|
||||
</div>
|
||||
<div class="testimonial__author__text">
|
||||
<h5>Augusta Schultz</h5>
|
||||
<p>Fashion Design</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 p-0">
|
||||
<div class="testimonial__pic set-bg" data-setbg="img/about/testimonial-pic.jpg"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Testimonial Section End -->
|
||||
|
||||
<!-- Counter Section Begin -->
|
||||
<section class="counter spad">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-3 col-md-6 col-sm-6">
|
||||
<div class="counter__item">
|
||||
<div class="counter__item__number">
|
||||
<h2 class="cn_num">102</h2>
|
||||
</div>
|
||||
<span>Our <br />Clients</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-6 col-sm-6">
|
||||
<div class="counter__item">
|
||||
<div class="counter__item__number">
|
||||
<h2 class="cn_num">30</h2>
|
||||
</div>
|
||||
<span>Total <br />Categories</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-6 col-sm-6">
|
||||
<div class="counter__item">
|
||||
<div class="counter__item__number">
|
||||
<h2 class="cn_num">102</h2>
|
||||
</div>
|
||||
<span>In <br />Country</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-6 col-sm-6">
|
||||
<div class="counter__item">
|
||||
<div class="counter__item__number">
|
||||
<h2 class="cn_num">98</h2>
|
||||
<strong>%</strong>
|
||||
</div>
|
||||
<span>Happy <br />Customer</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Counter Section End -->
|
||||
|
||||
<!-- Team Section Begin -->
|
||||
<section class="team spad">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="section-title">
|
||||
<span>Our Team</span>
|
||||
<h2>Meet Our Team</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-3 col-md-6 col-sm-6">
|
||||
<div class="team__item">
|
||||
<img src="img/about/team-1.jpg" alt="">
|
||||
<h4>John Smith</h4>
|
||||
<span>Fashion Design</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-6 col-sm-6">
|
||||
<div class="team__item">
|
||||
<img src="img/about/team-2.jpg" alt="">
|
||||
<h4>Christine Wise</h4>
|
||||
<span>C.E.O</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-6 col-sm-6">
|
||||
<div class="team__item">
|
||||
<img src="img/about/team-3.jpg" alt="">
|
||||
<h4>Sean Robbins</h4>
|
||||
<span>Manager</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-6 col-sm-6">
|
||||
<div class="team__item">
|
||||
<img src="img/about/team-4.jpg" alt="">
|
||||
<h4>Lucy Myers</h4>
|
||||
<span>Delivery</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Team Section End -->
|
||||
|
||||
<!-- Client Section Begin -->
|
||||
<section class="clients spad">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="section-title">
|
||||
<span>Partner</span>
|
||||
<h2>Happy Clients</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-3 col-md-4 col-sm-4 col-6">
|
||||
<a href="#" class="client__item"><img src="img/clients/client-1.png" alt=""></a>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-4 col-sm-4 col-6">
|
||||
<a href="#" class="client__item"><img src="img/clients/client-2.png" alt=""></a>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-4 col-sm-4 col-6">
|
||||
<a href="#" class="client__item"><img src="img/clients/client-3.png" alt=""></a>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-4 col-sm-4 col-6">
|
||||
<a href="#" class="client__item"><img src="img/clients/client-4.png" alt=""></a>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-4 col-sm-4 col-6">
|
||||
<a href="#" class="client__item"><img src="img/clients/client-5.png" alt=""></a>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-4 col-sm-4 col-6">
|
||||
<a href="#" class="client__item"><img src="img/clients/client-6.png" alt=""></a>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-4 col-sm-4 col-6">
|
||||
<a href="#" class="client__item"><img src="img/clients/client-7.png" alt=""></a>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-4 col-sm-4 col-6">
|
||||
<a href="#" class="client__item"><img src="img/clients/client-8.png" alt=""></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Client Section End -->
|
||||
|
||||
<!-- Footer Section Begin -->
|
||||
<x-footer />
|
||||
<!-- Footer Section End -->
|
||||
|
||||
<!-- Search Begin -->
|
||||
<div class="search-model">
|
||||
<div class="h-100 d-flex align-items-center justify-content-center">
|
||||
<div class="search-close-switch">+</div>
|
||||
<form class="search-model-form">
|
||||
<input type="text" id="search-input" placeholder="Search here.....">
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Search End -->
|
||||
|
||||
<!-- Js Plugins -->
|
||||
<script src="js/jquery-3.3.1.min.js"></script>
|
||||
<script src="js/bootstrap.min.js"></script>
|
||||
<script src="js/jquery.nice-select.min.js"></script>
|
||||
<script src="js/jquery.nicescroll.min.js"></script>
|
||||
<script src="js/jquery.magnific-popup.min.js"></script>
|
||||
<script src="js/jquery.countdown.min.js"></script>
|
||||
<script src="js/jquery.slicknav.js"></script>
|
||||
<script src="js/mixitup.min.js"></script>
|
||||
<script src="js/owl.carousel.min.js"></script>
|
||||
<script src="js/main.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
141
resources/views/blog.blade.php
Normal file
141
resources/views/blog.blade.php
Normal file
@ -0,0 +1,141 @@
|
||||
<x-header />
|
||||
<!-- Breadcrumb Section Begin -->
|
||||
<section class="breadcrumb-blog set-bg" data-setbg="img/breadcrumb-bg.jpg">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<h2>Our Blog</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Breadcrumb Section End -->
|
||||
|
||||
<!-- Blog Section Begin -->
|
||||
<section class="blog spad">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-4 col-md-6 col-sm-6">
|
||||
<div class="blog__item">
|
||||
<div class="blog__item__pic set-bg" data-setbg="img/blog/blog-1.jpg"></div>
|
||||
<div class="blog__item__text">
|
||||
<span><img src="img/icon/calendar.png" alt=""> 16 February 2020</span>
|
||||
<h5>What Curling Irons Are The Best Ones</h5>
|
||||
<a href="#">Read More</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-md-6 col-sm-6">
|
||||
<div class="blog__item">
|
||||
<div class="blog__item__pic set-bg" data-setbg="img/blog/blog-2.jpg"></div>
|
||||
<div class="blog__item__text">
|
||||
<span><img src="img/icon/calendar.png" alt=""> 21 February 2020</span>
|
||||
<h5>Eternity Bands Do Last Forever</h5>
|
||||
<a href="#">Read More</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-md-6 col-sm-6">
|
||||
<div class="blog__item">
|
||||
<div class="blog__item__pic set-bg" data-setbg="img/blog/blog-3.jpg"></div>
|
||||
<div class="blog__item__text">
|
||||
<span><img src="img/icon/calendar.png" alt=""> 28 February 2020</span>
|
||||
<h5>The Health Benefits Of Sunglasses</h5>
|
||||
<a href="#">Read More</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-md-6 col-sm-6">
|
||||
<div class="blog__item">
|
||||
<div class="blog__item__pic set-bg" data-setbg="img/blog/blog-4.jpg"></div>
|
||||
<div class="blog__item__text">
|
||||
<span><img src="img/icon/calendar.png" alt=""> 16 February 2020</span>
|
||||
<h5>Aiming For Higher The Mastopexy</h5>
|
||||
<a href="#">Read More</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-md-6 col-sm-6">
|
||||
<div class="blog__item">
|
||||
<div class="blog__item__pic set-bg" data-setbg="img/blog/blog-5.jpg"></div>
|
||||
<div class="blog__item__text">
|
||||
<span><img src="img/icon/calendar.png" alt=""> 21 February 2020</span>
|
||||
<h5>Wedding Rings A Gift For A Lifetime</h5>
|
||||
<a href="#">Read More</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-md-6 col-sm-6">
|
||||
<div class="blog__item">
|
||||
<div class="blog__item__pic set-bg" data-setbg="img/blog/blog-6.jpg"></div>
|
||||
<div class="blog__item__text">
|
||||
<span><img src="img/icon/calendar.png" alt=""> 28 February 2020</span>
|
||||
<h5>The Different Methods Of Hair Removal</h5>
|
||||
<a href="#">Read More</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-md-6 col-sm-6">
|
||||
<div class="blog__item">
|
||||
<div class="blog__item__pic set-bg" data-setbg="img/blog/blog-7.jpg"></div>
|
||||
<div class="blog__item__text">
|
||||
<span><img src="img/icon/calendar.png" alt=""> 16 February 2020</span>
|
||||
<h5>Hoop Earrings A Style From History</h5>
|
||||
<a href="#">Read More</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-md-6 col-sm-6">
|
||||
<div class="blog__item">
|
||||
<div class="blog__item__pic set-bg" data-setbg="img/blog/blog-8.jpg"></div>
|
||||
<div class="blog__item__text">
|
||||
<span><img src="img/icon/calendar.png" alt=""> 21 February 2020</span>
|
||||
<h5>Lasik Eye Surgery Are You Ready</h5>
|
||||
<a href="#">Read More</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-md-6 col-sm-6">
|
||||
<div class="blog__item">
|
||||
<div class="blog__item__pic set-bg" data-setbg="img/blog/blog-9.jpg"></div>
|
||||
<div class="blog__item__text">
|
||||
<span><img src="img/icon/calendar.png" alt=""> 28 February 2020</span>
|
||||
<h5>Lasik Eye Surgery Are You Ready</h5>
|
||||
<a href="#">Read More</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Blog Section End -->
|
||||
|
||||
<!-- Footer Section Begin -->
|
||||
<x-footer />
|
||||
<!-- Footer Section End -->
|
||||
|
||||
<!-- Search Begin -->
|
||||
<div class="search-model">
|
||||
<div class="h-100 d-flex align-items-center justify-content-center">
|
||||
<div class="search-close-switch">+</div>
|
||||
<form class="search-model-form">
|
||||
<input type="text" id="search-input" placeholder="Search here.....">
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Search End -->
|
||||
|
||||
<!-- Js Plugins -->
|
||||
<script src="js/jquery-3.3.1.min.js"></script>
|
||||
<script src="js/bootstrap.min.js"></script>
|
||||
<script src="js/jquery.nice-select.min.js"></script>
|
||||
<script src="js/jquery.nicescroll.min.js"></script>
|
||||
<script src="js/jquery.magnific-popup.min.js"></script>
|
||||
<script src="js/jquery.countdown.min.js"></script>
|
||||
<script src="js/jquery.slicknav.js"></script>
|
||||
<script src="js/mixitup.min.js"></script>
|
||||
<script src="js/owl.carousel.min.js"></script>
|
||||
<script src="js/main.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
160
resources/views/blogDetails.blade.php
Normal file
160
resources/views/blogDetails.blade.php
Normal file
@ -0,0 +1,160 @@
|
||||
<x-header />
|
||||
|
||||
<!-- Blog Details Hero Begin -->
|
||||
<section class="blog-hero spad">
|
||||
<div class="container">
|
||||
<div class="row d-flex justify-content-center">
|
||||
<div class="col-lg-9 text-center">
|
||||
<div class="blog__hero__text">
|
||||
<h2>Are you one of the thousands of Iphone owners who has no idea</h2>
|
||||
<ul>
|
||||
<li>By Deercreative</li>
|
||||
<li>February 21, 2019</li>
|
||||
<li>8 Comments</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Blog Details Hero End -->
|
||||
|
||||
<!-- Blog Details Section Begin -->
|
||||
<section class="blog-details spad">
|
||||
<div class="container">
|
||||
<div class="row d-flex justify-content-center">
|
||||
<div class="col-lg-12">
|
||||
<div class="blog__details__pic">
|
||||
<img src="img/blog/details/blog-details.jpg" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-8">
|
||||
<div class="blog__details__content">
|
||||
<div class="blog__details__share">
|
||||
<span>share</span>
|
||||
<ul>
|
||||
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
|
||||
<li><a href="#" class="twitter"><i class="fa fa-twitter"></i></a></li>
|
||||
<li><a href="#" class="youtube"><i class="fa fa-youtube-play"></i></a></li>
|
||||
<li><a href="#" class="linkedin"><i class="fa fa-linkedin"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="blog__details__text">
|
||||
<p>Hydroderm is the highly desired anti-aging cream on the block. This serum restricts the
|
||||
occurrence of early aging sings on the skin and keeps the skin younger, tighter and
|
||||
healthier. It reduces the wrinkles and loosening of skin. This cream nourishes the skin
|
||||
and brings back the glow that had lost in the run of hectic years.</p>
|
||||
<p>The most essential ingredient that makes hydroderm so effective is Vyo-Serum, which is a
|
||||
product of natural selected proteins. This concentrate works actively in bringing about
|
||||
the natural youthful glow of the skin. It tightens the skin along with its moisturizing
|
||||
effect on the skin. The other important ingredient, making hydroderm so effective is
|
||||
“marine collagen” which along with Vyo-Serum helps revitalize the skin.</p>
|
||||
</div>
|
||||
<div class="blog__details__quote">
|
||||
<i class="fa fa-quote-left"></i>
|
||||
<p>“When designing an advertisement for a particular product many things should be
|
||||
researched like where it should be displayed.”</p>
|
||||
<h6>_ John Smith _</h6>
|
||||
</div>
|
||||
<div class="blog__details__text">
|
||||
<p>Vyo-Serum along with tightening the skin also reduces the fine lines indicating aging of
|
||||
skin. Problems like dark circles, puffiness, and crow’s feet can be control from the
|
||||
strong effects of this serum.</p>
|
||||
<p>Hydroderm is a multi-functional product that helps in reducing the cellulite and giving
|
||||
the body a toned shape, also helps in cleansing the skin from the root and not letting
|
||||
the pores clog, nevertheless also let’s sweeps out the wrinkles and all signs of aging
|
||||
from the sensitive near the eyes.</p>
|
||||
</div>
|
||||
<div class="blog__details__option">
|
||||
<div class="row">
|
||||
<div class="col-lg-6 col-md-6 col-sm-6">
|
||||
<div class="blog__details__author">
|
||||
<div class="blog__details__author__pic">
|
||||
<img src="img/blog/details/blog-author.jpg" alt="">
|
||||
</div>
|
||||
<div class="blog__details__author__text">
|
||||
<h5>Aiden Blair</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 col-md-6 col-sm-6">
|
||||
<div class="blog__details__tags">
|
||||
<a href="#">#Fashion</a>
|
||||
<a href="#">#Trending</a>
|
||||
<a href="#">#2020</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="blog__details__btns">
|
||||
<div class="row">
|
||||
<div class="col-lg-6 col-md-6 col-sm-6">
|
||||
<a href="" class="blog__details__btns__item">
|
||||
<p><span class="arrow_left"></span> Previous Pod</p>
|
||||
<h5>It S Classified How To Utilize Free Classified Ad Sites</h5>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-6 col-md-6 col-sm-6">
|
||||
<a href="" class="blog__details__btns__item blog__details__btns__item--next">
|
||||
<p>Next Pod <span class="arrow_right"></span></p>
|
||||
<h5>Tips For Choosing The Perfect Gloss For Your Lips</h5>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="blog__details__comment">
|
||||
<h4>Leave A Comment</h4>
|
||||
<form action="#">
|
||||
<div class="row">
|
||||
<div class="col-lg-4 col-md-4">
|
||||
<input type="text" placeholder="Name">
|
||||
</div>
|
||||
<div class="col-lg-4 col-md-4">
|
||||
<input type="text" placeholder="Email">
|
||||
</div>
|
||||
<div class="col-lg-4 col-md-4">
|
||||
<input type="text" placeholder="Phone">
|
||||
</div>
|
||||
<div class="col-lg-12 text-center">
|
||||
<textarea placeholder="Comment"></textarea>
|
||||
<button type="submit" class="site-btn">Post Comment</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Blog Details Section End -->
|
||||
|
||||
<!-- Footer Section Begin -->
|
||||
<x-footer />
|
||||
<!-- Footer Section End -->
|
||||
|
||||
<!-- Search Begin -->
|
||||
<div class="search-model">
|
||||
<div class="h-100 d-flex align-items-center justify-content-center">
|
||||
<div class="search-close-switch">+</div>
|
||||
<form class="search-model-form">
|
||||
<input type="text" id="search-input" placeholder="Search here.....">
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Search End -->
|
||||
|
||||
<!-- Js Plugins -->
|
||||
<script src="js/jquery-3.3.1.min.js"></script>
|
||||
<script src="js/bootstrap.min.js"></script>
|
||||
<script src="js/jquery.nice-select.min.js"></script>
|
||||
<script src="js/jquery.nicescroll.min.js"></script>
|
||||
<script src="js/jquery.magnific-popup.min.js"></script>
|
||||
<script src="js/jquery.countdown.min.js"></script>
|
||||
<script src="js/jquery.slicknav.js"></script>
|
||||
<script src="js/mixitup.min.js"></script>
|
||||
<script src="js/owl.carousel.min.js"></script>
|
||||
<script src="js/main.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
184
resources/views/cart.blade.php
Normal file
184
resources/views/cart.blade.php
Normal file
@ -0,0 +1,184 @@
|
||||
<x-header />
|
||||
|
||||
<!-- Breadcrumb Section Begin -->
|
||||
<section class="breadcrumb-option">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="breadcrumb__text">
|
||||
<h4>Shopping Cart</h4>
|
||||
<div class="breadcrumb__links">
|
||||
<a href="./index.html">Home</a>
|
||||
<a href="./shop.html">Shop</a>
|
||||
<span>Shopping Cart</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Breadcrumb Section End -->
|
||||
|
||||
<!-- Shopping Cart Section Begin -->
|
||||
<section class="shopping-cart spad">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-8">
|
||||
<div class="shopping__cart__table">
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Product</th>
|
||||
<th>Quantity</th>
|
||||
<th>Total</th>
|
||||
<th></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="product__cart__item">
|
||||
<div class="product__cart__item__pic">
|
||||
<img src="img/shopping-cart/cart-1.jpg" alt="">
|
||||
</div>
|
||||
<div class="product__cart__item__text">
|
||||
<h6>T-shirt Contrast Pocket</h6>
|
||||
<h5>$98.49</h5>
|
||||
</div>
|
||||
</td>
|
||||
<td class="quantity__item">
|
||||
<div class="quantity">
|
||||
<div class="pro-qty-2">
|
||||
<input type="text" value="1">
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td class="cart__price">$ 30.00</td>
|
||||
<td class="cart__close"><i class="fa fa-close"></i></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="product__cart__item">
|
||||
<div class="product__cart__item__pic">
|
||||
<img src="img/shopping-cart/cart-2.jpg" alt="">
|
||||
</div>
|
||||
<div class="product__cart__item__text">
|
||||
<h6>Diagonal Textured Cap</h6>
|
||||
<h5>$98.49</h5>
|
||||
</div>
|
||||
</td>
|
||||
<td class="quantity__item">
|
||||
<div class="quantity">
|
||||
<div class="pro-qty-2">
|
||||
<input type="text" value="1">
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td class="cart__price">$ 32.50</td>
|
||||
<td class="cart__close"><i class="fa fa-close"></i></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="product__cart__item">
|
||||
<div class="product__cart__item__pic">
|
||||
<img src="img/shopping-cart/cart-3.jpg" alt="">
|
||||
</div>
|
||||
<div class="product__cart__item__text">
|
||||
<h6>Basic Flowing Scarf</h6>
|
||||
<h5>$98.49</h5>
|
||||
</div>
|
||||
</td>
|
||||
<td class="quantity__item">
|
||||
<div class="quantity">
|
||||
<div class="pro-qty-2">
|
||||
<input type="text" value="1">
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td class="cart__price">$ 47.00</td>
|
||||
<td class="cart__close"><i class="fa fa-close"></i></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="product__cart__item">
|
||||
<div class="product__cart__item__pic">
|
||||
<img src="img/shopping-cart/cart-4.jpg" alt="">
|
||||
</div>
|
||||
<div class="product__cart__item__text">
|
||||
<h6>Basic Flowing Scarf</h6>
|
||||
<h5>$98.49</h5>
|
||||
</div>
|
||||
</td>
|
||||
<td class="quantity__item">
|
||||
<div class="quantity">
|
||||
<div class="pro-qty-2">
|
||||
<input type="text" value="1">
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td class="cart__price">$ 30.00</td>
|
||||
<td class="cart__close"><i class="fa fa-close"></i></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-6 col-md-6 col-sm-6">
|
||||
<div class="continue__btn">
|
||||
<a href="#">Continue Shopping</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 col-md-6 col-sm-6">
|
||||
<div class="continue__btn update__btn">
|
||||
<a href="#"><i class="fa fa-spinner"></i> Update cart</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<div class="cart__discount">
|
||||
<h6>Discount codes</h6>
|
||||
<form action="#">
|
||||
<input type="text" placeholder="Coupon code">
|
||||
<button type="submit">Apply</button>
|
||||
</form>
|
||||
</div>
|
||||
<div class="cart__total">
|
||||
<h6>Cart total</h6>
|
||||
<ul>
|
||||
<li>Subtotal <span>$ 169.50</span></li>
|
||||
<li>Total <span>$ 169.50</span></li>
|
||||
</ul>
|
||||
<a href="#" class="primary-btn">Proceed to checkout</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Shopping Cart Section End -->
|
||||
|
||||
<!-- Footer Section Begin -->
|
||||
<x-footer />
|
||||
<!-- Footer Section End -->
|
||||
|
||||
<!-- Search Begin -->
|
||||
<div class="search-model">
|
||||
<div class="h-100 d-flex align-items-center justify-content-center">
|
||||
<div class="search-close-switch">+</div>
|
||||
<form class="search-model-form">
|
||||
<input type="text" id="search-input" placeholder="Search here.....">
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Search End -->
|
||||
|
||||
<!-- Js Plugins -->
|
||||
<script src="js/jquery-3.3.1.min.js"></script>
|
||||
<script src="js/bootstrap.min.js"></script>
|
||||
<script src="js/jquery.nice-select.min.js"></script>
|
||||
<script src="js/jquery.nicescroll.min.js"></script>
|
||||
<script src="js/jquery.magnific-popup.min.js"></script>
|
||||
<script src="js/jquery.countdown.min.js"></script>
|
||||
<script src="js/jquery.slicknav.js"></script>
|
||||
<script src="js/mixitup.min.js"></script>
|
||||
<script src="js/owl.carousel.min.js"></script>
|
||||
<script src="js/main.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
183
resources/views/checkout.blade.php
Normal file
183
resources/views/checkout.blade.php
Normal file
@ -0,0 +1,183 @@
|
||||
<x-header />
|
||||
|
||||
<!-- Breadcrumb Section Begin -->
|
||||
<section class="breadcrumb-option">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="breadcrumb__text">
|
||||
<h4>Check Out</h4>
|
||||
<div class="breadcrumb__links">
|
||||
<a href="./index.html">Home</a>
|
||||
<a href="./shop.html">Shop</a>
|
||||
<span>Check Out</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Breadcrumb Section End -->
|
||||
|
||||
<!-- Checkout Section Begin -->
|
||||
<section class="checkout spad">
|
||||
<div class="container">
|
||||
<div class="checkout__form">
|
||||
<form action="#">
|
||||
<div class="row">
|
||||
<div class="col-lg-8 col-md-6">
|
||||
<h6 class="coupon__code"><span class="icon_tag_alt"></span> Have a coupon? <a
|
||||
href="#">Click
|
||||
here</a> to enter your code</h6>
|
||||
<h6 class="checkout__title">Billing Details</h6>
|
||||
<div class="row">
|
||||
<div class="col-lg-6">
|
||||
<div class="checkout__input">
|
||||
<p>Fist Name<span>*</span></p>
|
||||
<input type="text">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="checkout__input">
|
||||
<p>Last Name<span>*</span></p>
|
||||
<input type="text">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="checkout__input">
|
||||
<p>Country<span>*</span></p>
|
||||
<input type="text">
|
||||
</div>
|
||||
<div class="checkout__input">
|
||||
<p>Address<span>*</span></p>
|
||||
<input type="text" placeholder="Street Address" class="checkout__input__add">
|
||||
<input type="text" placeholder="Apartment, suite, unite ect (optinal)">
|
||||
</div>
|
||||
<div class="checkout__input">
|
||||
<p>Town/City<span>*</span></p>
|
||||
<input type="text">
|
||||
</div>
|
||||
<div class="checkout__input">
|
||||
<p>Country/State<span>*</span></p>
|
||||
<input type="text">
|
||||
</div>
|
||||
<div class="checkout__input">
|
||||
<p>Postcode / ZIP<span>*</span></p>
|
||||
<input type="text">
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-6">
|
||||
<div class="checkout__input">
|
||||
<p>Phone<span>*</span></p>
|
||||
<input type="text">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="checkout__input">
|
||||
<p>Email<span>*</span></p>
|
||||
<input type="text">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="checkout__input__checkbox">
|
||||
<label for="acc">
|
||||
Create an account?
|
||||
<input type="checkbox" id="acc">
|
||||
<span class="checkmark"></span>
|
||||
</label>
|
||||
<p>Create an account by entering the information below. If you are a returning customer
|
||||
please login at the top of the page</p>
|
||||
</div>
|
||||
<div class="checkout__input">
|
||||
<p>Account Password<span>*</span></p>
|
||||
<input type="text">
|
||||
</div>
|
||||
<div class="checkout__input__checkbox">
|
||||
<label for="diff-acc">
|
||||
Note about your order, e.g, special noe for delivery
|
||||
<input type="checkbox" id="diff-acc">
|
||||
<span class="checkmark"></span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="checkout__input">
|
||||
<p>Order notes<span>*</span></p>
|
||||
<input type="text"
|
||||
placeholder="Notes about your order, e.g. special notes for delivery.">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<div class="checkout__order">
|
||||
<h4 class="order__title">Your order</h4>
|
||||
<div class="checkout__order__products">Product <span>Total</span></div>
|
||||
<ul class="checkout__total__products">
|
||||
<li>01. Vanilla salted caramel <span>$ 300.0</span></li>
|
||||
<li>02. German chocolate <span>$ 170.0</span></li>
|
||||
<li>03. Sweet autumn <span>$ 170.0</span></li>
|
||||
<li>04. Cluten free mini dozen <span>$ 110.0</span></li>
|
||||
</ul>
|
||||
<ul class="checkout__total__all">
|
||||
<li>Subtotal <span>$750.99</span></li>
|
||||
<li>Total <span>$750.99</span></li>
|
||||
</ul>
|
||||
<div class="checkout__input__checkbox">
|
||||
<label for="acc-or">
|
||||
Create an account?
|
||||
<input type="checkbox" id="acc-or">
|
||||
<span class="checkmark"></span>
|
||||
</label>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adip elit, sed do eiusmod tempor incididunt
|
||||
ut labore et dolore magna aliqua.</p>
|
||||
<div class="checkout__input__checkbox">
|
||||
<label for="payment">
|
||||
Check Payment
|
||||
<input type="checkbox" id="payment">
|
||||
<span class="checkmark"></span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="checkout__input__checkbox">
|
||||
<label for="paypal">
|
||||
Paypal
|
||||
<input type="checkbox" id="paypal">
|
||||
<span class="checkmark"></span>
|
||||
</label>
|
||||
</div>
|
||||
<button type="submit" class="site-btn">PLACE ORDER</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Checkout Section End -->
|
||||
|
||||
<!-- Footer Section Begin -->
|
||||
<x-footer />
|
||||
<!-- Footer Section End -->
|
||||
|
||||
<!-- Search Begin -->
|
||||
<div class="search-model">
|
||||
<div class="h-100 d-flex align-items-center justify-content-center">
|
||||
<div class="search-close-switch">+</div>
|
||||
<form class="search-model-form">
|
||||
<input type="text" id="search-input" placeholder="Search here.....">
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Search End -->
|
||||
|
||||
<!-- Js Plugins -->
|
||||
<script src="js/jquery-3.3.1.min.js"></script>
|
||||
<script src="js/bootstrap.min.js"></script>
|
||||
<script src="js/jquery.nice-select.min.js"></script>
|
||||
<script src="js/jquery.nicescroll.min.js"></script>
|
||||
<script src="js/jquery.magnific-popup.min.js"></script>
|
||||
<script src="js/jquery.countdown.min.js"></script>
|
||||
<script src="js/jquery.slicknav.js"></script>
|
||||
<script src="js/mixitup.min.js"></script>
|
||||
<script src="js/owl.carousel.min.js"></script>
|
||||
<script src="js/main.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
64
resources/views/components/footer.blade.php
Normal file
64
resources/views/components/footer.blade.php
Normal file
@ -0,0 +1,64 @@
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-3 col-md-6 col-sm-6">
|
||||
<div class="footer__about">
|
||||
<div class="footer__logo">
|
||||
<a href="#"><img src="img/footer-logo.png" alt=""></a>
|
||||
</div>
|
||||
<p>The customer is at the heart of our unique business model, which includes design.</p>
|
||||
<a href="#"><img src="img/payment.png" alt=""></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-2 offset-lg-1 col-md-3 col-sm-6">
|
||||
<div class="footer__widget">
|
||||
<h6>Shopping</h6>
|
||||
<ul>
|
||||
<li><a href="#">Clothing Store</a></li>
|
||||
<li><a href="#">Trending Shoes</a></li>
|
||||
<li><a href="#">Accessories</a></li>
|
||||
<li><a href="#">Sale</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-2 col-md-3 col-sm-6">
|
||||
<div class="footer__widget">
|
||||
<h6>Shopping</h6>
|
||||
<ul>
|
||||
<li><a href="#">Contact Us</a></li>
|
||||
<li><a href="#">Payment Methods</a></li>
|
||||
<li><a href="#">Delivary</a></li>
|
||||
<li><a href="#">Return & Exchanges</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 offset-lg-1 col-md-6 col-sm-6">
|
||||
<div class="footer__widget">
|
||||
<h6>NewLetter</h6>
|
||||
<div class="footer__newslatter">
|
||||
<p>Be the first to know about new arrivals, look books, sales & promos!</p>
|
||||
<form action="#">
|
||||
<input type="text" placeholder="Your email">
|
||||
<button type="submit"><span class="icon_mail_alt"></span></button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-12 text-center">
|
||||
<div class="footer__copyright__text">
|
||||
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
|
||||
<p>Copyright ©
|
||||
<script>
|
||||
document.write(new Date().getFullYear());
|
||||
</script>2020
|
||||
All rights reserved | This template is made with <i class="fa fa-heart-o"
|
||||
aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank">Colorlib</a>
|
||||
</p>
|
||||
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
136
resources/views/components/header.blade.php
Normal file
136
resources/views/components/header.blade.php
Normal file
@ -0,0 +1,136 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zxx">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="description" content="Male_Fashion Template">
|
||||
<meta name="keywords" content="Male_Fashion, unica, creative, html">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<title>Male-Fashion | Template</title>
|
||||
|
||||
<!-- Google Font -->
|
||||
<link href="https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;400;600;700;800;900&display=swap"
|
||||
rel="stylesheet">
|
||||
|
||||
<!-- Css Styles -->
|
||||
<link rel="stylesheet" href="css/bootstrap.min.css" type="text/css">
|
||||
<link rel="stylesheet" href="css/font-awesome.min.css" type="text/css">
|
||||
<link rel="stylesheet" href="css/elegant-icons.css" type="text/css">
|
||||
<link rel="stylesheet" href="css/magnific-popup.css" type="text/css">
|
||||
<link rel="stylesheet" href="css/nice-select.css" type="text/css">
|
||||
<link rel="stylesheet" href="css/owl.carousel.min.css" type="text/css">
|
||||
<link rel="stylesheet" href="css/slicknav.min.css" type="text/css">
|
||||
<link rel="stylesheet" href="css/style.css" type="text/css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- Page Preloder -->
|
||||
<div id="preloder">
|
||||
<div class="loader"></div>
|
||||
</div>
|
||||
|
||||
<!-- Offcanvas Menu Begin -->
|
||||
<div class="offcanvas-menu-overlay"></div>
|
||||
<div class="offcanvas-menu-wrapper">
|
||||
<div class="offcanvas__option">
|
||||
<div class="offcanvas__links">
|
||||
<a href="#">Sign in</a>
|
||||
<a href="#">FAQs</a>
|
||||
</div>
|
||||
<div class="offcanvas__top__hover">
|
||||
<span>Usd <i class="arrow_carrot-down"></i></span>
|
||||
<ul>
|
||||
<li>USD</li>
|
||||
<li>EUR</li>
|
||||
<li>NPR</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="offcanvas__nav__option">
|
||||
<a href="#" class="search-switch"><img src="img/icon/search.png" alt=""></a>
|
||||
<a href="#"><img src="img/icon/heart.png" alt=""></a>
|
||||
<a href="#"><img src="img/icon/cart.png" alt=""> <span>0</span></a>
|
||||
<div class="price">Rs 0.00</div>
|
||||
</div>
|
||||
<div id="mobile-menu-wrap"></div>
|
||||
<div class="offcanvas__text">
|
||||
<p>Free shipping, 40-day return or refund guarantee.</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Offcanvas Menu End -->
|
||||
|
||||
<!-- Header Section Begin -->
|
||||
<header class="header">
|
||||
<div class="header__top">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-6 col-md-7">
|
||||
<div class="header__top__left">
|
||||
<p>Free shipping, 30-day return or refund guarantee.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 col-md-5">
|
||||
<div class="header__top__right">
|
||||
<div class="header__top__links">
|
||||
<a href="#">Sign in</a>
|
||||
<a href="#">FAQs</a>
|
||||
</div>
|
||||
<div class="header__top__hover">
|
||||
<span>Usd <i class="arrow_carrot-down"></i></span>
|
||||
<ul>
|
||||
<li>USD</li>
|
||||
<li>EUR</li>
|
||||
<li>NPR</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-3 col-md-3">
|
||||
<div class="header__logo">
|
||||
<a href="{{ URL::to('/') }}"><img src="img/logo.png" alt=""></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 col-md-6">
|
||||
<nav class="header__menu mobile-menu">
|
||||
<ul>
|
||||
<li class="active"><a href="{{ URL::to('/') }}">Home</a></li>
|
||||
<li><a href="{{ URL::to('shop') }}">Shop</a></li>
|
||||
<li><a href="#">Pages</a>
|
||||
<ul class="dropdown">
|
||||
<li><a href="{{ URL::to('about') }}">About Us</a></li>
|
||||
<li><a href="{{ URL::to('singleProduct') }}">Single Product</a></li>
|
||||
<li><a href="{{ URL::to('cart') }}">Shopping Cart</a></li>
|
||||
<li><a href="{{ URL::to('checkout') }}">Check Out</a></li>
|
||||
<li><a href="{{ URL::to('blogDetails') }}">Blog Details</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
@if (session()->has('id'))
|
||||
<li><a href="{{ URL::to('/logout') }}">Logout</a></li>
|
||||
@else
|
||||
<li><a href="{{ URL::to('/login') }}">Login</a></li>
|
||||
<li><a href="{{ URL::to('/register') }}">Register</a></li>
|
||||
@endif
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-3">
|
||||
<div class="header__nav__option">
|
||||
<a href="#" class="search-switch"><img src="img/icon/search.png" alt=""></a>
|
||||
<a href="#"><img src="img/icon/heart.png" alt=""></a>
|
||||
<a href="#"><img src="img/icon/cart.png" alt=""> <span>0</span></a>
|
||||
<div class="price">Rs 0.00</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="canvas__open"><i class="fa fa-bars"></i></div>
|
||||
</div>
|
||||
</header>
|
||||
<!-- Header Section End -->
|
||||
304
resources/views/index.blade.php
Normal file
304
resources/views/index.blade.php
Normal file
@ -0,0 +1,304 @@
|
||||
<x-header />
|
||||
|
||||
<!-- Hero Section Begin -->
|
||||
<section class="hero">
|
||||
<div class="hero__slider owl-carousel">
|
||||
<div class="hero__items set-bg" data-setbg="img/hero/hero-1.jpg">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xl-5 col-lg-7 col-md-8">
|
||||
<div class="hero__text">
|
||||
<h6>Summer Collection</h6>
|
||||
<h2>Fall - Winter Collections 2030</h2>
|
||||
<p>A specialist label creating luxury essentials. Ethically crafted with an unwavering
|
||||
commitment to exceptional quality.</p>
|
||||
<a href="#" class="primary-btn">Shop now <span class="arrow_right"></span></a>
|
||||
<div class="hero__social">
|
||||
<a href="#"><i class="fa fa-facebook"></i></a>
|
||||
<a href="#"><i class="fa fa-twitter"></i></a>
|
||||
<a href="#"><i class="fa fa-pinterest"></i></a>
|
||||
<a href="#"><i class="fa fa-instagram"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="hero__items set-bg" data-setbg="img/hero/hero-2.jpg">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xl-5 col-lg-7 col-md-8">
|
||||
<div class="hero__text">
|
||||
<h6>Summer Collection</h6>
|
||||
<h2>Fall - Winter Collections 2030</h2>
|
||||
<p>A specialist label creating luxury essentials. Ethically crafted with an unwavering
|
||||
commitment to exceptional quality.</p>
|
||||
<a href="#" class="primary-btn">Shop now <span class="arrow_right"></span></a>
|
||||
<div class="hero__social">
|
||||
<a href="#"><i class="fa fa-facebook"></i></a>
|
||||
<a href="#"><i class="fa fa-twitter"></i></a>
|
||||
<a href="#"><i class="fa fa-pinterest"></i></a>
|
||||
<a href="#"><i class="fa fa-instagram"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Hero Section End -->
|
||||
|
||||
<!-- Banner Section Begin -->
|
||||
<section class="banner spad">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-7 offset-lg-4">
|
||||
<div class="banner__item">
|
||||
<div class="banner__item__pic">
|
||||
<img src="img/banner/banner-1.jpg" alt="">
|
||||
</div>
|
||||
<div class="banner__item__text">
|
||||
<h2>Clothing Collections 2030</h2>
|
||||
<a href="#">Shop now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-5">
|
||||
<div class="banner__item banner__item--middle">
|
||||
<div class="banner__item__pic">
|
||||
<img src="img/banner/banner-2.jpg" alt="">
|
||||
</div>
|
||||
<div class="banner__item__text">
|
||||
<h2>Accessories</h2>
|
||||
<a href="#">Shop now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-7">
|
||||
<div class="banner__item banner__item--last">
|
||||
<div class="banner__item__pic">
|
||||
<img src="img/banner/banner-3.jpg" alt="">
|
||||
</div>
|
||||
<div class="banner__item__text">
|
||||
<h2>Shoes Spring 2030</h2>
|
||||
<a href="#">Shop now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Banner Section End -->
|
||||
|
||||
<!-- Product Section Begin -->
|
||||
<section class="product spad">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<ul class="filter__controls">
|
||||
<li class="active" data-filter="*">Best Sellers</li>
|
||||
<li data-filter=".new-arrivals">New Arrivals</li>
|
||||
<li data-filter=".sale">Hot Sales</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row product__filter">
|
||||
@foreach ($allProducts as $item)
|
||||
<div class="col-lg-3 col-md-6 col-sm-6 col-md-6 col-sm-6 mix {{ $item->type }}">
|
||||
<div class="product__item">
|
||||
<div class="product__item__pic set-bg"
|
||||
data-setbg="{{ URL::asset('uploads/products/' . $item->picture) }}">
|
||||
<span class="label">New</span>
|
||||
<ul class="product__hover">
|
||||
<li><a href="#"><img src="img/icon/heart.png" alt=""></a></li>
|
||||
<li><a href="#"><img src="img/icon/compare.png" alt="">
|
||||
<span>Compare</span></a></li>
|
||||
<li><a href="{{ URL::to('singleProduct/' . $item->id) }}"><img src="img/icon/eye.png"
|
||||
alt=""></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="product__item__text">
|
||||
<h6>{{ $item->name }}</h6>
|
||||
<a href="#" class="add-cart">+ Add To Cart</a>
|
||||
<div class="rating">
|
||||
<i class="fa fa-star-o"></i>
|
||||
<i class="fa fa-star-o"></i>
|
||||
<i class="fa fa-star-o"></i>
|
||||
<i class="fa fa-star-o"></i>
|
||||
<i class="fa fa-star-o"></i>
|
||||
</div>
|
||||
<h5> Rs {{ $item->price }} </h5>
|
||||
<div class="product__color__select">
|
||||
<label for="pc-1">
|
||||
<input type="radio" id="pc-1">
|
||||
</label>
|
||||
<label class="active black" for="pc-2">
|
||||
<input type="radio" id="pc-2">
|
||||
</label>
|
||||
<label class="grey" for="pc-3">
|
||||
<input type="radio" id="pc-3">
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Product Section End -->
|
||||
|
||||
<!-- Categories Section Begin -->
|
||||
<section class="categories spad">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-3">
|
||||
<div class="categories__text">
|
||||
<h2>Clothings Hot <br /> <span>Shoe Collection</span> <br /> Accessories</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<div class="categories__hot__deal">
|
||||
<img src="img/product-sale.png" alt="">
|
||||
<div class="hot__deal__sticker">
|
||||
<span>Sale Of</span>
|
||||
<h5>$29.99</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 offset-lg-1">
|
||||
<div class="categories__deal__countdown">
|
||||
<span>Deal Of The Week</span>
|
||||
<h2>Multi-pocket Chest Bag Black</h2>
|
||||
<div class="categories__deal__countdown__timer" id="countdown">
|
||||
<div class="cd-item">
|
||||
<span>3</span>
|
||||
<p>Days</p>
|
||||
</div>
|
||||
<div class="cd-item">
|
||||
<span>1</span>
|
||||
<p>Hours</p>
|
||||
</div>
|
||||
<div class="cd-item">
|
||||
<span>50</span>
|
||||
<p>Minutes</p>
|
||||
</div>
|
||||
<div class="cd-item">
|
||||
<span>18</span>
|
||||
<p>Seconds</p>
|
||||
</div>
|
||||
</div>
|
||||
<a href="#" class="primary-btn">Shop now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Categories Section End -->
|
||||
|
||||
<!-- Instagram Section Begin -->
|
||||
<section class="instagram spad">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-8">
|
||||
<div class="instagram__pic">
|
||||
<div class="instagram__pic__item set-bg" data-setbg="img/instagram/instagram-1.jpg"></div>
|
||||
<div class="instagram__pic__item set-bg" data-setbg="img/instagram/instagram-2.jpg"></div>
|
||||
<div class="instagram__pic__item set-bg" data-setbg="img/instagram/instagram-3.jpg"></div>
|
||||
<div class="instagram__pic__item set-bg" data-setbg="img/instagram/instagram-4.jpg"></div>
|
||||
<div class="instagram__pic__item set-bg" data-setbg="img/instagram/instagram-5.jpg"></div>
|
||||
<div class="instagram__pic__item set-bg" data-setbg="img/instagram/instagram-6.jpg"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<div class="instagram__text">
|
||||
<h2>Instagram</h2>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
|
||||
labore et dolore magna aliqua.</p>
|
||||
<h3>#Male_Fashion</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Instagram Section End -->
|
||||
|
||||
<!-- Latest Blog Section Begin -->
|
||||
<section class="latest spad">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="section-title">
|
||||
<span>Latest News</span>
|
||||
<h2>Fashion New Trends</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-4 col-md-6 col-sm-6">
|
||||
<div class="blog__item">
|
||||
<div class="blog__item__pic set-bg" data-setbg="img/blog/blog-1.jpg"></div>
|
||||
<div class="blog__item__text">
|
||||
<span><img src="img/icon/calendar.png" alt=""> 16 February 2020</span>
|
||||
<h5>What Curling Irons Are The Best Ones</h5>
|
||||
<a href="#">Read More</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-md-6 col-sm-6">
|
||||
<div class="blog__item">
|
||||
<div class="blog__item__pic set-bg" data-setbg="img/blog/blog-2.jpg"></div>
|
||||
<div class="blog__item__text">
|
||||
<span><img src="img/icon/calendar.png" alt=""> 21 February 2020</span>
|
||||
<h5>Eternity Bands Do Last Forever</h5>
|
||||
<a href="#">Read More</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-md-6 col-sm-6">
|
||||
<div class="blog__item">
|
||||
<div class="blog__item__pic set-bg" data-setbg="img/blog/blog-3.jpg"></div>
|
||||
<div class="blog__item__text">
|
||||
<span><img src="img/icon/calendar.png" alt=""> 28 February 2020</span>
|
||||
<h5>The Health Benefits Of Sunglasses</h5>
|
||||
<a href="#">Read More</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Latest Blog Section End -->
|
||||
|
||||
<!-- Footer Section Begin -->
|
||||
<x-footer />
|
||||
<!-- Footer Section End -->
|
||||
|
||||
<!-- Search Begin -->
|
||||
<div class="search-model">
|
||||
<div class="h-100 d-flex align-items-center justify-content-center">
|
||||
<div class="search-close-switch">+</div>
|
||||
<form class="search-model-form">
|
||||
<input type="text" id="search-input" placeholder="Search here.....">
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Search End -->
|
||||
|
||||
<!-- Js Plugins -->
|
||||
<script src="js/jquery-3.3.1.min.js"></script>
|
||||
<script src="js/bootstrap.min.js"></script>
|
||||
<script src="js/jquery.nice-select.min.js"></script>
|
||||
<script src="js/jquery.nicescroll.min.js"></script>
|
||||
<script src="js/jquery.magnific-popup.min.js"></script>
|
||||
<script src="js/jquery.countdown.min.js"></script>
|
||||
<script src="js/jquery.slicknav.js"></script>
|
||||
<script src="js/mixitup.min.js"></script>
|
||||
<script src="js/owl.carousel.min.js"></script>
|
||||
<script src="js/main.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
60
resources/views/login.blade.php
Normal file
60
resources/views/login.blade.php
Normal file
@ -0,0 +1,60 @@
|
||||
<x-header />
|
||||
|
||||
<!-- Contact Section Begin -->
|
||||
<section class="contact spad">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-6 col-md-6 mx-auto">
|
||||
<div class="section-title">
|
||||
<h2>Login</h2>
|
||||
</div>
|
||||
<div class="contact__form">
|
||||
@if (session()->has('success'))
|
||||
<div class="alert alert-success">
|
||||
<p>{{ session()->get('success') }}</p>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
@if (session()->has('error'))
|
||||
<div class="alert alert-danger">
|
||||
<p>{{ session()->get('error') }}</p>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
<form action="{{ URL::to('loginUser') }}" method="POST" enctype="multipart/form-data">
|
||||
@csrf <!-- Add CSRF token -->
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<input type="email" name="email" id="email" placeholder="Email" required>
|
||||
</div>
|
||||
<div class="col-lg-12">
|
||||
<input type="password" name="password" id="password" placeholder="Password" required>
|
||||
</div>
|
||||
<div class="col-lg-12">
|
||||
<button type="submit" class="site-btn">Login</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Contact Section End -->
|
||||
|
||||
<x-footer />
|
||||
|
||||
<!-- Js Plugins -->
|
||||
<script src="js/jquery-3.3.1.min.js"></script>
|
||||
<script src="js/bootstrap.min.js"></script>
|
||||
<script src="js/jquery.nice-select.min.js"></script>
|
||||
<script src="js/jquery.nicescroll.min.js"></script>
|
||||
<script src="js/jquery.magnific-popup.min.js"></script>
|
||||
<script src="js/jquery.countdown.min.js"></script>
|
||||
<script src="js/jquery.slicknav.js"></script>
|
||||
<script src="js/mixitup.min.js"></script>
|
||||
<script src="js/owl.carousel.min.js"></script>
|
||||
<script src="js/main.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
17
resources/views/main.blade.php
Normal file
17
resources/views/main.blade.php
Normal file
@ -0,0 +1,17 @@
|
||||
<a href="https://colorlib.com/wp/templates/"><img src="https://colorlib.com/wp/wp-content/uploads/sites/2/colorlib-push-logo.png" alt="Colorlib logo"></a>
|
||||
<h1 style="text-align:center;">Thank you for using our template!</h1>
|
||||
<p style="text-align:center;">For more awesome templates please visit <strong><a href="https://colorlib.com/wp/templates/">Colorlib</a></strong>.</p>
|
||||
<br>
|
||||
<p style="text-align:center; color:red;"><strong>Copyright information for the template can't be altered/removed unless you purchase a license.</strong>
|
||||
|
||||
<p style="text-align:center;"><strong>Removing copyright information without the license will result in suspension of your hosting and/or domain name(s).</strong>
|
||||
|
||||
<p style="text-align:center;"><strong>More information about the license is available <a href="https://colorlib.com/wp/licence/">here</a></strong>.</p>
|
||||
|
||||
<style>
|
||||
img {
|
||||
margin: 0 auto;
|
||||
display: block;
|
||||
margin-top: 20%;
|
||||
}
|
||||
</style>
|
||||
8
resources/views/readme.txt
Normal file
8
resources/views/readme.txt
Normal file
@ -0,0 +1,8 @@
|
||||
Thank you for using our template!
|
||||
|
||||
For more awesome templates please visit https://colorlib.com/wp/templates/
|
||||
|
||||
Copyright information for the template can't be altered/removed unless you purchase a license.
|
||||
More information about the license is available here: https://colorlib.com/wp/licence/
|
||||
|
||||
Removing copyright information without the license will result in suspension of your hosting and/or domain name(s).
|
||||
93
resources/views/register.blade.php
Normal file
93
resources/views/register.blade.php
Normal file
@ -0,0 +1,93 @@
|
||||
<x-header />
|
||||
|
||||
|
||||
<!-- Contact Section Begin -->
|
||||
<section class="contact spad">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
|
||||
<div class="col-lg-6 col-md-6 mx-auto">
|
||||
<div class="section-title">
|
||||
<h2>Create New Account</h2>
|
||||
</div>
|
||||
<div class="contact__form">
|
||||
|
||||
@if (session('success'))
|
||||
<div class="alert alert-success">
|
||||
{{ session('success') }}
|
||||
</div>
|
||||
@endif
|
||||
|
||||
@if (session('error'))
|
||||
<div class="alert alert-danger">
|
||||
{{ session('error') }}
|
||||
</div>
|
||||
@endif
|
||||
|
||||
@if ($errors->any())
|
||||
<div class="alert alert-danger">
|
||||
<ul>
|
||||
@foreach ($errors->all() as $error)
|
||||
<li>{{ $error }}</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
<form action="{{ URL::to('registerUser') }}" method="POST" enctype="multipart/form-data">
|
||||
@csrf
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<input type="text" name="name" id="name" placeholder="Name">
|
||||
</div>
|
||||
<div class="col-lg-12">
|
||||
<input type="email" name="email" id="email" placeholder="Email">
|
||||
</div>
|
||||
<div class="col-lg-12">
|
||||
<input type="file" name="file">
|
||||
</div>
|
||||
<div class="col-lg-12">
|
||||
<input type="password" name="password" id="password" placeholder="Password">
|
||||
</div>
|
||||
<div class="col-lg-12">
|
||||
|
||||
<button type="submit" class="site-btn">Sign Up</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Contact Section End -->
|
||||
|
||||
<!-- Footer Section Begin -->
|
||||
<x-footer />
|
||||
<!-- Footer Section End -->
|
||||
|
||||
<!-- Search Begin -->
|
||||
<div class="search-model">
|
||||
<div class="h-100 d-flex align-items-center justify-content-center">
|
||||
<div class="search-close-switch">+</div>
|
||||
<form class="search-model-form">
|
||||
<input type="text" id="search-input" placeholder="Search here.....">
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Search End -->
|
||||
|
||||
<!-- Js Plugins -->
|
||||
<script src="js/jquery-3.3.1.min.js"></script>
|
||||
<script src="js/bootstrap.min.js"></script>
|
||||
<script src="js/jquery.nice-select.min.js"></script>
|
||||
<script src="js/jquery.nicescroll.min.js"></script>
|
||||
<script src="js/jquery.magnific-popup.min.js"></script>
|
||||
<script src="js/jquery.countdown.min.js"></script>
|
||||
<script src="js/jquery.slicknav.js"></script>
|
||||
<script src="js/mixitup.min.js"></script>
|
||||
<script src="js/owl.carousel.min.js"></script>
|
||||
<script src="js/main.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
690
resources/views/shop.blade.php
Normal file
690
resources/views/shop.blade.php
Normal file
@ -0,0 +1,690 @@
|
||||
<x-header />
|
||||
<!-- Breadcrumb Section Begin -->
|
||||
<section class="breadcrumb-option">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="breadcrumb__text">
|
||||
<h4>Shop</h4>
|
||||
<div class="breadcrumb__links">
|
||||
<a href="./index.html">Home</a>
|
||||
<span>Shop</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Breadcrumb Section End -->
|
||||
|
||||
<!-- Shop Section Begin -->
|
||||
<section class="shop spad">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-3">
|
||||
<div class="shop__sidebar">
|
||||
<div class="shop__sidebar__search">
|
||||
<form action="#">
|
||||
<input type="text" placeholder="Search...">
|
||||
<button type="submit"><span class="icon_search"></span></button>
|
||||
</form>
|
||||
</div>
|
||||
<div class="shop__sidebar__accordion">
|
||||
<div class="accordion" id="accordionExample">
|
||||
<div class="card">
|
||||
<div class="card-heading">
|
||||
<a data-toggle="collapse" data-target="#collapseOne">Categories</a>
|
||||
</div>
|
||||
<div id="collapseOne" class="collapse show" data-parent="#accordionExample">
|
||||
<div class="card-body">
|
||||
<div class="shop__sidebar__categories">
|
||||
<ul class="nice-scroll">
|
||||
<li><a href="#">Men (20)</a></li>
|
||||
<li><a href="#">Women (20)</a></li>
|
||||
<li><a href="#">Bags (20)</a></li>
|
||||
<li><a href="#">Clothing (20)</a></li>
|
||||
<li><a href="#">Shoes (20)</a></li>
|
||||
<li><a href="#">Accessories (20)</a></li>
|
||||
<li><a href="#">Kids (20)</a></li>
|
||||
<li><a href="#">Kids (20)</a></li>
|
||||
<li><a href="#">Kids (20)</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="card-heading">
|
||||
<a data-toggle="collapse" data-target="#collapseTwo">Branding</a>
|
||||
</div>
|
||||
<div id="collapseTwo" class="collapse show" data-parent="#accordionExample">
|
||||
<div class="card-body">
|
||||
<div class="shop__sidebar__brand">
|
||||
<ul>
|
||||
<li><a href="#">Louis Vuitton</a></li>
|
||||
<li><a href="#">Chanel</a></li>
|
||||
<li><a href="#">Hermes</a></li>
|
||||
<li><a href="#">Gucci</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="card-heading">
|
||||
<a data-toggle="collapse" data-target="#collapseThree">Filter Price</a>
|
||||
</div>
|
||||
<div id="collapseThree" class="collapse show" data-parent="#accordionExample">
|
||||
<div class="card-body">
|
||||
<div class="shop__sidebar__price">
|
||||
<ul>
|
||||
<li><a href="#">$0.00 - $50.00</a></li>
|
||||
<li><a href="#">$50.00 - $100.00</a></li>
|
||||
<li><a href="#">$100.00 - $150.00</a></li>
|
||||
<li><a href="#">$150.00 - $200.00</a></li>
|
||||
<li><a href="#">$200.00 - $250.00</a></li>
|
||||
<li><a href="#">250.00+</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="card-heading">
|
||||
<a data-toggle="collapse" data-target="#collapseFour">Size</a>
|
||||
</div>
|
||||
<div id="collapseFour" class="collapse show" data-parent="#accordionExample">
|
||||
<div class="card-body">
|
||||
<div class="shop__sidebar__size">
|
||||
<label for="xs">xs
|
||||
<input type="radio" id="xs">
|
||||
</label>
|
||||
<label for="sm">s
|
||||
<input type="radio" id="sm">
|
||||
</label>
|
||||
<label for="md">m
|
||||
<input type="radio" id="md">
|
||||
</label>
|
||||
<label for="xl">xl
|
||||
<input type="radio" id="xl">
|
||||
</label>
|
||||
<label for="2xl">2xl
|
||||
<input type="radio" id="2xl">
|
||||
</label>
|
||||
<label for="xxl">xxl
|
||||
<input type="radio" id="xxl">
|
||||
</label>
|
||||
<label for="3xl">3xl
|
||||
<input type="radio" id="3xl">
|
||||
</label>
|
||||
<label for="4xl">4xl
|
||||
<input type="radio" id="4xl">
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="card-heading">
|
||||
<a data-toggle="collapse" data-target="#collapseFive">Colors</a>
|
||||
</div>
|
||||
<div id="collapseFive" class="collapse show" data-parent="#accordionExample">
|
||||
<div class="card-body">
|
||||
<div class="shop__sidebar__color">
|
||||
<label class="c-1" for="sp-1">
|
||||
<input type="radio" id="sp-1">
|
||||
</label>
|
||||
<label class="c-2" for="sp-2">
|
||||
<input type="radio" id="sp-2">
|
||||
</label>
|
||||
<label class="c-3" for="sp-3">
|
||||
<input type="radio" id="sp-3">
|
||||
</label>
|
||||
<label class="c-4" for="sp-4">
|
||||
<input type="radio" id="sp-4">
|
||||
</label>
|
||||
<label class="c-5" for="sp-5">
|
||||
<input type="radio" id="sp-5">
|
||||
</label>
|
||||
<label class="c-6" for="sp-6">
|
||||
<input type="radio" id="sp-6">
|
||||
</label>
|
||||
<label class="c-7" for="sp-7">
|
||||
<input type="radio" id="sp-7">
|
||||
</label>
|
||||
<label class="c-8" for="sp-8">
|
||||
<input type="radio" id="sp-8">
|
||||
</label>
|
||||
<label class="c-9" for="sp-9">
|
||||
<input type="radio" id="sp-9">
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="card-heading">
|
||||
<a data-toggle="collapse" data-target="#collapseSix">Tags</a>
|
||||
</div>
|
||||
<div id="collapseSix" class="collapse show" data-parent="#accordionExample">
|
||||
<div class="card-body">
|
||||
<div class="shop__sidebar__tags">
|
||||
<a href="#">Product</a>
|
||||
<a href="#">Bags</a>
|
||||
<a href="#">Shoes</a>
|
||||
<a href="#">Fashio</a>
|
||||
<a href="#">Clothing</a>
|
||||
<a href="#">Hats</a>
|
||||
<a href="#">Accessories</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-9">
|
||||
<div class="shop__product__option">
|
||||
<div class="row">
|
||||
<div class="col-lg-6 col-md-6 col-sm-6">
|
||||
<div class="shop__product__option__left">
|
||||
<p>Showing 1–12 of 126 results</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 col-md-6 col-sm-6">
|
||||
<div class="shop__product__option__right">
|
||||
<p>Sort by Price:</p>
|
||||
<select>
|
||||
<option value="">Low To High</option>
|
||||
<option value="">$0 - $55</option>
|
||||
<option value="">$55 - $100</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-4 col-md-6 col-sm-6">
|
||||
<div class="product__item">
|
||||
<div class="product__item__pic set-bg" data-setbg="img/product/product-2.jpg">
|
||||
<ul class="product__hover">
|
||||
<li><a href="#"><img src="img/icon/heart.png" alt=""></a></li>
|
||||
<li><a href="#"><img src="img/icon/compare.png" alt="">
|
||||
<span>Compare</span></a>
|
||||
</li>
|
||||
<li><a href="#"><img src="img/icon/search.png" alt=""></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="product__item__text">
|
||||
<h6>Piqué Biker Jacket</h6>
|
||||
<a href="#" class="add-cart">+ Add To Cart</a>
|
||||
<div class="rating">
|
||||
<i class="fa fa-star-o"></i>
|
||||
<i class="fa fa-star-o"></i>
|
||||
<i class="fa fa-star-o"></i>
|
||||
<i class="fa fa-star-o"></i>
|
||||
<i class="fa fa-star-o"></i>
|
||||
</div>
|
||||
<h5>$67.24</h5>
|
||||
<div class="product__color__select">
|
||||
<label for="pc-4">
|
||||
<input type="radio" id="pc-4">
|
||||
</label>
|
||||
<label class="active black" for="pc-5">
|
||||
<input type="radio" id="pc-5">
|
||||
</label>
|
||||
<label class="grey" for="pc-6">
|
||||
<input type="radio" id="pc-6">
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-md-6 col-sm-6">
|
||||
<div class="product__item sale">
|
||||
<div class="product__item__pic set-bg" data-setbg="img/product/product-3.jpg">
|
||||
<span class="label">Sale</span>
|
||||
<ul class="product__hover">
|
||||
<li><a href="#"><img src="img/icon/heart.png" alt=""></a></li>
|
||||
<li><a href="#"><img src="img/icon/compare.png" alt="">
|
||||
<span>Compare</span></a>
|
||||
</li>
|
||||
<li><a href="#"><img src="img/icon/search.png" alt=""></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="product__item__text">
|
||||
<h6>Multi-pocket Chest Bag</h6>
|
||||
<a href="#" class="add-cart">+ Add To Cart</a>
|
||||
<div class="rating">
|
||||
<i class="fa fa-star"></i>
|
||||
<i class="fa fa-star"></i>
|
||||
<i class="fa fa-star"></i>
|
||||
<i class="fa fa-star"></i>
|
||||
<i class="fa fa-star-o"></i>
|
||||
</div>
|
||||
<h5>$43.48</h5>
|
||||
<div class="product__color__select">
|
||||
<label for="pc-7">
|
||||
<input type="radio" id="pc-7">
|
||||
</label>
|
||||
<label class="active black" for="pc-8">
|
||||
<input type="radio" id="pc-8">
|
||||
</label>
|
||||
<label class="grey" for="pc-9">
|
||||
<input type="radio" id="pc-9">
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-md-6 col-sm-6">
|
||||
<div class="product__item">
|
||||
<div class="product__item__pic set-bg" data-setbg="img/product/product-4.jpg">
|
||||
<ul class="product__hover">
|
||||
<li><a href="#"><img src="img/icon/heart.png" alt=""></a></li>
|
||||
<li><a href="#"><img src="img/icon/compare.png" alt="">
|
||||
<span>Compare</span></a>
|
||||
</li>
|
||||
<li><a href="#"><img src="img/icon/search.png" alt=""></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="product__item__text">
|
||||
<h6>Diagonal Textured Cap</h6>
|
||||
<a href="#" class="add-cart">+ Add To Cart</a>
|
||||
<div class="rating">
|
||||
<i class="fa fa-star-o"></i>
|
||||
<i class="fa fa-star-o"></i>
|
||||
<i class="fa fa-star-o"></i>
|
||||
<i class="fa fa-star-o"></i>
|
||||
<i class="fa fa-star-o"></i>
|
||||
</div>
|
||||
<h5>$60.9</h5>
|
||||
<div class="product__color__select">
|
||||
<label for="pc-10">
|
||||
<input type="radio" id="pc-10">
|
||||
</label>
|
||||
<label class="active black" for="pc-11">
|
||||
<input type="radio" id="pc-11">
|
||||
</label>
|
||||
<label class="grey" for="pc-12">
|
||||
<input type="radio" id="pc-12">
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-md-6 col-sm-6">
|
||||
<div class="product__item sale">
|
||||
<div class="product__item__pic set-bg" data-setbg="img/product/product-6.jpg">
|
||||
<span class="label">Sale</span>
|
||||
<ul class="product__hover">
|
||||
<li><a href="#"><img src="img/icon/heart.png" alt=""></a></li>
|
||||
<li><a href="#"><img src="img/icon/compare.png" alt="">
|
||||
<span>Compare</span></a>
|
||||
</li>
|
||||
<li><a href="#"><img src="img/icon/search.png" alt=""></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="product__item__text">
|
||||
<h6>Ankle Boots</h6>
|
||||
<a href="#" class="add-cart">+ Add To Cart</a>
|
||||
<div class="rating">
|
||||
<i class="fa fa-star"></i>
|
||||
<i class="fa fa-star"></i>
|
||||
<i class="fa fa-star"></i>
|
||||
<i class="fa fa-star"></i>
|
||||
<i class="fa fa-star-o"></i>
|
||||
</div>
|
||||
<h5>$98.49</h5>
|
||||
<div class="product__color__select">
|
||||
<label for="pc-16">
|
||||
<input type="radio" id="pc-16">
|
||||
</label>
|
||||
<label class="active black" for="pc-17">
|
||||
<input type="radio" id="pc-17">
|
||||
</label>
|
||||
<label class="grey" for="pc-18">
|
||||
<input type="radio" id="pc-18">
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-md-6 col-sm-6">
|
||||
<div class="product__item">
|
||||
<div class="product__item__pic set-bg" data-setbg="img/product/product-7.jpg">
|
||||
<ul class="product__hover">
|
||||
<li><a href="#"><img src="img/icon/heart.png" alt=""></a></li>
|
||||
<li><a href="#"><img src="img/icon/compare.png" alt="">
|
||||
<span>Compare</span></a>
|
||||
</li>
|
||||
<li><a href="#"><img src="img/icon/search.png" alt=""></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="product__item__text">
|
||||
<h6>T-shirt Contrast Pocket</h6>
|
||||
<a href="#" class="add-cart">+ Add To Cart</a>
|
||||
<div class="rating">
|
||||
<i class="fa fa-star-o"></i>
|
||||
<i class="fa fa-star-o"></i>
|
||||
<i class="fa fa-star-o"></i>
|
||||
<i class="fa fa-star-o"></i>
|
||||
<i class="fa fa-star-o"></i>
|
||||
</div>
|
||||
<h5>$49.66</h5>
|
||||
<div class="product__color__select">
|
||||
<label for="pc-19">
|
||||
<input type="radio" id="pc-19">
|
||||
</label>
|
||||
<label class="active black" for="pc-20">
|
||||
<input type="radio" id="pc-20">
|
||||
</label>
|
||||
<label class="grey" for="pc-21">
|
||||
<input type="radio" id="pc-21">
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-md-6 col-sm-6">
|
||||
<div class="product__item">
|
||||
<div class="product__item__pic set-bg" data-setbg="img/product/product-8.jpg">
|
||||
<ul class="product__hover">
|
||||
<li><a href="#"><img src="img/icon/heart.png" alt=""></a></li>
|
||||
<li><a href="#"><img src="img/icon/compare.png" alt="">
|
||||
<span>Compare</span></a>
|
||||
</li>
|
||||
<li><a href="#"><img src="img/icon/search.png" alt=""></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="product__item__text">
|
||||
<h6>Basic Flowing Scarf</h6>
|
||||
<a href="#" class="add-cart">+ Add To Cart</a>
|
||||
<div class="rating">
|
||||
<i class="fa fa-star-o"></i>
|
||||
<i class="fa fa-star-o"></i>
|
||||
<i class="fa fa-star-o"></i>
|
||||
<i class="fa fa-star-o"></i>
|
||||
<i class="fa fa-star-o"></i>
|
||||
</div>
|
||||
<h5>$26.28</h5>
|
||||
<div class="product__color__select">
|
||||
<label for="pc-22">
|
||||
<input type="radio" id="pc-22">
|
||||
</label>
|
||||
<label class="active black" for="pc-23">
|
||||
<input type="radio" id="pc-23">
|
||||
</label>
|
||||
<label class="grey" for="pc-24">
|
||||
<input type="radio" id="pc-24">
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-md-6 col-sm-6">
|
||||
<div class="product__item">
|
||||
<div class="product__item__pic set-bg" data-setbg="img/product/product-9.jpg">
|
||||
<ul class="product__hover">
|
||||
<li><a href="#"><img src="img/icon/heart.png" alt=""></a></li>
|
||||
<li><a href="#"><img src="img/icon/compare.png" alt="">
|
||||
<span>Compare</span></a>
|
||||
</li>
|
||||
<li><a href="#"><img src="img/icon/search.png" alt=""></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="product__item__text">
|
||||
<h6>Piqué Biker Jacket</h6>
|
||||
<a href="#" class="add-cart">+ Add To Cart</a>
|
||||
<div class="rating">
|
||||
<i class="fa fa-star-o"></i>
|
||||
<i class="fa fa-star-o"></i>
|
||||
<i class="fa fa-star-o"></i>
|
||||
<i class="fa fa-star-o"></i>
|
||||
<i class="fa fa-star-o"></i>
|
||||
</div>
|
||||
<h5>$67.24</h5>
|
||||
<div class="product__color__select">
|
||||
<label for="pc-25">
|
||||
<input type="radio" id="pc-25">
|
||||
</label>
|
||||
<label class="active black" for="pc-26">
|
||||
<input type="radio" id="pc-26">
|
||||
</label>
|
||||
<label class="grey" for="pc-27">
|
||||
<input type="radio" id="pc-27">
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-md-6 col-sm-6">
|
||||
<div class="product__item sale">
|
||||
<div class="product__item__pic set-bg" data-setbg="img/product/product-10.jpg">
|
||||
<span class="label">Sale</span>
|
||||
<ul class="product__hover">
|
||||
<li><a href="#"><img src="img/icon/heart.png" alt=""></a></li>
|
||||
<li><a href="#"><img src="img/icon/compare.png" alt="">
|
||||
<span>Compare</span></a>
|
||||
</li>
|
||||
<li><a href="#"><img src="img/icon/search.png" alt=""></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="product__item__text">
|
||||
<h6>Multi-pocket Chest Bag</h6>
|
||||
<a href="#" class="add-cart">+ Add To Cart</a>
|
||||
<div class="rating">
|
||||
<i class="fa fa-star"></i>
|
||||
<i class="fa fa-star"></i>
|
||||
<i class="fa fa-star"></i>
|
||||
<i class="fa fa-star"></i>
|
||||
<i class="fa fa-star-o"></i>
|
||||
</div>
|
||||
<h5>$43.48</h5>
|
||||
<div class="product__color__select">
|
||||
<label for="pc-28">
|
||||
<input type="radio" id="pc-28">
|
||||
</label>
|
||||
<label class="active black" for="pc-29">
|
||||
<input type="radio" id="pc-29">
|
||||
</label>
|
||||
<label class="grey" for="pc-30">
|
||||
<input type="radio" id="pc-30">
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-md-6 col-sm-6">
|
||||
<div class="product__item">
|
||||
<div class="product__item__pic set-bg" data-setbg="img/product/product-11.jpg">
|
||||
<ul class="product__hover">
|
||||
<li><a href="#"><img src="img/icon/heart.png" alt=""></a></li>
|
||||
<li><a href="#"><img src="img/icon/compare.png" alt="">
|
||||
<span>Compare</span></a>
|
||||
</li>
|
||||
<li><a href="#"><img src="img/icon/search.png" alt=""></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="product__item__text">
|
||||
<h6>Diagonal Textured Cap</h6>
|
||||
<a href="#" class="add-cart">+ Add To Cart</a>
|
||||
<div class="rating">
|
||||
<i class="fa fa-star-o"></i>
|
||||
<i class="fa fa-star-o"></i>
|
||||
<i class="fa fa-star-o"></i>
|
||||
<i class="fa fa-star-o"></i>
|
||||
<i class="fa fa-star-o"></i>
|
||||
</div>
|
||||
<h5>$60.9</h5>
|
||||
<div class="product__color__select">
|
||||
<label for="pc-31">
|
||||
<input type="radio" id="pc-31">
|
||||
</label>
|
||||
<label class="active black" for="pc-32">
|
||||
<input type="radio" id="pc-32">
|
||||
</label>
|
||||
<label class="grey" for="pc-33">
|
||||
<input type="radio" id="pc-33">
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-md-6 col-sm-6">
|
||||
<div class="product__item sale">
|
||||
<div class="product__item__pic set-bg" data-setbg="img/product/product-12.jpg">
|
||||
<span class="label">Sale</span>
|
||||
<ul class="product__hover">
|
||||
<li><a href="#"><img src="img/icon/heart.png" alt=""></a></li>
|
||||
<li><a href="#"><img src="img/icon/compare.png" alt="">
|
||||
<span>Compare</span></a>
|
||||
</li>
|
||||
<li><a href="#"><img src="img/icon/search.png" alt=""></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="product__item__text">
|
||||
<h6>Ankle Boots</h6>
|
||||
<a href="#" class="add-cart">+ Add To Cart</a>
|
||||
<div class="rating">
|
||||
<i class="fa fa-star"></i>
|
||||
<i class="fa fa-star"></i>
|
||||
<i class="fa fa-star"></i>
|
||||
<i class="fa fa-star"></i>
|
||||
<i class="fa fa-star-o"></i>
|
||||
</div>
|
||||
<h5>$98.49</h5>
|
||||
<div class="product__color__select">
|
||||
<label for="pc-34">
|
||||
<input type="radio" id="pc-34">
|
||||
</label>
|
||||
<label class="active black" for="pc-35">
|
||||
<input type="radio" id="pc-35">
|
||||
</label>
|
||||
<label class="grey" for="pc-36">
|
||||
<input type="radio" id="pc-36">
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-md-6 col-sm-6">
|
||||
<div class="product__item">
|
||||
<div class="product__item__pic set-bg" data-setbg="img/product/product-13.jpg">
|
||||
<ul class="product__hover">
|
||||
<li><a href="#"><img src="img/icon/heart.png" alt=""></a></li>
|
||||
<li><a href="#"><img src="img/icon/compare.png" alt="">
|
||||
<span>Compare</span></a>
|
||||
</li>
|
||||
<li><a href="#"><img src="img/icon/search.png" alt=""></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="product__item__text">
|
||||
<h6>T-shirt Contrast Pocket</h6>
|
||||
<a href="#" class="add-cart">+ Add To Cart</a>
|
||||
<div class="rating">
|
||||
<i class="fa fa-star-o"></i>
|
||||
<i class="fa fa-star-o"></i>
|
||||
<i class="fa fa-star-o"></i>
|
||||
<i class="fa fa-star-o"></i>
|
||||
<i class="fa fa-star-o"></i>
|
||||
</div>
|
||||
<h5>$49.66</h5>
|
||||
<div class="product__color__select">
|
||||
<label for="pc-37">
|
||||
<input type="radio" id="pc-37">
|
||||
</label>
|
||||
<label class="active black" for="pc-38">
|
||||
<input type="radio" id="pc-38">
|
||||
</label>
|
||||
<label class="grey" for="pc-39">
|
||||
<input type="radio" id="pc-39">
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-md-6 col-sm-6">
|
||||
<div class="product__item">
|
||||
<div class="product__item__pic set-bg" data-setbg="img/product/product-14.jpg">
|
||||
<ul class="product__hover">
|
||||
<li><a href="#"><img src="img/icon/heart.png" alt=""></a></li>
|
||||
<li><a href="#"><img src="img/icon/compare.png" alt="">
|
||||
<span>Compare</span></a>
|
||||
</li>
|
||||
<li><a href="#"><img src="img/icon/search.png" alt=""></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="product__item__text">
|
||||
<h6>Basic Flowing Scarf</h6>
|
||||
<a href="#" class="add-cart">+ Add To Cart</a>
|
||||
<div class="rating">
|
||||
<i class="fa fa-star-o"></i>
|
||||
<i class="fa fa-star-o"></i>
|
||||
<i class="fa fa-star-o"></i>
|
||||
<i class="fa fa-star-o"></i>
|
||||
<i class="fa fa-star-o"></i>
|
||||
</div>
|
||||
<h5>$26.28</h5>
|
||||
<div class="product__color__select">
|
||||
<label for="pc-40">
|
||||
<input type="radio" id="pc-40">
|
||||
</label>
|
||||
<label class="active black" for="pc-41">
|
||||
<input type="radio" id="pc-41">
|
||||
</label>
|
||||
<label class="grey" for="pc-42">
|
||||
<input type="radio" id="pc-42">
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="product__pagination">
|
||||
<a class="active" href="#">1</a>
|
||||
<a href="#">2</a>
|
||||
<a href="#">3</a>
|
||||
<span>...</span>
|
||||
<a href="#">21</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Shop Section End -->
|
||||
|
||||
<!-- Footer Section Begin -->
|
||||
<x-footer />
|
||||
<!-- Footer Section End -->
|
||||
|
||||
<!-- Search Begin -->
|
||||
<div class="search-model">
|
||||
<div class="h-100 d-flex align-items-center justify-content-center">
|
||||
<div class="search-close-switch">+</div>
|
||||
<form class="search-model-form">
|
||||
<input type="text" id="search-input" placeholder="Search here.....">
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Search End -->
|
||||
|
||||
<!-- Js Plugins -->
|
||||
<script src="js/jquery-3.3.1.min.js"></script>
|
||||
<script src="js/bootstrap.min.js"></script>
|
||||
<script src="js/jquery.nice-select.min.js"></script>
|
||||
<script src="js/jquery.nicescroll.min.js"></script>
|
||||
<script src="js/jquery.magnific-popup.min.js"></script>
|
||||
<script src="js/jquery.countdown.min.js"></script>
|
||||
<script src="js/jquery.slicknav.js"></script>
|
||||
<script src="js/mixitup.min.js"></script>
|
||||
<script src="js/owl.carousel.min.js"></script>
|
||||
<script src="js/main.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
461
resources/views/singleProduct.blade.php
Normal file
461
resources/views/singleProduct.blade.php
Normal file
@ -0,0 +1,461 @@
|
||||
<x-header />
|
||||
|
||||
<!-- Shop Details Section Begin -->
|
||||
<section class="shop-details">
|
||||
<div class="product__details__pic">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="product__details__breadcrumb">
|
||||
<a href="./index.html">Home</a>
|
||||
<a href="./shop.html">Shop</a>
|
||||
<span>Product Details</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-3 col-md-3">
|
||||
<ul class="nav nav-tabs" role="tablist">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link active" data-toggle="tab" href="#tabs-1" role="tab">
|
||||
<div class="product__thumb__pic set-bg" data-setbg="img/shop-details/thumb-1.png">
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-toggle="tab" href="#tabs-2" role="tab">
|
||||
<div class="product__thumb__pic set-bg" data-setbg="img/shop-details/thumb-2.png">
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-toggle="tab" href="#tabs-3" role="tab">
|
||||
<div class="product__thumb__pic set-bg" data-setbg="img/shop-details/thumb-3.png">
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-toggle="tab" href="#tabs-4" role="tab">
|
||||
<div class="product__thumb__pic set-bg" data-setbg="img/shop-details/thumb-4.png">
|
||||
<i class="fa fa-play"></i>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-lg-6 col-md-9">
|
||||
<div class="tab-content">
|
||||
<div class="tab-pane active" id="tabs-1" role="tabpanel">
|
||||
<div class="product__details__pic__item">
|
||||
<img src="img/shop-details/product-big-2.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="tab-pane" id="tabs-2" role="tabpanel">
|
||||
<div class="product__details__pic__item">
|
||||
<img src="img/shop-details/product-big-3.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="tab-pane" id="tabs-3" role="tabpanel">
|
||||
<div class="product__details__pic__item">
|
||||
<img src="img/shop-details/product-big.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="tab-pane" id="tabs-4" role="tabpanel">
|
||||
<div class="product__details__pic__item">
|
||||
<img src="img/shop-details/product-big-4.png" alt="">
|
||||
<a href="https://www.youtube.com/watch?v=8PJ3_p7VqHw&list=RD8PJ3_p7VqHw&start_radio=1"
|
||||
class="video-popup"><i class="fa fa-play"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="product__details__content">
|
||||
<div class="container">
|
||||
<div class="row d-flex justify-content-center">
|
||||
<div class="col-lg-8">
|
||||
<div class="product__details__text">
|
||||
<h4>Hooded thermal anorak</h4>
|
||||
<div class="rating">
|
||||
<i class="fa fa-star"></i>
|
||||
<i class="fa fa-star"></i>
|
||||
<i class="fa fa-star"></i>
|
||||
<i class="fa fa-star"></i>
|
||||
<i class="fa fa-star-o"></i>
|
||||
<span> - 5 Reviews</span>
|
||||
</div>
|
||||
<h3>$270.00 <span>70.00</span></h3>
|
||||
<p>Coat with quilted lining and an adjustable hood. Featuring long sleeves with adjustable
|
||||
cuff tabs, adjustable asymmetric hem with elastic side tabs and a front zip fastening
|
||||
with placket.</p>
|
||||
<div class="product__details__option">
|
||||
<div class="product__details__option__size">
|
||||
<span>Size:</span>
|
||||
<label for="xxl">xxl
|
||||
<input type="radio" id="xxl">
|
||||
</label>
|
||||
<label class="active" for="xl">xl
|
||||
<input type="radio" id="xl">
|
||||
</label>
|
||||
<label for="l">l
|
||||
<input type="radio" id="l">
|
||||
</label>
|
||||
<label for="sm">s
|
||||
<input type="radio" id="sm">
|
||||
</label>
|
||||
</div>
|
||||
<div class="product__details__option__color">
|
||||
<span>Color:</span>
|
||||
<label class="c-1" for="sp-1">
|
||||
<input type="radio" id="sp-1">
|
||||
</label>
|
||||
<label class="c-2" for="sp-2">
|
||||
<input type="radio" id="sp-2">
|
||||
</label>
|
||||
<label class="c-3" for="sp-3">
|
||||
<input type="radio" id="sp-3">
|
||||
</label>
|
||||
<label class="c-4" for="sp-4">
|
||||
<input type="radio" id="sp-4">
|
||||
</label>
|
||||
<label class="c-9" for="sp-9">
|
||||
<input type="radio" id="sp-9">
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="product__details__cart__option">
|
||||
<div class="quantity">
|
||||
<div class="pro-qty">
|
||||
<input type="text" value="1">
|
||||
</div>
|
||||
</div>
|
||||
<a href="#" class="primary-btn">add to cart</a>
|
||||
</div>
|
||||
<div class="product__details__btns__option">
|
||||
<a href="#"><i class="fa fa-heart"></i> add to wishlist</a>
|
||||
<a href="#"><i class="fa fa-exchange"></i> Add To Compare</a>
|
||||
</div>
|
||||
<div class="product__details__last__option">
|
||||
<h5><span>Guaranteed Safe Checkout</span></h5>
|
||||
<img src="img/shop-details/details-payment.png" alt="">
|
||||
<ul>
|
||||
<li><span>SKU:</span> 3812912</li>
|
||||
<li><span>Categories:</span> Clothes</li>
|
||||
<li><span>Tag:</span> Clothes, Skin, Body</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="product__details__tab">
|
||||
<ul class="nav nav-tabs" role="tablist">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link active" data-toggle="tab" href="#tabs-5"
|
||||
role="tab">Description</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-toggle="tab" href="#tabs-6" role="tab">Customer
|
||||
Previews(5)</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-toggle="tab" href="#tabs-7" role="tab">Additional
|
||||
information</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="tab-content">
|
||||
<div class="tab-pane active" id="tabs-5" role="tabpanel">
|
||||
<div class="product__details__tab__content">
|
||||
<p class="note">Nam tempus turpis at metus scelerisque placerat nulla deumantos
|
||||
solicitud felis. Pellentesque diam dolor, elementum etos lobortis des mollis
|
||||
ut risus. Sedcus faucibus an sullamcorper mattis drostique des commodo
|
||||
pharetras loremos.</p>
|
||||
<div class="product__details__tab__content__item">
|
||||
<h5>Products Infomation</h5>
|
||||
<p>A Pocket PC is a handheld computer, which features many of the same
|
||||
capabilities as a modern PC. These handy little devices allow
|
||||
individuals to retrieve and store e-mail messages, create a contact
|
||||
file, coordinate appointments, surf the internet, exchange text messages
|
||||
and more. Every product that is labeled as a Pocket PC must be
|
||||
accompanied with specific software to operate the unit and must feature
|
||||
a touchscreen and touchpad.</p>
|
||||
<p>As is the case with any new technology product, the cost of a Pocket PC
|
||||
was substantial during it’s early release. For approximately $700.00,
|
||||
consumers could purchase one of top-of-the-line Pocket PCs in 2003.
|
||||
These days, customers are finding that prices have become much more
|
||||
reasonable now that the newness is wearing off. For approximately
|
||||
$350.00, a new Pocket PC can now be purchased.</p>
|
||||
</div>
|
||||
<div class="product__details__tab__content__item">
|
||||
<h5>Material used</h5>
|
||||
<p>Polyester is deemed lower quality due to its none natural quality’s. Made
|
||||
from synthetic materials, not natural like wool. Polyester suits become
|
||||
creased easily and are known for not being breathable. Polyester suits
|
||||
tend to have a shine to them compared to wool and cotton suits, this can
|
||||
make the suit look cheap. The texture of velvet is luxurious and
|
||||
breathable. Velvet is a great choice for dinner party jacket and can be
|
||||
worn all year round.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tab-pane" id="tabs-6" role="tabpanel">
|
||||
<div class="product__details__tab__content">
|
||||
<div class="product__details__tab__content__item">
|
||||
<h5>Products Infomation</h5>
|
||||
<p>A Pocket PC is a handheld computer, which features many of the same
|
||||
capabilities as a modern PC. These handy little devices allow
|
||||
individuals to retrieve and store e-mail messages, create a contact
|
||||
file, coordinate appointments, surf the internet, exchange text messages
|
||||
and more. Every product that is labeled as a Pocket PC must be
|
||||
accompanied with specific software to operate the unit and must feature
|
||||
a touchscreen and touchpad.</p>
|
||||
<p>As is the case with any new technology product, the cost of a Pocket PC
|
||||
was substantial during it’s early release. For approximately $700.00,
|
||||
consumers could purchase one of top-of-the-line Pocket PCs in 2003.
|
||||
These days, customers are finding that prices have become much more
|
||||
reasonable now that the newness is wearing off. For approximately
|
||||
$350.00, a new Pocket PC can now be purchased.</p>
|
||||
</div>
|
||||
<div class="product__details__tab__content__item">
|
||||
<h5>Material used</h5>
|
||||
<p>Polyester is deemed lower quality due to its none natural quality’s. Made
|
||||
from synthetic materials, not natural like wool. Polyester suits become
|
||||
creased easily and are known for not being breathable. Polyester suits
|
||||
tend to have a shine to them compared to wool and cotton suits, this can
|
||||
make the suit look cheap. The texture of velvet is luxurious and
|
||||
breathable. Velvet is a great choice for dinner party jacket and can be
|
||||
worn all year round.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tab-pane" id="tabs-7" role="tabpanel">
|
||||
<div class="product__details__tab__content">
|
||||
<p class="note">Nam tempus turpis at metus scelerisque placerat nulla deumantos
|
||||
solicitud felis. Pellentesque diam dolor, elementum etos lobortis des mollis
|
||||
ut risus. Sedcus faucibus an sullamcorper mattis drostique des commodo
|
||||
pharetras loremos.</p>
|
||||
<div class="product__details__tab__content__item">
|
||||
<h5>Products Infomation</h5>
|
||||
<p>A Pocket PC is a handheld computer, which features many of the same
|
||||
capabilities as a modern PC. These handy little devices allow
|
||||
individuals to retrieve and store e-mail messages, create a contact
|
||||
file, coordinate appointments, surf the internet, exchange text messages
|
||||
and more. Every product that is labeled as a Pocket PC must be
|
||||
accompanied with specific software to operate the unit and must feature
|
||||
a touchscreen and touchpad.</p>
|
||||
<p>As is the case with any new technology product, the cost of a Pocket PC
|
||||
was substantial during it’s early release. For approximately $700.00,
|
||||
consumers could purchase one of top-of-the-line Pocket PCs in 2003.
|
||||
These days, customers are finding that prices have become much more
|
||||
reasonable now that the newness is wearing off. For approximately
|
||||
$350.00, a new Pocket PC can now be purchased.</p>
|
||||
</div>
|
||||
<div class="product__details__tab__content__item">
|
||||
<h5>Material used</h5>
|
||||
<p>Polyester is deemed lower quality due to its none natural quality’s. Made
|
||||
from synthetic materials, not natural like wool. Polyester suits become
|
||||
creased easily and are known for not being breathable. Polyester suits
|
||||
tend to have a shine to them compared to wool and cotton suits, this can
|
||||
make the suit look cheap. The texture of velvet is luxurious and
|
||||
breathable. Velvet is a great choice for dinner party jacket and can be
|
||||
worn all year round.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Shop Details Section End -->
|
||||
|
||||
<!-- Related Section Begin -->
|
||||
<section class="related spad">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<h3 class="related-title">Related Product</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-3 col-md-6 col-sm-6 col-sm-6">
|
||||
<div class="product__item">
|
||||
<div class="product__item__pic set-bg" data-setbg="img/product/product-1.jpg">
|
||||
<span class="label">New</span>
|
||||
<ul class="product__hover">
|
||||
<li><a href="#"><img src="img/icon/heart.png" alt=""></a></li>
|
||||
<li><a href="#"><img src="img/icon/compare.png" alt="">
|
||||
<span>Compare</span></a></li>
|
||||
<li><a href="#"><img src="img/icon/search.png" alt=""></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="product__item__text">
|
||||
<h6>Piqué Biker Jacket</h6>
|
||||
<a href="#" class="add-cart">+ Add To Cart</a>
|
||||
<div class="rating">
|
||||
<i class="fa fa-star-o"></i>
|
||||
<i class="fa fa-star-o"></i>
|
||||
<i class="fa fa-star-o"></i>
|
||||
<i class="fa fa-star-o"></i>
|
||||
<i class="fa fa-star-o"></i>
|
||||
</div>
|
||||
<h5>$67.24</h5>
|
||||
<div class="product__color__select">
|
||||
<label for="pc-1">
|
||||
<input type="radio" id="pc-1">
|
||||
</label>
|
||||
<label class="active black" for="pc-2">
|
||||
<input type="radio" id="pc-2">
|
||||
</label>
|
||||
<label class="grey" for="pc-3">
|
||||
<input type="radio" id="pc-3">
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-6 col-sm-6 col-sm-6">
|
||||
<div class="product__item">
|
||||
<div class="product__item__pic set-bg" data-setbg="img/product/product-2.jpg">
|
||||
<ul class="product__hover">
|
||||
<li><a href="#"><img src="img/icon/heart.png" alt=""></a></li>
|
||||
<li><a href="#"><img src="img/icon/compare.png" alt="">
|
||||
<span>Compare</span></a></li>
|
||||
<li><a href="#"><img src="img/icon/search.png" alt=""></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="product__item__text">
|
||||
<h6>Piqué Biker Jacket</h6>
|
||||
<a href="#" class="add-cart">+ Add To Cart</a>
|
||||
<div class="rating">
|
||||
<i class="fa fa-star-o"></i>
|
||||
<i class="fa fa-star-o"></i>
|
||||
<i class="fa fa-star-o"></i>
|
||||
<i class="fa fa-star-o"></i>
|
||||
<i class="fa fa-star-o"></i>
|
||||
</div>
|
||||
<h5>$67.24</h5>
|
||||
<div class="product__color__select">
|
||||
<label for="pc-4">
|
||||
<input type="radio" id="pc-4">
|
||||
</label>
|
||||
<label class="active black" for="pc-5">
|
||||
<input type="radio" id="pc-5">
|
||||
</label>
|
||||
<label class="grey" for="pc-6">
|
||||
<input type="radio" id="pc-6">
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-6 col-sm-6 col-sm-6">
|
||||
<div class="product__item sale">
|
||||
<div class="product__item__pic set-bg" data-setbg="img/product/product-3.jpg">
|
||||
<span class="label">Sale</span>
|
||||
<ul class="product__hover">
|
||||
<li><a href="#"><img src="img/icon/heart.png" alt=""></a></li>
|
||||
<li><a href="#"><img src="img/icon/compare.png" alt="">
|
||||
<span>Compare</span></a></li>
|
||||
<li><a href="#"><img src="img/icon/search.png" alt=""></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="product__item__text">
|
||||
<h6>Multi-pocket Chest Bag</h6>
|
||||
<a href="#" class="add-cart">+ Add To Cart</a>
|
||||
<div class="rating">
|
||||
<i class="fa fa-star"></i>
|
||||
<i class="fa fa-star"></i>
|
||||
<i class="fa fa-star"></i>
|
||||
<i class="fa fa-star"></i>
|
||||
<i class="fa fa-star-o"></i>
|
||||
</div>
|
||||
<h5>$43.48</h5>
|
||||
<div class="product__color__select">
|
||||
<label for="pc-7">
|
||||
<input type="radio" id="pc-7">
|
||||
</label>
|
||||
<label class="active black" for="pc-8">
|
||||
<input type="radio" id="pc-8">
|
||||
</label>
|
||||
<label class="grey" for="pc-9">
|
||||
<input type="radio" id="pc-9">
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-6 col-sm-6 col-sm-6">
|
||||
<div class="product__item">
|
||||
<div class="product__item__pic set-bg" data-setbg="img/product/product-4.jpg">
|
||||
<ul class="product__hover">
|
||||
<li><a href="#"><img src="img/icon/heart.png" alt=""></a></li>
|
||||
<li><a href="#"><img src="img/icon/compare.png" alt="">
|
||||
<span>Compare</span></a></li>
|
||||
<li><a href="#"><img src="img/icon/search.png" alt=""></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="product__item__text">
|
||||
<h6>Diagonal Textured Cap</h6>
|
||||
<a href="#" class="add-cart">+ Add To Cart</a>
|
||||
<div class="rating">
|
||||
<i class="fa fa-star-o"></i>
|
||||
<i class="fa fa-star-o"></i>
|
||||
<i class="fa fa-star-o"></i>
|
||||
<i class="fa fa-star-o"></i>
|
||||
<i class="fa fa-star-o"></i>
|
||||
</div>
|
||||
<h5>$60.9</h5>
|
||||
<div class="product__color__select">
|
||||
<label for="pc-10">
|
||||
<input type="radio" id="pc-10">
|
||||
</label>
|
||||
<label class="active black" for="pc-11">
|
||||
<input type="radio" id="pc-11">
|
||||
</label>
|
||||
<label class="grey" for="pc-12">
|
||||
<input type="radio" id="pc-12">
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Related Section End -->
|
||||
|
||||
<!-- Footer Section Begin -->
|
||||
<x-footer />
|
||||
<!-- Footer Section End -->
|
||||
|
||||
<!-- Search Begin -->
|
||||
<div class="search-model">
|
||||
<div class="h-100 d-flex align-items-center justify-content-center">
|
||||
<div class="search-close-switch">+</div>
|
||||
<form class="search-model-form">
|
||||
<input type="text" id="search-input" placeholder="Search here.....">
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Search End -->
|
||||
|
||||
<!-- Js Plugins -->
|
||||
<script src="js/jquery-3.3.1.min.js"></script>
|
||||
<script src="js/bootstrap.min.js"></script>
|
||||
<script src="js/jquery.nice-select.min.js"></script>
|
||||
<script src="js/jquery.nicescroll.min.js"></script>
|
||||
<script src="js/jquery.magnific-popup.min.js"></script>
|
||||
<script src="js/jquery.countdown.min.js"></script>
|
||||
<script src="js/jquery.slicknav.js"></script>
|
||||
<script src="js/mixitup.min.js"></script>
|
||||
<script src="js/owl.carousel.min.js"></script>
|
||||
<script src="js/main.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user