Sound Master Template

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><meta name="keywords" content="Gratis html CSS Web template dan menu wapmaster" /> <*meta name="description" content="Gratis html CSS Web template terbaru dan menu wapmaster" />
<*meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Sound Master Template</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="tooplate_style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="http://masterlie.wapsite.me/css/template/12/coda-slider.css" type="text/css" charset="utf-8" />
<script src="js/jquery-1.2.6.js" type="text/javascript"></script>
<script src="http://masterlie.wapsite.me/css/template/12/jquery.scrollTo-1.3.3.js" type="text/javascript"></script>
<script src="http://masterlie.wapsite.me/css/template/12/jquery.localscroll-1.2.5.js" type="text/javascript" charset="utf-8"></script>
<script src="http://masterlie.wapsite.me/css/template/12/jquery.serialScroll-1.2.1.js" type="text/javascript" charset="utf-8"></script>
<script src="http://masterlie.wapsite.me/coda-slider.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery.easing.1.3.js" type="text/javascript" charset="utf-8"></script>
</head*>
<body*>

Index menu& footer

<div id="slider">
<div id="tooplate_wrapper">
<div id="header">
<h1><a href="#"><img src="images/tooplate_logo.png" alt="Sound Master" /></a></h1>
</div>
<div id="tooplate_main">
<div id="menu">
<ul class="navigation">
<li><a href="#home" class="selected">Home<span class="ui_icon home"></span></a></li>
<li><a href="#about">About Us<span class="ui_icon aboutus"></span></a></li>
<li><a href="#services">Services<span class="ui_icon services"></span></a></li>
<li><a href="#gallery">Gallery<span class="ui_icon gallery"></span></a></li>
<li><a href="#contact">Contact<span class="ui_icon contactus"></span></a></li>
</ul>
</div>
<div id="content">
<div class="scroll">
<div class="scrollContainer">
<div class="panel" id="home">
<h2>Welcome to Sound Master</h2>
<p><em>Nullam at erat ipsum, quis tincidunt mauris. Nunc sit amet sapien eget eros iaculis hendrerit quis a enim. Vestibulum at leo ante, vel auctor velit.</em></p>
<div class="cleaner_h20"></div>
<div class="col_280 float_r">
<p><a href=" http://www.tooplate.com /view/2022-sound-master">Sound Master</a> is one of the <a rel="nofollow" href=" http://www.tooplate.com/free- templates">free templates</a> from <b><span class="orange">too</span><span class="green">plate</span></b>. Credits go to <a rel="nofollow" href=" http://www.photovaco.com">Free Photos</a> for photos and <a rel="nofollow" href=" http://jwloh.deviantart.com /art/Aquaticus-Social-91014249">jwloh</a> for Aquaticus.Social social icons and <a rel="nofollow" href=" http://www.icojoy.com"> icojoy.com</a> for icons and <a rel="nofollow" href=" http://www.brusheezy.com /brushes/1111-the-krako" target="_blank">krakograff</a>. Proin auctor, tortor vel aliquam bibendum.</p>
</div>
<div class="col_280 float_l">
<ul class="service_list">
<li><a href="#" class="service_one">Sed nec eros egestas nisl</a></li>
<li><a href="#" class="service_two">Morbi sed nulla ac est cursus</a></li>
<li><a href="#" class="service_three">Curabitur ullamcorper nibh</a></li>
<li><a href="#" class="service_four">Pellentesque adipiscing</a></li>
<li><a href="#" class="service_five">Vestibulum urna purus</a></li>
</ul>
</div>
</div> 
<div class="panel" id="about">
<h1>About Us</h1>
<div class="image_wrapper image_fl"><img src="http://masterlie.wapsite.me/css/template/12/images/tooplate_image_04.jpg" alt="Image 04" /></div>
<p><em>Lorem ipsum dolor sit amet,.</em></p>
<p>Vestibulum vitae lectus a leo commodo egestas. Sed et ligula mauris. <a href="#">Vivamus non ante</a> sit amet.</p>
<p>postingan, <a href="#">neque sapien</a> postigan. </p>
</div>
<div class="panel" id="services">
<h1>Service Overview</h1>
<p><em>Nam at arcu libero, ut venenatis elit. Nulla eget risus turpis, non aliquet dui. </em></p>
<div class="cleaner_h20"></div>
<div class="col_280 float_l">
<p>Sed eu libero quis neque laoreet.<a href="#">nunc sed mi</a> adipiscing lacinia suscipit eget tortor.</p>
</div>

<div class="col_280 float_r">
<ul class="service_list">
<li><a href="#" class="service_one">Sed nec eros egestas nisl</a></li>
<li><a href="#" class="service_two">Morbi sed nulla ac est cursus</a></li>
<li><a href="#" class="service_three">Curabitur ullamcorper nibh</a></li>
<li><a href="#" class="service_four">Pellentesque adipiscing</a></li>
<li><a href="#" class="service_five">Vestibulum urna purus</a></li>
</ul>
</div>
</div>
<div class="panel" id="gallery">
<h1>Our Gallery</h1>
<div id="gallery_container">
<div class="gallery_box">
<img src="images/gallery/image_01.jpg" alt="Image 01" />
<h4>Item One</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean nec ligula vitae ipsum blandit condimentum.</p>
<div class="btn_more"><a href="#">Visit <span>»</span></a></div>
<div class="cleaner"></div>
</div>
<div class="gallery_box">
<img src="images/gallery/image_02.jpg" alt="Image 02" />
<h4>Item Two</h4>
<p>Donec ac eros ac nunc blandit hendrerit. Vestibulum tincidunt, odio at ultricies sollicitudin, ante felis luctus justo.</p>
<div class="btn_more"><a href="#">Visit <span>»</span></a></div>
<div class="cleaner"></div>
</div>
<div class="gallery_box">
<img src="images/gallery/image_03.jpg" alt="Image 03" />
<h4>Item Three</h4>
<p>Mauris ligula tortor, congue laoreet rutrum eget, suscipit nec augue. In congue consectetur est velit adipiscing eget.</p>
<div class="btn_more"><a href="#">Visit <span>»</span></a></div>
<div class="cleaner"></div>
</div>
<div class="gallery_box">
<img src="images/gallery/image_04.jpg" alt="Image 04" />
<h4>Item Four</h4>
<p>Curabitur iaculis, erat pharetra porttitor sollicitudin, turpis lectus placerat arcu congue iaculis lectus in interdum.</p>
<div class="btn_more"><a href="#">Visit <span>»</span></a></div>
<div class="cleaner"></div>
</div>
<div class="gallery_box">
<img src="images/gallery/image_05.jpg" alt="Image 05" />
<h4>Item Five</h4>
<p>Curabitur iaculis enim dolor. Sed quis augue ligula. Quisque aliquet egestas felisac diam ut orci viverra bibendum. </p>
<div class="btn_more"><a href="#">Visit <span>»</span></a></div>
<div class="cleaner"></div>
</div>
<div class="gallery_box">
<img src="images/gallery/image_06.jpg" alt="Image 06" />
<h4>Item Six</h4>
<p>Sed in viverra nulla. Duis rutrum vehicula ligula, non tempor nunc congue et. Nam facilisis sagittis dapibus.</p>
<div class="btn_more"><a href="#">Visit <span>»</span></a></div>
<div class="cleaner"></div>
</div>
<div class="cleaner"></div>
</div>
</div>
<div class="panel" id="contact">
<h1>Contact Information</h1>
<p>Donec sem magna, fringilla sit amet pharetra sit amet, placerat vitae metus. Suspendisse mi erat, cursus a ullamcorper sit amet, iaculis a erat. Validate <a href=" http://validator.w3.org /check?uri=referer" rel="nofollow"><strong>XHTML</strong></a> & <a href=" http://jigsaw.w3.org/css-validator /check/referer" rel="nofollow"><strong>CSS</strong></a>.</p>
<div class="cleaner_h10"></div>
<div class="col_380 float_l">
<div id="contact_form">
<form method="post" name="contact" action="#">
<label for="author">Name:</label> <input type="text" maxlength="40" id="author" class="input_field" name="author" />
<div class="cleaner_h10"></div>
<label for="email">Email:</label> <input type="text" maxlength="40" id="email" class="input_field" name="email" />
<div class="cleaner_h10"></div>
<label for="text">Message:</label> <textarea id="text" name="text" rows="0" cols="0" class="required">