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

10
examples/landing/css/custom.css
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;

30
examples/landing/index.html
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">