@extends('frontend.layouts.app')
@section('title')
    DIC at a Glance -
@endsection
@push('style')
<style>
    td p,
    td * {
        margin: 0 !important;
        padding: 0 !important;
        line-height: 1.3 !important;
    }

    td {
        vertical-align: middle !important;
    }
</style>
@endpush

@section('content')
    @include('frontend.layouts.include.breadcrumb', [
        'items' => [['name' => 'About', 'url' => '#'], ['name' => 'DIC at a Glance', 'url' => null]],
    ])
    <div class="container-fluid my-5">
        <div class="row">
            <div class="col-12">
                <div class="table-responsive">
                    <table class="table table-bordered text-left">
                        <thead class="text-center">
                            <tr>
                                <th colspan="2" class="text-white py-3 bg-primary" style="font-size: 1.5rem;">
                                    Dhaka Imperial College at a Glance</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($college_infos as $info)
                                <tr>
                                    <td>{{ $info->label }}</td>
                                    <td>{!!  $info->value !!}</td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
@endsection
@push('script')
@endpush