JSFiddle - React, Tailwind, and code Playground

HTML

<!doctype html>
<html lang = "ru">
<head>
<link rel = "stylesheet" type = "text/css" href = "style.css" />
<script src = "jquery-1.7.2.min.js"></script>
<script type = "text/javascript">
$(document).ready(function(){
    $('#feedback').hover(function(){
        $('#feedback-logo').stop().animate({width: "toggle"}, "slow");
    });
});
</script>
</head>
<body>
    <div id = "feedback">
        <div id = "left">
            <div class = "icon">
                <div id = "feedback-logo">
                    <span id = "feedtext">FEEDBACK</span>
                </div>
                <div id = "email">
                    
                </div>
            </div>
            <div class = "icon">
                <div id = "name">
                    
                </div>
            </div>
            <div class = "icon">
                <div id = "message">
                    
                </div>
            </div>
        </div>
        <div id = "right">
            <form method = "post" action = "">
                <input type = "text" class = "feedback-form-input" placeholder = "ENTER YOUR EMAIL" />
                <input type = "text" class = "feedback-form-input" placeholder = "ENTER YOUR NAME" />
                <textarea class = "feedback-form-textarea" cols = "50" rows = "5" placeholder = "ENTER YOUR MESSAGE"></textarea>
                <input id = "submit" type = "submit" value = "" />
            </form>
            All fields required
        </div>
        <div style = "clear:both"><!--clear--></div>
    </div>
</body>
</html>

CSS

*
{
    margin: 0px;
    padding: 0px;
    border: 0px;
}

@font-face
{
    font-family: MyFont;
    src: url("Calibri.ttf");
    font-weight: normal;
    font-style: normal;
}

body
{
    font-family: MyFont;
    font-size: 14px;
}

#feedback
{
    width: 665px;
    background: #292623;
    margin: auto;
    color: #65615c;
}

#feedback:hover
{
    background: #35322f;
}

#left
{
    width: 210px;
    float: left;
    padding-top: 5px;
}

#right
{
    width: 455px;
    float: right;
    padding-top: 5px;
}

.feedback-form-input
{
    display: block;
    background: #151413;
    width: 395px;
    height: 40px;
    margin-bottom: 5px;
    font-size: 12px;
    padding-left: 10px;
    color: #65615c;
}

.feedback-form-textarea
{
    display: block;
    background: #151413;
    width: 395px;
    height: 200px;
    margin-bottom: 5px;
    font-family: MyFont;
    font-size: 14px;
    padding: 10px 0px 0px 10px;
    color: #65615c;
}

.icon
{
    height: 40px;
    margin-bottom: 5px;
}

#email
{
    width: 40px;
    height: 40px;
    float: right;
    margin-right: 5px;
    background: url(img/email.png) no-repeat left top #65615c;
}

#name
{
    width: 40px;
    height: 40px;
    float: right;
    margin-right: 5px;
    background: url(img/name.png) no-repeat left top #65615c;
}

#message
{
    width: 40px;
    height: 40px;
    float: right;
    margin-right: 5px;
    background: url(img/message.png) no-repeat left top #65615c;
}

#submit
{
    width: 40px;
    height: 40px;
    float: right;
    margin-right: 50px;
    background: url(img/submit.png) no-repeat left top #65615c;
}

#feedback-logo
{
    display: none;
    float: left;
    background: #151413;
    width: 160px;
    height: 40px;
    color: #b8813c;
}

#feedtext
{
    display: block;
    float: right;
    padding: 12px 12px 0px 0px;
}