@extends('layouts.front')  
      
@section('content')
<div class="section py-5">
<div class="container">
      
    </div>
</div>
<div class="section products pt-3 pb-5">
    <div class="container">
        <div class="row">
            <div class="col-md-6 pe-md-4 mb-5">
                <div class="item">
                    <img src="{{ URL::to('/front/images/prices.png') }}" alt="Prices">
                    <div class="hover d-flex">
                        <h3 class="align-self-center">Consultez les prix</h3>
                    </div>
                    <a class="prices linkHover" href="{{ route('front.categories') }}"></a>
                </div>
            </div>
            <div class="col-md-6 ps-md-4 mb-5 text-end">
                <div class="item">
                    <img src="{{ URL::to('/front/images/budjet.png') }}" alt="Prices">
                    <div class="hover d-flex">
                        <h3 class="align-self-center">Calculez vos budgets</h3>
                    </div>
                    <a href="#" class="linkHover"></a>
                </div>
            </div>
            <div class="col-md-6 pe-md-4 mb-5">
                <div class="item">
                    <img src="{{ URL::to('/front/images/courses.png') }}" alt="Prices">
                    <div class="hover d-flex">
                        <h3 class="align-self-center">Simulez vos courses</h3>
                    </div>
                    <a href="#" class="linkHover"></a>
                </div>
            </div>
            <div class="col-md-6 ps-md-4 mb-5 text-end">
                <div class="item">
                    <img src="{{ URL::to('/front/images/statistiques.png') }}" alt="Prices">
                    <div class="hover d-flex">
                        <h3 class="align-self-center">Statistiques</h3>
                    </div>
                    <a href="#" class="linkHover"></a>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection