index.html

---
layout: raw
title: Strapless - simply CSS
description: Strapless is a simple CSS starting point for websites. It does not rely on any framework or JS, just plain old CSS.
active: yes
---
<section class="section-alt pad-top">
  <div class="container">
  <img class="img-responsive" src="{{site.baseurl}}/sample-pages/assets/images/wave.jpg" alt="Pretty picture of a wave">
<h1 class="text-center headline">Strapless CSS</h1>
<p class="text-center lead">A simple no frills CSS starting point that is 100% CSS, no JS or JQuery. 
</p>

</div>
</section>
<section class="section-main">
  <div class="container pad-top"> 
 <div class="service-flexrow pad-top">
  <div class="column-33 service-flexitem">
    <div>
     <a href="{{site.baseurl}}/elements/"><img src="{{site.baseurl}}/sample-pages/assets/images/1000-css.png" alt="Around 1000 lines of css" class="img-responsive"></a>
   </div>
   <div class="service-text">
     <a class="servicea" href="{{site.baseurl}}/elements/"><h3 class="title">Base Styles</h3></a>
    <p>Simple, basic CSS to get you going. Only a few hundred css rules.</p>
    <a href="{{site.baseurl}}/elements/" class="btn btn-primary"><span>Base Styles</span></a>
  </div>
</div>

<div class="column-33 service-flexitem">
    <div>
     <a href="{{site.baseurl}}/notes/"><img src="{{site.baseurl}}/sample-pages/assets/images/responsive-screenshot.png" alt="Responive Design with Flexbox" class="img-responsive"></a>
   </div>
   <div class="service-text">
   <a class="servicea" href="{{site.baseurl}}/notes/"><h3 class="title">Notes</h3></a>
    <p>Some notes on how the theme is designed to help you get the most out of it.</p>
    <a href="{{site.baseurl}}/notes/" class="btn btn-primary"><span>Notes</span></a>

  </div>
</div>

<div class="column-33 service-flexitem">
    <div>
     <img src="{{site.baseurl}}/sample-pages/assets/images/page-speed-89.png" alt="Page Speed" class="img-responsive">
   </div>
   <div class="service-text">
    <h3 class="title">Speedy Page Loads</h3>
    <p>With no javascript or JQuery, and nothing other than a single CSS file and a single web font, pages load in a flash.</p>
    <p>*89 score was without the web font :(</p>
       
  </div>
</div>
</div>   
<p class="highlite">Like what you see? <a href="https://github.com/rdyar/strapless/tree/gh-pages">Download it from GitHub!</a></p>
</div>
</section>