Untitled

<!DOCTYPE html xmlns:th="http://www.thymeleaf.org">
<html>
    <head>
        <meta charset="UTF-8">
        <title>CHAT!!</title>
    </head>
    <body>
        <div id="main-wrapper">
            <div id="a"></div>
            <div id="b">
                <div id="b1">Welcome, <b th:text="$username"></b></div>
                <div id="b2"><a id="logout" href="logout"></a>Keluar</div>
                <br style="clear: both;"/>
            </div>
            <div id="c">
                <div id="c1">
                    <div id="actove-user-wrapper"></div>
                </div>
                <div id="chat-window">
                    <div id="c2c">
                        <div id="c2c1">
                            <div id="chat-input-text" contenteditable="true"></div>
                        </div>
                        <div id="emot-button">
                            <div id="emot-popup" style="display: none;">
                                <img class="emot-pick" src="asset/emot-smile.png"/>
                                <img class="emot-pick" src="asset/emot-love.png"/>
                                <img class="emot-pick" src="asset/emot-sad.png"/>
                                <img class="emot-pick" src="asset/emot-confused.png"/>
                            </div>
                            <div id="send-button"></div>
                            <br style="clear:both;"/>
                        </div>
                    </div>
                    <br style="clear: both;" />
                </div>
            </div>
        </div>

    </body>
</html>