Commit 8bc8b905 authored by santiaago's avatar santiaago
Browse files

clean up example page for new design 

issue #47
parent cb3fb02e

app/partials/marketing/example.html

+17 −91
Original line number Diff line number Diff line 
<div class="row">

  <div class="col-md-12">

    <h2 class="text-center" id="examples">EXAMPLES</h2>

    <div class="row">

      <div class="col-md-3">

	<img class="featurette-image img-responsive img-thumbnail" src="labs/checkerboard?size=402" alt="grid image">

      </div>

      <div class="col-md-3">

	<img class="featurette-image img-responsive img-thumbnail" src="/labs/squares/random?theme=summerwarmth&fmt=svg&size=400" alt="random black an white avatar">

      </div>

      <div class="col-md-3">

	<img class="featurette-image img-responsive img-thumbnail" src="/squares/tinygraphs?size=400" alt="consistent square black and white avatar">

      </div>

      <div class="col-md-3">

	<img class="featurette-image img-responsive img-thumbnail" src="/squares/tinygraphs?theme=bythepool&size=400" alt="consisent square color avatar">

      </div>

    </div>

  </div> <!-- /.col-md-12 -->

</div> <!-- /.row -->



<div class="row">

  <div class="col-md-3">

    <small><code>tinygraphs.com/labs/checkerboard</code></small>

  </div>

  <div class="col-md-3">

    <small><code>tinygraphs.com/labs/squares/random?theme=summerwarmth</code></small>

  </div>

  <div class="col-md-3">

    <small><code>tinygraphs.com/squares/tinygraphs</code></small>

  </div>

  <div class="col-md-3">

    <small><code>tinygraphs.com/squares/tinygraphs?theme=bythepool</code></small>

  </div>

</div> <!-- /.row -->



<div class="row">

  <div class="col-md-3">

    <img class="featurette-image img-responsive img-thumbnail" src="/labs/isogrids/skeleton?size=400" alt="grid image">

  </div>

  <div class="col-md-3">

    <img class="featurette-image img-responsive img-thumbnail" src="/labs/isogrids/random?theme=sugarsweets&size=420" alt="random black an white avatar">

  </div>

  <div class="col-md-3">

    <img class="featurette-image img-responsive img-thumbnail" src="/isogrids/tinygraphs?size=420" alt="consistent square black and white avatar">

  </div>

  <div class="col-md-3">

    <img class="featurette-image img-responsive img-thumbnail" src="/isogrids/tinygraphs?theme=duskfalling&size=420" alt="consisent square color avatar">

  </div>

</div>



<div class="row">

  <div class="col-md-3">

    <small><code>tinygraphs.com/labs/isogrids/skeleton</code></small>

  </div>

  <div class="col-md-3">

    <small><code>tinygraphs.com/labs/isogrids/random?theme=sugarsweets</code></small>

  </div>

  <div class="col-md-3">

    <small><code>tinygraphs.com/isogrids/tinygraphs</code></small>

  </div>

  <div class="col-md-3">

    <small><code>tinygraphs.com/tinygraphs?theme=duskfalling</code></small>

  </div>

</div> <!-- /.row -->



<div class="row">

  <div class="col-md-3">

    <img class="featurette-image img-responsive img-thumbnail" src="/labs/isogrids/hexa?theme=heatwave&numcolors=4&size=420" alt="grid image">

  </div>

  <div class="col-md-3">

    <img class="featurette-image img-responsive img-thumbnail" src="/labs/isogrids/hexa?theme=seascape&numcolors=4&size=420" alt="random black an white avatar">

  </div>

  <div class="col-md-3">

    <img class="featurette-image img-responsive img-thumbnail" src="/labs/isogrids/hexa/tinygraphs?theme=frogideas&numcolors=4&size=420" alt="consistent square black and white avatar">

  </div>

  <div class="col-md-3">

    <img class="featurette-image img-responsive img-thumbnail" src="/labs/isogrids/hexa/tinygraphs?theme=duskfalling&numcolors=4&size=420" alt="consisent square color avatar">

  </div>

</div>



<div class="row">

  <div class="col-md-3">

    <small><code>tinygraphs.com/labs/isogrids/hexa</code></small>

  </div>

  <div class="col-md-3">

    <small><code>tinygraphs.com/labs/isogrids/hexa?theme=seascape&numcolors=4</code></small>

  </div>

  <div class="col-md-3">

    <small><code>tinygraphs.com/labs/isogrids/hexa/tinygraphs?theme=seascape&numcolors=4</code></small>

  </div>

  <div class="col-md-3">

    <small><code>tinygraphs.com/labs/isogrids/hexa/tinygraphs?theme=duskfalling&numcolors=4</code></small>

  </div>

</div> <!-- /.row -->
 
<div class="row examples--background">

  <div class="col-md-3 examples--square examples--backgroundGrey">

    <h1>EXAMPLES</h1>

  </div>

  <div class="col-md-9 examples--square">

    <h4>CAROUSEL HERE</h4>

  </div>

</div>

<!-- "labs/checkerboard?size=402" -->

<!-- "/labs/squares/random?theme=summerwarmth&fmt=svg&size=400" -->

<!-- "/squares/tinygraphs?size=400" -->

<!-- "/squares/tinygraphs?theme=bythepool&size=400" -->

<!-- "/labs/isogrids/skeleton?size=400" -->

<!-- "/labs/isogrids/random?theme=sugarsweets&size=420" -->

<!-- "/isogrids/tinygraphs?size=420" -->

<!-- "/isogrids/tinygraphs?theme=duskfalling&size=420" -->

<!-- "/labs/isogrids/hexa?theme=heatwave&numcolors=4&size=420" -->

<!-- "/labs/isogrids/hexa?theme=seascape&numcolors=4&size=420" -->

<!-- "/labs/isogrids/hexa/tinygraphs?theme=frogideas&numcolors=4&size=420" -->

<!-- "/labs/isogrids/hexa/tinygraphs?theme=duskfalling&numcolors=4&size=420" -->