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
Basic 1
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>