web_page_for_group

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
    body{
        background-color: whitesmoke;
        font-family: 'Courier New', Courier, monospace;
        margin: 0;
        padding: 0;

    }
    h1{
        background-color: rgb(152, 251, 152);
        font-size: 40px;
        text-align: center;
        color: orangered;
        border-style: inset;
        border-radius: 4px;
        margin: 20px;
        padding: 5px;

    }
    .first{
        color: tomato;
    }
    section{
        /* float: left; */
        /* right: 50%; */
        background-color: aliceblue;
        text-align: inherit;
       border-style: inset;
       border-radius: 4px;
       margin: 8px;
       padding: 8px;
       max-width: 800px;
    }
    .input{
        border-style: inset;
        border-radius: 4px;
        margin: 4px;
        padding: 4px;
        

    }
    button{
       
        border-style: inset;
        border-radius: 4px;
        margin: 4px;
        padding: 2px 24px 2px 24px ;
        float: right;
    }
    button:hover{
        background-color: rgba(152, 251, 152, 0.632);}
         footer{
            text-align: center;
            padding: 10px;
            font-size: 14px;
    }
    .submit{
        font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;

    }

    footer{
        text-align: center;
        /* text-size-adjust: 140px; */
         margin: 40px;
        padding: 40px;
      
    }
    </style>
</head>
<body>
    <header>
        <h1  >
            <span class="first">
                //
            </span>
            <span>
                \/\/ /\ \_/
            </span>
            <span>
            //
            </span>
        </h1>


    </header>

    <main>
         <section>
            <h2>
                What anime is your favourite anime character ?
            </h2>
            <input type="text" class="input" >
         </section>
         <section>
            <h2>
                Why is he/she your favourite character?
            </h2>
            <input type="text" class="input">
         </section>
         <section>
            <h2>
                what book did you read this year?
            </h2>
            <input type="text"class="input" >
         </section>
         <button>
            <h2>
                <a href="https://htmlify.artizote.com/light/submit_button_not_working.html" class="submit">submit</a>
            </h2>
         </button>

    </main>
    <footer>
        @This is not created by AI! trust me bro!
    </footer>
</body>
</html>
HTMLify

Share this file:

Comments
