@extends('layouts.front')
@php $isStuck=1; 
@endphp
@section('meta-title', 'Style' )


@section('meta')

<meta property="og:url"           content="{{ request()->url() }}" />
<meta property="og:type"          content="website" />
<meta property="og:title"         content="" />
<meta property="og:description"   content="" />
<meta name="description"      	  content="" />
<meta property="twitter:image"    content="{{asset('bricorama-landing-ressources/img.png')}}">
<meta property="og:image" 		  content="{{asset('bricorama-landing-ressources/img.png')}}">
<meta property="fb:app_id" 		  content="730800570418065">

<meta name="robots" content="noindex">
<meta name="googlebot" content="noindex">

@endsection


@section('style')
<style>
	#content{
		background-color: #f7f8fb;
	}
	h1{
		font-family: Poppins;
		font-weight: 900;
	 	font-size: 60px;
	 	text-align: center;
		width: 100%;
		font-variant: petite-caps;
		text-shadow: 2px 4px 3px black;

	}
</style>
@endsection


@section('body-class','designer_profile')

@section('content')

<div class="loader">
	<div></div>
</div>

<section class="mt-120">
	<div class="container-fluid">
		<div class="row">
			<div class="col-md-offset-2 col-md-8">

				
				<div class="cover bg-flou" style=" position: relative; background-image: url({{ asset('bricorama-landing-ressources/img.png') }})">
					<div style="position: absolute; bottom: 30px; width: 100%;">
						<h1 class=" text-white" style="">Style</h1>
					</div>
				</div>


				<p class="mt-50 mb-50">Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptas ex delectus eligendi sapiente repellat explicabo eum odit iusto. Labore necessitatibus, voluptatibus recusandae possimus quam aliquam beatae sequi tempora distinctio at.</p>


				<div class="panel">
					<h2 class="h5">Titre 1</h2>
					<p>Lorem ipsum dolor, sit amet consectetur, adipisicing elit. Earum reprehenderit, expedita facere amet tenetur deserunt placeat non quidem dicta ullam excepturi atque facilis saepe quam itaque illo aliquam, voluptate perspiciatis?</p>
				</div>

				<div class="panel">
					<h2 class="h5">Titre 2</h2>
					<div class="row">
						<div class="col-md-8">
							<p>Lorem ipsum dolor, sit amet consectetur, adipisicing elit. Earum reprehenderit, expedita facere amet tenetur deserunt placeat non quidem dicta ullam excepturi atque facilis saepe quam itaque illo aliquam, voluptate perspiciatis?</p>
							<p>Lorem ipsum dolor, sit amet consectetur, adipisicing elit. Earum reprehenderit, expedita facere amet tenetur deserunt placeat non quidem dicta ullam excepturi atque facilis saepe quam itaque illo aliquam, voluptate perspiciatis?</p>
							<p>Lorem ipsum dolor, sit amet consectetur, adipisicing elit. Earum reprehenderit, expedita facere amet tenetur deserunt placeat non quidem dicta ullam excepturi atque facilis saepe quam itaque illo aliquam, voluptate perspiciatis?</p>
						</div>
						<div class="col-md-4">
							<img src="https://pipcke.fr/uploads/portfolio/183/cfGEakiqWizgnc6et2XThm33qP7zQDFkNPF0NmNG.png" class="img-responsive mb-3" alt="">
							<img src="https://pipcke.fr/uploads/portfolio/183/cfGEakiqWizgnc6et2XThm33qP7zQDFkNPF0NmNG.png" class="img-responsive" alt="">
						</div>
					</div>
				</div>

				<div class="panel">
					<h2 class="h5">Titre 3</h2>
					<div class="row">
						<div class="col-md-4">
							<img src="https://pipcke.fr/uploads/portfolio/183/cfGEakiqWizgnc6et2XThm33qP7zQDFkNPF0NmNG.png" class="img-responsive mb-3" alt="">
							<img src="https://pipcke.fr/uploads/portfolio/183/cfGEakiqWizgnc6et2XThm33qP7zQDFkNPF0NmNG.png" class="img-responsive" alt="">
						</div>
						<div class="col-md-8">
							<p>Lorem ipsum dolor, sit amet consectetur, adipisicing elit. Earum reprehenderit, expedita facere amet tenetur deserunt placeat non quidem dicta ullam excepturi atque facilis saepe quam itaque illo aliquam, voluptate perspiciatis?</p>
							<p>Lorem ipsum dolor, sit amet consectetur, adipisicing elit. Earum reprehenderit, expedita facere amet tenetur deserunt placeat non quidem dicta ullam excepturi atque facilis saepe quam itaque illo aliquam, voluptate perspiciatis?</p>
							<p>Lorem ipsum dolor, sit amet consectetur, adipisicing elit. Earum reprehenderit, expedita facere amet tenetur deserunt placeat non quidem dicta ullam excepturi atque facilis saepe quam itaque illo aliquam, voluptate perspiciatis?</p>
						</div>
					</div>
				</div>

				<div class="panel">
					<h2 class="h5">Titre 4</h2>
					<p>Lorem ipsum dolor, sit amet consectetur, adipisicing elit. Earum reprehenderit, expedita facere amet tenetur deserunt placeat non quidem dicta ullam excepturi atque facilis saepe quam itaque illo aliquam, voluptate perspiciatis?</p>
				</div>



			</div>
		</div>
	</div>
</section>


<section class="vc_row pt-70 pb-60">
	<div>
		
		
		<div class="lqd-column">
			<div class="ld-carousel-phone ld-carousel-phone-style-2">
				<div class="ld-carousel-phone-inner">
					<div class="mockup-container">
						<div class="mockup-inner">
							<figure class="text-center">
								<img src="{{ asset('img/mockup-1.png') }}" alt="Phone">
							</figure>
						</div>
					</div>
					<div class="mockup-content-container">
						<div class="mockup-content-inner">
							<div class="carousel-container carousel-nav-floated carousel-nav-middle carousel-nav-bordered carousel-nav-circle carousel-nav-sm">
								<div class="carousel-items " data-lqd-flickity='{ "groupCells": false, "wrapAround": true, "cellAlign": "center" }'>
									
									<div class="carousel-item">
										<img src="https://pipcke.fr/uploads/portfolio/183/cfGEakiqWizgnc6et2XThm33qP7zQDFkNPF0NmNG.png" alt="">
									</div>

									<div class="carousel-item">
										<img src="https://pipcke.fr/uploads/portfolio/183/cfGEakiqWizgnc6et2XThm33qP7zQDFkNPF0NmNG.png" alt="">
									</div>

									<div class="carousel-item">
										<img src="https://pipcke.fr/uploads/portfolio/183/cfGEakiqWizgnc6et2XThm33qP7zQDFkNPF0NmNG.png" alt="">
									</div>

									<div class="carousel-item">
										<img src="https://pipcke.fr/uploads/portfolio/183/cfGEakiqWizgnc6et2XThm33qP7zQDFkNPF0NmNG.png" alt="">
									</div>

									<div class="carousel-item">
										<img src="https://pipcke.fr/uploads/portfolio/183/cfGEakiqWizgnc6et2XThm33qP7zQDFkNPF0NmNG.png" alt="">
									</div>
									
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
 	</div>
</section> 
 
 
@endsection