Skip to content

U
ultranet
Commit c54497e1 authored by Wilson Valverde's avatar Wilson Valverde
Browse files
Options

primeros cambios

parent 473a570d
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 8898 additions and 37 deletions
css/main.css 0 → 100644
View file @ c54497e1
body {
font-family: "Poppins", Arial, sans-serif;
font-weight: 300;
font-size: 15px;
line-height: 1.7;
color: gray;
height: 216vw;
}
container {
width: 100%;
}
.medium{
margin-top: 50vw;
}
.fondo{
background-image: url(../images/fondo.png);
background-size: cover;
background-repeat: no-repeat;
}
.formulario{
width: 32vw;
height: 39vw;
text-align: center;
margin-left: 10vw;
border-radius: 15px;
box-shadow: 2px 6px 20px 0vw #00000047;
}
.header-formulario {
background-color:#D8211A;
border-top-left-radius: 1.5vw;
border-top-right-radius: 1.5vw;
}
.title-formulario{
margin-bottom: 0vw;
color: #fff;
font-weight: 700;
font-size: 1.9vw;
letter-spacing: -0.1vw;
padding-top: 0.5vw;
}
.subtitle-formulario{
color: #fff;
font-size: 1.3vw;
margin-bottom: 1vw;
}
.inputWithIcon input{
color: #4C4C4C;
text-align: center;
background: #E9E9E9;
border: none;
width: 26vw;
border-radius: 0.4vw;
margin-bottom: 1vw;
height: 4vw;
font-size: 1.3vw;
}
.aviso-formulario{
font-size: 1vw;
margin-bottom: 1vw;
}
.btn-formulario{
color: #fff;
background-color: #D8211A;
border: none;
border-radius: 1vw;
width: 14vw;
height: 3vw;
font-size: 1.5vw;
}
.video{
height: 39vw;
padding-top: 2vw;
padding-left: 5vw;
}
.title-video{
text-align: center;
color: #4C4C4C;
font-size: 2.5vw;
font-weight: 700;
}
.text-video{
margin-bottom: 0px;
margin-top: 1vw;
color: #494949;
font-size: 1.3vw;
}
@media screen and (max-width: 768px) {
.inputWithIcon input{
margin-bottom: 0.5vw;
}
.inputWithIcon{
height: 5vw;
}
.aviso-formulario{
margin-top: 2vw;
}
.btn-formulario{
display: block;
margin-left: 9vw;
}
}
font-awesome/HELP-US-OUT.txt 0 → 100644
View file @ c54497e1
I hope you love Font Awesome. If you've found it useful, please do me a favor and check out my latest project,
Fort Awesome (https://fortawesome.com). It makes it easy to put the perfect icons on your website. Choose from our awesome,
comprehensive icon sets or copy and paste your own.
Please. Check it out.
-Dave Gandy
font-awesome/css/font-awesome.css 0 → 100644
View file @ c54497e1
This diff is collapsed.
font-awesome/css/font-awesome.min.css 0 → 100644
View file @ c54497e1
This diff is collapsed.
font-awesome/fonts/fontawesome-webfont.svg 0 → 100644
View file @ c54497e1
This diff is collapsed.
font-awesome/less/animated.less 0 → 100644
View file @ c54497e1
// Animated Icons
// --------------------------
.@{fa-css-prefix}-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
}
.@{fa-css-prefix}-pulse {
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
font-awesome/less/bordered-pulled.less 0 → 100644
View file @ c54497e1
// Bordered & Pulled
// -------------------------
.@{fa-css-prefix}-border {
padding: .2em .25em .15em;
border: solid .08em @fa-border-color;
border-radius: .1em;
}
.@{fa-css-prefix}-pull-left { float: left; }
.@{fa-css-prefix}-pull-right { float: right; }
.@{fa-css-prefix} {
&.@{fa-css-prefix}-pull-left { margin-right: .3em; }
&.@{fa-css-prefix}-pull-right { margin-left: .3em; }
}
/* Deprecated as of 4.4.0 */
.pull-right { float: right; }
.pull-left { float: left; }
.@{fa-css-prefix} {
&.pull-left { margin-right: .3em; }
&.pull-right { margin-left: .3em; }
}
font-awesome/less/core.less 0 → 100644
View file @ c54497e1
// Base Class Definition
// -------------------------
.@{fa-css-prefix} {
display: inline-block;
font: normal normal normal @fa-font-size-base/@fa-line-height-base FontAwesome; // shortening font declaration
font-size: inherit; // can't have font-size inherit on line above, so need to override
text-rendering: auto; // optimizelegibility throws things off #1094
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
font-awesome/less/fixed-width.less 0 → 100644
View file @ c54497e1
// Fixed Width Icons
// -------------------------
.@{fa-css-prefix}-fw {
width: (18em / 14);
text-align: center;
}
font-awesome/less/font-awesome.less 0 → 100644
View file @ c54497e1
/*!
* Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/
@import "variables.less";
@import "mixins.less";
@import "path.less";
@import "core.less";
@import "larger.less";
@import "fixed-width.less";
@import "list.less";
@import "bordered-pulled.less";
@import "animated.less";
@import "rotated-flipped.less";
@import "stacked.less";
@import "icons.less";
@import "screen-reader.less";
font-awesome/less/icons.less 0 → 100644
View file @ c54497e1
This diff is collapsed.
font-awesome/less/larger.less 0 → 100644
View file @ c54497e1
// Icon Sizes
// -------------------------
/* makes the font 33% larger relative to the icon container */
.@{fa-css-prefix}-lg {
font-size: (4em / 3);
line-height: (3em / 4);
vertical-align: -15%;
}
.@{fa-css-prefix}-2x { font-size: 2em; }
.@{fa-css-prefix}-3x { font-size: 3em; }
.@{fa-css-prefix}-4x { font-size: 4em; }
.@{fa-css-prefix}-5x { font-size: 5em; }
font-awesome/less/list.less 0 → 100644
View file @ c54497e1
// List Icons
// -------------------------
.@{fa-css-prefix}-ul {
padding-left: 0;
margin-left: @fa-li-width;
list-style-type: none;
> li { position: relative; }
}
.@{fa-css-prefix}-li {
position: absolute;
left: -@fa-li-width;
width: @fa-li-width;
top: (2em / 14);
text-align: center;
&.@{fa-css-prefix}-lg {
left: (-@fa-li-width + (4em / 14));
}
}
font-awesome/less/mixins.less 0 → 100644
View file @ c54497e1
// Mixins
// --------------------------
.fa-icon() {
display: inline-block;
font: normal normal normal @fa-font-size-base/@fa-line-height-base FontAwesome; // shortening font declaration
font-size: inherit; // can't have font-size inherit on line above, so need to override
text-rendering: auto; // optimizelegibility throws things off #1094
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.fa-icon-rotate(@degrees, @rotation) {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=@{rotation})";
-webkit-transform: rotate(@degrees);
-ms-transform: rotate(@degrees);
transform: rotate(@degrees);
}
.fa-icon-flip(@horiz, @vert, @rotation) {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=@{rotation}, mirror=1)";
-webkit-transform: scale(@horiz, @vert);
-ms-transform: scale(@horiz, @vert);
transform: scale(@horiz, @vert);
}
// Only display content to screen readers. A la Bootstrap 4.
//
// See: http://a11yproject.com/posts/how-to-hide-content/
.sr-only() {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0,0,0,0);
border: 0;
}
// Use in conjunction with .sr-only to only display content when it's focused.
//
// Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
//
// Credit: HTML5 Boilerplate
.sr-only-focusable() {
&:active,
&:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto;
}
}
font-awesome/less/path.less 0 → 100644
View file @ c54497e1
/* FONT PATH
* -------------------------- */
@font-face {
font-family: 'FontAwesome';
src: url('@{fa-font-path}/fontawesome-webfont.eot?v=@{fa-version}');
src: url('@{fa-font-path}/fontawesome-webfont.eot?#iefix&v=@{fa-version}') format('embedded-opentype'),
url('@{fa-font-path}/fontawesome-webfont.woff2?v=@{fa-version}') format('woff2'),
url('@{fa-font-path}/fontawesome-webfont.woff?v=@{fa-version}') format('woff'),
url('@{fa-font-path}/fontawesome-webfont.ttf?v=@{fa-version}') format('truetype'),
url('@{fa-font-path}/fontawesome-webfont.svg?v=@{fa-version}#fontawesomeregular') format('svg');
// src: url('@{fa-font-path}/FontAwesome.otf') format('opentype'); // used when developing fonts
font-weight: normal;
font-style: normal;
}
font-awesome/less/rotated-flipped.less 0 → 100644
View file @ c54497e1
// Rotated & Flipped Icons
// -------------------------
.@{fa-css-prefix}-rotate-90 { .fa-icon-rotate(90deg, 1); }
.@{fa-css-prefix}-rotate-180 { .fa-icon-rotate(180deg, 2); }
.@{fa-css-prefix}-rotate-270 { .fa-icon-rotate(270deg, 3); }
.@{fa-css-prefix}-flip-horizontal { .fa-icon-flip(-1, 1, 0); }
.@{fa-css-prefix}-flip-vertical { .fa-icon-flip(1, -1, 2); }
// Hook for IE8-9
// -------------------------
:root .@{fa-css-prefix}-rotate-90,
:root .@{fa-css-prefix}-rotate-180,
:root .@{fa-css-prefix}-rotate-270,
:root .@{fa-css-prefix}-flip-horizontal,
:root .@{fa-css-prefix}-flip-vertical {
filter: none;
}
font-awesome/less/screen-reader.less 0 → 100644
View file @ c54497e1
// Screen Readers
// -------------------------
.sr-only { .sr-only(); }
.sr-only-focusable { .sr-only-focusable(); }
font-awesome/less/stacked.less 0 → 100644
View file @ c54497e1
// Stacked Icons
// -------------------------
.@{fa-css-prefix}-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle;
}
.@{fa-css-prefix}-stack-1x, .@{fa-css-prefix}-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center;
}
.@{fa-css-prefix}-stack-1x { line-height: inherit; }
.@{fa-css-prefix}-stack-2x { font-size: 2em; }
.@{fa-css-prefix}-inverse { color: @fa-inverse; }
font-awesome/less/variables.less 0 → 100644
View file @ c54497e1
This diff is collapsed.
font-awesome/scss/_animated.scss 0 → 100644
View file @ c54497e1
// Spinning Icons
// --------------------------
.#{$fa-css-prefix}-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
}
.#{$fa-css-prefix}-pulse {
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
font-awesome/scss/_bordered-pulled.scss 0 → 100644
View file @ c54497e1
// Bordered & Pulled
// -------------------------
.#{$fa-css-prefix}-border {
padding: .2em .25em .15em;
border: solid .08em $fa-border-color;
border-radius: .1em;
}
.#{$fa-css-prefix}-pull-left { float: left; }
.#{$fa-css-prefix}-pull-right { float: right; }
.#{$fa-css-prefix} {
&.#{$fa-css-prefix}-pull-left { margin-right: .3em; }
&.#{$fa-css-prefix}-pull-right { margin-left: .3em; }
}
/* Deprecated as of 4.4.0 */
.pull-right { float: right; }
.pull-left { float: left; }
.#{$fa-css-prefix} {
&.pull-left { margin-right: .3em; }
&.pull-right { margin-left: .3em; }
}
font-awesome/scss/_core.scss 0 → 100644
View file @ c54497e1
// Base Class Definition
// -------------------------
.#{$fa-css-prefix} {
display: inline-block;
font: normal normal normal #{$fa-font-size-base}/#{$fa-line-height-base} FontAwesome; // shortening font declaration
font-size: inherit; // can't have font-size inherit on line above, so need to override
text-rendering: auto; // optimizelegibility throws things off #1094
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
font-awesome/scss/_fixed-width.scss 0 → 100644
View file @ c54497e1
// Fixed Width Icons
// -------------------------
.#{$fa-css-prefix}-fw {
width: (18em / 14);
text-align: center;
}
font-awesome/scss/_icons.scss 0 → 100644
View file @ c54497e1
This diff is collapsed.
font-awesome/scss/_larger.scss 0 → 100644
View file @ c54497e1
// Icon Sizes
// -------------------------
/* makes the font 33% larger relative to the icon container */
.#{$fa-css-prefix}-lg {
font-size: (4em / 3);
line-height: (3em / 4);
vertical-align: -15%;
}
.#{$fa-css-prefix}-2x { font-size: 2em; }
.#{$fa-css-prefix}-3x { font-size: 3em; }
.#{$fa-css-prefix}-4x { font-size: 4em; }
.#{$fa-css-prefix}-5x { font-size: 5em; }
font-awesome/scss/_list.scss 0 → 100644
View file @ c54497e1
// List Icons
// -------------------------
.#{$fa-css-prefix}-ul {
padding-left: 0;
margin-left: $fa-li-width;
list-style-type: none;
> li { position: relative; }
}
.#{$fa-css-prefix}-li {
position: absolute;
left: -$fa-li-width;
width: $fa-li-width;
top: (2em / 14);
text-align: center;
&.#{$fa-css-prefix}-lg {
left: -$fa-li-width + (4em / 14);
}
}
font-awesome/scss/_mixins.scss 0 → 100644
View file @ c54497e1
// Mixins
// --------------------------
@mixin fa-icon() {
display: inline-block;
font: normal normal normal #{$fa-font-size-base}/#{$fa-line-height-base} FontAwesome; // shortening font declaration
font-size: inherit; // can't have font-size inherit on line above, so need to override
text-rendering: auto; // optimizelegibility throws things off #1094
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@mixin fa-icon-rotate($degrees, $rotation) {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation})";
-webkit-transform: rotate($degrees);
-ms-transform: rotate($degrees);
transform: rotate($degrees);
}
@mixin fa-icon-flip($horiz, $vert, $rotation) {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation}, mirror=1)";
-webkit-transform: scale($horiz, $vert);
-ms-transform: scale($horiz, $vert);
transform: scale($horiz, $vert);
}
// Only display content to screen readers. A la Bootstrap 4.
//
// See: http://a11yproject.com/posts/how-to-hide-content/
@mixin sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0,0,0,0);
border: 0;
}
// Use in conjunction with .sr-only to only display content when it's focused.
//
// Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
//
// Credit: HTML5 Boilerplate
@mixin sr-only-focusable {
&:active,
&:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto;
}
}
font-awesome/scss/_path.scss 0 → 100644
View file @ c54497e1
/* FONT PATH
* -------------------------- */
@font-face {
font-family: 'FontAwesome';
src: url('#{$fa-font-path}/fontawesome-webfont.eot?v=#{$fa-version}');
src: url('#{$fa-font-path}/fontawesome-webfont.eot?#iefix&v=#{$fa-version}') format('embedded-opentype'),
url('#{$fa-font-path}/fontawesome-webfont.woff2?v=#{$fa-version}') format('woff2'),
url('#{$fa-font-path}/fontawesome-webfont.woff?v=#{$fa-version}') format('woff'),
url('#{$fa-font-path}/fontawesome-webfont.ttf?v=#{$fa-version}') format('truetype'),
url('#{$fa-font-path}/fontawesome-webfont.svg?v=#{$fa-version}#fontawesomeregular') format('svg');
// src: url('#{$fa-font-path}/FontAwesome.otf') format('opentype'); // used when developing fonts
font-weight: normal;
font-style: normal;
}
font-awesome/scss/_rotated-flipped.scss 0 → 100644
View file @ c54497e1
// Rotated & Flipped Icons
// -------------------------
.#{$fa-css-prefix}-rotate-90 { @include fa-icon-rotate(90deg, 1); }
.#{$fa-css-prefix}-rotate-180 { @include fa-icon-rotate(180deg, 2); }
.#{$fa-css-prefix}-rotate-270 { @include fa-icon-rotate(270deg, 3); }
.#{$fa-css-prefix}-flip-horizontal { @include fa-icon-flip(-1, 1, 0); }
.#{$fa-css-prefix}-flip-vertical { @include fa-icon-flip(1, -1, 2); }
// Hook for IE8-9
// -------------------------
:root .#{$fa-css-prefix}-rotate-90,
:root .#{$fa-css-prefix}-rotate-180,
:root .#{$fa-css-prefix}-rotate-270,
:root .#{$fa-css-prefix}-flip-horizontal,
:root .#{$fa-css-prefix}-flip-vertical {
filter: none;
}
font-awesome/scss/_screen-reader.scss 0 → 100644
View file @ c54497e1
// Screen Readers
// -------------------------
.sr-only { @include sr-only(); }
.sr-only-focusable { @include sr-only-focusable(); }
font-awesome/scss/_stacked.scss 0 → 100644
View file @ c54497e1
// Stacked Icons
// -------------------------
.#{$fa-css-prefix}-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle;
}
.#{$fa-css-prefix}-stack-1x, .#{$fa-css-prefix}-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center;
}
.#{$fa-css-prefix}-stack-1x { line-height: inherit; }
.#{$fa-css-prefix}-stack-2x { font-size: 2em; }
.#{$fa-css-prefix}-inverse { color: $fa-inverse; }
font-awesome/scss/_variables.scss 0 → 100644
View file @ c54497e1
This diff is collapsed.
font-awesome/scss/font-awesome.scss 0 → 100644
View file @ c54497e1
/*!
* Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/
@import "variables";
@import "mixins";
@import "path";
@import "core";
@import "larger";
@import "fixed-width";
@import "list";
@import "bordered-pulled";
@import "animated";
@import "rotated-flipped";
@import "stacked";
@import "icons";
@import "screen-reader";
index.html
View file @ c54497e1
......@@ -4,12 +4,19 @@
<head>
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="images/fondo.png">
<link rel="stylesheet" href="font-awesome/css/font-awesome.min.css">
<meta name="viewport" content="width=device-width" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
<script src="https://code.jquery.com/jquery-2.2.2.min.js"></script>
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
!-- CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
<!-- jQuery and JS bundle w/ Popper.js -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"></script>
</head>
<script>
$(document).ready(function () {
......@@ -109,47 +116,98 @@
$("#" + a).val("");
}
}
</script>
<body>
<header >
ultranet
</header>
<containter>
<form id="formulario" action="#">
Reserva tu cupo de afiliado <br>
<div class="inputWithIcon" >
<input type="text" id="name_user" name="name_user" onkeypress="return sololetras(event)" placeholder="Nombres" required>
<i class="fa fa-user fa-lg fa-fw" aria-hidden="true"></i>
</div>
<div class="inputWithIcon" >
<input type="text" name="country_user" placeholder="Parroquia" onkeypress="return sololetras(event)" required>
<i class="fa fa-globe fa-lg fa-fw" aria-hidden="true"></i>
</div>
<div class="inputWithIcon" >
<input type="text" name="tlf_user" placeholder="Teléfono Convencional" onkeypress="return solonumeros(event)" required>
<i class="fa fa-globe fa-lg fa-fw" aria-hidden="true"></i>
</script>
<body class="fondo" style="font-family: montserrat-medium, sans-serif;" >
<container>
<div class="row medium">
<div class="col">
<div class="video">
<p class="title-video">Conoce más del Club Ultranet</p>
<div class="embed-responsive embed-responsive-16by9">
<iframe style=" width: 43vw;
height: 24vw;" src="https://www.youtube.com/embed/ZMCb_qjMNAI" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<p class="text-video">
Ultranet comprometido con la responsabilidad social ahora tiene más
beneficios para ti y tu familia, a través del programa “Uniendo a mi Familia”,
el cual te brinda la oportunidad de ser miembro del Club Ultranet con
membresía de AFILIADO.
</p>
</div>
</div>
<div class="inputWithIcon">
<input type="email" name="email_user" placeholder="Email" required >
<i class="fa fa-envelope fa-lg fa-fw" aria-hidden="true"></i>
<div class="col">
<div class="formulario">
<div class="header-formulario">
<p class="title-formulario">RESERVA TU CUPO DE AFILIADO</p>
<p class="subtitle-formulario">completa tus datos</p>
</div>
<form id="formulario" action="#">
<div class="inputWithIcon" >
<input type="text" id="name_user" name="name_user" onkeypress="return sololetras(event)" placeholder="Nombres" required>
</div>
<div class="inputWithIcon" >
<input type="text" name="country_user" placeholder="Parroquia" onkeypress="return sololetras(event)" required>
</div>
<div class="inputWithIcon" >
<input type="text" name="tlf_user" placeholder="Teléfono Convencional" onkeypress="return solonumeros(event)" required>
</div>
<div class="inputWithIcon">
<input type="email" name="email_user" placeholder="Email" required >
</div>
<div class="inputWithIcon">
<input type="text" name="phone_user" id="phone_user" onkeyup="solonumeros(this.id)" placeholder="Celular" required>
</div>
<input type="date" style="display: none;" id="creation_date" name="creation_date" readonly>
<p class="aviso-formulario"><i class="fa fa-lock fa-lg" style="color: red;" aria-hidden="true"></i> Tus datos están seguros con nosotros.</p>
<button type="submit" id="btnEnviar" class="btn-formulario" ><strong >RESERVAR</strong></button>
</form>
</div>
</div>
<div class="inputWithIcon">
<input type="text" name="phone_user" id="phone_user" onkeyup="solonumeros(this.id)" placeholder="Celular" required>
<i class="fa fa-phone fa-lg fa-fw" aria-hidden="true"></i>
</div>
<input type="date" id="creation_date" name="creation_date" readonly>
<p style="font-size: 0.8vw; margin-bottom: 0px;">Tus datos están seguros con nosotros.</p>
<button type="submit" id="btnEnviar" class="btnSubmit"><strong>RESERVAR</strong></button>
</form>
</div>
</container>
<container class="row" style="margin-top: 70vw;">
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<img class="d-block w-100" src="..." alt="First slide">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="..." alt="Second slide">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="..." alt="Third slide">
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</container>
</containter>
<footer>
</footer>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment