frontEnd/best2.html at main · spabucks/frontEnd · 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
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="StarBucks Clone Site">
  <meta name="keywords" content="StarBucks, Clone, Site">
  <meta name="studentr" content="popokim">
  <link rel="stylesheet" href="assets/css/style.css">
  <title>Starbucks Clone site</title>
</head>
<body>
  <div class="container">
    <header>
        <div class="header-wrap">
            <div class="header-top">
                <div class="menu-icon">
                    <img src="assets/images/icons/menu.svg" alt="">
                </div>
                <h1>온라인 스토어</h1>
                <nav>
                    <ul>
                        <li><img src="assets/images/icons/search.svg"></li>
                        <li><img src="assets/images/icons/shopping-cart.svg"></li>
                        <li><img src="assets/images/icons/user.svg"></li>
                    </ul>
                </nav>
            </div>
            <div class="header-bottom">
                <nav>
                    <ul>
                        <li><a href="index.html">메인</a></li>
                        <li><a href="">기획전</a></li>
                        <li class="active"><a href="">베스트</a></li>
                        <li><a href="">마이페이지</a></li>
                    </ul>
                </nav>
            </div>
        </div>
        <div class="header-sub">
            <nav>
                <ul>
                    <li>케이크</li>
                    <li class="active">텀블러/보온병</li>
                    <li>머그/컵</li>
                    <li>라이프스타일</li>
                    <li>티/커피용품</li>
                    <li>세트</li>
                </ul>
            </nav>
        </div>
    </header>
    <div class="best-product-list">
      <div class="best-product-item">
          <div class="best-product-item__img">
              <img src="assets/images/products/원핸드.jpg" alt="">
          </div>
          <div class="best-product-item__info">
              <p class="item-new">Best</p>
              <p class="item-title">SS 그린 사이렌 원핸드 텀블러</p>
              <p class="item-price"><span>33,000</span>원</p>
          </div>
        </div>
        <div class="best-product-list">
          <div class="best-product-item">
              <div class="best-product-item__img">
                  <img src="assets/images/products/원핸드.jpg" alt="">
              </div>
              <div class="best-product-item__info">
                  <p class="item-new">Best</p>
                  <p class="item-title">SS 그린 사이렌 원핸드 텀블러</p>
                  <p class="item-price"><span>33,000</span>원</p>
              </div>
        </div>
</body>
</html>