anket_kutu.blade.php

anket_kutu.blade.php | 1.5 KB | Satir: 0 | php Geri

@if(!empty($anket))
<div class="sidebar-widget mb-30 d-none d-md-block">
    <div class="card-counter info">
        <i class="fa fa-pie-chart"></i>
        <span class="count-text">ANKET</span>
        <span class="count-name">{{$anket['question']}}</span>
        <a href="{{ url('anketler/'.Illuminate\Support\Str::slug($anket['question']) . '-' . $anket['id']) }}" class="btn btn-lg btn-outline-info count-button">Ankete Katıl</a>
    </div>
</div>
@endif
<style>
    .card-counter{
        position: relative;
        padding: 15px;
        background-color: #fff;
        height: auto;
        transition: .3s linear all;
    }
    .card-counter.info{
        background-color: #F39C12;
        color: #FFF;
    }
    .card-counter i{
        position: absolute;
        bottom: 5px;
        left: 5px;
        font-size: 7em;
        opacity: 0.3;
    }
    .card-counter .count-text{
        font-weight: bold;
        text-align: right;
        font-size: 24px;
        display: block;
    }
    .card-counter .count-name{
        margin-top: 10px;
        margin-left: 50px;
        text-align: right;
        font-style: italic;
        text-transform: capitalize;
        display: block;
        font-size: 18px;
    }
    .card-counter .count-button {
        text-align: center;
        font-weight: bold;
        padding: 8px 0;
        margin-top: 14px;
        font-size: 16px;
        border: 1px solid #fff;
        display: block;
        background-color: #F1892D;
    }
    .card-counter .count-button:hover {
        background-color: #E67E22;
    }
</style>

Ctrl+S ile kaydet