BitGoblin/Bones
1
0
Fork 0
Code Issues 5 Pull Requests Packages Projects Releases Wiki Activity

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

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
dist/css/skeleton.css vendored
View File

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

10
examples/landing/css/custom.css
View File

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

30
examples/landing/index.html
View File

@ -37,15 +37,17 @@
<!-- Primary Page Layout <!-- Primary Page Layout
–––––––––––––––––––––––––––––––––––––––––––––––––– --> –––––––––––––––––––––––––––––––––––––––––––––––––– -->
<div class="section container hero"> <div class="section hero">
<div class="row"> <div class="container">
<div class="one-half column"> <div class="row">
<h4 class="hero-heading">Stop coding non-responsive sites. Let users view sites from anywhere.</h4> <div class="one-half column">
<a class="button button-primary" href="http://getskeleton.com">Try Skeleton</a> <h4 class="hero-heading">Stop coding non-responsive sites. Let users view sites from anywhere.</h4>
</div> <a class="button button-primary" href="http://getskeleton.com">Try Skeleton</a>
<div class="one-half column phones"> </div>
<img class="phone" src="images/iphone.png"> <div class="one-half column phones">
<img class="phone" src="images/iphone.png"> <img class="phone" src="images/iphone.png">
<img class="phone" src="images/iphone.png">
</div>
</div> </div>
</div> </div>
</div> </div>
@ -72,10 +74,12 @@
</div> </div>
</div> </div>
<div class="container section get-help"> <div class="section get-help">
<h3 class="section-heading">Need help getting started?</h3> <div class="container">
<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> <h3 class="section-heading">Need help getting started?</h3>
<a class="button button-primary" href="http://getskeleton.com">View Skeleton Docs</a> <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>
<div class="section categories"> <div class="section categories">