gratis wen template keren Red Bokeh

View code

Silahkan copy kode di bawah
Bagian Header

<*!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<*html xmlns=" http://www.w3.org/1999/xhtml">
<*head><*/head>
<*div id="tooplate_wrapper">
<*div id="tooplate_header">
<*div id="site_title"><a href="/">RedBokeh - Free Web Template</a></div>
</div> 

<div id="tooplate_menu" class="ddsmoothmenu">
<ul>
<li><a href="/css/template/10/index.html" class="selected">Home</a></li>
<li><a href="/css/template/10/about.html">About</a>
<ul><span class="top"></span><span class="bottom"></span>
<li><a href="#">Sub menu 1</a></li>
<li><a href="#">Sub menu </a></li>
<li><a href="#">Sub menu</a></li></ul></li><li><a href="/css/template/10/portfolio.html">Portfolio</a>
<ul><span class="top"></span><span class="bottom"></span>
<li><a href="">Sub menu </a></li>
<li><a href="#">Sub menu </a></li>
<li><a href="#">Sub menu 3</a></li>
<li><a href="#">Sub menu </a></li>
<li><a href="#">Sub menu </a></li>
</ul></li>
<li><a href="/css/template/10/blog.html">Blog</a></li>
<li><a href="/css/template/10/contact.html">Contact</a></li>
</ul><br /></div>

copy bagian index di bawah ini.

<div id="tooplate_slider_wrapper">
<div id="tooplate_slider_content">
<a href="#" class="more_b">Learn more</a>
</div>
<div id="tooplate_slider" class="slider-wrapper theme-orman">
<div id="slider" class="nivoSlider">
<a href=" http://dev7studios.com"><img src="/css/template/10/01.jpg" alt="masterlie" /></a>
<img src="/css/template/10/02.jpg" alt="mmmm" />
<img src="/css/template/10/03.jpg" alt="masterlie" />
</div>
<div id="htmlcaption" class="nivo-html-caption">
<strong>This</strong> Example of a <em>HTML</em> caption with <a rel="nofollow" href=" http://dev7studios.com" target="_blank">credit link</a>.
</div></div>
<script type="text/javascript" src="/css/template/10/jquery-1.6.1.min.js"></script>
<script type="text/javascript"src="/css/template/10/jquery.nivo.slider.pack.js"></script>
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider({
effect: 'boxRainGrow',
controlNav:false,
directionNavHide: false});});
</script>
<div class="clear"></div>
</div>
 
<div id="tooplate_middle">
<div class="col col_3">
<img class="img_fl" src="/css/template/10/bossprefs.png" alt="Image" />
<h2><a href="#">Web Design</a></h2>
<p>Credit goest to <a rel="nofollow" href="http://m0rphzilla.deviantart.com/art/REDUX-SummerBoard-Theme-91781658" target="_blank">m0rphzilla</a> for icons. Lctetur adipiscing elit.</p>
</div>
<div class="col col_3">
<img class="img_fl" src="/css/template/10/snapture.png" alt="Image" />
<h2><a href="/">Masterlie Editing</a></h2>
<p>Donec in libero in sem blandit..</p>
</div>
<div class="col col_3 no_mr">
<img class="img_fl"src="/css/template/10/clock.png" alt="Image" />
<h2><a href="#">Quick Support</a></h2>
<p>Terus terang! Template ini asli karya si lorem ipsum.</p>
</div>
<div class="clear"></div>
</div> 
<div id="tooplate_main">
<img src="/css/template/10/tooplate_image_01.png" alt="image" class="img_fl" />
<div class="col_2 right">
<h1>Ut non nibh vel.</h1>
<p>Credits go to <a rel="nofollow" href=" http://www.vectorvaco.com" target="_blank">VectorVaco</a> for vectors and <a rel="nofollow" href=" http://www.wpzoom.com" target="_blank"> wpzoom.com</a> and <a rel="nofollow" href=" http://m0rphzilla.deviantart.com" target="_blank">m0rphzilla</a> for icons.</p>
<a href="#" class="more">More</a>
</div><div class="clear"></div>
</div>
<div id="tooplate_bottom">
<div class="col col_5 no_mb">
<h3>Demo Our Network</h3>
<ul class="nobullet bottom_list">
<li><a href="#">Aliquamel</a></li>
<li><a href="#">Molestie Arcu</a></li>
<li><a href="#">Placerat Nec</a></li>
<li><a href="#">Hendrerit</a></li>
<li><a href="#">Nibh Varius</a></li>
</ul>
</div>
<div class="col col_5 no_mb">
<h3>Support</h3>
<ul class="nobullet bottom_list">
<li><a href="#">Aliquamel</a></li>
<li><a href="#">Molestie Arcu</a></li>
<li><a href="#">Placerat Nec</a></li>
<li><a href="#">Hendrerit</a></li>
<li><a href="#">Nibh Varius</a></li>
</ul>
</div>
<div class="col col_5 no_mb">
<h3>Pages</h3>
<ul class="nobullet bottom_list">
<li><a href="#">Aliquamel</a></li>
<li><a href="#">Molestie Arcu</a></li>
<li><a href="#">Placerat Nec</a></li>
<li><a href="#">Hendrerit</a></li>
<li><a href="#">Nibh Varius</a></li>
</ul>
</div>
<div class="col col_5 no_mb">
<h3>Twitter</h3>
<p>"Lorem ipsum adipiscing elit <a href="#">#Donec</a> ante nibh sagittis"</p>
<a href="#">Follow me on Twitter</a>
</div>
<div class="col col_5 no_mr no_mb">
<h3>About</h3>
<p>kamu isi artikel tentang blog kamu. </p>
<a href="/" class="more">More</a>
</div>
<div class="clear"></div>
</div>

Silahkan Copy bagian footer di bawah ini
Anda bisa ubah background sesuai selera and. Kurang puas dengan template ini silahkan pilih koleksi ratusan webtemplate saya. Terimakasih sudah berkunjung.
moga bermanfaat.
by:masterlie jepara