إضافة التعريف عن الكاتب بشكل جديد

• كل ما عليك فعله هو الذهاب الى لوحة التخطيط واختيار ادات جافا سيكربت وضع الكود التالي بها وقم بتغيير ما يلزم ليتناسب معك :

<div class="profile-card">

<div class="profile-top">

<!-- صورة  -->

<a href="https://www.facebook.com/emad.ey.923"><img src="https://lh5.googleusercontent.com/proxy/RRaE5juBFwN5Nid9oH_uaVjYrGBvVg88bMqG7lkHJ8IdwAWA5jgIN4em99KaaoEUazdmsZu82ehVUN6DVhRLleCjtIvySNs=s0-d"></a>

<!-- الإسم -->

<h1>عماد إياد</h1>

<!-- الدور او العنوان -->

<h3>مصمم ومطور مواقع</h3>

</div>

<!-- نبدة عني -->

<div class="profile-bio">

<p>

عماد إياد | من المملكة الأردنية الهاشمة مواليد ال 2000 مدير ومؤسس مدونة شحنة .

</p>

</div>

<!-- تابعني -->

<div class="profile-social-link">

 <a href="https://www.facebook.com/emad.ey.923">تواصل معي</a>

</div>

</div>

<style>

.profile-card {background: #fff;margin-bottom: 15px;width: 100%;padding: 5px;color: #353535;text-align: center;}

.profile-top a {position: relative;}

.profile-top img {position: relative;border-radius: 50%;height: 80px;width: 80px;margin: 10px;transition: 0.4s;}

.profile-top img:hover {opacity: 0.7;transition: 0.4s;}

.profile-top h1 {font-family: Reda-font;font-size: 18px;font-weight: 400;color:#fff;padding: 10px;margin-bottom: 5px;background: #3E7CF7;}

.profile-top h3 {font-family: Reda-font;font-weight: 100;font-size: 13px;}

.profile-bio p {padding: 15px 2px;font-family: Reda-font;font-size: 14px;line-height: 25px;}

.profile-social-link {padding: 5px;background: rgba(255, 255, 255, 0.04);}

.profile-social-link a {padding: 5px;background: #3E7CF7;transition: 0.3s;border: 1px solid #3E7CF7;color: #fff;font-family: Reda-font;border-radius: 2px;font-size: 17px;}

.profile-social-link a:hover {background: #fff;color: #3E7CF7;transition: 0.3s;}

.profile-social-link .fa {background: #3E7CF7;border-radius: 100%;color: #FFFFFF;font-size: 14px;height: 30px;line-height: 25px;margin-left: 4px;margin-right: 4px;padding: 4px;width: 30px;-moz-transition: all 0.4s ease;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}

.profile-card:hover .fa.fa-facebook {background: #6483CF;}

.profile-card:hover .fa.fa-google-plus {background: #DC6D6D;}

.profile-card:hover .fa.fa-twitter {background: #5CAECD;}

</style>