Eshop-Laravel/resources/views/content/home.blade.php

125 lines
6.2 KiB
PHP
Raw Normal View History

2019-10-18 09:25:37 +00:00
@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