<link href="//cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.10/semantic.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.10/semantic.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<div class="ui large secondary pointing menu">
<a class="active item" data-tab="first"><i class="instagram outline icon"></i>Instagram</a>
<a class="item" data-tab="second"><i class="comments outline icon"></i>DIRECT</a>
<a class="item" data-tab="third"><i class="list icon"></i>ACTIVITY</a>
<div class="ui right item">
<div class="ui search transparent icon input">
<input type="text" placeholder="Search ..." class="prompt" /><i class="search link icon"></i>
</div>
</div>
</div>
<div class="ui bottom attached tab active" data-tab="first">
<div class="ui container">
<div id="instafeed" class="ui three column doubling centered grid container"></div>
</div>
</div>
<div class="ui bottom attached tab" data-tab="second">
<div class="ui middle aligned divided list">
<div class="item">
<div class="right floated content">
<div class="ui button">Add</div>
</div>
<img class="ui avatar image" src="http://bootsnipp.com/img/avatars/bcf1c0d13e5500875fdd5a7e8ad9752ee16e7462.jpg">
<div class="content">
Lena
</div>
</div>
<div class="item">
<div class="right floated content">