Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
branch: gh-pages
Fetching contributors…

Cannot retrieve contributors at this time

75 lines (74 sloc) 3.704 kb
<!doctype html>
<head>
<meta charset='utf-8'>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Natural: A cutting-edge CSS framework</title>
<meta name='keywords' content='framework, css framework, html5, css3, responsive'>
<meta name='description' content='A cutting-edge CSS framework'>
<meta name='author' content='Tat-Yuen Hui'>
<meta name='viewport' content='width=device-width'>
<link rel='stylesheet' type='text/css' href='natural.css'>
<link rel='stylesheet' type='text/css' href='plugins/button.css'>
<link rel='stylesheet' type='text/css' href='plugins/nav.css'>
<link rel='stylesheet' type='text/css' href='assets/css/common.css'>
<link rel='stylesheet' type='text/css' href='assets/css/screen-index.css'>
</head>
<body>
<nav class='block nav site-nav'>
<div class='container'>
<div class='block__unit block__size1of1'>
<ul>
<li class='nav__home nav--selected'>Home</li>
<li class='nav__typography'><a href='typography.htm'>Typography</a></li>
<li class='nav__grid'><a href='grid.htm'>Grid</a></li>
<li class='nav__media'><a href='media.htm'>Media</a></li>
<li class='nav__form'><a href='form.htm'>Form</a></li>
</ul>
</div>
</div>
</nav>
<header class='block site-promo'>
<div class='container'>
<div class='block__unit block__size1of1'>
<h1 class='h0'>Natural</h1>
<h2 class='h4'>A cutting-edge CSS framework</h2>
<div class='button button_download'>
<a href='https://github.com/kenhty/Natural/archive/master.zip'>Download</a>
</div>
</div>
</div>
</header>
<article class='block block__gutter board'>
<div class='container'>
<div class='block__unit block__size1of3'>
<h3 class='h6'>Flexible</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec porttitor lacinia turpis nec pulvinar. Duis consequat tincidunt odio, non molestie purus tempus eget. Aliquam nec nisi non lacus auctor semper nec ac felis.</p>
</div>
<div class='block__unit block__size1of3'>
<h3 class='h6'>Elegance</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec porttitor lacinia turpis nec pulvinar. Duis consequat tincidunt odio, non molestie purus tempus eget. Aliquam nec nisi non lacus auctor semper nec ac felis.</p>
</div>
<div class='block__unit block__size1of3'>
<h3 class='h6'>Powerful</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec porttitor lacinia turpis nec pulvinar. Duis consequat tincidunt odio, non molestie purus tempus eget. Aliquam nec nisi non lacus auctor semper nec ac felis.</p>
</div>
</div>
</article>
<article class='block block__gutter board'>
<div class='container'>
<div class='block__unit block__size1of3'>
<h3 class='h6'>Flexible</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec porttitor lacinia turpis nec pulvinar. Duis consequat tincidunt odio, non molestie purus tempus eget. Aliquam nec nisi non lacus auctor semper nec ac felis.</p>
</div>
<div class='block__unit block__size1of3'>
<h3 class='h6'>Elegance</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec porttitor lacinia turpis nec pulvinar. Duis consequat tincidunt odio, non molestie purus tempus eget. Aliquam nec nisi non lacus auctor semper nec ac felis.</p>
</div>
<div class='block__unit block__size1of3'>
<h3 class='h6'>Powerful</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec porttitor lacinia turpis nec pulvinar. Duis consequat tincidunt odio, non molestie purus tempus eget. Aliquam nec nisi non lacus auctor semper nec ac felis.</p>
</div>
</div>
</article>
</body>
</html>
Jump to Line
Something went wrong with that request. Please try again.