<!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="container">
 <table>
        <thead>
          <tr>
              <th data-field="id">Name</th>
              <th data-field="name">Item Name</th>
              <th data-field="price">Item Price</th>
          </tr>
        </thead>

        <tbody>
          <tr>
            <td>Alvin</td>
            <td>Eclair</td>
            <td>$0.87</td>
          </tr>
          <tr>
            <td>Alan</td>
            <td>Jellybean</td>
            <td>$3.76</td>
          </tr>
          <tr>
            <td>Jonathan</td>
            <td>Lollipop</td>
            <td>$7.00</td>
          </tr>
        </tbody>
      </table>
</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>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>


<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>