qwerty/tupali
4
1
Fork 1
Code Issues 25 Pull Requests Releases Wiki Activity

Nomapa

Browse Source
This commit is contained in:
fredyrivera 2017-03-05 20:20:10 -05:00
commit 1ee75bfae0
2 changed files with 1079 additions and 554 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1233
landingpage_a.html
View File

File diff suppressed because it is too large Load Diff

352
temas/landingpage/css/landingpage.css
View File

@ -2,37 +2,90 @@
html,body { html,body {
height:100%; height:100%;
background-size: cover; 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 */ /* USING BOOTSTRAP 3.0.3 */
.navbar-toggle { /*NAVBAR BRAND*/
margin: 13px 15px 13px 0; .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 { a {
font-size: 18px; font-size: 18px;
padding-bottom: 40px !important; padding-bottom: 40px !important;
padding-top: 40px !important; padding-top: 40px !important;
transition: all 0.4s ease; transition: all 0.3s ease;
} }
.navbar.shrink { .navbar.shrink {
min-height: 35px; min-height: 35px;
} }
.navbar.shrink a { .navbar.shrink a {
font-size: 15px; font-size: 18px;
padding-bottom: 15px !important; padding-bottom: 18px !important;
padding-top: 20px !important; padding-top: 20px !important;
} }
.navbar.shrink img { .navbar.shrink img {
width: 70px; width: 70px;
height: 70px; height: 70px;
transition: all 0.4s ease; transition: all 0.3s ease;
margin: 0px;
} }
.navbar.shrink .navbar-toggle { .navbar.shrink .navbar-toggle {
@ -40,53 +93,40 @@ a {
padding: 7px 8px; padding: 7px 8px;
} }
.navbar-toggle {
.navbar-brand { margin: 13px 15px 13px 0;
transform: translateX(-50%); padding: 4px 5px;
left: 50%;
position: absolute;
}
.navbar-brand img{
width: 250px;
height: 250px;
} }
.logos{
display: inline-block;
margin-left: 70px; /*PROYECTOS*/
.principal{
} }
/*container proyectos*/
.box_proyectos{
display: table;
}
/*container proyecto*/
.div_proyecto{ .div_proyecto{
display: table-cell;
position: relative;
margin: 10px; margin: 10px;
display: inline-block; float: left;
padding: 5px; padding: 5px;
background-color: grey; background-color: grey;
height: 200px;
} width: 200px;
.proyecto{
padding: 5px;
} }
.img-gris{ /*container titulo*/
-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);
}
.proyecto_titulo{ .proyecto_titulo{
position: absolute; position: absolute;
top:100px; top:100px;
color:#fff; color:#fff;
background-color:#000; 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;} .img-center {margin:0 auto;}
/*PATROCINADOR*/
.logos{
display: inline-block;
margin-left: 70px;
}
.patrocina{ .patrocina{
background-color: white; background-color: white;
padding: 15px; padding: 15px;
@ -106,20 +177,17 @@ position: absolute;
display: inline-block; display: inline-block;
} }
@media (min-width: 992px){
/* .col-md-3 {
width: 22%;
}*/
}
section { section {
padding-top:110px; padding-top:110px;
padding-bottom:70px; padding-bottom:70px;
} }
#campana{
background-color: #333333;
color: white !important;
}
#proyectos { #proyectos {
background-color: #d4d4d4; background-color: #d4d4d4;
} }
@ -193,5 +261,187 @@ section {
padding: 10px 0px; 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*/