個人網站

[Dylan19950407]

<title>個人網站</title> <style> body { font-family: Arial, sans-serif; margin: 0; padding: 0; background-color: #1c1c1c; color: #f5f5f5; line-height: 1.6; } .container { width: 80%; margin: auto; overflow: hidden; padding: 2em; } header { background: #333; color: #fff; padding-top: 1em; min-height: 70px; border-bottom: #0779e4 3px solid; } header a { color: #fff; text-decoration: none; text-transform: uppercase; font-size: 16px; } nav { float: right; margin-top: 10px; } nav ul { margin: 0; padding: 0; list-style: none; } nav ul li { display: inline; margin-left: 5px; } .content { padding: 20px; background: #333; margin-top: 20px; } .content h2 { color: #0779e4; } footer { padding: 20px; margin-top: 20px; color: #fff; background-color: #333; text-align: center; } </style>

我的個人網站

• 自介
• 作品
• 聯絡方式

<div class="container">
    <section id="about" class="content">
        <h2>自介</h2>
        <p>這裡是你的自我介紹內容。你可以在這裡描述你的背景、興趣、經驗等。</p>
    </section>
    
    <section id="works" class="content">
        <h2>作品</h2>
        <p>這裡是你的作品展示。你可以在這裡展示你的作品，附上簡單的描述和圖片。</p>
    </section>
    
    <section id="contact" class="content">
        <h2>聯絡方式</h2>
        <p>這裡是你的聯絡方式。你可以提供電子郵件、電話號碼或社交媒體鏈接。</p>
    </section>
</div>

<footer>
    <p>© 2024 你的名字. 保留所有權利.</p>
</footer>