@extends('layout')
@section('title','Contact')
@section('content')
<!-- inner-hero-section start -->
    <div class="inner-hero-section style--six">
      <div class="bg-shape"><img src="{{URL::asset('images/elements/inner-hero-shape-2.png') }}" alt="image"></div>
      <div class="container">
        <div class="row">
          <div class="col-lg-12">
            <ul class="page-list">
              <li><a href="index.html">Home</a></li>
              <li class="active">Contact</li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <!-- inner-hero-section end -->

    <!-- contact section start -->
    <section class="mt-minus-270 pb-120">
      <div class="container">
        <div class="row justify-content-center">
          <div class="col-lg-6">
            <div class="section-header text-center">
              <h2 class="section-title">Contact</h2>
              <p>We’d love to talk about how we can work together.Send us a message
                below and we’ll respond as soon as possible.</p>
            </div>
          </div>
          <div class="col-lg-12">
            <div class="contact-wrapper">
              <div class="row">
                <div class="col-lg-6">
                  <div class="contact-form-wrapper">
                    <h3 class="title">Drop us a message</h3>
                    <form class="contact-form" id="contact_form_submit" method="POST">
                      <div class="form-group">
                        <label>Name <sup>*</sup></label>
                        <input type="text" name="name" id="name" placeholder="Enter Your FullName">
                      </div>
                      <div class="form-group">
                        <label>Email <sup>*</sup></label>
                        <input type="email" name="email" id="email" placeholder="Enter Your Email">
                      </div>
                      <div class="form-group">
                        <label>Subject <sup>*</sup></label>
                        <input type="text" name="subject" id="subject" placeholder="Enter Your Subject">
                      </div>
                      <div class="form-group">
                        <label>Message <sup>*</sup></label>
                        <textarea name="message" id="message" placeholder="Write Your Message"></textarea>
                      </div>
                      <div class="form-group">
                        <button type="submit" class="cmn-btn w-100">send message</button>
                      </div>
                    </form><!-- contact-form e nd -->
                  </div><!-- contact-form-wrapper end -->
                </div>
                <div class="col-lg-6">
                  <div class="contact-info-wrapper">
                    <div class="d-flex flex-wrap justify-content-between w-100">
                      <div class="contact-info">
                        <div class="contact-info__icon"><img src="{{URL::asset('images/icon/contact/1.png') }}" alt="image"></div>
                        <div class="contact-info__content">
                          <p>Phone Number</p>
                          <span>+230 5852 4334</span>
                        </div>
                      </div><!-- contact-info end -->
                      <div class="contact-info">
                        <div class="contact-info__icon"><img src="{{URL::asset('images/icon/contact/2.png') }}" alt="image"></div>
                        <div class="contact-info__content">
                          <p>Email</p>
                          <span>info@ubglottery.com</span>
                        </div>
                      </div><!-- contact-info end -->
                    </div>
                    <div class="contact-thumb"><img src="{{URL::asset('images/elements/contact.png') }}" alt="image"></div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="row pt-120 mb-none-30">
          <div class="col-lg-3 col-sm-6 mb-30">
            <div class="social-card">
              <div class="social-card__icon">
                <i class="fab fa-facebook-f"></i>
              </div>
              <div class="social-card__content">
                <h3>1000+</h3>
                <span>Likes</span>
              </div>
            </div><!-- social-card end -->
          </div>
          <div class="col-lg-3 col-sm-6 mb-30">
            <div class="social-card">
              <div class="social-card__icon">
                <i class="fas fa-users"></i>
              </div>
              <div class="social-card__content">
                <h3>500+</h3>
                <span>Players</span>
              </div>
            </div><!-- social-card end -->
          </div>
          <div class="col-lg-3 col-sm-6 mb-30">
            <div class="social-card">
              <div class="social-card__icon">
                <i class="fab fa-twitter"></i>
              </div>
              <div class="social-card__content">
                <h3>250+</h3>
                <span>Followers</span>
              </div>
            </div><!-- social-card end -->
          </div>
          <div class="col-lg-3 col-sm-6 mb-30">
            <div class="social-card">
              <div class="social-card__icon">
                <i class="fas fa-envelope"></i>
              </div>
              <div class="social-card__content">
                <h3>100+</h3>
                <span>News Letter Subscribers</span>
              </div>
            </div><!-- social-card end -->
          </div>
        </div>
      </div>
    </section>
            
         


@endsection