<h3 style=”text-align: center; font-size: 24px; color: #004aad; margin-bottom: 24px;”>Đăng ký tư vấn khóa học</h3>

      <form action=”#” method=”post”>

        <div style=”display: flex; flex-direction: column; gap: 16px;”>

          <input type=”text” name=”name” placeholder=”Họ và tên” required style=”padding: 12px; border-radius: 8px; border: 1px solid #ccc;”>

          <input type=”tel” name=”phone” placeholder=”Số điện thoại” required style=”padding: 12px; border-radius: 8px; border: 1px solid #ccc;”>

          <select name=”khoa-hoc” required style=”padding: 12px; border-radius: 8px; border: 1px solid #ccc;”>

            <option value=””>Chọn khóa học quan tâm</option>

            <option value=”Sơ cấp 1″>Sơ cấp 1</option>

            <option value=”EPS-TOPIK”>EPS-TOPIK</option>

            <option value=”Trung cấp 3″>Trung cấp 3</option>

            <option value=”Thực chiến 1:1″>Thực chiến 1:1</option>

          </select>

          <textarea name=”note” placeholder=”Ghi chú thêm (nếu có)” rows=”3″ style=”padding: 12px; border-radius: 8px; border: 1px solid #ccc;”></textarea>

          <button type=”submit” style=”background-color: #ff6b00; color: white; padding: 14px; border: none; border-radius: 8px; font-size: 16px; cursor: pointer;”>Gửi đăng ký</button>

        </div>

      </form>

    </div>

  </div>

</section>

<script>

  function scrollToForm() {

    document.getElementById(“form-dang-ky”).scrollIntoView({ behavior: ‘smooth’ });

  }

</script>