JSFiddle - React, Tailwind, and code Playground

by isherwood

HTML

<div class="container">
    <div class="row">
        <div class="col-lg-6">
            <div class="ibox float-e-margins">
                <div class="ibox-content" style="border-radius: 10px;">
                    <div>
                         <h3 class="font-bold no-margins">
                           Statistics Graph
                        </h3>

                    </div>
                    <div class="m-t-sm">
                        <div class="row">
                            <div class="col-md-12">
                                <div>
                                    <canvas id="lineChart" height="114"></canvas>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="m-t-md"> <small class="pull-right">
                                    <i class="fa fa-clock-o"> </i>
                                    Update on 16.07.2015
                                </small>
 <small>
                                   <strong>Analysis of sales:</strong> The value has been changed over time,sdasdas as been changed over time,sdasdas
                               </small>

                    </div>
                </div>
            </div>
        </div>
    </div>

CSS

.row > div {
    background: #eee;
    border: 2px solid #ddd;
}
canvas {
    background: pink;
}