index.html

---
layout: default
---

<div class="container main-container">
  <h1 class='page-title'>Startups in Coimbatore</h1>
  <div class='row'>
  <div class='col-md-3'>
  <ul class="nonav nonav-pills nonav-stacked side-nav">
    <!-- <li role="presentation" class="heading">Categories</li> -->
    <li role="presentation" class="border-left-grey active filter filter-startup" onclick="filterStartup('startup')">All Startups</li>
    <li role="presentation" class="border-left-blue filter filter-technology" onclick="filterStartup('technology')">Technology</li>
    <li role="presentation" class="border-left-red filter filter-healthcare" onclick="filterStartup('healthcare')">Healthcare</li>
    <li role="presentation" class="border-left-violet filter filter-recruitement" onclick="filterStartup('recruitement')">Recruitement</li>
    <li role="presentation" class="border-left-yellow filter filter-education" onclick="filterStartup('education')">Education</li>
    <li role="presentation" class="border-left-black filter filter-ecommerce" onclick="filterStartup('ecommerce')">Ecommerce</li>
    <li role="presentation" class="border-left-blue filter filter-wearables" onclick="filterStartup('wearables')">Wearables</li>
    <li role="presentation" class="border-left-green filter filter-digitalmedia" onclick="filterStartup('digitalmedia')">Digital Media</li>
  </ul>
  </div>
  <div class='col-md-9'>
  <div class="row">
    {% assign sorted_posts = site.posts | sort:"title" %}
    {% for post in sorted_posts %}
      <div class='col-md-3 col-sm-4 col-xs-6 col-startup-block {% for tag in post.tags %} tag-{{ tag }}{% endfor %}'>
      <div class='startup-block'>
        <a class="post-link" href="{{ post.url | prepend: site.baseurl }}">
        {% if post.logo %}
        <div class='startup-logo'><img src="{{ post.logo }}"></div>
        {% endif %}
        <div class='startup-name startup-list-name'>{{ post.title }}</div>
        {% if post.founded %}
        <div class='startup-founded'>Founded: {{ post.founded }}</div>
        {% else %}
        <div class='startup-founded'>&nbsp;</div>
        {% endif %}
        </a>
      </div>
      </div>
    {% endfor %}
  </div>
  </div>
  </div>
</div>
<script type="text/javascript">
  function filterStartup(tag){
      $('.filter').removeClass('active');
      $('.filter-'+tag).addClass('active');
      $('.tag-'+tag).show(500);
      $( '.tag-startup:not(.tag-'+tag+')').hide(500);
      $('.page-title').html((tag!='startup'?(tag.capitalizeFirstLetter()+' '):'')+'Startups in Coimbatore');
  }
  String.prototype.capitalizeFirstLetter = function() {
      return this.charAt(0).toUpperCase() + this.slice(1);
  }
</script>