<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<section class="main">
<div class="points"></div>
<div class="shield-left"></div>
<div class="shield-right"></div>
<div class="card">
<div class="detail">
<div class="detail-images"><img src="https://dl.dropboxusercontent.com/s/pil7jdc7d7m8u0h/pic.png" alt="Picture"></div>
<h3>MohamadReza Deylami</h3>
<h4>UI Designer</h4>
<p>Design is not just what it looks like<br> and feels like. Design is how it works.</p>
<div class="content-shield"></div>
<ul>
<li><a href="https://twitter.com/mr_deylami"><i class="fa fa-twitter fa-lg"></i></a></li>
<li><a href="https://www.facebook.com/Mohamad.Partizan"><i class="fa fa-facebook fa-lg"></i></a></li>
<li><a href="https://plus.google.com/102975478086616751177"><i class="fa fa-google-plus fa-lg"></i></a></li>
<li><a href="http://instagram.com/imohamaad"><i class="fa fa-instagram fa-lg"></i></a></li>
<li><a href="https://github.com/deylami"><i class="fa fa-github fa-lg"></i></a></li>
</ul>
<a class="mail" href="mailto:hello@imohamad.me">Mail···· <i class="fa fa-envelope fa-lg message"></i></a>
</div>
</div>
</section>
<div class="copyright">
<p>User Profile</p>
<p>Design by <a href="http://themedesigner.in/wp-content/uploads/2012/11/user-profile.png">themedesigner.in</a></p>
<p>Created by <a href="http://imohamad.me" title="MohamadReza Deylami" target="_blank">Mohamad Reza Deylami.</a></p>
</div>
