Commit 15aefbb7 authored by santiaago's avatar santiaago
Browse files

better get-started #83

parent e989d753

app/assets/css/get-started.css

+6 −0
Original line number Diff line number Diff line
@@ -28,6 +28,12 @@ 
    border-right: solid 1px #CBCBCB;

}



.getstarted-img--center{

    display: block;

    margin-left: auto;

    margin-right: auto 

}



/* @media (max-width: 950px){ */

/*     .getstarted-square--noPadding{ */

/* 	height: 175px; */

app/assets/img/GitHub-Mark-120px-plus.png

0 → 100644
+4.17 KiB
Loading image diff...

app/partials/marketing/get-started.html

+12 −3
Original line number Diff line number Diff line
@@ -2,13 +2,22 @@ 
  <div class="col-md-8 getstarted--square">

    <h1 id="getstarted">GET STARTED</h1>

    <p>To use tinygraphs in your webside just set the source of your <code>&lt;img&gt;</code> element to the url of a tinygraphs image like so:</p>

    <div class="row">

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

	<p><pre class="prettyprint lang-html">&lt;img src=&quot;http://tinygraphs.com/squares/helloworld&quot;&gt;</pre></p>

      </div>

    </div>

    <p>You can also choose to download your creation and upload it on your website. Just use our editor and then click on the download button.</p>

    <a href="">try it out</a>

    <a href="">TRY IT OUT</a>

  </div> <!-- / col -->

  <div class="col-md-4 getstarted--square getstarted-right--borderRigth">

    <h2 class="text-center" id="getstarted">LOOKING FOR MORE OPTIONS?</h2>

    <p>You can see all the options in our github page such as colors and color combinations, shapes, sizes and more. </p>

    <a href="https://github.com/taironas/tinygraphs">find us on github</a>

    <div class="row">

    <img class="getstarted-img--center" src="/assets/img/GitHub-Mark-120px-plus.png" width="60px">

    </div>

    <div class="row">

      <p class="text-center"><a href="https://github.com/taironas/tinygraphs">FIND US ON GITHUT</a></p>

    </div>

  </div> <!-- / col -->

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