@extends('users.social.layout.layout')

@section('title', 'Social | Contact')

@section('social-main-content')

     <section class="life-style inner">
          <div class="container">
               <div class="row">
                    <div class="col-lg-12">
                         <div class="dance-two">
                              <h1>Contact <span>Us</span></h1>
                              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore magna aliqua.</p>
                              <div class="btn-div">
                                   <a class="btn red-btn" hash="#">Get Started</a>
                              </div>
                         </div>
                    </div>
               </div>
          </div>
     </section>



   <section class="section-one">
    <div class="container-fluid">
        <div class="row justify-content-center">
            <div class="col-lg-4 col-md-4 col-12">
                <div class="main-div" data-aos="flip-left" data-aos-easing="ease-out-cubic" data-aos-duration="2000">
                    <div class="font-awesome">
                        <figure>
                            <img src="{{ asset('user-assets/social/assets') }}/images/Ellipse-1.png" class="img-fluid animate__animated animate__flash animate__repeat-3 animate__slower" alt="">
                        </figure>
                    </div>
                    <div class="ancher-div">
                        <h5>Phone</h5>
                        <span>Phone01: <a href="tel:+(+000) 00000 0000">(+00) 00000 0000</a></span>
                        <span>Phone02: <a href="tel:+(+000) 00000 0000"> (+000) 00000 0000</a></span>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-4 col-12">
                <div class="main-div">
                    <div class="font-awesome">
                        <figure>
                            <img src="{{ asset('user-assets/social/assets') }}/images/Ellipse-2.png" class="img-fluid animate__animated animate__flash animate__repeat-3 animate__slower" alt="">
                        </figure>
                    </div>
                    <div class="ancher-div">
                        <h5>Address</h5>
                        <p>variations of passages of lorem ipsum
                           variations of passages of lorem ipsum lorem ipsum</p>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-4 col-12">
                <div class="main-div">
                    <div class="font-awesome">
                        <figure>
                            <img src="{{ asset('user-assets/social/assets') }}/images/Ellipse-3.png" class="img-fluid animate__animated animate__flash animate__repeat-3 animate__slower" alt="">
                        </figure>
                    </div>
                    <div class="ancher-div">
                        <h5>Email</h5>
                        <span><a href="mailto:info@domain.com">info@domain.com</a></span>
                        <!--<span><a href="Info@domain.net">Info@domain.net</a></span>-->
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-4 col-md-4 col-12 p-0">
                <div class="heretohelp">
                    <h1>We're Here <span class="d-block"> To Help You</span></h1>
                    <p>There are many variations of passages of lorem ipsum available, but the majority have
                        suffered alteration in some form injected humour, or simply free textinh randomised words
                        which don't look even slightly believable.</p>
                </div>
                <div class="beforediv">
                    <i class="fa-brands fa-twitter"></i>
                    <i class="fa-brands fa-square-facebook"></i>
                    <i class="fa-brands fa-pinterest-p"></i>
                    <i class="fa-brands fa-instagram"></i>
                </div>
            </div>
            <div class="col-lg-8 col-md-8 col-12">
                <form>
                    <div class="form-row row">
                        <div class="form-group col-md-6 col-12">
                            <input type="text" class="form-control" id="inputEmail4" placeholder="Full Name">
                        </div>
                        <div class="form-group col-md-6 col-12">
                            <input type="emial" class="form-control" id="inputPassword4" placeholder="Email Address">
                        </div>
                        <div class="col-12 form-group-message">
                            <input type="text" class="form-control" id="inputAddress" placeholder="Write a message">
                        </div>
                    </div>
                    <button type="submit" class="btn red-btn">SEND MESSAGES</button>
                </form>
            </div>
        </div>
    </div>

</section>


@endsection