Commit 0d593dd3 authored by santiaago's avatar santiaago
Browse files

add github button to about section #83 

need to handle some responsive details..
parent c2ece3f3

app/assets/css/get-started.css

+15 −2
Original line number Diff line number Diff line
@@ -12,8 +12,8 @@ 


.getstarted--square,

.getstarted--square2{

    padding-bottom: 50px;

    padding-top: 50px;

    padding-bottom: 0px;

    padding-top: 20px;

    height: 400px;



}
@@ -24,6 +24,19 @@ 
    margin-right: auto 

}



.getstarted-img--btn{

    position: absolute;

    bottom: 0;

    width: 100%;

    height: 25%;

    padding-top: 10px;

}



.getstarted-img--btnLink{

    height: 100%;

    padding-top: 8%;

}



@media (max-width: 992px){

    .getstarted--square,

    .getstarted--square2{

app/partials/marketing/get-started.html

+11 −6
Original line number Diff line number Diff line
@@ -11,13 +11,18 @@ 
    <a class="tg-link" href="##tryitout"><span class="glyphicon glyphicon-play" aria-hidden="true"></span> TRY IT OUT</a>

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

  <div class="col-md-4 getstarted--square2 getstarted--backgroundGrey">

    <div class="row">

      <div class="col-xs-10 col-xs-offset-1">

	<h2 class="text-center tg-title-color" 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>

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

      </div> <!-- /col-xs-10 -->

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

    <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 class="row getstarted-img--btn">

	<!-- <a class="btn btn-primary btn-block tg-btn" href="https://github.com/taironas/tinygraphs">FIND US ON GITHUT</a> -->

	<a class="btn btn-primary btn-block tg-btn getstarted-img--btnLink" href="https://github.com/taironas/tinygraphs">FIND US ON GITHUT!</a>

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

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

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