PHPで繰り返し表示に関して。

前提・実現したいこと

PHPで以下の写真のようなページを作成しています。

レベル別コース　→　初級(詳細)　→　初級が一番上のページ（中級上級が二つ小さくある）
レベル別コース　→　中級(詳細)　→　中級が一番上のページ（初級上級が二つ小さくある）
レベル別コース　→　上級(詳細)　→　上級が一番上のページ（初級中級が二つ小さくある）

を作成したいと思っています。(関連記事のような)

しかし現在のコードではすべて初級が一番上のページに飛んでしまいます。
（そう指定しているのでそうなるに決まっている）

各ページ(写真２)のファイルを作成すべきなのでしょうか？

現在はCSSでnth-child()で二つ目の写真の各コースの大きさを変えています。

該当のソースコード

<?php require_once "courses.php"; ?>
  <section class="course">
    <div class="container">
      <h3 class="subtitle">レベル別コース</h3><!-- /.title -->
      <div class="course-items">

        <?php foreach($courses as $course): ?>
        <div class="course-items-item">
          <div class="course-items-item-img">
            <img src="<?php echo $course->getImage(); ?>" alt="">
          </div><!-- /.course-items-item-img -->
          <div class="course-text">
            <p><?php echo $course->getTitle(); ?></p>
            <p><?php echo $course->getMessage(); ?></p>
            <a href="./single.php">詳細はこちら</a>
          </div><!-- /.course-text -->
        </div><!-- /.course-items-item -->
        <?php endforeach; ?>
  
      </div><!-- /.course-items -->

      <div class="btn course-btn">
        <a href="./test.php">無料でコース診断を受ける<i class="fa fa-angle-double-right" aria-hidden="true"></i></a>
      </div><!-- /.btn -->

    </div><!-- /.container -->
  </section><!-- /.course -->

<?php include('header.php'); ?>

  <?php require_once "courses.php"; ?>
  <section class="single section">
    <div class="container">

      <div class="single-items">
        
        <?php foreach($courses as $course): ?>
        <div class="single-items-item">
          <div class="single-items-item-left">
            <img src="<?php echo $course->getImage(); ?>" alt="">
          </div><!-- /.single-items-item-left -->
          <div class="single-items-item-right">
            <h4><?php echo $course->getTitle(); ?></h4>
            <p><?php echo $course->getMessage(); ?></p>

            <a class="single-btn" href="">詳細はこちら</a>

          </div><!-- /.single-items-item-right -->

        </div><!-- /.single-items-item -->
        <?php endforeach; ?>
      </div><!-- /.single-items -->

    </div><!-- /.container -->
  </section><!-- /.single -->

<?php include('footer.php'); ?>

<?php 
  class course {
    private $image;
    private $title;
    private $message;
    private $comment;


    public function __construct($image, $title, $message, $comment) {
      $this->image = $image;
      $this->title = $title;
      $this->message = $message;
      $this->comment = $comment;
    } 

    public function getImage() {
      return $this->image;
    }

    public function getTitle() {
      return $this->title;
    }

    public function getMessage() {
      return $this->message;
    }

    public function getComment() {
      return $this->comment;
    }
  }
?>

<?php 
  require_once "./classes/course.php";
  $courses = [
    new course(
      "./img/course1.jpg", 
      "初級コース", 
      "初心者の方でも安心！まずは英語という文化に触れて雰囲気を感じ取ってみませんか？", 
      "弊社の初心者コースは誰でも気軽にはいれるコースになっております。 少人数でのグループレッスンなので、分からないことがあれば気軽に聞ける環境です。 まずは、英語の基礎から学んでいきましょう！"),
    new course(
      "./img/course2.jpg", 
      "中級コース", 
      "ネイティブの方と気疲れなく話せるようもっとスキルを高めたい方にオススメ！", 
      "弊社の初心者コースは誰でも気軽にはいれるコースになっております。 少人数でのグループレッスンなので、分からないことがあれば気軽に聞ける環境です。 まずは、英語の基礎から学んでいきましょう！"),
    new course(
      "./img/course3.jpg", 
      "上級コース", 
      "ビジネス交渉や将来の人生の幅を広げるために！ネイティブ並みの力をつけましょう！", 
      "弊社の初心者コースは誰でも気軽にはいれるコースになっております。 少人数でのグループレッスンなので、分からないことがあれば気軽に聞ける環境です。 まずは、英語の基礎から学んでいきましょう！"),
  ];
?>