124 lines
6.2 KiB
PHP
124 lines
6.2 KiB
PHP
@extends('master')
|
|
@section('main_content')
|
|
{{-- <div class="row"> --}}
|
|
{{-- <div class="col-md-12"> --}}
|
|
{{-- <style media="screen">
|
|
img{
|
|
width: 100%;
|
|
}
|
|
</style>
|
|
<section class="hero hero-home no-padding">
|
|
<!-- Hero Slider-->
|
|
|
|
<div id="myCarousel" class="carousel slide" data-ride="carousel">
|
|
<ol class="carousel-indicators">
|
|
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
|
|
<li data-target="#myCarousel" data-slide-to="1"></li>
|
|
<li data-target="#myCarousel" data-slide-to="2"></li>
|
|
</ol>
|
|
<div class="carousel-inner">
|
|
<div class="carousel-item active">
|
|
<img class="first-slide" src="{{ asset('images/FirstPic.png') }}" alt="First slide">
|
|
<div class="container">
|
|
<div class="carousel-caption text-left">
|
|
<h1>Example headline.</h1>
|
|
<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
|
|
<p><a class="btn btn-lg btn-primary" href="#" role="button">Sign up today</a></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="carousel-item">
|
|
<img class="second-slide" src="{{ asset('images/secondPic.png') }}" alt="Second slide">
|
|
<div class="container">
|
|
<div class="carousel-caption">
|
|
<h1>Another example headline.</h1>
|
|
<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
|
|
<p><a class="btn btn-lg btn-primary" href="#" role="button">Learn more</a></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="carousel-item">
|
|
<img class="third-slide" src="{{ asset('images/therdPic.png') }}" alt="Third slide">
|
|
<div class="container">
|
|
<div class="carousel-caption text-right">
|
|
<h1>One more for good measure.</h1>
|
|
<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
|
|
<p><a class="btn btn-lg btn-primary" href="#" role="button">Browse gallery</a></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<a class="carousel-control-prev" href="#myCarousel" role="button" data-slide="prev">
|
|
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
|
|
<span class="sr-only">Previous</span>
|
|
</a>
|
|
<a class="carousel-control-next" href="#myCarousel" role="button" data-slide="next">
|
|
<span class="carousel-control-next-icon" aria-hidden="true"></span>
|
|
<span class="sr-only">Next</span>
|
|
</a>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
</div> --}}
|
|
|
|
<!-- Hero Section-->
|
|
<section class="hero hero-home no-padding">
|
|
<!-- Hero Slider-->
|
|
<div class="owl-carousel owl-theme hero-slider">
|
|
<div style="background: url({{ asset('lib/hub/img') .'/'.'hero-bg-2.jpg' }});" class="item d-flex align-items-center has-pattern">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-6">
|
|
<h1>Hub</h1>
|
|
<ul class="lead">
|
|
<li><strong>Bootstrap 4 E-commerce</strong> template</li>
|
|
<li><strong>24</strong> pages, <strong>6</strong> colour variants</li>
|
|
<li><strong>SCSS</strong> sources </li>
|
|
<li>frequent & <strong>free updates</strong></li>
|
|
</ul><a href="#" class="btn btn-template wide shop-now">Shop Now<i class="icon-bag"> </i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div style="background: url({{ asset('lib/hub/img') .'/' .'hero-bg.jpg' }});" class="item d-flex align-items-center">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-6 text-white">
|
|
<h1>Labore et dolore magna aliqua</h1>
|
|
<p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p><a href="#" class="btn btn-template wide shop-now">Shop Now<i class="icon-bag"> </i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div style="background: url({{ asset('lib/hub/img') .'/' .'hero-bg-3.jpg' }});" class="item d-flex align-items-center">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-6 text-white">
|
|
<h1>Sed do eiusmod tempor</h1>
|
|
<p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p><a href="#" class="btn btn-template wide shop-now">Shop Now<i class="icon-bag"> </i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="categories">
|
|
<div class="container">
|
|
<header class="text-center">
|
|
<h2 class="text-uppercase"><small>Top for this month</small>Our Featured Picks</h2>
|
|
</header>
|
|
<div class="row text-left">
|
|
@foreach ($categories as $value)
|
|
<div class="col-lg-3"><a href="{{ url('shop') .'/'.$value['url'] }}">
|
|
<div style="background-image: url({{ asset('images').'/'.$value['image'] }});" class="item d-flex align-items-end">
|
|
<div class="content">
|
|
<h3 class="h5">{{ $value['title'] }}</h3><span>New Collection</span>
|
|
</div>
|
|
</div></a></div>
|
|
@endforeach
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
@endsection
|