@extends('public.layouts.default')

@section('title')
    |Contact
@endsection

@section('content')
<div class="hero-section contact-page-hero inner-page-hero">
        <div class="container-md">
            <h1 class="hero-heading">CONTACT US</h1>
            <p><a href="/">Home</a> / Contact us</p>
        </div>
    </div>
    <div class="container-sm">
        <div class="padding-wrap">
        <div class="text-center">
          <h2 class="main-heading ">Contact Us</h2>
        </div>
        <div class="row contact-detail">
        <div class="col-lg-7 contact-form">
        @include('public.pages.includes.contact')
        </div>
        <div class="col-lg-5">
            <div class="contact-info">
                <div class="contact-blocks"> 
                    <i class="fa fa-map-marker"></i>
                    <h3>Address</h3> 
                    <p> 1093 Lorimar Dr, Unit 3, Mississauga, ON L5S 1M5, Canada </p>
                </div>
                <div class="contact-blocks"> 
                    <i class="fa fa-map-marker"></i>
                    <h3>Address</h3>
                    <p> 1 Church Street Unit 1108 Toronto, ON M5E 1Y6 Canada </p>
                </div>
                <div class="contact-blocks"> 
                    <i class="fa fa-envelope"></i>
                    <h3>Email</h3>
                    <p><a href="mailto:info@sapphirelimo.ca"> info@sapphirelimo.ca</a>
                    </p>
                </div>
                <div class="contact-blocks"> 
                    <i class="fa fa-users"></i>
                    <h3>Follows</h3>
                    <ul>
                        <li class="social-links"><a href="https://www.facebook.com/SapphireLimousineOfficial" target="_blank" rel="noopener"><i class="fa fa-facebook"></i></a></li>
                        <li class="social-links"><a href="https://twitter.com/sapphire_limo" target="_blank" rel="noopener"><i class="fa fa-twitter"></i></a></li>
                        <li class="social-links"><a href="https://www.linkedin.com/showcase/sapphirelimousine" target="_blank" rel="noopener"><i class="fa fa-linkedin"></i></a></li>
                        <li class="social-links"><a href="https://www.instagram.com/sapphirelimousine/" target="_blank" rel="noopener"><i class="fa fa-instagram"></i></a></li>
                    </ul>
                </div>
            </div>
        </div>
        </div>
        </div>
    </div>
        <div class="contact-map"><iframe src="https://www.google.com/maps/d/u/0/embed?mid=1TCmXyzNaFwx5f-kCp3d10ER5wZxUjuMZ" width="100%" height="480"></iframe></div>
@endsection