<div class="istatik-tables">
<div class="istatistik-table konular">
<span class="table-head">
Rakam
</span>
<span class="istatistik">
<i class="fad fa-chart-line"></i> Konular
</span>
</div>
<div class="istatistik-table mesajlar">
<span class="table-head">
Rakam
</span>
<span class="istatistik">
<i class="fad fa-comments"></i> Mesajlar
</span>
</div>
<div class="istatistik-table uyeler">
<span class="table-head">
Rakam
</span>
<span class="istatistik">
<i class="far fa-user-check"></i> Üyelerimiz
</span>
</div>
<div class="istatistik-table sonuye">
<span class="table-head">
Üye Adı
</span>
<span class="istatistik">
<i class="fas fa-user-clock"></i> Son kayıt olan üyemiz
</span>
</div>
</div>
<xf:css>
.istatik-tables {
margin: 0 auto;
}
.istatistik-table {
position: relative;
display: block;
margin: 5px;
float: left;
width: 300px;
background: #242424;
font-family: Roboto, Helvetica, sans-serif;
text-align: center;
}
.konular {
border-top: 3px solid #0e83cd;
border-bottom: 3px solid #0e83cd;
}
.mesajlar {
border-top: 3px solid #0e83cd;
border-bottom: 3px solid #0e83cd;
}
.uyeler {
border-top: 3px solid #0e83cd;
border-bottom: 3px solid #0e83cd;
}
.sonuye {
border-top: 3px solid #0e83cd;
border-bottom: 3px solid #0e83cd;
}
.istatistik-table span {
display: block;
}
.table-head {
padding: 5px 0;
font-size: 44px;
font-weight: bold;
color: #5f5fa7;
}
.istatistik {
padding: 8px 0;
font-size: 18px;
font-weight: bold;
color: #ffffff;
background: #0e83cd;
}
@media (max-width:650px) {
.istatistik-table {
margin: 0 auto;
margin-top: 5px;
margin-bottom: 20px;
display: inline-block;
width: 100%;
position: relative;
border-radius: 4px;
}
}
</xf:css>