fashion-store : Fashion « Templates « HTML / CSS






fashion-store

     

<!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>Fashion Store</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type='text/css'>
body{
margin:0;
padding:0;
background:#000;
}
p {
margin:0;
padding:0;
}
img{
border:none;
}
.flt
{
float:left;
}
#mainblock{
margin:auto;
width:1000px;
}
#innerblock{
float:left;
width:1000px;
}
#toppanel{
float:left;
width:1000px;
}
.tp_heading
{
float:left;
margin:16px 0 0 352px;
font:25px Arial, Helvetica, sans-serif;
color:#F6037B;
display:inline;
}
.tp_bg
{
float:left;
background:url(fashion-store-images/tp_bg.jpg) no-repeat;
width:1000px;
height:285px;
margin-top:12px;
}
.tp_logo
{
float:left;
margin:43px 0 0 663px;
}
.tp_txt1{
float:left;
margin:50px 0 0 742px;
display:inline;
font:25px Georgia, Times New Roman, Times, serif;
color:#27EC06;
}
.tp_txt2
{
float:left;
display:inline;
margin:0px 0 0 742px;
font:36px Tahoma;
color:#27EC06;
}
.fp_menutile
{
float:left;
background:url(fashion-store-images/menu_tile.jpg) repeat-x;
width:717px;
height:60px;
}
.fp_shoppingbg{
float:left;
margin:10px 0 0 33px;
background:url(fashion-store-images/cnt_shoppingimg.gif) no-repeat;
width:216px;
height:42px;
}
.menu1,.menu2{
float:left;
margin:22px 0 0 13px;
font:bold 12px Georgia, Times New Roman, Times, serif;
color:#fff;
text-decoration:none;
}
.menu2{
margin:22px 0 0 0px;
}
.tp_divider
{
float:left;
margin:0px 13px 0 13px;
}
.tp_image1{
float:left;
margin:13px 0 0 20px;
}
.tp_txt3{
float:left;
font:12px Arial, Helvetica, sans-serif;
margin:13px 0 0 10px;
color:#FEEDD6;
}

.contentblock{
float:left;
width:1000px;
margin-top:10px;
display:inline;
}
/*conetnt panel starts here*/
.contentpanel
{
float:left;
width:669px;
display:inline;
margin-left:30px;
}
.cnt_headingblock
{
float:left;
background:url(fashion-store-images/cnt_headingtile.jpg) repeat-x;
width:669px;
height:31px;
}
.cnt_btn1{
float:left;
margin:10px 0 0 25px;
}
.cnt_heading
{
float:left;
margin:1px 0 0 10px;
}
.cnt_image1
{
float:left;
margin:38px 0 0 48px;
border:1px solid #C710C4;
}
/*content panel ends up*/

/*right panel starts here*/
.rightpanel{
float:right;
width:258px;
display:inline;
}
.rp_headingblock
{
float:left;
background:url(fashion-store-images/rp_tile.gif) repeat-x;
width:258px;
height:31px;
}
.cnt_btn2{
float:left;
margin:30px 0 0 25px;
}
.cnt_txt1
{
float:left;
margin:25px 0 0 10px;
width:620px;
font:12px Arial, Helvetica, sans-serif;
color:#FFF;
}
.cnt_readmore
{
float:left;
margin:20px 0 0 40px;
padding-bottom:15px;
}
.cnt_paypal{
float:left;
margin:26px 0 0 21px;
padding-bottom:40px;
}
.cnt_txt2
{
float:left;
font:12px Arial, Helvetica, sans-serif;
color:#FFF;
margin:20px 0 0 220px;
}

.cnt_innerblock1{
float:left;
width:640px;
margin:0px 0 0 10px;
display:inline;
background:url(fashion-store-images/cnt_tile2.gif) repeat-y;
}
.cnt_inner1{
float:left;
width:200px;
}
.cntr_btn{
float:left;
margin:3px 0 0 20px;
}
.cnt_listtxt{
float:left;
font:11px Tahoma;
margin:0px 0 0 10px;
color:#FFF;
}
.rp_block1{
float:left;
background:#0B0B0B;
width:258px;
}
.rp_block2{
float:left;
background:#0B0B0B;
width:258px;
border:1px solid #262525;
}

.rp_listblock{
float:left;
clear:left;
width:220px;
}
.rp_btn3{
float:left;
margin:15px 0 0 30px;
display:inline;
}
.rp_listtxt{
float:left;
margin:11px 0 0 10px;
width:170px;
color:#C0B5B5;
font:11px Tahoma;
}
.rp_txt1
{
float:left;
margin:10px 0 0 7px;
font:11px/16px Arial, Helvetica, sans-serif;
color:#FFF;
}
.rp_txt2
{
float:left;
margin:3px 0 0 5px;
font:bold 18px Arial, Helvetica, sans-serif;
color:#EFD711;
text-decoration:underline;
}
.rp_image1{
float:left;
margin:10px 0 0 0px;
}
.fp_bg
{
float:left;
background:url(fashion-store-images/fp_bg.jpg) no-repeat;
width:1000px;
height:95px;
}

#footerblock{
float:left;
margin:30px 0 0 180px;
width:700px;
display:inline;
}
.fp_txt{
float:left;
margin:0px 0 0 0px;
font:11px Tahoma;
color:#969595;
text-decoration:none;
display:inline;
}
.fp_divi{
float:left;
margin:0px 10px 0 10px;
font:11px Tahoma;
color:#969595;
display:inline;
}
.fp_txt1
{
float:left;
font:11px Tahoma;
color:#969595;
display:inline;
margin:10px 0 0 170px;
padding-bottom:15px;
}


</style>


</head>
<body>
<div id="mainblock">
  <div id="innerblock">
    <div id="toppanel">
      <div class="tp_heading">EBAY FASHION STORE</div>
      <div class="tp_bg"> <a href="http://www.free-css.com/"><img src="fashion-store-images/tp_logo.jpg" width="329" height="71" alt="" class="tp_logo" /></a>
        <div class="tp_txt1">Collect your favorite</div>
        <div class="tp_txt2">fashion store</div>
      </div>
      <div class="fp_menutile"> <a href="http://www.free-css.com/" class="menu1">Home Page</a> <img src="fashion-store-images/tp_divider.gif" width="2" height="59" alt="" class="tp_divider" /> <a href="http://www.free-css.com/" class="menu2">Payments</a> <img src="fashion-store-images/tp_divider.gif" width="2" height="59" alt="" class="tp_divider" /> <a href="http://www.free-css.com/" class="menu2">Shipping</a> <img src="fashion-store-images/tp_divider.gif" width="2" height="59" alt="" class="tp_divider" /> <a href="http://www.free-css.com/" class="menu2">Terms</a> <img src="fashion-store-images/tp_divider.gif" width="2" height="59" alt="" class="tp_divider" /> <a href="http://www.free-css.com/" class="menu2">Our Store</a> <img src="fashion-store-images/tp_divider.gif" width="2" height="59" alt="" class="tp_divider" /> <a href="http://www.free-css.com/" class="menu2">services</a> <img src="fashion-store-images/tp_divider.gif" width="2" height="59" alt="" class="tp_divider" /> <a href="http://www.free-css.com/" class="menu2">collection</a> <img src="fashion-store-images/tp_divider.gif" width="2" height="59" alt="" class="tp_divider" /> <a href="http://www.free-css.com/" class="menu2"> Contact Us</a> </div>
      <div class="fp_shoppingbg"> <img src="fashion-store-images/tp_image.jpg" width="13" height="11" alt="" class="tp_image1" />
        <div class="tp_txt3">Shopping Cart &nbsp;&nbsp;&nbsp;0 items</div>
      </div>
    </div>
    <div class="contentblock">
      <div class="contentpanel">
        <div class="cnt_headingblock"> <img src="fashion-store-images/cnt_btn1.gif" width="13" height="13" alt="" class="cnt_btn1" /> <img src="fashion-store-images/cnt_heading1.jpg" width="151" height="30" alt="" class="cnt_heading" /> </div>
        <div style="float:left; padding-bottom:55px;"> <img src="fashion-store-images/cnt_image1.jpg" width="161" height="120" alt="" class="cnt_image1" /> <img src="fashion-store-images/cnt_image2.jpg" width="160" height="119" alt="" class="cnt_image1" /> <img src="fashion-store-images/cnt_image3.jpg" width="162" height="119" alt="" class="cnt_image1" /> </div>
        <div class="cnt_headingblock"> <img src="fashion-store-images/cnt_btn1.gif" width="13" height="13" alt="" class="cnt_btn1" /> <img src="fashion-store-images/cnt_heading2.jpg" width="260" height="30" alt="" class="cnt_heading" /> </div>
        <div style="float:left; width:670px;"> <img src="fashion-store-images/cnt_btn2.gif" width="5" height="5" alt="" class="cnt_btn2" />
          <div class="cnt_txt1">Sed et purus vitae dolor dictum condimentum. Vivamus a sapien vitae purus iaculis sodales. Maecenas sodales, urna id venenatis viverra.</div>
        </div>
        <div style="float:left; width:670px;"> <img src="fashion-store-images/cnt_btn2.gif" width="5" height="5" alt="" class="cnt_btn2" />
          <div class="cnt_txt1">Cras interdum Aenean eget dolorPraesent tincidunt tempus leoDuis nibh ante egestas in luctus facilisis, congue et, risus. </div>
        </div>
        <div style="float:left; width:670px;"> <img src="fashion-store-images/cnt_btn2.gif" width="5" height="5" alt="" class="cnt_btn2" />
          <div class="cnt_txt1">Aenean ut eros ac sapien mattis vestibulum. Nulla facilisi. Vestibulum semNullam dolor libero elementum sit ameteuismod vitae.</div>
        </div>
        <a href="http://www.free-css.com/"><img src="fashion-store-images/cnt_readmore.gif" width="88" height="26" alt="" class="cnt_readmore" /></a>
        <div class="cnt_headingblock"> <img src="fashion-store-images/cnt_btn1.gif" width="13" height="13" alt="" class="cnt_btn1" /> <img src="fashion-store-images/cnt_heading4.jpg" width="175" height="30" alt="" class="cnt_heading" /> </div>
        <div style="float:left; width:650px;"> <img src="fashion-store-images/cnt_paypal.gif" width="219" height="84" alt="" class="cnt_paypal" />
          <div class="cnt_txt2"> <strong>Perferrred/Accepted</strong><br />
            <br />
            Upto $250 in buyer<br />
            protection<br />
            <br />
            Not Available </div>
        </div>
        <div class="cnt_headingblock"> <img src="fashion-store-images/cnt_btn1.gif" width="13" height="13" alt="" class="cnt_btn1" /> <img src="fashion-store-images/cnt_heading3.gif" width="210" height="22" alt="" class="cnt_heading" /> </div>
        <div class="cnt_innerblock1">
          <div class="cnt_inner1">
            <p style="float:left; width:180px; margin:10px 0 0 10px;"> <img src="fashion-store-images/cnt_btn3.gif" width="6" height="7" alt="" class="cntr_btn" /> <span class="cnt_listtxt">Lorem ipsum</span> </p>
            <p style="float:left; width:180px; margin:10px 0 0 10px;"> <img src="fashion-store-images/cnt_btn3.gif" width="6" height="7" alt="" class="cntr_btn" /> <span class="cnt_listtxt">Sodales lectus</span> </p>
            <p style="float:left; width:180px; margin:10px 0 0 10px;"> <img src="fashion-store-images/cnt_btn3.gif" width="6" height="7" alt="" class="cntr_btn" /> <span class="cnt_listtxt">Donec a turpis </span> </p>
            <p style="float:left; width:180px; margin:10px 0 0px 10px; padding-bottom:15px;"> <img src="fashion-store-images/cnt_btn3.gif" width="6" height="7" alt="" class="cntr_btn" /> <span class="cnt_listtxt">Lobortis mauris</span> </p>
          </div>
          <div class="cnt_inner1">
            <p style="float:left; width:180px; margin:10px 0 0 0px;"> <img src="fashion-store-images/cnt_btn3.gif" width="6" height="7" alt="" class="cntr_btn" /> <span class="cnt_listtxt">Pretium ipsum.</span> </p>
            <p style="float:left; width:180px; margin:10px 0 0 0px;"> <img src="fashion-store-images/cnt_btn3.gif" width="6" height="7" alt="" class="cntr_btn" /> <span class="cnt_listtxt">Aenean eget</span> </p>
            <p style="float:left; width:180px; margin:10px 0 0 0px;"> <img src="fashion-store-images/cnt_btn3.gif" width="6" height="7" alt="" class="cntr_btn" /> <span class="cnt_listtxt">Nullam egestas</span> </p>
            <p style="float:left; width:180px; margin:10px 0 0 0px;"> <img src="fashion-store-images/cnt_btn3.gif" width="6" height="7" alt="" class="cntr_btn" /> <span class="cnt_listtxt">Sollicitudin luctus.</span> </p>
          </div>
          <div class="cnt_inner1">
            <p style="float:left; width:180px; margin:10px 0 0 0px;"> <img src="fashion-store-images/cnt_btn3.gif" width="6" height="7" alt="" class="cntr_btn" /> <span class="cnt_listtxt">Pretium ipsum.</span> </p>
            <p style="float:left; width:180px; margin:10px 0 0 0px;"> <img src="fashion-store-images/cnt_btn3.gif" width="6" height="7" alt="" class="cntr_btn" /> <span class="cnt_listtxt">Aenean eget</span> </p>
            <p style="float:left; width:180px; margin:10px 0 0 0px;"> <img src="fashion-store-images/cnt_btn3.gif" width="6" height="7" alt="" class="cntr_btn" /> <span class="cnt_listtxt">Nullam egestas</span> </p>
            <p style="float:left; width:180px; margin:10px 0 0 0px;"> <img src="fashion-store-images/cnt_btn3.gif" width="6" height="7" alt="" class="cntr_btn" /> <span class="cnt_listtxt">Sollicitudin luctus.</span> </p>
          </div>
        </div>
      </div>
      <div class="rightpanel">
        <div class="rp_headingblock"> <img src="fashion-store-images/rp_btn1.gif" width="13" height="13" alt="" class="cnt_btn1" /> <img src="fashion-store-images/rp_heading1.gif" width="103" height="30" alt="" class="cnt_heading" /> </div>
        <div class="rp_block1">
          <div class="rp_listblock"> <img src="fashion-store-images/rp_btn2.gif" width="8" height="8" alt="" class="rp_btn3" />
            <p class="rp_listtxt">Body Jewelry</p>
          </div>
          <div class="rp_listblock"> <img src="fashion-store-images/rp_btn2.gif" width="8" height="8" alt="" class="rp_btn3" />
            <p class="rp_listtxt">Anklets</p>
          </div>
          <div class="rp_listblock"> <img src="fashion-store-images/rp_btn2.gif" width="8" height="8" alt="" class="rp_btn3" />
            <p class="rp_listtxt">Barefoot Sandals</p>
          </div>
          <div class="rp_listblock"> <img src="fashion-store-images/rp_btn2.gif" width="8" height="8" alt="" class="rp_btn3" />
            <p class="rp_listtxt">Belly Chains</p>
          </div>
          <div class="rp_listblock"> <img src="fashion-store-images/rp_btn2.gif" width="8" height="8" alt="" class="rp_btn3" />
            <p class="rp_listtxt">Body Piercing</p>
          </div>
          <div class="rp_listblock"> <img src="fashion-store-images/rp_btn2.gif" width="8" height="8" alt="" class="rp_btn3" />
            <p class="rp_listtxt">Cleaners &amp; Polish</p>
          </div>
          <div class="rp_listblock"> <img src="fashion-store-images/rp_btn2.gif" width="8" height="8" alt="" class="rp_btn3" />
            <p class="rp_listtxt">Findings</p>
          </div>
          <div class="rp_listblock"> <img src="fashion-store-images/rp_btn2.gif" width="8" height="8" alt="" class="rp_btn3" />
            <p class="rp_listtxt">Settings</p>
          </div>
          <div class="rp_listblock"> <img src="fashion-store-images/rp_btn2.gif" width="8" height="8" alt="" class="rp_btn3" />
            <p class="rp_listtxt">Bath Bombs &amp; Fizzies</p>
          </div>
          <div class="rp_listblock"> <img src="fashion-store-images/rp_btn2.gif" width="8" height="8" alt="" class="rp_btn3" />
            <p class="rp_listtxt">Bath Brushes &amp; Sponges</p>
          </div>
          <div class="rp_listblock"> <img src="fashion-store-images/rp_btn2.gif" width="8" height="8" alt="" class="rp_btn3" />
            <p class="rp_listtxt">Bath Oils</p>
          </div>
          <div class="rp_listblock"> <img src="fashion-store-images/rp_btn2.gif" width="8" height="8" alt="" class="rp_btn3" />
            <p class="rp_listtxt">Bath Sets &amp; Kits</p>
          </div>
          <div class="rp_listblock"> <img src="fashion-store-images/rp_btn2.gif" width="8" height="8" alt="" class="rp_btn3" />
            <p class="rp_listtxt">Body Lotions</p>
          </div>
          <div class="rp_listblock"> <img src="fashion-store-images/rp_btn2.gif" width="8" height="8" alt="" class="rp_btn3" />
            <p class="rp_listtxt">Body Powders</p>
          </div>
          <div class="rp_listblock"> <img src="fashion-store-images/rp_btn2.gif" width="8" height="8" alt="" class="rp_btn3" />
            <p class="rp_listtxt">Body Scrubs</p>
          </div>
          <div class="rp_listblock" style="padding-bottom:20px;"> <img src="fashion-store-images/rp_btn2.gif" width="8" height="8" alt="" class="rp_btn3" />
            <p class="rp_listtxt">Body Sprays &amp; Mists</p>
          </div>
        </div>
        <div class="rp_headingblock"> <img src="fashion-store-images/rp_btn1.gif" width="13" height="13" alt="" class="cnt_btn1" /> <img src="fashion-store-images/rp_heading2.jpg" width="160" height="28" alt="" class="cnt_heading" /> </div>
        <div class="rp_block2">
          <div style="float:left; width:130px; border-right:1px solid #1E1E1E;">
            <div class="rp_txt1">Items must be returned with in</div>
            <div class="rp_txt1">Refund will be given as : </div>
          </div>
          <div style="float:left; width:100px;">
            <div class="rp_txt1">7 Days</div>
            <div class="rp_txt1" style="clear:left; margin-top:25px;">Credit</div>
          </div>
        </div>
        <div class="rp_headingblock" style="margin-top:15px;"> <img src="fashion-store-images/rp_btn1.gif" width="13" height="13" alt="" class="cnt_btn1" /> <img src="fashion-store-images/rp_heading3.jpg" width="88" height="30" alt="" class="cnt_heading" /> </div>
        <div class="rp_block2">
          <div class="rp_txt1"><strong>If you have any questions</strong></div>
          <div class="rp_txt2">contact us.</div>
          <div class="rp_txt1" style="padding-bottom:10px;"> 25/4568, johnson Street,<br />
            Gerogenaidu Road,<br />
            New York-456 789<br />
            Ph : 1234 4575<br />
            E-mail : <a href="http://www.free-css.com/" style="color:#B7B0B0;">info@companyname.com</a><br />
          </div>
        </div>
        <img src="fashion-store-images/rp_image1.jpg" width="256" height="71" alt="" class="rp_image1" /> </div>
    </div>
    <div class="fp_bg">
      <div id="footerblock"> <a href="http://www.free-css.com/" class="fp_txt">Home Page</a>
        <p class="fp_divi">|</p>
        <a href="http://www.free-css.com/" class="fp_txt">Payments</a>
        <p class="fp_divi">|</p>
        <a href="http://www.free-css.com/"  class="fp_txt">Shipping</a>
        <p class="fp_divi">|</p>
        <a href="http://www.free-css.com/"  class="fp_txt">Terms</a>
        <p class="fp_divi">|</p>
        <a href="http://www.free-css.com/"  class="fp_txt">Contact Us</a>
        <p class="fp_divi">|</p>
        <a href="http://www.free-css.com/"  class="fp_txt">Our Store</a>
        <p class="fp_divi">|</p>
        <a href="http://www.free-css.com/"  class="fp_txt">services</a>
        <p class="fp_divi">|</p>
        <a href="http://www.free-css.com/"  class="fp_txt">collection</a>
        <p class="fp_divi">|</p>
        <a href="http://www.free-css.com/"  class="fp_txt">contact Us</a>
        <p class="fp_txt1"><a href="http://www.buytemplates.net/eBay-auction-templates-web-templates.aspx" style="color:#FFFFFF;">E-bay template</a> from buytemplates.net 2008. All Rights Reserved.</p>
      </div>
    </div>
  </div>
</div>
</body>
</html>

   
    
    
    
    
  








Related examples in the same category

1.fashion-blog
2.fashion-brand
3.fashion 2
4.FashionClub
5.fashionhouse
6.fashionhut
7.fashionista
8.Celebrere
9.celebrity
10.beautiful
11.Beauty&Style
12.beauty-design
13.beauty-secrets
14.beautycompany
15.beautysalon
16.beautysecrets
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