JSFiddle - React, Tailwind, and code Playground

by halirgb

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css">
<div class="fanx-intro-banner">
    <div class="fanx-intro-banner-inner-left">
        <img src="http://placehold.it/100x100" alt="" />
    </div>
    <div class="fanx-intro-banner-inner-right">
        <h1>Be there. Live the moment.</h1>
        <p>
            <strong>Welcome to the new FanXchange.com.</strong>
                We’ve made some majorimprovements to our site to 
                bring you an enhanced experience 
                for access to tickets for live events
        </p>
    </div>
    <div class="clearfix"></div>
</div>

CSS

@import url(http://fonts.googleapis.com/css?family=Ubuntu:300,400);

.fanx-intro-banner{
    background-color:#000000;
    color:#ffffff;
    padding:10px;
    font-family: 'Ubuntu', sans-serif;
}
.fanx-intro-banner-inner-left,
.fanx-intro-banner-inner-right{
    float:left;
}
.fanx-intro-banner-inner-left{
    width:100px;
    margin-right:10px;
}
.fanx-intro-banner-inner-right{
    width:350px;
}
.fanx-intro-banner-inner-right h1{
    font-size:18px;
    font-weight:normal;
    margin:0 0 10px 0;
}
.fanx-intro-banner-inner-right p{
    font-size:13px;
    font-weight:300;
}