Actualizacion de Diseño Logins y Parte de Registro Negocios
This commit is contained in:
kquiroz
155
desarrollo/diseno/registro-form/other-views/business-account.php
Normal file
155
desarrollo/diseno/registro-form/other-views/business-account.php
Normal file
@@ -0,0 +1,155 @@
|
||||
<php lang="en">
|
||||
<head>
|
||||
<!-- Required meta tags -->
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
|
||||
<title>La Pieza.DO | Registro</title>
|
||||
|
||||
<!-- Bootstrap CSS -->
|
||||
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
|
||||
|
||||
<!-- External Css -->
|
||||
<link rel="stylesheet" href="assets/css/line-awesome.min.css">
|
||||
<link rel="stylesheet" href="assets/css/owl.carousel.min.css" />
|
||||
|
||||
<!-- Custom Css -->
|
||||
<link rel="stylesheet" type="text/css" href="assets/css/main.css">
|
||||
<link rel="stylesheet" type="text/css" href="assets/css/theme-1.css">
|
||||
<link rel="stylesheet" href="https://maxst.icons8.com/vue-static/landings/line-awesome/font-awesome-line-awesome/css/all.min.css">
|
||||
<link rel="stylesheet" href="https://maxst.icons8.com/vue-static/landings/line-awesome/line-awesome/1.3.0/css/line-awesome.min.css">
|
||||
<!-- Fonts -->
|
||||
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">
|
||||
|
||||
|
||||
<!-- Favicon -->
|
||||
<link rel="icon" href="assets/images/favicon.png">
|
||||
<link rel="apple-touch-icon" href="assets/images/apple-touch-icon.png">
|
||||
<link rel="apple-touch-icon" sizes="72x72" href="assets/images/icon-72x72.png">
|
||||
<link rel="apple-touch-icon" sizes="114x114" href="assets/images/icon-114x114.png">
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="ugf-wrapper flat-grey-bg">
|
||||
<div class="ugf-content-block">
|
||||
<div class="logo">
|
||||
<a href="../register.php">
|
||||
<!-- <img class="light-logo" src="assets/images/logo.png" alt=""> -->
|
||||
<!-- <img class="" src="assets/images/logo-dark2.png" alt="">
|
||||
</a> -->
|
||||
</div>
|
||||
<div class="container-md">
|
||||
<div class="row">
|
||||
<div class="col-lg-7 offset-lg-5 p-sm-0">
|
||||
<div class="ugf-content pt150">
|
||||
<a href="account-category.php"class="prev-page"> <i class="las la-arrow-left"></i> Volver Atrás</a>
|
||||
<h2>Detalles de la cuenta de negocios</h2>
|
||||
<p>Escribe las informaciones de tu negocio y una contraseña segura para continuar al siguiente paso.</p>
|
||||
<form action="business-payments.php" class="account-form">
|
||||
<div class="row">
|
||||
<div class="col-sm-6 p-sm-0">
|
||||
<div class="form-group">
|
||||
<label for="inputFname">Nombre del Negocio</label>
|
||||
<input type="text" placeholder="ej. Repuestos La Pieza" class="form-control" id="inputBname" required>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-3 p-sm-0">
|
||||
<div class="form-group">
|
||||
<label for="inputLname">R.N.C.</label>
|
||||
<input type="text" placeholder="ej. 1-11-11111-1" class="form-control" id="inputBrnc" required>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-3 p-sm-0">
|
||||
<div class="form-group">
|
||||
<label for="inputPhone">Teléfono</label>
|
||||
<input type="text" placeholder="ej. +123 456 7890" class="form-control" id="inputPhone" required>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 p-sm-0">
|
||||
<div class="form-group">
|
||||
<label for="inputPhone">Nombre Responsable</label>
|
||||
<input type="text" placeholder="ej. Juan Pérez" class="form-control" id="inputBresponsable" required>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-3 p-sm-0">
|
||||
<div class="form-group">
|
||||
<label for="inputLname">Cédula.</label>
|
||||
<input type="text" placeholder="ej. 000-0000000-0" class="form-control" id="inputBcedula" required>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-3 p-sm-0">
|
||||
<div class="form-group">
|
||||
<label for="inputPhone">Móvil</label>
|
||||
<input type="text" placeholder="ej. +123 456 7890" class="form-control" id="inputPhone" required>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-6 p-sm-0">
|
||||
<div class="form-group pass-group">
|
||||
<label for="inputPass">Contraseña</label>
|
||||
<input type="password" placeholder="8+ Caracteres" class="form-control" id="inputPass" required>
|
||||
<div class="pass-toggler-btn">
|
||||
<i id="eye" class="lar la-eye"></i>
|
||||
<i id="eye-slash" class="lar la-eye-slash"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 p-sm-0">
|
||||
<div class="form-group pass-group">
|
||||
<label for="inputPass">Confirmar Contraseña</label>
|
||||
<input type="password" placeholder="8+ Caracteres" class="form-control" id="inputPass" required>
|
||||
<div class="pass-toggler-btn">
|
||||
<i id="eye" class="lar la-eye"></i>
|
||||
<i id="eye-slash" class="lar la-eye-slash"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<button class="btn"><span>Siguiente</span> <i class="las la-arrow-right"></i></button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ugf-sidebar flex-bottom ugf-sidebar-bg-2 sidebar-steps">
|
||||
<div class="steps">
|
||||
<div class="step">
|
||||
<span>1</span>
|
||||
<p>Verificación de Correo</p>
|
||||
</div>
|
||||
<div class="step">
|
||||
<span>2</span>
|
||||
<p>Categoria</p>
|
||||
</div>
|
||||
<div class="step step-onprocess">
|
||||
<span>3</span>
|
||||
<p>Detalles de la Cuenta de Negocios</p>
|
||||
</div>
|
||||
<div class="step">
|
||||
<span>4</span>
|
||||
<p>Detalle de Pagos</p>
|
||||
</div>
|
||||
<div class="step">
|
||||
<span>5</span>
|
||||
<p>Detalle de Facturación</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- Optional JavaScript -->
|
||||
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
|
||||
<script src="assets/js/jquery.min.js"></script>
|
||||
<script src="assets/js/popper.min.js"></script>
|
||||
<script src="assets/js/bootstrap.min.js"></script>
|
||||
|
||||
<script src="assets/js/owl.carousel.min.js"></script>
|
||||
|
||||
<script src="assets/js/custom.js"></script>
|
||||
</body>
|
||||
</php>
|
||||
182
desarrollo/diseno/registro-form/other-views/business-billing.php
Normal file
182
desarrollo/diseno/registro-form/other-views/business-billing.php
Normal file
@@ -0,0 +1,182 @@
|
||||
<php lang="en">
|
||||
<head>
|
||||
<!-- Required meta tags -->
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
|
||||
<title>La Pieza.DO | Registro</title>
|
||||
|
||||
<!-- Bootstrap CSS -->
|
||||
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
|
||||
|
||||
<!-- External Css -->
|
||||
<link rel="stylesheet" href="assets/css/line-awesome.min.css">
|
||||
<link rel="stylesheet" href="assets/css/owl.carousel.min.css" />
|
||||
<link rel="stylesheet" href="https://maxst.icons8.com/vue-static/landings/line-awesome/font-awesome-line-awesome/css/all.min.css">
|
||||
<link rel="stylesheet" href="https://maxst.icons8.com/vue-static/landings/line-awesome/line-awesome/1.3.0/css/line-awesome.min.css">
|
||||
<!-- Custom Css -->
|
||||
<link rel="stylesheet" type="text/css" href="assets/css/main.css">
|
||||
<link rel="stylesheet" type="text/css" href="assets/css/theme-1.css">
|
||||
|
||||
<!-- Fonts -->
|
||||
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">
|
||||
|
||||
|
||||
|
||||
<!-- Favicon -->
|
||||
<link rel="icon" href="assets/images/favicon.png">
|
||||
<link rel="apple-touch-icon" href="assets/images/apple-touch-icon.png">
|
||||
<link rel="apple-touch-icon" sizes="72x72" href="assets/images/icon-72x72.png">
|
||||
<link rel="apple-touch-icon" sizes="114x114" href="assets/images/icon-114x114.png">
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="ugf-wrapper flat-grey-bg">
|
||||
<div class="ugf-content-block">
|
||||
<div class="logo">
|
||||
<a href="../register.php">
|
||||
<!-- <img class="" src="assets/images/logo-dark2.png" alt=""> -->
|
||||
</a>
|
||||
</div>
|
||||
<div class="container-md">
|
||||
<div class="row">
|
||||
<div class="col-lg-7 offset-lg-5 p-sm-0">
|
||||
<div class="ugf-content pt150">
|
||||
<a href="business-payments.php" class="prev-page"><i class="las la-arrow-left"></i> Volver Atrás</a>
|
||||
<h2>Dirección de Facturación</h2>
|
||||
<p>Escribe los detalles de facturación de tu negocio, también puedes elegir tu ubicación en el mapa!</p>
|
||||
<form action="signup-complete.php" class="account-form">
|
||||
<div class="row">
|
||||
<div class="col-sm-6 p-sm-0">
|
||||
<div class="form-group country-select">
|
||||
<label for="inputCountry">Selecciona tu Provincia</label>
|
||||
<div class="select-input choose-country">
|
||||
<span></span>
|
||||
<select id="inputCountry" class="form-control" required>
|
||||
<option value="Seleccione" selected>Seleccione Provincia</option>
|
||||
<option value="Azua">Azua</option>
|
||||
<option value="Bahoruco">Bahoruco</option>
|
||||
<option value="Barahona">Barahona</option>
|
||||
<option value="Dajabón">Dajabón</option>
|
||||
<option value="Duarte">Duarte</option>
|
||||
<option value="El Seibo">El Seibo</option>
|
||||
<option value="Elias Piña">Elias Piña</option>
|
||||
<option value="Espaillat">Espaillat</option>
|
||||
<option value="Hato Mayor">Hato Mayor</option>
|
||||
<option value="Hermanas Mirabal">Hermanas Mirabal</option>
|
||||
<option value="Independencia">Independencia</option>
|
||||
<option value="La Altagracia">La Altagracia</option>
|
||||
<option value="La Romana">La Romana</option>
|
||||
<option value="La Vega">La Vega</option>
|
||||
<option value="Maria Trinidad Sanchez">Maria Trinidad Sanchez</option>
|
||||
<option value="Monseñor Nouel">Monseñor Nouel</option>
|
||||
<option value="Monte Cristi">Monte Cristi</option>
|
||||
<option value="Monte Plata">Monte Plata</option>
|
||||
<option value="Pedernales">Pedernales</option>
|
||||
<option value="Peravia">Peravia</option>
|
||||
<option value="Puerto Plata">Puerto Plata</option>
|
||||
<option value="Samaná">Samaná</option>
|
||||
<option value="San Cristobal">San Cristobal</option>
|
||||
<option value="San Jose de Ocoa">San Jose de Ocoa</option>
|
||||
<option value="San Juan">San Juan</option>
|
||||
<option value="San Pedro de Macorís">San Pedro de Macorís</option>
|
||||
<option value="Sánchez Ramírez">Sánchez Ramírez</option>
|
||||
<option value="Santiago">Santiago</option>
|
||||
<option value="Santiago Rodríguez">Santiago Rodríguez</option>
|
||||
<option value="Santo Domingo">Santo Domingo</option>
|
||||
<option value="Valverde">Valverde</option>
|
||||
<option value="Distrito Nacional">Distrito Nacional</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 p-sm-0">
|
||||
<div class="form-group">
|
||||
<label for="inputCity">Ciudad</label>
|
||||
<input type="text" placeholder="ej. Distrito Nacional" class="form-control" id="inputCity" required>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 p-sm-0">
|
||||
<div class="form-group">
|
||||
<label for="inputAddress2">Direccíon</label>
|
||||
<input type="text" placeholder="ej. Calle 1 No.2" class="form-control" id="inputAddress2" required>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 p-sm-0">
|
||||
<div class="form-group">
|
||||
<label for="inputAddress2">Direccíon 2</label>
|
||||
<input type="text" placeholder="ej. Villa Juana" class="form-control" id="inputAddress2" required>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 p-sm-0">
|
||||
<div class="form-group">
|
||||
<label for="inputzipcode">Referencia</label>
|
||||
<input type="text" placeholder="ej. Cerca de un edificio azul" class="form-control" id="inputzipcode" required>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 p-sm-0">
|
||||
<div class="form-group">
|
||||
<label for="inputPhone">Teléfono</label>
|
||||
<input type="text" placeholder="ej. 123 456 7890" class="form-control" id="inputPhone" required>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group check-flex mb10">
|
||||
<div class="custom-checkbox mb10">
|
||||
<input type="checkbox" class="custom-control-input" id="inputCheck" required>
|
||||
<label class="custom-control-label" for="inputCheck">Acepto los <a href="#">Terminos y Condiciones</a> y <a href="#">las Politicas de Privacidad</a></label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-6 p-sm-0">
|
||||
<button class="btn"><span>FINALIZAR</span> <i class="las la-check"></i></button>
|
||||
</div>
|
||||
<div class="col-sm-6 p-sm-0">
|
||||
<a class="btn" style="width: 58%; background-color: #E63108"><span>ABRIR EL MAPA</span> <i class="las la-map"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ugf-sidebar flex-bottom ugf-sidebar-bg-2 sidebar-steps">
|
||||
<div class="steps">
|
||||
<div class="step complete-step">
|
||||
<span>1</span>
|
||||
<p>Verificación de Correo</p>
|
||||
</div>
|
||||
<div class="step complete-step">
|
||||
<span>2</span>
|
||||
<p>Categoria</p>
|
||||
</div>
|
||||
<div class="step complete-step">
|
||||
<span>3</span>
|
||||
<p>Detalles de la Cuenta de Negocios</p>
|
||||
</div>
|
||||
<div class="step complete-step">
|
||||
<span>4</span>
|
||||
<p>Detalle de Pagos</p>
|
||||
</div>
|
||||
<div class="step step-onprocess">
|
||||
<span>5</span>
|
||||
<p>Detalle de Facturación</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Optional JavaScript -->
|
||||
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
|
||||
<script src="assets/js/jquery.min.js"></script>
|
||||
<script src="assets/js/popper.min.js"></script>
|
||||
<script src="assets/js/bootstrap.min.js"></script>
|
||||
|
||||
<script src="assets/js/owl.carousel.min.js"></script>
|
||||
|
||||
<script src="assets/js/custom.js"></script>
|
||||
</body>
|
||||
</php>
|
||||
@@ -0,0 +1,150 @@
|
||||
<php lang="en">
|
||||
<head>
|
||||
<!-- Required meta tags -->
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
|
||||
<title>La Pieza.DO | Registro</title>
|
||||
|
||||
<!-- Bootstrap CSS -->
|
||||
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
|
||||
|
||||
<!-- External Css -->
|
||||
<link rel="stylesheet" href="assets/css/line-awesome.min.css">
|
||||
<link rel="stylesheet" href="assets/css/owl.carousel.min.css" />
|
||||
|
||||
<!-- Custom Css -->
|
||||
<link rel="stylesheet" type="text/css" href="assets/css/main.css">
|
||||
<link rel="stylesheet" type="text/css" href="assets/css/theme-1.css">
|
||||
<link rel="stylesheet" href="https://maxst.icons8.com/vue-static/landings/line-awesome/font-awesome-line-awesome/css/all.min.css">
|
||||
<link rel="stylesheet" href="https://maxst.icons8.com/vue-static/landings/line-awesome/line-awesome/1.3.0/css/line-awesome.min.css">
|
||||
<!-- Fonts -->
|
||||
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">
|
||||
|
||||
|
||||
<!-- Favicon -->
|
||||
<link rel="icon" href="assets/images/favicon.png">
|
||||
<link rel="apple-touch-icon" href="assets/images/apple-touch-icon.png">
|
||||
<link rel="apple-touch-icon" sizes="72x72" href="assets/images/icon-72x72.png">
|
||||
<link rel="apple-touch-icon" sizes="114x114" href="assets/images/icon-114x114.png">
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="ugf-wrapper flat-grey-bg">
|
||||
<div class="ugf-content-block">
|
||||
<div class="logo">
|
||||
<a href="../register.php">
|
||||
<!-- <img class="light-logo" src="assets/images/logo.png" alt=""> -->
|
||||
<!-- <img class="" src="assets/images/logo-dark2.png" alt=""> -->
|
||||
</a>
|
||||
</div>
|
||||
<div class="container-md">
|
||||
<div class="row">
|
||||
<div class="col-lg-7 offset-lg-5 p-sm-0">
|
||||
<div class="ugf-content pt150">
|
||||
<a href="personal-account.php" class="prev-page"><i class="las la-arrow-left"></i> Volver Atrás</a>
|
||||
<h2>Detalles de Pago</h2>
|
||||
<p>Escribe los datos de la cuenta de banco donde deseas recibir tus fondos luego de hacer una venta!</p>
|
||||
<form action="business-billing.php" class="account-form">
|
||||
<div class="row">
|
||||
<div class="col-md-6 p-sm-0">
|
||||
<div class="form-group">
|
||||
<label for="inputDate">Nombre del Banco</label>
|
||||
<div class="select-input">
|
||||
<span></span>
|
||||
<select id="inputDate" class="form-control" required>
|
||||
<option value="">Selecciona el Banco</option>
|
||||
<option value="Banco Ademi">Banco Ademi</option>
|
||||
<option value="Banco BDI">Banco BDI</option>
|
||||
<option value="Banco Bellbank">Banco Bellbank</option>
|
||||
<option value="Banco BHD">Banco BHD</option>
|
||||
<option value="Banco Caribe">Banco Caribe</option>
|
||||
<option value="Banco Lafise">Banco Lafise</option>
|
||||
<option value="Banco López de Haro">Banco López de Haro</option>
|
||||
<option value="Banco Múltiple Activo">Banco Múltiple Activo</option>
|
||||
<option value="Banco Popular">Banco Popular</option>
|
||||
<option value="Banco Promerica">Banco Promerica</option>
|
||||
<option value="Banco Santa Cruz">Banco Santa Cruz</option>
|
||||
<option value="Banco Vimenca">Banco Vimenca</option>
|
||||
<option value="Banesco">Banesco</option>
|
||||
<option value="Banreservas">Banreservas</option>
|
||||
<option value="Citibank">Citibank</option>
|
||||
<option value="Scotiabank">Scotiabank</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 p-sm-0">
|
||||
<div class="form-group">
|
||||
<label for="inputDate">Tipo de Cuenta</label>
|
||||
<div class="select-input">
|
||||
<span></span>
|
||||
<select id="inputDate" class="form-control" required>
|
||||
<option value="select" selected>Selecciona Tipo</option>
|
||||
<option value="Ahorros">Ahorros</option>
|
||||
<option value="Corriente">Corriente</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="inputFname">Número de Cuenta</label>
|
||||
<input type="text" placeholder="ej. 0000 0000 0000 0000" class="form-control" id="inputFname" required>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="inputFname">Responsable de la Cuenta</label>
|
||||
<input type="text" placeholder="ej. Juan Pérez" class="form-control" id="inputFname" required>
|
||||
</div>
|
||||
|
||||
<div class="btn-wrap">
|
||||
<button class="btn"><span>Siguiente</span> <i class="las la-arrow-right"></i></button>
|
||||
<a href="business-billing.php">Saltar este paso</a>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ugf-sidebar flex-bottom ugf-sidebar-bg-2 sidebar-steps">
|
||||
<div class="steps">
|
||||
<div class="step complete-step">
|
||||
<span>1</span>
|
||||
<p>Verificación de Correo</p>
|
||||
</div>
|
||||
<div class="step complete-step">
|
||||
<span>2</span>
|
||||
<p>Categoria</p>
|
||||
</div>
|
||||
<div class="step complete-step">
|
||||
<span>3</span>
|
||||
<p>Detalles de la Cuenta Personal</p>
|
||||
</div>
|
||||
<div class="step step-onprocess">
|
||||
<span>4</span>
|
||||
<p>Detalle de Pagos</p>
|
||||
</div>
|
||||
<div class="step">
|
||||
<span>5</span>
|
||||
<p>Detalle de Facturación</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- Optional JavaScript -->
|
||||
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
|
||||
<script src="assets/js/jquery.min.js"></script>
|
||||
<script src="assets/js/popper.min.js"></script>
|
||||
<script src="assets/js/bootstrap.min.js"></script>
|
||||
|
||||
<script src="assets/js/owl.carousel.min.js"></script>
|
||||
|
||||
<script src="assets/js/custom.js"></script>
|
||||
</body>
|
||||
</php>
|
||||
@@ -0,0 +1,145 @@
|
||||
<php lang="en">
|
||||
|
||||
<head>
|
||||
<!-- Required meta tags -->
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
|
||||
<title>La Pieza.DO | Registro</title>
|
||||
|
||||
<!-- Bootstrap CSS -->
|
||||
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
|
||||
|
||||
<!-- External Css -->
|
||||
<link rel="stylesheet" href="assets/css/line-awesome.min.css">
|
||||
<link rel="stylesheet" href="assets/css/owl.carousel.min.css" />
|
||||
<link rel="stylesheet" href="https://maxst.icons8.com/vue-static/landings/line-awesome/font-awesome-line-awesome/css/all.min.css">
|
||||
<link rel="stylesheet" href="https://maxst.icons8.com/vue-static/landings/line-awesome/line-awesome/1.3.0/css/line-awesome.min.css">
|
||||
<!-- Custom Css -->
|
||||
<link rel="stylesheet" type="text/css" href="assets/css/main.css">
|
||||
<link rel="stylesheet" type="text/css" href="assets/css/theme-1.css">
|
||||
|
||||
<!-- Fonts -->
|
||||
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">
|
||||
|
||||
|
||||
<!-- Favicon -->
|
||||
<link rel="icon" href="assets/images/favicon.png">
|
||||
<link rel="apple-touch-icon" href="assets/images/apple-touch-icon.png">
|
||||
<link rel="apple-touch-icon" sizes="72x72" href="assets/images/icon-72x72.png">
|
||||
<link rel="apple-touch-icon" sizes="114x114" href="assets/images/icon-114x114.png">
|
||||
</head>
|
||||
<body>
|
||||
<div class="ugf-wrapper theme-bg">
|
||||
<div class="ugf-content-block">
|
||||
<div class="logo">
|
||||
</div>
|
||||
<div class="container-md">
|
||||
<div class="row">
|
||||
<div class="col-lg-7 offset-lg-5 p-sm-0">
|
||||
<div class="ugf-content pt270">
|
||||
<h2>Bienvenido!</h2>
|
||||
<p>Introduce un correo electrónico válido para completar algunos sencillos pasos <br> para registrar tu cuenta.</p>
|
||||
<form action="email-verification.php" class="form-flex email-form">
|
||||
<div class="form-group">
|
||||
<label for="inputMail">Correo Electrónico</label>
|
||||
<input type="email" placeholder="micorreo@email.com" class="form-control email" id="inputMail" required>
|
||||
</div>
|
||||
<button id="btnSubmit" class="btn"><span>Iniciemos</span> <i class="las la-arrow-right"></i></button>
|
||||
</form>
|
||||
<div id="result"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="alternet-access">
|
||||
<p>Ya tienes una cuenta?<a href="login.php"> Entra aqui!</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ugf-sidebar flex-bottom ugf-sidebar-bg">
|
||||
<div class="testimonial-carousel owl-carousel">
|
||||
<div class="item">
|
||||
<div class="quote">
|
||||
<img src="assets/images/quote.png" alt="">
|
||||
</div>
|
||||
<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</p>
|
||||
<h5 class="name">Ronna E. Gomez</h5>
|
||||
<span class="designation">CEO, Google</span>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="quote">
|
||||
<img src="assets/images/quote.png" alt="">
|
||||
</div>
|
||||
<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</p>
|
||||
<h5 class="name">Ronna E. Gomez</h5>
|
||||
<span class="designation">CEO, Google</span>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="quote">
|
||||
<img src="assets/images/quote.png" alt="">
|
||||
</div>
|
||||
<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</p>
|
||||
<h5 class="name">Ronna E. Gomez</h5>
|
||||
<span class="designation">CEO, Google</span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div class="clients">
|
||||
<div class="client">
|
||||
<img src="assets/images/client/1.png" class="img-fluid" alt="">
|
||||
</div>
|
||||
<div class="client">
|
||||
<img src="assets/images/client/2.png" class="img-fluid" alt="">
|
||||
</div>
|
||||
<div class="client">
|
||||
<img src="assets/images/client/3.png" class="img-fluid" alt="">
|
||||
</div>
|
||||
<div class="client">
|
||||
<img src="assets/images/client/4.png" class="img-fluid" alt="">
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- Optional JavaScript -->
|
||||
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
|
||||
<script src="assets/js/jquery.min.js"></script>
|
||||
<script src="assets/js/popper.min.js"></script>
|
||||
<script src="assets/js/bootstrap.min.js"></script>
|
||||
|
||||
<script src="assets/js/owl.carousel.min.js"></script>
|
||||
|
||||
<script src="assets/js/custom.js"></script>
|
||||
</body>
|
||||
</php>
|
||||
|
||||
<script>
|
||||
// Esperar a que el documento esté listo
|
||||
$(document).ready(function() {
|
||||
// Asignar evento clic al botón
|
||||
var btnSubmit = $("#btnSubmit");
|
||||
// Asignar evento clic al botón
|
||||
btnSubmit.click(function(event) {
|
||||
event.preventDefault(); // Evitar el envío del formulario por defecto
|
||||
|
||||
// Obtener el valor del campo de correo electrónico
|
||||
var correoElectronico = $("#inputMail").val();
|
||||
|
||||
// Validar si el campo de correo electrónico contiene un valor válido de correo
|
||||
if (isValidEmail(correoElectronico)) {
|
||||
// Redireccionar a "email-verification.php"
|
||||
localStorage.setItem("correoElectronico", correoElectronico);
|
||||
window.location.href = "email-verification.php";
|
||||
} else {
|
||||
// Mostrar un mensaje de error en el div con el id "result"
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
function isValidEmail(email) {
|
||||
var emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
|
||||
return emailRegex.test(email);
|
||||
}
|
||||
});
|
||||
</script>
|
||||
275
desarrollo/diseno/registro-form/other-views/personal-account.php
Normal file
275
desarrollo/diseno/registro-form/other-views/personal-account.php
Normal file
@@ -0,0 +1,275 @@
|
||||
<php lang="en">
|
||||
|
||||
<head>
|
||||
<!-- Required meta tags -->
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
|
||||
<title>La Pieza.DO | Registro</title>
|
||||
|
||||
<!-- Bootstrap CSS -->
|
||||
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
|
||||
|
||||
<!-- External Css -->
|
||||
<link rel="stylesheet" href="assets/css/line-awesome.min.css">
|
||||
<link rel="stylesheet" href="assets/css/owl.carousel.min.css" />
|
||||
|
||||
<!-- Custom Css -->
|
||||
<link rel="stylesheet" type="text/css" href="assets/css/main.css">
|
||||
<link rel="stylesheet" type="text/css" href="assets/css/theme-1.css">
|
||||
<link rel="stylesheet" href="https://maxst.icons8.com/vue-static/landings/line-awesome/font-awesome-line-awesome/css/all.min.css">
|
||||
<link rel="stylesheet" href="https://maxst.icons8.com/vue-static/landings/line-awesome/line-awesome/1.3.0/css/line-awesome.min.css">
|
||||
<!-- Fonts -->
|
||||
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">
|
||||
|
||||
|
||||
<!-- Favicon -->
|
||||
<link rel="icon" href="assets/images/favicon.png">
|
||||
<link rel="apple-touch-icon" href="assets/images/apple-touch-icon.png">
|
||||
<link rel="apple-touch-icon" sizes="72x72" href="assets/images/icon-72x72.png">
|
||||
<link rel="apple-touch-icon" sizes="114x114" href="assets/images/icon-114x114.png">
|
||||
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="ugf-wrapper flat-grey-bg">
|
||||
<div class="ugf-content-block">
|
||||
<div class="logo">
|
||||
<a href="../register.php">
|
||||
<!-- <img class="light-logo" src="assets/images/logo.png" alt=""> -->
|
||||
<!-- <img class="" src="assets/images/logo-dark2.png" alt="">
|
||||
</a> -->
|
||||
</div>
|
||||
<div class="container-md">
|
||||
<div class="row">
|
||||
<div class="col-lg-7 offset-lg-5 p-sm-0">
|
||||
<div class="ugf-content pt150">
|
||||
<a href="email-verification.php" class="prev-page"> <i class="las la-arrow-left"></i> Volver Atrás</a>
|
||||
<h2>Detalles de la cuenta personal</h2>
|
||||
<p>Escribe tus informaciones y una contraseña segura para registrar su tienda<!-- continuar al siguiente paso -->.</p>
|
||||
<form class="account-form" action="personal-payments.php">
|
||||
<div class="row">
|
||||
<div class="col-sm-6 p-sm-0">
|
||||
<div class="form-group">
|
||||
<label for="inputFname">Nombres *</label>
|
||||
<input type="text" placeholder="Nombre" class="form-control" id="inputFname" required>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 p-sm-0">
|
||||
<div class="form-group">
|
||||
<label for="inputLname">Apellidos *</label>
|
||||
<input type="text" placeholder="ej. Pérez" class="form-control" id="inputLname" required>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6 p-sm-0">
|
||||
<div class="form-group">
|
||||
<label for="inputPhone">Móvil</label>
|
||||
<input type="text" placeholder="ej. +123 456 7890" class="form-control" id="inputPhone" required>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 p-sm-0">
|
||||
<div class="form-group">
|
||||
<label for="inputDate">Fecha de Nacimiento</label>
|
||||
<div class="birth-date">
|
||||
<div class="select-input birth-date-input">
|
||||
<span></span>
|
||||
<select id="inputDate" class="form-control" required>
|
||||
<option value="">Día</option>
|
||||
<option value="">01</option>
|
||||
<option value="">02</option>
|
||||
<option value="">03</option>
|
||||
<option value="">04</option>
|
||||
<option value="">05</option>
|
||||
<option value="">06</option>
|
||||
<option value="">07</option>
|
||||
<option value="">08</option>
|
||||
<option value="">09</option>
|
||||
<option value="">10</option>
|
||||
<option value="">11</option>
|
||||
<option value="">12</option>
|
||||
<option value="">13</option>
|
||||
<option value="">14</option>
|
||||
<option value="">15</option>
|
||||
<option value="">16</option>
|
||||
<option value="">17</option>
|
||||
<option value="">18</option>
|
||||
<option value="">19</option>
|
||||
<option value="">20</option>
|
||||
<option value="">21</option>
|
||||
<option value="">22</option>
|
||||
<option value="">23</option>
|
||||
<option value="">24</option>
|
||||
<option value="">25</option>
|
||||
<option value="">26</option>
|
||||
<option value="">27</option>
|
||||
<option value="">28</option>
|
||||
<option value="">29</option>
|
||||
<option value="">30</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="select-input birth-date-input">
|
||||
<span></span>
|
||||
<select id="inputDate" class="form-control" required>
|
||||
<option value="">Mes</option>
|
||||
<option value="">01</option>
|
||||
<option value="">02</option>
|
||||
<option value="">03</option>
|
||||
<option value="">04</option>
|
||||
<option value="">05</option>
|
||||
<option value="">06</option>
|
||||
<option value="">07</option>
|
||||
<option value="">08</option>
|
||||
<option value="">09</option>
|
||||
<option value="">10</option>
|
||||
<option value="">11</option>
|
||||
<option value="">12</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="select-input birth-date-input">
|
||||
<span></span>
|
||||
<select id="inputDate" class="form-control" required>
|
||||
<option value="">Año</option>
|
||||
<option value="">1990</option>
|
||||
<option value="">1991</option>
|
||||
<option value="">1992</option>
|
||||
<option value="">1993</option>
|
||||
<option value="">1994</option>
|
||||
<option value="">1995</option>
|
||||
<option value="">1996</option>
|
||||
<option value="">1997</option>
|
||||
<option value="">1998</option>
|
||||
<option value="">1999</option>
|
||||
<option value="">2001</option>
|
||||
<option value="">2002</option>
|
||||
<option value="">2003</option>
|
||||
<option value="">2004</option>
|
||||
<option value="">2005</option>
|
||||
<option value="">2006</option>
|
||||
<option value="">2007</option>
|
||||
<option value="">2008</option>
|
||||
<option value="">2009</option>
|
||||
<option value="">2010</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-6 p-sm-0">
|
||||
<div class="form-group pass-group">
|
||||
<label for="inputPass">Contraseña *</label>
|
||||
<input type="password" placeholder="8+ Caracteres" class="form-control" id="inputPass" required>
|
||||
<div class="pass-toggler-btn">
|
||||
<i id="eye" class="lar la-eye"></i>
|
||||
<i id="eye-slash" class="lar la-eye-slash"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 p-sm-0">
|
||||
<div class="form-group pass-group">
|
||||
<label for="inputPass">Confirmar Contraseña *</label>
|
||||
<input type="password" placeholder="8+ Caracteres" class="form-control" id="inputPass" required>
|
||||
<div class="pass-toggler-btn">
|
||||
<i id="eye" class="lar la-eye"></i>
|
||||
<i id="eye-slash" class="lar la-eye-slash"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group check-gender">
|
||||
<div class="custom-radio">
|
||||
<input type="radio" name="gender" class="custom-control-input" id="Gmale" required>
|
||||
<label class="custom-control-label" for="Gmale">Masculino</label>
|
||||
</div>
|
||||
<div class="custom-radio">
|
||||
<input type="radio" name="gender" class="custom-control-input" id="Gfemale" required>
|
||||
<label class="custom-control-label" for="Gfemale">Femenino</label>
|
||||
</div>
|
||||
</div>
|
||||
<button class="btn btn-width"><span>Registre su tienda</span><i class="las la-arrow-right"></i></button>
|
||||
</form>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ugf-sidebar flex-bottom ugf-sidebar-bg-2 sidebar-steps">
|
||||
<div class="steps">
|
||||
<div class="step complete-step">
|
||||
<span>1</span>
|
||||
<p>Verificación de Correo</p>
|
||||
</div>
|
||||
|
||||
<div class="step step-onprocess">
|
||||
<span>2</span>
|
||||
<p>Detalles de la Cuenta Personal</p>
|
||||
</div>
|
||||
<div class="step">
|
||||
<span>3</span>
|
||||
<p>Detalle de Tienda</p>
|
||||
</div>
|
||||
|
||||
<div class="step complete-step">
|
||||
<span>2</span>
|
||||
<p>Categoria</p>
|
||||
</div>
|
||||
|
||||
<div class="step">
|
||||
<span>4</span>
|
||||
<p>Detalle de Pagos</p>
|
||||
</div>
|
||||
<div class="step">
|
||||
<span>5</span>
|
||||
<p>Detalle de Facturación</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- Optional JavaScript -->
|
||||
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
|
||||
<script src="assets/js/jquery.min.js"></script>
|
||||
<script src="assets/js/popper.min.js"></script>
|
||||
<script src="assets/js/bootstrap.min.js"></script>
|
||||
|
||||
<script src="assets/js/owl.carousel.min.js"></script>
|
||||
|
||||
<script src="assets/js/custom.js"></script>
|
||||
</body>
|
||||
</php>
|
||||
|
||||
|
||||
<script>
|
||||
// Esperar a que el documento esté listo
|
||||
$(document).ready(function() {
|
||||
// Asignar evento clic al botón
|
||||
var btnSubmit = $("#btnSubmit");
|
||||
// Asignar evento clic al botón
|
||||
btnSubmit.click(function(event) {
|
||||
event.preventDefault(); // Evitar el envío del formulario por defecto
|
||||
|
||||
var name = $("#inputFname").val();
|
||||
var password = $("#inputPass").val();
|
||||
|
||||
// valida los campos de nombre y contraseña
|
||||
if ( name && password ) {
|
||||
// Redireccionar a "personal-shop.php"
|
||||
localStorage.setItem("name", name);
|
||||
localStorage.setItem("password", password);
|
||||
|
||||
|
||||
window.location.href = "personal-shop.php";
|
||||
} else {
|
||||
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
179
desarrollo/diseno/registro-form/other-views/personal-billing.php
Normal file
179
desarrollo/diseno/registro-form/other-views/personal-billing.php
Normal file
@@ -0,0 +1,179 @@
|
||||
<php lang="en">
|
||||
<head>
|
||||
<!-- Required meta tags -->
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
|
||||
<title>La Pieza.DO | Registro</title>
|
||||
|
||||
|
||||
<!-- Bootstrap CSS -->
|
||||
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
|
||||
|
||||
<!-- External Css -->
|
||||
<link rel="stylesheet" href="assets/css/line-awesome.min.css">
|
||||
<link rel="stylesheet" href="assets/css/owl.carousel.min.css" />
|
||||
<link rel="stylesheet" href="https://maxst.icons8.com/vue-static/landings/line-awesome/font-awesome-line-awesome/css/all.min.css">
|
||||
<link rel="stylesheet" href="https://maxst.icons8.com/vue-static/landings/line-awesome/line-awesome/1.3.0/css/line-awesome.min.css">
|
||||
<!-- Custom Css -->
|
||||
<link rel="stylesheet" type="text/css" href="assets/css/main.css">
|
||||
<link rel="stylesheet" type="text/css" href="assets/css/theme-1.css">
|
||||
|
||||
<!-- Fonts -->
|
||||
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">
|
||||
|
||||
|
||||
|
||||
<!-- Favicon -->
|
||||
<link rel="icon" href="assets/images/favicon.png">
|
||||
<link rel="apple-touch-icon" href="assets/images/apple-touch-icon.png">
|
||||
<link rel="apple-touch-icon" sizes="72x72" href="assets/images/icon-72x72.png">
|
||||
<link rel="apple-touch-icon" sizes="114x114" href="assets/images/icon-114x114.png">
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="ugf-wrapper flat-grey-bg">
|
||||
<div class="ugf-content-block">
|
||||
<div class="logo">
|
||||
<a href="../register.php">
|
||||
<!-- <img class="" src="assets/images/logo-dark2.png" alt=""> -->
|
||||
</a>
|
||||
</div>
|
||||
<div class="container-md">
|
||||
<div class="row">
|
||||
<div class="col-lg-7 offset-lg-5 p-sm-0">
|
||||
<div class="ugf-content pt150">
|
||||
<a href="personal-payments.php" class="prev-page"><i class="las la-arrow-left"></i> Volver Atrás</a>
|
||||
<h2>Dirección de Facturación</h2>
|
||||
<p>Escribe los detalles de facturación de tu negocio, también puedes elegir tu ubicación en el mapa!</p>
|
||||
<form action="signup-complete.php" class="account-form">
|
||||
<div class="row">
|
||||
<div class="col-sm-6 p-sm-0">
|
||||
<div class="form-group country-select">
|
||||
<label for="inputCountry">Selecciona tu Provincia</label>
|
||||
<div class="select-input choose-country">
|
||||
<span></span>
|
||||
<select id="inputCountry" class="form-control" required>
|
||||
<option value="Seleccione" selected>Seleccione Provincia</option>
|
||||
<option value="Distrito Nacional">Distrito Nacional</option>
|
||||
<option value="Azua">Azua</option>
|
||||
<option value="Bahoruco">Bahoruco</option>
|
||||
<option value="Barahona">Barahona</option>
|
||||
<option value="Dajabón">Dajabón</option>
|
||||
<option value="Duarte">Duarte</option>
|
||||
<option value="El Seibo">El Seibo</option>
|
||||
<option value="Elias Piña">Elias Piña</option>
|
||||
<option value="Espaillat">Espaillat</option>
|
||||
<option value="Hato Mayor">Hato Mayor</option>
|
||||
<option value="Hermanas Mirabal">Hermanas Mirabal</option>
|
||||
<option value="Independencia">Independencia</option>
|
||||
<option value="La Altagracia">La Altagracia</option>
|
||||
<option value="La Romana">La Romana</option>
|
||||
<option value="La Vega">La Vega</option>
|
||||
<option value="Maria Trinidad Sanchez">Maria Trinidad Sanchez</option>
|
||||
<option value="Monseñor Nouel">Monseñor Nouel</option>
|
||||
<option value="Monte Cristi">Monte Cristi</option>
|
||||
<option value="Monte Plata">Monte Plata</option>
|
||||
<option value="Pedernales">Pedernales</option>
|
||||
<option value="Peravia">Peravia</option>
|
||||
<option value="Puerto Plata">Puerto Plata</option>
|
||||
<option value="Samaná">Samaná</option>
|
||||
<option value="San Cristobal">San Cristobal</option>
|
||||
<option value="San Jose de Ocoa">San Jose de Ocoa</option>
|
||||
<option value="San Juan">San Juan</option>
|
||||
<option value="San Pedro de Macorís">San Pedro de Macorís</option>
|
||||
<option value="Sánchez Ramírez">Sánchez Ramírez</option>
|
||||
<option value="Santiago">Santiago</option>
|
||||
<option value="Santiago Rodríguez">Santiago Rodríguez</option>
|
||||
<option value="Santo Domingo">Santo Domingo</option>
|
||||
<option value="Valverde">Valverde</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 p-sm-0">
|
||||
<div class="form-group">
|
||||
<label for="inputCity">Ciudad</label>
|
||||
<input type="text" placeholder="ej. Distrito Nacional" class="form-control" id="inputCity" required>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 p-sm-0">
|
||||
<div class="form-group">
|
||||
<label for="inputAddress2">Direccíon</label>
|
||||
<input type="text" placeholder="ej. Calle 1 No.2" class="form-control" id="inputAddress2" required>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 p-sm-0">
|
||||
<div class="form-group">
|
||||
<label for="inputAddress2">Direccíon 2</label>
|
||||
<input type="text" placeholder="ej. Villa Juana" class="form-control" id="inputAddress2" required>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 p-sm-0">
|
||||
<div class="form-group">
|
||||
<label for="inputzipcode">Referencia</label>
|
||||
<input type="text" placeholder="ej. Cerca de un edificio azul" class="form-control" id="inputzipcode" required>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 p-sm-0">
|
||||
<div class="form-group">
|
||||
<label for="inputPhone">Teléfono</label>
|
||||
<input type="text" placeholder="ej. 123 456 7890" class="form-control" id="inputPhone" required>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group check-flex mb10">
|
||||
<div class="custom-checkbox mb10">
|
||||
<input type="checkbox" class="custom-control-input" id="inputCheck" required>
|
||||
<label class="custom-control-label" for="inputCheck">Acepto los <a href="#">Terminos y Condiciones</a> y <a href="#">las Politicas de Privacidad</a></label>
|
||||
</div>
|
||||
</div>
|
||||
<button class="btn"><span>FINALIZAR</span> <i class="las la-check"></i></button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ugf-sidebar flex-bottom ugf-sidebar-bg-2 sidebar-steps">
|
||||
<div class="steps">
|
||||
<div class="step complete-step">
|
||||
<span>1</span>
|
||||
<p>Verificación de Correo</p>
|
||||
</div>
|
||||
<div class="step complete-step">
|
||||
<span>2</span>
|
||||
<p>Categoria</p>
|
||||
</div>
|
||||
<div class="step complete-step">
|
||||
<span>3</span>
|
||||
<p>Detalles de la Cuenta Personal</p>
|
||||
</div>
|
||||
<div class="step complete-step">
|
||||
<span>4</span>
|
||||
<p>Detalle de Pagos</p>
|
||||
</div>
|
||||
<div class="step step-onprocess">
|
||||
<span>5</span>
|
||||
<p>Detalle de Facturación</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Optional JavaScript -->
|
||||
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
|
||||
<script src="assets/js/jquery.min.js"></script>
|
||||
<script src="assets/js/popper.min.js"></script>
|
||||
<script src="assets/js/bootstrap.min.js"></script>
|
||||
|
||||
<script src="assets/js/owl.carousel.min.js"></script>
|
||||
|
||||
<script src="assets/js/custom.js"></script>
|
||||
</body>
|
||||
</php>
|
||||
@@ -0,0 +1,150 @@
|
||||
<php lang="en">
|
||||
<head>
|
||||
<!-- Required meta tags -->
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
|
||||
<title>La Pieza.DO | Registro</title>
|
||||
|
||||
<!-- Bootstrap CSS -->
|
||||
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
|
||||
|
||||
<!-- External Css -->
|
||||
<link rel="stylesheet" href="assets/css/line-awesome.min.css">
|
||||
<link rel="stylesheet" href="assets/css/owl.carousel.min.css" />
|
||||
|
||||
<!-- Custom Css -->
|
||||
<link rel="stylesheet" type="text/css" href="assets/css/main.css">
|
||||
<link rel="stylesheet" type="text/css" href="assets/css/theme-1.css">
|
||||
<link rel="stylesheet" href="https://maxst.icons8.com/vue-static/landings/line-awesome/font-awesome-line-awesome/css/all.min.css">
|
||||
<link rel="stylesheet" href="https://maxst.icons8.com/vue-static/landings/line-awesome/line-awesome/1.3.0/css/line-awesome.min.css">
|
||||
<!-- Fonts -->
|
||||
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">
|
||||
|
||||
|
||||
<!-- Favicon -->
|
||||
<link rel="icon" href="assets/images/favicon.png">
|
||||
<link rel="apple-touch-icon" href="assets/images/apple-touch-icon.png">
|
||||
<link rel="apple-touch-icon" sizes="72x72" href="assets/images/icon-72x72.png">
|
||||
<link rel="apple-touch-icon" sizes="114x114" href="assets/images/icon-114x114.png">
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="ugf-wrapper flat-grey-bg">
|
||||
<div class="ugf-content-block">
|
||||
<div class="logo">
|
||||
<a href="../register.php">
|
||||
<!-- <img class="light-logo" src="assets/images/logo.png" alt=""> -->
|
||||
<!-- <img class="" src="assets/images/logo-dark2.png" alt=""> -->
|
||||
</a>
|
||||
</div>
|
||||
<div class="container-md">
|
||||
<div class="row">
|
||||
<div class="col-lg-7 offset-lg-5 p-sm-0">
|
||||
<div class="ugf-content pt150">
|
||||
<a href="personal-account.php" class="prev-page"><i class="las la-arrow-left"></i> Volver Atrás</a>
|
||||
<h2>Detalles de Pago</h2>
|
||||
<p>Escribe los datos de la cuenta de banco donde deseas recibir tus fondos luego de hacer una venta!</p>
|
||||
<form action="personal-billing.php" class="account-form">
|
||||
<div class="row">
|
||||
<div class="col-md-6 p-sm-0">
|
||||
<div class="form-group">
|
||||
<label for="inputDate">Nombre del Banco</label>
|
||||
<div class="select-input">
|
||||
<span></span>
|
||||
<select id="inputDate" class="form-control" required>
|
||||
<option value="">Selecciona el Banco</option>
|
||||
<option value="Banco Ademi">Banco Ademi</option>
|
||||
<option value="Banco BDI">Banco BDI</option>
|
||||
<option value="Banco Bellbank">Banco Bellbank</option>
|
||||
<option value="Banco BHD">Banco BHD</option>
|
||||
<option value="Banco Caribe">Banco Caribe</option>
|
||||
<option value="Banco Lafise">Banco Lafise</option>
|
||||
<option value="Banco López de Haro">Banco López de Haro</option>
|
||||
<option value="Banco Múltiple Activo">Banco Múltiple Activo</option>
|
||||
<option value="Banco Popular">Banco Popular</option>
|
||||
<option value="Banco Promerica">Banco Promerica</option>
|
||||
<option value="Banco Santa Cruz">Banco Santa Cruz</option>
|
||||
<option value="Banco Vimenca">Banco Vimenca</option>
|
||||
<option value="Banesco">Banesco</option>
|
||||
<option value="Banreservas">Banreservas</option>
|
||||
<option value="Citibank">Citibank</option>
|
||||
<option value="Scotiabank">Scotiabank</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 p-sm-0">
|
||||
<div class="form-group">
|
||||
<label for="inputDate">Tipo de Cuenta</label>
|
||||
<div class="select-input">
|
||||
<span></span>
|
||||
<select id="inputDate" class="form-control" required>
|
||||
<option value="select" selected>Selecciona Tipo</option>
|
||||
<option value="Ahorros">Ahorros</option>
|
||||
<option value="Corriente">Corriente</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="inputFname">Número de Cuenta</label>
|
||||
<input type="text" placeholder="ej. 0000 0000 0000 0000" class="form-control" id="inputFname" required>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="inputFname">Responsable de la Cuenta</label>
|
||||
<input type="text" placeholder="ej. Juan Pérez" class="form-control" id="inputFname" required>
|
||||
</div>
|
||||
|
||||
<div class="btn-wrap">
|
||||
<button class="btn"><span>Siguiente</span> <i class="las la-arrow-right"></i></button>
|
||||
<a href="personal-billing.php">Saltar este paso</a>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ugf-sidebar flex-bottom ugf-sidebar-bg-2 sidebar-steps">
|
||||
<div class="steps">
|
||||
<div class="step complete-step">
|
||||
<span>1</span>
|
||||
<p>Verificación de Correo</p>
|
||||
</div>
|
||||
<div class="step complete-step">
|
||||
<span>2</span>
|
||||
<p>Categoria</p>
|
||||
</div>
|
||||
<div class="step complete-step">
|
||||
<span>3</span>
|
||||
<p>Detalles de la Cuenta Personal</p>
|
||||
</div>
|
||||
<div class="step step-onprocess">
|
||||
<span>4</span>
|
||||
<p>Detalle de Pagos</p>
|
||||
</div>
|
||||
<div class="step">
|
||||
<span>5</span>
|
||||
<p>Detalle de Facturación</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- Optional JavaScript -->
|
||||
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
|
||||
<script src="assets/js/jquery.min.js"></script>
|
||||
<script src="assets/js/popper.min.js"></script>
|
||||
<script src="assets/js/bootstrap.min.js"></script>
|
||||
|
||||
<script src="assets/js/owl.carousel.min.js"></script>
|
||||
|
||||
<script src="assets/js/custom.js"></script>
|
||||
</body>
|
||||
</php>
|
||||
174
desarrollo/diseno/registro-form/other-views/personal-shop.php
Normal file
174
desarrollo/diseno/registro-form/other-views/personal-shop.php
Normal file
@@ -0,0 +1,174 @@
|
||||
<php lang="en">
|
||||
|
||||
<head>
|
||||
<!-- Required meta tags -->
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
|
||||
<title>La Pieza.DO | Registro</title>
|
||||
|
||||
<!-- Bootstrap CSS -->
|
||||
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
|
||||
|
||||
<!-- External Css -->
|
||||
<link rel="stylesheet" href="assets/css/line-awesome.min.css">
|
||||
<link rel="stylesheet" href="assets/css/owl.carousel.min.css" />
|
||||
|
||||
<!-- Custom Css -->
|
||||
<link rel="stylesheet" type="text/css" href="assets/css/main.css">
|
||||
<link rel="stylesheet" type="text/css" href="assets/css/theme-1.css">
|
||||
<link rel="stylesheet" href="https://maxst.icons8.com/vue-static/landings/line-awesome/font-awesome-line-awesome/css/all.min.css">
|
||||
<link rel="stylesheet" href="https://maxst.icons8.com/vue-static/landings/line-awesome/line-awesome/1.3.0/css/line-awesome.min.css">
|
||||
<!-- Fonts -->
|
||||
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">
|
||||
|
||||
|
||||
<!-- Favicon -->
|
||||
<link rel="icon" href="assets/images/favicon.png">
|
||||
<link rel="apple-touch-icon" href="assets/images/apple-touch-icon.png">
|
||||
<link rel="apple-touch-icon" sizes="72x72" href="assets/images/icon-72x72.png">
|
||||
<link rel="apple-touch-icon" sizes="114x114" href="assets/images/icon-114x114.png">
|
||||
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="ugf-wrapper flat-grey-bg">
|
||||
<div class="ugf-content-block">
|
||||
<div class="logo">
|
||||
<a href="../register.php">
|
||||
<!-- <img class="light-logo" src="assets/images/logo.png" alt=""> -->
|
||||
<!-- <img class="" src="assets/images/logo-dark2.png" alt="">
|
||||
</a> -->
|
||||
</div>
|
||||
<div class="container-md">
|
||||
<div class="row">
|
||||
<div class="col-lg-7 offset-lg-5 p-sm-0">
|
||||
<div class="ugf-content pt150">
|
||||
<a href="personal-account.php" class="prev-page"> <i class="las la-arrow-left"></i> Volver Atrás</a>
|
||||
<h2>Detalles de la tienda</h2>
|
||||
<form class="account-form">
|
||||
|
||||
<!-- Datos de la tienda -->
|
||||
<div class="ugf-content">
|
||||
<h2></h2>
|
||||
<br>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-sm-12 p-sm-0">
|
||||
<div class="form-group">
|
||||
<label for="inputFname">Nombre de tienda *</label>
|
||||
<input type="text" placeholder="Nombre de la tienda" class="form-control" id="shopName" required>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12 p-sm-0">
|
||||
<div class="form-group">
|
||||
<label for="inputLname">Dirección *</label>
|
||||
<input type="text" placeholder="Dirección" class="form-control" id="shopAddress" required>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<button id="btnSubmit" class="btn"><span>Registre su tienda</span><i class="las la-arrow-right"></i></button>
|
||||
</form>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ugf-sidebar flex-bottom ugf-sidebar-bg-2 sidebar-steps">
|
||||
<div class="steps">
|
||||
<div class="step complete-step">
|
||||
<span>1</span>
|
||||
<p>Verificación de Correo</p>
|
||||
</div>
|
||||
|
||||
<div class="step ">
|
||||
<span>2</span>
|
||||
<p>Detalles de la Cuenta Personal</p>
|
||||
</div>
|
||||
<div class="step step-onprocess">
|
||||
<span>3</span>
|
||||
<p>Detalle de Tienda</p>
|
||||
</div>
|
||||
|
||||
<!-- by joan -->
|
||||
<!--
|
||||
<div class="step complete-step">
|
||||
<span>2</span>
|
||||
<p>Categoria</p>
|
||||
</div> -->
|
||||
|
||||
<!-- <div class="step">
|
||||
<span>4</span>
|
||||
<p>Detalle de Pagos</p>
|
||||
</div>
|
||||
<div class="step">
|
||||
<span>5</span>
|
||||
<p>Detalle de Facturación</p>
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- Optional JavaScript -->
|
||||
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
|
||||
<script src="assets/js/jquery.min.js"></script>
|
||||
<script src="assets/js/popper.min.js"></script>
|
||||
<script src="assets/js/bootstrap.min.js"></script>
|
||||
|
||||
<script src="assets/js/owl.carousel.min.js"></script>
|
||||
|
||||
<script src="assets/js/custom.js"></script>
|
||||
</body>
|
||||
</php>
|
||||
|
||||
<script>
|
||||
// Esperar a que el documento esté listo
|
||||
$(document).ready(function() {
|
||||
// Asignar evento clic al botón
|
||||
var btnSubmit = $("#btnSubmit");
|
||||
// Asignar evento clic al botón
|
||||
btnSubmit.click(function(event) {
|
||||
event.preventDefault(); // Evitar el envío del formulario por defecto
|
||||
|
||||
|
||||
var shopName = $("#shopName").val();
|
||||
var shopAddress = $("#shopAddress").val();
|
||||
|
||||
// valida los campos de nombre y contraseña
|
||||
if (shopName && shopAddress) {
|
||||
|
||||
var dataToSend = {
|
||||
email: localStorage.getItem("correoElectronico"),
|
||||
name: localStorage.getItem("name"),
|
||||
password: localStorage.getItem("password"),
|
||||
shop_name: shopName,
|
||||
address: shopAddress
|
||||
};
|
||||
|
||||
console.log(dataToSend)
|
||||
|
||||
// Envía los datos a un servidor utilizando AJAX
|
||||
/* $.ajax({
|
||||
url: "url_del_servidor",
|
||||
type: "POST",
|
||||
data: dataToSend,
|
||||
success: function(response) {
|
||||
console.log("Datos enviados exitosamente.");
|
||||
},
|
||||
error: function(xhr, status, error) {
|
||||
console.log("Error al enviar los datos.");
|
||||
}
|
||||
}); */
|
||||
|
||||
} else {
|
||||
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
234
desarrollo/diseno/registro-form/other-views/personal.php
Normal file
234
desarrollo/diseno/registro-form/other-views/personal.php
Normal file
@@ -0,0 +1,234 @@
|
||||
<php lang="en">
|
||||
<head>
|
||||
<!-- Required meta tags -->
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
|
||||
<title>La Pieza.DO | Registro</title>
|
||||
|
||||
<!-- Bootstrap CSS -->
|
||||
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
|
||||
|
||||
<!-- External Css -->
|
||||
<link rel="stylesheet" href="assets/css/line-awesome.min.css">
|
||||
<link rel="stylesheet" href="assets/css/owl.carousel.min.css" />
|
||||
|
||||
<!-- Custom Css -->
|
||||
<link rel="stylesheet" type="text/css" href="assets/css/main.css">
|
||||
<link rel="stylesheet" type="text/css" href="assets/css/theme-1.css">
|
||||
<link rel="stylesheet" href="https://maxst.icons8.com/vue-static/landings/line-awesome/font-awesome-line-awesome/css/all.min.css">
|
||||
<link rel="stylesheet" href="https://maxst.icons8.com/vue-static/landings/line-awesome/line-awesome/1.3.0/css/line-awesome.min.css">
|
||||
<!-- Fonts -->
|
||||
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">
|
||||
|
||||
|
||||
<!-- Favicon -->
|
||||
<link rel="icon" href="assets/images/favicon.png">
|
||||
<link rel="apple-touch-icon" href="assets/images/apple-touch-icon.png">
|
||||
<link rel="apple-touch-icon" sizes="72x72" href="assets/images/icon-72x72.png">
|
||||
<link rel="apple-touch-icon" sizes="114x114" href="assets/images/icon-114x114.png">
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="ugf-wrapper flat-grey-bg">
|
||||
<div class="ugf-content-block">
|
||||
<div class="logo">
|
||||
<a href="../register.php">
|
||||
<!-- <img class="light-logo" src="assets/images/logo.png" alt=""> -->
|
||||
<!-- <img class="" src="assets/images/logo-dark2.png" alt="">
|
||||
</a> -->
|
||||
</div>
|
||||
<div class="container-md">
|
||||
<div class="row">
|
||||
<div class="col-lg-7 offset-lg-5 p-sm-0">
|
||||
<div class="ugf-content pt150">
|
||||
<a href="account-category.php"class="prev-page"> <i class="las la-arrow-left"></i> Volver Atrás</a>
|
||||
<h2>Detalles de la cuenta personal</h2>
|
||||
<p>Escribe tus informaciones y una contraseña segura para continuar al siguiente paso.</p>
|
||||
<form action="personal-payments.php" class="account-form">
|
||||
<div class="row">
|
||||
<div class="col-sm-6 p-sm-0">
|
||||
<div class="form-group">
|
||||
<label for="inputFname">Nombres</label>
|
||||
<input type="text" placeholder="ej. Juan" class="form-control" id="inputFname">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 p-sm-0">
|
||||
<div class="form-group">
|
||||
<label for="inputLname">Apellidos</label>
|
||||
<input type="text" placeholder="ej. Pérez" class="form-control" id="inputLname">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 p-sm-0">
|
||||
<div class="form-group">
|
||||
<label for="inputPhone">Móvil</label>
|
||||
<input type="text" placeholder="ej. +123 456 7890" class="form-control" id="inputPhone">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 p-sm-0">
|
||||
<div class="form-group">
|
||||
<label for="inputDate">Fecha de Nacimiento</label>
|
||||
<div class="birth-date">
|
||||
<div class="select-input birth-date-input">
|
||||
<span></span>
|
||||
<select id="inputDate" class="form-control">
|
||||
<option value="">Día</option>
|
||||
<option value="">01</option>
|
||||
<option value="">02</option>
|
||||
<option value="">03</option>
|
||||
<option value="">04</option>
|
||||
<option value="">05</option>
|
||||
<option value="">06</option>
|
||||
<option value="">07</option>
|
||||
<option value="">08</option>
|
||||
<option value="">09</option>
|
||||
<option value="">10</option>
|
||||
<option value="">11</option>
|
||||
<option value="">12</option>
|
||||
<option value="">13</option>
|
||||
<option value="">14</option>
|
||||
<option value="">15</option>
|
||||
<option value="">16</option>
|
||||
<option value="">17</option>
|
||||
<option value="">18</option>
|
||||
<option value="">19</option>
|
||||
<option value="">20</option>
|
||||
<option value="">21</option>
|
||||
<option value="">22</option>
|
||||
<option value="">23</option>
|
||||
<option value="">24</option>
|
||||
<option value="">25</option>
|
||||
<option value="">26</option>
|
||||
<option value="">27</option>
|
||||
<option value="">28</option>
|
||||
<option value="">29</option>
|
||||
<option value="">30</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="select-input birth-date-input">
|
||||
<span></span>
|
||||
<select id="inputDate" class="form-control">
|
||||
<option value="">Mes</option>
|
||||
<option value="">01</option>
|
||||
<option value="">02</option>
|
||||
<option value="">03</option>
|
||||
<option value="">04</option>
|
||||
<option value="">05</option>
|
||||
<option value="">06</option>
|
||||
<option value="">07</option>
|
||||
<option value="">08</option>
|
||||
<option value="">09</option>
|
||||
<option value="">10</option>
|
||||
<option value="">11</option>
|
||||
<option value="">12</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="select-input birth-date-input">
|
||||
<span></span>
|
||||
<select id="inputDate" class="form-control">
|
||||
<option value="">Año</option>
|
||||
<option value="">1990</option>
|
||||
<option value="">1991</option>
|
||||
<option value="">1992</option>
|
||||
<option value="">1993</option>
|
||||
<option value="">1994</option>
|
||||
<option value="">1995</option>
|
||||
<option value="">1996</option>
|
||||
<option value="">1997</option>
|
||||
<option value="">1998</option>
|
||||
<option value="">1999</option>
|
||||
<option value="">2001</option>
|
||||
<option value="">2002</option>
|
||||
<option value="">2003</option>
|
||||
<option value="">2004</option>
|
||||
<option value="">2005</option>
|
||||
<option value="">2006</option>
|
||||
<option value="">2007</option>
|
||||
<option value="">2008</option>
|
||||
<option value="">2009</option>
|
||||
<option value="">2010</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-6 p-sm-0">
|
||||
<div class="form-group pass-group">
|
||||
<label for="inputPass">Contraseña</label>
|
||||
<input type="password" placeholder="8+ Caracteres" class="form-control" id="inputPass">
|
||||
<div class="pass-toggler-btn">
|
||||
<i id="eye" class="lar la-eye"></i>
|
||||
<i id="eye-slash" class="lar la-eye-slash"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 p-sm-0">
|
||||
<div class="form-group pass-group">
|
||||
<label for="inputPass">Confirmar Contraseña</label>
|
||||
<input type="password" placeholder="8+ Caracteres" class="form-control" id="inputPass">
|
||||
<div class="pass-toggler-btn">
|
||||
<i id="eye" class="lar la-eye"></i>
|
||||
<i id="eye-slash" class="lar la-eye-slash"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group check-gender">
|
||||
<div class="custom-radio">
|
||||
<input type="radio" name="gender" class="custom-control-input" id="Gmale" required>
|
||||
<label class="custom-control-label" for="Gmale">Masculino</label>
|
||||
</div>
|
||||
<div class="custom-radio">
|
||||
<input type="radio" name="gender" class="custom-control-input" id="Gfemale" required>
|
||||
<label class="custom-control-label" for="Gfemale">Femenino</label>
|
||||
</div>
|
||||
</div>
|
||||
<button class="btn"><span>Siguiente</span><i class="las la-arrow-right"></i></button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ugf-sidebar flex-bottom ugf-sidebar-bg-2 sidebar-steps">
|
||||
<div class="steps">
|
||||
<div class="step complete-step">
|
||||
<span>1</span>
|
||||
<p>Verificación de Correo</p>
|
||||
</div>
|
||||
<div class="step complete-step">
|
||||
<span>2</span>
|
||||
<p>Categoria</p>
|
||||
</div>
|
||||
<div class="step step-onprocess">
|
||||
<span>3</span>
|
||||
<p>Detalles de la Cuenta Personal</p>
|
||||
</div>
|
||||
<div class="step">
|
||||
<span>4</span>
|
||||
<p>Detalle de Pagos</p>
|
||||
</div>
|
||||
<div class="step">
|
||||
<span>5</span>
|
||||
<p>Detalle de Facturación</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- Optional JavaScript -->
|
||||
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
|
||||
<script src="assets/js/jquery.min.js"></script>
|
||||
<script src="assets/js/popper.min.js"></script>
|
||||
<script src="assets/js/bootstrap.min.js"></script>
|
||||
|
||||
<script src="assets/js/owl.carousel.min.js"></script>
|
||||
|
||||
<script src="assets/js/custom.js"></script>
|
||||
</body>
|
||||
</php>
|
||||
Reference in New Issue
Block a user