Download Template Median UI 2.6.2

1.  Css Style

*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box} 

.kotak_iklan{background:#efefef;width:300px;margin:0 auto;text-align:center;padding:16.6666666667px} 

.kotak{background:grey;height:125px;width:125px;display:inline;margin:0;padding:0;float:left;position:relative;} 

.kotak:nth-child(1),.kotak:nth-child(3){margin-right:16.6666666667px} 

.kotak:nth-child(1),.kotak:nth-child(2){margin-bottom:16.6666666667px} 

.kotak a{position:relative;display:block;z-index:2} 

.kotak:before{content:"Your Space 125x125";line-height:1.2;position:absolute;top:0;left:0;width:100%;height:100%;color:#fff;font-size:20px;display:flex;flex-direction:column;justify-content:center;z-index:1;} 

.kotak-300{width:300px;height:250px;} 

.kotak.kotak-300:nth-child(1){margin-right:0;margin-bottom:0;} 

.kotak_iklan.p0{padding:0;} 

.kotak-300:before{content:"Your Space 300x250";} 

.clear{clear:both;} 

2.  Html JS

<div class="kotak_iklan p0"> 

    <div class="kotak kotak-300"> 

    <!-- simpan banner 300x250 di bawah ini --> 

    <a href="#" target="_blank" rel="nofollow noopener" title="Judul"> 

    <img src="#" alt="Deskripsi" title="Judul" height="125" width="125"/> 

    </a>   

    </div> 

    <div class="clear"></div> 

</div> 

<div class="kotak_iklan"> 

    <div class="kotak">

    <!-- simpan banner 125x125 di bawah ini  --> 

    <a href="#" target="_blank" rel="nofollow noopener" title="Judul"> 

    <img src="#" alt="Deskripsi" title="Judul" height="125" width="125"/> 

    </a> 

    </div> 

    <div class="kotak"> 

    <!-- simpan banner 125x125 di bawah ini --> 

    <a href="#" target="_blank" rel="nofollow noopener" title="Judul">

    <img src="#" alt="Deskripsi" title="Judul" height="125" width="125"/>

    </a>   

    </div> 

    <div class="kotak"> 

    <!-- simpan banner 125x125 di bawah ini --> 

    <a href="#" target="_blank" rel="nofollow noopener" title="Judul"> 

    <img src="#" alt="Deskripsi" title="Judul" height="125" width="125"/> 

    </a>   

    </div>  

    <div class="kotak"> 

    <!-- simpan banner 125x125 di bawah ini --> 

    <a href="#" target="_blank" rel="nofollow noopener" title="Judul"> 

    <img src="#" alt="Deskripsi" title="Judul" height="125" width="125"/> 

    </a>   

    </div>   

<div class="clear"></div> 

</div>