<div class="Dabour Phone-item">
<div class="image-wrap">
<img class="img-circle author_avatar img-responsive" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFT6ySPB0UX4zVjPnbiu5izMzoiSxHVTJmK38xj7tfxrag6ZaztjGJRj1-XA29IbumJc0BcL0xHmRZxV6-rtmxEbRJQ1gc3LyVAyQFbb9u_1RW9KtKukOSiVhyJ4vXYRIacQDn8kFGXw6c/s180-no/imohamed.png" />
</div>
<h4 class="Dabour Phone-name"><a href="https://www.facebook.com/mohamed.ibrahim.2036" target="_blank">محمد ابوضية</a>
<p>مدون ومصمم ومطور بلوجر مواليد 2000 مدير مدونة دبور فون وبعض المدونات الصغيرة الاخرى مثل مدونة برو ميدو وهى تحت الانشاء لدي خبرتي المتوسطة في الويب بدأت في شهر 7 من 2013 وفي فترة وجيزة قطعت مسافة كبيرة ^_^ </p>
</h4>
</div>
<style>
/*------------------------------------------------------
Dabour Phone-Item
------------------------------------------------------*/
img.img-circle.author_avatar.img-responsive {
  width: 100%;
}
.Dabour Phone-item {
padding: 15px 10px;
text-align: center;
margin-top: -20px;
}
.Dabour Phone-item .image-wrap {
  position: relative;
  overflow: hidden;
  border: 7px double #609DFF;
  width: 230px;
  margin: 0 auto;
  height: 230px;
  margin-bottom: 15px;
}
.Dabour Phone-item h4.Dabour Phone-name a {
  font-size: 18px;
  margin-bottom: 10px;
  display: block;
  background-color: #609DFF;
  color: #FFFFFF;
  border-radius: 2px;
  padding-bottom: 9px;
  padding-top: 6px;
}
.Dabour Phone-name p {
  color: #609DFF;
  font-size: 14px;
  margin-top: -11px;
  border: 1px double #609DFF;
  line-height: 24px;
  font-weight: 100;
  margin-bottom: -25px;
}
.Dabour Phone-item .image-wrap:before {
content: '';
display: block;
position: absolute;
border-radius: 50%;
border: 10px solid #f9f9f9;
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
opacity: .7;
margin: auto;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition: all .4s linear;
transition: all .4s linear;
}
</style>