beautysecrets : Fashion « Templates « HTML / CSS






beautysecrets

     

<!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>
  <title>Beauty secrets template</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type='text/css'>
body {
  font-family: helvetica, arial, sans-serif;
  font-size: 12px;
  text-align: center;
  background: url(beautysecrets-images/page_bg.jpg);
  color: #6f6f6f;
}

html, body, #wrapper, h1 {
  margin: 0px;
  padding: 0px;
}

th, td {
  font-size: 12px;
}

img { border: 0px; }

#wrapper {
  margin: 16px auto;
  text-align: left;
  width: 750px;
  position: relative;
}

h1, h2, h3 {
  font-size: 12px;
}


h1 {
  margin: 0px;
  padding: 0px;
}

h2 {
  margin: 0px 0px 5px 0px;
  padding: 0px;
}

h3 {
  padding: 4px 0px 0px 0px;
}

p {
  margin: 1em 0px;
  padding: 0px;
}

.block {
  display: block;
}

.clear {
  clear: both;
  height: 1px;
  padding-top: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  width:0px;
  height:0px;
  overflow:hidden;
  font-size: 1px;
  line-height: 1px;
  border: none 0px #FFFFFF;
}

* html .clear {
  margin-top: -5px;
  margin-bottom: -4px;
}

.left {
  float: left;
  margin: 1px 8px 0px 0px;
}

.softright {
  text-align: right;
}

.readmore {
  text-align: right;
}

/* ***** */

a {
  color: #6f6f6f;
  font-weight: bold;
  text-decoration: underline;
}

a:hover {
  color: #000;
}

#inner {
  background: white;
  padding: 1px;
  border: 1px solid #d9d9d9;
}

#jnner {
  border-top: 1px solid #dadada;
  border-left: 1px solid #dadada;
  background: #efebe3;
}

* html #jnner {
  width: 100%;
}

#nav {
  float: left;
  width: 348px;
}

* html #nav a {
  float: left;
  f\loat: none;
}

#nav img {
  float: none;
  f\loat: left;
}
  
#body {
  float: left;
  width: 348px;
  background: white url(beautysecrets-images/body_bg.jpg) bottom left no-repeat;
}

* html #body p {
  margin: 0px;
  padding: 0px 0px 1em 0px;
}

* html #body .inner {
  padding-top: 0px;
  padding-bottom: 15px;
  border-bottom: 3px solid #84b14c;
}

#body .inner {
  padding: 4px 15px 0px 130px;
  border-bottom: 3px solid #84b14c;
}

#right {
  display: inline;
  float: right;
  width: 383px;
  margin: 0 7px 0px 0px;
  font-size: 11px;
}

#right .boxed {
  background: white;
  padding: 2px;
  position: relative;
  margin-bottom: 7px;
}

* html #right .boxed div {
  width: 379px;
  wid\th: 254px;
  position: relative;
}

#right .boxed div {
  border: 1px solid #ececec;
  margin: 0px;
  padding: 10px 18px 0px 105px;
}

#right .buynow {
  text-align: right;
  margin-bottom: -1.7em;
}

#right .price {
  margin-top: 0.5em;
}

#right h3 {
  margin: 0px;
  padding: 0px;
}

#right a {
  color: #bb0000;
  text-decoration: underline;
  font-weight: normal;
}

#right a:hover {
  color: #630000;
}

#right p {
  margin: 0.55em 0px;
}

* html #right p {
  margin: 0.3em 0px;
}

#right #nails {
  float: left;
  margin-top: 6px;
  margin-left: -95px;
  position:relative;
}

#right #skins {
  float: left;
  margin-top: 16px;
  margin-left: -95px;
}
  
#right #makess {
  float: left;
  margin-top: 10px;
  margin-left: -95px;
  margin-bottom: -3px;
}

#right #thelastbox {
  margin-bottom: 5px;
}

#gallery {
  display: inline;
  float: right;
  width: 216px;
  margin-right: 0px;
  background: white;
}

#gallery .inner {
  padding: 0;
}

#gallery h2 {
  margin: 0px;
  padding: 0px;
}

#gallery .inner div {
  border: 1px solid #ececec;
  border-top: none;
  padding: 1px;
}

#gallery th {
  font-weight: normal;
  text-align: center;
  font-size: 9px;
  line-height: 9px;
}

* html #gallery th {
  font-size: 10px;
  line-height: 10px;
}

</style>


</head>

<body>
  <div id="wrapper">
      <div id="inner">
          <div id="jnner">
          <div id="nav">
              <a href="http://www.freewebsitetemplates.com" class="f"><img src="beautysecrets-images/logo.jpg" width="221" height="328" alt="Beauty Secrets" /></a>
              <a href="http://www.freewebsitetemplates.com"><img src="beautysecrets-images/menu_01.gif" width="32" height="328" alt="beauty secrets homepage" /></a>
              <a href="http://www.freewebsitetemplates.com"><img src="beautysecrets-images/menu_02.gif" width="32" height="328" alt="about beauty secrets" /></a>
              <a href="http://www.freewebsitetemplates.com"><img src="beautysecrets-images/menu_03.gif" width="32" height="328" alt="beauty secrets models" /></a>
              <a href="http://www.freewebsitetemplates.com" class="l"><img src="beautysecrets-images/menu_04.gif" width="31" height="328" alt="contact beauty secrets members" /></a>
          </div><!-- end nav -->
          <div id="right">
              <div class="boxed">
          <div>
                  <img src="beautysecrets-images/picture_1.jpg" width="68" height="87" alt="picture 1" id="nails" />
                  <h3><img src="beautysecrets-images/title_nail_care.jpg" width="66" height="13" alt="nail care" /></h3>
                 <p>You can find some <a href="http://www.webhostingservices.us/">web hosting services</a> which are also a need for website building which are listed in web hosting search.</p><br />
                  <p class="buynow"><a href="http://www.freewebsitetemplates.com">BUY <b>NOW</b></a></p>
                  <p class="price">Price: &nbsp; $45.97</p>
                </div>
        
      </div><!-- end .boxed -->
              <div class="boxed"><div>
                  <img src="beautysecrets-images/picture_2.jpg" width="96" height="87" alt="picture 2" id="skins" />
                  <h3><img src="beautysecrets-images/title_skin_care.jpg" width="68" height="14" alt="skin care" /></h3>
                    <p>This is a template designed by free website templates for you for free you can replace all the text by your own 
        text. This is just a place holder so you can see how the site would look like.</p>
                  <p class="buynow"><a href="http://www.freewebsitetemplates.com">BUY <b>NOW</b></a></p>
                  <p class="price">Price: &nbsp; $45.97</p>
              </div></div><!-- end .boxed -->
              <div class="boxed" id="thelastbox"><div>
                  <img src="beautysecrets-images/picture_3.jpg" width="63" height="90" alt="picture 3" id="makess" />
                  <h3><img src="beautysecrets-images/title_makeup.jpg" width="56" height="13" alt="makeup" /></h3>
                 <p>If you're looking for beautiful and professionally made templates you can find them at <a href="http://www.templatebeauty.com">Template Beauty</a>.</p><p>Even more websites all about website templates on <a href="http://www.justwebtemplates.com">Just Web Templates</a>.</p>
                  <p class="buynow"><a href="http://www.freewebsitetemplates.com">BUY <b>NOW</b></a></p>
                  <p class="price">Price: &nbsp; $45.97</p>
              </div></div><!-- end .boxed -->
              <div id="models">
                  <a href="http://www.freewebsitetemplates.com" style="float:left;"><img src="beautysecrets-images/photo_lisa.jpg" width="158" height="271" alt="photo lisa" /></a>
                  <div id="gallery"><div class="inner">
                      <h2><img src="beautysecrets-images/title_models.gif" width="212" height="29" alt="models" /></h2>
                      <div><table border="0" cellspacing="1" cellpadding="0">
                          <tr>
                              <td><a href="http://www.freewebsitetemplates.com"><img src="beautysecrets-images/photo_1.jpg" width="68" height="68" alt="" /></a></td>
                              <td><a href="http://www.freewebsitetemplates.com"><img src="beautysecrets-images/photo_2.jpg" width="68" height="68" alt="" /></a></td>
                              <td><a href="http://www.freewebsitetemplates.com"><img src="beautysecrets-images/photo_3.jpg" width="68" height="68" alt="" /></a></td>
                          </tr>
                          <tr>
                              <th>Angela M.</th><th>Badriya T.</th><th>Cristina H.</th>
                          </tr>
                          <tr>
                              <td><a href="http://www.freewebsitetemplates.com"><img src="beautysecrets-images/photo_4.jpg" width="68" height="68" alt="" /></a></td>
                              <td><a href="http://www.freewebsitetemplates.com"><img src="beautysecrets-images/photo_5.jpg" width="68" height="68" alt="" /></a></td>
                              <td><a href="http://www.freewebsitetemplates.com"><img src="beautysecrets-images/photo_6.jpg" width="68" height="68" alt="" /></a></td>
                          </tr>
                          <tr>
                              <th>Mebrak H.</th><th>Erica W.</th><th>Mango C.</th>
                          </tr>
                          <tr>
                              <td><a href="http://www.freewebsitetemplates.com"><img src="beautysecrets-images/photo_7.jpg" width="68" height="68" alt="" /></a></td>
                              <td><a href="http://www.freewebsitetemplates.com"><img src="beautysecrets-images/photo_8.jpg" width="68" height="68" alt="" /></a></td>
                              <td><a href="http://www.freewebsitetemplates.com"><img src="beautysecrets-images/photo_9.jpg" width="68" height="68" alt="" /></a></td>
                          </tr>
                          <tr>
                              <th>Kristie L.</th><th>Yvonne S.</th><th>April Rose</th>
                          </tr>
                      </table></div>
                  </div></div><!-- end gallery -->
              </div><!-- end models -->
          </div><!-- end right -->
          <div id="body">
              <h2><img src="beautysecrets-images/title_welcome.gif" width="348" height="33" alt="welcome to beauty secrets" /></h2>
              <div class="inner">
                    <p>This is a template designed by free website templates for you for free you can replace all the text by your own 
        text. This is just a place holder so you can see how the site would look like.</p> 
        
        <p>You can remove any link to our websites from this template you're  free to use the template without linking 
        back to us. Don't want your boss to know you used a free website template ;) .</p>
          <p>If you're looking for beautiful and professionally made templates you can find them at <a href="http://www.templatebeauty.com">Template Beauty</a>.</p>
                  <p class="readmore"><a href="http://www.freewebsitetemplates.com">more...</a></p>
              </div>
    
          </div><div class="clear"></div>
      </div> </div><!-- end inner -->
  </div><!-- end wrapper -->
  Hosting by <a href="http://www.webhostingservices.us/">Web Hosting Services</a>.
</body>
</html>

   
    
    
    
    
  








Related examples in the same category

1.fashion-blog
2.fashion-brand
3.fashion-store
4.fashion 2
5.FashionClub
6.fashionhouse
7.fashionhut
8.fashionista
9.Celebrere
10.celebrity
11.beautiful
12.Beauty&Style
13.beauty-design
14.beauty-secrets
15.beautycompany
16.beautysalon
17.metamorph_beauty
18.agedbeauty
19.face
20.facing
21.metamorph_middleage
22.clothes-collection
23.clothesfashion
24.metamorph_sweetlove
25.e16-fashion-club
26.freshair
27.wbfashion
28.ruby
29.shining-star
30.shopping