Registration form for a company in HTML and CSS

Registration form for a company in HTML and CSS:

Register Now!




By clicking Register, you agree on our terms and condition.

Registration form for a company : HTML

<div class="well form_scanfcode">
 <form>
   <h2 style="font-weight:normal;">Register Now!</h2>
   <hr>
   <label for="p">
   <input type="radio" class="radio_scanfcode" name="p"> Personal</label>
   <label name="c">
   <input type="radio" class="radio_scanfcode" name="c"> Company</label>
   <hr> 
   <label class="icon_scanfcode" for="email">
   <i class="icon-envelope"></i>
   </label>
   <input type="text"  placeholder="Email" class="input_form_scanfcode" required/>
   <label class="icon_scanfcode" for="name">
     <i class="icon-user"></i>
    </label>
    <input type="text"  placeholder="Name" class="input_form_scanfcode" required/>
    <label class="icon_scanfcode" for="password">
    <i class="icon-shield"></i></label>
    <input type="password"  placeholder="Password" class="input_form_scanfcode" required/>
    <hr>
    <span>By clicking Register, you agree on our <a href="#">terms and condition</a>.</span>
   <button class="btn btn-sc">Register</button>
 </form>
</div>

CSS

.form_scanfcode
{
   text-align:center;
   color:#000;
   width:400px;
}
.form_scanfcode h2
{
   font-weight:normal;
}
.radio_scanfcode
{
 color:blue;
}
.icon_scanfcode
{
  padding:8px;
  color:#fff;
  background-color:#ff5050;
  border-radius:2px 0px 0px 2px;

}
.btn-sc
{
  width:90%;
  background-color:#ff5050;
  color:#fff;
  margin-top:20px;
}
.input_form_scanfcode:focus
{
  border:solid 1px green;
}

Leave a Reply

Your email address will not be published. Required fields are marked *