@extends('layouts.app') @section('dynamic_css')
<style>
    .card_row {
        margin-top: 0px;
    }

    .card_row-last {
        margin-bottom: 0px;
    }

    @media (max-width: 768px) {
        .img_custom_style {
            width: 50%;
            display: block;
            margin: auto;
        }

        .custom-div-style {
            display: table-cell;
            vertical-align: middle;
        }
        .card_row {
            margin-top: 14px;
        }
        .card_row-last {
            margin-bottom: 14px;
        }

        .container_layout {
            padding-top: 0px;
            padding-bottom: 0px;
        }
    }

    .img_custom_style {
        width: 50%;
        display: block;
        margin: auto;
        padding-top: 30px;
    }

    .custom-div-style {
        display: table-cell;
        vertical-align: middle;
    }


    .custom_border-radius {
        border-radius: 100pc;
    }

    .mt30 {
        margin-top: 30px;
    }
</style>
@endsection @section('content')



<div class="row justify-content-center container_layout card_hover">


    <div class="col-md-4 card_row ">
        <div class="custom-div-style">
            <a href="{{ route('adminhome')}}">
                <div class="card animated zoomIn">
                    <div class="card-body ">
                        <div class="text-center ">
                            <img src="{{ asset('media/icons/admin_icon.png') }}" style="" class="img img-responsive img_custom_style">
                        </div>
                        <div class="btn btn-info waves-effect text-center mt30 ml0" style="width:100%;">
                            As Admin
                        </div>

                    </div>
                </div>
            </a>
        </div>
    </div>
    <div class="col-md-1">
    </div>
    <div class="col-md-4 ">
        <div class="custom-div-style">
            <a href="{{ route('userhome')}}">
                <div class="card card_row admin_card animated zoomIn">
                    <div class="card-body">
                        <div class="text-center " style="">
                            <img src="{{ asset('media/icons/user_icon.png') }}" style="" class="img img-responsive img_custom_style">
                        </div>
                        <div class="btn btn-info waves-effect text-center mt30 ml0" style="width:100%;">
                            As User
                        </div>
                    </div>
                </div>
            </a>
        </div>
    </div>



    <!--            <div class="col-md-4 animated zoomIn">
              <div class="custom-div-style">
                 <a href="{{ route('adminhome')}}">
                   <div class="card card_row admin_card">
                        <div class="card-body ">
                                <div class="text-center ">
                                     <img src="{{ asset('media/icons/admin_icon.png') }}" style="" class="img img-responsive img_custom_style">
                                </div>
                                <div class="btn btn-info waves-effect text-center mt30 ml0" style="width:100%;">
                                    As Admin
                                </div>
                               
                        </div>
                    </div>
                  </a>
              </div>
            </div>-->



</div>

@endsection