JSFiddle - React, Tailwind, and code Playground

by Ryan J

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
<div class="container">
    <div class="row">
        <div class="col-md-6">
            <img src="http://placekitten.com/300/300" class="img-responsive portfolio_frontpage" alt="">
            <div class="portfolio_description">
                 <h2>Heading</h2>

                <p>Some random tekst blablabla</p> <span class="read_more"></span>

            </div>
        </div>
        <div class="col-md-6">
            <img src="http://placekitten.com/300/300" class="img-responsive portfolio_frontpage" alt="">
            <div class="portfolio_description">
                 <h2>Heading</h2>

                <p>Some random tekst blablabla</p> <span class="read_more"></span>

            </div>
        </div>
    </div>
    <!-- /.row -->
</div>
<!-- /.container -->

CSS

.portfolio_description {
    position:absolute;
    width:100%;
    top:0;
    background-color:rgba(255, 255, 255, 0.5);
}