@extends('layouts.applicant-layout')
@section('content')
    <style>
        .gradient{
            background: linear-gradient(to bottom right, #006147, 70%, #b4ffdf);
        }
        .card1:hover{
            transform: scale(1.05);
            transition: all 0.5s;
            background: unset;
        }
        .font-AndaleMono {
            font-family: Andale Mono, monospace;

        }
        a {
            color: unset;
        }


    </style>

    <main>
        <div class="" style="margin-top: 100px;" >
            <div class="mx-4 py-4">
                <div class="row ">
                    <div class="col-4 d-flex justify-content-center align-items-center">
                        <div class="display-4"> Факультеты </div>

                    </div>
                    <div class="col-8">
                        <div class="row" >
                            <div class="col-3 card1 ">
                                <a href="#">
                                    <img class="rounded-top" src="{{ URL::to('img/front-page/gdpr-technology-1440x786.jpg') }}" alt="" style="width: 100%">
                                    <div class="font-AndaleMono fs-4 text-center py-2 "  > Технологический факультет </div>
                                </a>
                            </div>
                            <div class="col-3 card1">
                                <a href="#">
                                <img class="rounded-top" src="{{ URL::to('img/front-page/gdpr-technology-1440x786.jpg') }}" alt="" style="width: 100%">
                                <div class="font-AndaleMono fs-4 text-center py-2 " > Факультет экономики и управления </div>
                                </a>
                            </div>
                            <div class="col-3 card1">
                                <a href="#">
                                <img class="rounded-top" src="{{ URL::to('img/front-page/gdpr-technology-1440x786.jpg') }}" alt="" style="width: 100%">
                                <div class="font-AndaleMono fs-4 text-center py-2 " > Экологический факультет </div>
                                </a>
                            </div>
                            <div class="col-3 card1">
                                <a href="#">
                                <img class="rounded-top" src="{{ URL::to('img/front-page/gdpr-technology-1440x786.jpg') }}" alt="" style="width: 100%">
                                <div class="font-AndaleMono fs-4 text-center py-2 " > Факультет аграрных технологий </div>
                                </a>
                            </div>
                        </div>
                        <div class="row" style="margin-top: 40px">
                            <div class="col-3 card1">
                                <a href="#">
                                <img class="rounded-top" src="{{ URL::to('img/front-page/gdpr-technology-1440x786.jpg') }}" alt="" style="width: 100%">
                                <div class="font-AndaleMono fs-4 text-center py-2 " > Факультет международного образования

                                </div>
                                </a>
                            </div>
                            <div class="col-3 card1">
                                <a href="#">
                                <img class="rounded-top" src="{{ URL::to('img/front-page/gdpr-technology-1440x786.jpg') }}" alt="" style="width: 100%">
                                <div class="font-AndaleMono fs-4 text-center py-2 " > Факультет информационных систем в экономике и юриспруденции </div>
                                </a>
                            </div>
                            <div class="col-3 card1">
                                <a href="#">
                                <img class="rounded-top" src="{{ URL::to('img/front-page/gdpr-technology-1440x786.jpg') }}" alt="" style="width: 100%">
                                <div class="font-AndaleMono fs-4 text-center py-2 " > Инженерный факультет </div>
                                </a>
                            </div>

                        </div>

                    </div>


                </div>

            </div>

        </div>

        <!-- service area start  -->
        <div class="tp-feature__section pt-120 pb-30 ">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <div class="tp-section__title-wrapper text-center mb-40">
                            <h3 class="display-4">Абитуриенту</h3>
                        </div>
                    </div>
                </div>
                <div class="row gx-70">
                    <div class="col-lg-3 col-md-4">
                        <a href="{{ route('course') }}">
                            <div class="tp-feature__item before-color-1 mb-30">
                                <div class="tp-feature__icon">
                                    <img style="max-width: 26%;" src="{{ URL::to('img/courses/doconline.png') }}"
                                         alt="">
                                </div>
                                <h3 class="tp-feature__title">Подать<br/>документы<br/>онлайн</h3>
                            </div>
                        </a>
                    </div>
                    <div class="col-lg-3 col-md-4">
                        <a href="{{ route('abitur') }}">
                            <div class="tp-feature__item before-color-2 mb-40">
                                <div class="tp-feature__icon">
                                    <img style="max-width: 26%;" src="{{ URL::to('img/courses/abit.png') }}" alt="">
                                </div>
                                <h3 class="tp-feature__title">Абитуриенту</h3>
                            </div>
                        </a>
                    </div>
                    <div class="col-lg-3 col-md-4">
                        <a href="{{ route('reception-screens') }}">
                            <div class="tp-feature__item before-color-3 mb-40">
                                <div class="tp-feature__icon">
                                    <img style="max-width: 26%;" src="{{ URL::to('img/courses/ekrpriem.png') }}" alt="">
                                </div>
                                <h3 class="tp-feature__title">Экран приема</h3>
                            </div>
                        </a>
                    </div>
                    <div class="col-lg-3 col-md-4">
                        <a href="{{ route('inostrannym-abiturientam') }}">
                            <div class="tp-feature__item before-color-4 mb-40">
                                <div class="tp-feature__icon">
                                    <img style="max-width: 26%;" src="{{ URL::to('img/courses/abroad.png') }}" alt="">
                                </div>
                                <h3 class="tp-feature__title">Иностранным абитуриентам</h3>
                            </div>
                        </a>
                    </div>
                    <div class="col-lg-3 col-md-4">
                        <a href="#">
                            <div class="tp-feature__item before-color-5 mb-40">
                                <div class="tp-feature__icon">
                                    <img style="max-width: 26%;" src="{{ URL::to('img/courses/openday.png') }}" alt="">
                                </div>
                                <h3 class="tp-feature__title">Дни открытых дверей в МГТУ</h3>

                            </div>
                        </a>
                    </div>
                    <div class="col-lg-3 col-md-4">
                        <a href="{{ route('paid_edu') }}">
                            <div class="tp-feature__item before-color-6 mb-40">
                                <div class="tp-feature__icon">
                                    <img style="max-width: 26%;" src="{{ URL::to('img/courses/oplata.png') }}" alt="">
                                </div>
                                <h3 class="tp-feature__title">Стоимость обучения</h3>
                            </div>
                        </a>
                    </div>
                    <div class="col-lg-3 col-md-4">
                        <a href="{{ route('olimpiady-dlya-shkolnikov') }}">
                            <div class="tp-feature__item before-color-7 mb-40">
                                <div class="tp-feature__icon">
                                    <img style="max-width: 26%;" src="{{ URL::to('img/courses/school.png') }}" alt="">
                                </div>
                                <h3 class="tp-feature__title">Олимпиады для школьников</h3>
                            </div>
                        </a>
                    </div>
                    <div class="col-lg-3 col-md-4">
                        <a href="{{ route('podgotovitelnye-kursy') }}">
                            <div class="tp-feature__item before-color-8 mb-40">
                                <div class="tp-feature__icon">
                                    <img style="max-width: 26%;" src="{{ URL::to('img/courses/courses.png') }}" alt="">
                                </div>
                                <h3 class="tp-feature__title">Подготовительные курсы</h3>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <!-- service area end  -->

        <?php

        ?>

        <style>
            .imageHover {
                transition: .5s all;
            }

            .imageHover:hover {
                transform: scale(1.05);
            }

            .card {
                border-bottom-left-radius: 0.75rem;
                border-bottom-right-radius: 0.75rem;
            }

            .imageBackgroundCover {
                background-size: cover;
                background-position: center;
                background-blend-mode: overlay;

            }

            .link:hover {
                color: #006147;
            }
        </style>

        <div class="mt-4">
            <div class="text-center  my-5">
                <h1 class="text-dark"> Программы обучения в МГТУ</h1>
                <h3>Тут можно узнать какие программы обучения есть в нашем ВУЗе.</h3>
            </div>

            <div class="container">
                <div class="row">
                    <div class="col rounded-3 me-4  border border-secondary-subtle " style="background-color: #e9ecef;">

                        <div class="row position-relative">

                            <div class="px-0"><img src="{{ URL::to('img/front-page/bakalavriat.jpg') }}" alt=""
                                                   class="img-fluid rounded-3"></div>

                        </div>

                        <div class="row mt-4 m-2 p-1 ">
                            <h1 class="text-secondary text-center pb-4"> Бакалавриат</h1>
                            <p class="text-secondary rounded-3 fw-light fs-5"> Lorem Ipsum - это текст-"рыба", часто
                                используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой" для текстов на
                                латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию
                                размеров и форм шрифтов, используя Lorem Ipsum для распечатки образцов.
                            </p>
                            <p><a href="" class="link fs-5 fw-bolder" target="_blank"> Узнать больше</a></p>
                        </div>

                    </div>

                    <div class="col ">
                        <div class="row border border-secondary-subtle rounded-3 " style="background-color: #e9ecef;">
                            <div class="col-6 imageBackgroundCover"
                                 style="background-image: url({{ URL::to('img/front-page/magistratura.jpg') }}); border-top-left-radius: 3px; border-bottom-left-radius: 3px;  border-top-right-radius: 30px;">


                            </div>

                            <div class="col">
                                <div class=" mt-3">
                                    <h1 class=" text-secondary text-center "> Магистратура</h1>
                                </div>
                                <div class="row mt-4 m-2 p-1 ">
                                    <p class="text-secondary rounded-3 fw-light"> Lorem Ipsum - это текст-"рыба", часто
                                        используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой" для
                                        текстов на латинице с начала XVI века. В то время некий безымянный печатник создал
                                        большую коллекцию размеров и форм шрифтов, используя Lorem Ipsum для распечатки
                                        образцов.
                                    </p>
                                    <p><a href="" class="link fs-5 fw-bolder" target="_blank"> Узнать больше</a></p>
                                </div>

                            </div>

                        </div>

                        <div class="row border border-secondary-subtle rounded-3  mt-4" style="background-color: #e9ecef;">
                            <div class="col-6 imageBackgroundCover"
                                 style="background-image: url({{ URL::to('img/front-page/aspirantura.jpg') }}); border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 30px; ">


                            </div>

                            <div class="col">
                                <div class=" mt-3">
                                    <h1 class=" text-secondary text-center "> Аспирантура </h1>
                                </div>
                                <div class="row mt-4 m-2 p-1 ">
                                    <p class="text-secondary rounded-3 fw-light"> Lorem Ipsum - это текст-"рыба", часто
                                        используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой" для
                                        текстов на латинице с начала XVI века. В то время некий безымянный печатник создал
                                        большую коллекцию размеров и форм шрифтов, используя Lorem Ipsum для распечатки
                                        образцов.
                                    </p>
                                    <p><a href="" class="link fs-5 fw-bolder" target="_blank"> Узнать больше</a></p>
                                </div>

                            </div>

                        </div>

                    </div>
                </div>
            </div>


            <div class="container mt-4">
                <div class="row">
                    <div class="col ">
                        <div class="row border border-secondary-subtle rounded-3 " style="background-color: #e9ecef;">

                            <div class="col">
                                <div class=" mt-3">
                                    <h1 class=" text-secondary text-center "> СПО</h1>
                                </div>
                                <div class="row mt-4 m-2 p-1 ">
                                    <p class="text-secondary rounded-3 fw-light"> Lorem Ipsum - это текст-"рыба", часто
                                        используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой" для
                                        текстов на латинице с начала XVI века. В то время некий безымянный печатник создал
                                        большую коллекцию размеров и форм шрифтов, используя Lorem Ipsum для распечатки
                                        образцов.
                                    </p>
                                    <p><a href="" class="link fs-5 fw-bolder" target="_blank"> Узнать больше</a></p>
                                </div>

                            </div>
                            <div class="col-6 imageBackgroundCover"
                                 style="background-image: url({{ URL::to('img/front-page/SPO.jpg') }}); border-top-right-radius: 3px; border-bottom-right-radius: 3px;  border-top-left-radius: 30px;"></div>
                        </div>

                        <div class="row border border-secondary-subtle rounded-3  mt-4" style="background-color: #e9ecef;">


                            <div class="col">
                                <div class=" mt-3">
                                    <h1 class=" text-secondary text-center "> Доп. образование </h1>
                                </div>
                                <div class="row mt-4 m-2 p-1 ">
                                    <p class="text-secondary rounded-3 fw-light"> Lorem Ipsum - это текст-"рыба", часто
                                        используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой" для
                                        текстов на латинице с начала XVI века. В то время некий безымянный печатник создал
                                        большую коллекцию размеров и форм шрифтов, используя Lorem Ipsum для распечатки
                                        образцов.
                                    </p>
                                    <p><a href="" class="link fs-5 fw-bolder" target="_blank"> Узнать больше</a></p>
                                </div>

                            </div>
                            <div class="col-6 imageBackgroundCover"
                                 style="background-image: url({{ URL::to('img/front-page/dop-obrazovanie.jpg') }}); border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 30px; "></div>
                        </div>

                    </div>
                    <div class="col rounded-3 ms-4  border border-secondary-subtle " style="background-color: #e9ecef;">

                        <div class="row position-relative">

                            <div class="px-0"><img src="{{ URL::to('img/front-page/podgotovitelnie-kursi.jpg') }}" alt=""
                                                   class="img-fluid rounded-3"></div>

                        </div>

                        <div class="row mt-4 m-2 p-1 ">
                            <h1 class="text-secondary text-center pb-4"> Подготовительные курсы</h1>
                            <p class="text-secondary rounded-3 fw-light fs-5"> Lorem Ipsum - это текст-"рыба", часто
                                используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой" для текстов на
                                латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию
                                размеров и форм шрифтов, используя Lorem Ipsum для распечатки образцов.
                            </p>
                            <p><a href="" class="link fs-5 fw-bolder" target="_blank"> Узнать больше</a></p>
                        </div>

                    </div>


                </div>
            </div>
            <div class="container mt-4" >
                <div class="row">
                    <div class="col rounded-3 border border-secondary-subtle" style="background-color: #e9ecef;">
                        <div class="row">
                            <div class="col mt-3">
                                <h1 class=" text-secondary text-center "> Довузовская подготовка</h1>
                            </div>
                            <div class="row mt-4 m-2 p-1 ">
                                <p class="text-secondary rounded-3 fw-light"> Lorem Ipsum - это текст-"рыба", часто
                                    используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой" для
                                    текстов на латинице с начала XVI века. В то время некий безымянный печатник создал
                                    большую коллекцию размеров и форм шрифтов, используя Lorem Ipsum для распечатки
                                    образцов.
                                </p>
                                <p><a href="" class="link fs-5 fw-bolder" target="_blank"> Узнать больше</a></p>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col imageBackgroundCover"
                                 style="background-image: url({{ URL::to('img/front-page/dovuzovskaya-podgotovka.jpg') }});">
                                <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></div>
                        </div>
                    </div>

                    <div class="col ms-4 rounded-3 border border-secondary-subtle" style="background-color: #e9ecef;">
                        <div class="row">
                            <div class="col mt-3">
                                <h1 class=" text-secondary text-center "> Ординатура</h1>
                            </div>
                            <div class="row mt-4 m-2 p-1 ">
                                <p class="text-secondary rounded-3 fw-light"> Lorem Ipsum - это текст-"рыба", часто
                                    используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой" для
                                    текстов на латинице с начала XVI века. В то время некий безымянный печатник создал
                                    большую коллекцию размеров и форм шрифтов, используя Lorem Ipsum для распечатки
                                    образцов.
                                </p>
                                <p><a href="" class="link fs-5 fw-bolder" target="_blank"> Узнать больше</a></p>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col imageBackgroundCover"
                                 style="background-image: url({{ URL::to('img/front-page/ordinatura.jpg') }});">
                                <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></div>
                        </div>
                    </div>

                </div>

            </div>
        </div>

        <!-- about section  start -->
        <div class="tp-about__section pt-120 pb-90" >
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-7">
                        <div class="tp-about__img-wrapper d-md-flex p-relative">
                            <div class="tp-about__img-large w-img mb-30">
                                <img src="{{ URL::to('img/about/mgtu1.jpg') }}" alt="">
                            </div>
                            <div class="tp-about__img-sm w-img mb-30">
                                <img src="{{ URL::to('img/about/mgtu2.jpg') }}" alt="">
                            </div>

                            <div class="tp-about-shapes">
                                <div class="tp-about__shapes-1">
                                    <img src="{{ URL::to('img/icons/about-shapes.png') }}" alt="">
                                    <div class="tp-about__shapes-2 ">
                                        <img src="{{ URL::to('img/icons/ring-shape.png') }}" alt="">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-5">
                        <div class="tp-section__title-wrapper">
                            <h3 class="tp-section__title mb-15">Воплоти мечты в рельность<br>
                                вместе с МГТУ</h3>

                            <div class="tp-about__feature-list mb-40">
                                <ul>
                                    <i class="fa-solid fa-check fa-xl" style="color: #058007;"></i> &nbsp <b>Более 11
                                        тысяч обучающихся</b><br/>
                                    <i class="fa-solid fa-check fa-xl" style="color: #058007;"></i> &nbsp <b>Более 30
                                        тысяч выпускников</b><br/>
                                    <i class="fa-solid fa-check fa-xl" style="color: #058007;"></i> &nbsp <b>Более 200
                                        работодателей</b><br/>
                                    <i class="fa-solid fa-check fa-xl" style="color: #058007;"></i> &nbsp <b>16 видов
                                        стипендий</b><br/>
                                    <i class="fa-solid fa-check fa-xl" style="color: #058007;"></i> &nbsp <b>14
                                        студенческих объединений</b><br/>
                                    <i class="fa-solid fa-check fa-xl" style="color: #058007;"></i> &nbsp <b>27
                                        зарубежных вузов-партнёров</b><br/>
                                </ul>
                            </div>
                        </div>
                    </div>

                </div>

            </div>
        </div>
        <!-- about section end  -->


    </main>
@endsection