forked from qwerty/tupali
Nomapa
This commit is contained in:
fredyrivera
commit
1ee75bfae0
1233
landingpage_a.html
1233
landingpage_a.html
File diff suppressed because it is too large
Load Diff
@ -2,37 +2,90 @@
|
||||
html,body {
|
||||
height:100%;
|
||||
background-size: cover;
|
||||
padding-top:5em;
|
||||
padding-top:130px;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
|
||||
font-size: 14px;
|
||||
line-height: 1.42857143;
|
||||
color: #333;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 30px;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
font-family: "Helvetica", times, sans-serif;
|
||||
font-weight: 500;
|
||||
line-height: 1.1;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
font-family: inherit;
|
||||
font-weight: 500;
|
||||
line-height: 1.1;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
p{
|
||||
margin: 0 0 10px;
|
||||
|
||||
}
|
||||
|
||||
/* USING BOOTSTRAP 3.0.3 */
|
||||
|
||||
.navbar-toggle {
|
||||
margin: 13px 15px 13px 0;
|
||||
/*NAVBAR BRAND*/
|
||||
.navbar-brand {
|
||||
transform: translateX(-50%);
|
||||
left: 50%;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.image_full {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.image_mobile{
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/*logo barra navegacion*/
|
||||
.navbar-brand img{
|
||||
width: 250px;
|
||||
height: 250px;
|
||||
margin-top: 100px;
|
||||
transition: all 0.3s ease;
|
||||
|
||||
}
|
||||
/* textos menú*/
|
||||
|
||||
a {
|
||||
font-size: 18px;
|
||||
padding-bottom: 40px !important;
|
||||
padding-top: 40px !important;
|
||||
transition: all 0.4s ease;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
|
||||
.navbar.shrink {
|
||||
min-height: 35px;
|
||||
}
|
||||
|
||||
|
||||
.navbar.shrink a {
|
||||
font-size: 15px;
|
||||
padding-bottom: 15px !important;
|
||||
font-size: 18px;
|
||||
padding-bottom: 18px !important;
|
||||
padding-top: 20px !important;
|
||||
}
|
||||
|
||||
.navbar.shrink img {
|
||||
width: 70px;
|
||||
height: 70px;
|
||||
transition: all 0.4s ease;
|
||||
transition: all 0.3s ease;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
.navbar.shrink .navbar-toggle {
|
||||
@ -40,53 +93,40 @@ a {
|
||||
padding: 7px 8px;
|
||||
}
|
||||
|
||||
|
||||
.navbar-brand {
|
||||
transform: translateX(-50%);
|
||||
left: 50%;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.navbar-brand img{
|
||||
width: 250px;
|
||||
height: 250px;
|
||||
.navbar-toggle {
|
||||
margin: 13px 15px 13px 0;
|
||||
padding: 4px 5px;
|
||||
|
||||
}
|
||||
.logos{
|
||||
display: inline-block;
|
||||
margin-left: 70px;
|
||||
|
||||
|
||||
/*PROYECTOS*/
|
||||
.principal{
|
||||
}
|
||||
|
||||
|
||||
/*container proyectos*/
|
||||
.box_proyectos{
|
||||
display: table;
|
||||
|
||||
}
|
||||
|
||||
/*container proyecto*/
|
||||
.div_proyecto{
|
||||
display: table-cell;
|
||||
position: relative;
|
||||
margin: 10px;
|
||||
display: inline-block;
|
||||
float: left;
|
||||
padding: 5px;
|
||||
background-color: grey;
|
||||
|
||||
}
|
||||
.proyecto{
|
||||
|
||||
padding: 5px;
|
||||
height: 200px;
|
||||
width: 200px;
|
||||
|
||||
}
|
||||
|
||||
.img-gris{
|
||||
-webkit-filter: grayscale(100%) blur(3px) ;
|
||||
max-height: 200px;
|
||||
max-width: 200px;
|
||||
z-index:10;
|
||||
transition:filter 0.2s;
|
||||
-webkit-transition:-webkit-filter 1s;
|
||||
}
|
||||
.img-gris:hover{
|
||||
filter: grayscale(0);
|
||||
z-index: 500;
|
||||
-webkit-filter: grayscale(0);
|
||||
}
|
||||
|
||||
|
||||
/*container titulo*/
|
||||
.proyecto_titulo{
|
||||
position: absolute;
|
||||
position: absolute;
|
||||
top:100px;
|
||||
color:#fff;
|
||||
background-color:#000;
|
||||
@ -96,8 +136,39 @@ position: absolute;
|
||||
}
|
||||
|
||||
|
||||
.img-gris{
|
||||
<<<<<<< HEAD
|
||||
-webkit-filter: grayscale(100%) blur(3px) ;
|
||||
max-height: 200px;
|
||||
max-width: 200px;
|
||||
z-index:10;
|
||||
transition:filter 0.2s;
|
||||
-webkit-transition:-webkit-filter 1s;
|
||||
=======
|
||||
-webkit-filter: grayscale(100%) blur(3px) ;
|
||||
height: 200px;
|
||||
width: 200px;
|
||||
z-index:10;
|
||||
transition:filter 0.2s;
|
||||
-webkit-transition:-webkit-filter 1s;
|
||||
>>>>>>> 4e304354f68bfb9c6ff10bfa59215a36ea9a90ff
|
||||
}
|
||||
.img-gris:hover{
|
||||
filter: grayscale(0);
|
||||
z-index: 500;
|
||||
-webkit-filter: grayscale(0);
|
||||
}
|
||||
|
||||
.img-center {margin:0 auto;}
|
||||
|
||||
|
||||
/*PATROCINADOR*/
|
||||
.logos{
|
||||
display: inline-block;
|
||||
margin-left: 70px;
|
||||
}
|
||||
|
||||
|
||||
.patrocina{
|
||||
background-color: white;
|
||||
padding: 15px;
|
||||
@ -106,20 +177,17 @@ position: absolute;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
|
||||
@media (min-width: 992px){
|
||||
/* .col-md-3 {
|
||||
width: 22%;
|
||||
}*/
|
||||
}
|
||||
|
||||
|
||||
|
||||
section {
|
||||
padding-top:110px;
|
||||
padding-bottom:70px;
|
||||
}
|
||||
|
||||
#campana{
|
||||
background-color: #333333;
|
||||
color: white !important;
|
||||
|
||||
}
|
||||
|
||||
#proyectos {
|
||||
background-color: #d4d4d4;
|
||||
}
|
||||
@ -193,5 +261,187 @@ section {
|
||||
padding: 10px 0px;
|
||||
}
|
||||
|
||||
/*RESPONSIVE*/
|
||||
|
||||
/*ESCRITORIO*/
|
||||
|
||||
@media (max-width: 1366px){
|
||||
body {
|
||||
/* background-color: yellow;*/
|
||||
}
|
||||
.navbar-brand {
|
||||
margin-top: 0px;
|
||||
}
|
||||
.image_full {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.image_mobile{
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.navbar.shrink img {
|
||||
margin-top: 0px;
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
.navbar-brand img {
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
margin-top: 80px;
|
||||
transition: all 0.4s ease;
|
||||
}
|
||||
#home {
|
||||
padding-top:20px !important;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
/*TABLETS*/
|
||||
|
||||
@media (max-width: 990px){
|
||||
/* body {
|
||||
background-color: green !important;
|
||||
}
|
||||
*/
|
||||
.navbar-nav{
|
||||
float:right;
|
||||
transition: all 0.4s ease;
|
||||
border-bottom: 1px solid #333333;
|
||||
}
|
||||
|
||||
.navbar-brand {
|
||||
margin-top:0px;
|
||||
left: 25%;
|
||||
}
|
||||
|
||||
.navbar-brand img{
|
||||
width: 230px;
|
||||
height: 230px;
|
||||
margin-top: 0px;
|
||||
transition: all 0.4s ease;
|
||||
}
|
||||
.image_full{
|
||||
display: block;
|
||||
}
|
||||
|
||||
.image_mobile{
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.navbar.shrink a {
|
||||
font-size: 20px;
|
||||
padding-bottom: 18px !important;
|
||||
padding-top: 20px !important;
|
||||
}
|
||||
|
||||
/*secciones*/
|
||||
#home {
|
||||
padding-top:0px !important;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
/*MOBILES*/
|
||||
|
||||
@media (max-width: 767px){
|
||||
body {
|
||||
padding-top: 0px !important;
|
||||
/*background-color: blue !important;*/
|
||||
}
|
||||
|
||||
/*menú proyectos a la izquierda*/
|
||||
.navbar-nav{
|
||||
padding-top: 20px;
|
||||
float:left;
|
||||
}
|
||||
|
||||
/* textos menú*/
|
||||
|
||||
a {
|
||||
font-size: 23px;
|
||||
padding-bottom: 23px !important;
|
||||
padding-top: 23px !important;
|
||||
transition: all 0.4s ease;
|
||||
}
|
||||
|
||||
|
||||
/*menú Nosotros a la derecha*/
|
||||
.navbar-right{
|
||||
float:right !important;
|
||||
}
|
||||
|
||||
/*volver a centrar logo*/
|
||||
.navbar-brand {
|
||||
transform: translateX(-50%);
|
||||
left: 50%;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
/*logo barra navegacion*/
|
||||
.navbar-brand img{
|
||||
margin-top: 50px;
|
||||
}
|
||||
|
||||
.image_full{
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.image_mobile{
|
||||
display: block !important;
|
||||
width: 300px !important;
|
||||
height: 80px !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/*menú desplegable por delante del logo*/
|
||||
|
||||
.navbar.shrink a {
|
||||
font-size: 20px;
|
||||
padding-bottom: 15px !important;
|
||||
padding-top: 15px !important;
|
||||
}
|
||||
|
||||
.navbar.shrink img {
|
||||
width: 200px !important;
|
||||
height: 54px !important;
|
||||
transition: all 0.4s ease;
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.navbar.shrink .navbar-toggle {
|
||||
margin: 25px 23px 8px 0;
|
||||
padding: 7px 8px;
|
||||
transition: all 0.4s ease;
|
||||
}
|
||||
|
||||
.navbar-toggle {
|
||||
margin: 13px 15px 13px 0;
|
||||
padding: 4px 5px;
|
||||
}
|
||||
|
||||
.navbar.collapse{
|
||||
margin-top: 50px;
|
||||
}
|
||||
|
||||
.collapse.in {
|
||||
margin-top: 75px !important;
|
||||
}
|
||||
|
||||
/*seccion*/
|
||||
#home {
|
||||
padding-top:0px !important;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/*fin móbiles*/
|
||||
|
||||
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user