This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<article> | |
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean laoreet suscipit sagittis. Mauris tristique bibendum laoreet. Cras eget lacus sodales mi ultrices dictum et eget odio. Cras venenatis nisi et magna volutpat, ut ullamcorper nisl tempor. Sed bibendum quam sit amet felis facilisis, sit amet feugiat nisi tincidunt. Ut cursus nisi magna, non sagittis neque cursus vitae. Sed ac augue ultricies, cursus dui auctor, porttitor elit. Praesent et neque sed orci auctor imperdiet. Donec cursus semper fermentum. Nullam aliquam viverra odio, at fermentum lorem vehicula vitae. Quisque pellentesque libero ut ligula congue, eu posuere felis pharetra. Interdum et malesuada fames ac ante ipsum primis in faucibus. Cras ut urna at risus dignissim porta. Maecenas eget pretium urna, eget pulvinar nulla.</p> | |
</article> | |
<aside> | |
<ul> | |
<li>List item 1</li> | |
<li>List item 2</li> | |
<li>List item 3</li> | |
<li>List item 4</li> | |
</ul> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
article { | |
@include column(8); | |
ul { | |
@include row(8); | |
li { | |
@include column(4, 8); | |
} | |
} | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!-- The Basic Grid --> | |
<div class="one column">One</div> | |
<div class="two columns">Two</div> | |
<div class="three columns">Three</div> | |
<div class="four columns">Four</div> | |
<div class="five columns">Five</div> | |
<div class="six columns">Six</div> | |
<div class="seven columns">Seven</div> | |
<div class="eight columns">Eight</div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<div class="pagination"> | |
<ul> | |
<li><a href="#">Prev</a></li> | |
<li class="active"><a href="#">1</a></li> | |
<li><a href="#">2</a></li> | |
<li><a href="#">3</a></li> | |
<li><a href="#">4</a></li> | |
<li><a href="#">Next</a></li> | |
</ul> | |
</div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<ul class="pager"> | |
<li class="previous"><a href="#">← Older</a></li> | |
<li class="next"><a href="#">Newer →</a></li> | |
</ul> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!-- Vertically centered on both sides --> | |
<div class="rslides_container"> | |
<ul class="rslides" id="slider1"> | |
<li><img src="http://placehold.it/1200x400" alt="" /></li> | |
<li><img src="http://placehold.it/1200x400" alt="" /></li> | |
<li><img src="http://placehold.it/1200x400" alt="" /></li> | |
</ul> | |
</div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<i class="icon-user">Icon User</i> |
OlderNewer