turrion-development
<!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>Turrion Development</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
<style type='text/css'>
html{
background:url(turrion-development-images/html_bg.jpg) repeat;
}
body
{
background:url(turrion-development-images/bg.jpg) repeat-x top;
font-family:Arial, Helvetica, sans-serif;
padding:0;
font-size:12px;
margin:0px auto auto auto;
color:#000;
}
a{
color:#d73508;
text-decoration:none;
}
h1{
font-size:30px;
margin:0px;
padding:10px 0 10px 0;
color:#FFFFFF;
font-weight:normal;
}
.clear{
clear:both;
}
p{
padding:5px 0 5px 0;
margin:0px;
text-align:justify;
line-height:19px;
}
.wrap{
width:880px;
margin:auto;
padding:0 40px 0 40px;
background:url(turrion-development-images/header_bg.jpg) no-repeat top right;
}
.header{
width:880px;
height:80px;
}
.logo{
padding:20px 0 0 0px;
float:left;
}
/*-----------------------------menu-------------------*/
#menu{
width:880px;
height:38px;
background:url(turrion-development-images/menu_bg.jpg) no-repeat center;
margin:auto;
clear:both;
float:left;
}
#menu ul{
width: auto;
float:left;
display:block;
list-style:none;
padding:2px 0 0 130px;
margin:0px;
text-align:center;
}
#menu ul li{
display:inline;
padding:0px;
margin:0px;
height:37px;
}
#menu ul li a{
display:block;
padding:0px;
padding:0 17px 0 17px;
float:left;
text-decoration:none;
text-align:center;
color:#fff;
font-size:13px;
line-height:34px;
}
#menu ul li.selected a{
display:block;
padding:0px;
padding:0 17px 0 17px;
float:left;
text-decoration:none;
text-align:center;
color:#fff;
font-size:13px;
line-height:34px;
background:url(turrion-development-images/bt_a.jpg) no-repeat center;
}
#menu ul li a:hover{
color:#fff;
text-decoration:none;
background:url(turrion-development-images/bt_a.jpg) no-repeat center;
}
/*----------------tab_bg---------*/
.tab_bg{
width:880px;
height:237px;
clear:both;
margin:15px 0 0 0;
float:left;
background:url(turrion-development-images/tab_bg.jpg) no-repeat center;
}
.tab_left{
width:225px;
float:left;
padding:25px 0 0 10px;
}
.middle_text{
width:300px;
float:left;
padding:10px 0 0 10px;
}
.middle_text p{
color:#FFFFFF;
}
.tabs{
width:276px;
float:right;
padding:10px 25px 0 0;
}
.tab{
display:block;
width:276px;
height:67px;
margin:0 0 4px 0;
background:url(turrion-development-images/tab_bg.png) no-repeat center bottom;
_background:url(turrion-development-images/tab_bg.gif) no-repeat center bottom;
text-decoration:none;
}
p.tab_text{
width:190px;
color:#FFFFFF;
padding:20px 0 0 10px;
}
p.tab_text a{
font-size:14px;
font-weight:bold;
color:#deff6b;
text-decoration:none;
}
img.tab_icon{
float:right;
padding:0px 5px 0 0px;
}
span.green{
font-size:14px;
font-weight:bold;
color:#deff6b;
}
/*-------------------center_content------------*/
.center_content{
width:880px;
clear:both;
padding:0 0 50px;
}
.left_content{
width:400px;
float:left;
padding:10px 0 0 20px;
}
.right_content{
width:400px;
float:left;
padding:10px 0 0 30px;
}
.title{
color:#313e40;
font-size:18px;
padding:15px 0 0 0;
clear:both;
}
.title span{
color:#d54525;
}
.read_more_tab{
width:400px;
height:19px;
text-align:right;
padding:0 10px 0 0;
line-height:19px;
}
.read_more_tab a{
text-decoration:none;
color:#65ad0f;
}
.list_tab{
width:370px;
float:left;
clear:both;
padding:10px 0 10px 0;
}
p.list{
width:335px;
float:left;
padding:0 0 0 10px;
}
img.arrow{
width:23px;
float:left;
padding:5px 0 0 0px;
}
/*-----------------testimonials-----------------*/
.testimonials{
width:375px;
_width:365px;
background:url(turrion-development-images/quotes_left.gif) no-repeat left top;
padding:0 0 0 30px;
float:left;
margin:15px 0 5px 15px;
_margin:15px 0 5px 5px;
}
.testimonials p{
background:url(turrion-development-images/quotes_right.gif) no-repeat right bottom;
padding:0 25px 15px 0;
color:#D94F25;
font-style:italic;
}
.test_author{
float:right;
padding:0 25px 0 0;
font-style:italic;
color:#000;
}
img.phone_icon{
float:left;
}
.info_box{
padding:10px 0 0 0;
}
p.info{
float:left;
padding:0 0 0 10px;
line-height:23px;
}
span.red{
color:#D94F25;
font-size:12px;
font-weight:bold;
}
/*-----------------------------footer------------------*/
#footer{
clear:both;
width:880px;
height:65px;
margin:auto;
color:#003156;
border-top:1px #B2BFA7 dotted;
}
.copyright{
float:right;
padding-left:10px;
padding-top:10px;
}
.footer_links{
float:left;
padding-right:15px;
padding-top:13px;
}
.footer_links a{
text-decoration:none;
color: #003156;
padding-left:10px;
}
.footer_links a:hover{
text-decoration:underline;
color: #003156;
}
</style>
<!--[if IE 6]><script type="text/javascript" src="unitpngfix.js"></script><![endif]-->
</head>
<body>
<div class="wrap">
<div class="header">
<div class="logo"><a href="http://www.free-css.com/"><img src="turrion-development-images/logo.gif" alt="" border="0" /></a></div>
</div>
<div id="menu">
<ul>
<li class="selected"><a href="http://www.free-css.com/">home</a></li>
<li><a href="http://www.free-css.com/">about</a></li>
<li><a href="http://www.free-css.com/">services</a></li>
<li><a href="http://www.free-css.com/">clients</a></li>
<li><a href="http://www.free-css.com/">projects</a></li>
<li><a href="http://www.free-css.com/">request a quote </a></li>
<li><a href="http://www.free-css.com/">get in touch</a></li>
</ul>
</div>
<div class="tab_bg">
<div class="tab_left"> <img src="turrion-development-images/big_icon.png" alt="" border="0" class="big_icon" /> </div>
<div class="middle_text">
<h1>We grow ideas</h1>
<p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. </p>
</div>
<div class="tabs">
<div class="tab"> <img src="turrion-development-images/icon1.png" alt="" border="0" class="tab_icon" />
<p class="tab_text"> <a href="http://www.free-css.com/">Lorem ipsum dolor sit amet</a><br />
Consectetur adipisicing </p>
</div>
<div class="tab"> <img src="turrion-development-images/icon2.png" alt="" border="0" class="tab_icon" />
<p class="tab_text"> <a href="http://www.free-css.com/">Lorem ipsum dolor sit amet</a><br />
Consectetur adipisicing </p>
</div>
<div class="tab"> <img src="turrion-development-images/icon3.png" alt="" border="0" class="tab_icon" />
<p class="tab_text"> <a href="http://www.free-css.com/">Lorem ipsum dolor sit amet</a><br />
Consectetur adipisicing </p>
</div>
</div>
<div class="clear"></div>
</div>
<div class="center_content">
<div class="left_content">
<div class="title">Main Services</div>
<p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. </p>
<div class="read_more_tab"><a href="http://www.free-css.com/">read more</a></div>
<div class="title">Updates</div>
<div class="list_tab"> <img src="turrion-development-images/arrow.gif" alt="" class="arrow" />
<p class="list"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore . </p>
</div>
<div class="list_tab"> <img src="turrion-development-images/arrow.gif" alt="" class="arrow" />
<p class="list"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore . </p>
</div>
<div class="list_tab"> <img src="turrion-development-images/arrow.gif" alt="" class="arrow" />
<p class="list"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore . </p>
</div>
</div>
<div class="right_content">
<div class="title">Testimonials</div>
<div class="testimonials">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. Lorem ipsum dolor sit amet.</p>
</div>
<div class="test_author">- John Doe -</div>
<div class="testimonials">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. Lorem ipsum dolor incididunt.</p>
</div>
<div class="test_author">- John Doe -</div>
<div class="title">Get in touch</div>
<div class="info_box"> <img src="turrion-development-images/phone_icon.gif" alt="" class="phone_icon" />
<p class="info"> <span class="red">PHONE:</span> 0567 4999 5676<br />
<span class="red">Email:</span> <a href="http://www.free-css.com/">info@company.com</a><br />
<span class="red">Adress:</span> Abraham Str. 078 Alabama<br />
</p>
</div>
</div>
<div class="clear"></div>
</div>
<div id="footer">
<div class="footer_links"> <a href="http://www.free-css.com/">home</a> <a href="http://www.free-css.com/">about</a> <a href="http://www.free-css.com/">services</a> <a href="http://www.free-css.com/">clients</a> <a href="http://www.free-css.com/">projects</a> <a href="http://www.free-css.com/">request a quote </a> <a href="http://www.free-css.com/">get in touch</a> </div>
<div class="copyright"> <a href="http://csstemplatesmarket.com"><img src="turrion-development-images/csstemplatesmarket.gif" border="0" alt="" /></a> </div>
</div>
</div>
</body>
</html>
Related examples in the same category