diff --git a/css/style.css b/css/style.css index fe6a2c4..1afdb4d 100644 --- a/css/style.css +++ b/css/style.css @@ -782,7 +782,32 @@ height: 100%; background: rgba(64,64,64,0.125); } + +/*********************************************************************************/ +/* Circular imagenes del equipo */ +/*********************************************************************************/ +.circular img { + + border: 2px solid grey; + margin: 0; + padding: 0; + border-radius: 800px; + overflow: hidden; + width: 35%; + height: 25%; +} + +<<<<<<< HEAD +======= +.circular img:hover{ + -webkit-transform: scale(1.5); + -moz-transform: scale(1.5); + -o-transform: scale(1.5); + -ms-transform: scale(1.5); + transform: scale(1.5) +} +>>>>>>> origin/master /*********************************************************************************/ /* Logo */ /*********************************************************************************/ @@ -791,11 +816,15 @@ { position: relative; z-index: 1; + } #logo h1 { color: #FFF; + -webkit-transition: background 2s; + opacity:0.5; + } #logo a @@ -814,14 +843,21 @@ { font-size: 1.4em; color: #FFF; + } + #logo h1:hover + { + opacity:1; + } + /*********************************************************************************/ /* Nav */ /*********************************************************************************/ #nav { + -webkit-transition: background 0.5s; } #nav-wrapper @@ -845,7 +881,10 @@ display: inline-block; border-right: 1px solid; border-color: rgba(255,255,255,.1); + opacity: .5; + -webkit-transition: background 2s; } + #nav > ul > li:last-child { @@ -875,6 +914,42 @@ { display: none; } + #nav:hover + { + background: rgba(0,0,0,.2); + } + + #nav ul li:hover + { + + opacity:1; + } + + #nav ul li#inicio:hover + { + border-bottom: 4px solid rgba(70,300,80,.5);/*Verde transparente*/ + background: rgba(70,300,80,.5); + } + #nav ul li#portafolio:hover + { + border-bottom: 4px solid rgba(300,50,50,.5);/*Rojo transparente*/ + background: rgba(300,50,50,.5); + } + #nav ul li#equipo:hover + { + border-bottom:4px solid rgba(233,300,26,.5);/*Amarillo transparente*/ + background: rgba(233,300,26,.5); + } + #nav ul li#blog:hover + { + border-bottom:4px solid rgba(0,0,0,.5);/*Negro transparente*/ + background: rgba(0,0,0,.5); + } + #nav ul li#contacto:hover + { + border-bottom:4px solid rgba(22,145,190,.5);/*Azul transparente*/ + background: rgba(22,145,190,.5); + } /*********************************************************************************/ /* Main */ @@ -885,12 +960,22 @@ position: relative; background: #fff; } - + #main h2{ + display: block; + font-weight: 300; + font-size: 3.0em; + padding: 1em; + } .homepage #content { text-align: center; } + .homepage #team + { + text-align: center; + } + .homepage #content header h2 { } @@ -947,6 +1032,45 @@ } /*********************************************************************************/ +/* Team */ +/*********************************************************************************/ + + #team + { + position: relative; + background: #f2f2f2; + text-align: center; + } + + #team p { + + text-align: justify; + margin: 20px; + } + #team h2 + { + display: block; + font-weight: 300; + font-size: 3.0em; + padding: 1em; + } + #team h3 + { + display: block; + font-size: 1.0em; + padding: 1em; + } + + #team .pennant + { + font-size: 4em; + } + + #team .button + { + margin-top: 1.5em; + } +/*********************************************************************************/ /* Featured */ /*********************************************************************************/ @@ -1011,4 +1135,4 @@ margin: 0; font-weight: 300; color: rgba(255,255,255,.6); - } \ No newline at end of file + } diff --git a/images/logo_header.png b/images/logo_header.png new file mode 100644 index 0000000..a1e64fb Binary files /dev/null and b/images/logo_header.png differ diff --git a/index.html b/index.html index 4db3fa1..cbf7938 100644 --- a/index.html +++ b/index.html @@ -1,6 +1,6 @@ - + @@ -8,6 +8,7 @@ + @@ -27,20 +28,26 @@
- +
@@ -48,29 +55,36 @@

Guareber Tech

+ + +
-
“In posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula. Pellentesque viverra vulputate enim. Aliquam erat volutpat.”
+
La innovación distingue a los líderes de los seguidores. Steven Jobs. ”
@@ -153,4 +268,4 @@

Get in touch

- \ No newline at end of file +