exam/resources/views/dashboard.blade.php

<x-app-layout>
    <div class="py-12">
        <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
            <div class="bg-white overflow-hidden shadow-sm sm:rounded-lg">
                <div class="slider-block flex p-6 text-gray-900" style="align-items: start; column-gap: 50px;">
                    <p style="max-width: 500px;">
                        Вы можете
                        <a href="{{ route('applications.create')}}" style="color: lightblue;"> 
                        составить
                        </a>
                        заявку на обучение по программе дополнительного профессионального образования, указав наименование курса, 
                        желаемое время начала обучения, способ оплаты курса.
                        <br />
                        <br/>
                        После подачи заявки она поступает на рассмотрение администратору,
                        который проверяет корректность введенных данных и может изменить статус
                        заявки.
                    </p>
<div style="max-width: 600px; width: 100%; aspect-ratio: 1;" id="carouselExampleDark" class="carousel carousel-dark slide" data-bs-ride="carousel" data-bs-interval="3000" data-bs-pause="false">
  <div class="carousel-indicators">
    <button type="button" data-bs-target="#carouselExampleDark" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
    <button type="button" data-bs-target="#carouselExampleDark" data-bs-slide-to="1" aria-label="Slide 2"></button>
    <button type="button" data-bs-target="#carouselExampleDark" data-bs-slide-to="2" aria-label="Slide 3"></button>
    <button type="button" data-bs-target="#carouselExampleDark" data-bs-slide-to="3" aria-label="Slide 4"></button>
  </div>
  <div class="carousel-inner">
    <div class="carousel-item active" >
      <img src="/images/image03.png" class="d-block w-100" alt="..." width="600" height="600" loading="lazy" style="object-fit: cover; aspect-ratio: 1;">
    </div>
    <div class="carousel-item">
      <img src="/images/image02.jpg" class="d-block w-100" alt="..." width="600" height="600" loading="lazy" style="object-fit: cover; aspect-ratio: 1;">
    </div>
    <div class="carousel-item">
      <img src="/images/image04.jpg" class="d-block w-100" alt="..." width="600" height="600" loading="lazy" style="object-fit: cover; aspect-ratio: 1;">
    </div>
        <div class="carousel-item">
      <img src="/images/image05.jpg" class="d-block w-100" alt="..." width="600" height="600" loading="lazy" style="object-fit: cover; aspect-ratio: 1;">
    </div>
  </div>
  <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleDark" 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="#carouselExampleDark" data-bs-slide="next">
    <span class="carousel-control-next-icon" aria-hidden="true"></span>
    <span class="visually-hidden">Next</span>
  </button>
</div>

                </div>
            </div>
        </div>
    </div>
</x-app-layout>