Merge pull request 'new-design' (#14) from RomanGolienko/Roman_applicant-site:new-design into main

Reviewed-on: http://gitea.mkgtu.ru/aslan/applicant-site/pulls/14

resources/views/home.blade.php

@@ -1,15 +1,100 @@
 @extends('layouts.applicant-layout')
 @section('content')
-    <main>
+    <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="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>
+                            <h3 class="display-4">Абитуриенту</h3>
                         </div>
                     </div>
                 </div>
@@ -131,214 +216,215 @@
             }
         </style>
 
-        <div class="text-center  my-5">
+        <div class="mt-4">
-            <h1 class="text-dark"> Программы обучения в МГТУ</h1>
+            <div class="text-center  my-5">
-            <h3>Тут можно узнать какие программы обучения есть в нашем ВУЗе.</h3>
+                <h1 class="text-dark"> Программы обучения в МГТУ</h1>
-        </div>
+                <h3>Тут можно узнать какие программы обучения есть в нашем ВУЗе.</h3>
-
-        <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">
+                <div class="row">
+                    <div class="col rounded-3 me-4  border border-secondary-subtle " style="background-color: #e9ecef;">
 
-        <div class="container mt-4">
+                        <div class="row position-relative">
-            <div class="row">
-                <div class="col ">
-                    <div class="row border border-secondary-subtle rounded-3 " style="background-color: #e9ecef;">
 
-                        <div class="col">
+                            <div class="px-0"><img src="{{ URL::to('img/front-page/bakalavriat.jpg') }}" alt=""
-                            <div class=" mt-3">
+                                                   class="img-fluid rounded-3"></div>
-                                <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 - это текст-"рыба", часто
+                            <h1 class="text-secondary text-center pb-4"> Бакалавриат</h1>
-                                используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой" для
+                            <p class="text-secondary rounded-3 fw-light fs-5"> Lorem Ipsum - это текст-"рыба", часто
-                                текстов на латинице с начала XVI века. В то время некий безымянный печатник создал
+                                используемый в печати и вэб-дизайне. 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"
+                    <div class="col ">
-                             style="background-image: url({{ URL::to('img/front-page/dovuzovskaya-podgotovka.jpg') }});">
+                        <div class="row border border-secondary-subtle rounded-3 " style="background-color: #e9ecef;">
-                            <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></div>
+                            <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="col ms-4 rounded-3 border border-secondary-subtle" style="background-color: #e9ecef;">
+
-                    <div class="row">
+            <div class="container mt-4">
-                        <div class="col mt-3">
+                <div class="row">
-                            <h1 class=" text-secondary text-center "> Ординатура</h1>
+                    <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 ">
-                            <p class="text-secondary rounded-3 fw-light"> Lorem Ipsum - это текст-"рыба", часто
+                            <h1 class="text-secondary text-center pb-4"> Подготовительные курсы</h1>
-                                используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой" для
+                            <p class="text-secondary rounded-3 fw-light fs-5"> Lorem Ipsum - это текст-"рыба", часто
-                                текстов на латинице с начала XVI века. В то время некий безымянный печатник создал
+                                используемый в печати и вэб-дизайне. 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') }});">
+                </div>
-                            <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></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="tp-about__section pt-120 pb-90" >
             <div class="container">
                 <div class="row align-items-center">
                     <div class="col-lg-7">

resources/views/layouts/applicant-layout.blade.php

@@ -214,7 +214,7 @@
         <div class="row">
             <div class="col-lg-7">
                 <div class="tp-hero__content pt-200">
-                    <h3 class="tp-hero__title text-white mb-15">Поступление абитуриентов</h3>
+                    <h3 class="tp-hero__title text-white mb-15">Воплоти мечту <br> в реальность </h3>
                     <h5 class="title text-white">Выбирай! Решай! Действуй!</h5>
                     <div class="tp-hero__btn-wrappper d-md-flex align-items-center">
                         <div class="hero-btn-2">
@@ -260,67 +260,67 @@
 
 
 <!-- brnad section start  -->
-<div class="tp-brand__section">
+{{--<div class="tp-brand__section">--}}
-    <div class="container">
+{{--    <div class="container">--}}
-        <div class="row justify-content-center">
+{{--        <div class="row justify-content-center">--}}
-            <div class="col-lg-12">
+{{--            <div class="col-lg-12">--}}
-                <div class="tp-brand__box white-bg pt-40">
+{{--                <div class="tp-brand__box white-bg pt-40">--}}
-                    <div class="row">
+{{--                    <div class="row">--}}
-                        <div class="col-xl-4 col-md-6">
+{{--                        <div class="col-xl-4 col-md-6">--}}
-                            <h3>Факультеты</h3>
+{{--                            <h3>Факультеты</h3>--}}
-                        </div>
+{{--                        </div>--}}
-                    </div>
+{{--                    </div>--}}
-                    <div class="row">
+{{--                    <div class="row">--}}
-                        <div class="col-12">
+{{--                        <div class="col-12">--}}
-                            <div class="tp-brand_slider">
+{{--                            <div class="tp-brand_slider">--}}
-                                <div class="tp-brand__item">
+{{--                                <div class="tp-brand__item">--}}
-                                    <img src="{{ URL::to('img/brand/agrar_fak.png') }}" alt="">
+{{--                                    <img src="{{ URL::to('img/brand/agrar_fak.png') }}" alt="">--}}
-                                </div>
+{{--                                </div>--}}
-                                <div class="tp-brand__item">
+{{--                                <div class="tp-brand__item">--}}
-                                    <img src="{{ URL::to('img/brand/eco_fak.png') }}" alt="">
+{{--                                    <img src="{{ URL::to('img/brand/eco_fak.png') }}" alt="">--}}
-                                </div>
+{{--                                </div>--}}
-                                <div class="tp-brand__item">
+{{--                                <div class="tp-brand__item">--}}
-                                    <img src="{{ URL::to('img/brand/ecolog_fak.png') }}" alt="">
+{{--                                    <img src="{{ URL::to('img/brand/ecolog_fak.png') }}" alt="">--}}
-                                </div>
+{{--                                </div>--}}
-                                <div class="tp-brand__item">
+{{--                                <div class="tp-brand__item">--}}
-                                    <img src="{{ URL::to('img/brand/fis_fak.png') }}" alt="">
+{{--                                    <img src="{{ URL::to('img/brand/fis_fak.png') }}" alt="">--}}
-                                </div>
+{{--                                </div>--}}
-                                <div class="tp-brand__item">
+{{--                                <div class="tp-brand__item">--}}
-                                    <img src="{{ URL::to('img/brand/farm_fak.png') }}" alt="">
+{{--                                    <img src="{{ URL::to('img/brand/farm_fak.png') }}" alt="">--}}
-                                </div>
+{{--                                </div>--}}
-                                <div class="tp-brand__item">
+{{--                                <div class="tp-brand__item">--}}
-                                    <img src="{{ URL::to('img/brand/inz_fak.png') }}" alt="">
+{{--                                    <img src="{{ URL::to('img/brand/inz_fak.png') }}" alt="">--}}
-                                </div>
+{{--                                </div>--}}
-                                <div class="tp-brand__item">
+{{--                                <div class="tp-brand__item">--}}
-                                    <img src="{{ URL::to('img/brand/lech_fak.png') }}" alt="">
+{{--                                    <img src="{{ URL::to('img/brand/lech_fak.png') }}" alt="">--}}
-                                </div>
+{{--                                </div>--}}
-                                <div class="tp-brand__item">
+{{--                                <div class="tp-brand__item">--}}
-                                    <img src="{{ URL::to('img/brand/med_inst.png') }}" alt="">
+{{--                                    <img src="{{ URL::to('img/brand/med_inst.png') }}" alt="">--}}
-                                </div>
+{{--                                </div>--}}
-                                <div class="tp-brand__item">
+{{--                                <div class="tp-brand__item">--}}
-                                    <img src="{{ URL::to('img/brand/mezd_fak.png') }}" alt="">
+{{--                                    <img src="{{ URL::to('img/brand/mezd_fak.png') }}" alt="">--}}
-                                </div>
+{{--                                </div>--}}
-                                <div class="tp-brand__item">
+{{--                                <div class="tp-brand__item">--}}
-                                    <img src="{{ URL::to('img/brand/pediatr_fak.png') }}" alt="">
+{{--                                    <img src="{{ URL::to('img/brand/pediatr_fak.png') }}" alt="">--}}
-                                </div>
+{{--                                </div>--}}
-                                <div class="tp-brand__item">
+{{--                                <div class="tp-brand__item">--}}
-                                    <img src="{{ URL::to('img/brand/posl_fak.png') }}" alt="">
+{{--                                    <img src="{{ URL::to('img/brand/posl_fak.png') }}" alt="">--}}
-                                </div>
+{{--                                </div>--}}
-                                <div class="tp-brand__item">
+{{--                                <div class="tp-brand__item">--}}
-                                    <img src="{{ URL::to('img/brand/stomat_fak.png') }}" alt="">
+{{--                                    <img src="{{ URL::to('img/brand/stomat_fak.png') }}" alt="">--}}
-                                </div>
+{{--                                </div>--}}
-                                <div class="tp-brand__item">
+{{--                                <div class="tp-brand__item">--}}
-                                    <img src="{{ URL::to('img/brand/tech_fak.png') }}" alt="">
+{{--                                    <img src="{{ URL::to('img/brand/tech_fak.png') }}" alt="">--}}
-                                </div>
+{{--                                </div>--}}
-                            </div>
+{{--                            </div>--}}
-                        </div>
+{{--                        </div>--}}
-                    </div>
+{{--                    </div>--}}
-                </div>
+{{--                </div>--}}
-            </div>
+{{--            </div>--}}
-        </div>
+{{--        </div>--}}
-    </div>
+{{--    </div>--}}
 
-</div>
+{{--</div>--}}
 
 <!-- brnad section end  -->
 <style>

resources/views/layouts/test-applicant-layout.blade.php

@@ -0,0 +1,154 @@
+<!doctype html>
+<html class="no-js" lang="ru">
+
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="x-ua-compatible" content="ie=edge">
+    <title>Абитуриенту ФГБОУ ВО "МГТУ"</title>
+    <meta name="description" content="">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+
+    <!-- Place favicon.ico in the root directory -->
+    <link rel="shortcut icon" type="image/x-icon" href="{{ URL::to('img/logo/favicon.png') }}">
+
+    <!-- CSS here  -->
+
+    <link rel="stylesheet" type="text/css" href="{{ asset('css/bootstrap.css') }}">
+
+
+
+
+
+    @yield('extra_styles')
+    <!-- css end  here-->
+    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
+    <meta http-equiv="Pragma" content="no-cache">
+    <meta http-equiv="Expires" content="0">
+</head>
+<style>
+    html {
+        width: 100%;
+        height: 100%;
+        margin: 0;
+        padding: 0;
+    }
+   body {
+       background-image: url({{ URL::to('img/front-page/fon1_blok.png') }});
+       background-repeat: no-repeat;
+       width: 100%;
+       height: 100%;
+       object-fit: cover;
+       overflow-x:hidden;
+
+
+
+   }
+   a {
+       text-decoration: none; /* Убираем подчёркивание */
+   }
+   .hover1:hover {
+       transform: scale(1.1);
+       transition: all .3s ease-in-out;
+
+
+   }
+</style>
+<body>
+
+
+<!-- pre loader area start -->
+{{--<div class="tp-preloader">--}}
+{{--    <div class="tp-preloader__center">--}}
+
+{{--        <div style="position:relative; width:300px; height:300px;">--}}
+{{--            <img src="{{ URL::to('svg/img/circle.svg') }}" style="position:absolute; left:0px; top:0px;" alt=""/>--}}
+{{--            <img src="{{ URL::to('svg/img/schit.svg') }}" style="position:absolute; left:0px; top:0px;" alt=""/>--}}
+{{--            <img src="{{ URL::to('svg/img/book.svg') }}" style="position:absolute; left:0px; top:0px;" alt=""/>--}}
+{{--        </div>--}}
+{{--        <!--svg width="170" height="132" viewBox="0 0 170 132" fill="none" xmlns="http://www.w3.org/2000/svg">--}}
+{{--           <g clip-path="url(#clip0_6_12)">--}}
+{{--           <path d="M113.978 61.1738L55.4552 2.8186C52.8594 0.230266 48.7298 0.230266 46.252 2.8186L1.88784 46.4673C-0.707934 49.0557 -0.707934 53.1735 1.88784 55.6441L14.5127 68.2329L66.9002 120.353L113.86 75.7626C118.108 71.8801 118.108 65.2916 113.978 61.1738Z" fill="black"/>--}}
+{{--           <path d="M167.781 51.5263L90.2621 129.059C86.1325 133.177 79.6431 133.177 75.5134 129.059L31.6212 85.2923C35.7509 89.4101 42.2403 89.4101 46.37 85.2923L123.889 7.75996C126.485 5.17163 130.615 5.17163 133.092 7.75996L167.663 42.2319C170.377 44.8202 170.377 48.938 167.781 51.5263Z" fill="#5392FB"/>--}}
+{{--           <path d="M74.9235 35.0551C76.6933 36.8199 78.4632 38.467 79.9971 39.8788C82.1209 41.6436 82.2389 44.8202 80.233 46.8203L48.8478 78.1156C44.1282 82.8217 36.4588 82.8217 31.7392 78.1156C27.0197 73.4095 27.0197 65.7622 31.7392 61.0561L63.1245 29.7608C65.1303 27.7607 68.3161 27.8784 70.0859 29.9961C71.5018 31.5256 73.1536 33.2904 74.9235 35.0551Z" fill="currentColor" class="path-yellow"/>--}}
+{{--           </g>--}}
+{{--           <defs>--}}
+{{--           <clipPath id="clip0_6_12">--}}
+{{--           <rect width="169.787" height="131.064" fill="white" transform="translate(0 0.936172)"/>--}}
+{{--           </clipPath>--}}
+{{--           </defs>--}}
+{{--           </svg-->--}}
+
+
+{{--    </div>--}}
+{{--</div>--}}
+
+
+{{--    <div class="text-white">--}}
+{{--        <div class="position-absolute" style="font-family: 'Inter', sans-serif; margin-top: 62px; margin-left: 101px; font-size: 24px;font-weight: 400;line-height: 29px;">Бакалавриат / Специалитет</div>--}}
+{{--        <div class="position-absolute" style="font-family: 'Inter', sans-serif; margin-top: 62px; margin-left: 471px; font-size: 24px;font-weight: 400;line-height: 29px;">Магистратура</div>--}}
+{{--        <div class="position-absolute" style="font-family: 'Inter', sans-serif; margin-top: 62px; margin-left: 682px; font-size: 24px;font-weight: 400;line-height: 29px;">Иностранным абитуриентам</div>--}}
+{{--    </div>--}}
+{{--    <div class=" text-white position-absolute" style="width: 1513px; height: 152px; margin-top: 127px; margin-left: 90px; font-size: 150px; font-family: 'Inter'; font-weight: 900; line-height: 182px; letter-spacing: 0em; text-align: left;">ПОСТУПАЙ В МГТУ</div>--}}
+{{--    <img class="position-absolute bottom-0 end-0" src="{{ URL::to('img/front-page/professor.png') }}" style="width: 1118px; overflow: hidden" alt="">--}}
+<header>
+
+    <div class="d-none d-xl-block position-absolute bottom-0 end-0 " style="width: 68%">
+        <div>
+            <img class="img-fluid" src="{{ URL::to('img/front-page/professor.png') }}" alt="">
+        </div>
+    </div>
+
+    <div class="ms-sm-5  mt-5">
+        <div class=" ms-2 ms-sm-0 row ">
+            <div class="col-12 col-sm-12 d-inline d-lg-flex justify-content-start">
+                <div class="col-auto pe-lg-3  text-white text-sm-start" style="font-size: 24px;font-weight: 400;line-height: 29px; font-family: 'Inter', sans-serif;">
+                    <div>Бакалавриат / Специалитет</div>
+                </div>
+                <div class="col-auto px-lg-3 text-white text-sm-start " style="font-size: 24px;font-weight: 400;line-height: 29px; font-family: 'Inter', sans-serif;">
+                    <div>Магистратура</div>
+                </div>
+                <div class="col-auto px-lg-3 text-white text-sm-start " style="font-size: 24px;font-weight: 400;line-height: 29px; font-family: 'Inter', sans-serif;">
+                    <div>Иностранным абитуриентам</div>
+                </div>
+                </div>
+        </div>
+        <div class="row">
+            <div class="col-12 text-white display-1  my-5 text-center text-md-start" style="font-family: 'Inter'; font-weight: 900; letter-spacing: 0em; ">
+                ПОСТУПАЙ В МГТУ
+            </div>
+        </div>
+        <div class="row">
+            <div class="fs-3 col-12 text-white mb-3 text-center text-md-start opacity-75 " style="font-family: 'Inter';  letter-spacing: 0em; ">
+                75 студенческих объединений
+            </div>
+        </div>
+        <div class="row">
+            <div class="display-5 col-12 text-white mb-3 text-center text-md-start " style="font-family: 'Inter'; font-weight: 700; letter-spacing: 0em; ">
+                3367 БЮДЖЕТНЫХ МЕСТ
+            </div>
+        </div>
+        <div class="row">
+            <div class="fs-3 col-12 text-white mb-3 text-center text-md-start opacity-75" style="font-family: 'Inter';  letter-spacing: 0em; ">
+                300 образовательных программ
+            </div>
+        </div>
+        <div class="d-none d-lg-block">
+            <br><br><br><br><br><br>
+        </div>
+
+        <div class=" mt-5 row d-lg-inline d-flex justify-content-center ">
+            <a href="#" class="hover1 col-auto text-white  mb-3 mx-3 text-center text-md-start shadow py-3 px-4 justify-content-center d-inline-flex" style=" font-family: 'Inter'; background: linear-gradient(#56CCF2, #56CCF200); border-radius: 20px;  letter-spacing: 0; ">
+                Личный кабинет
+            </a>
+            <a href="#" class="hover1 col-auto text-white  mb-3 mx-3 text-center text-md-start shadow py-3 px-4 justify-content-center d-inline-flex" style=" font-family: 'Inter'; background: linear-gradient(#56CCF2, #56CCF200); border-radius: 20px;  letter-spacing: 0; ">
+                День открытых дверей
+            </a>
+            <a href="#" class="hover1 col-auto text-white  mb-3 mx-3 text-center text-md-start shadow py-3 px-4 justify-content-center d-inline-flex" style=" font-family: 'Inter'; background: linear-gradient(#56CCF2, #56CCF200); border-radius: 20px;  letter-spacing: 0; ">
+                Твои возможности
+            </a>
+        </div>
+
+
+    </div>
+
+</header>

resources/views/test-home.blade.php

@@ -0,0 +1,3 @@
+@extends('layouts.test-applicant-layout')
+@section('content')
+@endsection

routes/pages.php

@@ -3,6 +3,10 @@
 use App\Http\Controllers\admin\PageController;
 use Illuminate\Support\Facades\Route;
 
+Route::get('/test-home', function () {
+    return view('test-home');
+})->name('test-home');
+
 Route::get('/', function () {
     return view('home');
 })->name('home');