JSFiddle - React, Tailwind, and code Playground

by geekrose Lee

HTML

<div class="home_boxes">
    <div class="col-md-4">
        <img src="http://placehold.it/310x311">
         <h2>Masterplan</h2>

        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam.</p>
        <p><a class="btn btn_trans" href="#" title="Read More" role="button">Read More</a>
        </p>
    </div>
</div>

CSS

.home_boxes {
    background: none repeat scroll 0 0 #f1917b;
    color: #ffffff;
    padding: 40px 0;
    text-align: center;
}
img {
    border: 5px solid #ffffff;
   padding:5px; background:blue;
    border-radius: 50%;
    margin: 20px;
}