voip-company
<!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>
<title>VOIP Company</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type='text/css'>
#menu {
clear: both;
width: 958px;
height: 125px;
padding: 0 1px;
background: url(voip-company-images/top_panel_bg.jpg) no-repeat;
}
.indentmenu{
font: bold 14px Arial;
height: 58px;
width: 958px; /*leave this value as is in most cases*/
}
.indentmenu ul{
margin: 0;
padding: 0;
height: 58px;
background: black url(indentbg.gif) center center repeat-x;
}
.indentmenu ul li{
display: inline;
}
.indentmenu ul li a{
float: left;
color: white; /*text color*/
width: 158px;
text-align: center;
height: 40px;
padding-top: 18px;
text-decoration: none;
border-right: 2px solid #000; /*navy divider between menu items*/
background: url(voip-company-images/menu_bg.jpg) repeat-x;
outline: none;
}
.indentmenu ul li a:visited{
color: white;
}
.indentmenu ul li a.selected, .indentmenu ul li a:hover{
color: white !important;
background: black url(voip-company-images/menu_hover_bg.jpg) center center;
}
.indentmenu li .last{
border-right: none;
}
.tabcontentstyle{ /*style of tab content oontainer*/
clear: both;
width:900px; height: 35px; padding: 23px 30px 0 30px;
color: #fff;
font-size: 14px;
}
.tabcontentstyle ul{
margin: 0px;
padding: 0px;
list-style: none;
}
.tabcontentstyle li{
margin: 0px;
padding: 0px;
display: inline;
}
.tabcontentstyle li a {
font-weight: normal;
color: #FFF;
margin: 0px;
padding: 0 10px 0 5px;
}
.tabcontent{
display:none;
}
@media print {
.tabcontent {
display:block !important;
}
}
</style>
<link rel="stylesheet" type="text/css" href="tabcontent.css" />
<script type="text/javascript" src="tabcontent.js"></script>
</head>
<body>
<div id="wrapper">
<div id="container">
<div id="menu">
<div id="pettabs" class="indentmenu">
<ul>
<li><a href="http://www.free-css.com/" rel="tab1" class="selected">Home</a></li>
<li><a href="http://www.free-css.com/" rel="tab2">Services</a></li>
<li><a href="http://www.free-css.com/" rel="tab3">Networks</a></li>
<li><a href="http://www.free-css.com/" rel="tab4">Your Account</a></li>
<li><a href="http://www.free-css.com/" rel="tab5">About Us</a></li>
<li><a href="http://www.free-css.com/" rel="tab6" style="border-right: none;">Contact Us</a></li>
</ul>
</div>
<div class="tabcontentstyle">
<div id="tab1" class="tabcontent"> Hello Guest! Welcome to our Website. </div>
<div id="tab2" class="tabcontent">
<ul>
<li><a href="http://www.free-css.com/">Service 1</a></li>
<li><a href="http://www.free-css.com/">Service 2</a></li>
<li><a href="http://www.free-css.com/">Service 3</a></li>
<li><a href="http://www.free-css.com/">Service 4</a></li>
<li><a href="http://www.free-css.com/">Service 5</a></li>
</ul>
</div>
<div id="tab3" class="tabcontent">
<ul>
<li><a href="http://www.free-css.com/">Product 1</a></li>
<li><a href="http://www.free-css.com/">Product 2</a></li>
<li><a href="http://www.free-css.com/">Product 3</a></li>
<li><a href="http://www.free-css.com/">Product 4</a></li>
</ul>
</div>
<div id="tab4" class="tabcontent">
<ul>
<li><a href="http://www.free-css.com/">Link 1</a></li>
<li><a href="http://www.free-css.com/">Link 2</a></li>
<li><a href="http://www.free-css.com/">Link 3</a></li>
<li><a href="http://www.free-css.com/">Link 4</a></li>
<li><a href="http://www.free-css.com/">Link 5</a></li>
<li><a href="http://www.free-css.com/">Link 6</a></li>
</ul>
</div>
<div id="tab5" class="tabcontent"> Something you might want to know about us. </div>
<div id="tab6" class="tabcontent"> Don't be hesitated to contact us if you have something to say. </div>
</div>
<script type="text/javascript">
var mypets=new ddtabcontent("pettabs")
mypets.setpersist(true)
mypets.setselectedClassTarget("link")
mypets.init(false)
</script>
</div>
<!-- end of mneu -->
<div id="banner">
<h1>VOIP Company</h1>
<p>the most reliable connection, the best network and support</p>
</div>
<div id="content">
<div id="content_top"></div>
<div class="content_section_01">
<div class="section_01_left">
<h1>Welcome to VOIP Company</h1>
<img src="voip-company-images/image_01.jpg" alt=""/>
<p><strong>VOIP Company</strong> is brought to you by TemplateMo.com. You may use this template in your websites. Credit goes to "photovaco.com" for photos used in this website.</p>
<p>Donec in nisi. Etiam sit amet turpis. Duis nulla diam, posuere ac, varius id, ullamcorper sit amet, libero. Nam sodales, pede vel dapibus lobortis, ipsum diam molestie risus, a vulputate risus nisl pulvinar lacus.</p>
</div>
<div class="section_01_right">
<h1>Site News</h1>
<h3>Etiam dictum nisi</h3>
<p>Donec enim enim, imperdiet quis, mollis a, elementum a, diam. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<a href="http://www.free-css.com/">Read more</a> </div>
<div class="cleaner"> </div>
</div>
<div class="content_section_02">
<div class="section_02_subsection">
<h2>Featured Services</h2>
<p>Suspen disse a nibh tristique justo rhoncus volutpat.</p>
<ul>
<li><a href="http://www.free-css.com/">Free Flash Templates</a></li>
<li><a href="http://www.free-css.com/">CSS Web Templates</a></li>
<li><a href="http://www.free-css.com/">Web Design Blog</a></li>
<li><a href="http://www.free-css.com/">Premium Templates</a></li>
</ul>
<a href="http://www.free-css.com/">read more...</a> </div>
<div class="section_02_subsection">
<h2>Why choose us?</h2>
<p>Pellentesque lectus justo, fermentum in, ornare vitae, vehicula eu, felis.</p>
<ul>
<li>Quisque facilisis suscipit elit</li>
<li>Lacus et dictum tristique</li>
<li>Eeros ac tincidunt aliquam</li>
<li>Nullam commodo arcu non facilisis</li>
</ul>
<a href="http://www.free-css.com/">read more...</a> </div>
<div class="section_02_subsection" style="border-right: none;">
<h2>Testimonials</h2>
<h3>Phasellus id purus</h3>
<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque at nulla eu elit adipiscing tempor.</p>
<a href="http://www.free-css.com/">Flash Templates</a>
<div style="clear: both; margin-top: 30px;"> <a href="http://validator.w3.org/check?uri=referer"><img style="border:0;width:88px;height:31px" src="http://www.w3.org/Icons/valid-xhtml10" alt="" width="88" height="31" vspace="8" border="0" /></a> <a href="http://jigsaw.w3.org/css-validator/check/referer"><img style="border:0;width:88px;height:31px" src="http://jigsaw.w3.org/css-validator/voip-company-images/vcss-blue" alt="" vspace="8" border="0" /></a> </div>
</div>
<div class="cleaner"> </div>
</div>
</div>
<div id="footer">
<p><a href="http://www.free-css.com/">Home</a> | <a href="http://www.free-css.com/">Products</a> | <a href="http://www.free-css.com/">Services</a> | <a href="http://www.free-css.com/">FAQs</a> | <a href="http://www.free-css.com/">Contact Us</a> </p>
<p>Copyright © 2024 <a href="http://www.free-css.com/"><strong>Your Company Name</strong></a> | Designed by <a href="http://www.templatemo.com">Free CSS Templates</a></p>
</div>
<!-- end of footer -->
</div>
</div>
</body>
</html>
Related examples in the same category