review.ejs 5.02 KB
<!DOCTYPE html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Enroll Review</title>

    <link
      rel="stylesheet"
      href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css"
      integrity="undefined"
      crossorigin="anonymous"
    />
    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@700&display=swap" rel="stylesheet">

    <style>
        img {
          max-width: 100%;
          height: 100% !important;
        }
        h1 {
          font-family: "Noto Sans KR", sans-serif;
        }
        h4 {
          font-family: "Noto Sans KR", sans-serif;
        }
        h2 {
          font-family: "Noto Sans KR", sans-serif;
        }
        h3 {
          font-family: "Noto Sans KR", sans-serif;
        }
        h5 {
          font-family: "Noto Sans KR", sans-serif;
        }

    </style>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
    <button
            class="navbar-toggler"
            type="button"
            data-toggle="collapse"
            data-target="#navbarSupportedContent"
            aria-controls="navbarSupportedContent"
            aria-expanded="false"
            aria-label="Toggle navigation"
    >
        <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="navbarSupportedContent">
        <a class="navbar-brand" href="/" style="margin-left: 10px"><strong>Home</strong></a>
    </div>
</nav>

    <div class="pricing-header px-3 py-1 pt-md-3 pb-md-1 mx-auto text-center">
        <h3 class="display-6 font-weight-bold">후기 등록</h3>
    </div>

<hr class="my-2" >
<section id="carousel-1">
    <div class="row">
        <div class="col-2"></div>
        <div class="col-8">
            <hr class="my-4" style="background-color: white">
            <form action="/review" method="post">
                <hr class="my-3" style="background-color: white">
                <label for="cafeId" class="form-label">카페ID</label>
                <select class="form-select form-select-lg" id="cafeId"  name="cafeId" required>
                  <option value="<%=cafeId%>" selected><%=cafeId%></option>
              </select>
                <hr class="my-3" style="background-color: white">
                <label for="price" class="form-label">가격</label>
                <select class="form-select form-select-lg" id="price"  name="price" required>
                    <option selected disabled value="">선택하세요</option>
                    <option value="5">5</option>
                    <option value="4">4</option>
                    <option value="3">3</option>
                    <option value="2">2</option>
                    <option value="1">1</option>
                </select>

                <hr class="my-3" style="background-color: white">
                <label for="kindness" class="form-label">친절도</label>
                <select class="form-select form-select-lg" id="kindness"  name="kindness" required>
                    <option selected disabled value="">선택하세요</option>
                    <option value="5">5</option>
                    <option value="4">4</option>
                    <option value="3">3</option>
                    <option value="2">2</option>
                    <option value="1">1</option>
                </select>

                <hr class="my-3" style="background-color: white">
                <label for="noise" class="form-label">소음</label>
                <select class="form-select form-select-lg" id="noise"  name="noise" required>
                    <option selected disabled value="">선택하세요</option>
                    <option value="5">5</option>
                    <option value="4">4</option>
                    <option value="3">3</option>
                    <option value="2">2</option>
                    <option value="1">1</option>
                </select>

                <hr class="my-3" style="background-color: white">
                <label for="accessibility" class="form-label">접근성</label>
                <select class="form-select form-select-lg" id="accessibility"  name="accessibility" required>
                    <option selected disabled value="">선택하세요</option>
                    <option value="5">5</option>
                    <option value="4">4</option>
                    <option value="3">3</option>
                    <option value="2">2</option>
                    <option value="1">1</option>
                </select>

                <hr class="my-4" style="background-color: white">
                <button type="submit" style="float:right" class="btn btn-primary btn-lg" id="please">Submit</button>
            </form>
        </div>
        <div class="col-2"></div>
    </div>
</section>
</body>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.min.js" integrity="undefined" crossorigin="anonymous"></script>
</html>