<div class="col-1"> <div class="promotion-box"> <div class="promotion-image"> <a target="_blank" href="#"> <img src="+ Keterangan : Ubah url gambar yanghttps://ecs7.tokopedia.net/img/blog/promo/2019/08/Thumbnail_600x328_GENERAL.jpg" class="lazyload" alt="Gajian Ekstra dengan promo hingga Rp150,000 dari Bank Partner." scale="0"/></a> </div> <div class="promotion-description"> <p>Gajian Ekstra dengan promo hingga Rp150,000 dari Bank Partner. </p> <div class="promotion-date"> <div class="promotion-date-detail"> <div class="promotion-box-label text-secondary">Periode Promo</div> <div class="promotion-box__value">25 - 31 Agu 2019 </div> </div> </div> <div class="promotion-code"> <div class="promotion-code-detail"> <div class="promotion-box-label text-secondary">Tanpa Kode Promo</div> </div> </div> </div> <div class="promotion-cta"> <a target="_blank" href="#">Lihat Detail</a> </div> </div> </div> <!-- 2 --> <div class="col-1"> <div class="promotion-box"> <div class="promotion-image"> <a target="_blank" href="#"> <img src="https://ecs7.tokopedia.net/img/blog/promo/2019/08/Thumbnail-600x328-31.jpg" class="lazyload" alt="Gajian Ekstra dengan promo hingga Rp150,000 dari Bank Partner." scale="0"/></a> </div> <div class="promotion-description"> <p>Bayar Pakai OVO PayLater, Gratis Biaya Admin!</p> <div class="promotion-date"> <div class="promotion-date-detail"> <div class="promotion-box-label text-secondary">Periode Promo</div> <div class="promotion-box__value">25 - 31 Agu 2019 </div> </div> </div> <div class="promotion-code"> <div class="promotion-code-detail"> <div class="promotion-box-label text-secondary">Tanpa Kode Promo</div> </div> </div> </div> <div class="promotion-cta"> <a target="_blank" href="#">Lihat Detail</a> </div> </div> </div> <!-- 3 --> <div class="col-1"> <div class="promotion-box"> <div class="promotion-image"> <a target="_blank" href="#"> <img src="https://ecs7.tokopedia.net/img/blog/promo/2019/08/Thumbnail-1.png" class="lazyload" alt="Gajian Ekstra dengan promo hingga Rp150,000 dari Bank Partner." scale="0"/></a> </div> <div class="promotion-description"> <p>Bibir Merona Dengan Pearl & Darling, Gratis Pouch!</p> <div class="promotion-date"> <div class="promotion-date-detail"> <div class="promotion-box-label text-secondary">Periode Promo</div> <div class="promotion-box__value">25 - 31 Agu 2019 </div> </div> </div> <div class="promotion-code"> <div class="promotion-code-detail"> <div class="promotion-box-label text-secondary">Tanpa Kode Promo</div> </div> </div> </div> <div class="promotion-cta"> <a target="_blank" href="#">Lihat Detail</a> </div> </div> </div> <style> body, #post-wrapper, #wrapper {background:#f8f8f8;} #post-wrapper {width:100%!important;} .col-1 {width:33.33333333%;float:left;padding-right:15px;padding-left:15px;} .promotion-box{background:#fff;border-radius:4px;overflow:hidden;margin-bottom:25px;-webkit-transition:.5s;transition:.5s} .promotion-image{height:auto} .promotion-description{border-color:#e0e0e0;border-style:solid;border-width:0 1px;padding:18px} .promotion-box p{height:40px;overflow:hidden;font-weight:600} .promotion-date{margin-top:0;margin-bottom:0;padding-top:10px;height:55px;overflow:hidden} .promotion-code-detail,.promotion-date-detail{position:relative;padding-left:30px} .promotion-date-detail:before{background-image:url(https://ecs7.tokopedia.net/assets/images/ic_periode.png)} .promotion-date-detail:before,.promotion-code-detail:before{position:absolute;content:" ";left:0;top:50%;background-repeat:no-repeat;background-size:20px 20px;transform:translateY(-50%);width:20px;height:20px} .promotion-code{position:relative;height:40px}.promotion-code-detail{display:inline-block}.promotion-code-detail,.promotion-date-detail{position:relative;padding-left:30px}.promotion-code-detail:before{background-image:url(https://ecs7.tokopedia.net/assets/images/ic_kode.png)}.promotion-date-detail:before,.promotion-code-detail:before{position:absolute;content:" ";left:0;top:50%;background-repeat:no-repeat;background-size:20px 20px;transform:translateY(-50%);width:20px;height:20px} .promotion-cta{border:1px solid #e0e0e0;padding:18px} .promotion-cta a{background:#42b549;text-align:center;padding:10px;font-weight:600;color:#fff!important;border-radius:4px;border:1px solid #fff;-webkit-transition:.2s;transition:.2s;display:block} .promotion-cta a:hover {background: #008000;} @media only screen and (max-width:640px){.col-1 {width:50%;}} @media only screen and (max-width:480px){.col-1 {width:100%;}} </style>
+ Tanda " # " Ubah dengan Alamat URL Halaman produk
