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



      <style>
         .accordionHover{
            transition: .3s all;
         }
         .accordionHover:hover{
            background-color : #006147;
            transform: scale(1.03);
            color: #fff;
         }
         .accordion-button:not(.collapsed) {
            color: #006147;
            background-color: #fff;
            box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
         }
         .accordion-button:focus {
            z-index: 3;
            border-color: #479f76;
            outline: 0;
            box-shadow: 0 0 0 0.25rem rgba(0,131,16,.69);
         }
         .accordion-button:not(.collapsed)::after{
            background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg' fill='%230c63e4'%3e%3cg%3e%3ctitle%3eLayer 1%3c/title%3e%3cpath fill='%23396849' fill-rule='evenodd' d='m1.646,4.646a0.5,0.5 0 0 1 0.708,0l5.646,5.647l5.646,-5.647a0.5,0.5 0 0 1 0.708,0.708l-6,6a0.5,0.5 0 0 1 -0.708,0l-6,-6a0.5,0.5 0 0 1 0,-0.708z' id='svg_1'/%3e%3c/g%3e%3c/svg%3e");
         }
      </style>
      <!-- transform: scale(1.2); -->

<!--<div class="container  py-5" id="featured-3">
      <br><br><br><br><br>
      <h1 class="text-dark col-12 d-flex justify-content-center">Подача документов онлайн с помощью информационных систем МГТУ: <br><br></h1>
      <div class="d-flex justify-content-center">
         <div class="col-4 px-2 m-3 element-1 " >
         <a href="https://portal.mkgtu.ru/" target="_blank">
            <span style="color: #005951;">
               <h3 class="m-2 fs-2 text-body-emphasis"> По образовательным программам высшего образования </h3>
            </span>
         </a>

      </div>
      <div class="col-4 px-2 m-3 element-1">

      <a href="https://mkgtu.ru/auth/" target="_blank">
         <span style="color: #005951;">
            <h3 class="m-2 fs-2 text-body-emphasis">По образовательным программам среднего профессионального образования (колледж)</h3>
         </span>
      </a>

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




  <div class="pt-4 container justify-content-md-center col-6 accordion accordion-flush" id="accordionFlushExample">
  <div class="accordion-item">
    <h2 class="accordion-header" id="flush-headingOne">
      <button class="accordion-button collapsed accordionHover" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseOne" aria-expanded="false" aria-controls="flush-collapseOne">
          По образовательным программам высшего образования
      </button>
    </h2>
    <div id="flush-collapseOne" class="accordion-collapse collapse" aria-labelledby="flush-headingOne" data-bs-parent="#accordionFlushExample">
      <div class="accordion-body tp-feature__title">
         <br><h2><a href="https://portal.mkgtu.ru/" target="_blank">По образовательным программам высшего образования</a></h2>
         <br><h3><a href="https://mkgtu.ru/abitur/%D0%98%D0%BD%D1%81%D1%82%D1%80%D1%83%D0%BA%D1%86%D0%B8%D1%8F%20%D0%BF%D0%BE%20%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%B5%20%D1%81%20%D0%BB%D0%B8%D1%87%D0%BD%D1%8B%D0%BC%20%D0%BA%D0%B0%D0%B1%D0%B8%D0%BD%D0%B5%D1%82%D0%BE%D0%BC%20%D0%B0%D0%B1%D0%B8%D1%82%D1%83%D1%80%D0%B8%D0%B5%D0%BD%D1%82%D0%B0%202023.pdf" target="_blank">Инструкция по работе с личным кабинетом абитуриента</a></h3><br>
      </div>
    </div>
  </div>
  <div class="accordion-item">
    <h2 class="accordion-header" id="flush-headingTwo">
      <button class="accordion-button collapsed accordionHover" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseTwo" aria-expanded="false" aria-controls="flush-collapseTwo">
      По образовательным программам среднего профессионального образования (колледж)
      </button>
    </h2>
    <div id="flush-collapseTwo" class="accordion-collapse collapse" aria-labelledby="flush-headingTwo" data-bs-parent="#accordionFlushExample">
      <div class="accordion-body tp-feature__title">
         <br><h2> <a href="https://mkgtu.ru/auth/" target="_blank">По&nbsp;образовательным программам среднего профессионального образования (колледж)</a> </h2><br>
         <br><h3> <a href="https://mkgtu.ru/abitur/1.pdf" target="_blank">Инструкция по работе с личным кабинетом абитуриента</a></h3><br>
      </div>
    </div>
  </div>
</div>

@endsection