Web Design

<div id="satu">
<h2>Principles In Web Design</h2>
<h1>Visually Appealing</h1>
<h1>Well Organized</h1>
<h1>Easy To Navigate</h1>
</div>

<style>

div, h1, h2 { margin: 0px }
div { -moz-box-shadow: 2px 2px 2px #ccc; border: 1px solid #ccc;

      padding: 10 10 20px; -moz-border-radius: 4px;}
h1 { -moz-border-radius: 4px; -moz-box-shadow: 2px 2px 2px #ddd;

     padding: 10px; border: 1px solid #ccc; font: 19px sans-serif;

     color: #444; display: inline; margin: 20 10 10 0px; }
h2 { font-family: sans-serif; color: #444; margin: 0 0 20px;}

</style>

Front End Design

<div id="satu">
<h2>Technical Specification</h2>
<div id="list">

<div class="item">
<h3>The Current Priorities</h3>
<ul><li>Skripsi</li>
<li>Web Portfolio</li>
</ul>
</div>

<div class="item">
<h3>The Next Priorities</h3>
<ul><li>Jobs in hacker centric place</li>
<li>Get to the next stage of hacking skills</li>
<li>Get the certificates of Hacking</li>
</ul>
</div>

<div class="item">
<h3>In Americas</h3>
<ul><li>Jobs in NVidia</li>
<li>Building part-time technology business</li>
</ul>
</div>

<div class="item">
<h3>The Next Ahead</h3>
<ul><li>Big Business</li>
<li>Nta Fund</li>
</ul>
</div>


<style>
html, body, div, h1, h2, h3 { margin: 0px; }
ol, ul { list-style: square; padding: 0 0 0 15px; }
html { background: #eee; color: #333;}
#satu { margin: 20px; padding: 20px; -moz-box-shadow: 0 0 1px #aaa; background: white; -moz-border-radius: 4px; font: 12px sans-serif; }

#satu h2 { border-bottom: 1px solid #aaa; padding: 0 0 10 0px; margin: 0 0 20px; }
.item { float: left; width: 50%; margin: 0 0 15px; }
.item li { margin: 0 0 5px; }

</style>

<div style="clear: both; "></div>
</div>
</div>

Gradient Background

<div id="lola"><div>
 <h1>The Latest News:</h1>
 <p>Barack Obama Have Sign What The Best Available Product For You</p>
 <p>Hillary Clinton Will Do The Best She Can Do For American</p>
 <p>SBY Will Get The Insfrastructure Go Green</p>
 <p>We Do What We Are The Best</p>
 <p>This Is What The Rush Is?</p>
</div></div>

<style>

h1, div { margin: 0; }
#lola { background: url('http://www.techstart.org/templates/burningsensation/images/bg_sidebar_wide.jpg') no-repeat; width: 341; color: #27d; font-family: sans-serif; font-weight: bold; -moz-box-shadow: 0 0 10px ; -moz-border-radius: 10px; overflow: auto; }
#lola div { padding: 10px; }

</style>