Nuevos cambios hechos de diseño
This commit is contained in:
ellecio2
121
desarrollo2/diseno/registro-form/assets/css/bootstrap.min.css
vendored
Normal file
121
desarrollo2/diseno/registro-form/assets/css/bootstrap.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
BIN
desarrollo2/diseno/registro-form/assets/css/desktop.ini
Normal file
BIN
desarrollo2/diseno/registro-form/assets/css/desktop.ini
Normal file
Binary file not shown.
1
desarrollo2/diseno/registro-form/assets/css/line-awesome.min.css
vendored
Normal file
1
desarrollo2/diseno/registro-form/assets/css/line-awesome.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
266
desarrollo2/diseno/registro-form/assets/css/main.css
vendored
Normal file
266
desarrollo2/diseno/registro-form/assets/css/main.css
vendored
Normal file
@@ -0,0 +1,266 @@
|
||||
/*=======================================================================
|
||||
* Template Name: Anfra
|
||||
* Template URI: http://uigigs.com/html/Anfra
|
||||
* Author: Uigigs
|
||||
* Author URI: http://uigigs.com/
|
||||
* Description: Virtual Corona Prediction
|
||||
* Version: 1.0
|
||||
* License: GPL v2 or later
|
||||
* License URI: http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
|
||||
* Tags: html, template, Anfra, Covid19, Virtual Corona Test, Corona
|
||||
======================================================================= */
|
||||
/*----------------------------------------------
|
||||
1.0 General Style
|
||||
-----------------------------------------------*/
|
||||
.pt30 {
|
||||
padding-top: 30px;
|
||||
}
|
||||
|
||||
.pb30 {
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
|
||||
.pt40 {
|
||||
padding-top: 40px;
|
||||
}
|
||||
|
||||
.pb40 {
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
|
||||
.pt60 {
|
||||
padding-top: 60px;
|
||||
}
|
||||
|
||||
.pb60 {
|
||||
padding-bottom: 60px;
|
||||
}
|
||||
|
||||
.pt70 {
|
||||
padding-top: 70px;
|
||||
}
|
||||
|
||||
.pb70 {
|
||||
padding-bottom: 70px;
|
||||
}
|
||||
|
||||
.pt80 {
|
||||
padding-top: 80px;
|
||||
}
|
||||
|
||||
.pb80 {
|
||||
padding-bottom: 80px;
|
||||
}
|
||||
|
||||
.pt100 {
|
||||
padding-top: 100px;
|
||||
}
|
||||
|
||||
.pb100 {
|
||||
padding-bottom: 100px;
|
||||
}
|
||||
|
||||
.pt130 {
|
||||
padding-top: 130px;
|
||||
}
|
||||
|
||||
.pb130 {
|
||||
padding-bottom: 130px;
|
||||
}
|
||||
|
||||
.pt150 {
|
||||
padding-top: 150px;
|
||||
}
|
||||
|
||||
.pb150 {
|
||||
padding-bottom: 150px;
|
||||
}
|
||||
|
||||
.pt180 {
|
||||
padding-top: 180px;
|
||||
}
|
||||
|
||||
.pb180 {
|
||||
padding-bottom: 180px;
|
||||
}
|
||||
|
||||
.pt200 {
|
||||
padding-top: 200px;
|
||||
}
|
||||
|
||||
.pb200 {
|
||||
padding-bottom: 200px;
|
||||
}
|
||||
|
||||
.mt10 {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.mb10 {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.mt20 {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.mb20 {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
html {
|
||||
font-size: 62.5%;
|
||||
}
|
||||
|
||||
body {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-family: "Roboto", sans-serif;
|
||||
font-size: 1.4rem;
|
||||
line-height: 1.85;
|
||||
color: #546274;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: "Roboto", sans-serif;
|
||||
font-weight: 700;
|
||||
line-height: 1.3;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
color: inherit;
|
||||
}
|
||||
h1 a,
|
||||
h2 a,
|
||||
h3 a,
|
||||
h4 a,
|
||||
h5 a,
|
||||
h6 a {
|
||||
color: inherit;
|
||||
}
|
||||
h1 a:hover,
|
||||
h2 a:hover,
|
||||
h3 a:hover,
|
||||
h4 a:hover,
|
||||
h5 a:hover,
|
||||
h6 a:hover {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 6.4rem;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 4.8rem;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 3.6rem;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: 2.8rem;
|
||||
}
|
||||
|
||||
h5 {
|
||||
font-size: 2.2rem;
|
||||
}
|
||||
|
||||
h6 {
|
||||
font-size: 1.8rem;
|
||||
}
|
||||
|
||||
p {
|
||||
line-height: 1.85;
|
||||
font-size: 1.4rem;
|
||||
color: #546274;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
a {
|
||||
-o-transition: all 0.3s ease;
|
||||
transition: all 0.3s ease;
|
||||
-ms-transition: all 0.3s ease;
|
||||
-moz-transition: all 0.3s ease;
|
||||
-webkit-transition: all 0.3s ease;
|
||||
outline: none;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a,
|
||||
a:hover,
|
||||
a:focus {
|
||||
text-decoration: none;
|
||||
display: inline-block;
|
||||
color: inherit;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
textarea {
|
||||
resize: none;
|
||||
}
|
||||
|
||||
input::-webkit-input-placeholder,
|
||||
.form-control::-webkit-input-placeholder {
|
||||
color: #546274;
|
||||
}
|
||||
input:-moz-placeholder,
|
||||
.form-control:-moz-placeholder {
|
||||
color: #546274;
|
||||
}
|
||||
input::-moz-placeholder,
|
||||
.form-control::-moz-placeholder {
|
||||
color: #546274;
|
||||
}
|
||||
input:-ms-input-placeholder,
|
||||
.form-control:-ms-input-placeholder {
|
||||
color: #546274;
|
||||
}
|
||||
|
||||
button, .btn {
|
||||
border: 0;
|
||||
background: transparent;
|
||||
outline: none;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.primary-color {
|
||||
color: #1e85ff;
|
||||
}
|
||||
|
||||
.primary-bg {
|
||||
background: #1e85ff;
|
||||
}
|
||||
|
||||
.white-text {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.white-bg {
|
||||
background: #ffffff;
|
||||
}
|
||||
|
||||
.ugf-bg {
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
/*------------------------------------------
|
||||
Responsive
|
||||
-------------------------------------------*/
|
||||
@media (max-width: 991px) {
|
||||
.right-content-md {
|
||||
margin-top: 30px;
|
||||
}
|
||||
}
|
||||
@media all and (max-width: 767px) {
|
||||
.right-content-sm {
|
||||
margin-top: 30px;
|
||||
}
|
||||
}
|
||||
6
desarrollo2/diseno/registro-form/assets/css/owl.carousel.min.css
vendored
Normal file
6
desarrollo2/diseno/registro-form/assets/css/owl.carousel.min.css
vendored
Normal file
@@ -0,0 +1,6 @@
|
||||
/**
|
||||
* Owl Carousel v2.3.4
|
||||
* Copyright 2013-2018 David Deutsch
|
||||
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
|
||||
*/
|
||||
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
|
||||
1089
desarrollo2/diseno/registro-form/assets/css/theme-1.css
vendored
Normal file
1089
desarrollo2/diseno/registro-form/assets/css/theme-1.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
BIN
desarrollo2/diseno/registro-form/assets/desktop.ini
Normal file
BIN
desarrollo2/diseno/registro-form/assets/desktop.ini
Normal file
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.7 KiB |
BIN
desarrollo2/diseno/registro-form/assets/images/bg/desktop.ini
Normal file
BIN
desarrollo2/diseno/registro-form/assets/images/bg/desktop.ini
Normal file
Binary file not shown.
BIN
desarrollo2/diseno/registro-form/assets/images/bg/sidebar-bg.jpg
Normal file
BIN
desarrollo2/diseno/registro-form/assets/images/bg/sidebar-bg.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 113 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 50 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.5 KiB |
BIN
desarrollo2/diseno/registro-form/assets/images/client/1.png
Normal file
BIN
desarrollo2/diseno/registro-form/assets/images/client/1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.3 KiB |
BIN
desarrollo2/diseno/registro-form/assets/images/client/2.png
Normal file
BIN
desarrollo2/diseno/registro-form/assets/images/client/2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.3 KiB |
BIN
desarrollo2/diseno/registro-form/assets/images/client/3.png
Normal file
BIN
desarrollo2/diseno/registro-form/assets/images/client/3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
BIN
desarrollo2/diseno/registro-form/assets/images/client/4.png
Normal file
BIN
desarrollo2/diseno/registro-form/assets/images/client/4.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.5 KiB |
Binary file not shown.
BIN
desarrollo2/diseno/registro-form/assets/images/desktop.ini
Normal file
BIN
desarrollo2/diseno/registro-form/assets/images/desktop.ini
Normal file
Binary file not shown.
BIN
desarrollo2/diseno/registro-form/assets/images/favicon.png
Normal file
BIN
desarrollo2/diseno/registro-form/assets/images/favicon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
BIN
desarrollo2/diseno/registro-form/assets/images/icon-114x114.png
Normal file
BIN
desarrollo2/diseno/registro-form/assets/images/icon-114x114.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.4 KiB |
BIN
desarrollo2/diseno/registro-form/assets/images/icon-72x72.png
Normal file
BIN
desarrollo2/diseno/registro-form/assets/images/icon-72x72.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.0 KiB |
BIN
desarrollo2/diseno/registro-form/assets/images/logo-dark2.png
Normal file
BIN
desarrollo2/diseno/registro-form/assets/images/logo-dark2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.7 KiB |
BIN
desarrollo2/diseno/registro-form/assets/images/logo.png
Normal file
BIN
desarrollo2/diseno/registro-form/assets/images/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.4 KiB |
BIN
desarrollo2/diseno/registro-form/assets/images/quote (1).png
Normal file
BIN
desarrollo2/diseno/registro-form/assets/images/quote (1).png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
BIN
desarrollo2/diseno/registro-form/assets/images/quote (2).png
Normal file
BIN
desarrollo2/diseno/registro-form/assets/images/quote (2).png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
BIN
desarrollo2/diseno/registro-form/assets/images/quote.png
Normal file
BIN
desarrollo2/diseno/registro-form/assets/images/quote.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
7
desarrollo2/diseno/registro-form/assets/js/bootstrap.min.js
vendored
Normal file
7
desarrollo2/diseno/registro-form/assets/js/bootstrap.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
136
desarrollo2/diseno/registro-form/assets/js/custom.js
vendored
Normal file
136
desarrollo2/diseno/registro-form/assets/js/custom.js
vendored
Normal file
@@ -0,0 +1,136 @@
|
||||
|
||||
$(document).ready(function() {
|
||||
'use strict';
|
||||
|
||||
// /*-------------------------------------
|
||||
// Sticky NabBar
|
||||
// -------------------------------------*/
|
||||
// $(window).on('scroll', function () {
|
||||
// var scroll = $(window).scrollTop();
|
||||
|
||||
// if (scroll >= 1) {
|
||||
// $('.ugf-nav-wrap').addClass('fixed');
|
||||
// } else {
|
||||
// $('.ugf-nav-wrap').removeClass('fixed');
|
||||
// }
|
||||
// });
|
||||
|
||||
/*--------------------------------------------
|
||||
File Input
|
||||
--------------------------------------------*/
|
||||
// function handleChange(inputId) {
|
||||
// var fileUploader = document.getElementById(inputId);
|
||||
// var getFile = fileUploader.files
|
||||
|
||||
|
||||
// var uploadedFile = getFile[getFile.length - 1];
|
||||
// readFile(uploadedFile, inputId);
|
||||
|
||||
|
||||
// }
|
||||
|
||||
// $('.input-file').on('change', function(e) {
|
||||
// handleChange(e.target.id);
|
||||
// })
|
||||
|
||||
// function readFile(uploadedFile, inputId) {
|
||||
// if (uploadedFile) {
|
||||
// var reader = new FileReader();
|
||||
// reader.onload = () => {
|
||||
// var parent = document.getElementById('p-' + inputId);
|
||||
// parent.innerHTML = `<img class="preview-content img-fluid" src=${reader.result} />`;
|
||||
// };
|
||||
|
||||
// reader.readAsDataURL(uploadedFile);
|
||||
// }
|
||||
// };
|
||||
|
||||
/*--------------------------------------------
|
||||
togglePassword
|
||||
--------------------------------------------*/
|
||||
|
||||
function togglePassword(){
|
||||
let input = document.getElementById("inputPass");
|
||||
var eye = document.getElementById("eye");
|
||||
var eyeSlash = document.getElementById("eye-slash");
|
||||
|
||||
if(input.type === "password"){
|
||||
input.type = "text"
|
||||
eye.style.display = "none";
|
||||
eyeSlash.style.display = "inline";
|
||||
} else {
|
||||
input.type = "password"
|
||||
eye.style.display = "inline";
|
||||
eyeSlash.style.display = "none";
|
||||
}
|
||||
}
|
||||
|
||||
$('.pass-toggler-btn').on('click', 'i', function() {
|
||||
togglePassword();
|
||||
})
|
||||
|
||||
|
||||
/*--------------------------------------------
|
||||
Owl Carousel
|
||||
--------------------------------------------*/
|
||||
|
||||
$('.testimonial-carousel').owlCarousel({
|
||||
loop:true,
|
||||
items: 1,
|
||||
autoplay: true,
|
||||
autoplayHoverPause: true,
|
||||
dots: true,
|
||||
nav: false,
|
||||
autoplaySpeed: 600,
|
||||
dotsSpeed: 600,
|
||||
margin: 15
|
||||
})
|
||||
|
||||
// $('.ugf-slider').owlCarousel({
|
||||
// loop:true,
|
||||
// items: 1,
|
||||
// autoplay: true,
|
||||
// autoplayHoverPause: true,
|
||||
// dots: true,
|
||||
// nav: false,
|
||||
// autoplaySpeed: 600,
|
||||
// dotsSpeed: 600,
|
||||
// margin: 15
|
||||
// })
|
||||
|
||||
/*--------------------------------------------
|
||||
Country Select
|
||||
--------------------------------------------*/
|
||||
|
||||
// $("#country").countrySelect();
|
||||
|
||||
// var windowWidth = $(window).width();
|
||||
|
||||
// $(window).resize(function() {
|
||||
// if(windowWidth != $(window).width()) {
|
||||
// countryList()
|
||||
// }
|
||||
// });
|
||||
|
||||
// function countryList() {
|
||||
// var screenSize = $(window).width();
|
||||
// var countryInputWidth = $('#country').width();
|
||||
// var countryListWidth = countryInputWidth;
|
||||
|
||||
// $('.kyc-form .country-list').width(countryListWidth + 86);
|
||||
// }
|
||||
// countryList();
|
||||
|
||||
/*--------------------------------------------
|
||||
File Input
|
||||
--------------------------------------------*/
|
||||
|
||||
// var fileInput = document.querySelector( ".custom-file-input" );
|
||||
// var the_return = document.querySelector(".file-return");
|
||||
|
||||
// $(fileInput).on('change', function(event) {
|
||||
// $(the_return).html(this.value);
|
||||
// })
|
||||
|
||||
|
||||
})
|
||||
BIN
desarrollo2/diseno/registro-form/assets/js/desktop.ini
Normal file
BIN
desarrollo2/diseno/registro-form/assets/js/desktop.ini
Normal file
Binary file not shown.
1
desarrollo2/diseno/registro-form/assets/js/email-decode.min.js
vendored
Normal file
1
desarrollo2/diseno/registro-form/assets/js/email-decode.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
!function(){"use strict";function e(e){try{if("undefined"==typeof console)return;"error"in console?console.error(e):console.log(e)}catch(e){}}function t(e){return d.innerHTML='<a href="'+e.replace(/"/g,""")+'"></a>',d.childNodes[0].getAttribute("href")||""}function r(e,t){var r=e.substr(t,2);return parseInt(r,16)}function n(n,c){for(var o="",a=r(n,c),i=c+2;i<n.length;i+=2){var l=r(n,i)^a;o+=String.fromCharCode(l)}try{o=decodeURIComponent(escape(o))}catch(u){e(u)}return t(o)}function c(t){for(var r=t.querySelectorAll("a"),c=0;c<r.length;c++)try{var o=r[c],a=o.href.indexOf(l);a>-1&&(o.href="mailto:"+n(o.href,a+l.length))}catch(i){e(i)}}function o(t){for(var r=t.querySelectorAll(u),c=0;c<r.length;c++)try{var o=r[c],a=o.parentNode,i=o.getAttribute(f);if(i){var l=n(i,0),d=document.createTextNode(l);a.replaceChild(d,o)}}catch(h){e(h)}}function a(t){for(var r=t.querySelectorAll("template"),n=0;n<r.length;n++)try{i(r[n].content)}catch(c){e(c)}}function i(t){try{c(t),o(t),a(t)}catch(r){e(r)}}var l="/cdn-cgi/l/email-protection#",u=".__cf_email__",f="data-cfemail",d=document.createElement("div");i(document),function(){var e=document.currentScript||document.scripts[document.scripts.length-1];e.parentNode.removeChild(e)}()}();
|
||||
2
desarrollo2/diseno/registro-form/assets/js/jquery.min.js
vendored
Normal file
2
desarrollo2/diseno/registro-form/assets/js/jquery.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
7
desarrollo2/diseno/registro-form/assets/js/owl.carousel.min.js
vendored
Normal file
7
desarrollo2/diseno/registro-form/assets/js/owl.carousel.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
5
desarrollo2/diseno/registro-form/assets/js/popper.min.js
vendored
Normal file
5
desarrollo2/diseno/registro-form/assets/js/popper.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
126
desarrollo2/diseno/registro-form/email-verification.php
Normal file
126
desarrollo2/diseno/registro-form/email-verification.php
Normal file
@@ -0,0 +1,126 @@
|
||||
<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 pt340">
|
||||
<a href="login-information" class="prev-page"> <i class="las la-arrow-left"></i> Volver Atrás</a>
|
||||
<h2>Verificación de correo electrónico</h2>
|
||||
<p>Por favor verifica tu dirección de correo electrónico <strong><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="7e131f17123e1b061f130e121b501d1113">[email protected]</a></strong> <br> y coloca el código de verificación aqui!</p>
|
||||
<form action="signup-complete.php" class="form-flex email-verification-form">
|
||||
<div class="form-group">
|
||||
<input type="text" placeholder="0" class="form-control" maxlength="1">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<input type="text" placeholder="0" class="form-control" maxlength="1">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<input type="text" placeholder="0" class="form-control" maxlength="1">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<input type="text" placeholder="0" class="form-control" maxlength="1">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<input type="text" placeholder="0" class="form-control" maxlength="1">
|
||||
</div>
|
||||
<button class="btn"><span>Siguiente</span> <i class="las la-arrow-right"></i></button>
|
||||
</form>
|
||||
<p class="resend-code">No lo has recibido aún? <a href="#"> Reenviar código</a></p>
|
||||
</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>Tipo de Cuenta</p>
|
||||
</div>
|
||||
<div class="step ">
|
||||
<span>2</span>
|
||||
<p>Verificación de Inicio</p>
|
||||
</div>
|
||||
<div class="step step-onprocess">
|
||||
<span>3</span>
|
||||
<p>Confirmación de Datos</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- Optional JavaScript -->
|
||||
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
|
||||
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
|
||||
<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() {
|
||||
|
||||
console.log("listco");
|
||||
// Obtener el valor del Local Storage
|
||||
var correoElectronicoGuardado = localStorage.getItem("correoElectronico");
|
||||
|
||||
// Mostrar el valor en el div con el id "result"
|
||||
if (correoElectronicoGuardado) {
|
||||
console.log(correoElectronicoGuardado)
|
||||
} else {
|
||||
console.log("No se ha guardado ningún correo electrónico.");
|
||||
}
|
||||
});
|
||||
</script>
|
||||
|
||||
114
desarrollo2/diseno/registro-form/login-information.php
Normal file
114
desarrollo2/diseno/registro-form/login-information.php
Normal file
@@ -0,0 +1,114 @@
|
||||
<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-2 sidebar-steps">
|
||||
<div class="steps">
|
||||
<div class="step">
|
||||
<span>1</span>
|
||||
<p>Tipo de Cuenta</p>
|
||||
</div>
|
||||
<div class="step step-onprocess">
|
||||
<span>2</span>
|
||||
<p>Verificación de Inicio</p>
|
||||
</div>
|
||||
<div class="step">
|
||||
<span>3</span>
|
||||
<p>Confirmación de Datos</p>
|
||||
</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>
|
||||
@@ -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>
|
||||
@@ -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>
|
||||
@@ -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>
|
||||
@@ -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
desarrollo2/diseno/registro-form/other-views/personal-shop.php
Normal file
174
desarrollo2/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
desarrollo2/diseno/registro-form/other-views/personal.php
Normal file
234
desarrollo2/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>
|
||||
95
desarrollo2/diseno/registro-form/register.php
Normal file
95
desarrollo2/diseno/registro-form/register.php
Normal file
@@ -0,0 +1,95 @@
|
||||
<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 pt340">
|
||||
<h2>Vamos! <span>Únete a nuestra plataforma</span></h2>
|
||||
<p>Selecciona el tipo de cuenta</p>
|
||||
<div class="account-category">
|
||||
<a href="login-information.php" class="account-type personal">
|
||||
<span class="account-icon"><img src="assets/images/account-personal.png" alt=""></span>
|
||||
<p>Comprador </p>
|
||||
<span class="icon"><i class="las la-arrow-right"></i></span>
|
||||
</a>
|
||||
<a href="login-information.php" class="account-type business">
|
||||
<span class="account-icon"><img src="assets/images/account-business.png" alt=""></span>
|
||||
<p>Negocio </p>
|
||||
<span class="icon"><i class="las la-arrow-right"></i></span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ugf-sidebar flex-bottom ugf-sidebar-bg-2 sidebar-steps">
|
||||
<div class="steps">
|
||||
<div class="step step-onprocess">
|
||||
<span>1</span>
|
||||
<p>Tipo de Cuenta</p>
|
||||
</div>
|
||||
<div class="step">
|
||||
<span>2</span>
|
||||
<p>Verificación de Inicio</p>
|
||||
</div>
|
||||
<div class="step">
|
||||
<span>3</span>
|
||||
<p>Confirmación de Datos</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>
|
||||
59
desarrollo2/diseno/registro-form/signup-complete.php
Normal file
59
desarrollo2/diseno/registro-form/signup-complete.php
Normal file
@@ -0,0 +1,59 @@
|
||||
<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 final-bg">
|
||||
<div class="final-content">
|
||||
<div class="icon">
|
||||
<img src="assets/images/big-green-check.png" alt="">
|
||||
</div>
|
||||
<h2>Tu Registro fue Completado!</h2>
|
||||
<p>Bienvenido a La Pieza.DO, en breve nuestro departamento de servicios te enviara un email con todos los detalles de tu cuenta y la confirmación de tu registro.</p>
|
||||
<a href="https://devs.lapieza.net" class="btn">Ir al Panel de [Vendedor o Negocio]</a>
|
||||
</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