@extends('layout.app')
@section('css')
<style type="text/css">
    .card {
        margin: 10px;
        background-color: #fff;
        border-radius: 10px;
        box-shadow: 0 2px 20px rgb(0 0 0 / 20%);
        overflow: hidden;
        width: 250px !important;
        border: none !important;
        height: 22rem !important;
    }
</style>
@endsection

@section('content')
<div class="slider-area2 section-bg2" data-background="{{asset('new_img/twitter-img/DGs_Visit_RMRCNE.jpg')}}">
    <div class="slider-height2 d-flex align-items-center">
        <div class="container">
            <div class="row">
                <div class="col-xl-12">
                    <div class="hero-cap hero-cap2">
                        <h2>ICMR Archives</h2>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<section class="home-blog-area section-padding40">
    <div class="container">
        <div class="section-tittle mb-100">
            <span class="element_1">Archives</span>
        </div>
        <div class="row" style="justify-content: center;">
            <div class="card">
                <div class="card-header" style="display: flex;justify-content: center;align-items: center;">
                    <a href="{{route('notifications')}}"> <img src="{{asset('icons/files.png')}}" alt=""></a>
                </div>
                <div class="card-body" style="align-items: center;">
                    <a href="{{route('notifications')}}">
                        <h2 style="text-align: center;"><b style="color:#036bb3;"></b>Notifications</h2>
                    </a>
                </div>
            </div>
            <div class="card">
                <div class="card-header" style="display: flex;justify-content: center;align-items: center;">
                    <a href="{{route('tenders')}}"> <img src="{{asset('icons/files.png')}}" alt=""></a>
                </div>
                <div class="card-body" style="align-items: center;">
                    <a href="{{route('tenders')}}">
                        <h2 style="text-align: center;"><b style="color:#036bb3;"></b>Tenders</h2>
                    </a>
                </div>
            </div>

        </div>
    </div>
</section>
@endsection