Find file
Fetching contributors…
Cannot retrieve contributors at this time
75 lines (74 sloc) 3.62 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>