Roman_applicant-site/resources/views/home.blade.php

@extends('layouts.applicant-layout')
@section('content')
    <main>


        <!-- 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="tp-section__title">Абитуриенту</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('applicant') }}">
                            <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="#">
                            <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="#">
                            <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="#">
                            <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="#">
                            <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="#">
                            <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="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-dark " style="background-color: #e9ecef;">

                    <div class="row position-relative">

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

                    </div>

                    <div class="row mt-4 m-2 p-1 ">
                        <h1 class="text-secondary fw-bolder pt-2 px-3 text-center"> Бакалавриат</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-dark rounded-3 " style="background-color: #e9ecef;">
                        <div class="col-6 imageBackgroundCover"
                             style="background-image: url({{ URL::to('img/bg/2.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-dark rounded-3  mt-4" style="background-color: #e9ecef;">
                        <div class="col-6 imageBackgroundCover"
                             style="background-image: url({{ URL::to('img/bg/3.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-dark 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/bg/2.jpg') }}); border-top-right-radius: 3px; border-bottom-right-radius: 3px;  border-top-left-radius: 30px;"></div>
                    </div>

                    <div class="row border border-dark 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/bg/3.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-dark " style="background-color: #e9ecef;">

                    <div class="row position-relative">

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

                    </div>

                    <div class="row mt-4 m-2 p-1 ">
                        <h1 class="text-secondary fw-bolder pt-2 px-3 text-center"> Подготовительные курсы</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-dark" 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/bg/2.jpg') }});">
                            <br><br><br><br><br><br><br><br><br><br><br><br></div>
                    </div>
                </div>

                <div class="col ms-4 rounded-3 border border-dark" 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/bg/2.jpg') }});">
                            <br><br><br><br><br><br><br><br><br><br><br><br></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