@include('layouts.app', ['title'=>(isset($title)) ? $title : 'Inicio'])

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

<div class="margin-container"> 
    
<!-- ***************OPCIONES PRINCIPALES****************** -->
    
<!-- ***************OPCIONES PRINCIPALES****************** -->
<div class="container"> 
        <div class="row">
            <div class="col-md-3"></div>
            <div class="col-12 col-md-6 mt-4">  
                <div class="card card-sombras">
                    <br>
                    <form class="px-4 py-3">
                    <H3 class="text-center letra-empresa"><i class="fa fa-user-circle text-info fa-size-registrar"></i></H3>
                    <P class="text-center letra-size-p"><b>CROYDON COLOMBIA SA</b></P>
                    <hr>
                <div class="form-group">
                        <label for="exampleDropdownFormEmail1">Usuario</label>
                    <div class="input-group">
                        <span class="input-group-addon" id="basic-addon1"><i class="fa fa-user"></i></span>
                        <input type="text" class="form-control" placeholder="Username" aria-label="" aria-describedby="basic-addon1">
                    </div>
                </div>
                <div class="form-group">
                        <label for="exampleDropdownFormEmail1">Correo</label>
                    <div class="input-group">
                        <span class="input-group-addon" id="basic-addon1">@</span>
                        <input type="text" class="form-control" placeholder="Username" aria-label="" aria-describedby="basic-addon1">
                    </div>
                </div>
                <div class="form-group">
                        <label >Contraseña</label>
                    <div class="input-group">
                        <span class="input-group-addon" id="basic-addon1"><i class="fa fa-key"></i></span>
                        <input  class="form-control" >
                    </div>
                </div>
                <div class="form-group">
                        <label >Repetir Contraseña</label>
                    <div class="input-group">
                        <span class="input-group-addon" id="basic-addon1"><i class="fa fa-share"></i></span>
                        <input  class="form-control" >
                    </div>
                </div>
                <div class="form-check text-left">
                    <label class="form-check-label">
                    <input type="checkbox" class="form-check-input">
                    Acepto <a href="#">Terminos y Condiciones</a>
                    </label>
                </div>
                <div class="form-check text-left">
                    <label class="form-check-label">
                    <input type="checkbox" class="form-check-input">
                    Acepto <a href="#">Politica de proteccion de Datos</a>
                    </label>
                </div>
                    <br>
                <div class="w-100 text-center">
                    <button type="submit" class="btn btn-info">Ingresar</button>  
                </div>
                     
                    </form>      
                </div>
                <div class="col-md-3"></div>
            </div>
        </div>
    </div>



 <!-- ******************FOOTER******************** -->
 @include('layouts.footer')
 <!-- ******************END FOOTER******************** -->



<!-- ***************END OPCIONES PRINCIPALES****************** -->
</div>