@extends('layouts.glory-theme.guest')

@section('content')
    <div id="contact_banner">
        <h1 class="content-header-text">contact</h1>
    </div>

    <!-- end nav-bar  -->
    <!-- start contact info  -->
    <div class="contact_info">
        <div class="container">

            <div class="row">
                <div class="col-md-12">
                    <p class="pt-4 text-center">Link building is a topic that fascinates us. If you provide us with some information about your project, we'll be happy to provide you with a no-obligation quote. Feel free to email us if you're interested in a more tailored offer about link building and SEO.</p>
                </div>
            </div>

            <div class="row">
                <div class="col-lg-4 col-md-6 mt-4">
                    <div class="address rounded">
                        <div class="blue_circle">
                            <i class="fa fa-location-arrow"></i>
                        </div>
                        <h5 class="h5_all"><strong>Address: </strong></h5>
                        <p>{{ config('settings.address') }}, {{ config('settings.city') }}, {{ config('settings.country') }}</p>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 mt-4">
                    <div class="mail_address rounded">
                        <div class="blue_circle">
                            <i class="fa fa-envelope"></i>
                        </div>
                        <h5 class="h5_all"><strong>Mail Address: </strong></h5>
                        <p>{{ config('settings.email') }}</p>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 mt-4">
                    <div class="phone rounded">
                        <div class="blue_circle">
                            <i class="fa fa-phone"></i>
                        </div>
                        <h5 class="h5_all"><strong>Phone: </strong></h5>
                      <span>{{ config('settings.phone') }}</span>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="mb-5 pb-5"></div>
    <!-- end contact info  -->
    <!-- start form  -->
    {{-- <div class="contact_form mt-5">
      <div class="container">
        <div class="contact_heading text-center">
          <p><strong>Contact</strong></p>
          <h3><strong>Get In Touch</strong></h3>
        </div>
        <div class="row">
          <div class="col-8 offset-2">
            <div class="row">
              <div class="col-md-6 form-group">
                <input type="text" class="form-control bgColor" name="name" placeholder="Your name">
              </div>
              <div class="col-md-6 form-group">
                <input type="text" class="form-control bgColor" name="mail" placeholder="Your Mail">
              </div>
              <div class="col-md-12 form-group">
                <input type="text" class="form-control bgColor" name="phone" placeholder="Your phone no.">
              </div>
              <div class="col-md-12 form-group">
                <textarea name="message" class="form-control bgColor" id="" cols="30" rows="10" placeholder="Message...."></textarea>
              </div>
              <div class="submit_btn mb-4">
                <button type="submit" name="submit" class="submit"><strong>Submit</strong></button>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div> --}}
    <!-- end form  -->
@endsection

@push('head-scripts')
    <style>
        .blue_circle {
            background: #066ae5;
            color: white;
            padding: 7px;
            border-radius: 50px;
            height: 40px;
            width: 40px;
            margin: auto;
        }
    </style>
@endpush