lawyer-marketing
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Lawyer Marketing</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type='text/css'>
* {
margin:0;
padding:0;
}
:focus, :active {
outline:0;
}
ul, ol {
list-style:none;
}
h1, h2, h3, h4, h5, h6, pre, code {
font-weight:normal;
color:#000;
font-size:1em;
}
a img {
border:0;
}
body {
font:.84em Arial, Sans-Serif;
background:#fff;
color:#777;
}
a {
text-decoration:none;
color:#2D648A;
}
a:hover, a:focus {
color:#000;
}
p {
margin:0 0 15px;
line-height:1.6em;
}
.x {
clear:both;
}
.line {
clear:both;
padding:15px 0 0;
border-bottom:1px solid #ddd;
margin:0 0 35px;
}
h1 {
font-size:2em;
font-weight:bolder;
letter-spacing:-2px;
margin:0 0 14px;
line-height:1.3em;
color:#333;
}
h1 span {
font-size:1.84em;
color:#B00000;
}
h2 {
font-size:1.1em;
margin:0 0 10px;
padding:3px 0 5px;
}
h3 {
font-size:1.6em;
padding:0 0 7px;
}
h4 {
font-size:1.1em;
margin:0 0 10px;
padding:3px 0 5px;
}
h5 {
margin:0 0 10px;
font-size:1.1em;
}
#content {
margin:0 auto;
width:930px;
}
#menu {
margin:0 0 50px;
}
#menu li {
display:inline;
}
#menu li a {
float:left;
text-transform:uppercase;
font-size:.9em;
color:#000;
font-weight:bold;
margin:0 25px 0 0;
}
#menu li a:hover {
color:#2D648A;
}
#pitch {
border-bottom:1px solid #ddd;
margin:0 0 40px;
padding:30px 400px 15px 0;
background:url("lawyer-marketing-images/pitch.jpg") no-repeat right bottom;
}
#pitch p {
font-size:1.04em;
}
.col {
float:left;
width:286px;
margin:0 35px 40px 0;
}
.col h3 {
border-left:4px solid #B00000;
padding:0 0 5px 12px;
}
.col a {
font-weight:bold;
}
.col p {
margin:0 0 10px;
}
.ft {
border-left:1px solid #ddd;
padding:8px 0 0 15px;
}
.last {
margin-right:0;
}
.date {
float:left;
font-size:.8em;
width:25px;
padding:5px 0 0;
margin:0 0 3px;
color:#999;
}
.date span {
font-size:1.5em;
}
.news {
float:right;
width:250px;
}
.col h4 {
padding:0 0 0 35px;
}
.section {
clear:both;
border-top:1px solid #ddd;
margin:0 0 30px;
}
.section p {
position:relative;
margin:-8px 0 0 27px;
padding:0 8px;
font-size:.74em;
background:#fff;
float:left;
}
#slider {
float:left;
width:18px;
height:249px;
border:1px solid #ddd;
background:url("lawyer-marketing-images/slider.png") no-repeat center;
}
#slider:hover {
background-color:#f4f4f4;
}
#directory {
float:right;
width:901px;
}
.fourth {
float:left;
width:196px;
padding:8px;
height:100px;
margin:0 15px 15px 0;
border:1px solid #ddd;
font-size:.84em;
}
.fourth p, .fourth.last {
margin:0;
}
#updates {
float:right;
border:1px solid #ddd;
height:105px;
padding:20px 10px 0;
width:266px;
}
#updates p {
font-size:.84em;
}
#updates h5 {
margin:0 0 15px;
}
label {
display:block;
font-size:.8em;
color:#999;
text-transform:uppercase;
}
input.textfield {
padding:4px;
border:1px solid #ccc;
width:200px;
}
input.submit {
background:#fff;
border:0;
font-weight:bold;
font-size:.94em;
}
#footer {
clear:both;
font-size:.9em;
padding:25px 0 10px;
border-top:1px solid #ddd;
}
#footer a {
margin:0;
background:#fff;
color:#777;
}
#footer .left {
float:left;
}
#footer .right {
float:right;
}
</style>
</head>
<body>
<div id="content">
<div id="pitch">
<ul id="menu">
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Our Services</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">Request a Quote</a></li>
</ul>
<h1><span>LAWYER<br />
MARKETING</span><br />
TAKE THE CHALLENGE</h1>
<p>Phasellus diam sapien, fermentum a eleifend non, luctus non augue. Quisque scelerisque purus quis eros sollicitudin gravida. Aliquam erat volutpat. Donec a sem consequat tortor posuere dignissim sit amet at ipsum.</p>
</div>
<div class="x"></div>
<div class="col">
<h3>ratings</h3>
<div class="ft">
<p>Quisque vel lorem eu libero laoreet facilisis. Aenean placerat, ligula quis placerat iaculis, mi magna luctus nibh, adipiscing pretium erat neque vitae augue.</p>
<p><a href="#">Read More</a></p>
</div>
</div>
<div class="col">
<h3>reviews</h3>
<div class="ft">
<p>Quisque vel lorem eu libero laoreet facilisis. Aenean placerat, ligula quis placerat iaculis, mi magna luctus nibh, adipiscing pretium erat neque vitae augue.</p>
<p><a href="#">Read More</a></p>
</div>
</div>
<div class="col last">
<h3>results</h3>
<div class="ft">
<p>Quisque vel lorem eu libero laoreet facilisis. Aenean placerat, ligula quis placerat iaculis, mi magna luctus nibh, adipiscing pretium erat neque vitae augue.</p>
<p><a href="#">Read More</a></p>
</div>
</div>
<div class="section">
<p>LAWYER MARKETING DIRECTORY</p>
</div>
<div class="x"></div>
<a id="slider"></a>
<div id="directory">
<div class="fourth">
<h5><a href="#">Lawyer Marketing</a></h5>
<p>Get your law firm noticed online!<br />
Our results speak for themselves. Contact the Lawyer Marketing Group today.</p>
</div>
<div class="fourth">
<h5><a href="#">Workers Comp Lawyers</a></h5>
<p>If you have been injured on the job, contact the Law Offices of John McCabe, PA for a free initial consultation. Do Not Wait!</p>
</div>
<div class="fourth">
<h5><a href="#">Personal Injury Lawyers</a></h5>
<p>If you have been involved in a car accident, contact the Law Offices of John M. McCabe for a free initial accident consultation.</p>
</div>
<div class="fourth last">
<h5><a href="#">NC Car Accident Lawyers</a></h5>
<p>Contact the Law Office of D. Hardison Wood and let us fight for you in the struggle for justice, fairness, and accountability.</p>
</div>
<div class="fourth">
<h5><a href="#">Raleigh, NC Law Firm</a></h5>
<p>Raleigh, NC Lawyers and Attorneys will fight for your rights.</p>
</div>
<div class="fourth">
<h5><a href="#">Trucking Accident Lawyers</a></h5>
<p>Have you been injured in a trucking accident?</p>
</div>
<div class="fourth">
<h5><a href="#">Truck Lawyers and Attorneys</a></h5>
<p>We Are a Client-Oriented Truck Injury Law Firm, Staffed with Hardworking and Dedicated Individuals</p>
</div>
<div class="fourth last">
<h5><a href="#">Truck Accident Lawyers</a></h5>
<p>We handle truck accident lawsuits nationwide and provide free, no obligation consultations. </p>
</div>
</div>
<div class="line"></div>
<div class="col">
<h4>Nunc commodo euismod</h4>
<p class="date"><span>28</span><br />
JUN</p>
<p class="news">Quisque scelerisque purus quis eros sollicitudin gravida. Aliquam erat volutpat. Donec a sem consequat tortor posuere dignissim sit amet at ipsum. </p>
</div>
<div class="col">
<h4>Lorem ipsum dolor sit</h4>
<p class="date"><span>03</span><br />
JUN</p>
<p class="news">Quisque scelerisque purus quis eros sollicitudin gravida. Aliquam erat volutpat. Donec a sem consequat tortor posuere dignissim sit amet at ipsum.</p>
</div>
<div id="updates">
<h5>Receive updates and special offers</h5>
<form action="#">
<p>
<label for="email">Enter your E-mail Address:</label>
<input type="text" class="textfield" name="email" id="email" />
<input type="submit" class="submit" name="submit" value="Submit" />
</p>
</form>
</div>
<div id="footer">
<p class="left">Copyright © 2010, Your Company Here, All Rights Reserved</p>
<p class="right"><a href="http://www.free-css.com/">Free CSS Templates</a> by <a href="http://www.solucija.com/">Solucija</a></p>
<div class="x"></div>
</div>
</div>
</body>
</html>
Related examples in the same category