churchsitev.2
<!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>Church Site 2</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type='text/css'>
/*
(c) 2007 Your Business Name Dot Com
*/
* {
padding: 0;
margin: 0;
}
body {
background-color: #5F5F5F;
background-image: url(churchsitev.2-images/back.gif);
}
#container {
margin: 20px auto;
width: 900px;
height: 653px;
padding: 10px;
background-color: #fff;
}
#header-{
height : 116px;
width:900px;
background-color: #455A79;
}
#logo {
position: absolute;
font-family: goudy old style, "verdana", Times, serif;
font-size: 20pt;
font-weight: bold;
color: #fff;
top: 108px;
margin-left:10px;
width:300px;
height:22px;
}
#headermenu {
position:absolute;
font-family: verdana, "Microsoft Sans Serif", Times, serif;
font-size: 8pt;
color: #fff;
top: 40px;
margin-left:695px;
width:206px;
height:15px;
}
#headermenu a {
text-decoration: none;
color: #FFFFFF;
}
#headermenu a:hover {
color: #F5F5F5;
text-decoration: underline;
}
#menubar {
background-image: url(churchsitev.2-images/.jpg);
font-family: verdana, "Microsoft Sans Serif", Times, serif;
font-size: 8pt;
background-color: #455A79;
margin-top: 1px;
width:900px;
height:23px;
}
#menubar ul {
margin: 0px;
padding: 5px;
list-style: none;
text-align: center;
}
#menubar li {
display: inline;
}
#menubar a {
padding: 5px 15px;
text-decoration: none;
color: #FFFFFF;
}
#menubar a:hover {
background-color: #fff;
color:#455A79;
}
#rightpic {
background: #000000 url("churchsitev.2-images/rembrandt.jpg") no-repeat left top;
float: right;
background-color: #E3E3E3;
width: 179px;
height: 200px;
border-top: solid #fff 1px;
border-bottom: solid #fff 1px
}
#rightsidebar {
float: right;
background-color: #EDEDED;
margin-top: 128px;
width: 179px;
height: 326px;
border-top: solid #fff 1px;
border-bottom: solid #fff 1px;
}
#rightsidebar h2 {
font-family: verdana, "Microsoft Sans Serif", Times, serif;
font-size: 8pt;
color: #fff;
background-color: #455A79;
padding: 3px 6px;
}
#rightsidebar h3 {
font-family: verdana, "Microsoft Sans Serif", Times, serif;
font-size: 8pt;
color: #fff;
background-color: #455A79;
padding: 3px 6px;
}
#rightsidebartext {
font-family: verdana, "Microsoft Sans Serif", Times, serif;
font-size: 8pt;
color: #455A79;
padding: 12px 12px;
line-height: 14pt;
}
#rightsidebartext ul {
margin: 0px;
list-style: none;
}
#rightsidebartext a {
text-decoration: none;
color: #66584B;
}
#rightsidebartext a:hover {
color: #66584B;
text-decoration: underline;
}
#rightsidebartext1 {
font-family: verdana, "Microsoft Sans Serif", Times, serif;
font-size: 8pt;
color: #455A79;
padding: 12px 12px;
line-height: 14pt;
}
#rightsidebartext1 ul {
margin: 0px;
list-style: none;
}
#rightsidebartext1 a {
text-decoration: none;
color: #66584B;
}
#rightsidebartext1 a:hover {
color: #66584B;
text-decoration: underline;
}
#leftpic {
background: #000000 url("churchsitev.2-images/study.jpg") no-repeat left top;
float: left;
background-color: #E3E3E3;
width: 179px;
height: 200px;
border-top: solid #fff 1px;
border-bottom: solid #fff 1px
}
#leftsidebar {
float: left;
background-color: #F2F2F2;
margin-top: 128px;
width: 179px;
height: 326px;
border-top: solid #fff 1px;
border-bottom: solid #fff 1px;
}
#leftsidebar h2 {
font-family: verdana, "Microsoft Sans Serif", Times, serif;
font-size: 8pt;
color: #fff;
background-color: #455A79;
padding: 3px 6px;
}
#leftsidebar h3 {
font-family: verdana, "Microsoft Sans Serif", Times, serif;
font-size: 8pt;
color: #fff;
background-color: #455A79;
padding: 3px 6px;
}
#leftsidebartext {
font-family: verdana, "Microsoft Sans Serif", Times, serif;
font-size: 8pt;
color: #455A79;
padding: 12px 12px;
line-height: 14pt;
}
#leftsidebartext a {
text-decoration: none;
color: #66584B;
}
#leftsidebartext a:hover {
color: #66584B;
text-decoration: underline;
}
#leftsidebartext1 {
font-family: verdana, "Microsoft Sans Serif", Times, serif;
font-size: 8pt;
color: #455A79;
padding: 12px 12px;
line-height: 14pt;
}
#leftsidebartext1 a {
text-decoration: none;
color: #66584B;
}
#leftsidebartext1 a:hover {
color: #66584B;
text-decoration: underline;
}
#middlepic {
background: #fff url("churchsitev.2-images/adam.jpg");
float: left;
width: 540px;
height: 128px;
border-top: solid #fff 1px;
border-bottom: solid #fff 1px;
border-right: solid #fff 1px;
border-left: solid #fff 1px;
}
#content {
float: left;
width: 495px;
}
#contenttxt {
float: left;
font-family: verdana, "Microsoft Sans Serif", Times, serif;
font-size: 8pt;
color: #4E4E4E;
text-align: left;
width: 515px;
padding: 12px 12px;
text-align: justify;
line-height: 12pt;
}
#content h2 {
padding-bottom: 4px;
border-bottom: solid #455A79 1px;
font-size: 12px;
color : #455A79;
}
#content h3 {
color: #fff;
background: #370F00;
font-size: 86%;
padding: 3px 6px;
}
.study {
padding: 12px 15px 15px 15px;
background: #D6DEE5;
font-size: 93%;
font-family: arial, sans-serif;
}
.bulletin {
padding: 12px 15px 15px 15px;
background: #E3EAF0;
font-size: 8pt;
font-face: arial, verdana;
}
#footer {
border-top: solid #fff 1px;
width: 900px;
height: 60px;
background-color: #455A79;
float: left;
}
#footer_text {
text-align: center;
font-family: verdana, "Microsoft Sans Serif", Times, serif;
font-size: 8pt;
margin-top: 15px;
color: #C9C9C9;
line-height: 12pt;
}
#footer_text a {
text-decoration: none;
color: #C9C9C9;
}
#footer_text a:hover {
color: #C9C9C9;
text-decoration: underline;
}
</style>
</head>
<body>
<div id="container">
<div id="header">
<div id="logo">Church Site V.2 </div>
<div id="headermenu"> <a href="http://www.free-css.com/">Forum Login</a> - <a href="http://www.free-css.com/">Forum Registration</a></div>
</div>
<div id="menubar">
<ul>
<li><a href="http://www.free-css.com/">Home</a></li>
<li><a href="http://www.free-css.com/">Sunday Bulletin</a></li>
<li><a href="http://www.free-css.com/">Services</a></li>
<li><a href="http://www.free-css.com/">Beliefs</a></li>
<li><a href="http://www.free-css.com/">Ministries</a></li>
<li><a href="http://www.free-css.com/">Leadership</a></li>
<li><a href="http://www.free-css.com/">Podcasts</a></li>
<li><a href="http://www.free-css.com/">Forum</a></li>
<li><a href="http://www.free-css.com/">Contact Us</a></li>
</ul>
</div>
<div id="leftpic">
<div id="leftsidebar">
<h2>Church Services</h2>
<div id="leftsidebartext">
<p><b>Wednesday Night:</b></p>
<p>6:30pm - 7:15pm</p>
<br/>
<p><b>Sunday:</b></p>
<p>Morning: 8:00 - 8:45</p>
<p>Afternoon: 10 - 10:45</p>
<p>Night: 6:00 - 6:45</p>
</div>
<h3>Contact Information</h3>
<div id="leftsidebartext1">
<p> <a href="http://www.free-css.com/">Get Directions</a></p>
<p>Phone: 888-555-5555</p>
<p>Email: <a href="http://www.free-css.com/">info@yoursite.com</a></p>
</div>
</div>
</div>
<div id="rightpic">
<div id="rightsidebar">
<h2>Latest Sermons</h2>
<div id="rightsidebartext">
<ul>
<li><a href="http://www.free-css.com/">Mathew</a></li>
<li><a href="http://www.free-css.com/">Romans</a></li>
<li><a href="http://www.free-css.com/">Revalations</a></li>
<li><a href="http://www.free-css.com/">Ruth</a></li>
</ul>
</div>
<h3>Recent Forum Posts</h3>
<div id="rightsidebartext1">
<ul>
<li><a href="http://www.free-css.com/">Prayer Request</a></li>
<li><a href="http://www.free-css.com/">Recommended Books</a></li>
<li><a href="http://www.free-css.com/">Open Designs Community</a></li>
<li><a href="http://www.free-css.com/">How to...</a></li>
<li><a href="http://www.free-css.com/">Issues on...</a></li>
<li><a href="http://www.free-css.com/">Good online resources</a></li>
<li><a href="http://www.free-css.com/">Need help!</a></li>
<li><a href="http://www.free-css.com/">Stay healthy</a></li>
</ul>
</div>
</div>
</div>
<div id="content">
<div id="middlepic"></div>
<div id="contenttxt">
<h2>Latest News</h2>
<br/>
<b>Moving to New York</b><br/>
Monday, February 10, 2007<br/>
<br/>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris velit nisi, vehicula eget, fermentum vitae, ultrices vitae, orci. Fusce blandit nibh id ante. Mauris lobortis dignissim massa. Donec eleifend sodales elit.</p>
<br/>
<br/>
<h2>New Design</h2>
<br/>
<b>New Site Design is up!</b><br/>
Monday, February 9, 2007<br/>
<br/>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris velit nisi, vehicula eget, fermentum vitae, ultrices vitae, orci. Fusce blandit nibh id ante. Mauris lobortis dignissim massa. Donec eleifend sodales elit.</p>
</div>
</div>
<div id="footer">
<div id="footer_text"> 2007 Your Church - All Rights Reserved. - <a href="http://www.free-css.com/">info@yourdomain.com</a><br/>
Designed by <a href="http://refueled.net">RFDN</a></div>
</div>
</div>
</body>
</html>
Related examples in the same category