better spacing #83

</div>

<!-- about the project -->

<div class="row">

  <div class="col-md-4 about--square about-square--noborder">

  <div class="col-md-3 about--square about-square--noborder">

    <div class="about-content--positionTop">

      <h3>ABOUT THE PROJECT</h3>

      <h3 class="text-left">ABOUT THE PROJECT</h3>

    </div>

    <div class="about-contextText--position">

	<p class="text-left">While building <a href="http://www.gonawin.com">gonawin</a> we found that the avatar service that we were using was not in sync with the designs/colors of our web app.</p>

      <p class="text-left">We decided to build <b>tinygraphs</b>, to have the colors <b>combine</b> with the web page itself. Also, as we were having so much fun building it, we decided to extend the patterns used to generate the images. We plan to add more patterns and more choices in the future. This is a free web app, and we plan to keep like that. Right now the only cost is the domain name.</p>

	<p class="text-left">We decided to build tinygraphs, to have the colors combine with the web page itself. Also, as we were having so much fun building it, we decided to extend the patterns used to generate the images.</p>

    </div>

  </div> <!-- / col-md-4 -->

  <div class="col-md-4 about--square about-square--noborder">

  </div> <!-- / col-md-3 -->

  <div class="col-md-1"></div>

  <div class="col-md-3 about--square about-square--noborder">

    <div class="about-content--positionTop">

      <h3>THE CODE</h3>

      <h3 class="text-left">THE CODE</h3>

    </div>

    <div class="about-contextText--position">

      <p class="text-left">You can find the code in github: <a href="http://www.github.com/taironas/tinygraphs">tinygraphs</a>. You will find the description of how we built it and the stack of technologies that we used.</p>

    </div>

  </div> <!-- / col-md-4 -->

  <div class="col-md-4 about--square about-square--noborder">

  </div> <!-- / col-md-3 -->

  <div class="col-md-1"></div>

  <div class="col-md-3 about--square about-square--noborder">

    <div class="about-content--positionTop">

      <h3>LICENSE</h3>

      <h3 class="text-left">LICENSE</h3>

    </div>

    <div class="about-contextText--position">

      <p class="text-left"><a href="https://tinygraphs.com/">tinygraphs</a> logo is property of tinygraphs, you must always request the permission to use it to <a href="https://plus.google.com/u/0/+CarmenRebolledo/">Carmen</a>.</p>

    <p class="text-left">Tinygraphs images are available for free. As a thank you, we only ask that you include a link back to <b>tinygraphs</b> whenever possible.</p>

    </div>

  </div> <!-- / col-md-4 -->

  </div> <!-- / col-md-3 -->

</div>