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

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

@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>Find Your <span>Matct</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="smart-match">
          <div class="container">
               <div class="row">
                    <div class="col-lg-12">
                         <div class="more-dating">
                              <h2><span>Match Your Lifestyle</span> Smart Match Feed</h2>
                              <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt magna aliqua.</p>
                         </div>
                         <div class="twins-img">
                              <div class="heart-img">
                                   <img src="{{ asset('user-assets/social/assets') }}/images/7.png" class="img-fluid" alt="">
                                   <img src="{{ asset('user-assets/social/assets') }}/images/5.png" class="img-fluid h-one" alt="">
                              </div>
                              <div class="heart-img rotate-img">
                                   <img src="{{ asset('user-assets/social/assets') }}/images/6.png" class="img-fluid h-two" alt="">
                                   <img src="{{ asset('user-assets/social/assets') }}/images/8.png" class="img-fluid" alt="">
                              </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>

     <section class="insta">
          <div class="container">
               <div class="row">
                    <div class="col-lg-12">
                         <div class="more-dating">
                              <h2>Instagram</h2>
                              <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt magna aliqua.</p>
                         </div>
                    </div>
                    <div class="col p-1">
                         <div class="insta-main">
                              <div class="insta-img">
                                   <figure>
                                        <img src="{{ asset('user-assets/social/assets') }}/images/12.png" class="img-fluid" alt="">
                                   </figure>
                              </div>
                              <div class="insta-comment">
                                   <h4>Sarah Weber</h4>
                                   <a href="#">@sarah.instagram</a>
                              </div>
                         </div>
                    </div>
                    <div class="col p-1">
                         <div class="insta-main">
                              <div class="insta-img">
                                   <figure>
                                        <img src="{{ asset('user-assets/social/assets') }}/images/13.png" class="img-fluid" alt="">
                                   </figure>
                              </div>
                              <div class="insta-comment">
                                   <h4>Tory Sasha</h4>
                                   <a href="#">@tory sasha117</a>
                              </div>
                         </div>
                    </div>
                    <div class="col p-1">
                         <div class="insta-main">
                              <div class="insta-img">
                                   <figure>
                                        <img src="{{ asset('user-assets/social/assets') }}/images/14.png" class="img-fluid" alt="">
                                   </figure>
                              </div>
                              <div class="insta-comment">
                                   <h4>Milena Martin</h4>
                                   <a href="#">@martina24</a>
                              </div>
                         </div>
                    </div>
                    <div class="col p-1">
                         <div class="insta-main">
                              <div class="insta-img">
                                   <figure>
                                        <img src="{{ asset('user-assets/social/assets') }}/images/15.png" class="img-fluid" alt="">
                                   </figure>
                              </div>
                              <div class="insta-comment">
                                   <h4>Andrew Jason</h4>
                                   <a href="#">@andrewj</a>
                              </div>
                         </div>
                    </div>
                    <div class="col p-1">
                         <div class="insta-main">
                              <div class="insta-img">
                                   <figure>
                                        <img src="{{ asset('user-assets/social/assets') }}/images/16.png" class="img-fluid" alt="">
                                   </figure>
                              </div>
                              <div class="insta-comment">
                                   <h4>Peter Willson</h4>
                                   <a href="#">@peter</a>
                              </div>
                         </div>
                    </div>
               </div>
          </div>
     </section>

@endsection