travel-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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Travel Company</title>
<style type='text/css'>
/*
CSS Credit: http://www.templatemo.com/
*/
body{
margin:0;
padding:0;
line-height: 1.5em;
background: #782609 url(travel-company-images/body_bg.jpg) repeat-x;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
}
a:link, a:visited { color: #621c03; text-decoration: none; font-weight: bold;}
a:active, a:hover { color: #621c03; text-decoration: none; font-weight: bold; }
h1 {
font-size: 18px;
color: #782609;
font-weight: bold;
background: url(travel-company-images/h1.jpg) no-repeat;
height: 27px;
padding-top: 40px;
padding-left: 70px;
}
h2 {
font-size: 13px;
font-weight: bold;
color: #fff;
height: 22px;
padding-top: 3px;
padding-left: 5px;
background: url(travel-company-images/h2.jpg) no-repeat;
}
#maincontainer{
width: 900px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
float: left;
background: url(travel-company-images/content_bg.jpg) repeat-y;
}
#topsection{
background: url(travel-company-images/header.jpg) no-repeat;
height: 283px; /*Height of top section*/
}
#title{
margin: 0;
padding-top: 150px;
padding-left: 50px;
color: #FFFFFF;
font-size: 24px;
font-weight: bold;
}
#slogan {
margin-top: 10px;
padding-left: 50px;
font-size: 12px;
font-weight: bold;
color: #ff9a59;
}
#left_column {
float: left;
width: 229px;
}
#menu_top {
float: left;
height: 33px;
width: 229px;
background: url(travel-company-images/menu_top.jpg) no-repeat;
}
#right_column {
float: right;
width: 651px;
padding-right: 20px;
}
#destination {
float: left;
padding: 10px 10px 0px 40px;
width: 280px;
border-right: dotted 1px #782609;
}
#search {
float: right;
padding: 0px 30px 0px 0px;
width: 262px;
background: url(travel-company-images/form-bg.jpg) repeat-y;
}
.search_top {
background: url(travel-company-images/search.jpg) no-repeat;
width: 262px;
height: 76px;
}
.sarch_mid {
margin: 0px;
padding-left: 10px;
padding-top: 0px;
}
.search_bot {
background: url(travel-company-images/search_bot.jpg) no-repeat;
height: 11px;
}
#contact {
width: 200px;
height: 96px;
background: url(travel-company-images/contact.jpg) no-repeat;
color: #fff;
padding-left: 29px;
padding-top: 15px;
}
#bot {
float: left;
height: 22px;
width: 877px;
background: url(travel-company-images/footer.jpg) no-repeat;
}
#footer{
float: left;
width: 100%;
padding-top: 16px;
height: 31px;
color: #fff;
text-align: center;
background: url(travel-company-images/footer_bg.jpg) repeat-x;
}
#footer a {
color: #fff;
font-weight: bold;
}
.menu {
margin-top: 40px;
width: 188px;
}
.menu li{
list-style: none;
height: 30px;
display: block;
background: url(travel-company-images/menu_bg.jpg) no-repeat;
font-weight: bold;
font-size: 12px;
padding-left: 30px;
padding-top: 7px;
}
.menu a {
color: #fff;
text-decoration: none;
}
.menu a:hover {
color: #f08661;
}
.innertube{
margin: 40px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
margin-bottom: 10px;
text-align: justify;
border-bottom: dotted 1px #782609;
}
.post_date { color: #177212; }
</style>
</head>
<body>
<div id="maincontainer">
<div id="topsection">
<div id="title">TRAVEL COMPANY</div>
<div id="slogan">Free Website Template</div>
</div>
<div id="left_column">
<div id="menu_top"></div>
<div class="menu">
<ul>
<li><a href="http://www.free-css.com/">Main Page</a></li>
<li><a href="http://www.free-css.com/">Our Company</a></li>
<li><a href="http://www.free-css.com/">Destinations</a></li>
<li><a href="http://www.free-css.com/">Hotels</a></li>
<li><a href="http://www.free-css.com/">Flights</a></li>
<li><a href="http://www.free-css.com/">Tour Packages</a></li>
<li><a href="http://www.free-css.com/">Accommodations</a></li>
<li><a href="http://www.free-css.com/">Special Events</a></li>
<li><a href="http://www.free-css.com/">Car Rental</a></li>
<li><a href="http://www.free-css.com/">Contact Us</a></li>
</ul>
</div>
<div id="contact"> <strong>QUICK CONTACT<br />
</strong> Tel: 001-100-1000<br />
Fax: 002-200-2000<br />
Email: info[at]templatemo.com</div>
</div>
<div id="right_column">
<div class="innertube">
<h1>Welcome to Travel Company</h1>
<p>This free CSS website is provided by TemplateMo.com. You may download, modify and apply this CSS layout for your websites.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc quis sem nec tellus blandit tincidunt. Duis vitae velit sed dui malesuada dignissim. Donec mollis aliquet ligula. Maecenas adipiscing elementum ipsum. Pellentesque vitae magna. Sed nec est. Suspendisse a nibh tristique justo rhoncus volutpat. Suspendisse vitae neque eget ante tristique vestibulum. Pellentesque dolor nulla, congue vitae, fringilla in, varius a, orci. Mauris convallis. </p>
</div>
<div id="destination">
<h2>DESTINATIONS</h2>
<p><img src="travel-company-images/photo1.jpg" alt="" width="85" height="85" /> <img src="travel-company-images/photo2.jpg" alt="" width="85" height="85" /> <img src="travel-company-images/photo3.jpg" alt="" width="85" height="85" /></p>
<h2>NEWS & EVENTS</h2>
<p><strong><span class="post_date">POST DATE: 20-1-2010</span><br />
</strong> Curabitur quis velit quis tortor tincidunt aliquet. Vivamus leo velit, convallis id, ultrices sit amet, tempor a, libero. Quisque rhoncus nulla quis sem. Mauris quis nulla sed ipsum pretium sagittis. </p>
<p><a target="_blank" href="http://validator.w3.org/check?uri=referer"><img height="31" alt="" src="http://www.w3.org/Icons/valid-xhtml10" width="88" vspace="8" border="0" /></a> <a target="_blank" href="http://jigsaw.w3.org/css-validator/check/referer"><img alt="" src="http://jigsaw.w3.org/css-validator/travel-company-images/vcss-blue" vspace="8" border="0" /></a></p>
</div>
<div id="search">
<div class="search_top"></div>
<div class="sarch_mid">
<form id="form1" name="form1" method="post" action="http://www.free-css.com/">
<table width="247">
<tr>
<td width="64"><input type="radio" name="search" value="radio" id="search_0" />
<strong>Flight</strong></td>
<td width="171"><label>
<input type="radio" name="search" value="radio" id="search_1" />
<strong>Hotel</strong></label></td>
</tr>
<tr>
<td><input type="radio" name="search" value="radio" id="search_2" />
<strong>Car</strong></td>
<td><label>
<input type="radio" name="search" value="radio" id="search_3" />
<strong>Cruise</strong></label></td>
</tr>
<tr>
<td><strong>From</strong></td>
<td><label>
<input type="text" name="destination_from" id="destination_from" />
</label></td>
</tr>
<tr>
<td><strong>To</strong></td>
<td><label>
<input type="text" name="destination_to" id="destination_to" />
</label></td>
</tr>
<tr>
<td><strong>Depart</strong></td>
<td><label>
<input name="depart" type="text" id="depart" value="16-11-2020" size="6" />
<select name="depart_time" id="depart_time">
<option selected="selected">Anytime</option>
<option>Morning</option>
<option>Afternoon</option>
<option>Evening</option>
</select>
</label></td>
</tr>
<tr>
<td><strong>Return</strong></td>
<td><input name="return" type="text" id="return" value="24-10-2020" size="6" />
<select name="return_time" id="return_time">
<option selected="selected">Anytime</option>
<option>Morning</option>
<option>Afternoon</option>
<option>Evening</option>
</select></td>
</tr>
<tr>
<td> </td>
<td><a href="http://www.free-css.com/"><img src="travel-company-images/search_button.jpg" alt="" width="78" height="28" border="0" /></a></td>
</tr>
</table>
</form>
</div>
<div class="search_bot"></div>
</div>
</div>
<div id="bot"></div>
</div>
<div id="footer">Copyright Your Company Name - Designed by <a href="http://www.templatemo.com">TemplateMo.com</a></div>
</body>
</html>
Related examples in the same category