WebProgrammingProject/real_pose_recommend.html at main · peter001019/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
<!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="recommended_img">
          <img src="임시 사진.svg" alt="임시 사진">
        </div>
        <div id="goto_picture">
          <!-- 예약하기 페이지로 이동 -->
          <a href="#">이 사진으로 찍으러 가기</a>
        </div>
      </div>
    </div>
  </main>

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

</html>