<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<div class="container">
<div class="row">
<div class="col-lg-offset-2 col-lg-8">
<section class="panel panel-default">
<div class="panel-body">
<article class="panel-body">
<figure class="text-center">
<img src="https://d13yacurqjgara.cloudfront.net/users/42865/screenshots/614568/devilspiritjinx.jpg" class="img-thumbnail img-circle img-responsive" alt="me">
<figcaption>
<h3>Yutthana Siphuengchai</h3> 99/4 M.9 Saraburi-Loamsak Rd. Nachaliang Nongphai Phetchabun 67220
<br> Tel. 092-889-7790 E-mail: yutna1990@gmail.com
</figcaption>
</figure>
</article>
<br>
<article>
<h4>
<strong>Personal Details</strong>
</h4>
<hr>
<dl class="dl-horizontal">
<dt>Date of Birth:</dt>
<dd>April 14, 1990</dd>
<dt>Age:</dt>
<dd>25</dd>
<dt>Marital Status:</dt>
<dd>Single</dd>
<dt>Military Status:</dt>
<dd>Exempted through Military Drawing Ballot</dd>
<dt>Interests:</dt>
<dd>HTML5, CSS3, JavaScript, jQuery, Underscore.js, Backbone.js, Web Design, Responsive Design, Node.js, Java and Linux.</dd>
</dl>
