lawyer-marketing : Business « Templates « HTML / CSS

Home
HTML / CSS
1.CSS
2.CSS Controls
3.Form
4.IE Firefox
5.Layout
6.Marquee Attributes
7.Meta Tags
8.Microsoft Attributes
9.Object
10.Reference
11.Style Basics
12.Tags
13.Templates
14.XML
HTML / CSS » Templates » Business 




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;
}
{
  text-decoration:none;
  color:#2D648A;
}
a:hover, a:focus {
  color:#000;
}
{
  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: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 &copy; 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
1.metamorph_disco
2.businesdesign2007
3.businesportal
4.business template
5.business web design
6.business web template 38
7.business-1
8.business-2
9.business-box
10.business-center
11.business-co
12.business-company
13.business-consultants
14.Business-Design
15.business-elegance
16.business-llc
17.business-online
18.business-solution
19.business-strategy
20.business-time
21.business-way
22.business-world
23.businessblog
24.businessdesign
25.businesshighway
26.businesslike
27.BusinessName
28.BusinessSolution
29.businesssolutions01
30.businesstheme
31.businessweb
32.Business_Elegance
33.business_events
34.business_maritime
35.busineswebdesign
36.CarCar
37.car-club
38.car-dealer
39.cars-website
40.bloodybusiness
41.Bloody_Business
42.biz-company
43.biz-solution
44.biz-watch
45.bizbox
46.bizgroup
47.metamorph_autosalon
48.metamorph_business
49.metamorph_casino
50.alouette-agency
51.advertising
52.financial-services
53.financial-website
54.five-star-hotel
55.metamorph_advice
56.bloom
57.blooming
58.clubcard
59.clubhouse
60.bed-and-breakfast
61.construction-company
62.construction-group
63.constructional-company
64.consulting-services
65.Consulting
66.corporate-2.0
67.corporate-blue
68.corporate
69.CorporateBlack
70.corporateblue
71.CorporateBlue2
72.corporategreen
73.CorporateGrey
74.corporateluxe
75.corporateprofiles
76.CorporateRedGrey
77.Corporate_Design
78.corporation-ltd
79.design-company
80.metamorph_shopping
81.metamorph_spasaloon
82.metamorph_restaurant
83.metamorph_photostudio
84.abc-company
85.ad-agency
86.foo_shooting_club
87.firming
88.financialco
89.abstract-studio
90.carpet-cleaning
91.architect-company
92.architect-group
93.architect
94.architectural-company
95.architectural-group
96.architecture-bureau
97.architecture
98.computer-business
99.computer-store
100.djclub
101.dally_studio
102.future-business
103.global-business
104.global-hosting
105.global
106.globalhouse
107.globalpress
108.enterprise
109.corpplus
110.corpwire-magazine
111.funkycorporate
112.simply_business
113.Small_Corporation
114.your-business
115.voip-company
116.economics
117.educational-site
118.ec-mania
119.furniture-collections
120.mobileshop
121.political-party
122.pizza-factory
123.pizzaparlor
124.plainoffice
125.plantshop
126.play-school
127.office
128.online-casino
129.online-radio
130.online_education
131.outsource-inc
132.software-co
133.software-company
134.simplyBusiness
135.smallstudio
136.small-corporation
137.rainbow_consultant
138.Professional
139.professional-web2
140.premium-business
141.premiumtemplateshop
142.radio-station
143.real-estate-agency
144.real-estate-co
145.real-estate
146.realestate-company
147.realestate
148.sample-resume
149.sample_business_site
150.resume
151.shop-around
152.shop-online
153.social-community-management
154.workshyfop
155.workspacer
156.whirlpool
157.WebStore
158.weblogo
159.strategicbusinessdesigns
160.thebluecompany
161.thebookstore
162.TheCorporation
163.total_management
164.thepinkcompany
165.theme-marketplace
166.transportcompany
167.internetmarket
168.internetjobs
169.market-leader
170.Market
171.marketing-company
172.lawyer-and-attorney
173.Job-Portal
174.happy-print-shop
175.health-care
176.inbusiness
177.industrial-company
178.industrial-construction
179.industrial
180.industry
181.internethosting
182.internetservices
183.luxury-hotel
184.luxury-restaurant
185.military-school
186.headquarters
187.hosting-co
188.incorporated
189.interior-design
190.internetcorporation
191.internetmanagement
192.internet-studio
193.TWO COLUMN CSS BUSINESS WEBSITE TEMPLATE
194.Business template 2
java2s.com  | Contact Us | Privacy Policy
Copyright 2009 - 12 Demo Source and Support. All rights reserved.
All other trademarks are property of their respective owners.