Commit 930b954c authored by santiaago's avatar santiaago
Browse files

add 2nd background to about section

parent 4bb339dd

app/assets/css/about.css

+22 −1
Original line number Diff line number Diff line 
.about--backgroundGreen{

    background: url(/labs/isogrids/banner/gradient?p=0.2&xt=4&h=580&w=400&gx1=0&gy1=0&gy2=40&gx2=40&colors=e2ffde&colors=70d8a4&colors=3dbbad&colors=3dbbad);

    background: url(/assets/img/half1.svg), url(/labs/isogrids/banner/gradient?p=0&xt=4&h=580&w=400&gx1=0&gy1=0&gy2=40&gx2=40&colors=e2ffde&colors=70d8a4&colors=3dbbad&colors=3dbbad);

    background-repeat: no-repeat, no-repeat;

    background-position: -1px 0px, 0px 0px;

	

    -webkit-background-size: inherit;

    -moz-background-size: inherit;

    -o-background-size: inherit;

}



.about--backgroundGrey{
@@ -20,6 +26,11 @@ 
    border-left: solid 1px #CBCBCB;

}



.about--squareHeader{

    border-top: 0;

    border-bottom: 0;

    border-left: 0;

}

.about-square--noborder{

    border-top: 0;

    border-bottom: 0;
@@ -64,10 +75,20 @@ 
}



@media (max-width: 992px){

    .about--backgroundGreen{

	background: url(/labs/isogrids/banner/gradient?p=0&xt=4&h=580&w=400&gx1=0&gy1=0&gy2=40&gx2=40&colors=e2ffde&colors=70d8a4&colors=3dbbad&colors=3dbbad);

	background-repeat: no-repeat;

	

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

    }



    .about--squareHeader{

    	height: 150px;

    	padding-top: 0px;

    	padding-bottom: 0px;

	border-top: solid 1px #CBCBCB;

    }



    .about--square{

app/partials/about.html

+1 −1
Original line number Diff line number Diff line
@@ -4,7 +4,7 @@ 
      <h1 class="tg-title-font"><b>ABOUT US</b></h1>

    </div>

    <div class="about-contentText--position about-content--White">

      <p>We are Taironas, a group of friends that spend our free time doing fun web projects like tinygraphs.</p>

      <p>We are <b>Taironas</b>, a group of friends that spend our free time doing fun web projects like tinygraphs.</p>

      <p>You can find our group on github!</p>

    </div>

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