{% include 'header.twig' %}


  
 <section id="top-sec">
  <div class="container">
    <div class="row text-center">
      <div class="col-sm-12">
           <h1>We’re Making Brands Online</h1>
        <p>We are Connecting you with the Digital life.</p>
      </div>
    </div>
    <div class="row frm-row">
      <div class="col-sm-12">
      	<form  method="post" action="/">
          <div class="row error-row">
            <div class="col-sm-12">
            	
                      </div>
          </div>
          
          <div class="row frm-inpt">
            <div class="col-sm-5">
            {% if errorText %}
        <div class="alert alert-dismissible alert-danger">
          <button type="button" class="close" data-dismiss="alert">&times;</button>
          {{ errorText }}
        </div>
      {% endif %}
      {% if successText %}
        <div class="alert alert-dismissible alert-success">
          <button type="button" class="close" data-dismiss="alert">&times;</button>
          {{ successText }}
        </div>
      {% endif %}
            	<div class="form-group">
                  <span class="inpt-icon"><i class="fas fa-user-edit"></i></span>
            <input type="text" class="form-control" id="username" name="username" placeholder="Username">
          </div>
            </div>
            <div class="col-sm-5">
            	<div class="form-group form-group__password">
                  <span class="inpt-icon"><i class="fas fa-lock"></i></span>
            <input type="password" class="form-control" id="password" name="password" placeholder="Password">
              
              
          </div>
            </div>
            <div class="col-sm-2">
            	<input type="hidden" name="_csrf" value="o-KnFa9sYYizIeCYmg7PAZFtxxpACOp6F_XkDPOc92OOmsJ72wIK__VXuuDXQ6ZjpTXydyI_nTlGuYZcoeqdCQ==">
          <button type="submit" class="btn btn-primary"><i class="far fa-arrow-alt-circle-right"></i></button>
            </div>
          </div>
          
          <div class="row catcha-row">
            <div class="col-sm-12">
            	             </div>
          </div>
          
          <div class="row check-row">
            <div class="col-sm-4">
            	<div class="checkbox">
            <label>
              <input type="checkbox"  name="LoginForm[remember]" value="1" id="remember">Remember me
            </label>
          </div>
            </div>
            <div class="col-sm-4">
            	             <!-- <span class="sign-txt">Do not have an account? <a href="/signup">Sign up</a></span> -->
                      </div>
            <div class="col-sm-4">
            	                <a href="/resetpassword" class="forgot-password">Forgot password?</a>
                          </div>
          </div>
          
          <div class="row mt-15">
            <div class="col-sm-12">
            	<a class="sign-txt" href="/signup">Create An Account</a>
                      </div>
          </div>
          
          
         

          

         
        </form>
      </div>
    </div>
    <div class="row">
      <div class="col-sm-12">
        <div class="top-img">
        	<img class="img-responsive" src="https://res.cloudinary.com/dntxtfcmk/image/upload/v1593584763/socialmatrix/top-img_zmjes3.png" alt="top-img">
        </div>
      </div>
    </div>
  </div>
</section>
<section id="amazing">
  <div class="container">
    <div class="row">
      <div class="col-sm-6">
        <div class="card-wrap">
          <div class="row">
            <div class="col-sm-4">
              <div class="single-card soundcloud wow bounceInUp">
                <div class="card-icon">
                  <span></span>
                </div>
                <div class="card-txt">
                  <p>Soundcloud <br>1b peoples </p>
                </div>
              </div>
            </div>
            <div class="col-sm-4">
              <div class="single-card spotify">
                <div class="card-icon">
                  <span></span>
                </div>
                <div class="card-txt">
                  <p>Spotify <br>1b peoples </p>
                </div>
              </div>
            </div>
            <div class="col-sm-4">
              <div class="single-card ytube">
                <div class="card-icon">
                  <span></span>
                </div>
                <div class="card-txt">
                  <p>Youtube <br>1b peoples </p>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="card-wrap mt-15">
          <div class="row">
            <div class="col-sm-4">
              <div class="single-card fb">
                <div class="card-icon">
                  <span></span>
                </div>
                <div class="card-txt">
                  <p>Facebook <br>1b peoples </p>
                </div>
              </div>
            </div>
            <div class="col-sm-4">
              <div class="single-card insta">
                <div class="card-icon">
                  <span></span>
                </div>
                <div class="card-txt">
                  <p>Instagram <br>1b peoples </p>
                </div>
              </div>
            </div>
            <div class="col-sm-4">
              <div class="single-card twiter">
                <div class="card-icon">
                  <span></span>
                </div>
                <div class="card-txt">
                  <p>twitter <br>1b peoples </p>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="card-wrap mt-15">
          <div class="row">
            <div class="col-sm-4">
              <div class="single-card linkedin">
                <div class="card-icon">
                  <span></span>
                </div>
                <div class="card-txt">
                  <p>Linkedin <br>1b peoples </p>
                </div>
              </div>
            </div>
            <div class="col-sm-4">
              <div class="single-card pinterest">
                <div class="card-icon">
                  <span></span>
                </div>
                <div class="card-txt">
                  <p>Pinterest <br>1b peoples </p>
                </div>
              </div>
            </div>
            <div class="col-sm-4">
              <div class="single-card tiktok">
                <div class="card-icon">
                  <span></span>
                </div>
                <div class="card-txt">
                  <p>Tiktok <br>1b peoples </p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-sm-6">
        <div class="amazing-girl">
          <img class="img-responsive" src="https://res.cloudinary.com/dntxtfcmk/image/upload/v1593579817/socialmatrix/amazing-girl_x6aihr.png" alt="amazing-girl">
        </div>
        <div class="amazing-content">
          <h2 class="title">Amazing <span>Services</span></h2>
          <p>Here at Socialmatrix.in, Our first priority is customer satisfaction and Quality performance. The only Fastest and secure seo and smo tool. 

All Service Guranteed to be deliveed Fully on time. If any Problem Persist, we Are 24*7 Available on Chat and Ticket Support. With over 250,000 clients, we are the Cheapest Smm solution..</p>
          <a href="/signup" class="btn btn-primary">SIGN UP</a>
        </div>
      </div>
    </div>
    <div class="row tick-row">
      <div class="col-sm-2">
        <div class="tick">
          <span></span>
        </div>
        <div class="tick-content">
          <p>Mass Order</p>
        </div>
      </div>
      <div class="col-sm-2">
        <div class="tick">
          <span></span>
        </div>
        <div class="tick-content">
          <p>Subscriptions Service</p>
        </div>
      </div>
      <div class="col-sm-2">
        <div class="tick">
          <span></span>
        </div>
        <div class="tick-content">
          <p>Child Panels</p>
        </div>
      </div>
      <div class="col-sm-2">
        <div class="tick">
          <span></span>
        </div>
        <div class="tick-content">
          <p>Monitor Server</p>
        </div>
      </div>
      <div class="col-sm-2">
        <div class="tick">
          <span></span>
        </div>
        <div class="tick-content">
          <p>Vouchers Gift Card</p>
        </div>
      </div>
      <div class="col-sm-2">
        <div class="tick">
          <span></span>
        </div>
        <div class="tick-content">
          <p>Support 24/7</p>
        </div>
      </div>
      
    </div>
  </div>
</section>
<section id="engaging">
  <div class="container">
    <div class="row">
    <div class="col-sm-6">
      <h2 class="title">Engaging more, <br>Refreshing result</h2>
      <p>it is clear that socialmedia has changed the way of people live their life, the way almost all brands are engaging with thier clients with these major social media players. while building followers and social mdia presence which takes time, there are some techniques and strategies that works in quick manner which turns into lead to more clicks and increased brand awareness.</p>
      <div class="engaging-imgs">
      	<img class="engaging-img shocking-boy" src="https://res.cloudinary.com/dntxtfcmk/image/upload/v1593586140/socialmatrix/Vector-Smart-Object1_lvoahj.png">
        <img class="engaging-img girlonknee" src="https://res.cloudinary.com/dntxtfcmk/image/upload/v1593586138/socialmatrix/Vector-Smart-Object-copy-7_gowfnr.png">
      </div>
    </div>
    <div class="col-sm-6">
      <div class="engaging-imgs">
    	<img class="engaging-img engaging-mob" src="https://res.cloudinary.com/dntxtfcmk/image/upload/v1589872819/socialmatrix/engaging-mob.png">
      </div>
    </div>
    </div>
  </div>
</section>
<section id="love">
  <div class="container">
    <div class="row">
      <div class="col-sm-12 text-center">
        <h2 class="title"><span>Because</span>, We Love Social Media</h2>
          <p>A few reasons you need to know why growing more connection with social media platforms for marketing.<br>
every single graphics. </p>
      </div>
    </div>
    <div class="row tab-row">
      <div class="col-sm-12">
         <ul class="nav nav-tabs" id="myTab" role="tablist">
            <li class="nav-item active" role="presentation">
              <a class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home" aria-selected="true">
              	<div class="single-card fb">
                <div class="card-icon">
                  <span></span>
                </div>
                <div class="card-txt">
                  <p>Facebook<br>Read more </p>
                  <span class="tab-icon"><i aria-hidden="true" class="far fa-arrow-alt-circle-up"></i></span>
                </div>
              </div>
              </a>
            </li>
            <li class="nav-item" role="presentation">
              <a class="nav-link" id="profile-tab" data-toggle="tab" href="#profile" role="tab" aria-controls="profile" aria-selected="false">
              	<div class="single-card insta">
                <div class="card-icon">
                  <span></span>
                </div>
                <div class="card-txt">
                  <p>Instagram <br>Read more </p>
                  <span class="tab-icon"><i aria-hidden="true" class="far fa-arrow-alt-circle-up"></i></span>
                </div>
              </div>
              </a>
            </li>
            <li class="nav-item" role="presentation">
              <a class="nav-link" id="contact-tab" data-toggle="tab" href="#contact" role="tab" aria-controls="contact" aria-selected="false">
              	<div class="single-card twiter">
                <div class="card-icon">
                  <span></span>
                </div>
                <div class="card-txt">
                  <p>Twitter <br>Read more </p>
                  <span class="tab-icon"><i aria-hidden="true" class="far fa-arrow-alt-circle-up"></i></span>
                </div>
              </div>
              </a>
            </li>
           <li class="nav-item" role="presentation">
              <a class="nav-link" id="youtube" data-toggle="tab" href="#youtube" role="tab" aria-controls="youtube" aria-selected="false">
              	<div class="single-card ytube">
                <div class="card-icon">
                  <span></span>
                </div>
                <div class="card-txt">
                  <p>Youtube <br>Read more </p>
                  <span class="tab-icon"><i aria-hidden="true" class="far fa-arrow-alt-circle-up"></i></span>
                </div>
              </div>
              </a>
            </li>
           <li class="nav-item" role="presentation">
              <a class="nav-link" id="tiktok" data-toggle="tab" href="#tiktok" role="tab" aria-controls="tiktok" aria-selected="false">
              	<div class="single-card tiktok">
                <div class="card-icon">
                  <span></span>
                </div>
                <div class="card-txt">
                  <p>Tiktok <br>Read more </p>
                  <span class="tab-icon"><i aria-hidden="true" class="far fa-arrow-alt-circle-up"></i></span>
                </div>
              </div>
              </a>
            </li>
           <li class="nav-item" role="presentation">
              <a class="nav-link" id="sound" data-toggle="tab" href="#sound" role="tab" aria-controls="sound" aria-selected="false">
              	<div class="single-card soundcloud">
                <div class="card-icon">
                  <span></span>
                </div>
                <div class="card-txt">
                  <p>Soundcloud <br>Read more </p>
                  <span class="tab-icon"><i aria-hidden="true" class="far fa-arrow-alt-circle-up"></i></span>
                </div>
              </div>
              </a>
            </li>
          </ul>
         <div class="tab-content" id="myTabContent">
            <div class="tab-pane fade active in" id="home" role="tabpanel" aria-labelledby="home-tab">
              <div class="row">
                <div class="col-sm-6">
                  <div class="tab-img-wrap">
                    <span class="tab-img-icon"><i class="fa fa-facebook-f"></i></span>
                    <img class="img-responsive" src="https://res.cloudinary.com/dntxtfcmk/image/upload/v1593586138/socialmatrix/Vector-Smart-Object3_kogvhg.png" alt="tab-img">
                  </div>
                </div>
                <div class="col-sm-6">
                  <div class="tab-content-txt">
  <img class="img-responsive" src="https://res.cloudinary.com/dntxtfcmk/image/upload/v1593586138/socialmatrix/Vector-Smart-Object4_yrcobo.png">
                    <div class="tab-content-slider">
                      <div>
                        <h2 class="title">Facebook <span>Services</span></h2>
                        <p>Celebrate the color in 6 inch Quad HD screen of TSK Elite with 
                          amazing Super AMOLED display technology that brings life of 
                          every single graphics.</p>
                        <a href="/signup" class="btn btn-primary">SIGN UP</a>
                      </div>
                      <div>
                        <h2 class="title">Facebook <span>Services</span></h2>
                        <p>Celebrate the color in 6 inch Quad HD screen of TSK Elite with 
                          amazing Super AMOLED display technology that brings life of 
                          every single graphics.</p>
                        <a href="/signup" class="btn btn-primary">SIGN UP</a>
                      </div>
                      <div>
                        <h2 class="title">Facebook <span>Services</span></h2>
                        <p>Facebook is undoubtedly the most popular social media platform available with many advantages associated with it. It is primarily a social networking site, however it can be used as a handy tool for promoting and advertising a business. We can use Facebook to promote a brand, market a company, or create awareness about a service or a product. ..
                        
                        
                        
                        Here at socialmatrix we dont only provide you a big follower count,With this we provide a social image,professional account and good social engagement when Brands check your profile. Get A boost with socialmatrix.</p>
                        <a href="/signup" class="btn btn-primary">SIGN UP</a>
                      </div>
                    </div>
        </div>
                </div>
              </div>
            </div>
            <div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">
           <div class="row">
                <div class="col-sm-6">
                  <div class="tab-img-wrap">
                    <span class="tab-img-icon"><i class="fa fa-facebook-f"></i></span>
                    <img class="img-responsive" src="https://res.cloudinary.com/dntxtfcmk/image/upload/v1589881299/socialmatrix/Vector-Smart-Object3.png" alt="tab-img">
                  </div>
                </div>
                <div class="col-sm-6">
                  <div class="tab-content-txt">
  <img class="img-responsive" src="https://res.cloudinary.com/dntxtfcmk/image/upload/v1589882245/socialmatrix/Vector-Smart-Object4.png">
                    <div class="tab-content-slider">
                      <div>
                        <h2 class="title">Instagram <span>Services</span></h2>
                        <p>Celebrate the color in 6 inch Quad HD screen of TSK Elite with 
                          amazing Super AMOLED display technology that brings life of 
                          every single graphics.</p>
                        <a href="/signup" class="btn btn-primary">SIGN UP</a>
                      </div>
                      <div>
                        <h2 class="title">Instagram <span>Services</span></h2>
                        <p>Celebrate the color in 6 inch Quad HD screen of TSK Elite with 
                          amazing Super AMOLED display technology that brings life of 
                          every single graphics.</p>
                        <a href="/signup" class="btn btn-primary">SIGN UP</a>
                      </div>
                      <div>
                        <h2 class="title">Instagram <span>Services</span></h2>
                        <p>Celebrate the color in 6 inch Quad HD screen of TSK Elite with 
                          amazing Super AMOLED display technology that brings life of 
                          every single graphics.</p>
                        <a href="/signup" class="btn btn-primary">SIGN UP</a>
                      </div>
                    </div>
        </div>
                </div>
              </div>
           </div>
            <div class="tab-pane fade" id="contact" role="tabpanel" aria-labelledby="youtube">
            	<div class="row">
                <div class="col-sm-6">
                  <div class="tab-img-wrap">
                    <span class="tab-img-icon"><i class="fa fa-facebook-f"></i></span>
                    <img class="img-responsive" src="https://res.cloudinary.com/dntxtfcmk/image/upload/v1589881299/socialmatrix/Vector-Smart-Object3.png" alt="tab-img">
                  </div>
                </div>
                <div class="col-sm-6">
                  <div class="tab-content-txt">
  <img class="img-responsive" src="https://res.cloudinary.com/dntxtfcmk/image/upload/v1589882245/socialmatrix/Vector-Smart-Object4.png">
                    <div class="tab-content-slider">
                      <div>
                        <h2 class="title">Twitter <span>Services</span></h2>
                        <p>Celebrate the color in 6 inch Quad HD screen of TSK Elite with 
                          amazing Super AMOLED display technology that brings life of 
                          every single graphics.</p>
                        <a href="/signup" class="btn btn-primary">SIGN UP</a>
                      </div>
                      <div>
                        <h2 class="title">Twitter <span>Services</span></h2>
                        <p>Celebrate the color in 6 inch Quad HD screen of TSK Elite with 
                          amazing Super AMOLED display technology that brings life of 
                          every single graphics.</p>
                        <a href="/signup" class="btn btn-primary">SIGN UP</a>
                      </div>
                      <div>
                        <h2 class="title">Twitter <span>Services</span></h2>
                        <p>Celebrate the color in 6 inch Quad HD screen of TSK Elite with 
                          amazing Super AMOLED display technology that brings life of 
                          every single graphics.</p>
                        <a href="/signup" class="btn btn-primary">SIGN UP</a>
                      </div>
                    </div>
        </div>
                </div>
              </div>
            </div>
           <div class="tab-pane fade" id="youtube" role="tabpanel" aria-labelledby="tiktok">
            	<div class="row">
                <div class="col-sm-6">
                  <div class="tab-img-wrap">
                    <span class="tab-img-icon"><i class="fa fa-facebook-f"></i></span>
                    <img class="img-responsive" src="https://res.cloudinary.com/dntxtfcmk/image/upload/v1589881299/socialmatrix/Vector-Smart-Object3.png" alt="tab-img">
                  </div>
                </div>
                <div class="col-sm-6">
                  <div class="tab-content-txt">
  <img class="img-responsive" src="https://res.cloudinary.com/dntxtfcmk/image/upload/v1589882245/socialmatrix/Vector-Smart-Object4.png">
                    <div class="tab-content-slider">
                      <div>
                        <h2 class="title">Youtube <span>Services</span></h2>
                        <p>Celebrate the color in 6 inch Quad HD screen of TSK Elite with 
                          amazing Super AMOLED display technology that brings life of 
                          every single graphics.</p>
                        <a href="/signup" class="btn btn-primary">SIGN UP</a>
                      </div>
                      <div>
                        <h2 class="title">Youtube <span>Services</span></h2>
                        <p>Celebrate the color in 6 inch Quad HD screen of TSK Elite with 
                          amazing Super AMOLED display technology that brings life of 
                          every single graphics.</p>
                        <a href="/signup" class="btn btn-primary">SIGN UP</a>
                      </div>
                      <div>
                        <h2 class="title">Youtube <span>Services</span></h2>
                        <p>Celebrate the color in 6 inch Quad HD screen of TSK Elite with 
                          amazing Super AMOLED display technology that brings life of 
                          every single graphics.</p>
                        <a href="/signup" class="btn btn-primary">SIGN UP</a>
                      </div>
                    </div>
        </div>
                </div>
              </div>
            </div>
           <div class="tab-pane fade" id="tiktok" role="tabpanel" aria-labelledby="sound">
            	<div class="row">
                <div class="col-sm-6">
                  <div class="tab-img-wrap">
                    <span class="tab-img-icon"><i class="fa fa-facebook-f"></i></span>
                    <img class="img-responsive" src="https://res.cloudinary.com/dntxtfcmk/image/upload/v1589881299/socialmatrix/Vector-Smart-Object3.png" alt="tab-img">
                  </div>
                </div>
                <div class="col-sm-6">
                  <div class="tab-content-txt">
  <img class="img-responsive" src="https://res.cloudinary.com/dntxtfcmk/image/upload/v1589882245/socialmatrix/Vector-Smart-Object4.png">
                    <div class="tab-content-slider">
                      <div>
                        <h2 class="title">Tiktok <span>Services</span></h2>
                        <p>Celebrate the color in 6 inch Quad HD screen of TSK Elite with 
                          amazing Super AMOLED display technology that brings life of 
                          every single graphics.</p>
                        <a href="/signup" class="btn btn-primary">SIGN UP</a>
                      </div>
                      <div>
                        <h2 class="title">Tiktok <span>Services</span></h2>
                        <p>Celebrate the color in 6 inch Quad HD screen of TSK Elite with 
                          amazing Super AMOLED display technology that brings life of 
                          every single graphics.</p>
                        <a href="/signup" class="btn btn-primary">SIGN UP</a>
                      </div>
                      <div>
                        <h2 class="title">Tiktok <span>Services</span></h2>
                        <p>Celebrate the color in 6 inch Quad HD screen of TSK Elite with 
                          amazing Super AMOLED display technology that brings life of 
                          every single graphics.</p>
                        <a href="/signup" class="btn btn-primary">SIGN UP</a>
                      </div>
                    </div>
        </div>
                </div>
              </div>
            </div>
           <div class="tab-pane fade" id="sound" role="tabpanel" aria-labelledby="contact-tab">
            	<div class="row">
                <div class="col-sm-6">
                  <div class="tab-img-wrap">
                    <span class="tab-img-icon"><i class="fa fa-facebook-f"></i></span>
                    <img class="img-responsive" src="https://res.cloudinary.com/dntxtfcmk/image/upload/v1589881299/socialmatrix/Vector-Smart-Object3.png" alt="tab-img">
                  </div>
                </div>
                <div class="col-sm-6">
                  <div class="tab-content-txt">
  <img class="img-responsive" src="https://res.cloudinary.com/dntxtfcmk/image/upload/v1589882245/socialmatrix/Vector-Smart-Object4.png">
                    <div class="tab-content-slider">
                      <div>
                        <h2 class="title">SoundCloud <span>Services</span></h2>
                        <p>Celebrate the color in 6 inch Quad HD screen of TSK Elite with 
                          amazing Super AMOLED display technology that brings life of 
                          every single graphics.</p>
                        <a href="/signup" class="btn btn-primary">SIGN UP</a>
                      </div>
                      <div>
                        <h2 class="title">SoundCloud <span>Services</span></h2>
                        <p>Celebrate the color in 6 inch Quad HD screen of TSK Elite with 
                          amazing Super AMOLED display technology that brings life of 
                          every single graphics.</p>
                        <a href="/signup" class="btn btn-primary">SIGN UP</a>
                      </div>
                      <div>
                        <h2 class="title">SoundCloud <span>Services</span></h2>
                        <p>Celebrate the color in 6 inch Quad HD screen of TSK Elite with 
                          amazing Super AMOLED display technology that brings life of 
                          every single graphics.</p>
                        <a href="/signup" class="btn btn-primary">SIGN UP</a>
                      </div>
                    </div>
        </div>
                </div>
              </div>
            </div>
          </div>
      </div>
    </div>
  </div>
</section>
<!-- <section id="feel">
  <div class="container">
    <div class="row">
      <div class="col-sm-6">
      	<h2 class="title">Feel the Social <br>Experience</h2>
        <p>Social media has changed the way of of life we are living to the way we get news and interact with our loved ones, here are some statistics of active users in popular platforms you need to know.</p>
        <div class="progress-bar-wrap">
          <div class="single-bar">
            <div class="row">
              <div class="col-sm-6">
                <p>Facebook Active Users</p>
              </div>
              <div class="col-sm-6 text-right">
                <p>80%</p></div>
            </div>
            <div class="progress">
              <div class="progress-bar facebook" role="progressbar" style="width: 80%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
            </div>
          </div>
          <div class="single-bar">
            <div class="row">
              <div class="col-sm-6">
                <p>Twitter Active Users</p>
              </div>
              <div class="col-sm-6 text-right">
                <p>69%</p></div>
            </div>
            <div class="progress">
              <div class="progress-bar twitter" role="progressbar" style="width: 69%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
            </div>
          </div>
          <div class="single-bar">
            <div class="row">
              <div class="col-sm-6">
                <p>Instagram Active Users</p>
              </div>
              <div class="col-sm-6 text-right">
                <p>78%</p></div>
            </div>
            <div class="progress">
              <div class="progress-bar instagram" role="progressbar" style="width: 78%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
            </div>
          </div>
          <div class="single-bar">
            <div class="row">
              <div class="col-sm-6">
                <p>Youtube Active Users</p>
              </div>
              <div class="col-sm-6 text-right">
                <p>50%</p></div>
            </div>
            <div class="progress">
              <div class="progress-bar youtube" role="progressbar" style="width: 50%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-sm-6">
      	<img class="feel-animate-img img-responsive" src="https://res.cloudinary.com/dntxtfcmk/image/upload/v1593586138/socialmatrix/feel-img_kholvz.png">
      </div>
    </div>
    <div class="row feel-btn-row text-center">
      <div class="col-sm-12">
      	<a href="/signup" class="btn btn-primary">SIGN UP</a>
      </div>
    </div>
  </div>
</section> -->
<section id="feel">
  <div class="container">
    <div class="row">
      <div class="col-sm-6">
      	<h2 class="title">Why Choose Us</h2>
        <br>
        <p style="color: #fff;"></p>
        <p style="color: #fff;"></p>
        <p style="color: #fff;"</p>
      </div>
      <div class="col-sm-6">
      	<img class="feel-animate-img img-responsive" src="https://res.cloudinary.com/dntxtfcmk/image/upload/v1593586138/socialmatrix/feel-img_kholvz.png">
      </div>
    </div>
    <div class="row feel-btn-row text-center">
      <div class="col-sm-12">
      	<a href="/signup" class="btn btn-primary">SIGN UP</a>
      </div>
    </div>
  </div>
</section>
<section id="provide">
  <div class="container">
    <div class="row">
      <div class="col-sm-12 text-center">
        <h2 class="title"><span>What</span>, We Provide</h2>
        <p>Socialmatrix provides Almost all the cheapest and Fastest SMM services in world with all supoorted payment modes.  </p>
      </div>
    </div>
    <div class="row provide-row">
      <div class="col-sm-6">
        <div class="provide-wrap provide-left text-right">
          <div class="single-provider">
            <h2>Facebook</h2>
            <p>Facebook Page Likes Real<br>Facebook Post Like<br>Facebook Follower Targetd<br>Facebook Auto Likes</p>
            <div class="provider-img">
              <span class="provider-icon fb">
                <i class="fa fa-facebook-f" aria-hidden="true"></i>
              </span>
              <img class="img-responsive" src="https://res.cloudinary.com/dntxtfcmk/image/upload/v1589891771/socialmatrix/provider-img.png">
            </div>
          </div>
          <div class="single-provider">
            <h2>Instagram</h2>
            <p>Instagram Page Likes Real<br>Instagram Post Like<br>Instagram Follower Targetd<br>Instagram Auto Likes</p>
            <div class="provider-img">
              <span class="provider-icon insta">
                <i class="fa fa-instagram"></i>
              </span>
              <img class="img-responsive" src="https://res.cloudinary.com/dntxtfcmk/image/upload/v1589891771/socialmatrix/provider-img.png">
            </div>
          </div>
        </div>
      </div>
      <div class="col-sm-6">
      	<div class="provide-wrap provide-right text-left">
          <div class="single-provider">
            <div class="provider-img">
              <span class="provider-icon twit">
                <i class="fa fa-twitter"></i>
              </span>
              <img class="img-responsive" src="https://res.cloudinary.com/dntxtfcmk/image/upload/v1589891771/socialmatrix/provider-img.png">
            </div>
            <h2>Twitter</h2>
            <p>Twitter Page Likes Real<br>Twitter Post Like<br>Twitter Follower Targetd<br>Twitter Auto Likes</p>
            
          </div>
          <div class="single-provider">
            <div class="provider-img">
              <span class="provider-icon yt">
                <i class="fa fa-youtube"></i>
              </span>
              <img class="img-responsive" src="https://res.cloudinary.com/dntxtfcmk/image/upload/v1589891771/socialmatrix/provider-img.png">
            </div>
            <h2>Youtube</h2>
            <p>Youtube Page Likes Real<br>Youtube Post Like<br>Youtube Follower Targetd<br>Youtube Auto Likes</p>
            
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<section id="says">
  <div class="container-fluid">
    <div class="row">
      <div class="col-sm-12 text-center">
        <h2 class="title"><span>What, </span>People Says</h2>
        
      </div>
    </div>
    <div class="row testi-row">
      <div class="col-sm-2">
        <div class="test-wrap">
        	<img class="img-responsive testi-img" src="https://res.cloudinary.com/dntxtfcmk/image/upload/v1591853256/socialmatrix/testi-1.png">
          <div class="test-desc text-center">
            <h3 class="testi-name">Adam Smith</h3>
            <span class="test-stars"></span>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent mollis dui odio,</p>
          </div>
        </div>
        <div class="test-wrap">
        	<img class="img-responsive testi-img" src="https://res.cloudinary.com/dntxtfcmk/image/upload/v1591856442/socialmatrix/testi-2.png">
          <div class="test-desc text-center">
            <h3 class="testi-name">Adam Smith</h3>
            <span class="test-stars"></span>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent mollis dui odio,</p>
          </div>
        </div>
      </div>
      <div class="col-sm-2">
        <div class="test-wrap">
        	<img class="img-responsive testi-img" src="https://res.cloudinary.com/dntxtfcmk/image/upload/v1591856442/socialmatrix/testi-3.png">
          <div class="test-desc text-center">
            <h3 class="testi-name">Adam Smith</h3>
            <span class="test-stars"></span>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent mollis dui odio,</p>
          </div>
        </div>
        <div class="test-wrap">
        	<img class="img-responsive testi-img" src="https://res.cloudinary.com/dntxtfcmk/image/upload/v1591856442/socialmatrix/testi-4.png">
          <div class="test-desc text-center">
            <h3 class="testi-name">Adam Smith</h3>
            <span class="test-stars"></span>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent mollis dui odio,</p>
          </div>
        </div>
      </div>
      <div class="col-sm-2">
        <div class="test-wrap">
        	<img class="img-responsive testi-img" src="https://res.cloudinary.com/dntxtfcmk/image/upload/v1591856442/socialmatrix/testi-5.png">
          <div class="test-desc text-center">
            <h3 class="testi-name">Adam Smith</h3>
            <span class="test-stars"></span>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent mollis dui odio,</p>
          </div>
        </div>
        <div class="test-wrap">
        	<img class="img-responsive testi-img" src="https://res.cloudinary.com/dntxtfcmk/image/upload/v1591856442/socialmatrix/testi-6.png">
          <div class="test-desc text-center">
            <h3 class="testi-name">Adam Smith</h3>
            <span class="test-stars"></span>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent mollis dui odio,</p>
          </div>
        </div>
      </div>
      <div class="col-sm-2">
        <div class="test-wrap">
        	<img class="img-responsive testi-img" src="https://res.cloudinary.com/dntxtfcmk/image/upload/v1591856441/socialmatrix/testi-7.png">
          <div class="test-desc text-center">
            <h3 class="testi-name">Adam Smith</h3>
            <span class="test-stars"></span>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent mollis dui odio,</p>
          </div>
        </div>
        <div class="test-wrap">
        	<img class="img-responsive testi-img" src="https://res.cloudinary.com/dntxtfcmk/image/upload/v1591856442/socialmatrix/testi-8.png">
          <div class="test-desc text-center">
            <h3 class="testi-name">Adam Smith</h3>
            <span class="test-stars"></span>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent mollis dui odio,</p>
          </div>
        </div>
      </div>
      <div class="col-sm-2">
        <div class="test-wrap">
        	<img class="img-responsive testi-img" src="https://res.cloudinary.com/dntxtfcmk/image/upload/v1591856442/socialmatrix/testi-9.png">
          <div class="test-desc text-center">
            <h3 class="testi-name">Adam Smith</h3>
            <span class="test-stars"></span>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent mollis dui odio,</p>
          </div>
        </div>
        <div class="test-wrap">
        	<img class="img-responsive testi-img" src="https://res.cloudinary.com/dntxtfcmk/image/upload/v1591856442/socialmatrix/testi-10.png">
          <div class="test-desc text-center">
            <h3 class="testi-name">Adam Smith</h3>
            <span class="test-stars"></span>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent mollis dui odio,</p>
          </div>
        </div>
      </div>
      <div class="col-sm-2">
        <div class="test-wrap">
        	<img class="img-responsive testi-img" src="https://res.cloudinary.com/dntxtfcmk/image/upload/v1591857371/socialmatrix/testi-11.png">
          <div class="test-desc text-center">
            <h3 class="testi-name">Adam Smith</h3>
            <span class="test-stars"></span>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent mollis dui odio,</p>
          </div>
        </div>
        <div class="test-wrap">
        	<img class="img-responsive testi-img" src="https://res.cloudinary.com/dntxtfcmk/image/upload/v1591857371/socialmatrix/testi-12.png">
          <div class="test-desc text-center">
            <h3 class="testi-name">Adam Smith</h3>
            <span class="test-stars"></span>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent mollis dui odio,</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<section id="organic">
  <div class="container">
    <div class="row">
      <div class="col-sm-12 text-center">
        <h2 class="title">Increase Organic Traffic &<br> Enhance Your Business Web Presence</h2>
      </div>
    </div>
    <div class="real-row">
      <div class="col-sm-4">
        <div class="real-wrap">
          <div class="real-icon">
            <span><i class="far fa-thumbs-up"></i></span>
          </div>
          <div class="real-card">
            <h3 class="real-title">Real Likes</h3>
            <p class="real-desc">
             Buy real likes from real peoples and grow your reach organically with us..
            </p>
          </div>
        </div>
      </div>
      <div class="col-sm-4">
        <div class="real-wrap">
          <div class="real-icon">
            <span><i class="fas fa-user-plus"></i></span>
          </div>
          <div class="real-card">
            <h3 class="real-title">Real Followers</h3>
            <p class="real-desc">
             Buy real followers from real peoples and get an organic reach and professional profile with us.
            </p>
          </div>
        </div>
      </div>
      <div class="col-sm-4">
        <div class="real-wrap">
          <div class="real-icon">
            <span><i class="far fa-eye"></i></span>
          </div>
          <div class="real-card">
            <h3 class="real-title">Real Views</h3>
            <p class="real-desc">
             buy real views instantly for all social media platforms. 
            </p>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<section id="faq">
  <div class="container">
  	<div class="row">
      <div class="col-sm-12 text-center">
        <h2 class="title"><span>Frequently </span>Asked Questions</h2>
      
      </div>
    </div>
    <div class="row faq-row">
      <div class="col-sm-6">
        <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
    <div class="panel panel-default">
      <div class="panel-heading" role="tab" id="headingOne">
        <h4 class="panel-title">
        <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
         <img class="img-responsive" src="https://res.cloudinary.com/dntxtfcmk/image/upload/v1591861226/socialmatrix/faq.png"> What is Social Media Marketing?
        </a>
      </h4>
      </div>
      <div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
        <div class="panel-body">
         Social media marketing (Smm) is the use of social media platforms and websites to promote a product or service. Although the terms e-marketing and digital marketing are still dominant in academia, social media marketing is becoming more popular for both researchers and practitioners.
        </div>
      </div>
    </div>
    <div class="panel panel-default">
      <div class="panel-heading" role="tab" id="headingTwo">
        <h4 class="panel-title">
        <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
          <img class="img-responsive" src="https://res.cloudinary.com/dntxtfcmk/image/upload/v1591861226/socialmatrix/faq.png"> Why choose Social Matrix?
        </a>
      </h4>
      </div>
      <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
        <div class="panel-body">
         we provide the cheapest & best Smm Services among our competetiors, with 24*7/support, New Servers upto Time and many more features like affilate,user level and reseller site which makes Socialmatrix a best solution for SMM Services.
        </div>
      </div>
    </div>
    <div class="panel panel-default">
      <div class="panel-heading" role="tab" id="headingThree">
        <h4 class="panel-title">
        <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
          <img class="img-responsive" src="https://res.cloudinary.com/dntxtfcmk/image/upload/v1591861226/socialmatrix/faq.png"> is it safe to use socialmatrix? will my followers drop?
        </a>
      </h4>
      </div>
      <div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
        <div class="panel-body">
          Yes its Safe to use social matrix because all your information collected in site is encrypted in secure servers and we only demands the information that is basic need to fulfill your orders. Drop in service deends on the quality of server as we are selling almost all high quality services they will drop but not fully a part of your order can be vanished but that is exception case.
        </div>
      </div>
    </div>
    <div class="panel panel-default">
      <div class="panel-heading" role="tab" id="headingfour">
        <h4 class="panel-title">
        <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapsefour" aria-expanded="false" aria-controls="collapseThree">
          <img class="img-responsive" src="https://res.cloudinary.com/dntxtfcmk/image/upload/v1591861226/socialmatrix/faq.png"> What is Social Media Marketing?
        </a>
      </h4>
      </div>
      <div id="collapsefour" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
        <div class="panel-body">
         We Dont Offer discounts the price you see are the price you get.
        </div>
      </div>
    </div>
  </div>
      <!--   <div class="faq-wrap">
          <div class="media">
            <div class="media-left">
              <a href="#">
                <img class="media-object" src="https://res.cloudinary.com/dntxtfcmk/image/upload/v1591861226/socialmatrix/faq.png">
              </a>
            </div>
            <div class="media-body">
              <h4 class="media-heading">What is Social Media Marketing?</h4>
              <p>Social media marketing (Smm) is the use of social media platforms and websites to promote a product or service. Although the terms e-marketing and digital marketing are still dominant in academia, social media marketing is becoming more popular for both researchers and practitioners.</p> 
            </div>
          </div>
        </div>
        <div class="faq-wrap">
          <div class="media">
            <div class="media-left">
              <a href="#">
                <img class="media-object" src="https://res.cloudinary.com/dntxtfcmk/image/upload/v1591861226/socialmatrix/faq.png">
              </a>
            </div>
            <div class="media-body">
              <h4 class="media-heading">Why choose Social Matrix?</h4>
              <p>we provide the cheapest & best Smm Services among our competetiors, with 24*7/support, New Servers upto Time and many more features like affilate,user level and reseller site which makes Socialmatrix a best solution for SMM Services.</p> 
            </div>
          </div>
        </div>
        <div class="faq-wrap">
          <div class="media">
            <div class="media-left">
              <a href="#">
                <img class="media-object" src="https://res.cloudinary.com/dntxtfcmk/image/upload/v1591861226/socialmatrix/faq.png">
              </a>
            </div>
            <div class="media-body">
              <h4 class="media-heading">is it safe to use socialmatrix? will my followers drop?</h4>
              <p>Yes its Safe to use social matrix because all your information collected in site is encrypted in secure servers and we only demands the information that is basic need to fulfill your orders. Drop in service deends on the quality of server as we are selling almost all high quality services they will drop but not fully a part of your order can be vanished but that is exception case.</p> 
            </div>
          </div>
        </div>
        <div class="faq-wrap">
          <div class="media">
            <div class="media-left">
              <a href="#">
                <img class="media-object" src="https://res.cloudinary.com/dntxtfcmk/image/upload/v1591861226/socialmatrix/faq.png">
              </a>
            </div>
            <div class="media-body">
              <h4 class="media-heading">What is Social Media Marketing?</h4>
              <p>Celebrate the color in 6 inch Quad HD screen of TSK Elite with 
        amazing Super AMOLED display technology that brings life of every single graphics.</p> 
            </div>
          </div>
        </div> -->
      </div>
      <div class="col-sm-6">
        <div class="panel-group" id="accordion1" role="tablist" aria-multiselectable="true">
    <div class="panel panel-default">
      <div class="panel-heading" role="tab" id="headingOne">
        <h4 class="panel-title">
        <a role="button" data-toggle="collapse" data-parent="#accordion1" href="#collapseOne1" aria-expanded="true" aria-controls="collapseOne">
        <img class="img-responsive" src="https://res.cloudinary.com/dntxtfcmk/image/upload/v1591861226/socialmatrix/faq.png"> What is SMM Panel??
        </a>
      </h4>
      </div>
      <div id="collapseOne1" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
        <div class="panel-body">
         SMM Panel is a Social Media Marketing Website that deals in SMO (Social Media Optimization) & Seo. provides you an interface where you can buy or resell Social media services (which includes followers,likes,comments,subscribers and views) for all social media platforms at pocket friendly prices.
        </div>
      </div>
    </div>
    <div class="panel panel-default">
      <div class="panel-heading" role="tab" id="headingTwo">
        <h4 class="panel-title">
        <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion1" href="#collapseTwo2" aria-expanded="false" aria-controls="collapseTwo">
         <img class="img-responsive" src="https://res.cloudinary.com/dntxtfcmk/image/upload/v1591861226/socialmatrix/faq.png"> How Can i get a panel like yours and start reselling?
        </a>
      </h4>
      </div>
      <div id="collapseTwo2" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
        <div class="panel-body">
         To Get a Smm Panel like us please Check https://bit.ly/3gjKslN to buy a SMM Panel on rent. and then you can resell us by connecting your SMM Site by us Via API.
        </div>
      </div>
    </div>
    <div class="panel panel-default">
      <div class="panel-heading" role="tab" id="headingThree3">
        <h4 class="panel-title">
        <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion1" href="#collapseThree3" aria-expanded="false" aria-controls="collapseThree">
         <img class="img-responsive" src="https://res.cloudinary.com/dntxtfcmk/image/upload/v1591861226/socialmatrix/faq.png"> What Payment Modes do we accept?
        </a>
      </h4>
      </div>
      <div id="collapseThree3" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
        <div class="panel-body">
          We accept payments through almost all payment modes (like paytm,paypal,instamojo,razorpay,webmoney,perfect money,payoneer,skrill,credit,debit etc.) which makes social matrix an easy Smm solution for you. If you want to deposit via other payment platforms you can contact us via mail or tickets.
        </div>
      </div>
    </div>
    <div class="panel panel-default">
      <div class="panel-heading" role="tab" id="headingfour">
        <h4 class="panel-title">
        <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion1" href="#collapsefour4" aria-expanded="false" aria-controls="collapseThree">
          <img class="img-responsive" src="https://res.cloudinary.com/dntxtfcmk/image/upload/v1591861226/socialmatrix/faq.png"> Can i get discount?
        </a>
      </h4>
      </div>
      <div id="collapsefour4" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
        <div class="panel-body">
         As prices are Cheapest & pocket friendly we do not offers discounts, the prices you see are the prices you get.
        </div>
      </div>
    </div>
  </div>
        <!-- <div class="faq-wrap">
          <div class="media">
            <div class="media-left">
              <a href="#">
                <img class="media-object" src="https://res.cloudinary.com/dntxtfcmk/image/upload/v1591861226/socialmatrix/faq.png">
              </a>
            </div>
            <div class="media-body">
              <h4 class="media-heading">What is SMM Panel??</h4>
              <p>SMM Panel is a Social Media Marketing Website that deals in SMO (Social Media Optimization) & Seo. provides you an interface where you can buy or resell Social media services (which includes followers,likes,comments,subscribers and views) for all social media platforms at pocket friendly prices.</p> 
            </div>
          </div>
        </div>
        <div class="faq-wrap">
          <div class="media">
            <div class="media-left">
              <a href="#">
                <img class="media-object" src="https://res.cloudinary.com/dntxtfcmk/image/upload/v1591861226/socialmatrix/faq.png">
              </a>
            </div>
            <div class="media-body">
              <h4 class="media-heading">How Can i get a panel like yours and start reselling?</h4>
              <p>To Get a Smm Panel like us please <a href="https://bit.ly/3gjKslN">Check</a> https://bit.ly/3gjKslN to buy a SMM Panel on rent. and then you can resell us by connecting your SMM Site by us Via API.</p> 
            </div>
          </div>
        </div>
        <div class="faq-wrap">
          <div class="media">
            <div class="media-left">
              <a href="#">
                <img class="media-object" src="https://res.cloudinary.com/dntxtfcmk/image/upload/v1591861226/socialmatrix/faq.png">
              </a>
            </div>
            <div class="media-body">
              <h4 class="media-heading">What Payment Modes do we accept?</h4>
              <p>We accept payments through almost all payment modes (like paytm,paypal,instamojo,razorpay,webmoney,perfect money,payoneer,skrill,credit,debit etc.) which makes social matrix an easy Smm solution for you. If you want to deposit via other payment platforms you can contact us via mail or tickets.</p> 
            </div>
          </div>
        </div>
        <div class="faq-wrap">
          <div class="media">
            <div class="media-left">
              <a href="#">
                <img class="media-object" src="https://res.cloudinary.com/dntxtfcmk/image/upload/v1591861226/socialmatrix/faq.png">
              </a>
            </div>
            <div class="media-body">
              <h4 class="media-heading">Can i get discount?</h4>
              <p>As prices are Cheapest & pocket friendly we do not offers discounts, the prices you see are the prices you get.</p> 
            </div>
          </div>
        </div> -->
      </div>
    </div>
  </div>

<footer>
      <div class="container">
        <div class="ftr-top">
          <div class="row">
            <div class="col-sm-3">
              <div class="ftr-logo">
                                socialmatrix
                              </div>
              <div class="ftr-txt">
                <p>If any query or just wanna say hello feel free to contact us!<br>
                  <br>
                  E: support@{{ site["site_name"] }} </p>
              </div>
            </div>
            <div class="col-sm-3">
              <h2 class="ftr-title">Quick Links</h2>
              <ul class="ftr-nav">
                                <li class="active" ><a href="/" >Sign in</a></li>
                                <li><a href="/terms" >Terms</a></li>
                                <li><a href="/api" >API</a></li>
                                <li><a href="/signup" >Sign up</a></li>
                                <li><a href="/services" >Services</a></li>
                              </ul>
            </div>
            <div class="col-sm-3">
            	<h2 class="ftr-title">Quick Links</h2>
              <ul class="ftr-nav">
                <li><a href="#">Facebook</a></li>
                <li><a href="#">Twitter</a></li>
                <li><a href="https://instagram.com/socialmatrixofficial">Instagram</a></li>
                <li><a href="#">Youtube</a></li>
                <li><a href="#">Vimeo</a></li>
                <li><a href="#">Linkedin</a></li>
              </ul>
            </div>
            <div class="col-sm-3">
            	<h2 class="ftr-title">Subscribe </h2>
              <div class="newsletter">
                <div class="input-group">
                  <input type="email" class="form-control" placeholder="Email" aria-describedby="basic-addon2">
                  <span class="input-group-addon" id="basic-addon2"><i class="far fa-arrow-alt-circle-right"></i></span>
                </div>
              </div>
              <div class="follow-us">
              	<h2 class="ftr-title">Follow Us </h2>
                <ul>
                  <li><a href="#"><i class="fa fa-facebook-f"></i></a></li>
                  <li><a href="https://instagram.com/socialmatrixofficial"><i class="fab fa-instagram"></i></a></li>
                  <li><a href="#"><i class="fab fa-twitter"></i></a></li>
                  <li><a href="#"><i class="fab fa-google-plus-g"></i></a></li>
                </ul>
              </div>
            </div>
          </div>
        </div>
        <div class="ftr-btm">
          <p class="text-center">Copyrights {{ site["site_name"] }}  - 2020. All Rights Reserved.</p>
        </div>
      </div>
    </footer>

{% include 'footer.twig' %}
