<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> | |
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> | |
<head> | |
<title>Maulana's Store</title> | |
<meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" /> | |
<meta name="author" content="Erwin Aligam - styleshout.com" /> | |
<meta name="description" content="Site Description Here" /> | |
<meta name="keywords" content="keywords, here" /> | |
<meta name="robots" content="index, follow, noarchive" /> | |
<meta name="googlebot" content="noarchive" /> | |
<link rel="stylesheet" href="images/TechJunkie.css" type="text/css" /> | |
</head> | |
<body> | |
<!-- wrap starts here --> | |
<div id="wrap"> | |
<!--header --> | |
<div id="header"> | |
<h1 id="logo-text"><a href="index.html" title="">Maulana's Online Store</a></h1> | |
<h2><p id="slogan">Grab it Fast!!!</p></h2> | |
<form id="quick-search"> | |
<a href="login.php">Login</a> | |
</form> | |
<!--header ends--> | |
</div> | |
<!-- navigation starts--> | |
<div id="nav"> | |
<ul> | |
<li id="current"><a href="index.html">Home</a></li> | |
<li><a href="katalog.php">Katalog</a></li> | |
</ul> | |
<!-- navigation ends--> | |
</div> | |
<!-- content-wrap starts --> | |
<div id="content-wrap"> | |
<div id="main"> | |
<a name="TemplateInfo"></a> | |
<h2><a href="index.html" title="">Template Info</a></h2> | |
<p class="post-info">Posted by <a href="index.html">erwin</a> | Filed under <a href="index.html">templates</a>, <a href="index.html">internet</a> </p> | |
<p><strong>TechJunkie</strong> is a free, W3C-compliant, CSS-based website template | |
by <a href="http://www.styleshout.com/">styleshout.com</a>. This work is | |
distributed under the <a rel="license" href="http://creativecommons.org/licenses/by/2.5/"> | |
Creative Commons Attribution 2.5 License</a>, which means that you are free to | |
use and modify it for any purpose. All I ask is that you give me credit by including a <strong>link back</strong> to | |
<a href="http://www.styleshout.com/">my website</a>. | |
</p> | |
<p> | |
You can find more of my free template designs at <a href="http://www.styleshout.com/">my website</a>. | |
For premium commercial designs, you can check out | |
<a href="http://www.dreamtemplate.com" title="Website Templates">DreamTemplate.com</a>. | |
</p> | |
<p class="post-footer"> | |
<a href="index.html" class="readmore">Read more</a> | | |
<a href="index.html" class="comments">Comments (7)</a> | | |
<span class="date">May 20, 2007</span> | |
</p> | |
<h2><a href="index.html">Lorem Ipsum Dolor Sit Amet</a></h2> | |
<h3>Aliquam Risus Justo</h3> | |
<p><a href="http://getfirefox.com/"><img src="images/firefox-gray.jpg" width="100" height="120" alt="firefox" class="float-left" /></a> | |
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. | |
Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu | |
posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum, dui pede condimentum | |
odio, ac blandit ante orci ut diam. Cras fringilla magna. Phasellus suscipit, leo a pharetra | |
condimentum, lorem tellus eleifend magna, eget fringilla velit magna id neque. Curabitur vel urna. | |
In tristique orci porttitor ipsum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. | |
Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu | |
posuere nunc justo tempus leo. | |
</p> | |
<blockquote> | |
<p>When I have fully decided that a result | |
is worth getting I go ahead of it and | |
make trial after trial until it comes.</p> | |
<p class="align-right"> - Thomas A. Edison</p> | |
</blockquote> | |
<p> | |
Vestibulum venenatis. Nulla vel ipsum. Proin rutrum, urna sit amet bibendum | |
pellentesque, ante sapien varius turpis, eu nonummy nunc urna scelerisque ante. | |
Nunc sed leo at dolor pharetra facilisis. Sed sed lectus at justo dapibus tristique. | |
Morbi molestie pulvinar elit. Donec dictum nibh nec est. Aliquam sagittis, lacus | |
a pharetra tempor, enim justo tempor nisi, at aliquet nulla metus sed augue. | |
Praesent sed nibh. Vestibulum bibendum enim ut nisi fringilla accumsan. | |
Nullam dapibus fermentum nulla. Phasellus in orci vel justo facilisis iaculis. | |
Quisque facilisis ornare felis. Curabitur nunc libero, dapibus vel, commodo nec, | |
semper a, massa. Suspendisse potenti. Morbi a nisl. Nunc euismod elit non lectus. | |
</p> | |
<h2><a href="index.html">Aliquam Risus Justo</a></h2> | |
<h3>Lorem Ipsum Dolor Sit Amet</h3> | |
<p><a href="http://getfirefox.com/"><img src="images/firefox-gray.jpg" width="100" height="120" alt="firefox" class="float-right" /></a> | |
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. | |
Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu | |
posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum, dui pede condimentum | |
odio, ac blandit ante orci ut diam. Cras fringilla magna. Phasellus suscipit, leo a pharetra | |
condimentum, lorem tellus eleifend magna, eget fringilla velit magna id neque. Curabitur vel urna. | |
In tristique orci porttitor ipsum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. | |
Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu | |
posuere nunc justo tempus leo. | |
</p> | |
<!-- main ends --> | |
</div> | |
<div id="sidebar"> | |
<h3>Sidebar Menu</h3> | |
<ul class="sidemenu"> | |
<li><a href="index.html">Home</a></li> | |
<li><a href="index.html#TemplateInfo">TemplateInfo</a></li> | |
<li><a href="style.html">Style Demo</a></li> | |
<li><a href="http://www.styleshout.com/">More Free Templates</a></li> | |
<li><a href="http://www.dreamtemplate.com" title="Web Templates">Web Templates</a></li> | |
</ul> | |
<h3>Links</h3> | |
<ul class="sidemenu"> | |
<li><a href="http://www.freephotos.se/">FreePhotos.se</a></li> | |
<li><a href="http://www.alistapart.com">Alistapart</a></li> | |
<li><a href="http://www.cssremix.com">CSS Remix</a></li> | |
<li><a href="http://www.cssmania.com/">CSS Mania</a></li> | |
</ul> | |
<h3>Sponsors</h3> | |
<ul class="sidemenu"> | |
<li><a href="http://www.dreamtemplate.com" title="Website Templates">DreamTemplate <br /> | |
<span>Over 6,000+ Premium Web Templates</span></a> | |
</li> | |
<li><a href="http://www.themelayouts.com" title="WordPress Themes">ThemeLayouts <br /> | |
<span>Premium WordPress & Joomla Themes</span></a> | |
</li> | |
<li><a href="http://www.imhosted.com" title="Website Hosting">ImHosted.com <br /> | |
<span>Affordable Web Hosting Provider</span> | |
</a></li> | |
<li><a href="http://www.dreamstock.com" title="Stock Photos">DreamStock <br /> | |
<span>Download Amazing Stock Photos</span></a> | |
</li> | |
<li><a href="http://www.evrsoft.com" title="Website Builder">Evrsoft <br /> | |
<span>Website Builder Software & Tools</span></a> | |
</li> | |
<li><a href="http://www.webhostingwp.com" title="Web Hosting">Web Hosting <br /> | |
<span>Top 10 Hosting Reviews</span></a> | |
</li> | |
</ul> | |
<h3>Search Box</h3> | |
<form class="searchform" action="index.html" method="get"> | |
<p> | |
<input name="search_query" class="textbox" type="text" /> | |
<input name="search" class="button" value="Search" type="submit" /> | |
</p> | |
</form> | |
<h3>Wise Words</h3> | |
<p>"When I have fully decided that a result | |
is worth getting I go ahead of it and | |
make trial after trial until it comes." </p> | |
<p class="align-right">- Thomas A. Edison</p> | |
<h3>Support Styleshout</h3> | |
<p>If you are interested in supporting my work and would like to contribute, you are | |
welcome to make a small donation through the | |
<a href="http://www.styleshout.com/">donate link</a> on my website - it will | |
be a great help and will surely be appreciated.</p> | |
<!-- sidebar ends --> | |
</div> <!-- content-wrap ends--> | |
</div> | |
<!-- footer starts --> | |
<div id="footer-wrap"><div id="footer-content"> | |
<div id="footer-columns"> | |
<div class="col3"> | |
<h3>Tincidunt</h3> | |
<ul> | |
<li><a href="index.html">consequat molestie</a></li> | |
<li><a href="index.html">sem justo</a></li> | |
<li><a href="index.html">semper</a></li> | |
<li><a href="index.html">magna sed purus</a></li> | |
<li><a href="index.html">tincidunt</a></li> | |
</ul> | |
</div> | |
<div class="col3-center"> | |
<h3>Sed purus</h3> | |
<ul> | |
<li><a href="index.html">consequat molestie</a></li> | |
<li><a href="index.html">sem justo</a></li> | |
<li><a href="index.html">semper</a></li> | |
<li><a href="index.html">magna sed purus</a></li> | |
<li><a href="index.html">tincidunt</a></li> | |
</ul> | |
</div> | |
<div class="col3"> | |
<h3>Praesent</h3> | |
<ul> | |
<li><a href="index.html">consequat molestie</a></li> | |
<li><a href="index.html">sem justo</a></li> | |
<li><a href="index.html">semper</a></li> | |
<li><a href="index.html">magna sed purus</a></li> | |
<li><a href="index.html">tincidunt</a></li> | |
</ul> | |
</div> | |
<!-- footer-columns ends --> | |
</div> | |
<div id="footer-bottom"> | |
<p> | |
© 2010 <strong>Your Company</strong> | |
<a href="http://www.bluewebtemplates.com/" title="Website Templates">website templates</a> by <a href="http://www.styleshout.com/">styleshout</a> | | |
Valid <a href="http://validator.w3.org/check?uri=referer">XHTML</a> | | |
<a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> | |
| |
<a href="index.html">Home</a> | | |
<a href="index.html">Sitemap</a> | | |
<a href="index.html">RSS Feed</a> | |
</p> | |
</div> | |
<!-- footer ends--> | |
</div></div> | |
<!-- wrap ends here --> | |
</div> | |
</body> | |
</html> Ini adalah Web Online Store yang saya bangun secara sederhana, maaf apabila web ini tidak sempurna karena baru sampai sini ilmu saya. Ini link dari web saya http://arvimaulana.com/TechJunkie11. Wish Me Luck :) | |
Selasa, 18 Desember 2012
Softskill "Web"
Ini adalah codingan dari web yang saya bangun :
Langganan:
Postingan (Atom)