@extends('layouts.front.main')
@section('page_title','Product')

@section('breadcrumb_title')
  <li class="breadcrumb-item active" aria-current="page"><a href="{{ url('/product') }}">PRODUCT</a></li>
@stop

@section('page_style')
@stop

@section('content')

<div class="container" data-aos="fade-right">
  <div class="row pt-lg-5">
    <div class="col-12 col-lg-8 order-lg-12"> <img src="{{ url('dist/img/product-04.jpg') }}" class="img-fluid" alt=""/> </div>
    <div class="col-12 col-lg-4 order-lg-1 pt-5">
      <p><img src="{{ url('dist/img/logo-naturezz.png') }}" class="img-fluid" alt=""/></p>
      <p>ligula eleifend faucibus.</p>
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin in lorem quis dui consequat interdum vel non justo. Phasellus suscipit mollis euismod. Mauris pulvinar tortor non</p>      
    </div>
  </div>
    <div class="row mt-lg-5 pt-lg-5">
        <div class="col-12 col-sm-6 col-lg-4 text-center my-3"><img src="{{ url('dist/img/n1.jpg') }}" class="img-fluid" alt=""/><p>Mix Durian pillow</p></div>
        <div class="col-12 col-sm-6 col-lg-4 text-center my-3"><img src="{{ url('dist/img/n2.jpg') }}" class="img-fluid" alt=""/><p>Massage pillow</p></div>
        <div class="col-12 col-sm-6 col-lg-4 text-center my-3"><img src="{{ url('dist/img/n3.jpg') }}" class="img-fluid" alt=""/><p>Kid pillows</p></div>        
        <div class="col-12 col-sm-6 col-lg-4 text-center my-3"><img src="{{ url('dist/img/n5.jpg') }}" class="img-fluid" alt=""/><p>Durian pillow</p></div>
        <div class="col-12 col-sm-6 col-lg-4 text-center my-3"><img src="{{ url('dist/img/n6.jpg') }}" class="img-fluid" alt=""/><p>Heart pillow</p></div>
        <div class="col-12 col-sm-6 col-lg-4 text-center my-3"><img src="{{ url('dist/img/n7.jpg') }}" class="img-fluid" alt=""/><p>Baby Set A</p></div>
        <div class="col-12 col-sm-6 col-lg-4 text-center my-3"><img src="{{ url('dist/img/n4.jpg') }}" class="img-fluid" alt=""/><p>Baby Set B</p></div>
        <div class="col-12 col-sm-6 col-lg-4 text-center my-3"><img src="{{ url('dist/img/n8.jpg') }}" class="img-fluid" alt=""/><p>Scarf Pillows</p></div>
        <div class="col-12 col-sm-6 col-lg-4 text-center my-3"><img src="{{ url('dist/img/n9.jpg') }}" class="img-fluid" alt=""/><p>Topper</p></div>
    </div>
</div>

@stop

@section('page_script')
@stop