Skip to content

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

img

parent 9827f0aa
Hide whitespace changes
Inline Side-by-side
Showing with 68 additions and 27 deletions
css/main.css
View file @ 130ed070
body { body {
font-family: "Poppins", Arial, sans-serif; font-family: "Poppins", Arial, sans-serif !important;
font-weight: 300; font-weight: 300!important;
font-size: 15px; font-size: 15px!important;
line-height: 1.7; line-height: 1.7!important;
color: gray; height: 216vw!important;
height: 216vw;
} }
container { container {
width: 100%; width: 100%;
} }
footer{ footer{
margin-top: 41vw; margin-top: 5vw;
} }
.start{ .start{
margin-top: 13vw; margin-top: 13vw;
...@@ -61,8 +62,8 @@ footer{ ...@@ -61,8 +62,8 @@ footer{
border-radius: 17px; border-radius: 17px;
} }
.start-end{ .start-end{
margin-left: 11vw; padding-left: 11vw !important;
margin-top: 2vw; padding-top: 2vw !important;
} }
.text-introend{ .text-introend{
color:#312e2e; color:#312e2e;
...@@ -79,7 +80,7 @@ footer{ ...@@ -79,7 +80,7 @@ footer{
font-size: 1.4vw; font-size: 1.4vw;
} }
.fondo{ .fondo{
background-image:linear-gradient(179deg, #ffffff5e, #ffffff00), url(../images/fondo.png); background-image:linear-gradient(179deg, #ffffff5e, #ffffff00), url(../images/WEB.png);
background-size: cover; background-size: cover;
background-repeat: no-repeat; background-repeat: no-repeat;
} }
...@@ -172,8 +173,22 @@ footer{ ...@@ -172,8 +173,22 @@ footer{
text-align: center; text-align: center;
width: 100%; width: 100%;
} }
.img-carusel{width: 100vw!important;height: 39vw;}
.carousel-indicators li{
width: 40px !important;
height: 40px !important;
border-radius: 7vw !important;
border-top: none !important;
border-bottom: none !important;
background-color: red !important;
}
.carousel-inner{width: 100vw!important;}
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {
.carousel-inner{width: 106vw!important;}
.formulario{
height: 42vw;
}
.inputWithIcon input{ .inputWithIcon input{
margin-bottom: 0.5vw; margin-bottom: 0.5vw;
} }
...@@ -187,6 +202,24 @@ footer{ ...@@ -187,6 +202,24 @@ footer{
display: block; display: block;
margin-left: 9vw; margin-left: 9vw;
} }
footer{
margin-top: 0vw;
}
.item-footer{
font-size: 1.5vw;
}
.redsocial-footer{
font-size: 2vw;
}
.medium{
margin-top: 11vw;
/* margin-bottom: 62vw; */
padding-bottom: 2vw;
}
.carousel-indicators li{
width: 1vw !important;
height: 1vw !important;
}
} }
......
images/02_Aguamania.jpg 0 → 100644
View file @ 130ed070
This image diff could not be displayed because it is too large. You can view the blob instead.
images/4.jpg 0 → 100644
View file @ 130ed070
This diff is collapsed.
index.html
View file @ 130ed070
...@@ -10,8 +10,10 @@ ...@@ -10,8 +10,10 @@
<link rel="stylesheet" href="font-awesome/css/font-awesome.min.css"> <link rel="stylesheet" href="font-awesome/css/font-awesome.min.css">
<meta name="viewport" content="width=device-width" /> <meta name="viewport" content="width=device-width" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <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> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-2.2.2.min.js"></script> <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"> <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
...@@ -119,7 +121,7 @@ ...@@ -119,7 +121,7 @@
</script> </script>
<body class="fondo" style="font-family: montserrat-medium, sans-serif;" > <body class="fondo" style="font-family: montserrat-medium, sans-serif;" >
<container> <container>
<div class="row start"> <div class="row start" style=" width: 100% !important">
<div class="col title-one" style="max-width: 40%;"> <div class="col title-one" style="max-width: 40%;">
<img style=" width: 26vw" src="images/logo.png" alt=""> <img style=" width: 26vw" src="images/logo.png" alt="">
...@@ -140,11 +142,12 @@ ...@@ -140,11 +142,12 @@
<div class="col start-end " > <div class="col start-end " >
<p class="text-introend" style="width: 41vw;" >¡AFÍLIATE GRATIS AL CLUB ULTRANET</p> <p class="text-introend" style="width: 41vw;" >¡AFÍLIATE GRATIS AL CLUB ULTRANET</p>
<p class="text-end" style=" width: 44vw;">“Uniendo a mi familia” y obtén grandes <strong>BENEFICIOS ECONÓMICOS</strong> </p> <p class="text-end" style=" width: 44vw;">“Uniendo a mi familia” y obtén grandes <strong>BENEFICIOS ECONÓMICOS</strong> </p>
<img src="./images/logo_1.png" style="float: right; width: 23vw;" >
</div> </div>
</container> </container>
<container> <container>
<div class="row medium"> <div class="row medium" style=" width: 100% !important">
<div class="col"> <div class="col">
<div class="video"> <div class="video">
<p class="title-video">Conoce más del Club Ultranet</p> <p class="title-video">Conoce más del Club Ultranet</p>
...@@ -204,24 +207,28 @@ ...@@ -204,24 +207,28 @@
</container> </container>
<container class="row" style="margin-top: 70vw;"> <container class="row" style=" width: 100% !important; margin-top: 69vw;">
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel"> <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators"> <ol class="carousel-indicators">
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li> <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="1"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="2"></li> <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="3"></li>\
</ol> </ol>
<div class="carousel-inner"> <div class="carousel-inner">
<div class="carousel-item active"> <div class="carousel-item active">
<img class="d-block w-100" src="..." alt="First slide"> <img class=" img-carusel d-block w-100" src="./images/02_Aguamania.jpg" alt="First slide">
</div> </div>
<div class="carousel-item"> <div class="carousel-item">
<img class="d-block w-100" src="..." alt="Second slide"> <img class=" img-carusel d-block w-100" src="./images/1.jpg" alt="Second slide">
</div> </div>
<div class="carousel-item"> <div class="carousel-item">
<img class="d-block w-100" src="..." alt="Third slide"> <img class=" img-carusel d-block w-100" src="./images/2.jpg" alt="Third slide">
</div>
<div class="carousel-item">
<img class=" img-carusel d-block w-100" src="./images/4.jpg" alt="Four slide">
</div>
</div> </div>
</div>
<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev"> <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span> <span class="sr-only">Previous</span>
...@@ -232,13 +239,14 @@ ...@@ -232,13 +239,14 @@
</a> </a>
</div> </div>
</container> </container>
<footer> <footer>
<div> <div>
<p class="footer-title">No eres el único que está recibiendo esta invitación. <p class="footer-title">No eres el único que está recibiendo esta invitación.
Reserva ahora mismo tu lugar.</p> Reserva ahora mismo tu lugar.</p>
</div> </div>
<div class="row" style="margin-left: 14vw; margin-right: 14vw;"> <div class="row" style=" width: 100%!important; ">
<div class="col item-footer"><i class="fa fa-map-marker" aria-hidden="true"></i> Calle Olmedo entre 24 de Mayo y Av. Catamayo. </div> <div class="col item-footer"><i class="fa fa-map-marker" aria-hidden="true"></i> Calle Olmedo entre 24 de Mayo y Av. Catamayo. </div>
<div class="col item-footer"><i class="fa fa-whatsapp" aria-hidden="true"></i> +593 99 686 3430 - (07) 267-7594 </div> <div class="col item-footer"><i class="fa fa-whatsapp" aria-hidden="true"></i> +593 99 686 3430 - (07) 267-7594 </div>
<div class="col item-footer"><i class="fa fa-clock-o" aria-hidden="true"></i> Horario de atención 08:30 a 18:30 </div> <div class="col item-footer"><i class="fa fa-clock-o" aria-hidden="true"></i> Horario de atención 08:30 a 18:30 </div>
......
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