@extends('front-layout.default')
@section('content')
    <div class="container-content">
        <div class="col-lg-12">
            <h3 class="main-heading"><i class="fa fa-map-marker" aria-hidden="true"></i> Contact Us</h3>
            <div class="row text-center">
                <div class="col-sm-3 col-xs-6 contact-section first-box animated fadeInLeft">
                    <h1><i class="fa fa-phone" aria-hidden="true"></i></h1>
                    <h3>Phone</h3>
                    <p>+92-300-590-379-0</p>
                    <br>
                    <p>+92-321-902-354-5</p>
                </div>
                <div class="col-sm-3 col-xs-6 contact-section second-box animated fadeInDown">
                    <h1><i class="fa fa-location-arrow" aria-hidden="true"></i></h1>
                    <h3>Location</h3>
                    <p>House # 550, Street # 53, G-9/1, Islamabad Pakistan</p>
                </div>
                <div class="col-sm-3 col-xs-6 contact-section third-box animated fadeInRight">
                    <h1><i class="fa fa-envelope" aria-hidden="true"></i></h1>
                    <h3>E-mail</h3>
                    <div style="text-align:left;padding:5px;">
                        <p><strong>Contact: </strong> info@aardee-c.com</p>
                        <p><strong>IBS: </strong>razadurrani@aardee-c.com</p>
                        <p><strong>Power: </strong>ziadurrani@aardee-c.com</p>
                        <p><strong>Architecture: </strong>beeline@aardee-c.com</p>
                    </div>
                    <br>
                </div>
                <div class="col-sm-3 col-xs-6 contact-section fourth-box animated fadeInUp">
                    <h1><i class="fa fa-globe" aria-hidden="true"></i></h1>
                    <h3>Head Office</h3>
                    <p>In Progress</p>
                    <br>
                </div>
            </div>
        </div>
    </div>
    </div>
@stop