<!DOCTYPE html>

<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>나의 홈페이지</title>
    <style>
        .main {
            text-align: center;
            background-color: lightblue;
            margin: 50px;
            padding-left: 50px;
           
        }

        .nav {
            border: 1px solid;
            margin-left:350px;
            margin-right: 50px;
       
        }

        .email {
            color: red;
            text-decoration: none;
        }

        .email:hover {
            color: blue;
            cursor: pointer;
        }

        .email:hover::after {
            content: "(click here)";
            color: grey;
        }

        .header {


        }

        .footer {

           


           
        }
    </style>
</head>
<body>
    <div class="main">
        <h1>bearpoo</h1>
        <div class="body" style="margin-left: 1000px;">
                <ul>
                    <a href="#main" style="margin-right: 10px"><button style="font-size: 20px; background-color: lightyellow"></button></a>
                    <a href="#about" style="margin-right: 10px;"><button style="font-size: 20px; background-color: lightyellow">About</button></a>
                    <a href="#content"><button style="font-size: 20px; background-color: lightyellow">Content</button></a>
                </ul>
        </div>
    </div>

    <div class="nav">
        <h3 style="margin:10px">About</h3>
        <p style="margin: 10px">Welcome Homepage! This is my website, created just for you.
            before we get started, I want to share the purpose of this site with you. the main goal here is to provide a welcoming space where you can explore a variety of topics that pique your interest.
            Whether you`re looking for inspiration, knowledge, or simply a place to relax, this website has something for everyone.
            <br>
            you`ll find sections dedicated to subject1, 2 and lastly 3, each designed to cater to your curiosity and needs.
            My hope is that you will discover valuable resources, insightful articles, and engaging content that enrich your experience.
            Feel free to browse at your leisure and engage with the materials.
            I encourage you to share thoughts and feedback, as your input is vital in shaping the direction of this website.
            <br>
            Thank you for being here, and I hope you enjoy your time exploring!<br>
            and if you want to know more info about this, contact me via email
            <a href="https://mail.google.com/mail/u/0/#inbox" class="email">scottjin12@naver.com</a>
           
        </p>
    </div>

    <div class="header">

    </div>
   
    <div class="footer">


    </div>
   
</body>
</html>