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 {
font-family: "Poppins", Arial, sans-serif;
font-weight: 300;
font-size: 15px;
line-height: 1.7;
color: gray;
height: 216vw;
font-family: "Poppins", Arial, sans-serif !important;
font-weight: 300!important;
font-size: 15px!important;
line-height: 1.7!important;
height: 216vw!important;
}
container {
width: 100%;
}
footer{
margin-top: 41vw;
margin-top: 5vw;
}
.start{
margin-top: 13vw;
......@@ -61,8 +62,8 @@ footer{
border-radius: 17px;
}
.start-end{
margin-left: 11vw;
margin-top: 2vw;
padding-left: 11vw !important;
padding-top: 2vw !important;
}
.text-introend{
color:#312e2e;
......@@ -79,7 +80,7 @@ footer{
font-size: 1.4vw;
}
.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-repeat: no-repeat;
}
......@@ -172,8 +173,22 @@ footer{
text-align: center;
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) {
.carousel-inner{width: 106vw!important;}
.formulario{
height: 42vw;
}
.inputWithIcon input{
margin-bottom: 0.5vw;
}
......@@ -187,6 +202,24 @@ footer{
display: block;
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 @@
<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>
<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-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">
<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 @@
</script>
<body class="fondo" style="font-family: montserrat-medium, sans-serif;" >
<container>
<div class="row start">
<div class="row start" style=" width: 100% !important">
<div class="col title-one" style="max-width: 40%;">
<img style=" width: 26vw" src="images/logo.png" alt="">
......@@ -140,11 +142,12 @@
<div class="col start-end " >
<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>
<img src="./images/logo_1.png" style="float: right; width: 23vw;" >
</div>
</container>
<container>
<div class="row medium">
<div class="row medium" style=" width: 100% !important">
<div class="col">
<div class="video">
<p class="title-video">Conoce más del Club Ultranet</p>
......@@ -204,24 +207,28 @@
</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">
<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="2"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="3"></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 class="carousel-item active">
<img class=" img-carusel d-block w-100" src="./images/02_Aguamania.jpg" alt="First slide">
</div>
<div class="carousel-item">
<img class=" img-carusel d-block w-100" src="./images/1.jpg" alt="Second slide">
</div>
<div class="carousel-item">
<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>
<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>
......@@ -232,13 +239,14 @@
</a>
</div>
</container>
<footer>
<div>
<p class="footer-title">No eres el único que está recibiendo esta invitación.
Reserva ahora mismo tu lugar.</p>
</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-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>
......
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