index.html

---
layout: default
---

<div class="st-jumbo">
  <div class="st-jumbo-overlay">
    <div class="jumbo-details">
      <h1 class="jumbo-number">Welcome To Scoop Themes !</h1>
      <h3 class="jumbo-md">100% Free Premium Bootstrap HTML Templates & Themes</h3>
      <p>Different Open Source Dev Stuff Like Premium Ones</p>
      <div>
            
            <a class="twitter-share-button mshead-btn"
              href="{{ site.url }}"
              data-count="none"
              style="margin-right:20px;">
            Tweet
            </a>

            <iframe src="http://ghbtns.com/github-btn.html?user={{ site.github_username }}&amp;repo=scoopthemes.github.io&amp;type=watch&amp;count=false"  class="github-follow mshead-btn"></iframe>

            <a href="https://flattr.com/submit/auto?user_id=scoopthemes&url=https%3A%2F%2Fflattr.com%2Fprofile%2Fscoopthemes" style="display:inline-flex;" target="_blank"><img src="//api.flattr.com/button/flattr-badge-large.png" alt="Flattr this" title="Flattr this" ></a>
      </div>
      <div class="home-ad">
        <script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?zoneid=1673&amp;serve=C6AILKT&amp;placement=scoopthemes" id="_carbonads_js"></script>
      </div>
    </div>
  </div>
</div>

<div class="container">
      <section>
        <h2 class="h1 section-heading">Newest Templates <small>Latest Bootstrap Templates</small></h2>
        <div class="st-tem-list">

          <div class="row">

            {% for post in site.categories.featured limit:9 %}
     
              <div class="col-md-4">

                <div class="thumbnail temp-thumb">
                  <a href="{{ post.url }}">
                    <img src="{{ post.preview_link | append: "preview.jpg" }}" alt="{{ post.title }}">
                  </a>
                  <div class="caption">
                    <h3>{{ post.title }}</h3>
                    <p>{{ post.small_desc }}</p>
                    <p><a href="{{ post.url }}" class="btn btn-default" role="button">Preview & Download</a></p>
                  </div>
                </div>

              </div>

            {% endfor %}

            
          </div>

          <div class="row">
            <div class="col-md-12 align-center btn-center">
              <a href="all-templates.html" class="btn btn-default-2 inverse boldy">View All Templates & Themes</a>
            </div>
          </div>

          <div class="line-divider"></div>

        </div>
      </section>
    </div>




  




<div class="st-newsletter align-center">
      <div class="container">
        <div class="row">
          <div class="col-md-12">
            <h3>Subscribe To Our Mailing List And Get Notified With Any New Stuff</h3>
            <small>We are not a going to spam you, if you didn't like what we are sending you can unsubscribe easily.</small>
            
            <div class="row">
              <div class="col-md-4 col-md-offset-4">


              <form class="form-inline validate signup" action="http://scoopthemes.us8.list-manage.com/subscribe/post-json?u=c535e62cabdc2bfeb87bff6de&amp;id=d969b07f82&amp;c=?" method="get" role="form">
                  <div class="form-group">
                      <div class="input-group">
                        <input type="email" class="form-control subscribe" name="EMAIL" id="exampleInputEmail1" placeholder="Enter your email...">
                        <input type="submit" name="subscribe" value="Subscribe !" class="btn btn-default">
                      </div>
                  </div>
                  
              </form>
                
              </div>
            </div>

            

          </div>
        </div>
      </div>
    </div>


<script>
  $(document).ready(function() {
    $('.navbar-default').addClass('navbar-fixed-top').css('background', 'none');
    $(window).scroll(function() {    
      var scroll = $(window).scrollTop();

       //>=, not <=
      if (scroll >= 100) {
          //clearHeader, not clearheader - caps H
          $(".navbar-default").css('background', '#55ACF7').addClass('scrolling');
      }else{
          $('.navbar-default').css('background', 'none').removeClass('scrolling');
      }
    }); //missing );
  });
</script>