Skip to content

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

pruebas

parent 41c48ae8
Hide whitespace changes
Inline Side-by-side
Showing with 252 additions and 249 deletions
css/main.css
View file @ 26fdbb71
body { body {
font-family: "Poppins", Arial, sans-serif !important; /* font-family: "Poppins", Arial, sans-serif !important;*/
font-weight: 300!important; font-weight: 300!important;
font-size: 15px!important; font-size: 15px!important;
line-height: 1.7!important; line-height: 1.7!important;
height: 216vw!important; height: 216vw!important;
} }
container { container {
width: 100%; width: 100%;
} }
footer{ footer{
margin-top: 5vw; margin-top: 5vw;
} }
.start{ .start{
margin-top: 13vw; margin-top: 13vw;
} }
.title-one{ .title-one{
margin-left: 7vw; margin-left: 7vw;
text-align: center; text-align: center;
} }
.medium{ .medium{
margin-top: 16vw; margin-top: 16vw;
} }
.club-start{ .club-start{
margin-bottom: 0px; margin-bottom: 0px;
font-size: 7vw; font-size: 7vw;
font-weight: 700; font-weight: 700;
color: #000; color: #000;
height: 7vw; height: 7vw;
} }
.ultra-start{ .ultra-start{
font-size: 5vw; font-size: 5vw;
font-weight: 700; font-weight: 700;
color: #D8211A; color: #D8211A;
margin-bottom: 0px; margin-bottom: 0px;
} }
.family-start{ .family-start{
color: #fff; color: #fff;
font-size: 2vw; font-size: 2vw;
background: #000; background: #000;
font-weight: 600; font-weight: 600;
width: 64%; width: 64%;
margin-left: 7vw; margin-left: 7vw;
} }
.title-two{ .title-two{
margin-top: 7vw; margin-top: 7vw;
text-align: right; text-align: right;
font-size: 2vw; font-size: 2vw;
font-weight: 1000; font-weight: 1000;
color: #4C4C4C; color: #000;
max-width: 43% !important; max-width: 43% !important;
line-height: 3vw !important; line-height: 3vw !important;
} }
.text-intro{ .text-intro{
margin-bottom: 0; margin-bottom: 0;
background: #ffffff3b; background: #ffffff3b;
border-radius: 17px; border-radius: 17px;
} }
.start-end{ .start-end{
padding-left: 11vw !important; padding-left: 11vw !important;
padding-top: 2vw !important; padding-top: 2vw !important;
} }
.text-introend{ .text-introend{
color:#312e2e; color:#312e2e;
font-size: 2vw; font-size: 2vw;
font-weight: 700; font-weight: 700;
margin-bottom: 0; margin-bottom: 0;
/* background: #ffffff8c;*/ /* background: #ffffff8c;*/
border-radius: 17px; border-radius: 17px;
background: #ffffff0f; background: #ffffff0f;
} }
.text-end{ .text-end{
background: #ffffff0f; background: #ffffff0f;
margin-bottom: 0; margin-bottom: 0;
/* background: #ffffff8c;*/ /* background: #ffffff8c;*/
border-radius: 17px; border-radius: 17px;
font-size: 1.4vw; font-size: 1.4vw;
} }
.fondo{ .fondo{
/*background-image:linear-gradient(179deg, #ffffff5e, #ffffff00), url(../images/WEB.png);*/ /*background-image:linear-gradient(179deg, #ffffff5e, #ffffff00), url(../images/WEB.png);*/
background-image:url(../images/WEB.png); background-image:url(../images/WEB.png);
background-size: cover; background-size: cover;
background-repeat: no-repeat; background-repeat: no-repeat;
/* background-color: #343b3b;*/ /* background-color: #343b3b;*/
} }
.formulario{ .formulario{
width: 32vw; width: 32vw;
height: 39vw; height: 39vw;
text-align: center; text-align: center;
margin-left: 10vw; margin-left: 10vw;
border-radius: 15px; border-radius: 15px;
box-shadow: 2px 6px 20px 0vw #00000047; box-shadow: 2px 6px 20px 0vw #00000047;
} }
.header-formulario { .header-formulario {
background-color:#D8211A; background-color:#D8211A;
border-top-left-radius: 1.5vw; border-top-left-radius: 1.5vw;
border-top-right-radius: 1.5vw; border-top-right-radius: 1.5vw;
} }
.title-formulario{ .title-formulario{
margin-bottom: 0vw; margin-bottom: 0vw;
color: #fff; color: #fff;
font-weight: 700; font-weight: 700;
font-size: 1.7vw; font-size: 1.7vw;
letter-spacing: -0.1vw; letter-spacing: -0.1vw;
padding-top: 0.5vw; padding-top: 0.5vw;
height: 2.5vw; height: 2.5vw;
} }
.subtitle-formulario{ .subtitle-formulario{
color: #fff; color: #fff;
font-size: 1.1vw; font-size: 1.1vw;
margin-bottom: 1vw; margin-bottom: 1vw;
} }
.inputWithIcon input{ .inputWithIcon input{
color: #4C4C4C; color: #4C4C4C;
text-align: center; text-align: center;
background: #E9E9E9; background: #E9E9E9;
border: none; border: none;
width: 26vw; width: 26vw;
border-radius: 0.4vw; border-radius: 0.4vw;
margin-bottom: 1vw; margin-bottom: 1vw;
height: 4vw; height: 4vw;
font-size: 1.1vw; font-size: 1.1vw;
} }
.aviso-formulario{ .aviso-formulario{
font-size: 1vw; font-size: 1vw;
margin-bottom: 1vw; margin-bottom: 1vw;
} }
.btn-formulario{ .btn-formulario{
color: #fff; color: #fff;
background-color: #D8211A; background-color: #D8211A;
border: none; border: none;
border-radius: 1vw; border-radius: 1vw;
width: 26vw; width: 26vw;
height: 4vw; height: 4vw;
font-size: 1.5vw; font-size: 1.5vw;
} }
.video{ .video{
height: 39vw; height: 39vw;
padding-top: 2vw; padding-top: 2vw;
padding-left: 5vw; padding-left: 5vw;
} }
.title-video{ .title-video{
text-align: center; text-align: center;
color: #4C4C4C; color: #4C4C4C;
font-size: 2.5vw; font-size: 2.5vw;
font-weight: 700; font-weight: 700;
} }
.text-video{ .text-video{
margin-bottom: 0px; margin-bottom: 0px;
margin-top: 1vw; margin-top: 1vw;
color: #494949; color: #494949;
font-size: 1.1vw; font-size: 1.1vw;
text-align: justify; text-align: justify;
line-height: 1.5vw; line-height: 1.5vw;
} }
.footer-title{ .footer-title{
margin-bottom: 0vw; margin-bottom: 0vw;
color: #fff; color: #fff;
font-size: 1.5vw; font-size: 1.5vw;
text-align: center; text-align: center;
margin-left: 17vw; margin-left: 17vw;
margin-right: 17vw; margin-right: 17vw;
padding-top: 2vw; padding-top: 2vw;
height: 4vw; height: 4vw;
} }
.footer-subtitle{ .footer-subtitle{
text-align: center; text-align: center;
font-size: 2vw; font-size: 2vw;
font-weight: 600; font-weight: 600;
color: white; color: white;
} }
.item-footer{ .item-footer{
font-size: 1vw; font-size: 1vw;
color: #fff; color: #fff;
text-align: center; text-align: center;
} }
.redsocial-footer{ .redsocial-footer{
text-align: center; text-align: center;
width: 100%; width: 100%;
} }
.img-carusel{width: 100vw!important;height: 41.5vw; } .img-carusel{width: 100vw!important;height: 41.5vw; }
.active{ .active{
opacity: 4 !important; opacity: 4 !important;
} }
.carousel-indicators li{ .carousel-indicators li{
width: 23px !important; width: 23px !important;
height: 23px !important; height: 23px !important;
border-radius: 7vw !important; border-radius: 7vw !important;
border-top: none !important; border-top: none !important;
border-bottom: none !important; border-bottom: none !important;
background: red !important; background: red !important;
margin: 2vw 1vw !important; margin: 2vw 1vw !important;
} }
.carousel-inner{width: 100vw!important;} .redes{
@media screen and (max-width: 768px) { margin-left: 2vw;
.carousel-inner{width: 106vw!important;} width: 1.5vw;
.formulario{ height: 28vw;
height: 42vw; float: left;
} position: absolute;
.inputWithIcon input{ }
margin-bottom: 0.5vw; .carousel-inner{width: 100vw!important;}
} @media screen and (max-width: 768px) {
.inputWithIcon{ .carousel-inner{width: 106vw!important;}
height: 5vw; .formulario{
} height: 42vw;
.aviso-formulario{ }
margin-top: 2vw; .inputWithIcon input{
} margin-bottom: 0.5vw;
.btn-formulario{ }
display: block; .inputWithIcon{
margin-left: 3vw; height: 5vw;
} }
footer{ .aviso-formulario{
margin-top: 0vw; margin-top: 2vw;
} }
.item-footer{ .btn-formulario{
font-size: 1.5vw; display: block;
} margin-left: 3vw;
.redsocial-footer{ }
font-size: 2vw; footer{
} margin-top: 0vw;
.medium{ }
margin-top: 15vw; .item-footer{
/* margin-bottom: 62vw; */ font-size: 1.5vw;
padding-bottom: 2vw; }
} .redsocial-footer{
.carousel-indicators li{ font-size: 2vw;
width: 1vw !important; }
height: 1vw !important; .medium{
} margin-top: 15vw;
/* margin-bottom: 62vw; */
} padding-bottom: 2vw;
}
.carousel-indicators li{
width: 1vw !important;
height: 1vw !important;
}
}
\ No newline at end of file
images/WEB.png
View replaced file @ 41c48ae8 View file @ 26fdbb71
This diff is collapsed.
index.html
View file @ 26fdbb71
...@@ -25,7 +25,7 @@ ...@@ -25,7 +25,7 @@
</head> </head>
<script > <script >
$(document).ready(function () { $(document).ready(function () {
console.log('entramos teady') console.log('entramos ready')
var fecha = new Date(); var fecha = new Date();
var now = new Date(); var now = new Date();
...@@ -126,7 +126,7 @@ ...@@ -126,7 +126,7 @@
<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" style=" width: 100% !important"> <div class="row start" style=" width: 100% !important">
<img class="redes" src="images/redes.png" alt="">
<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="">
...@@ -273,4 +273,4 @@ ...@@ -273,4 +273,4 @@
</footer> </footer>
</body> </body>
</html> </html>
\ No newline at end of file \ No newline at end of file
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