industrial : Business « Templates « HTML / CSS

industrial

   

<!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>Industrial</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style type='text/css'>
/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

body {
  margin: 0;
  padding: 0;
  background: #FFFFFF url(industrial-images/img01.gif) repeat-x;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #666666;
}

h1, h2, h3 {
  margin-top: 0;
}

h1 {
  font-size: 2em;
}

h2 {
  font-size: 1.6em;
}

h3 {
  font-size: 1em;
}

ul {
  list-style-image: url(industrial-images/img07.gif);
}

a {
  text-decoration: none;
  border-bottom: 1px dotted #CCCCCC;
  color: #D56E22;
}

a:hover {
  border-bottom: none;
}

a img {
  border: none;
}

img.left {
  float: left;
  margin: 0 20px 0 0;
}

img.right {
  float: right;
  margin: 0 0 0 20px;
}

/* Header */

#logo {
  width: 880px;
  height: 88px;
  margin: 0 auto;
  padding: 0 10px;
}

#logo h1, #logo p {
  float: left;
  margin: 0;
  color: #FFFFFF;
}

#logo h1 {
  padding: 30px 0 0 0;
  font-size: 3em;
}

#logo p {
  padding: 52px 0 0 3px;
}

#logo a {
  border: none;
  text-decoration: none;
  color: #FFFFFF;
}

/* Menu */

#menu {
  width: 880px;
  height: 32px;
  margin: 0 auto;
  padding: 0 10px;
}

#menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#menu li {
  display: inline;
}

#menu a {
  display: block;
  float: left;
  height: 22px;
  margin: 0 1px 0 0;
  padding: 10px 20px 0 20px;
  border: none;
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
}

#menu a:hover {
  background: #DD8B4E;
}

#menu .current_page_item a {
  background: url(industrial-images/img02.gif) repeat-x;
  color: #D56E22;
}

/* Page */

#page {
  width: 880px;
  margin: 0 auto;
  padding: 30px 0;
  background: url(industrial-images/img03.gif) repeat-y;
}

#page-bg {
  padding: 11px 24px;
  background: url(industrial-images/img03.jpg) no-repeat;
}

/* Latest Post */

#latest-post {
  padding: 20px;
  border: 1px solid #E7E7E7;
}

/* Content */

#content {
  float: left;
  width: 438px;
}

.post {
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid #F2F2F2;
  line-height: 200%;
}

.title {
  margin: 0;
}

.title a {
  border-bottom: none;
}

.title a:hover {
  border-bottom: 1px dotted #CCCCCC;
}

.byline {
  margin: 0 0 20px 0;
}

.entry {
  padding: 0 20px;
}

.links {
  padding-top: 10px;
  text-align: right;
  font-weight: bold;
}

.links a {
  padding-left: 15px;
  background: url(industrial-images/img04.gif) no-repeat left center;
  border: none;
}

.links a:hover {
  border-bottom: 1px dotted #CCCCCC;
}

/* Sidebars */

.sidebar {
  float: left;
  width: 200px;
  padding: 0 0 0 21px;
}

.sidebar ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.sidebar li {
  padding: 0 0 20px 0;
}

.sidebar li ul {
}

.sidebar li li {
  padding: 5px 0 5px 25px;
  background: url(industrial-images/img04.gif) no-repeat 10px 9px;
}

.sidebar li h2 {
  margin: 0 0 10px 0;
  padding: 5px 10px;
  background: url(industrial-images/img02.gif) repeat-x;
  border: 1px solid #F2F2F2;
  font-size: 12px;
}

/* Search */

#searchform {
  margin: 0;
  padding: 0;
}

#searchform br {
  display: none;
}

/* Calendar */

#calendar_wrap {
  padding: 0 0 0 20px;
  text-align: center;
}

#calendar_wrap table {
  width: 90%;
}

#calendar_wrap th {
  border-bottom: 1px solid #CCCCCC;
}

#calendar_wrap td {
  border-bottom: 1px solid #F2F2F2;
}

#calendar_wrap tfoot td {
  border: none;
}

#calendar_wrap tfoot td#prev {
  text-align: left;
  font-weight: bold;
  border: none;
}

#calendar_wrap tfoot td#prev a {
  border: none;
}

#calendar_wrap tfoot td#next {
  text-align: right;
  font-weight: bold;
  border: none;
}

#calendar_wrap tfoot td#next a {
  border: none;
}

/* Footer */

#footer {
  padding: 30px 0 50px 0;
  background: #D56E22 url(industrial-images/img05.gif) repeat-x;
}

#footer p {
  margin: 0;
  text-align: center;
  font-size: smaller;
  color: #FFFFFF;
}

#footer a {
  color: #FFFFFF;
}

</style>


</head>
<body>
<div id="logo">
  <h1><a href="http://www.free-css.com/">Industrial</a></h1>
  <p>Free CSS Template</p>
</div>
<div id="menu">
  <ul id="main">
    <li class="current_page_item"><a href="http://www.free-css.com/">Homepage</a></li>
    <li><a href="http://www.free-css.com/">Products</a></li>
    <li><a href="http://www.free-css.com/">Services</a></li>
    <li><a href="http://www.free-css.com/">About Us</a></li>
    <li><a href="http://www.free-css.com/">Contact Us</a></li>
  </ul>
  <ul id="feed">
    <li><a href="http://www.free-css.com/">Entries RSS</a></li>
    <li><a href="http://www.free-css.com/">Comments RSS</a></li>
  </ul>
</div>
<div id="page">
  <div id="content">
    <div class="post">
      <h1 class="title"><a href="http://www.free-css.com/">Welcome to Our Website!</a></h1>
      <p class="byline"><small>Posted on October 1st, 2007 by <a href="http://www.free-css.com/">Free CSS Templates</a></small></p>
      <div class="entry">
        <p><strong>Industrial</strong> is a free, fully standards-compliant CSS template designed by Free CSS Templates. This free template is released under a <a target="_blank" href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attributions 2.5</a> license, so you're pretty much free to do whatever you want with it  (even use it commercially) provided you keep the links in the footer intact. Have fun with it :)</p>
        <p>This template is also available as a WordPress theme at Free WordPress Themes.</p>
        <p class="links"><a href="http://www.free-css.com/" class="more">Read More</a> &nbsp;&nbsp;&nbsp; <a href="http://www.free-css.com/" class="comments">No Comments</a></p>
      </div>
    </div>
    <div class="post">
      <h2 class="title"><a href="http://www.free-css.com/">Sample Tags</a></h2>
      <p class="byline"><small>Posted on October 1st, 2007 by <a href="http://www.free-css.com/">Free CSS Templates</a></small></p>
      <div class="entry">
        <h3>An H3 Followed by a Blockquote:</h3>
        <blockquote>
          <p>&#8220;Donec leo, vivamus nibh in augue at urna congue rutrum. Quisque dictum integer nisl risus, sagittis convallis, rutrum id, congue, and nibh.&#8221;</p>
        </blockquote>
        <h3>Bulleted List:</h3>
        <ul>
          <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
          <li>Phasellus nec erat sit amet nibh pellentesque congue.</li>
          <li>Cras vitae metus aliquam risus pellentesque pharetra.</li>
        </ul>
        <h3>Numbered List:</h3>
        <ol>
          <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
          <li>Phasellus nec erat sit amet nibh pellentesque congue.</li>
          <li>Cras vitae metus aliquam risus pellentesque pharetra.</li>
        </ol>
        <p class="links"><a href="http://www.free-css.com/" class="more">Read More</a> &nbsp;&nbsp;&nbsp; <a href="http://www.free-css.com/" class="comments">No Comments</a></p>
      </div>
    </div>
  </div>
  <div id="sidebar1" class="sidebar">
    <ul>
      <li>
        <h2>Recent Posts</h2>
        <ul>
          <li><a href="http://www.free-css.com/">Aliquam libero</a></li>
          <li><a href="http://www.free-css.com/">Consectetuer adipiscing elit</a></li>
          <li><a href="http://www.free-css.com/">Metus aliquam pellentesque</a></li>
          <li><a href="http://www.free-css.com/">Suspendisse iaculis mauris</a></li>
          <li><a href="http://www.free-css.com/">Urnanet non molestie semper</a></li>
          <li><a href="http://www.free-css.com/">Proin gravida orci porttitor</a></li>
        </ul>
      </li>
      <li>
        <h2>Recent Comments</h2>
        <ul>
          <li><a href="http://www.free-css.com/">Free CSS Templates</a> on <a href="http://www.free-css.com/">Aliquam libero</a></li>
          <li><a href="http://www.free-css.com/">Free CSS Templates</a> on <a href="http://www.free-css.com/">Consectetuer adipiscing elit</a></li>
          <li><a href="http://www.free-css.com/">Free CSS Templates</a> on <a href="http://www.free-css.com/">Metus aliquam pellentesque</a></li>
          <li><a href="http://www.free-css.com/">Free CSS Templates</a> on <a href="http://www.free-css.com/">Suspendisse iaculis mauris</a></li>
          <li><a href="http://www.free-css.com/">Free CSS Templates</a> on <a href="http://www.free-css.com/">Urnanet non molestie semper</a></li>
          <li><a href="http://www.free-css.com/">Free CSS Templates</a> on <a href="http://www.free-css.com/">Proin gravida orci porttitor</a></li>
        </ul>
      </li>
      <li>
        <h2>Categories</h2>
        <ul>
          <li><a href="http://www.free-css.com/">Aliquam libero</a></li>
          <li><a href="http://www.free-css.com/">Consectetuer adipiscing elit</a></li>
          <li><a href="http://www.free-css.com/">Metus aliquam pellentesque</a></li>
          <li><a href="http://www.free-css.com/">Suspendisse iaculis mauris</a></li>
          <li><a href="http://www.free-css.com/">Urnanet non molestie semper</a></li>
          <li><a href="http://www.free-css.com/">Proin gravida orci porttitor</a></li>
        </ul>
      </li>
      <li>
        <h2>Archives</h2>
        <ul>
          <li><a href="http://www.free-css.com/">September</a> (23)</li>
          <li><a href="http://www.free-css.com/">August</a> (31)</li>
          <li><a href="http://www.free-css.com/">July</a> (31)</li>
          <li><a href="http://www.free-css.com/">June</a> (30)</li>
          <li><a href="http://www.free-css.com/">May</a> (31)</li>
        </ul>
      </li>
    </ul>
  </div>
  <div id="sidebar2" class="sidebar">
    <ul>
      <li>
        <form id="searchform" method="get" action="http://www.free-css.com/">
          <div>
            <input type="text" name="s" id="s" size="15" value="" />
            <br />
            <input type="submit" value="Search" />
          </div>
        </form>
      </li>
      <li>
        <h2>Tags</h2>
        <a href="http://www.free-css.com/">dolor</a> <a href="http://www.free-css.com/">ipsum</a> <a href="http://www.free-css.com/">lorem</a> <a href="http://www.free-css.com/">sit amet</a> <a href="http://www.free-css.com/">dolor</a> <a href="http://www.free-css.com/">ipsum</a> <a href="http://www.free-css.com/">lorem</a> <a href="http://www.free-css.com/">sit amet</a> </li>
      <li>
        <h2>Calendar</h2>
        <div id="calendar_wrap">
          <table summary="Calendar">
            <caption>
            October 2007
            </caption>
            <thead>
              <tr>
                <th abbr="Monday" scope="col" title="Monday">M</th>
                <th abbr="Tuesday" scope="col" title="Tuesday">T</th>
                <th abbr="Wednesday" scope="col" title="Wednesday">W</th>
                <th abbr="Thursday" scope="col" title="Thursday">T</th>
                <th abbr="Friday" scope="col" title="Friday">F</th>
                <th abbr="Saturday" scope="col" title="Saturday">S</th>
                <th abbr="Sunday" scope="col" title="Sunday">S</th>
              </tr>
            </thead>
            <tfoot>
              <tr>
                <td abbr="September" colspan="3" id="prev"><a href="http://www.free-css.com/" title="View posts for September 2007">&laquo; Sep</a></td>
                <td class="pad">&nbsp;</td>
                <td colspan="3" id="next">&nbsp;</td>
              </tr>
            </tfoot>
            <tbody>
              <tr>
                <td>1</td>
                <td>2</td>
                <td>3</td>
                <td id="today">4</td>
                <td>5</td>
                <td>6</td>
                <td>7</td>
              </tr>
              <tr>
                <td>8</td>
                <td>9</td>
                <td>10</td>
                <td>11</td>
                <td>12</td>
                <td>13</td>
                <td>14</td>
              </tr>
              <tr>
                <td>15</td>
                <td>16</td>
                <td>17</td>
                <td>18</td>
                <td>19</td>
                <td>20</td>
                <td>21</td>
              </tr>
              <tr>
                <td>22</td>
                <td>23</td>
                <td>24</td>
                <td>25</td>
                <td>26</td>
                <td>27</td>
                <td>28</td>
              </tr>
              <tr>
                <td>29</td>
                <td>30</td>
                <td>31</td>
                <td class="pad" colspan="4">&nbsp;</td>
              </tr>
            </tbody>
          </table>
        </div>
      </li>
      <li>
        <h2>Categories</h2>
        <ul>
          <li><a href="http://www.free-css.com/">Aliquam libero</a></li>
          <li><a href="http://www.free-css.com/">Consectetuer adipiscing elit</a></li>
          <li><a href="http://www.free-css.com/">Metus aliquam pellentesque</a></li>
          <li><a href="http://www.free-css.com/">Suspendisse iaculis mauris</a></li>
          <li><a href="http://www.free-css.com/">Urnanet non molestie semper</a></li>
          <li><a href="http://www.free-css.com/">Proin gravida orci porttitor</a></li>
          <li><a href="http://www.free-css.com/">Aliquam libero</a></li>
          <li><a href="http://www.free-css.com/">Consectetuer adipiscing elit</a></li>
          <li><a href="http://www.free-css.com/">Metus aliquam pellentesque</a></li>
          <li><a href="http://www.free-css.com/">Urnanet non molestie semper</a></li>
          <li><a href="http://www.free-css.com/">Proin gravida orci porttitor</a></li>
          <li><a href="http://www.free-css.com/">Aliquam libero</a></li>
          <li><a href="http://www.free-css.com/">Consectetuer adipiscing elit</a></li>
          <li><a href="http://www.free-css.com/">Metus aliquam pellentesque</a></li>
          <li><a href="http://www.free-css.com/">Suspendisse iaculis mauris</a></li>
          <li><a href="http://www.free-css.com/">Urnanet non molestie semper</a></li>
          <li><a href="http://www.free-css.com/">Proin gravida orci porttitor</a></li>
        </ul>
      </li>
    </ul>
  </div>
  <div style="clear: both;">&nbsp;</div>
</div>
<div id="footer">
  <p>&copy;2007 All Rights Reserved. &nbsp;&bull;&nbsp; Design by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
</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.	lawyer-marketing
174.	Job-Portal
175.	happy-print-shop
176.	health-care
177.	inbusiness
178.	industrial-company
179.	industrial-construction
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