Merge pull request 'adding news block and yandex maps api' (#41) from RomanGolienko/Roman_applicant-site:prodV1 into main

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

resources/views/new-design/bakalavr-special.blade.php

@@ -238,7 +238,6 @@
             transform: rotate(-180deg);
         }
 
-
     </style>
     <script
         src="{{ URL::to('https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js') }}"
@@ -496,8 +495,7 @@
         </div>
     </div>
 
-    <div
+    <div style="background-image: url({{ URL::to('img/front-page/bakalavr-special/fon2_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">
-        style="background-image: url({{ URL::to('img/front-page/bakalavr-special/fon2_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">
 
         <div class="container-fluid ms-sm-5  py-5">
             <div class="row">
@@ -603,8 +601,7 @@
         </div>
         <div class="d-md-block d-none"><br><br><br><br><br><br><br><br><br><br><br><br><br></div>
     </div>
-    <div
+    <div style="background-image: url({{ URL::to('img/front-page/bakalavr-special/fon4_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">
-        style="background-image: url({{ URL::to('img/front-page/bakalavr-special/fon4_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">
 
         <div class="container-fluid ms-sm-5  pt-5">
             <div class="row">
@@ -816,49 +813,273 @@
             </div>
         </div>
     </div>
-    <div style="background-image: url({{ URL::to('img/front-page/bakalavr-special/footer_fon.png') }});  ">
+    <div style="background-image: url({{ URL::to('img/front-page/bakalavr-special/fon1_blok.png') }}); background-repeat: no-repeat; background-size: cover; background-attachment: fixed;  ">
-        <div class="container-fluid ms-sm-5  pt-5">
+
-            <div class="col-11 ">
+
+        <div id="carouselExampleIndicators" class="carousel slide">
+            <div class="carousel-indicators">
+                <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
+                <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1" aria-label="Slide 2"></button>
+                <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2" aria-label="Slide 3"></button>
+                <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="3" aria-label="Slide 3"></button>
+            </div>
+            <div class="carousel-inner px-5 pt-5">
+                <div class="carousel-item active " >
+                        <div class="row d-flex align-items-center "   >
+                            <div class="col-xl col-12 " style=" height: 25em;">
+
+                                <div class="w-100 h-75 position-relative  " style="border-radius: 20px; background-image: url({{ URL::to('img/front-page/e3305c89b9b89821588364d5e898afc0.jpg') }}); background-repeat: no-repeat; background-size: cover; ">
+
+
+
+                                    <div class="position-absolute bottom-0   bg-white " style="border-radius: 20px; ">
+                                        <div class="gradient-text p-3">
+                                            <strong class="fs-5" style="font-family: Geologica-Light"> Завершение приема документов </strong>
+                                            <p style="font-family: Geologica-ExtraLight"> Но явные признаки победы институционализации представлены в исключительно положительном свете. </p>
+                                        </div>
+                                    </div>
+                                </div>
+
+                            </div>
+                            <div class="col-xl col-12 " style=" height: 25em;">
+                                <div class="w-100 h-75 position-relative" style="border-radius: 20px; background-image: url({{ URL::to('img/front-page/e3305c89b9b89821588364d5e898afc0.jpg') }}); background-repeat: no-repeat; background-size: cover;">
+                                    <div class="position-absolute bottom-0  bg-white  " style="border-radius: 20px;">
+                                        <div class="gradient-text p-3">
+                                            <strong class="fs-5" style="font-family: Geologica-Light"> Завершение приема документов </strong>
+                                            <p style="font-family: Geologica-ExtraLight"> Но явные признаки победы институционализации представлены в исключительно положительном свете. </p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="col-xl col-12" style=" height: 25em;">
+                                <div class="w-100 h-75 position-relative" style="border-radius: 20px; background-image: url({{ URL::to('img/front-page/e3305c89b9b89821588364d5e898afc0.jpg') }}); background-repeat: no-repeat; background-size: cover;">
+                                    <div class="position-absolute bottom-0  bg-white  " style="border-radius: 20px;">
+                                        <div class="gradient-text p-3">
+                                            <strong class="fs-5" style="font-family: Geologica-Light"> Завершение приема документов </strong>
+                                            <p style="font-family: Geologica-ExtraLight"> Но явные признаки победы институционализации представлены в исключительно положительном свете. </p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="col-xl col-12" style=" height: 25em;">
+                                <div class="w-100 h-75 position-relative" style="border-radius: 20px; background-image: url({{ URL::to('img/front-page/e3305c89b9b89821588364d5e898afc0.jpg') }}); background-repeat: no-repeat; background-size: cover;">
+                                    <div class="position-absolute bottom-0  bg-white  " style="border-radius: 20px;">
+                                        <div class="gradient-text p-3">
+                                            <strong class="fs-5" style="font-family: Geologica-Light"> Завершение приема документов </strong>
+                                            <p style="font-family: Geologica-ExtraLight"> Но явные признаки победы институционализации представлены в исключительно положительном свете. </p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                </div>
+                <div class="carousel-item  " >
+                    <div class="row d-flex align-items-center "   >
+                        <div class="col-xl col-12 " style=" height: 25em;">
+
+                            <div class="w-100 h-75 position-relative  " style="border-radius: 20px; background-image: url({{ URL::to('img/front-page/e3305c89b9b89821588364d5e898afc0.jpg') }}); background-repeat: no-repeat; background-size: cover; ">
+
+
+
+                                <div class="position-absolute bottom-0   bg-white " style="border-radius: 20px; ">
+                                    <div class="gradient-text p-3">
+                                        <strong class="fs-5" style="font-family: Geologica-Light"> Завершение приема документов </strong>
+                                        <p style="font-family: Geologica-ExtraLight"> Но явные признаки победы институционализации представлены в исключительно положительном свете. </p>
+                                    </div>
+                                </div>
+                            </div>
+
+                        </div>
+                        <div class="col-xl col-12 " style=" height: 25em;">
+                            <div class="w-100 h-75 position-relative" style="border-radius: 20px; background-image: url({{ URL::to('img/front-page/e3305c89b9b89821588364d5e898afc0.jpg') }}); background-repeat: no-repeat; background-size: cover;">
+                                <div class="position-absolute bottom-0  bg-white  " style="border-radius: 20px;">
+                                    <div class="gradient-text p-3">
+                                        <strong class="fs-5" style="font-family: Geologica-Light"> Завершение приема документов </strong>
+                                        <p style="font-family: Geologica-ExtraLight"> Но явные признаки победы институционализации представлены в исключительно положительном свете. </p>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="col-xl col-12" style=" height: 25em;">
+                            <div class="w-100 h-75 position-relative" style="border-radius: 20px; background-image: url({{ URL::to('img/front-page/e3305c89b9b89821588364d5e898afc0.jpg') }}); background-repeat: no-repeat; background-size: cover;">
+                                <div class="position-absolute bottom-0  bg-white  " style="border-radius: 20px;">
+                                    <div class="gradient-text p-3">
+                                        <strong class="fs-5" style="font-family: Geologica-Light"> Завершение приема документов </strong>
+                                        <p style="font-family: Geologica-ExtraLight"> Но явные признаки победы институционализации представлены в исключительно положительном свете. </p>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="col-xl col-12" style=" height: 25em;">
+                            <div class="w-100 h-75 position-relative" style="border-radius: 20px; background-image: url({{ URL::to('img/front-page/e3305c89b9b89821588364d5e898afc0.jpg') }}); background-repeat: no-repeat; background-size: cover;">
+                                <div class="position-absolute bottom-0  bg-white  " style="border-radius: 20px;">
+                                    <div class="gradient-text p-3">
+                                        <strong class="fs-5" style="font-family: Geologica-Light"> Завершение приема документов </strong>
+                                        <p style="font-family: Geologica-ExtraLight"> Но явные признаки победы институционализации представлены в исключительно положительном свете. </p>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="carousel-item  " >
+                    <div class="row d-flex align-items-center "   >
+                        <div class="col-xl col-12 " style=" height: 25em;">
+
+                            <div class="w-100 h-75 position-relative  " style="border-radius: 20px; background-image: url({{ URL::to('img/front-page/e3305c89b9b89821588364d5e898afc0.jpg') }}); background-repeat: no-repeat; background-size: cover; ">
+
+
+
+                                <div class="position-absolute bottom-0   bg-white " style="border-radius: 20px; ">
+                                    <div class="gradient-text p-3">
+                                        <strong class="fs-5" style="font-family: Geologica-Light"> Завершение приема документов </strong>
+                                        <p style="font-family: Geologica-ExtraLight"> Но явные признаки победы институционализации представлены в исключительно положительном свете. </p>
+                                    </div>
+                                </div>
+                            </div>
+
+                        </div>
+                        <div class="col-xl col-12 " style=" height: 25em;">
+                            <div class="w-100 h-75 position-relative" style="border-radius: 20px; background-image: url({{ URL::to('img/front-page/e3305c89b9b89821588364d5e898afc0.jpg') }}); background-repeat: no-repeat; background-size: cover;">
+                                <div class="position-absolute bottom-0  bg-white  " style="border-radius: 20px;">
+                                    <div class="gradient-text p-3">
+                                        <strong class="fs-5" style="font-family: Geologica-Light"> Завершение приема документов </strong>
+                                        <p style="font-family: Geologica-ExtraLight"> Но явные признаки победы институционализации представлены в исключительно положительном свете. </p>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="col-xl col-12" style=" height: 25em;">
+                            <div class="w-100 h-75 position-relative" style="border-radius: 20px; background-image: url({{ URL::to('img/front-page/e3305c89b9b89821588364d5e898afc0.jpg') }}); background-repeat: no-repeat; background-size: cover;">
+                                <div class="position-absolute bottom-0  bg-white  " style="border-radius: 20px;">
+                                    <div class="gradient-text p-3">
+                                        <strong class="fs-5" style="font-family: Geologica-Light"> Завершение приема документов </strong>
+                                        <p style="font-family: Geologica-ExtraLight"> Но явные признаки победы институционализации представлены в исключительно положительном свете. </p>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="col-xl col-12" style=" height: 25em;">
+                            <div class="w-100 h-75 position-relative" style="border-radius: 20px; background-image: url({{ URL::to('img/front-page/e3305c89b9b89821588364d5e898afc0.jpg') }}); background-repeat: no-repeat; background-size: cover;">
+                                <div class="position-absolute bottom-0  bg-white  " style="border-radius: 20px;">
+                                    <div class="gradient-text p-3">
+                                        <strong class="fs-5" style="font-family: Geologica-Light"> Завершение приема документов </strong>
+                                        <p style="font-family: Geologica-ExtraLight"> Но явные признаки победы институционализации представлены в исключительно положительном свете. </p>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="carousel-item  " >
+                    <div class="row d-flex align-items-center "   >
+                        <div class="col-xl col-12 " style=" height: 25em;">
+
+                            <div class="w-100 h-75 position-relative  " style="border-radius: 20px; background-image: url({{ URL::to('img/front-page/e3305c89b9b89821588364d5e898afc0.jpg') }}); background-repeat: no-repeat; background-size: cover; ">
+
+
+
+                                <div class="position-absolute bottom-0   bg-white " style="border-radius: 20px; ">
+                                    <div class="gradient-text p-3">
+                                        <strong class="fs-5" style="font-family: Geologica-Light"> Завершение приема документов </strong>
+                                        <p style="font-family: Geologica-ExtraLight"> Но явные признаки победы институционализации представлены в исключительно положительном свете.qwfqaswefqaswfswfqaeswf </p>
+                                    </div>
+                                </div>
+                            </div>
+
+                        </div>
+                        <div class="col-xl col-12 " style=" height: 25em;">
+                            <div class="w-100 h-75 position-relative" style="border-radius: 20px; background-image: url({{ URL::to('img/front-page/e3305c89b9b89821588364d5e898afc0.jpg') }}); background-repeat: no-repeat; background-size: cover;">
+                                <div class="position-absolute bottom-0  bg-white  " style="border-radius: 20px;">
+                                    <div class="gradient-text p-3">
+                                        <strong class="fs-5" style="font-family: Geologica-Light"> Завершение приема документов </strong>
+                                        <p style="font-family: Geologica-ExtraLight"> Но явные признаки победы институционализации представлены в исключительно положительном свете. </p>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="col-xl col-12" style=" height: 25em;">
+                            <div class="w-100 h-75 position-relative" style="border-radius: 20px; background-image: url({{ URL::to('img/front-page/e3305c89b9b89821588364d5e898afc0.jpg') }}); background-repeat: no-repeat; background-size: cover;">
+                                <div class="position-absolute bottom-0  bg-white  " style="border-radius: 20px;">
+                                    <div class="gradient-text p-3">
+                                        <strong class="fs-5" style="font-family: Geologica-Light"> Завершение приема документов </strong>
+                                        <p style="font-family: Geologica-ExtraLight"> Но явные признаки победы институционализации представлены в исключительно положительном свете. </p>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="col-xl col-12" style=" height: 25em;">
+                            <div class="w-100 h-75 position-relative" style="border-radius: 20px; background-image: url({{ URL::to('img/front-page/e3305c89b9b89821588364d5e898afc0.jpg') }}); background-repeat: no-repeat; background-size: cover;">
+                                <div class="position-absolute bottom-0  bg-white  " style="border-radius: 20px;">
+                                    <div class="gradient-text p-3">
+                                        <strong class="fs-5" style="font-family: Geologica-Light"> Завершение приема документов </strong>
+                                        <p style="font-family: Geologica-ExtraLight"> Но явные признаки победы институционализации представлены в исключительно положительном свете. </p>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+
+            </div>
+            <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="prev">
+{{--                <span class="carousel-control-prev-icon" aria-hidden="true"></span>--}}
+                <span class="visually-hidden">Previous</span>
+            </button>
+            <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="next">
+{{--                <span class="carousel-control-next-icon" aria-hidden="true"></span>--}}
+                <span class="visually-hidden">Next</span>
+            </button>
+        </div>
+    </div>
+    <div style="background-image: url({{ URL::to('img/front-page/bakalavr-special/fon4_blok.png') }});  ">
+        <div class="container-fluid ms-sm-5  pt-5 gradient-text">
             <div class="row">
+                <div class="ms-4 col-auto  ">
+
 
                     <div class="col-12">
-                        <div class="text-white fs-5"> Приемная коммисия:</div>
+                        <div class="text-white fs-4"> Приемная коммисия:</div>
                         <p class="text-white"> (8772) 52-30-08 </p>
                     </div>
-                </div>
+
-                <div class="row">
+
                     <div class="col-12">
-                        <div class="text-white fs-5"> Приёмная комиссия филиала МГТУ в пос. Яблоновском:</div>
+                        <div class="text-white fs-4"> Приёмная комиссия филиала МГТУ в пос. Яблоновском:</div>
                         <p class="text-white"> 8-938-530-53-14 </p>
                     </div>
-                </div>
+
-                <div class="row">
+
                     <div class="col-12">
-                        <div class="text-white fs-5"> Почта:</div>
+                        <div class="text-white fs-4"> Почта:</div>
                         <p class="text-white"> info@mkgtu.ru </p>
                     </div>
+
+
+                   <div class="col-12">
+                        <p class="text-white fs-4"> 385000, Республика Адыгея, г. Майкоп, ул. Первомайская, д. 191 </p>
                    </div>
-                <div class="row">
+                   <div class="col-12">
-                    <div class="col-md-6 col-12">
+                       <a href="#"><img width="30px" height="30px" src="{{ URL::to('img/front-page/vid.png') }}" alt="vid"></a>
-                        <p class="text-white"> 385000, Республика Адыгея, г. Майкоп, ул. Первомайская, д. 191 </p>
+                       <a href="#"><img width="30px" height="30px" src="{{ URL::to('img/front-page/vk.png') }}" alt="vid"></a>
+                       <a href="#"><img width="30px" height="30px" src="{{ URL::to('img/front-page/tg.png') }}" alt="vid"></a>
+                       <a href="#"><img width="30px" height="30px" src="{{ URL::to('img/front-page/rutub.png') }}" alt="vid"></a>
+                       <a href="#"><img width="30px" height="30px" src="{{ URL::to('img/front-page/dzen.png') }}" alt="vid"></a>
+                       <a href="#"><img width="30px" height="30px" src="{{ URL::to('img/front-page/odnok.png') }}" alt="vid"></a>
                    </div>
+                    </div>
+                <div class="col">
                     <div class="col-md-6 col-12 d-flex justify-content-md-end justify-content-center">
-                        <a href="#"><img width="30px" height="30px" src="{{ URL::to('img/front-page/vid.png') }}"
+                        <script type="text/javascript" charset="utf-8" async src="https://api-maps.yandex.ru/services/constructor/1.0/js/?um=constructor%3Abce7036e67cc958b252a800040dcada03df467881dac609a6f6b7ef8618fe7a1&amp;width=500&amp;height=400&amp;lang=ru_RU&amp;scroll=true"></script>
-                                         alt="vid"></a>
-                        <a href="#"><img width="30px" height="30px" src="{{ URL::to('img/front-page/vk.png') }}"
-                                         alt="vid"></a>
-                        <a href="#"><img width="30px" height="30px" src="{{ URL::to('img/front-page/tg.png') }}"
-                                         alt="vid"></a>
-                        <a href="#"><img width="30px" height="30px" src="{{ URL::to('img/front-page/rutub.png') }}"
-                                         alt="vid"></a>
-                        <a href="#"><img width="30px" height="30px" src="{{ URL::to('img/front-page/dzen.png') }}"
-                                         alt="vid"></a>
-                        <a href="#"><img width="30px" height="30px" src="{{ URL::to('img/front-page/odnok.png') }}"
-                                         alt="vid"></a>
                     </div>
                 </div>
             </div>
 
+            </div>
+
+
+
             <br><br><br>
         </div>