signup

<!DOCTYPE html>
<html>
<head>
    <title>

try sign up form

    </title>

    <style type="text/css">


        body {
    background-image: url("https://i.imgur.com/U6RfFrR.png");
       background-repeat:no-repeat;
       background-size:cover;


div#amarblog {
width: 400px;
border: 1px ;
background: white;
margin:auto;
padding:10px;


}

h2#amarh2{

    width:96%;
    background: #37fff6;
    padding-top:20px;
    padding-bottom: 20px;
    margin-top:20px;
    margin-bottom:20px;


}


div.inputname input{

     margin-top: 10px;
    padding: 10px;
    margin-bottom: 20px;
    margin-left:8px;
    width: 90%;
    border: 1px solid #297335;
    border-radius: 10px;

}

div#sign input{

width: 100%;
padding: 10px;
background: #ff00c8;
border-radius: 20px;
margin-bottom: 4px;
border: 2px solid #9d1dfd;


}

div#country select{

    width: 95%;
    padding: 10px;
    margin: 12px;
    border-radius: 30px;
    border: 1px solid #297335;
}


.hobbies{

    margin-left:30px;

    margin-bottom: 20px;
    color: #4415ff;
}
}


    </style>

</head>

<body>
    <div id="amarblog">
        <h2 id="amarh2">SIGN UP FORM FOR MY BLOG </h2>

        <div class="inputname"><input type="text" name="" placeholder="Enter First Name"></div>
        <div class="inputname"><input type="text" name="" placeholder="Enter Last Name"></div>
        <div class="inputname"><input type="Email" name="" placeholder="Enter Your Email"></div>
        <div class="inputname"><input type="password" name="" placeholder="Enter Your password"></div>


        <div id="country">

<select>


    <option>

SELECT YOUR COUNTRY
    </option>

    <option>BANGLADESH</option>
    <option>PAKISTHAN</option>
    <option>SWEDEN</option>
    <option>AUSTRALIA</option>
    <option>INDIA</option>
    <option>JAPAN</option>
    <option>AMERICA</option>
    <option>VUTAN</option>


</select>


        </div>


        <div class="hobbies">


        <h3>Your Hobbies :</h3>

            <input type="checkbox">Cricket </br>
            <input type="checkbox">football</br>
            <input type="checkbox">wathing funny video</br>
            <input type="checkbox">wathing movie</br>
            <input type="checkbox">wathing  song</br>
            <input type="checkbox">singing</br>


        </div>


        <div id="sign">     <input type="submit" value ="SIGNUP" >


</div>


<img src="F:\all\design\2.jpg" />


</body>

</html>