Bootstrapにおけるカルーセルについて

Bootstrap4.6.0を使ったカルーセルについて質問です。
以下のようなHTMLを書いて、目指すところはhttps://ix-tenshoku.jp/lp/005/?gclid=CjwKCAjw2ZaGBhBoEiwA8pfP_tVYZj-d7ycCrK-OvqSUcnhtFGvntG_IVuCr-Pw9B1_mRiBaeb-PhxoCZUAQAvD_BwEのページの非公開求人のような動きだったのですが、2段になってしまいました。
カルーセルにするにはどうしたらいいかご教示願えましたら幸いです。

<!doctype html>
<html lang="ja">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <link rel="stylesheet" href="css/bootstrap.min.css">
  <title>Bootstrap見本</title>"
</head>
<body>
<div class="carousel slide" id="c1" data-ride="carousel">
    <ol class="carousel-indicators">
      <li data-target="#c1" data-slide-to="0" class="active"></li>
      <li data-target="#c1" data-slide-to="1"></li>>
    </ol>
    <div class="carousel-innner">
      <div classs="carousel-item active">
        <div class="row justify-content-between">
          <div class="col-3 px-0" style="background: darkblue; color: #fff;height:200px; text-align: center;">
            職種：あああ<br>年収：いいい<br>勤務地：ううう
            <div class="col-12 px-0"
              style="background:rgb(247, 238, 161); color:#000;  text-align:center; height:130Px;">
              業務内容：えええええええええええ</div>
          </div>
          <div class="col-3 px-0" style="background: darkblue; color: #fff;height:200px; text-align: center;">
            職種：あああ<br>年収：いいい<br>勤務地：ううう
            <div class="col-12 px-0"
              style="background:rgb(247, 238, 161); color:#000;  text-align:center; height:130Px;">
              業務内容：えええええええええええ</div>
          </div>
          <div class="col-3 px-0" style="background: darkblue; color: #fff;height:200px; text-align: center;">
            職種：あああ<br>年収：いいい<br>勤務地：ううう
            <div class="col-12 px-0"
              style="background:rgb(247, 238, 161); color:#000;  text-align:center; height:130Px;">
              業務内容：えええええええええええ</div>
          </div>
        </div>
      </div>　
      <div classs="carousel-item">
        <div class="row justify-content-between">
          <div class="col-3 px-0" style="background: darkblue; color: #fff;height:200px; text-align: center;">
            職種：かかか<br>年収：ききき<br>勤務地：くくく
            <div class="col-12 px-0"
              style="background:rgb(247, 238, 161); color:#000;  text-align:center; height:130Px;">
              業務内容：けけけけけけけけけけ</div>
          </div>
          <div class="col-3 px-0" style="background: darkblue; color: #fff;height:200px; text-align: center;">
            職種：かかか<br>年収：ききき<br>勤務地：くくく
            <div class="col-12 px-0"
              style="background:rgb(247, 238, 161); color:#000;  text-align:center; height:130Px;">
              業務内容：けけけけけけけけけけ</div>
          </div>
          <div class="col-3 px-0" style="background: darkblue; color: #fff;height:200px; text-align: center;">
            職種：かかか<br>年収：ききき<br>勤務地：くくく
            <div class="col-12 px-0"
              style="background:rgb(247, 238, 161); color:#000;  text-align:center; height:130Px;">
              業務内容：けけけけけけけけけけ</div>
          </div>
        </div>
      </div>
      <script src=" js/jQuery-3.5.1.slim.min.js"></script>
      <script src="js/bootstrap.bundle.min.js"></script>
    </body>
    </html>