* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.

* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.

h1 태그안에 'Blank Han Sans' 글씨체 적용해도 적용이 안됩니다.

또 부트스트랩 인풋 박스 적용 하라는 뜻을 모르겠습니다.

(사진 처럼 스파르타 푸드파이터 밑에 인풋카드를 어떻게 넣는지 모르겠습니다.)

  <div class="main_bg">

    <div class="p-5 mb-4 bg-body-tertiary rounded-3">

      <div class="container-fluid py-5">

        <h1 class="display-5 fw-bold">스파르타 푸드파이터</h1>

        <p class="col-md-8 fs-4">본인만의 맛집을 소개하는 사이트 입니다. 맛집을 소개해 주세요!</p>

      </div>

    </div>

  </div>

  <!-- 점보 트론 적용 jumbotron -->

  <!-- - https://getbootstrap.com/

  - Bootstrap 사이트에서 cards 가져와 vscode에 붙여 넣기

  - jumbotron의 내용을 예시사진과 똑같게 내용을 변경해 주세요.

  - jumbotron <h1> 태그안에 `Blank Han Sans` 폰트 스타일을 적용해 주세요. -->

  <!-- 부트스트랩 인풋 박스 적용-->

  <div class="post" id="input-card">

    <div class="form-floating mb-3">

      <input type="email" class="form-control" id="floatingInput" placeholder="name@example.com">

      <label for="floatingInput">음식 이미지 주소</label>

    </div>

    <div class="form-floating mb-3">

      <input type="text" class="form-control" id="foodTitle" placeholder="영화 제목">

      <label for="foodTitle">음식명</label>

    </div>

    <div class="input-group mb-3">

      <button class="btn btn-outline-secondary" type="button">별점</button>

      <select class="form-select" id="inputGroupSelect03" aria-label="Example select with button addon">

        <option selected>별점 선택</option>

        <option value="1">⭐</option>

        <option value="2">⭐⭐</option>

        <option value="3">⭐⭐⭐</option>

        <option value="4">⭐⭐⭐⭐</option>

        <option value="5">⭐⭐⭐⭐⭐</option>

      </select>

    </div>

    <div class="form-floating">

      <textarea class="form-control" placeholder="Leave a comment here" id="floatingTextarea"></textarea>

      <label for="floatingTextarea">추천 이유</label>

    </div>

    <div class="button2">

      <button type="button" class="btn btn-danger" id="addBtn"> 기록하기 </button>

    </div>

  </div>

  </div>

  </div>

  </div>