Untitled

<html>
<head>
<style>
p {
    color:yellow;
}
.signup {
    background-color:#de8704
}
.registrationform {
    width:300px
}
.black {
    background-color:#222536
}
body{
    color: #d2d636;
}
.submit {
    background: #62af5e;
    color: white;
    padding: 10px 20px;
    border: none;
}
.reset {
    background: #d9544f;
    color: white;
    padding: 10px 20px;
    border: none;
}
.bottom {
    background-color:#de8704
}
</style>
</head>

<body>
<div class="registrationform">
<div class="signup">
<p>Sign Up</p>
</div>
<div align="center">
<div class="black">
<p> First Name
<input type="text" placeholder="Enter First Name">
</p>
<p> Last Name
<input type="text" placeholder="Enter Last Name">
</p>
<p> Date of Birth
<select>
<option>Date</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
<option>11</option>
<option>12</option>
<option>13</option>
<option>14</option>
<option>15</option>
<option>16</option>
<option>17</option>
<option>18</option>
<option>19</option>
<option>20</option>
<option>21</option>
<option>22</option>
<option>23</option>
<option>24</option>
<option>25</option>
<option>26</option>
<option>27</option>
<option>28</option>
<option>29</option>
<option>30</option>
<option>31</option>
</select>
<select>
<option>Month</option>
<option>January</option>
<option>February</option>
<option>March</option>
<option>April</option>
<option>May</option>
<option>June</option>
<option>July</option>
<option>August</option>
<option>September</option>
<option>October</option>
<option>November</option>
<option>December</option>
</select>
<select>
<option>Year</option>
<option>2000</option>
<option>2001</option>
<option>2002</option>
<option>2003</option>
<option>2004</option>
<option>2005</option>
<option>2006</option>
<option>2007</option>
<option>2008</option>
<option>2009</option>
<option>2010</option>
<option>2011</option>
<option>2012</option>
<option>2013</option>
<option>2014</option>
<option>2015</option>
<option>2016</option>
<option>2017</option>
<option>2018</option>
<option>2019</option>
<option>2020</option>
</select>
</p>

<p>Gender
<input type="radio" name="gender">Male
<input type="radio" name="gender">Female
</p>
<p>Country
<select>
<option>Country</option>
<option>Bulgaria</option>
<option>USA</option>
<option>UK</option>
</select></p>
<p>
E-mail
<input type="text" placeholder="Enter E-mail">
</p>
<p>
Phone
<input type="text" placeholder="Enter Phone">
</p>
<p>
Password
<input type="password">
</p>
<p>
Confirm Password
<input type="password">
</p>
</div>
<div align="right" class="bottom">
<p>
<input type="checkbox">I Agree to the Terms of use
</p>
<input type="Submit" class="submit">
<input type="Reset" value="Cancel" class="reset">
</div>
</div>
</body>
</html>