اضافه جافا سكربت
<div class="about-widget-image">
<img src="https://media0.giphy.com/media/v1.Y2lkPTc5MGI3NjExejRodW9jdmxwODIxa3hkNWIyOTlqZjNqeXFraGh5ZzNwYXI0N3RsayZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9cw/AWh7GjASTxIkevUCPC/giphy.gif" alt="نبذه عنا" original="https://media0.giphy.com/media/v1.Y2lkPTc5MGI3NjExejRodW9jdmxwODIxa3hkNWIyOTlqZjNqeXFraGh5ZzNwYXI0N3RsayZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9cw/AWh7GjASTxIkevUCPC/giphy.gif" />
</div>
<div style="text-align: justify">مرحبا فيكم معنا في خدمات الخليج العربي للبلوجر
, <a href="#" style="
text-decoration: underline;
">شاهد المزيد→</a></div>
<div class="icons-social">
<ul id="social">
<li><a class="facebook" href="#" title="facebook"></a></li>
<li><a class="twitter" href="#" title="twitter"></a></li>
<li><a class="instagram" href="#" title="instagram"></a></li>
<li><a class="pinterest" href="#" title="pinterest"></a></li>
</ul></div>
الاستايل
<style>
.about-widget-image img {
width: 130px;
height: 130px;
object-fit: cover;
border-radius: 100%;
}
.icons-social li {
display: inline;
padding: 0;
float: left;
}
.icons-social #social a {
display: block;
margin-right: 15px;
color: #333;
text-align: center;
font-size: 20px;
}
.icons-social #social a:before {
display: inline-block;
font: normal normal normal 22px/1 FontAwesome;
font-size: inherit;
font-style: normal;
font-weight: 400;
line-height: 42px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icons-social .facebook:before {
content: "\f09a";
}
.icons-social .twitter:before {
content: "\f099";
}
.icons-social .gplus:before {
content: "\f0d5";
}
.icons-social .linkedin:before {
content: "\f0e1";
}
.icons-social .instagram:before {
content: "\f16d";
}
.icons-social .pinterest:before {
content: "\f0d2";
}
.about-widget-image {
margin-right: 15px;
float: left;
}
</style>
وسلامتكم