Skip to content

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

visuales

parent c54497e1
Hide whitespace changes
Inline Side-by-side
Showing with 122 additions and 2 deletions
css/main.css
View file @ 1e7b3353
...@@ -9,11 +9,75 @@ body { ...@@ -9,11 +9,75 @@ body {
container { container {
width: 100%; width: 100%;
}
footer{
margin-top: 41vw;
}
.start{
margin-top: 13vw;
}
.title-one{
margin-left: 7vw;
text-align: center;
} }
.medium{ .medium{
margin-top: 50vw; margin-top: 16vw;
}
.club-start{
margin-bottom: 0px;
font-size: 7vw;
font-weight: 700;
color: #000;
height: 7vw;
}
.ultra-start{
font-size: 5vw;
font-weight: 700;
color: #D8211A;
margin-bottom: 0px;
} }
.family-start{
color: #fff;
font-size: 2vw;
background: #000;
font-weight: 600;
width: 64%;
margin-left: 7vw;
}
.title-two{
margin-top: 7vw;
text-align: right;
font-size: 2vw;
font-weight: 1000;
color: #4C4C4C;
}
.text-intro{
margin-bottom: 0;
background: #ffffff8c;
border-radius: 17px;
}
.start-end{
margin-left: 11vw;
margin-top: 2vw;
}
.text-introend{
color: #4C4C4C;
font-size: 2vw;
font-weight: 700;
margin-bottom: 0;
background: #ffffff8c;
border-radius: 17px
}
.text-end{
margin-bottom: 0;
background: #ffffff8c;
border-radius: 17px;
font-size: 1.4vw;
}
.fondo{ .fondo{
background-image: url(../images/fondo.png); background-image: url(../images/fondo.png);
background-size: cover; background-size: cover;
...@@ -90,6 +154,24 @@ container { ...@@ -90,6 +154,24 @@ container {
color: #494949; color: #494949;
font-size: 1.3vw; font-size: 1.3vw;
} }
.footer-title{
margin-bottom: 1vw;
color: #fff;
font-size: 2.5vw;
text-align: center;
margin-left: 17vw;
margin-right: 17vw;
padding-top: 2vw;
}
.item-footer{
font-size: 1vw;
color: #fff;
text-align: center;
}
.redsocial-footer{
text-align: center;
width: 100%;
}
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {
.inputWithIcon input{ .inputWithIcon input{
......
index.html
View file @ 1e7b3353
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script> <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> <script src="https://code.jquery.com/jquery-2.2.2.min.js"></script>
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"> <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"> <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 --> <!-- jQuery and JS bundle w/ Popper.js -->
...@@ -118,6 +118,29 @@ ...@@ -118,6 +118,29 @@
} }
</script> </script>
<body class="fondo" style="font-family: montserrat-medium, sans-serif;" > <body class="fondo" style="font-family: montserrat-medium, sans-serif;" >
<container>
<div class="row start">
<div class="col title-one" style="max-width: 40%;">
<p class="club-start">Club</p>
<p class="ultra-start">ULTRANET</p>
<p class="family-start">UNIENDO A MI FAMILIA</p>
</div>
<div class="col title-two" style="max-width: 43%;">
<p class="text-intro" style="width: 36vw;
margin-left: 5vw;
">AHORA TU PUEDES DISFRUTAR</p>
<p class="text-intro" style="width: 34.4vw;
margin-left: 6.6vw;">DE TU SERVICIO DE INTERNET</p>
<p class="text-intro" style="width: 41vw;">SIN PAGAR NINGUNA MENSAULIDAD</p>
</div>
</div>
<div class="col start-end " >
<p class="text-introend" style="width: 41vw;" >¡AFILIATE 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>
</div>
</container>
<container> <container>
<div class="row medium"> <div class="row medium">
...@@ -209,6 +232,21 @@ ...@@ -209,6 +232,21 @@
</container> </container>
<footer> <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="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>
</div>
<div class="redsocial-footer">
<a><i class="fa fa-instagram fa-2x" style="color: #fff;" aria-hidden="true"></i></a>
&nbsp; &nbsp;
<a><i class="fa fa-facebook fa-2x" style="color: #fff;" aria-hidden="true"></i> </a>
</div>
</footer> </footer>
</body> </body>
......
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