category.ejs 3.78 KB
<!DOCTYPE html>
<html lang="ko">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel='stylesheet' href='/vendors/bootstrap/css/bootstrap.min.css' />
    <link rel='stylesheet' href='/vendors/bootstrap/css/bootstrap-grid.min.css' />
    <link rel='stylesheet' href='/vendors/bootstrap/css/bootstrap-reboot.min.css' />
    <link rel='stylesheet' href='/css/category.css'>

    <title>📝 진단 검사</title>
</head>

<body>


    <div class="jumbotron jumbotron-fluid">
        <div class="container">
            <h3>
                🔎 검색한 동네 :
                <%=userLocation%>
            </h3>
        </div>
    </div>
    <div class="row">
        <div class="card" style="width: 18rem;">
            <img src="/img/restaurant.jpg" class="card-img-top" alt="...">
            <div class="card-body">
                <h5 class="card-title">음식</h5>
                <p class="card-text">주변 음식점의 수</p>
                <a href="/category/food" class="btn btn-primary">검사!</a>
            </div>
        </div>
        <div class="card" style="width: 18rem;">
            <img src="/img/school.jpg" class="card-img-top" alt="...">
            <div class="card-body">
                <h5 class="card-title">학군</h5>
                <p class="card-text">주변 학원 및 도서관 현황</p>
                <a href="/category/school" class="btn btn-primary">검사!</a>
            </div>
        </div>
        <div class="card" style="width: 18rem;">
            <img src="/img/park.jpg" class="card-img-top" alt="...">
            <div class="card-body">
                <h5 class="card-title">공원</h5>
                <p class="card-text">주변 공원</p>
                <a href="/category/park" class="btn btn-primary">검사!</a>
            </div>
        </div>
        <div class="card" style="width: 18rem;">
            <img src="/img/transport.jpg" class="card-img-top" alt="...">
            <div class="card-body">
                <h5 class="card-title">대중교통</h5>
                <p class="card-text">대중교통 편리도</p>
                <a href="/category/transport" class="btn btn-primary">검사!</a>
            </div>
        </div>
        <div class="card" style="width: 18rem;">
            <img src="/img/safe.jpg" class="card-img-top" alt="...">
            <div class="card-body">
                <h5 class="card-title">안전</h5>
                <p class="card-text">주변 경찰서, 범죄자 인근~</p>
                <a href="/category/safe" class="btn btn-primary">검사!</a>
            </div>
        </div>
        <div class="card" style="width: 18rem;">
            <img src="/img/cultural_life.jpg" class="card-img-top" alt="...">
            <div class="card-body">
                <h5 class="card-title">여가</h5>
                <p class="card-text">주변 문화시설</p>
                <a href="/category/culture" class="btn btn-primary">검사!</a>
            </div>
        </div>
        <div class="card" style="width: 18rem;">
            <img src="/img/shopping.jpg" class="card-img-top" alt="...">
            <div class="card-body">
                <h5 class="card-title">쇼핑</h5>
                <p class="card-text">주변 백화점, 마트, 재래시장</p>
                <a href="/category/shop" class="btn btn-primary">검사!</a>
            </div>
        </div>
        <div class="card" style="width: 18rem;">
            <img src="/img/gym.jpg" class="card-img-top" alt="...">
            <div class="card-body">
                <h5 class="card-title">운동</h5>
                <p class="card-text">주변 운동시설</p>
                <a href="/category/gym" class="btn btn-primary">검사!</a>
            </div>
        </div>
    </div>

</body>

</html>