gift-gallery : Design 5 « Templates « HTML / CSS






  1. HTML / CSS
  2. Templates
  3. Design 5

gift-gallery

    

<!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>Gift Gallery</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type='text/css'>
body{
margin:0;
padding:0;
}
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;
background:url(gift-gallery-images/tp_bg.jpg) no-repeat;
height:326px;
}
.tp_logo{
float:left;
margin:20px 0 0 40px;
}
.tp_shopping_img
{
float:left;
margin:22px 0 0 416px;
}
.tp_txt1,.tp_txt2{
float:left;
font:11px Tahoma;
color:#79010D;
margin:20px 0 0 10px;
text-decoration:none;
display:inline;
}
.tp_txt2{
margin:20px 0 0 60px;
}
.tp_menu_tile{
float:left;
width:654px;
height:52px;
margin:29px 0 0 36px;
background:url(gift-gallery-images/tp_menu_tile.gif) repeat-x;
border:1px solid #C7244B;
}
.tp_menu1,.tp_menu2{
float:left;
margin:18px 0 0 25px;
font:bold 13px Tahoma;
text-decoration:none;
color:#CF122A;
}
.tp_menu2{
margin:18px 0 0 0px;
color:#A13E97;
}
.tp_menu_tile a:hover
{
color:#CF122A;
}
.tp_divider{
float:left;
margin:7px 23px 0 23px;
}
.tp_tile2{
float:left;
margin:14px 0 0 331px;
display:inline;
background:url(gift-gallery-images/tp_tile2.gif) repeat-x;
width:622px;
height:34px;
border:1px solid #C7244B;
}
.tp_btn1{
float:left;
margin:10px 0 0 12px;
}
.tp_heading{
float:left;
font:17px Tahoma;
color:#FFFFFF;
margin:5px 0 0 5px;
}
.tp_block{
float:left;
width:148px;
background:#FDD8EF;
margin-left:331px;
display:inline;  
}
.tp_image01
{
float:left;
margin:5px 0 0 4px;
padding-bottom:5px;
}
.tp_block1{
float:left;
width:148px;
background:#FDD8EF;
margin-left:10px;
display:inline;  
}
#contentblock{
float:left;
width:1000px;
padding-bottom:10px;
background:#FEEDFC;
}
#leftpanel
{
float:left;
width:268px;
border:1px solid #FCDFF9;
background:#FFEEFE;
margin:5px 0 0 35px;
display:inline;
}
#contentpanel{
float:left;
width:654px;
background:#FFFFFF;
margin:0px 0 0 10px;
display:inline;
}
.lp_tile{
float:left;
width:245px;
background:url(gift-gallery-images/lp_tile.gif) repeat-x;
height:34px;
display:inline;
margin:13px 0 0 2px;
}
.lp_btn1
{
float:left;
margin:12px 0 0 12px;
}
.lp_heading{
float:left;
margin:7px 0 0 10px;
font:17px Tahoma;
color:#95268A;
}
.rp_listblock{
float:left;
clear:left;
width:200px;
}
.rp_btn3{
float:left;
margin:14.5px 0 0 30px;
display:inline;
}
.rp_listtxt{
float:left;
text-decoration:none;
margin:10px 0 0 5px;
width:155px;
color:#22011F;
font:11px Tahoma;
}
.lp_block,.lp_block1{
float:left;
border:1px solid #F2D7F0;
width:268px;
}
.lp_block1{
margin-top:10px;
}
.lp_txt{
float:left;
display:inline;
margin:10px 0 0 20px;
font:11px/18px Tahoma;
}
.cnt_tile2{
float:left;
margin:14px 0 0 15px;
display:inline;
background:url(gift-gallery-images/tp_tile2.gif) repeat-x;
width:622px;
height:34px;
border:1px solid #C7244B;
}
.cnt_block1{
float:left;
width:622px;
background:#FFEEFE;
border-left:1px solid #FFD3FA;
border-right:1px solid #FFD3FA;
border-bottom:1px solid #FFD3FA;
margin-left:15px;
display:inline;
}
.cnt_txt1,.cnt_txt2{
float:left;
font:11px/20px Tahoma;
margin:15px 0 0 25px;
display:inline;
color:#22011F;
}
.cnt_txt2{
margin:10px 0 0 25px;
padding-bottom:10px;
clear:left;
font:11px/15px Tahoma;
width:420px;
}
.cnt_image1{
float:right;
margin:10px 10px 0 0px;
border:2px solid #FED7F9;
}
.cnt_txt3{
float:left;
font:11px/15px Tahoma;
width:560px;
margin:10px 0 0 10px;
}
.cnt_btn4{
float:left;
margin:14px 0 0 25px;
display:inline;
}
.cnt_readmore{
float:left;
margin:10px 0 0 25px;
padding-bottom:10px;
clear:left;
width:60px;
font:11px/15px Tahoma;
color:#FB0616;
}
.cnt_txt4{
float:left;
font:11px/15px Tahoma;
width:560px;
margin:10px 0 0 28px;
display:inline;
}
.cnt_payment{
float:left;
margin:10px 0 0 30px;
font:11px Tahoma;
}
.cnt_paypal{
float:left;
margin:0px 0 0 20px;
padding-bottom:10px;
}
.lp_image
{
float:left;
margin:10px 0 0 0px;
}
/*footer panel starts herer*/
#footerpanel{
float:left;
width:100%;
background:#6C495E;
}
#footerblock{
float:left;
margin:16px 0 0 305px;
width:400px;
display:inline;
}
.fp_txt{
float:left;
margin:0px 0 0 0px;
font:11px Tahoma;
color:#C4B6BF;
text-decoration:none;
display:inline;
}
.fp_divi{
float:left;
margin:0px 10px 0 10px;
font:11px Tahoma;
color:#C4B6BF;
display:inline;
}
.fp_txt1
{
float:left;
font:11px Tahoma;
color:#C4B6BF;
display:inline;
margin:10px 0 0 100px;
padding-bottom:15px;
}


</style>


</head>
<body>
<div id="mainblock">
  <!--inner block starts here -->
  <div id="innerblock">
    <div id="toppanel"> <img src="gift-gallery-images/tp_logo.gif" width="238" height="54" alt="" class="tp_logo" /> <img src="gift-gallery-images/tp_shopping_img.gif" width="13" height="11" alt="" class="tp_shopping_img" /> <a href="http://www.free-css.com/" class="tp_txt1">Shopping Cart <br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;0 items</a> <a href="http://www.free-css.com/" class="tp_txt2">sign in :: Register</a>
      <div class="tp_menu_tile"> <a href="http://www.free-css.com/" class="tp_menu1">Home Page</a> <img src="gift-gallery-images/tp_divider.gif" width="2" height="39" alt="" class="tp_divider" /> <a href="http://www.free-css.com/" class="tp_menu2">Payments</a> <img src="gift-gallery-images/tp_divider.gif" width="2" height="39" alt="" class="tp_divider" /> <a href="http://www.free-css.com/" class="tp_menu2">Shipping</a> <img src="gift-gallery-images/tp_divider.gif" width="2" height="39" alt="" class="tp_divider" /> <a href="http://www.free-css.com/" class="tp_menu2">Terms</a> <img src="gift-gallery-images/tp_divider.gif" width="2" height="39" alt="" class="tp_divider" /> <a href="http://www.free-css.com/" class="tp_menu2">Contact Us</a> <img src="gift-gallery-images/tp_divider.gif" width="2" height="39" alt="" class="tp_divider" /> <a href="http://www.free-css.com/" class="tp_menu2">Our Store</a> </div>
      <div class="tp_tile2"> <img src="gift-gallery-images/tp_btn1.gif" width="15" height="15" alt="" class="tp_btn1" />
        <p class="tp_heading">Photo Gallery</p>
      </div>
      <div class="tp_block"><img src="gift-gallery-images/tp_image01.gif" width="140" height="135" alt="" class="tp_image01" /></div>
      <div class="tp_block1"><img src="gift-gallery-images/tp_image02.gif" width="140" height="135" alt="" class="tp_image01" /></div>
      <div class="tp_block1"><img src="gift-gallery-images/tp_image03.gif" width="140" height="135" alt="" class="tp_image01" /></div>
      <div class="tp_block1"><img src="gift-gallery-images/tp_image04.gif" width="140" height="135" alt="" class="tp_image01" /></div>
    </div>
    <div id="contentblock">
      <div id="leftpanel">
        <div class="lp_block">
          <div class="lp_tile"> <img src="gift-gallery-images/lp_btn1.gif" width="15" height="15" alt="" class="lp_btn1" />
            <p class="lp_heading">Categories</p>
          </div>
          <div class="rp_listblock"> <img src="gift-gallery-images/lp_btn2.gif" width="6" height="5" alt="" class="rp_btn3" /> <a href="http://www.free-css.com/" class="rp_listtxt">Accessories</a> </div>
          <div class="rp_listblock"> <img src="gift-gallery-images/lp_btn2.gif" width="6" height="5" alt="" class="rp_btn3" /> <a href="http://www.free-css.com/" class="rp_listtxt">Bareare &amp; Glassware</a> </div>
          <div class="rp_listblock"> <img src="gift-gallery-images/lp_btn2.gif" width="6" height="5" alt="" class="rp_btn3" /> <a href="http://www.free-css.com/" class="rp_listtxt">Cameras &amp; Opticals</a> </div>
          <div class="rp_listblock"> <img src="gift-gallery-images/lp_btn2.gif" width="6" height="5" alt="" class="rp_btn3" /> <a href="http://www.free-css.com/" class="rp_listtxt">Audio &amp; video</a> </div>
          <div class="rp_listblock"> <img src="gift-gallery-images/lp_btn2.gif" width="6" height="5" alt="" class="rp_btn3" /> <a href="http://www.free-css.com/" class="rp_listtxt">Best Collections</a> </div>
          <div class="rp_listblock"> <img src="gift-gallery-images/lp_btn2.gif" width="6" height="5" alt="" class="rp_btn3" /> <a href="http://www.free-css.com/" class="rp_listtxt">Computer Accerssories</a> </div>
          <div class="rp_listblock"> <img src="gift-gallery-images/lp_btn2.gif" width="6" height="5" alt="" class="rp_btn3" /> <a href="http://www.free-css.com/" class="rp_listtxt">Home Traders</a> </div>
          <div class="rp_listblock"> <img src="gift-gallery-images/lp_btn2.gif" width="6" height="5" alt="" class="rp_btn3" /> <a href="http://www.free-css.com/" class="rp_listtxt">Home Electricals</a> </div>
          <div class="rp_listblock"> <img src="gift-gallery-images/lp_btn2.gif" width="6" height="5" alt="" class="rp_btn3" /> <a href="http://www.free-css.com/" class="rp_listtxt">Office Products</a> </div>
          <div class="rp_listblock"> <img src="gift-gallery-images/lp_btn2.gif" width="6" height="5" alt="" class="rp_btn3" /> <a href="http://www.free-css.com/" class="rp_listtxt">Health &amp; Beauty Products</a> </div>
          <div class="rp_listblock"> <img src="gift-gallery-images/lp_btn2.gif" width="6" height="5" alt="" class="rp_btn3" /> <a href="http://www.free-css.com/" class="rp_listtxt">Collection Books</a> </div>
          <div class="rp_listblock"> <img src="gift-gallery-images/lp_btn2.gif" width="6" height="5" alt="" class="rp_btn3" /> <a href="http://www.free-css.com/" class="rp_listtxt">Historical things</a> </div>
          <div class="rp_listblock"> <img src="gift-gallery-images/lp_btn2.gif" width="6" height="5" alt="" class="rp_btn3" /> <a href="http://www.free-css.com/" class="rp_listtxt">Housewares</a> </div>
          <div class="rp_listblock"> <img src="gift-gallery-images/lp_btn2.gif" width="6" height="5" alt="" class="rp_btn3" /> <a href="http://www.free-css.com/" class="rp_listtxt">Blockbuster gift card</a> </div>
          <div class="rp_listblock"> <img src="gift-gallery-images/lp_btn2.gif" width="6" height="5" alt="" class="rp_btn3" /> <a href="http://www.free-css.com/" class="rp_listtxt">Best Magazines</a> </div>
          <div class="rp_listblock"> <img src="gift-gallery-images/lp_btn2.gif" width="6" height="5" alt="" class="rp_btn3" /> <a href="http://www.free-css.com/" class="rp_listtxt">Movie Tickets</a> </div>
          <div class="rp_listblock"> <img src="gift-gallery-images/lp_btn2.gif" width="6" height="5" alt="" class="rp_btn3" /> <a href="http://www.free-css.com/" class="rp_listtxt">Musical products</a> </div>
          <div class="rp_listblock"> <img src="gift-gallery-images/lp_btn2.gif" width="6" height="5" alt="" class="rp_btn3" /> <a href="http://www.free-css.com/" class="rp_listtxt">Cell Phones</a> </div>
          <div class="rp_listblock" style="padding-bottom:10px;"> <img src="gift-gallery-images/lp_btn2.gif" width="6" height="5" alt="" class="rp_btn3" /> <a href="http://www.free-css.com/" class="rp_listtxt">Others</a> </div>
        </div>
        <div class="lp_block1">
          <div class="lp_tile"> <img src="gift-gallery-images/lp_btn1.gif" width="15" height="15" alt="" class="lp_btn1" />
            <p class="lp_heading">Categories</p>
          </div>
          <p class="lp_txt"><span style="color:#FB0616;">If you have any questions contact us.</span><br />
            17/4568, southern Street,<br />
            Gerogenaidu Road,<br />
            New York-456 789<br />
            Ph : 1234 5678<br />
            E-mail : <a href="http://www.free-css.com/" style="color:#FB0616;">info@companyname.com</a> </p>
        </div>
        <a href="http://www.free-css.com/"><img src="gift-gallery-images/lp_image.gif" width="279" height="129" alt="" class="lp_image" /></a> </div>
      <div id="contentpanel">
        <div style="float:left; ">
          <div class="cnt_tile2"> <img src="gift-gallery-images/tp_btn1.gif" width="15" height="15" alt="" class="tp_btn1" />
            <p class="tp_heading">Description</p>
          </div>
          <div class="cnt_block1">
            <div style="float:left; display:inline; width:400px;">
              <p class="cnt_txt1"> Name : Christmas kit Set<br />
                RRP : US $75.99/-<br />
                Origin : Made in Germany<br />
                Size : 3.5"*2.75" </p>
              <p class="cnt_txt2">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam ut nulla quis lectus scelerisque tincidunt. Inhac habtasse platea dictumst. Integer cursus.Mauris ligula purus, sagittis a, venenatis <a href="http://www.free-css.com/" style="color:#FB0616;">Read more</a></p>
            </div>
            <img src="gift-gallery-images/cnt_image1.gif" width="135" height="115" alt="" class="cnt_image1" /> </div>
        </div>
        <div style="float:left;">
          <div class="cnt_tile2"> <img src="gift-gallery-images/tp_btn1.gif" width="15" height="15" alt="" class="tp_btn1" />
            <p class="tp_heading">Shipping &amp; Handling</p>
          </div>
          <div class="cnt_block1"> <img src="gift-gallery-images/lp_btn2.gif" width="6" height="5" alt="" class="cnt_btn4" />
            <p class="cnt_txt3">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam ut nulla quis lectus scelerisque tincidunt. Inhac hab tasse platea dictumst. Integer cursus</p>
            <img src="gift-gallery-images/lp_btn2.gif" width="6" height="5" alt="" class="cnt_btn4" />
            <p class="cnt_txt3">Pellentesque tempor pretium odio. Proin eget urna adipiscing lorem mollis convallis. Duis non purus ut augue rhoncus eleifend. Aenean sit amet odio. Sed blandit, nunc vel aliquet egestasmi.</p>
            <img src="gift-gallery-images/lp_btn2.gif" width="6" height="5" alt="" class="cnt_btn4" />
            <p class="cnt_txt3">Aliquam erat volutpat. Donec egestas luctus erat. Suspendisse neque justo, ultrices id, interdum id, rhoncus ut, lacus. Duis suscipit eros et ante. Praesent adipiscing nulla vitae risus.</p>
            <a href="http://www.free-css.com/" class="cnt_readmore">read more</a> </div>
        </div>
        <div style="float:left;">
          <div class="cnt_tile2"> <img src="gift-gallery-images/tp_btn1.gif" width="15" height="15" alt="" class="tp_btn1" />
            <p class="tp_heading">Payments Details</p>
          </div>
          <div class="cnt_block1">
            <p class="cnt_txt4">Aliquam erat volutpat. Donec egestas luctus erat. Suspendisse neque justo, ultrices id, interdum id, rhoncus ut, lacus. Duis suscipit eros et ante. Praesent adipiscing nulla vitae risus.</p>
            <p class="cnt_txt4">Ut feugiat suscipit massa. Quisque dignissim, nisi eget cursus aliquet, dolor felis pellentesque sapien, eu lobortis enim massa ac dui.</p>
            <p class="cnt_payment"><strong>Payment Method</strong></p>
            <img src="gift-gallery-images/cnt_paypal.gif" width="203" height="33" alt="" class="cnt_paypal" /> </div>
        </div>
        <div style="float:left; padding-bottom:20px;">
          <div class="cnt_tile2"> <img src="gift-gallery-images/tp_btn1.gif" width="15" height="15" alt="" class="tp_btn1" />
            <p class="tp_heading">Terms &amp; Condtions</p>
          </div>
          <div class="cnt_block1"> <img src="gift-gallery-images/lp_btn2.gif" width="6" height="5" alt="" class="cnt_btn4" />
            <p class="cnt_txt3"><strong>Delivery Details</strong> Nulla imperdiet, dolor sit amet congue faucibus, leo nunc tempus urna, ut condimentum lectus velitnon sem. Donec tristique convallis lacus.</p>
            <img src="gift-gallery-images/lp_btn2.gif" width="6" height="5" alt="" class="cnt_btn4" />
            <p class="cnt_txt3"><strong>Refunds</strong> Nulla imperdiet, dolor sit amet congue faucibus, leo nunc tempus urna, ut condimentum lectus velit nonsem. Donec tristique convallis lacus.</p>
            <img src="gift-gallery-images/lp_btn2.gif" width="6" height="5" alt="" class="cnt_btn4" />
            <p class="cnt_txt3"><strong>Customer Services</strong> Nulla imperdiet, dolor sit amet congue faucibus, leo nunc tempus urna, ut condimentum lectusvelit non sem. Donec tristique convallis lacus.</p>
            <a href="http://www.free-css.com/" class="cnt_readmore">read more</a> </div>
        </div>
      </div>
    </div>
    <div id="footerpanel">
      <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 style="display:block; width:100%; color:#FFFFFF; margin:0; padding:10px 0; text-align:center; font-size:12px;">copyright, All Rights Reserved. <a href="http://www.buytemplates.net/CSS-XHTML-web-templates.aspx" style="color:#ffffff;">Css/Xhtml template</a></p>
      </div>
    </div>
    <!--inner block ends up -->
  </div>
</div>
<!--main block ends up -->
</body>
</html>








Related examples in the same category

1.d-tv
2.dogstemplate
3.domesticated
4.dottis
5.duet-plasma
6.dusky
7.dusplic
8.dynamic
9.dzine
10.eastern-tales
11.easybreeze
12.easymoto
13.eatlon
14.ebullient
15.echo
16.ecolution-warrior
17.ecom-1
18.edgy
19.edy-builders
20.efflorescence
21.elements
22.elitecircle1-0
23.emblazoned
24.embouteillage
25.emerald
26.emergence
27.emperor
28.empireserver
29.emporium
30.enclosed
31.endless
32.energybox
33.enlight
34.enlighten1-0
35.enormous
36.enter
37.enthusiastica
38.entomology
39.envision1-0
40.epod
41.equivalency
42.ergophobia
43.established
44.etags
45.euphonics
46.europe
47.everydayseries
48.evolution
49.exalted
50.excess
51.excursus
52.Executive Template
53.executive
54.Exotic_Blue
55.Exotic_Red
56.fotografix
57.fotolandia
58.foundation
59.foxy
60.fractalbroccoli
61.fragrance
62.frankincense
63.freches-fruechtchen
64.free-css-lunch
65.freecsstemplate 55
66.freecsstemplateno57
67.freecsswebsitetemplate39
68.freecss_greentextile
69.freecss_modern
70.freecss_monolit
71.freecss_redleaves
72.freecss_set
73.freeport
74.freeradicals
75.freestyle
76.frozenage
77.ftd-redblack
78.ftdbusiness
79.ftdcinema
80.ftddrops
81.ftdExplosionBlue
82.ftditight
83.ftdkiwi
84.ftdlagoon
85.ftdLight
86.ftdLightBlue
87.ftdluminescent
88.ftdMoonLight
89.ftdprime
90.ftdspace
91.ftdvivid
92.ftdworld
93.funkytimes
94.funride
95.futuremag-aio
96.fword_three
97.galaxy
98.gallerize
99.gamberetto
100.gameportal
101.Ganesh01
102.gastropoda
103.gathering14
104.gazebo
105.gconsultant
106.general
107.genesis
108.genghiskahn
109.genius_web
110.gentle_wiki
111.geoforce
112.gestured
113.giftig-gruen
114.gila
115.glazed
116.godetia
117.godofgates
118.GoFlexible
119.goinggrey
120.gradientis
121.grandenally
122.grandhost
123.GraniteGlass
124.greefies