Untitled

<html>
<body>
<div id="main-container">
<h2>BASIC SASS(Syntactically awesome stylesheet) EXAMPLE</h2>
<div class="container">
<article>
<section class="featured-sec">
<h4>Basic features</h4>
<nav>
<ul>
<li>variable</li>
<li>nesting</li>
<li>mixins</li>
<li>Inheritance</li>
<li>operator</li>
</ul>
</nav>
</section>
<aside class="aside">One of the most useful features of Sass is being able to separate your s
tylesheets into separate files. You can then use the @import directive to
include the source of your individual files into one master stylesheet.
But how should you structure your Sass projects? Is there a standard way of
separating out your CSS files?
</aside>
</article>
</div>
<hr>
<footer>
		<p>Copyright 2009 M. Sachin</p>
</footer>
</div>
</body>
</html>