@extends('layouts.layout')
@section('content')



    <style>
         .buttonHover{
            transition: .3s all;
         }
         .buttonHover:hover{
            background-color : #006147;
            transform: scale(1.03);
            color: #e0e0e0;
         }
    </style>

    <div class="container mt-4">
        <div class="row d-flex justify-content-center align-items-center">
            <div class="col-8">
                <a href="web-consultations.php">
                    <h4>
                        <div class="d-flex justify-content-start align-items-center w-100 h-100 border border-secondary m-1 p-4 buttonHover rounded-2">Онлайн-консультации для поступающих и родителей </div>
                    </h4>
                </a>
            </div>

            <div class="col-8">
                <a href="ui-4.html#">
                    <h4>
                        <div class="d-flex justify-content-start align-items-center w-100 h-100 border border-secondary m-1 p-4 buttonHover rounded-2">Калькулятор ЕГЭ </div>
                    </h4>
                </a>
            </div>

            <div class="col-8">
                <a href="postup.php">
                    <h4>
                        <div class="d-flex justify-content-start align-items-center w-100 h-100 border border-secondary m-1 p-4 buttonHover rounded-2">Для поступающих на программы бакалавриата, специалитета, магистратуры </div>
                    </h4>
                </a>
            </div>

            <div class="col-8">
                <a href="postup-col.php">
                    <h4>
                        <div class="d-flex justify-content-start align-items-center w-100 h-100 border border-secondary m-1 p-4 buttonHover rounded-2">Для поступающих на программы среднего профессионального образования (колледж) </div>
                    </h4>
                </a>
            </div>

            <div class="col-8">
                <a href="ui-4.html#">
                    <h4>
                        <div class="d-flex justify-content-start align-items-center w-100 h-100 border border-secondary m-1 p-4 buttonHover rounded-2">Для поступающих на обучение по договорам об оказании платных образовательных услуг </div>
                    </h4>
                </a>
            </div>

            <div class="col-8">
                <a href="ui-4.html#">
                    <h4>
                        <div class="d-flex justify-content-start align-items-center w-100 h-100 border border-secondary m-1 p-4 buttonHover rounded-2">Для поступающих на программы ординатуры </div>
                    </h4>
                </a>
            </div>

            <div class="col-8">
                <a href="ui-4.html#">
                    <h4>
                        <div class="d-flex justify-content-start align-items-center w-100 h-100 border border-secondary m-1 p-4 buttonHover rounded-2">Для поступающих на программы аспирантуры </div>
                    </h4>
                </a>
            </div>

            <div class="col-8">
                <a href="ui-4.html#">
                    <h4>
                        <div class="d-flex justify-content-start align-items-center w-100 h-100 border border-secondary m-1 p-4 buttonHover rounded-2">Часто задаваемые вопросы (бакалавриат, специалитет, магистратура) </div>
                    </h4>
                </a>
            </div>

            <div class="col-8">
                <a href="ui-4.html#">
                    <h4>
                        <div class="d-flex justify-content-start align-items-center w-100 h-100 border border-secondary m-1 p-4 buttonHover rounded-2">Видеоматериалы для поступающих </div>
                    </h4>
                </a>
            </div>

            <div class="col-8">
                <a href="ui-4.html#">
                    <h4>
                        <div class="d-flex justify-content-start align-items-center w-100 h-100 border border-secondary m-1 p-4 buttonHover rounded-2">Экран приема 2023 </div>
                    </h4>
                </a>
            </div>
        </div>
    </div>

@endsection