<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<div class="container">
<div class="top">
<div class="card">
<div class="photo">
<img src="http://sergeylukin.com/images/builder.png" alt="Sergey Lukin" width="100%" />
</div>
<div class="info">
<dl class="PersonalDetails">
<dt>Name Surname</dt>
<dd class="PersonalDetails-nameValue">Sergey Lukin</dd>
<dt class="PersonalDetails-occupation">Prime occupation</dt>
<dd class="PersonalDetails-occupationValue">Software Developer</dd>
<dt class="PersonalDetails-about">About me</dt>
<dd class="PersonalDetails-aboutValue">
<p>Hi, I'm Sergey, 30yo, father of 2, currently based in Tel Aviv, Israel.</p>
<p>#sport, #love, #beer, #programming, #ui, #ux are all part of what I'm mostly passionate about.</p>
<p>Read more about me in my <a href="/resume">Résumé</a></p>
</dd>
</dl>
</div>
</div>
</div>
<div class="stage"></div>
<div class="content">
</div>
</div>
