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

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

@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>About <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="dating-match">
          <div class="container">
               <div class="row">
                    <div class="col-lg-6">
                         <div class="more-dating">
                              <h2>More than <span class="d-block">just dating matches </span></h2>
                              <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt magna aliqua. </p>
                              <p>
                                   Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. </p>
                              <div class="btn-div">
                                   <a class="btn red-btn" hash="#">Learn More</a>
                              </div>
                         </div>
                    </div>
                    <div class="col-lg-6">
                         <div class="wheel-chair">
                              <figure>
                                   <img src="{{ asset('user-assets/social/assets') }}/images/2.png" class="img-fluid" alt="">
                              </figure>
                         </div>
                    </div>
               </div>
          </div>
     </section>



     <section class="real-verified">
          <div class="container">
               <div class="row">
                    <div class="col-lg-6">
                         <div class="more-dating">
                              <h2>Only real verified <span class="d-block">profiles are allowed </span>to join</h2>
                              <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt magna aliqua. </p>
                              <div class="btn-div">
                                   <a class="btn red-btn" hash="#">Join Now</a>
                              </div>
                         </div>
                    </div>
               </div>
          </div>
     </section>


     <section class="arround-people">
          <div class="container">
               <div class="row">
                    <div class="col-lg-6">
                         <div class="more-dating">
                              <h2>People Arround The <span class="d-block">World </span></h2>
                              <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit do
                                   eiusmod tempor incididunt magna aliqua. </p>
                              <div class="btn-div">
                                   <a class="btn red-btn" hash="#">Find a Match</a>
                              </div>
                         </div>
                    </div>
                    <div class="col-lg-6">
                         <div class="circle-man">
                              <div class="btn-div">
                                   <a class="btn red-btn" hash="#">Find a Match</a>
                              </div>
                         </div>
                    </div>
               </div>
          </div>
     </section>


@endsection