Webproject/page2.html at main · sobogil/Webproject · 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

<!DOCTYPE html>
<!--<a href="https://www.flaticon.com/kr/free-icons/" title="사람 아이콘">
    사람 아이콘  제작자: Febrian Hidayat - Flaticon</a>-->
<html>
<head>
    <meta charset="UTF-8">
    <title>Juuuice</title>
    <link rel="stylesheet" type="text/css" href="css/styles.css">
</head>
<body>
    <header>
        <div class="container">
            <h1><a href="mainpage.html">Juuuice</a></h1>
            <nav>
                <ul>
                    <li><a href="page.html">탄산음료</a></li>
                    <li><a href="page1.html">이온음료</a></li>
                    <li><a href="page2.html"><strong>과일주스</strong></a></li>
                    <li><a href="survey/survey.html"><strong>설문</strong></a></li>
                    <li><a href="login/login.html"><img src="image/login.png" alt="login" width="60" height="60"></a></li>
                </ul>
            </nav>
        </div>
    </header>
    <main>
        <div>
            <section id="introduction">
                <h2>무슨 과일 주스를 좋아하시나요?</h2>
            </section>
        </div>
        <div style="margin: 200px;" class="moving-image">
            <img src="image/down.png" alt="down" width="50" height="50">
        </div>
        <div class="juice-container">
            <div class="juice">
                <img src="image/apple_juice.jpg" alt="Apple Juice">
                <p>Apple Juice</p>
                <a href="https://search.shopping.naver.com/search/all?query=%EC%82%AC%EA%B3%BC%EC%A3%BC%EC%8A%A4&prevQuery=%EC%95%A0%ED%94%8C%EC%A3%BC%EC%8A%A4" class="shop-link">Shop Now</a>
            </div>

            <div class="juice">
                <img src="image/orange_juice.jpg" alt="Orange Juice">
                <p>Orange Juice</p>
                <a href="https://search.shopping.naver.com/search/all?query=%EC%98%A4%EB%9E%9C%EC%A7%80%EC%A3%BC%EC%8A%A4&prevQuery=%EC%A3%BC%EC%8A%A4" class="shop-link">Shop Now</a>
            </div>

            <div class="juice">
                <img src="image/grape_juice.jpg" alt="Grape Juice">
                <p>Grape Juice</p>
                <a href="https://search.shopping.naver.com/search/all?query=%ED%8F%AC%EB%8F%84%EC%A3%BC%EC%8A%A4&prevQuery=%EC%82%AC%EA%B3%BC%EC%A3%BC%EC%8A%A4" class="shop-link">Shop Now</a>
            </div>

            <div class="juice">
                <img src="image/kiwi_juice.jpg" alt="kiwi Juice">
                <p>kiwi Juice</p>
                <a href="https://search.shopping.naver.com/search/all?query=%ED%82%A4%EC%9C%84%EC%A3%BC%EC%8A%A4&prevQuery=%EC%98%A4%EB%9E%9C%EC%A7%80%EC%A3%BC%EC%8A%A4" class="shop-link">Shop Now</a>
            </div>

            <div class="juice">
                <img src="image/tomato_juice.jpg" alt="Tomato Juice">
                <p>Tomato Juice</p>
                <a href="https://search.shopping.naver.com/search/all?query=%ED%86%A0%EB%A7%88%ED%86%A0%EC%A3%BC%EC%8A%A4&prevQuery=%ED%8F%AC%EB%8F%84%EC%A3%BC%EC%8A%A4" class="shop-link">Shop Now</a>
            </div>
        </div>

    </main>
    <footer style="padding: 50px; background-color: rgb(209, 209, 209); text-align: center;">
    가기전에 설문조사 하나 부탁드립니다.<br>
    <a href="survey/survey.html" class="button">설문조사</a>
    <p>&copy; 2023 음료 소개 페이지</p>
</footer>
</body>
</html>