Css / Html işi Çok basit

Selamlar arkadaşlar;

Sözcü gazetesinde olduğu gibi şu şekilde: https://resmim.net/f/I1nqLN.png

Sidebara ekleyeceğim tablo istiyorum Katagoriyi - başlığı elle kendim yazacağım. Sadece css Tablo olacak. Temiz basit ve kısa kodlama yapabilecek arkadaşlar istedikleri ücret ve ne zaman teslim edeceğini belirtirse başlayabiliriz.

http://visuallightbox.com/content/30...iders-173.html hazır olan sistemler var, işini görecektir.

Sitenizi pm atın bir bakalım tabloyu sanal oturtalım

Kendine göre düzenle

<div class="full-container">
<div class="section-list-box box-50" style="padding-left:10px;">
<a href="https://www.sozcu.com.tr/hayatim/magazin-haberleri/hakan-yilmaz-ve-necmi-yapicidan-20-yillik-nostalji/" target="_blank">
<img src="https://i.sozcu.com.tr/wp-content/uploads/2019/07/30/iecrop/hakan-necmi-sli_16_9_1564467393-390x216.jpg" data-src="https://i.sozcu.com.tr/wp-content/uploads/2019/07/30/iecrop/hakan-necmi-sli_16_9_1564467393-390x216.jpg" alt="Hakan Yılmaz ve Necmi Yapıcı'dan 20 yıllık nostalji" title="Hakan Yılmaz ve Necmi Yapıcı'dan 20 yıllık nostalji" class="imgresponsive">
</a>
<div class="section-box-footer">
<a href="/hayatim/magazin-haberleri/" target="_blank">
<div class="section-box-category">Magazin</div>
</a>
<a href="https://www.sozcu.com.tr/hayatim/magazin-haberleri/hakan-yilmaz-ve-necmi-yapicidan-20-yillik-nostalji/" target="_blank">
<div class="section-box-title">Hakan Yılmaz ve Necmi Yapıcı'dan 20 yıllık nostalji</div>
</a>
</div>
</div>
<div class="section-list-box box-50" style="padding-left:10px;">
<a href="https://www.sozcu.com.tr/hayatim/magazin-haberleri/hakan-yilmaz-ve-necmi-yapicidan-20-yillik-nostalji/" target="_blank">
<img src="https://i.sozcu.com.tr/wp-content/uploads/2019/07/30/iecrop/hakan-necmi-sli_16_9_1564467393-390x216.jpg" data-src="https://i.sozcu.com.tr/wp-content/uploads/2019/07/30/iecrop/hakan-necmi-sli_16_9_1564467393-390x216.jpg" alt="Hakan Yılmaz ve Necmi Yapıcı'dan 20 yıllık nostalji" title="Hakan Yılmaz ve Necmi Yapıcı'dan 20 yıllık nostalji" class="imgresponsive">
</a>
<div class="section-box-footer">
<a href="/hayatim/magazin-haberleri/" target="_blank">
<div class="section-box-category">Magazin</div>
</a>
<a href="https://www.sozcu.com.tr/hayatim/magazin-haberleri/hakan-yilmaz-ve-necmi-yapicidan-20-yillik-nostalji/" target="_blank">
<div class="section-box-title">Hakan Yılmaz ve Necmi Yapıcı'dan 20 yıllık nostalji</div>
</a>
</div>
</div>
<div class="section-list-box box-50" style="padding-left:10px;">
<a href="https://www.sozcu.com.tr/hayatim/magazin-haberleri/hakan-yilmaz-ve-necmi-yapicidan-20-yillik-nostalji/" target="_blank">
<img src="https://i.sozcu.com.tr/wp-content/uploads/2019/07/30/iecrop/hakan-necmi-sli_16_9_1564467393-390x216.jpg" data-src="https://i.sozcu.com.tr/wp-content/uploads/2019/07/30/iecrop/hakan-necmi-sli_16_9_1564467393-390x216.jpg" alt="Hakan Yılmaz ve Necmi Yapıcı'dan 20 yıllık nostalji" title="Hakan Yılmaz ve Necmi Yapıcı'dan 20 yıllık nostalji" class="imgresponsive">
</a>
<div class="section-box-footer">
<a href="/hayatim/magazin-haberleri/" target="_blank">
<div class="section-box-category">Magazin</div>
</a>
<a href="https://www.sozcu.com.tr/hayatim/magazin-haberleri/hakan-yilmaz-ve-necmi-yapicidan-20-yillik-nostalji/" target="_blank">
<div class="section-box-title">Hakan Yılmaz ve Necmi Yapıcı'dan 20 yıllık nostalji</div>
</a>
</div>
</div>
</div>

<style>
.imgresponsive {
width: 100%;
height: auto;
}
.full-container {
background: #efefef;
top: 0;
}
.section-list-box {
margin-bottom: 20px;
}
.section-row .box-50 {
width: calc((100% - 20px*1) / 2);
}
.section-list-box {
padding: 0 !important;
}
a {
text-decoration: none;
}
.section-box-footer {
background-color: #fff;
padding: 10px;
background-size: cover;
position: relative;
}
.section-box-category {
color: #ec227f;
font-weight: 500;
font-weight: bold;
font-size: 14px;
}
.section-box-title {
color: #000;
font-size: 20px;
font-weight: bold;
padding: 10px 0;
line-height: normal;
height: 70px;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
display: -webkit-box;
}
</style>

Artıları verdim teşekkürler arkadaşlar.