modernmagic : Design 4 « Templates « HTML / CSS






modernmagic

   

<!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 profile="http://gmpg.org/xfn/11">
<title>Modern Magic</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style type='text/css'>
/* CSS Document */

.left_1 {float:left;}
.main_left {float:left;}
.left_2 {float:left;}
.main_cent {float:left;}
.right_1 {float:left;}

.left2 {float:left;}
.right2 {float:left;}

.left3 {float:left;}
.cent3 {float:left;}
.right3 {float:left;}

</style>


<!--[if IE]>
<style type="text/css" media="all">@import "style_ie.css";</style>
<![endif]-->
</head>
<body>
<div align="center" style="width:100%; height:100% ">
  <div class="border">
    <div class="main_div">
      <div class="main_table">
        <div class="main_table_row">
          <div class="left_1"><img src="modernmagic-images/spacer.gif" alt="" align="top" style="width:27px; height:1px"/></div>
          <div class="main_left"><img src="modernmagic-images/spacer.gif" alt="" align="top" style="width:100px; height:267px"/> <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <div class="widget_style" id="categories">
              <div class="cats_head_bg">
                <h2 class="h3">Categories</h2>
              </div>
              <ul>
                <li class="cat-item cat-item-1"><a href="http://www.free-css.com/">Uncategorized</a> (2) </li>
              </ul>
            </div>
            <div class="widget_style" id="archives">
              <div class="cats_head_bg">
                <h2 class="h3">Archives</h2>
              </div>
              <ul>
                <li><a href="http://www.free-css.com/">December 2007</a></li>
              </ul>
            </div>
            <div class="widget_style" id="links_with_style">
              <div class="cats_head_bg">
                <h2 class="h3">Blogroll</h2>
              </div>
              <ul>
                <li><a href="http://www.free-css.com/">Development Blog</a></li>
                <li><a href="http://www.free-css.com/">Documentation</a></li>
                <li><a href="http://www.free-css.com/">Plugins</a></li>
                <li><a href="http://www.free-css.com/">Suggest Ideas</a></li>
                <li><a href="http://www.free-css.com/">Support Forum</a></li>
                <li><a href="http://www.free-css.com/">Themes</a></li>
                <li><a href="http://www.free-css.com/">WordPress Planet</a></li>
              </ul>
            </div>
            <div class="widget_style" id="meta">
              <div class="cats_head_bg">
                <h2 class="h3">Meta</h2>
              </div>
              <ul>
                <li><a href="http://www.free-css.com/">Login</a></li>
                <li><a href="http://validator.w3.org/check/referer" title="This page validates as XHTML 1.0 Transitional">Valid <abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a></li>
                <li><a href="http://gmpg.org/xfn/"><abbr title="XHTML Friends Network">XFN</abbr></a></li>
                <li><a href="http://www.free-css.com/">WordPress</a></li>
              </ul>
            </div>
          </div>
          <div class="left_2"><img src="modernmagic-images/spacer.gif" alt="" align="top" style="width:22px; height:1px"/></div>
          <div class="main_cent">
            <div class="co_name_bg">
              <div class="co_name">
                <h1> <a href="http://www.free-css.com/">Modern Magic</a></h1>
                <div class="slogan"><img src="modernmagic-images/spacer.gif" alt="" align="top" style="width:7px; height:1px"/>Just another weblog</div>
              </div>
            </div>
            <div class="search_bg">
              <div id="search">
                <form method="get" id="searchform" action="http://www.free-css.com/" style="padding:0px 0px 0px 0px; margin:0px 0px 0px 0px">
                  <h2 class="h4">
                    <input type="text"  name="s" id="s" value=""/>
                    <input type="image" class="input" src="modernmagic-images/search.png" value="submit"/>
                  </h2>
                </form>
              </div>
            </div>
            <img src="modernmagic-images/spacer.gif" alt="" align="top" style="width:100px; height:19px"/>
            <div class="head_bg">
              <div class="table2">
                <div class="table_row2">
                  <div class="left2">
                    <div class="head">
                      <h2 class="h2"><a href="http://www.free-css.com/">Test post 2</a></h2>
                      Author: admin </div>
                  </div>
                  <div class="right2">
                    <div class="date">12 17th, 2007</div>
                  </div>
                </div>
              </div>
            </div>
            <img src="modernmagic-images/hr.gif" alt="" align="top" style="margin:6px 0px 0px 0px"/>
            <div class="content_txt">
              <p>I am delighted to introduce the Modern Magic Theme!</p>
              <p><strong>Lorem Ipsum</strong> is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. urvived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
              <br/>
              <br/>
              <div class="comment"> <img src="modernmagic-images/more_bg.gif" alt="" align="top" style="margin:2px 2px 0px 0px"/> <a href="http://www.free-css.com/">read comments (0)</a></div>
            </div>
            <div class="head_bg">
              <div class="table2">
                <div class="table_row2">
                  <div class="left2">
                    <div class="head">
                      <h2 class="h2"><a href="http://www.free-css.com/">Modern Magic WP Theme</a></h2>
                      Author: admin </div>
                  </div>
                  <div class="right2">
                    <div class="date">12 12th, 2007</div>
                  </div>
                </div>
              </div>
            </div>
            <img src="modernmagic-images/hr.gif" alt="" align="top" style="margin:6px 0px 0px 0px"/>
            <div class="content_txt">
              <p>I am delighted to introduce the Modern Magic Theme!</p>
              <p><strong>Lorem Ipsum</strong> is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
              <br/>
              <br/>
              <div class="comment"> <img src="modernmagic-images/more_bg.gif" alt="" align="top" style="margin:2px 2px 0px 0px"/> <a href="http://www.free-css.com/">read comments (1)</a></div>
            </div>
          </div>
          <div class="right_1"><img src="modernmagic-images/spacer.gif" alt="" align="top" style="width:71px; height:1px"/></div>
        </div>
      </div>
      <div class="footer">
        <div class="footer_txt">
          <p align="center"> <br />
            Modern Magic Theme designed by <a href="http://www.toptut.com">Lorelei</a> and <a href="http://webhostinggeeks.com/">Web Hosting Geeks</a></p>
        </div>
      </div>
    </div>
  </div>
</div>
</body>
</html>

   
    
    
  








Related examples in the same category

1.arrangement
2.arthemia
3.artica
4.aspherical
5.assiduous
6.asterisk
7.astounded
8.astroturfd
9.atomohost
10.atrandafir582
11.AttainDigital
12.audi-template
13.aurelius
14.authenticity
15.autoportal
16.axian
17.azulmedia2-1
18.azure
19.bagatelle
20.balanced
21.bananaleaf
22.barricade
23.begrimed
24.belowthehorizon
25.bennevis
26.bermuda01
27.besmart
28.bestwebdesign
29.beta
30.beyond
31.bigdeal
32.BigSpaceLove
33.bioessence
34.Biru_Manteb
35.bittersweet
36.Black
37.chamberlandsrestaurant
38.chara
39.characterized
40.charcoal
41.charitable-organization
42.chary
43.chasmogamous
44.chesspiece
45.chic
46.chicanery
47.chromz
48.churchsitev.2
49.citrus-island1-1
50.clementine
51.clicker
52.modernclassic
53.modernworld
54.A_Simple_Theme
55.minimalistica
56.miniseries
57.mint-idea
58.minty
59.mirax
60.miscellaneous
61.mistybud
62.mlpdesign02
63.mlpdesign03
64.mlpdesign04
65.mlpdesign08
66.model-4-me
67.model-portfolio
68.modelagency
69.modelportfolio
70.model_2
71.moderna
72.Modified
73.modulation
74.module-mag
75.mokofactory
76.monster
77.mork-horisont
78.mountainbreeze
79.mouse
80.mrtechie
81.multiflex2
82.multiple
83.multiplex
84.music
85.muzzle
86.MyCode
87.mydiary
88.myfamily
89.myhedspacefree08
90.mykindathing
91.myportfolio
92.mystic-garden
93.Mythology
94.myvalentine
95.naeve
96.natheless
97.nationalpark
98.neapolitan
99.neatness
100.nebuladog
101.nedweb
102.NelVoize
103.neoneon
104.neonix
105.neoplanet-01
106.neotech
107.netindustries
108.neuphoric
109.neutral
110.neutraldesk
111.neutralgreen
112.new kitchen design
113.new-fast-host
114.new-home
115.new-rise
116.new-year