redalert : Red « Templates « HTML / CSS

HTML / CSS » Templates » Red 
redalert
  

<!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>Red Alert</title>
<style type='text/css'>
{
 padding: 0;
 margin: 0;
}
body {
 font-family: Arial, Helvetica, sans-serif;
 color: #666666;
 background-color: #FFFFFF;
 font-size: 12px;
 background-image: url(redalert-images/top-shade.jpg);
 background-repeat: repeat-x;
}
.wrapper {
 width: 758px;
 margin: auto;
}

.header {
 margin: 0px 0px 0px 0px;
}

#leftcolumn /* Parent Wrapper for inside boxes */
 margin: 0px 18px 0px 0px;
 padding: 4px;
 display: inline; /* IE Hack */
 width: 450px;
 float: left;
}
#rightcolumn /* Parent Wrapper for inside boxes */
 margin: 0px 0px 0px 0px;
 padding: 4px;
 display: inline; /* IE Hack */
 width: 270px;
 float: left;

}
#leftcolumn h1 {
 font-size: 26px;
 color: #CA2B13;
}

.right-box {
 background: url(redalert-images/right-box.jpgno-repeat;
 padding: 16px;
 font-size: 16px;
 min-height: 250px;
}
html .right-box height: 250px; }

.right-bottom {
 padding: 16px;
 font-size: 16px;
}


#rightcolumn h1 {
 font-size: 26px;
 color: #6C92FF;
}

.right-box img {
 display: block;
}

#footer {
 color: #666;
 width: 100%;
 background: #CA2B13;
 /* clear: both;*/
 float: left;
 min-height: 100px;
}
html #footer height: 100px;}

#footer-content {
 width: 750px;
 margin: auto;
 padding-top: 20px;
 clear: both;
 color: #fff;
}

#footer-content a:link, #footer-content a:visited, #footer-content a:hover {
 color: #fff;
 text-decoration: none;
}

.forms-text {
 width: 100px;
 text-align: right;
 float: left;
 line-height: 27px;
 margin-left: 10px;
}

.forms-text p {
 margin-bottom: 4px;
}

.forms-input /* Parent Wrapper */
 text-align: right; 
 float: right;
}

.forms-input input{
 margin-bottom: 5px;
 border: 1px solid #ccc;
 width: 300px;
 font-size: 20px;
}
.submit {
 color: #CA2B13;
 background: #ccc;
}
 

</style>


<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<style type="text/css">
img{border:none;}
</style>
</head>
<body>
<!-- Start Wrapper -->
<div class="wrapper">
  <!-- Start header -->
  <div class="header"> <a href="http://www.free-css.com/"><img src="redalert-images/header.jpg" alt="" /></a> </div>
  <!-- End header -->
  <!-- Begin Main Content Area -->
  <div id="main-content">
    <!-- Begin Left Column-->
    <div id="leftcolumn">
      <h1>Making Websites Work</h1>
      <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut 
        labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris 
        nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit 
        esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in 
        culpa qui officia deserunt mollit anim id est laborum. </p>
      <br />
      <h1>Making Websites Work</h1>
      <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut 
        labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris 
        nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit 
        esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in 
        culpa qui officia deserunt mollit anim id est laborum. </p>
      <br />
      <form action="#">
        <div class="forms-text">
          <p>Name:</p>
          <p>E-Mail:</p>
          <p>Username:</p>
          <p>Password:</p>
          <p>Retype Password:</p>
        </div>
        <div class="forms-input">
          <input type="text" />
          <input type="text" />
          <input type="text" />
          <input type="text" />
          <input type="text" />
          <input type="submit" class="submit" />
        </div>
      </form>
    </div>
    <!-- End Left Column-->
    <!-- Begin Right Column-->
    <div id="rightcolumn">
      <div class="right-box">
        <h1>Making Websites</h1>
        <p><br />
          Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque 
          laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi 
          architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas 
          sit aspernatur aut odit aut fugit, sed quia consequuntu. </p>
      </div>
      <br />
      <div class="right-bottom">
        <h1>CSS Layouts &nbsp;</h1>
        <p><br />
          Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque 
          laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi. <br />
        </p>
      </div>
    </div>
    <!-- End Right Column-->
  </div>
  <!-- End Main Content Area -->
</div>
<!-- End Wrapper -->
<div id="footer">
  <div id="footer-content"> &nbsp;&nbsp; &copy; Copyright with <a href="http://www.code-sucks.com">Code-Sucks.com</a> 2006 &nbsp;
    | &nbsp; <a href="http://validator.w3.org/check?uri=referer">Valid xhtml strict</a> &nbsp;
    | &nbsp; <a href="http://jigsaw.w3.org/css-validator/">Valid css</a> </div>
</div>
</body>
</html>

   
    
  
Related examples in the same category
1.metamorph_blackandred
2.metamorph_blackonred
3.metamorph_red
4.metamorph_redandblack_lt
5.metamorph_reddie
6.metamorph_redfirm
7.metamorph_redflowers_lt
8.metamorph_redinfinity
9.metamorph_redmadness
10.metamorph_redornament
11.metamorph_redstorm
12.All_The_Reds
13.freecss_lightred
14.simplyred
15.sleek-red
16.red haze
17.red-accent
18.red-round
19.redavenue
20.redBull
21.redbusiness
22.redcrazycss
23.reddy
24.Redfire2
25.redflex
26.redhaze
27.redhive
28.redish
29.RedLight
30.redline
31.RedOneTemplate
32.redpassion
33.redpepper
34.redplanet
35.redroses
36.redsnow
37.RedSquareShadow
38.red_city
39.Red_Hot
40.Red_Hot_Brazil
41.red_music
42.Red_Splash
43.Red_Tube_Simple
44.Red 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.