home / for you / landing page doors

Landing Page Doors

Landing Page Doors are a tiny HTML widget I made for use on landing pages. You can use the door img itself, or you can use the divs that have the option to add a hanging decoration to the door. You're also good to use the decorations themselves for your website.

Door Decorations

A halloween-themed wreath. There is a web in the middle with a spider moving around on it, and flowers and skulls decorating the wreath.
A woven tan hat with a pink ribbon. A bouquet of white tulips are tucked behind the bow.
A woven white hat with a blue ribbon. A bouquet of pink tulips are tucked behind the bow.
A woven tan hat with a red ribbon and white lace.
A woven black hat with grey ribbon and black lace.
A wreath with an assortment of white and red flowers.


Basic 1

A woven tan hat with a red ribbon and white lace.
<div style="width: 95px; height: 175px;"> <a href="[INSERT LINK HERE]"> <div style="background-image: url('../graphics/door/door01.GIF'); position: relative; width: 95px; height: 175px;" title="A rectangular door."> <src="freebs/hanging/IMG_1844.GIF" style="width: 49px; max-height: 51px; position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; top: 18%" alt="A woven tan hat with a red ribbon and white lace." alt="A woven tan hat with a red ribbon and white lace."> </div> </a> </div>
A woven tan hat with a red ribbon and white lace.
<div style="width: 95px; height: 175px;"> <a href="[INSERT LINK HERE]"> <div style="background-image: url('../graphics/door/door02.GIF'); position: relative; width: 95px; height: 175px;" title="A rectangular door."> <src="freebs/hanging/IMG_1844.GIF" style="width: 49px; max-height: 51px; position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; top: 18%" alt="A woven tan hat with a red ribbon and white lace." alt="A woven tan hat with a red ribbon and white lace."> </div> </a> </div>
A woven tan hat with a red ribbon and white lace.
<div style="width: 95px; height: 175px;"> <a href="[INSERT LINK HERE]"> <div style="background-image: url('../graphics/door/door03.GIF'); position: relative; width: 95px; height: 175px;" title="A rectangular door."> <src="freebs/hanging/IMG_1844.GIF" style="width: 49px; max-height: 51px; position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; top: 18%" alt="A woven tan hat with a red ribbon and white lace." alt="A woven tan hat with a red ribbon and white lace."> </div> </a> </div>
A woven tan hat with a red ribbon and white lace.
<div style="width: 95px; height: 175px;"> <a href="[INSERT LINK HERE]"> <div style="background-image: url('../graphics/door/door04.GIF'); position: relative; width: 95px; height: 175px;" title="A rectangular door."> <src="freebs/hanging/IMG_1844.GIF" style="width: 49px; max-height: 51px; position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; top: 18%" alt="A woven tan hat with a red ribbon and white lace." alt="A woven tan hat with a red ribbon and white lace."> </div> </a> </div>
A woven tan hat with a red ribbon and white lace.
<div style="width: 95px; height: 175px;"> <a href="[INSERT LINK HERE]"> <div style="background-image: url('../graphics/door/door05.GIF'); position: relative; width: 95px; height: 175px;" title="A rectangular door."> <src="freebs/hanging/IMG_1844.GIF" style="width: 49px; max-height: 51px; position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; top: 18%" alt="A woven tan hat with a red ribbon and white lace." alt="A woven tan hat with a red ribbon and white lace."> </div> </a> </div>
A woven tan hat with a red ribbon and white lace.
<div style="width: 95px; height: 175px;"> <a href="[INSERT LINK HERE]"> <div style="background-image: url('../graphics/door/door06.GIF'); position: relative; width: 95px; height: 175px;" title="A rectangular door."> <src="freebs/hanging/IMG_1844.GIF" style="width: 49px; max-height: 51px; position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; top: 18%" alt="A woven tan hat with a red ribbon and white lace." alt="A woven tan hat with a red ribbon and white lace."> </div> </a> </div>
A woven tan hat with a red ribbon and white lace.
<div style="width: 95px; height: 175px;"> <a href="[INSERT LINK HERE]"> <div style="background-image: url('../graphics/door/door07.GIF'); position: relative; width: 95px; height: 175px;" title="A rectangular door."> <src="freebs/hanging/IMG_1844.GIF" style="width: 49px; max-height: 51px; position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; top: 18%" alt="A woven tan hat with a red ribbon and white lace." alt="A woven tan hat with a red ribbon and white lace."> </div> </a> </div>
A woven tan hat with a red ribbon and white lace.
<div style="width: 95px; height: 175px;"> <a href="[INSERT LINK HERE]"> <div style="background-image: url('../graphics/door/door08.GIF'); position: relative; width: 95px; height: 175px;" title="A rectangular door."> <src="freebs/hanging/IMG_1844.GIF" style="width: 49px; max-height: 51px; position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; top: 18%" alt="A woven tan hat with a red ribbon and white lace." alt="A woven tan hat with a red ribbon and white lace."> </div> </a> </div>
A woven tan hat with a red ribbon and white lace.
<div style="width: 95px; height: 175px;"> <a href="[INSERT LINK HERE]"> <div style="background-image: url('../graphics/door/door09.GIF'); position: relative; width: 95px; height: 175px;" title="A rectangular door."> <src="freebs/hanging/IMG_1844.GIF" style="width: 49px; max-height: 51px; position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; top: 18%" alt="A woven tan hat with a red ribbon and white lace." alt="A woven tan hat with a red ribbon and white lace."> </div> </a> </div>
A woven tan hat with a red ribbon and white lace.
<div style="width: 95px; height: 175px;"> <a href="[INSERT LINK HERE]"> <div style="background-image: url('../graphics/door/door10.GIF'); position: relative; width: 95px; height: 175px;" title="A rectangular door."> <src="freebs/hanging/IMG_1844.GIF" style="width: 49px; max-height: 51px; position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; top: 18%" alt="A woven tan hat with a red ribbon and white lace." alt="A woven tan hat with a red ribbon and white lace."> </div> </a> </div>

Stained Glass

A woven tan hat with a red ribbon and white lace.
<div style="width: 95px; height: 195px;"> <a href="[INSERT LINK HERE]"> <div style="background-image: url('../graphics/door/door11.GIF'); position: relative; width: 95px; height: 195px;"> <img src="freebs/hanging/IMG_1844.GIF" style="width: 49px; max-height: 51px; position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; top: 18%" alt="A woven tan hat with a red ribbon and white lace."> </div> </a> </div>
A woven tan hat with a red ribbon and white lace.
<div style="width: 95px; height: 195px;"> <a href="[INSERT LINK HERE]"> <div style="background-image: url('../graphics/door/door12.GIF'); position: relative; width: 95px; height: 195px;"> <img src="freebs/hanging/IMG_1844.GIF" style="width: 49px; max-height: 51px; position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; top: 18%" alt="A woven tan hat with a red ribbon and white lace."> </div> </a> </div>
A woven tan hat with a red ribbon and white lace.
<div style="width: 95px; height: 195px;"> <a href="[INSERT LINK HERE]"> <div style="background-image: url('../graphics/door/door13.GIF'); position: relative; width: 95px; height: 195px;"> <img src="freebs/hanging/IMG_1844.GIF" style="width: 49px; max-height: 51px; position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; top: 18%" alt="A woven tan hat with a red ribbon and white lace."> </div> </a> </div>
A woven tan hat with a red ribbon and white lace.
<div style="width: 95px; height: 195px;"> <a href="[INSERT LINK HERE]"> <div style="background-image: url('../graphics/door/door14.GIF'); position: relative; width: 95px; height: 195px;"> <img src="freebs/hanging/IMG_1844.GIF" style="width: 49px; max-height: 51px; position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; top: 18%" alt="A woven tan hat with a red ribbon and white lace."> </div> </a> </div>
A woven tan hat with a red ribbon and white lace.
<div style="width: 95px; height: 195px;"> <a href="[INSERT LINK HERE]"> <div style="background-image: url('../graphics/door/door15.GIF'); position: relative; width: 95px; height: 195px;"> <img src="freebs/hanging/IMG_1844.GIF" style="width: 49px; max-height: 51px; position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; top: 18%" alt="A woven tan hat with a red ribbon and white lace."> </div> </a> </div>
A woven tan hat with a red ribbon and white lace.
<div style="width: 95px; height: 195px;"> <a href="[INSERT LINK HERE]"> <div style="background-image: url('../graphics/door/door16.GIF'); position: relative; width: 95px; height: 195px;"> <img src="freebs/hanging/IMG_1844.GIF" style="width: 49px; max-height: 51px; position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; top: 18%" alt="A woven tan hat with a red ribbon and white lace."> </div> </a> </div>
A woven tan hat with a red ribbon and white lace.
<div style="width: 95px; height: 195px;"> <a href="[INSERT LINK HERE]"> <div style="background-image: url('../graphics/door/door17.GIF'); position: relative; width: 95px; height: 195px;"> <img src="freebs/hanging/IMG_1844.GIF" style="width: 49px; max-height: 51px; position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; top: 18%" alt="A woven tan hat with a red ribbon and white lace."> </div> </a> </div>
A woven tan hat with a red ribbon and white lace.
<div style="width: 95px; height: 195px;"> <a href="[INSERT LINK HERE]"> <div style="background-image: url('../graphics/door/door18.GIF'); position: relative; width: 95px; height: 195px;"> <img src="freebs/hanging/IMG_1844.GIF" style="width: 49px; max-height: 51px; position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; top: 18%" alt="A woven tan hat with a red ribbon and white lace."> </div> </a> </div>
A woven tan hat with a red ribbon and white lace.
<div style="width: 95px; height: 195px;"> <a href="[INSERT LINK HERE]"> <div style="background-image: url('../graphics/door/door19.GIF'); position: relative; width: 95px; height: 195px;"> <img src="freebs/hanging/IMG_1844.GIF" style="width: 49px; max-height: 51px; position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; top: 18%" alt="A woven tan hat with a red ribbon and white lace."> </div> </a> </div>
A woven tan hat with a red ribbon and white lace.
<div style="width: 95px; height: 195px;"> <a href="[INSERT LINK HERE]"> <div style="background-image: url('../graphics/door/door20.GIF'); position: relative; width: 95px; height: 195px;"> <img src="freebs/hanging/IMG_1844.GIF" style="width: 49px; max-height: 51px; position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; top: 18%" alt="A woven tan hat with a red ribbon and white lace."> </div> </a> </div>