<!DOCTYPE html>
<html lang = "ko">
    <head>
        <meta charset="utf-8">
        <title>HTML을 배우는 웹사이트입니다.</title>
        <style>
            body {
                padding-left: 100px;
                padding-right: 100px;
            }
            button, width {
                border: 1px solid black;
                margin-top: 5px;
                float: right;
                position:relative;
            }
            #header {
                background-color:#22FFAA;
                color: black;
                height: 65px;
            }
            #nav {
                position:relative;
                width: 100px;
                height: 85px;
                float:left;
                z-index:10;
            }
            #main {
                padding-left: 250px;
                padding-right: 100px;
                margin-top: 85px;
            }
            #footer {
                margin-top:150px;
                text-align: center;
            }
        </style>
    </head>
    <body>
        <div id="header">
            <h1 style = "text-align: center; font-size: 250%;">The codeflash</h1>
        </div>
        <div id="nav">
        <h1 style = "margin-top:65px;">information</h1>
        <ul style = "color: red; width: 200px; height: 150px;">
            <li><a href="#"></a>Home</a></li>
            <li><a href="#"></a>About</a></li>
            <li><a href="#"></a>Contact</a></li>
        </ul>
        </div>
        <div id="main">
            <fieldset style = "margin-top: 65px; height: 950px;">
                <ul>
                <h4>Welcome to My website!!</h4>
                <h4>Hello. My name is Bearpoor and I`m 25 years old. I`m so happy to make this website for you and everyone. if you can use the others,
                    then also you can use this too. because this web page is about how to make your own website.
                    but before that, I want to tell who someone`s reading of this. do you have a interest in computer programming?  
                    What I want to tell is that everyone need to learn how to programming.
                    espicially your programming skills will improve your ability to help someone.
                    in the process of that, you don`t even need to care about other people.
                    Most of programmer in the world, making their own project everytime.
                    Who would know? Who would care?
                    originally some people didn`t know and care about this but Thankfully some people did around us.
                    for me, programming is wonderfully skills ever heard before.
                    My Dream is to become a Bestseller Writer. but I have a interests in programming.
                    so if there is one rational thing, it will lead you to programmer.
                    back in I was 18 years old, I`m used to read some books with my friends after school in the bookstore near my home.
                    I remembered there was so various books
                    I still remembered that there has so various books.
                    for example, Puzzle books, Novel and Poetry, Music theory, Camping, Licence, foreign languages, Science, Psychology and Mythology, Cooking, Comic books, Philosophy, Computer programming, Technolgy, Art, sociology.
                   
                    I can give you an advice before you start it!
                </h4>
                <h4>if you want to know more info about this, contact me<br>
                    Phone number: 010-2340-4529
                </h4>
                you can use for this to:
                <li>know how to make your own web page</li>
                <li>share your page to another people</li>
                <li>make the others with this</li>
            </ul>
        </div>
                <div id="footer">
                    a bearpoor production
                    The My website @ 2024 Copyright
                    <a href="mailto:0000@naver.com">bearpoor12@naver.com</a>
                </div>
                <form action="https://www.tcpschool.com" style="absolute; top:130px;">
                    <fieldset style="width:200px; height:250px; margin-top:250px;">
                        <legend style = "text-align: center;">로그인</legend>
                        <h3>Email:</h3>
                        <input type = "Email" name = "google">
                        <h3>Password:</h3>
                        <input type = "password" name = "password">
                        <br>
                        <br>
                        <button type="text">버튼을 클릭하세요</button>
                    </fieldset>
                    </form>
                    <script>
                        var getElementByld.("text").innerHTML = "안녕하세요 만나서 반갑습니다."
                    </script>
                </body>
</html>