worked on p styles and sign in button styles

This commit is contained in:
Justine Arreche 2015-03-31 21:37:38 +02:00
parent cdcf013fb6
commit a1e4a449ea
2 changed files with 39 additions and 13 deletions

View File

@ -5,6 +5,17 @@
.top.landing-page .topbar .top.landing-page .topbar
background-color: #fff background-color: #fff
.button--signin
background-color: #ffffff
border: 1px solid #d7dada
color: #a0a8a8
.button--signin:hover
background-color: #73c78d
border: 1px solid #73c78d
color: #fff
.wrapper.centered .topbar .wrapper.centered .topbar
max-width: 1024px max-width: 1024px
@ -41,6 +52,9 @@
h1, h2 h1, h2
margin-top: 0 margin-top: 0
p
line-height: 1.5em
.landing-centered-wrapper .landing-centered-wrapper
max-width: 1024px max-width: 1024px
margin: 0 auto margin: 0 auto
@ -60,7 +74,7 @@
p p
margin: 0 margin: 0
line-height: 1.2em line-height: 1.5em
max-width: 380px max-width: 380px
.button .button

View File

@ -30,13 +30,25 @@
<div class="row customers"> <div class="row customers">
<div class="landing-centered-wrapper"> <div class="landing-centered-wrapper">
<div class="medium-6 columns"> <div class="medium-6 columns">
<div class="large-4 columns">
<img src="../images/landing-page/customers-facebook.svg"> <img src="../images/landing-page/customers-facebook.svg">
</div>
<div class="large-4 columns">
<img src="../images/landing-page/customers-heroku.svg"> <img src="../images/landing-page/customers-heroku.svg">
<img src="../images/landing-page/customers-mozilla.svg"><br> </div>
<div class="large-4 columns">
<img src="../images/landing-page/customers-mozilla.svg">
</div>
<div class="large-4 columns">
<img src="../images/landing-page/customers-rails.svg"> <img src="../images/landing-page/customers-rails.svg">
</div>
<div class="large-4 columns">
<img src="../images/landing-page/customers-twitter.svg"> <img src="../images/landing-page/customers-twitter.svg">
</div>
<div class="large-4 columns">
<img src="../images/landing-page/customers-zendesk.svg"> <img src="../images/landing-page/customers-zendesk.svg">
</div> </div>
</div>
<div class="medium-6 columns"> <div class="medium-6 columns">
<p class="left">Some pretty awesome companies and projects are a few of our users</p> <p class="left">Some pretty awesome companies and projects are a few of our users</p>
</div> </div>
@ -46,8 +58,8 @@
<div class="row recent-builds"> <div class="row recent-builds">
<div class="landing-centered-wrapper"> <div class="landing-centered-wrapper">
<div class="medium-6 columns"> <div class="medium-6 columns">
<h2>Every minute theres a new build triggered</h2> <h2>Every minute theres<br>a new build triggered</h2>
<p>Here are just a few projects currently running on Travis CI</p> <p>Here are just a few projects<br>currently running on Travis CI</p>
</div> </div>
<div class="medium-6 columns"> <div class="medium-6 columns">
<img src="../images/landing-page/temp-repo-green.svg"> <img src="../images/landing-page/temp-repo-green.svg">
@ -69,8 +81,8 @@
<div class="row private-repos"> <div class="row private-repos">
<div class="landing-centered-wrapper"> <div class="landing-centered-wrapper">
<div class="medium-6 columns"> <div class="medium-6 columns">
<h2>Have a private project youd like to test?</h2> <h2>Have a private project<br>youd like to test?</h2>
<p>Travis CI for private repositories has plans for every size project.</p> <p>Travis CI for private repositories has<br>plans for every size project.</p>
</div> </div>
<div class="medium-6 columns"> <div class="medium-6 columns">
<img src="../images/landing-page/envelope.svg"> <img src="../images/landing-page/envelope.svg">