mockup registro (parte inicial)// Nivel 1 ComunidadIT

In this example below you will see how to do a mockup registro (parte inicial)// Nivel 1 ComunidadIT with some HTML / CSS and Javascript

Thumbnail
This awesome code was written by fmorisan, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright fmorisan ©

Technologies

  • HTML
  • CSS
<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>mockup registro (parte inicial)// Nivel 1 ComunidadIT</title>
  
  
  <link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css'>
<link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css'>

      <link rel="stylesheet" href="css/style.css">

  
</head>

<body>

  <div class="container">
  <h1>Registro</h1>
  <form action="register()" id="registerForm" class="col-md-8 col-md-offset-2 col-xs-10 col-xs-offset-1">
    <div class="row">
      <input name="nombre" type="text" class="form-control" placeholder="Nombre" required/>
    </div>
    <div class="row">
      <input name="descripcion" type="textarea" class="form-control" placeholder="Esctiba una descripcion breve." required/>
    </div>
    <div class="row">
      <div class="col-xs-6">       
        <p>Empresa</p>
        <input name="tipo" value="empresa" type="radio" class="form-control" checked required/>
      </div>
      <div class="col-xs-6">
        <p>Profesional</p>
        <input name="tipo" value="profesional" type="radio" class="form-control" required/>
      </div>
    </div>
    <div class="row">
      <input name="email" placeholder="email" type="email" class="form-control" required/>
    </div>
    <div class="row">
      <input name="cuit" type="number" placeholder="CUIT/CUIL" class="form-control" />
    </div>
    <div class="row"><input name="password" placeholder="Contrasena" type="password" class="form-control" required/></div>
    <div class="row">
      <input type="submit" class="btn btn-success" value="Continuar" />
    </div>
  </form>
</div>
  <script src='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js'></script>

  

</body>

</html>

/*Downloaded from https://www.codeseek.co/fmorisan/mockup-registro-parte-inicial-nivel-1-comunidadit-wzRPgG */
body {
  text-align:center;
}

Comments