index.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/style.css">
    <title>首頁</title>
</head>

<body>
    <div class="wrapper index">
        <header>
            <h1 class="logo">logo</h1>
            <nav>
                <ul>
                    <li class="itme"><a href="index.html">首頁</a></li>
                    <li class="itme"><a href="about.html">關於我們</a></li>
                    <li class="itme">產品頁</li>
                </ul>
            </nav>
        </header>
        <div class="container">
            <div class="banner"></div>
            <h1>響應式字體大小</h1>
            <div class="w30">
             
                <div class="btn primary outline">按鈕框線</div>
                <div class="btn primary">按鈕框線</div>
                <div class="btn secondary outline">按鈕框線</div>
                <div class="btn error outline">按鈕框線</div>

            </div>

        </div>
        <footer>
            <ul>
                <li>隱私權</li>
            </ul>
        </footer>


    </div>

</body>

</html>