طلب اعلان نصي مع الصورة اسفل الواجهة مباشرة

صورة كمثال


https://i.servimg.com/u/f62/19/57/20/66/010.png

وبارك الله فيكم

ضع الكود التالي في اى مكان يقبل لغة ال HTML

الكود:

<style>
.general-ADs {
    background: #39c;
    color: #FFF;
    box-sizing: border-box;
}
.inline-block {
    display: inline-block;
    vertical-align: middle; 
}
.text-ADs {
    width: 39%;
} 
.image-ADs {
    width: 59%;
    padding-right: 0 !important;
} 
img {
    max-width: 100%;
} 
.general-ADs div, .general-ADs a {
    padding: 5px;
    margin: 3px 0;
} 
.general-ADs a:hover {
    background-color: #eee
}
.ADs-content {
    background: #FFF;
    border-radius: 5px;
    display: block;
} 
.ADs-title {
    margin: 0 !important;
} 
.ADs-title span {
    background: #FFF;
    color: #000;
    padding: 5px 20px;
    margin-bottom: -10px;
    text-align: center;
    display: inline-block;
    border-radius: 5px;
} 
</style>
<div class="general-ADs">
    
   <div class="ADs-title">
       <span>الأعلانات النصية</span>
   </div>
        
   <div class="text-ADs inline-block">
          <a href="/#" class="ADs-content">اعلان نصي</a>
          <a href="/#" class="ADs-content">اعلان نصي</a> 
          <a href="/#" class="ADs-content">اعلان نصي</a>
          <a href="/#" class="ADs-content">اعلان نصي</a>     
   </div>
        
   <div class="image-ADs inline-block">
          <img style="width: 720px; height: 90px;" src="http://www.swalif.net/swalifsite/wp-content/uploads/2016/09/banner_big.gif" /> 
   </div>
</div>

الف شكر لك تمام
بارك الله فيك يا غالي