<cut><raw-code>
<div style="height: 475px; width: 800px; margin: auto; background-color: black; overflow: hidden;">

<!--START NAV BAR-->
<div style="display: inline-block; float: left; width: 200px; height: 475px; background-image: linear-gradient(to right, #505050 , #676767); overflow: hidden;"><div style="display: block; width: 200px; height: 20px; background-image: linear-gradient(to right, #535353 , #202020);"></div>
<div style="display: block; width: 195px; height: 35px; background-image: linear-gradient(to right, #9b999a , #b1b1b1); font-family: 'Trebuchet MS'; text-align: right; line-height: 35px; font-size: 20px; color: #51555e; padding-right: 5px; letter-spacing: -1px;">ITEMS</div>

<div style="overflow: auto; width: 200px; height: 390px;">

<!--START NAME-->
<div style="display: block; margin-bottom: 3px; width: 200px; height: 35px; background-color: #161616; font-family: 'Trebuchet MS'; text-align: center; line-height: 35px; font-size: 20px;">
<a href="#STORE-1" style="text-decoration: none; color: #fafafa;">Store 1</a></div>
<!--END NAME-->

<!--START NAME-->
<div style="display: block; margin-bottom: 3px; width: 200px; height: 35px; background-color: #161616; font-family: 'Trebuchet MS'; text-align: center; line-height: 35px; font-size: 20px;">
<a href="#STORE-2" style="text-decoration: none; color: #fafafa;">Store 2</a></div>
<!--END NAME-->

<!--START NAME-->
<div style="display: block; margin-bottom: 3px; width: 200px; height: 35px; background-color: #161616; font-family: 'Trebuchet MS'; text-align: center; line-height: 35px; font-size: 20px;">
<a href="#STORE-3" style="text-decoration: none; color: #fafafa;">Store 3</a></div>
<!--END NAME-->

</div></div>
<!--END NAV BAR-->

<!--START INFO AREA-->
<div><div style="display: inline-block; float: right; width: 595px; height: 475px; background-image: url('https://i.redditmedia.com/e_WvRTzU3h8NRiSkXxtrDzSxL89fFBwXiSA-wTmvSCI.png?w=1024&s=945fcbac82f38f10f5bf342c52473ff7'); overflow: hidden;">

<!--START CHARACTER ENTRY-->
<div style="width: 595px; height: 475px;">
<a name="STORE-1"></a>
<div style="display: block; height: 20px; width: 595px;"></div>

<!--START NAME-->
<div style="height: 45px; width: 500px; display: block; margin: auto; background-image: linear-gradient(to right, rgba(150, 0, 0, 0.7), rgba(250, 0, 0, 0.7));  border: 1px solid rgba(48, 77, 107, 0.7); border-radius: 10px; font-family: 'Trebuchet MS'; font-size: 24px; line-height: 45px; text-align: center; color: #fafafa;">STOREFRONT 1</div>
<!--END NAME-->

<!--START TEXT-->
<center><div style="display: inline-block; height: 400px; width: 500px; border-radius: 10px; background-image: linear-gradient(to right, rgba(150, 0, 0, 0.7), rgba(250, 0, 0, 0.7)); border: 2px solid black; overflow: hidden;">
<div style="display: block; height: 35px; width: 350px; font-family: 'Trebuchet MS'; text-align: left; line-height: 35px; font-size: 20px;">
Title</div>

<div style="display: block; height: 267px; width: 350px; padding: 2px 5px 2px 5px; font-family: 'Trebuchet MS'; text-align: left; font-size: 12px; color: #fafafa; overflow: auto;">
Description goes here!
</div></div></center>
<!--END TEXT-->
</div>
<!--END CHARACTER ENTRY-->

<!--START CHARACTER ENTRY-->
<div style="width: 595px; height: 475px;">
<a name="STORE-2"></a>
<div style="display: block; height: 20px; width: 595px;"></div>

<!--START NAME-->
<div style="height: 45px; width: 500px; display: block; margin: auto; background-image: linear-gradient(to right, rgba(150, 0, 0, 0.7), rgba(250, 0, 0, 0.7));  border: 1px solid rgba(48, 77, 107, 0.7); border-radius: 10px; font-family: 'Trebuchet MS'; font-size: 24px; line-height: 45px; text-align: center; color: #fafafa;">STOREFRONT 2</div>
<!--END NAME-->

<!--START TEXT-->
<center><div style="display: inline-block; height: 400px; width: 500px; border-radius: 10px; background-image: linear-gradient(to right, rgba(150, 0, 0, 0.7), rgba(250, 0, 0, 0.7)); border: 2px solid black; overflow: hidden;">
<div style="display: block; height: 35px; width: 350px; font-family: 'Trebuchet MS'; text-align: left; line-height: 35px; font-size: 20px;">
Blahblah</div>

<div style="display: block; height: 267px; width: 350px; padding: 2px 5px 2px 5px; font-family: 'Trebuchet MS'; text-align: left; font-size: 12px; color: #fafafa; overflow: auto;">
Description goes here!
</div></div></center>
<!--END TEXT-->
</div>
<!--END CHARACTER ENTRY-->

<!--START CHARACTER ENTRY-->
<div style="width: 595px; height: 475px;">
<a name="STORE-3"></a>
<div style="display: block; height: 20px; width: 595px;"></div>

<!--START NAME-->
<div style="height: 45px; width: 500px; display: block; margin: auto; background-image: linear-gradient(to right, rgba(150, 0, 0, 0.7), rgba(250, 0, 0, 0.7));  border: 1px solid rgba(48, 77, 107, 0.7); border-radius: 10px; font-family: 'Trebuchet MS'; font-size: 24px; line-height: 45px; text-align: center; color: #fafafa;">STOREFRONT 3</div>
<!--END NAME-->

<!--START TEXT-->
<center><div style="display: inline-block; height: 400px; width: 500px; border-radius: 10px; background-image: linear-gradient(to right, rgba(150, 0, 0, 0.7), rgba(250, 0, 0, 0.7)); border: 2px solid black; overflow: hidden;">
<div style="display: block; height: 35px; width: 350px; font-family: 'Trebuchet MS'; text-align: left; line-height: 35px; font-size: 20px;">
Title</div>

<div style="display: block; height: 267px; width: 350px; padding: 2px 5px 2px 5px; font-family: 'Trebuchet MS'; text-align: left; font-size: 12px; color: #fafafa; overflow: auto;">
Description goes here!
</div></div></center>
<!--END TEXT-->
</div>
<!--END CHARACTER ENTRY-->

</div></div>
<!--END INFO AREA-->
</div>
<div style="display: block; clear: both; height: 10px; text-align: center; font-variant: small-caps; padding: 5px;">Code by <a href="http://yuff.dreamwidth.org">Yuff</a></div>
</raw-code></cut>