<!DOCTYPE html>
  <html>
    <head>
      <!--Import Google Icon Font-->
      <link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"/>
        <title>Socioboard | landing</title>
        <link rel="apple-touch-icon" sizes="57x57" href="../../images/favicon/apple-icon-57x57.png">
        <link rel="apple-touch-icon" sizes="60x60" href="../../images/favicon/apple-icon-60x60.png">
        <link rel="apple-touch-icon" sizes="72x72" href="../../images/favicon/apple-icon-72x72.png">
        <link rel="apple-touch-icon" sizes="76x76" href="../../images/favicon/apple-icon-76x76.png">
        <link rel="apple-touch-icon" sizes="114x114" href="../../images/favicon/apple-icon-114x114.png">
        <link rel="apple-touch-icon" sizes="120x120" href="../../images/favicon/apple-icon-120x120.png">
        <link rel="apple-touch-icon" sizes="144x144" href="../../images/favicon/apple-icon-144x144.png">
        <link rel="apple-touch-icon" sizes="152x152" href="../../images/favicon/apple-icon-152x152.png">
        <link rel="apple-touch-icon" sizes="180x180" href="../../images/favicon/apple-icon-180x180.png">
        <link rel="icon" type="image/png" sizes="192x192"  href="assets/frontend//imgs/favicon/android-icon-192x192.png">
        <link rel="icon" type="image/png" sizes="32x32" href="../../images/favicon/favicon-32x32.png">
        <link rel="icon" type="image/png" sizes="96x96" href="../../images/favicon/favicon-96x96.png">
        <link rel="icon" type="image/png" sizes="16x16" href="../../images/favicon/favicon-16x16.png">
        <link rel="manifest" href="../../images/favicon/manifest.json">
        <meta name="msapplication-TileColor" content="#ffffff">
        <meta name="msapplication-TileImage" content="../../images/favicon/ms-icon-144x144.png">
        <meta name="theme-color" content="#ffffff">
        <meta property="og:site_name" content="socioboard.com">
        <meta property="og:title" content="Socioboard - Open Source Social Technology Enabler | Find More Customers on Social Media">
        <meta property="og:description" content="Be it marketing(finding leads/customers) on Social media, or listening to customer complaints, replying to them, managing multiple social media accounts from one single dashboard, finding influencers in a particular category and reaching out to them and many more things, Socioboard products can do it.">
        <meta property="og:type" content="website">
        <meta property="og:image" content="http://i.imgur.com/1B8wv5m.png">
        <meta property="og:url" content="https://www.facebook.com/SocioBoard">



        
        <!-- CSS  -->
        <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
        <link href="../../global/plugins/materialize/css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection"/>
        <link href="../../global/plugins/font-awesome/css/font-awesome.css" rel="stylesheet" type="text/css">
        <link href="../../css/frontend/style.css" type="text/css" rel="stylesheet" media="screen,projection"/>
        <link href="../../global/plugins/animate.css" type="text/css" rel="stylesheet" media="screen,projection"/>
    </head>

    <body>
      <div class="navbar-fixed">
        <!-- Dropdown Structure -->
          <ul id="Versions" class="dropdown-content">
            <li><a href="http://socioboard.org/">Community</a></li>
            <li><a href="agency.html">Agency</a></li>
            <li><a href="enterprise.html">Enterprise</a></li>
          </ul>
          <ul id="Versions_mob" class="dropdown-content">
            <li><a href="http://socioboard.org/">Community</a></li>
            <li><a href="agency.html">Agency</a></li>
            <li><a href="enterprise.html">Enterprise</a></li>
          </ul>
          <ul id="Insights" class="dropdown-content">
            <li><a href="http://wiki.socioboard.com/index.php/Main_Page">Wiki</a></li>
            <li><a href="http://blog.socioboard.com/category/cases">Cases</a></li>
            <li><a href="http://blog.socioboard.com/">Blogs</a></li>
            <li><a href="git_download.html">Download</a></li>
          </ul>
          <ul id="Insights_mob" class="dropdown-content">
            <li><a href="http://wiki.socioboard.com/index.php/Main_Page">Wiki</a></li>
            <li><a href="http://blog.socioboard.com/category/cases">Cases</a></li>
            <li><a href="http://blog.socioboard.com/">Blogs</a></li>
            <li><a href="git_download.html">Download</a></li>
          </ul>


          <nav class="white" role="navigation">
            <div class="nav-wrapper">
              <a id="logo-container" href="index.html" class="brand-logo"><img src="../../images/Socioboard.png" alt="Socioboard"></a>
              <ul class="right hide-on-med-and-down">
                <li><a href="company.html">Company</a></li>
                <li><a href="products.html">Products</a></li>
                <li><a class="dropdown-button" href="#!" data-activates="Versions">Versions<i class="material-icons right">arrow_drop_down</i></a></li>
                <li><a href="pricing.html">Pricing</a></li>
                <li><a class="dropdown-button" href="#!" data-activates="Insights">Insights<i class="material-icons right">arrow_drop_down</i></a></li>
                <li><a href="sample.html">Careers</a></li>
                <li><a href="training.html">Training</a></li>
                <li><a href="faqs.html">FAQs</a></li>
                <li><a href="#">Signup</a></li>
                <li><a class="waves-effect waves-light btn modal-trigger" href="#SignInModal">SignIn</a></li>
              </ul>

              <ul id="nav-mobile" class="side-nav">
                <li><a href="company.html">Company</a></li>
                <li><a href="products.html">Products</a></li>
                <li><a class="dropdown-button" href="#!" data-activates="Versions_mob">Versions<i class="material-icons right">arrow_drop_down</i></a></li>
                <li><a href="pricing.html">Pricing</a></li>
                <li><a class="dropdown-button" href="#!" data-activates="Insights_mob">Insights<i class="material-icons right">arrow_drop_down</i></a></li>
                <li><a href="sample.html">Careers</a></li>
                <li><a href="training.html">Training</a></li>
                <li><a href="faqs.html">FAQs</a></li>
                <li><a href="#">Signup</a></li>
                <li><a class="waves-effect waves-light btn">SignIn</a></li>
              </ul>
              <a href="#" data-activates="nav-mobile" class="button-collapse"><i class="material-icons">menu</i></a>
            </div>
          </nav>

      </div>

      <div class="hero">
        <div class="container">
          <div class="row center-align">
            <div class="col m12">
              <h1 class="header center" style="text-shadow: 0px 0px 15px #000; color: #fff; font-size: 44px; margin-top: 50px;">
                Social Media Lead Generation Toolkit for Businesses
              </h1>
              <h5 class="header col s12 light">
                Socioboard helps businesses and brands with a 360<sup>o</sup> social media lead generation, marketing, customer support and engagement automation platform.
              </h5>
              <a class="waves-effect waves-light btn-large red modal-trigger" type="button" href="#SignUpModal">Test it Out !  <i class="material-icons right">send</i></a>
            </div>
          </div>
        </div>
        <div class="row screenshot">
          <div class="col offset-m2 m8 s12">
            <a href="#">
              <img src="../../images/sb_mockup.png" alt="Sign Up Now" class="responsive-img">
            </a>
          </div>
        </div>
      </div>




  <div class="container">
    <div class="section">
       <div>
        <h5 class="center-align hr_shadow Righteous_font grey-text text-darken-2">Our Products</h5>
      </div>          

      <!--   Icon Section   -->
      <div class="row">
        <div class="col s12 m3 simple bounceInDown">
          <div class="card z-depth-5">
            <div class="card-image waves-effect waves-block waves-light image-wrapper">
              <span>
                <img class="activator" src="../../images/SocioboardCore_logo.png">
              </span>
            </div>
            <div class="card-content center-align">
              <span class="card-title activator grey-text text-darken-4 ">Socioboard Core</span>
            </div>
            <div class="card-reveal">
              <span class="card-title grey-text text-darken-4">Socioboard Core<i class="material-icons right">close</i></span>
              <img class="activator img_center" src="../../images/SocioboardCore_inner_logo.png">
              <p class="light text_just">World's #1 Open source social media management, analytics &amp; reporting platform. Manage multiple social media accounts, create useful reports &amp; take business decisions based on them. It's fully customizable &amp; extensible in the form of plugins</p>
            </div>
          </div>
        </div>
        <div class="col s12 m3 simple bounceInDown">
          <div class="card z-depth-5">
            <div class="card-image waves-effect waves-block waves-light image-wrapper">
              <span>
                <img class="activator" src="../../images/BoardMe_logo.png">
              </span>
            </div>
            <div class="card-content center-align">
              <span class="card-title activator grey-text text-darken-4">BoardMe</span>
            </div>
            <div class="card-reveal">
              <span class="card-title grey-text text-darken-4">BoardMe<i class="material-icons right">close</i></span>
              <img class="activator img_center" src="../../images/BoardMe_inner_logo.png">
              <p class="light text_just">Self service platform which helps you to create Social Boards &amp; stream them everywhere like web, desktop, mobile or any other screen. Connect Social Feeds or Hastags into 1 place from all your social networks &amp; create social tiles in minutes.</p>
            </div>
          </div>
        </div>
        <div class="col s12 m3 simple bounceInDown">
          <div class="card z-depth-5">
            <div class="card-image waves-effect waves-block waves-light image-wrapper">
              <span>
                <img class="activator" src="../../images/brandbuzz_logo.png">
              </span>
            </div>
            <div class="card-content center-align">
              <span class="card-title activator grey-text text-darken-4">BrandBuzz</span>
            </div>
            <div class="card-reveal">
              <span class="card-title grey-text text-darken-4">BrandBuzz<i class="material-icons right">close</i></span>
              <div><img class="activator img_center" src="../../images/brandbuzz_inner_logo.png"></div>
              <p class="light text_just">Engage with your employees and loyal customers and engage with them in a unique way to make them your social brand ambassadors. Leverage the power of Word of Mouth marketing to recruit employees and customers as your marketing crew.</p>
            </div>
          </div>
        </div>
        <div class="col s12 m3 simple bounceInDown">
          <div class="card z-depth-5">
            <div class="card-image waves-effect waves-block waves-light image-wrapper">
              <span>
                <img class="activator" src="../../images/brandhit_logo.png">
              </span>
            </div>
            <div class="card-content center-align">
              <span class="card-title activator grey-text text-darken-4">BrandHit</span>
            </div>
            <div class="card-reveal">
              <span class="card-title grey-text text-darken-4">BrandHit<i class="material-icons right">close</i></span>
              <img class="activator img_center" src="../../images/brandhit_inner_logo.png">
              <p class="light text_just">Reach influencers in your niche and get them to tweet or share on facebook, instagram or linkedin about your brand or your product. Get personalized recommendation from top influencers in the industry and build up a successful brand.</p>
            </div>
          </div>
        </div>
      </div>
      <div class=" center-align">
        <a class="waves-effect waves-light btn-large red modal-trigger" type="button" href="#SignUpModal">Test it Out !  <i class="material-icons right">send</i></a>
      </div>
    </div>
  </div>

  <div class="container">
    <div class="section">
      <div class="row">
        <div class="col s12 center">
          <h4 class="center-align hr_shadow Righteous_font grey-text text-darken-2">How is SOCIOBOARD useful to you ?</h4>
            <div class="row">
              <div class="col s12 m3">
                <div class="card z-depth-2 card_hight">
                  <div class="card-image">
                    <!-- <i class="large material-icons">insert_chart</i> -->
                    <img src="../../images/extra/open_source_gray.png">
                  </div>
                  <div class="card-content card-content-exp">
                    <p>Highly customizable and scalable open-source tool in different editions</p>
                  </div>
                </div>
              </div>            
              <div class="col s12 m3">
                <div class="card z-depth-2 card_hight">
                  <div class="card-image">
                     <!-- <i class="large material-icons">insert_chart</i> -->
                   <img src="../../images/extra/pub_gray.png">
                  </div>
                  <div class="card-content card-content-exp">
                    <p>Advanced scheduling &amp; publishing tools</p>
                  </div>
                </div>
              </div> 
              <div class="col s12 m3">
                <div class="card z-depth-2 card_hight">
                  <div class="card-image">
                    <!--  <i class="large material-icons">insert_chart</i> -->
                    <img src="../../images/extra/feeds_gray.png">
                  </div>
                  <div class="card-content card-content-exp">
                    <p>Prompt feeds and interactive social discovery tools</p>
                  </div>
                </div>
              </div>            
              <div class="col s12 m3">
                <div class="card z-depth-2 card_hight">
                  <div class="card-image">
                    <!--  <i class="large material-icons">insert_chart</i> -->
                    <img src="../../images/extra/ana_gray.png">
                  </div>
                  <div class="card-content card-content-exp">
                    <p>Sophisticated analytics on various parameters</p>
                  </div>
                </div>
              </div>
              <div class="col s12 m3">
                <div class="card z-depth-2 card_hight">
                  <div class="card-image">
                     <!-- <i class="large material-icons">insert_chart</i> -->
                   <img src="../../images/extra/CRM_gray.png">
                  </div>
                  <div class="card-content card-content-exp">
                    <p>Social CRM tools including shared customer records</p>
                  </div>
                </div>
              </div>            
              <div class="col s12 m3">
                <div class="card z-depth-2 card_hight">
                  <div class="card-image">
                    <!--  <i class="large material-icons">insert_chart</i> -->
                    <img src="../../images/extra/cus_gray.png">
                  </div>
                  <div class="card-content card-content-exp">
                    <p>Customer support features like tasks and Helpdesk integration</p>
                  </div>
                </div>
              </div>
              <div class="col s12 m3">
                <div class="card z-depth-2 card_hight">
                  <div class="card-image">
                    <!-- <i class="large material-icons">insert_chart</i> -->
                    <img src="../../images/extra/tools_gray.png">
                  </div>
                  <div class="card-content card-content-exp">
                    <p>Highly efficient team collaboration tools</p>
                  </div>
                </div>
              </div>            
              <div class="col s12 m3">
                <div class="card z-depth-2 card_hight">
                  <div class="card-image">
                    <img src="../../images/extra/phn_gray.png">
                     <!-- <i class="large material-icons">insert_chart</i> -->
                  </div>
                  <div class="card-content card-content-exp">
                    <p>24/7 Technical Support</p>
                  </div>
                </div>
              </div>
            </div>
        </div>
      </div>

       <div class=" center-align">
        <a class="waves-effect waves-light btn-large red modal-trigger" type="button" href="#SignUpModal">Test it Out !  <i class="material-icons right">send</i></a>
        <a class="waves-effect waves-light btn-large cyan" type="button" href="#RequestForDemo">Request For Demo</a>
      </div>
    </div>
  </div>


    <div class="parallax-container valign-wrapper">
    <div class="section no-pad-bot">
      <div class="container">
        <div class="row center">
          <h5 class="center-align hr_shadow Righteous_font grey-text text-darken-2">Agencies that use our Product</h5> 
            <div class="carousel" style="height: 200px;">
              <a class="carousel-item" href="#socialpour"><img src="../../images/logos/socialpour_logo.jpg"></a>
              <a class="carousel-item" href="#socialscoup"><img src="../../images/logos/socialscoup_logo.jpg"></a>
              <a class="carousel-item" href="#Socialboard"><img src="../../images/logos/Socialboard_logo.jpg"></a>
              <a class="carousel-item" href="#Sonager"><img src="../../images/logos/Sonager_Logo.jpg"></a>
              <a class="carousel-item" href="#tribeNautix"><img src="../../images/logos/tribeNautix.jpg"></a>
              <a class="carousel-item" href="#viptable"><img src="../../images/logos/viptable_logo.jpg"></a>
            </div>

            <h5 class="center-align hr_shadow Righteous_font grey-text text-darken-2">As Seen On</h5>
            <div class="carousel" style="height: 200px;">
              <a class="carousel-item" href="#Inc42"><img src="../../images/logos/Inc42_logo.jpg"></a>
              <a class="carousel-item" href="#YS_Pages"><img src="../../images/logos/YS_Pages_logo.jpg"></a>
              <a class="carousel-item" href="#LighthouseInsights"><img src="../../images/logos/LighthouseInsights_logo.jpg"></a>
              <a class="carousel-item" href="#nextbigwhat"><img src="../../images/logos/nextbigwhat-logo.jpg"></a>
              <a class="carousel-item" href="#social_samosa"><img src="../../images/logos/social_samosa_logo.jpg"></a>
            </div>

            <h5 class="center-align hr_shadow Righteous_font grey-text text-darken-2">Competition Success Snapshots</h5>
            <div class="carousel" style="height: 200px;">
              <a class="carousel-item" href="#productconclave"><img src="../../images/logos/productconclave_logo.jpg"></a>
              <a class="carousel-item" href="#iimb"><img src="../../images/logos/iimb_logo.jpg"></a>
              <a class="carousel-item" href="#10000startups"><img src="../../images/logos/10000startups_logo.jpg"></a>
              <a class="carousel-item" href="#vccircle"><img src="../../images/logos/vccircle_logo.jpg"></a>
              <a class="carousel-item" href="#FbStart"><img src="../../images/logos/FbStart_logo.jpg"></a>
            </div>

          <div class=" center-align">
            <a class="waves-effect waves-light btn-large red modal-trigger" type="button" href="#SignUpModal">Test it Out !  <i class="material-icons right">send</i></a>
            <a class="waves-effect waves-light btn-large cyan" type="button" href="#RequestForDemo">Request For Demo</a>
          </div>
        </div>
      </div>
    </div>
    <div class="parallax"><img src="../../images/sb_bg.jpg" alt="Unsplashed background img 2" style="display: block; transform: translate3d(-50%, 366px, 0px);"></div>
  </div>

  <div class="parallax-container valign-wrapper">
    <div class="section no-pad-bot">
      <div class="container">
        <div class="row center">
          <h2 class="header col s12 light white-text Righteous_font">Why we created Relatas ?</h2>
          <p class="left-align light center-align white-text">I love meeting people, I attend events and travel a lot. The problem I face most of the time is learn about the people am about to meet. Who is the person am about to meet, do we have common connections, do we share anything common – maybe movies, music or skiing. How do I start my conversation with him/her?</p>
          <a class="waves-effect waves-light btn cyan" href="http://blog.socioboard.com/">Visit our Blog</a>
        </div>
      </div>
    </div>
    <div class="parallax"><img src="../../images/phone.jpg" alt="Unsplashed background img 2" style="display: block; transform: translate3d(-50%, 366px, 0px);"></div>
  </div>

  <div class="container">
    <div class="section">
      <div class="row">
        <div class="col s12 center">
          <h3><i class="mdi-content-send gray-text"></i></h3>
          <h4 class="Righteous_font grey-text text-darken-2">Check if your name is available</h4>
          <div class="row">
            <form class="col offset-s2 s8">
              <div class="row">
                <div class="input-field col s6">
                  <label>http://www.socioboard.com/</label>
                </div>
                <div class="input-field col s6">
                  <input id="user_name" type="text" class="validate">
                  <label for="user_name">desired username</label>
                </div>
                <a class="waves-effect waves-light btn cyan "><i class="material-icons left">navigation</i>Check Now</a>
              </div>
            </form>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="container">
    <div class="section">
      <div class="row">
        <div class="col s12 center">
          <h4 id="RequestForDemo" class="Righteous_font grey-text text-darken-2">Sign up for Enterprise demo</h4>
            <img class="responsive-img" src="../../images/enterprise_demo_pic.png">
          <div class="row">
            <form class="col s12">
              <div class="row">
                <div class="input-field col s6">
                  <input id="first_name" type="text" class="validate">
                  <label for="first_name">First Name</label>
                </div>
                <div class="input-field col s6">
                  <input id="last_name" type="text" class="validate">
                  <label for="last_name">Last Name</label>
                </div>
                <div class="input-field col s6">
                  <input id="Business_Email" type="text" class="validate">
                  <label for="Business_Email">Business Email</label>
                </div>
                <div class="input-field col s6">
                  <input id="Company" type="text" class="validate">
                  <label for="Company">Company</label>
                </div>
                <div class="input-field col s6">
                  <input id="phone" type="text" class="validate">
                  <label for="phone">phone</label>
                </div>
                <div class="input-field col s6">
                  <input id="skype" type="text" class="validate">
                  <label for="skype">skype</label>
                </div>
              </div>
              <a class="waves-effect waves-light btn cyan "><i class="material-icons left">navigation</i>Submit</a>
            </form>
          </div>
        </div>
      </div>
    </div>
  </div>


  <div class="parallax-container valign-wrapper">
    <div class="section no-pad-bot">
      <div class="container">
        <div class="row center">
          <h3 class="header col s12 light Righteous_font">For Mobile App</h3>
          <h5 class="header col s12 light">Leave your details below to receive updates</h5>
           <div class="row">
            <form class="col offset-s2 s8">
              <div class="row">
                <div class="input-field col s12 white-text">
                  <input id="email" type="email" class="validate">
                  <label for="email" data-error="wrong" data-success="right" class="white-text">Email</label>
                </div>
              </div>
              <div class="md-checkbox-inline">
                <p class="md-checkbox">
                  <input type="checkbox" id="test1" />
                  <label for="test1"><i class="fa fa-android fa-3x white-text"></i></label>
                </p>
                <p class="md-checkbox">
                  <input type="checkbox" id="test2" />
                  <label for="test2"> <i class="fa fa-apple fa-3x white-text"></i></label>
                </p>
              </div>
              <div class=" center-align">
                <a class="waves-effect waves-light btn-large blue" type="button" >submit<i class="material-icons right">send</i></a>
              </div>
            </form>
          </div>
        
        </div>
      </div>
    </div>
    <div class="parallax">
      <img src="../../images/mobile-friendly-websites-hero.jpg" alt="Unsplashed background img 3">
    </div>
  </div>

  <footer class="page-footer">
    <div class="container">
      <div class="row center-align">
        <div class="col l6 s12">
          <h5 class="white-text">GET IN TOUCH WITH US</h5>
          <p class="grey-text text-lighten-4">#58 L V Complex, 2nd Floor<br>
7th Block, 80 Feet Road, Koramangala Layout, Bangalore-560095</p>
<img src="https://www.socioboard.com/Themes/Socioboard/Contents/img/contactus.png">

        </div>
        <div class="col l6 s12">
          <div id="fb-root"></div>
          <script>(function(d, s, id) {
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) return;
            js = d.createElement(s); js.id = id;
            js.src = "//connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.5&appId=1551064375135193";
            fjs.parentNode.insertBefore(js, fjs);
          }(document, 'script', 'facebook-jssdk'));</script>

          <div class="fb-page" data-href="https://www.facebook.com/socioboard" data-tabs="timeline" data-width="500" data-height="200" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/socioboard"><a href="https://www.facebook.com/socioboard">Socioboard</a></blockquote></div></div>
        </div>
      </div>
    </div>
    <div class="footer-copyright">
      <div class="container center">
      <!-- Made by with ♥ <a class="brown-text text-lighten-3" href="https://www.behance.net/chanchalsantra">Chanchal Santra</a> -->
      Copyright © 2014 - 2016 Socioboard Technologies Pvt. Ltd. All Rights Reserved.
      </div>
    </div>
  </footer>




  <!-- SignUp Modal -->
  <div id="SignUpModal" class="modal modal-fixed-footer" style="width: 600px;">
    <div class="modal-content">
      <h4 class="center-align Righteous_font">Create a free account</h4>
      <div class="row">
        <form class="col s12">
          <div class="row">
             <div class="input-field col s12 m12">
                <select>
                  <optgroup label="Basic Plans">
                    <option value="1">Basic(Free)</option>
                    <option value="2">Standard</option>
                    <option value="3">Premium</option>
                    <option value="4">Deluxe</option>
                  </optgroup>
                  <optgroup label="Extra Plans">
                    <option value="5">Topaz</option>
                    <option value="6">Ruby</option>
                    <option value="7">Gold</option>
                    <option value="8">Platinum</option>
                  </optgroup>
                </select>
                <label>Choose your option</label>
              </div>
          </div>
          <div class="row">
            <div class="input-field col s6">
              <input id="first_name" type="text" class="validate">
              <label for="first_name">First Name</label>
            </div>
            <div class="input-field col s6">
              <input id="last_name" type="text" class="validate">
              <label for="last_name">Last Name</label>
            </div>
          </div>
          <div class="row">
            <div class="input-field col s12">
              <input id="email" type="email" class="validate">
              <label for="email" data-error="wrong" data-success="right">Email</label>
            </div>
          </div>
          <div class="row">
            <div class="input-field col s12">
              <input id="password" type="password" class="validate">
              <label for="password">Password</label>
            </div>
          </div>
          <div class="row">
            <div class="input-field col s12">
              <input id="password" type="password" class="validate">
              <label for="password">Confirm Password</label>
            </div>
          </div>   

        </form>
      </div>
  </div>
    <div class="modal-footer">
      <a href="#!" class="modal-action modal-close waves-effect waves-green btn-flat ">Agree</a>
    </div>
  </div>

<!-- SignInModal Structure -->
  <div id="SignInModal" class="modal">
    <div class="modal-content">
      <h4 class="center-align Righteous_font">Sign In</h4>      
      <hr>
      <div class="row center-align">
        <form class="col m6 s12">          
          <div class="row">
            <div class="input-field col s12">
              <input id="email" type="email" class="validate">
              <label for="email">Email</label>
            </div>
          </div>
          <div class="row">
            <div class="input-field col s12">
              <input id="password" type="password" class="validate">
              <label for="password">Password</label>
            </div>
          </div>
          <p>
            <input type="checkbox" id="RememberMe" />
            <label for="RememberMe">Remember me</label>
          </p>
          <p>Forgot Password? <a href="#">Click here to restore</a></p>
          <a href="#" class="modal-action waves-effect waves-green btn">Submit</a>
        </form>
        <form class="col s12 m6">
          <p>You can also Register with your Social Account</p>
          <div class="input-group">
              <a id="fb_account" href="#" onclick="googleplusLogin();">
                  <img src="../../images/gplus_signin_button.png" class="responsive-img"  alt="" data-pin-nopin="true">
              </a><br>
              <a id="fb_account" href="#" onclick="facebookLogin();">
                  <img src="../../images/fb_signin_button.png" class="responsive-img"alt="" data-pin-nopin="true">
              </a>
              <p>Not Yet Registered? &nbsp; <a href="pricing.html">Register Now</a></p>
          </div>
        </form>
      </div>
    </div>
  </div>

<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-58515856-3', 'auto');
  ga('send', 'pageview');

</script>

      <!--Import jQuery before materialize.js-->
      <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
      <script type="text/javascript" src="../../global/plugins/materialize/js/materialize.min.js"></script>
      <script type="text/javascript" src="../../js/frontend/init.js"></script>
     
     <script type="text/javascript">
       $('.image-wrapper').hover(function() {
                $(this).removeClass('hoverOut').addClass('hoverIn');
            }, function() {
                $(this).removeClass('hoverIn').addClass('hoverOut');
            });
     </script>
    </body>
  </html>