my-web/16.html at main · reasonna/my-web · 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
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
<!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">
    <title>flex</title>
    <!--외부 스타일-->
    <link rel="stylesheet" href="16.css">
    <!--내부 스타일-->
    <style>
        body {
            background-image : url(background_img.jpg);
        }
    </style>
</head>
<body>
    <header>
        <h1 class="header" style=" z-index: 2;">
        어플소개
        </h1>
    </header>
    <nav>
    <div style="height: 100px; position: relative; z-index: 2;">

        <ul class="menu" style="position: fixed;">
            <li>
                <a href="https://www.apple.com/kr/ipad/">
                    <img style=" width: 25px; height:20px; object-fit: cover;"
                    src="apple_rainbow_logo.png" alt="apple">
                </a>
            </li>
            <li>
                <a href="https://www.samsung.com/sec/event/galaxy-tab-series/">samsung</a>
            </li>
            <li>
                <a href="#">App Store</a>
                <ul class="submenu">
                    <li><a href="https://play.google.com/store/games?utm_source=apac_med&utm_medium=hasem&utm_content=Jul0121&utm_campaign=Evergreen&pcampaignid=MKT-EDR-apac-kr-1003227-med-hasem-py-Evergreen-Jul0121-Text_Search_BKWS-BKWS%7CONSEM_kwid_43700058439439069_creativeid_477138308331_device_c&gclid=EAIaIQobChMIlcHGu5nS-AIVBjdgCh1uSghOEAAYASAAEgJK7_D_BwE&gclsrc=aw.ds">Google Play</a></li>
                    <li><a href="https://apps.apple.com/kr/app/apple-store/id375380948">Apple Store</a></li>
                </ul>
            </li>
            <li>
                <a href="https://www.youtube.com">YouTube
                    <img style=" width: 25px; height:25px; object-fit: cover;"
                    src="you-removebg-preview.png" alt="YouTube">
                </a>
            </li>
            <li>
                <a href="./index.html">MENU
                    <img style=" width: 25px; height:20px; object-fit: cover;"
                    src="bener-removebg-preview.png" alt="app">
                </a>
                <ul class="submenu">
                    <li><a href="14.html">Apple</a></li>
                    <li><a href="15.html">Galaxy</a></li>
                </ul>
            </li>
        </ul>
    </div>
    </nav>
    <div class="content" style=" height: 500PX; text-align: center; position: relative; z-index: 1;">
        <div class="content1">
            <a class="link" href="11.html" ><img src="1.png" alt="문서작업"></a>
        </div>
        <div class="content2">
            <a class="link" href="12.html"><img  src="2.png" alt="그리기"></a>
        </div>
        <div class="content3">
            <a class="link" href="13.html">
                <table id="vimg">
                    <tr>
                        <td style="height: 60px;"></td>
                    </tr>
                    <tr>
                        <td>
                            <embed width="216" height="160"
                            src="https://www.youtube.com/embed/JQ2rukD8B8U"
                            title="[이상한 변호사 우영우] 메인 예고편 공개!"
                            frameborder="0" allow="accelerometer; autoplay;
                            clipboard-write; encrypted-media; gyroscope;
                            picture-in-picture" allowfullscreen ></embed>
                    </td>
                    </tr>
                    <tr>
                        <td style="height: 90px;"></td>
                    </tr>

                </table>
            </a>
        </div>
    </div>

    <footer>

        <p style="background: linear-gradient(to right, #A7A3FF,#FFA7A3, #671cc4, #5673bd);
        -webkit-background-clip: text; -webkit-text-fill-color: transparent;">
        다양한 쇼핑 방법: Apple Store를 방문하거나, 리셀러를 찾아보거나, 080-330-8877번으로 전화하세요. <br><br>
        Visual Studio Code로 작성되었습니다. <br>
        웹페이지 만들기 프로젝트_20220705_이유나
        </p>
    </footer>

</body>
</html>