@extends('layouts.master')

@section('content')
    <main>
        <!-- slider Area Start-->
        <div class="slider-area ">
            <!-- Mobile Menu -->
            <div class="single-slider slider-height2 d-flex align-items-center" data-background="{{ asset('assets/img/hero/fond.jpg') }}">
                <div class="container">
                    <div class="row">
                        <div class="col-xl-12">
                            <div class="hero-cap text-center">
                                <h2>Voyager au Canada</h2>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- slider Area End-->

        <section class="sample-text-area">
            <div class="container box_1170">
                <div class="row">
                    <div class="col-lg-8">
                        <div class="">
							<ul class="unordered-list">
								
							</ul>
						</div>
                        
                        <p class="sample-text">
                            Notre cabinet accompagne également dans leurs démarches d’obtention
                            de visa, les personnes qui souhaitent se rendre au Canada pour une
                            visite temporaire (tourisme, voyage d’affaires, visite à la famille
                            ou à des amis).
                        </p>

                        <div class="row">
                            <div class="col-md-6 col-sm-12 mt-4">
                                <img src="{{ asset('assets/img/voyages/ottawa.jpg') }}" alt="" style="width: 350px; height: 183px;">
                                <h4 class="mt-2 bg-light p-2" style="width: 350px">OTTAWA</h4>
                            </div>
                            <div class="col-md-6 col-sm-12 mt-4">
                                <img src="{{ asset('assets/img/voyages/quebec.jpg') }}" alt="" style="width: 350px; height: 183px;">
                                <h4 class="mt-2 bg-light p-2" style="width: 350px">QUEBEC</h4>
                            </div>
                            <div class="col-md-6 col-sm-12 mt-4">
                                <img src="{{ asset('assets/img/voyages/toronto.jpg') }}" alt="" style="width: 350px; height: 183px;">
                                <h4 class="mt-2 bg-light p-2" style="width: 350px">TORONTO</h4>
                            </div>
                            <div class="col-md-6 col-sm-12 mt-4">
                                <img src="{{ asset('assets/img/voyages/vancouver.jpg') }}" alt="" style="width: 350px; height: 183px;">
                                <h4 class="mt-2 bg-light p-2" style="width: 350px">VANCOUVER</h4>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-4">
                        <div class="blog_right_sidebar">
                            <aside class="single_sidebar_widget post_category_widget">
                                <h4 class="widget_title">Services aux particuliers</h4>
                                <ul class="list cat-list">
                                    <!-- Voyager au Canada -->
                                    <li>
                                        <a href="{{ route('voyager') }}" class="d-flex">
                                            <p>Voyager au Canada</p>
                                        </a>
                                    </li>
                                    <!-- Etudier au Canada -->
                                    <li>
                                        <a href="{{ route('etudier') }}" class="d-flex">
                                            <p>Etudier au Canada</p>
                                        </a>
                                    </li>
                                    <!-- Travailler au Canada -->
                                    <li>
                                        <a href="{{ route('travailler') }}" class="d-flex">
                                            <p>Travailler au Canada</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="{{ route('immigrer') }}" class="d-flex">
                                            <p>Immigrer au Canada</p>
                                        </a>
                                    </li>
                                </ul>
                            </aside>

                            <aside class="single_sidebar_widget post_category_widget">
                                <h4 class="widget_title">Services aux entreprises</h4>
                                <ul class="list cat-list">
                                    <li>
                                        <a href="{{ route('recrutement') }}" class="d-flex">
                                            <p>Recrutement International</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="{{ route('eimt') }}" class="d-flex">
                                            <p>Etude d’Impact sur le Marche du Travail (EIMT)</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="{{ route('permis') }}" class="d-flex">
                                            <p>Permis de Travail</p>
                                        </a>
                                    </li>
                                </ul>
                            </aside>

                            <aside class="single_sidebar_widget newsletter_widget">
                                <button class="button rounded-0 primary-bg text-white w-100 btn_1 boxed-btn" type="submit">
                                    <a href="https://calendly.com/egsimmigrationcanadatest" target="_blank" style="color: #0078ff">Prendre rendez-vous</a>
                                </button>
                            </aside>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </main>
@endsection