    <link rel="stylesheet" href="css/slayder.css">
<!-- HERO SLIDE -->
<section class="hero-slide" aria-label="Konfrans banneri">

  <div class="hero-slide__bg" style="background-image:url('img/slide01.jpg');"></div>

  <div class="hero-slide__overlay"></div>

  <div class="hero-slide__content">
    <h2 class="hero-slide__title">
      “Dayaq-hərəkət sisteminin travmaları və degenerativ xəstəliklərində ağrı sindromunun müalicəsinə müasir yanaşma”
      mövzusunda XII Beynəlxalq Elmi-Praktiki Konfrans
    </h2>
  </div>

  <div class="hero-slide__bg" style="background-image:url('img/slide02.jpg');"></div>

  <div class="hero-slide__overlay"></div>

  <div class="hero-slide__content">
    <h2 class="hero-slide__title">
      “Dayaq-hərəkət sisteminin travmaları və degenerativ xəstəliklərində ağrı sindromunun müalicəsinə müasir yanaşma”
      mövzusunda XII Beynəlxalq Elmi-Praktiki Konfrans
    </h2>
  </div>

  <button class="hero-slide__nav hero-slide__nav--left" type="button">‹</button>
  <button class="hero-slide__nav hero-slide__nav--right" type="button">›</button>

</section>