WebProgrammingProject/pose_recommend.html at main · Beuja/WebProgrammingProject · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
<!DOCTYPE html>
<html lang="kor">

<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="frame.css">
    <link rel="stylesheet" href="menu.css">
    <link rel="stylesheet" href="pose_recommend.css">
    <title>Main_page</title>
</head>

<body class="wrapper">
    <!-- 헤더 부분 -->
    <header>
        <div>
            <img src="로고.svg" alt="로고">
        </div>

        <nav>
            <div id="logout">로그아웃</div>
            <div id="MyPage"><a href="#">MyPage</a></div>
        </nav>

    </header>

    <!-- 옆에 내비게이션 -->
    <main class="container">
        <div id="menu">
            <div id="menu_title">메뉴</div>
            <ul>
                <li><a href="#">내 프로필</a></li>
                <li><a href="#">사진 보기</a></li>
                <li><a href="#">예약 현황</a></li>
                <li><a href="#">친구 관리</a></li>
                <li><a href="#">포즈 추천</a></li>
            </ul>
        </div>
        <!-- 컨텐츠 부분 -->
        <div id="content">
            <div id="content_box">
                <div id="title">현재 몇명인가요?</div>
                <div id="select_container">
                    <span class="select_box" onclick="location.href='#'">
                        <img src="한사람.svg" alt="한사람">
                        <hr>
                        <div class="img_explain">한 사람</div>
                    </span>
                    <span class="select_box" onclick="location.href='#'">
                        <img src="두사람.svg" alt="두사람">
                        <hr>
                        <div class="img_explain">두 사람</div>
                    </span>
                </div>
                <br><br>
                <div id="more">만약 그 이상?</div>
                <div class="box_more">
                    <div class="select_box_more" onclick="location.href='#'">
                        <div class="img_explain">3명</div>
                    </div>
                    <div class="select_box_more" onclick="location.href='#'">
                        <div class="img_explain">4명</div>
                    </div>
                    <div class="select_box_more" onclick="location.href='#'">
                        <div class="img_explain">5명</div>
                    </div>
                </div>

            </div>
        </div>
    </main>

    <!-- footer 부분 -->
    <footer>
        <b>Contact</b>
        <span class="copyright">한승우 옥선우 정종욱</span>
        <span class="email">peter001019@naver.com</span>
    </footer>
</body>

</html>