Suga-D (Review Shop) - Chapter

<div style="margin:auto; width:580px; height:auto;">
<div style="float:left; padding:20px 50px 50px 50px; width:480px; height:auto; background-color: rgba(250, 245, 240, 1);">
    <div style="float:left; width:480px; height:auto; text-align:right; text-transform:uppercase; font-family:calibri; font-size:10px; line-height:10px; letter-spacing:1px; color: rgb(204, 146, 93);">
        shop title
    </div>
    <div style="float:left; margin-top:10px; width:480px; height:auto; ">
        <div style="float:left; width:200px; height:40px;  ">
            <div style="float:left; width:480px;height:10px; text-align:left; text-transform:uppercase; font-family:calibri; font-weight:bold; font-size:8px; line-height:10px; letter-spacing:1px; color: rgb(151, 76, 42)">
                reviewee
            </div>
            <div style="float:left; width:480px; height:30px;  ">
                <div style="float:left; padding:5px; width:20px; height:20px; background-color: rgba(151, 76, 42, 1); text-align:center;  text-transform:uppercase; font-family:calibri; font-size:18px; line-height:20px; letter-spacing:-1px; color: rgb(204, 146, 93)">
                    01
                </div>
                <div style="float:left; padding:4px 10px; height:20px; border: solid 1px rgba(151, 76, 42, 1); text-align:center; text-transform:uppercase; font-family:calibri; font-size:18px; line-height:20px; letter-spacing:0px; color: rgb(204, 146, 93)">
                    username
                </div>
            </div>
        </div>
    </div>
    <div style="float:left; margin-top:20px; padding-top:20px; width:480px; height:auto; border-top: solid 1px rgb(151, 76, 42);">
        <div style="float:left; width:220px; height:auto;">
            <div style="float:left; width:220px; height:275px;">
                <div style="float:left; width:220px; height:275px;">
                    <img alt="POSTER_220x275" src="https://photo.asianfanfics.com/user/909691/21efa9.jpg" style="width:220px; height:275px;">
                </div>
                <div style="float:left; margin:-25px 0px 0px 5px; padding:5px 0px; width:80px; height:8px; background-color: rgba(105, 55, 28, 1); text-align:center;  text-transform:uppercase; font-family:calibri; font-weight:bold; font-size:8px; line-height:8px; letter-spacing:1px; color: rgb(204, 146, 93);">
                    <a href="#" style="text-decoration:none; color: rgb(204, 146, 93)">read me</a>
                </div>
            </div>

            <div style="float:left; margin-top:20px; padding-top:10px; width:220px;  height:auto; border-top: solid 1px rgb(151, 76, 42);">
                <div style="float:left; width:220px; text-align:justify; text-transform:uppercase; font-family:calibri; font-size:6px; line-height:10px; letter-spacing:1px; color: rgb(204, 146, 93);">
                    <div style="float:left; width:220px; text-align:justify; text-transform:uppercase; font-family:calibri; font-size:6px; line-height:6px; letter-spacing:1px; color: rgb(204, 146, 93);">
                        title
                    </div>
                    <div style="float:left; width:220px; text-align:justify; text-transform:uppercase; font-family:calibri; font-size:18px; line-height:20px; letter-spacing:0px; color: rgb(204, 146, 93);">
                        fanfic title
                    </div>
                </div>
                <div style="float:left; width:220px; text-align:justify; text-transform:uppercase; font-family:calibri; font-size:6px; line-height:10px; letter-spacing:1px; color: rgb(204, 146, 93);">
                    <div style="float:left; width:220px; text-align:justify; text-transform:uppercase; font-family:calibri; font-size:6px; line-height:6px; letter-spacing:1px; color: rgb(204, 146, 93);">
                        genre
                    </div>
                    <div style="float:left; width:220px; text-align:justify; text-transform:uppercase; font-family:calibri; font-size:18px; line-height:20px; letter-spacing:0px; color: rgb(204, 146, 93);">
                        genre
                    </div>
                </div>
                <div style="float:left; width:220px; text-align:justify; text-transform:uppercase; font-family:calibri; font-size:6px; line-height:10px; letter-spacing:1px; color: rgb(204, 146, 93);">
                    <div style="float:left; width:220px; text-align:justify; text-transform:uppercase; font-family:calibri; font-size:6px; line-height:6px; letter-spacing:1px; color: rgb(204, 146, 93);">
                        characters
                    </div>
                    <div style="float:left; width:220px; text-align:justify; text-transform:uppercase; font-family:calibri; font-size:18px; line-height:20px; letter-spacing:0px; color: rgb(204, 146, 93);">
                        characters
                    </div>
                </div>
            </div>
            <div style="float:left; margin-top:10px; padding-top:10px;width:220px;  height:auto; border-top: solid 1px rgb(151, 76, 42); text-align:left; text-transform:uppercase; font-family:calibri; font-size:8px; line-height:10px; letter-spacing:1px; color: rgb(151, 76, 42)">
                <span style="padding: 1px 2px; background-color: rgba(151, 76, 42, 1); font-weight:bold; font-size:8px; line-height:8px; letter-spacing:1px; color: rgb(250, 245, 240);">reveiwer's opinion</span><i>  Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas feugiat consequat diam. Maecenas metus. Vivamus diam purus, cursus a, commodo non, facilisis vitae, nulla. Aenean dictum lacinia tortor. Nunc iaculis, nibh non iaculis aliquam, orci felis euismod neque, sed ornare massa mauris sed velit. Nulla pretium mi et risus. Fusce mi pede, tempor id, cursus ac, ullamcorper nec, enim. Sed tortor. </i>
            </div>
        </div>
        <div style="float:left; margin-left:20px; width:240px; height:auto;  text-align:left; text-transform:uppercase; font-family:calibri; font-size:8px; line-height:8px; letter-spacing:1px; color: rgb(151, 76, 42)">
            <div style="float:left; width:240px; text-align:justify; text-transform:uppercase; font-family:calibri; font-size:6px; line-height:10px; letter-spacing:1px; color: rgb(204, 146, 93);">
                <div style="float:left; width:240px; text-align:justify; text-transform:uppercase; font-family:calibri; font-size:6px; line-height:6px; letter-spacing:1px; color: rgb(204, 146, 93);">
                    reviewed by
                </div>
                <div style="float:left; width:240px; text-align:justify; text-transform:uppercase; font-family:calibri; font-size:18px; line-height:20px; letter-spacing:0px; color: rgb(204, 146, 93);">
                    username
                </div>
            </div>
            <div style="float:left; margin-top:10px; width:240px; height:auto;">
                <div style="float:left; padding:5px; height:auto; background-color: rgba(151, 76, 42, 1); text-align:left; text-transform:uppercase; font-family:calibri; font-weight:bold; font-size:8px; line-height:8px; letter-spacing:1px; color: rgb(250, 245, 240)">
                    criteria
                </div>
                <div style="float:left; padding:5px; height:auto; text-align:left; text-transform:uppercase; font-family:calibri; font-weight:bold; font-size:8px; line-height:8px; letter-spacing:1px; color: rgb(151, 76, 42)">
                    50 / 100
                </div>
            </div>
            <div style="float:left; padding:5px; width:230px; height:auto; border-top: solid 1px rgb(151, 76, 42); background-color: rgba(255, 255, 255, 0.5); text-align:justify; text-transform:uppercase; font-family:calibri; font-size:7px; line-height:7px; letter-spacing:1px; color: rgb(151, 76, 42)">
                Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas feugiat consequat diam. Maecenas metus. Vivamus diam purus, cursus a, commodo non, facilisis vitae, nulla. Aenean dictum lacinia tortor. Nunc iaculis, nibh non iaculis aliquam, orci felis euismod neque, sed ornare massa mauris sed velit. Nulla pretium mi et risus. Fusce mi pede, tempor id, cursus ac, ullamcorper nec, enim. Sed tortor.
            </div>
            <div style="float:left; margin-top:10px; width:240px; height:auto;">
                <div style="float:left; padding:5px; height:auto; background-color: rgba(151, 76, 42, 1); text-align:left; text-transform:uppercase; font-family:calibri; font-weight:bold; font-size:8px; line-height:8px; letter-spacing:1px; color: rgb(250, 245, 240)">
                    criteria
                </div>
                <div style="float:left; padding:5px; height:auto; text-align:left; text-transform:uppercase; font-family:calibri; font-weight:bold; font-size:8px; line-height:8px; letter-spacing:1px; color: rgb(151, 76, 42)">
                    50 / 100
                </div>
            </div>
            <div style="float:left; padding:5px; width:230px; height:auto; border-top: solid 1px rgb(151, 76, 42); background-color: rgba(255, 255, 255, 0.5); text-align:justify; text-transform:uppercase; font-family:calibri; font-size:7px; line-height:7px; letter-spacing:1px; color: rgb(151, 76, 42)">
                Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas feugiat consequat diam. Maecenas metus. Vivamus diam purus, cursus a, commodo non, facilisis vitae, nulla. Aenean dictum lacinia tortor. Nunc iaculis, nibh non iaculis aliquam, orci felis euismod neque, sed ornare massa mauris sed velit. Nulla pretium mi et risus. Fusce mi pede, tempor id, cursus ac, ullamcorper nec, enim. Sed tortor.
            </div>
            <div style="float:left; margin-top:10px; width:240px; height:auto;">
                <div style="float:left; padding:5px; height:auto; background-color: rgba(151, 76, 42, 1); text-align:left; text-transform:uppercase; font-family:calibri; font-weight:bold; font-size:8px; line-height:8px; letter-spacing:1px; color: rgb(250, 245, 240)">
                    criteria
                </div>
                <div style="float:left; padding:5px; height:auto; text-align:left; text-transform:uppercase; font-family:calibri; font-weight:bold; font-size:8px; line-height:8px; letter-spacing:1px; color: rgb(151, 76, 42)">
                    50 / 100
                </div>
            </div>
            <div style="float:left; padding:5px; width:230px; height:auto; border-top: solid 1px rgb(151, 76, 42); background-color: rgba(255, 255, 255, 0.5); text-align:justify; text-transform:uppercase; font-family:calibri; font-size:7px; line-height:7px; letter-spacing:1px; color: rgb(151, 76, 42)">
                Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas feugiat consequat diam. Maecenas metus. Vivamus diam purus, cursus a, commodo non, facilisis vitae, nulla. Aenean dictum lacinia tortor. Nunc iaculis, nibh non iaculis aliquam, orci felis euismod neque, sed ornare massa mauris sed velit. Nulla pretium mi et risus. Fusce mi pede, tempor id, cursus ac, ullamcorper nec, enim. Sed tortor.
            </div>
            <div style="float:left; margin-top:10px; width:240px; height:auto;">
                <div style="float:left; padding:5px; height:auto; background-color: rgba(151, 76, 42, 1); text-align:left; text-transform:uppercase; font-family:calibri; font-weight:bold; font-size:8px; line-height:8px; letter-spacing:1px; color: rgb(250, 245, 240)">
                    criteria
                </div>
                <div style="float:left; padding:5px; height:auto; text-align:left; text-transform:uppercase; font-family:calibri; font-weight:bold; font-size:8px; line-height:8px; letter-spacing:1px; color: rgb(151, 76, 42)">
                    50 / 100
                </div>
            </div>
            <div style="float:left; padding:5px; width:230px; height:auto; border-top: solid 1px rgb(151, 76, 42); background-color: rgba(255, 255, 255, 0.5); text-align:justify; text-transform:uppercase; font-family:calibri; font-size:7px; line-height:7px; letter-spacing:1px; color: rgb(151, 76, 42)">
                Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas feugiat consequat diam. Maecenas metus. Vivamus diam purus, cursus a, commodo non, facilisis vitae, nulla. Aenean dictum lacinia tortor. Nunc iaculis, nibh non iaculis aliquam, orci felis euismod neque, sed ornare massa mauris sed velit. Nulla pretium mi et risus. Fusce mi pede, tempor id, cursus ac, ullamcorper nec, enim. Sed tortor.
            </div>
            <div style="float:left; margin-top:10px; width:240px; height:auto;">
                <div style="float:left; padding:5px; height:auto; background-color: rgba(151, 76, 42, 1); text-align:left; text-transform:uppercase; font-family:calibri; font-weight:bold; font-size:8px; line-height:8px; letter-spacing:1px; color: rgb(250, 245, 240)">
                    criteria
                </div>
                <div style="float:left; padding:5px; height:auto; text-align:left; text-transform:uppercase; font-family:calibri; font-weight:bold; font-size:8px; line-height:8px; letter-spacing:1px; color: rgb(151, 76, 42)">
                    50 / 100
                </div>
            </div>
            <div style="float:left; padding:5px; width:230px; height:auto; border-top: solid 1px rgb(151, 76, 42); background-color: rgba(255, 255, 255, 0.5); text-align:justify; text-transform:uppercase; font-family:calibri; font-size:7px; line-height:7px; letter-spacing:1px; color: rgb(151, 76, 42)">
                Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas feugiat consequat diam. Maecenas metus. Vivamus diam purus, cursus a, commodo non, facilisis vitae, nulla. Aenean dictum lacinia tortor. Nunc iaculis, nibh non iaculis aliquam, orci felis euismod neque, sed ornare massa mauris sed velit. Nulla pretium mi et risus. Fusce mi pede, tempor id, cursus ac, ullamcorper nec, enim. Sed tortor.
            </div>
        </div>
    </div>
    <div style="float:left; margin-top:20px; padding-top:20px; width:480px; height:auto; border-top: solid 1px rgb(151, 76, 42);">
        <div style="float:left; width:200px; height:100px; ">
            <div style="float:left; width:200px; height:100px; ">
                <img alt="BANNER_200x100" src="https://photo.asianfanfics.com/user/909691/b2cf1e.jpg" style="width:200px; height:100px;">
            </div>
            <div style="float:left; margin:-60px 0px 0px 60px; padding:6px 0px; width:80px; height:8px; background-color: rgba(105, 55, 28, 1); text-align:center;  text-transform:uppercase; font-family:calibri; font-weight:bold; font-size:8px; line-height:8px; letter-spacing:1px; color: rgb(204, 146, 93)">
                <a href="#" style="text-decoration:none; color: rgb(204, 146, 93)">credit us</a>
            </div>
        </div>
        <div style="float:right; width:270px; text-align:justify; text-transform:uppercase; font-family:calibri; font-size:6px; line-height:10px; letter-spacing:1px; color: rgb(204, 146, 93);">
            <div style="float:left; width:270px; text-align:justify; text-transform:uppercase; font-family:calibri; font-size:8px; line-height:10px; letter-spacing:1px; color: rgb(204, 146, 93);">
                reminder
            </div>
            <div style="float:left; margin-top:2px; width:270px; text-align:justify; text-transform:uppercase; font-family:calibri; font-size:6px; line-height:10px; letter-spacing:1px; color: rgb(204, 146, 93);">
                Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas feugiat consequat diam. Maecenas metus. Vivamus diam purus, cursus a, commodo non, facilisis vitae, nulla. Aenean dictum lacinia tortor. Nunc iaculis, nibh non iaculis aliquam, orci felis euismod neque, sed ornare massa mauris sed velit. Nulla pretium mi et risus. Fusce mi pede, tempor id, cursus ac, ullamcorper nec, enim. Sed tortor. ++ If added, row's height will automatically adjust.
            </div>
        </div>
    </div>
</div>
<div style="float:right; margin-top:-20px; margin-right:20px; height:6px; text-align:right;  text-transform:uppercase; font-family:calibri; font-size:6px; line-height:6px; letter-spacing:1px; color: rgb(204, 146, 93)">
    <a href="http://www.asianfanfics.com/story/view/953539" style="text-decoration:none; color: rgb(204, 146, 93)">&copy; cruxblader themes 2018</a>
</div>
</div>