updating landing page to reflect small changes with new containers and such

This commit is contained in:
dhg 2014-12-15 17:26:37 -08:00
parent b1dd498f17
commit da2e1d0103
3 changed files with 25 additions and 22 deletions

View File

@ -250,8 +250,7 @@ input[type="password"],
textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
appearance: none; }
textarea {
min-height: 65px;
padding-top: 6px;
@ -378,8 +377,8 @@ hr {
margin-top: 3rem;
margin-bottom: 3.5rem;
border-width: 0;
border-top: 1px solid #E1E1E1;
}
border-top: 1px solid #E1E1E1; }
/* Clearing
*/

View File

@ -68,14 +68,14 @@
/* Bigger than 550 */
@media (min-width: 550px) {
.hero {
padding: 12rem 0;
text-align: left;
height: 165px;
}
.section {
padding: 12rem 0 11rem;
}
.hero {
padding-bottom: 12rem;
text-align: left;
height: 165px;
}
.phone {
position: absolute;
top: -7rem;

View File

@ -37,15 +37,17 @@
<!-- Primary Page Layout
-->
<div class="section container hero">
<div class="row">
<div class="one-half column">
<h4 class="hero-heading">Stop coding non-responsive sites. Let users view sites from anywhere.</h4>
<a class="button button-primary" href="http://getskeleton.com">Try Skeleton</a>
</div>
<div class="one-half column phones">
<img class="phone" src="images/iphone.png">
<img class="phone" src="images/iphone.png">
<div class="section hero">
<div class="container">
<div class="row">
<div class="one-half column">
<h4 class="hero-heading">Stop coding non-responsive sites. Let users view sites from anywhere.</h4>
<a class="button button-primary" href="http://getskeleton.com">Try Skeleton</a>
</div>
<div class="one-half column phones">
<img class="phone" src="images/iphone.png">
<img class="phone" src="images/iphone.png">
</div>
</div>
</div>
</div>
@ -72,10 +74,12 @@
</div>
</div>
<div class="container section get-help">
<h3 class="section-heading">Need help getting started?</h3>
<p class="section-description">Skeleton is an amazingly easy place to start with responsive development. If you want to learn more, just visit the documentation!</p>
<a class="button button-primary" href="http://getskeleton.com">View Skeleton Docs</a>
<div class="section get-help">
<div class="container">
<h3 class="section-heading">Need help getting started?</h3>
<p class="section-description">Skeleton is an amazingly easy place to start with responsive development. If you want to learn more, just visit the documentation!</p>
<a class="button button-primary" href="http://getskeleton.com">View Skeleton Docs</a>
</div>
</div>
<div class="section categories">