Merge pull request #1 from RogelioDaniel/v3

fix fotos

css/preloader.css

@@ -1,7 +1,7 @@
 .loader-bg {
     position: fixed;
     z-index: 99999;
-    background-color: #171717;
+    background-color: #000000;
     width: 100%;
     height: 100%;
 }

css/responsive.css

@@ -132,7 +132,7 @@
         padding-top: 120px;
 
     }
-    .enlace1{font-size: .8em;}
+    .DownArrow{font-size: .8em;}
     h2.texto1{
         text-align: center;
         font-size: 1.5em;

css/style.css

@@ -216,42 +216,67 @@ CLIENTS SECTION
 }
 
 
-
-.enlace1{
-    color:white;
-	padding-top:2.8em;
-	display:inline-block;/* or block */
-	position:relative;
-	border-color:white;
-	text-decoration:none;
-	transition:all .3s ease-out;
-    font-size: 1.5em;
-
+.DownArrow {
+  color: black;
+  padding-top: 2.8em;
+  display: inline-block;
+  position: relative;
+  border-color: white;
+
+  transition: all 0.3s ease-out;
+  font-size: 1.5em;
 }
 
-.enlace1:before{
-	content:'▲';
-	font-size:1.9em;
-	position:absolute;
-	top:0;
-	left:50%;
-	margin-left:-.7em;
-	border:solid .13em white;
-	border-radius:10em;
-	width:1.4em;
-	height:1.4em;
-	line-height:1.3em;
-	border-color:inherit;
-	transition:transform .5s ease-in;
-}
-.enlace1:hover{
-	color:rgb(255, 255, 255);
-	border-color:rgb(255, 255, 255);
-}
-.enlace1:hover:before{
-	transform: rotate(180deg);
+.DownArrow:before {
+  content: '🢁';
+  font-size: 1.9em;
+  position: absolute;
+  top: 0;
+  left: 50%;
+  margin-left: -0.7em;
+  border: solid 0.13em white;
+  border-radius: 50%;
+  width: 1.4em;
+  height: 1.4em;
+  line-height: 1.3em;
+  border-color: inherit;
+  box-shadow: 0 0 10px 3px rgba(255, 255, 255, 0.7); /* Brillo desde el inicio */
+  transition: transform 0.5s ease-in, box-shadow 0.3s ease-out, filter 0.3s ease-out; /* Añadida transición al filter */
+  transform-origin: center;
+  filter: brightness(8) hue-rotate(90deg); /* Cambiado el brillo y el tono */
+  animation: brillo 2s infinite; /* Añadida animación de brillo */
+}
+
+.DownArrow:hover {
+  color: rgb(255, 255, 255);
+  border-color: rgb(255, 255, 255);
+}
+
+.DownArrow:hover:before {
+  transform: translateY(-2px) rotate(180deg);
+  box-shadow: 0 0 10px 3px rgba(255, 255, 255, 0.7); /* Brillo al pasar el mouse */
+  filter: brightness(2) hue-rotate(90deg); /* Cambiado el brillo y el tono */
+  animation: brillo 2s infinite; /* Añadida animación de brillo */
+}
+
+/* Definición de la animación de brillo */
+@keyframes brillo {
+  0% {
+    filter: brightness(2) hue-rotate(90deg);
+  }
+  50% {
+    filter: brightness(4) hue-rotate(90deg);
+  }
+  100% {
+    filter: brightness(2) hue-rotate(90deg);
+  }
 }
 
+
+
+
+
+
 /*================================
 CAROUSEL EXPERIENCE
 ================================*/
@@ -456,44 +481,14 @@ img{
 	-moz-box-shadow:0 0 3px rgba(0,0,0,0.3);
 	box-shadow:0 0 3px rgba(0,0,0,0.3);
 	width:100%;
-    max-width:1140px;
+    max-width:800px;
 }
 
 .opened img{
 		z-index:5;
 }
 
-.ombra{
-	position:absolute;
-    bottom:20px;
-    left:10px;
-    width:90%;
-	height:20px;
-	-webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
-	-moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
-	box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
-	-webkit-transform:rotate(-2deg);
-	-moz-transform:rotate(-2deg);
-	transform:rotate(-2deg);
-	display:none;
-	z-index:-1;
-}
-
-.ombra:after{
-	display:block;
-	content:"";
-	position:absolute;
-    bottom:-8px;
-    right:-93px;
-    width:90%;
-	height:20px;
-	-webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
-	-moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
-	box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
-	-webkit-transform:rotate(4deg);
-	-moz-transform:rotate(4deg);
-	transform:rotate(4deg);
-}
+
 
 .txt{
     display:block;
@@ -502,7 +497,7 @@ img{
 	width:98%;
 	padding-left:2%;
 	height:33px;
-	background: #000000;
+	background: #ffffff;
 }
 
 
@@ -664,17 +659,17 @@ PORTFOLIO SECTION
     }
   }
 /*================================
-TESTIMONIAL SECTION
+EXPERTISE SECTION
 ================================*/
 
-.clientsphoto img{
+.techImage img{
     width: 80px;
     float: left;
     margin-right: 20px;
     border-radius: 50%;
 }
 
-.clientsphoto img:hover{
+.techImage img:hover{
     border-radius: 15%;
 }
 
@@ -846,3 +841,37 @@ FOLLOW BUTTON
     background: #111;
 }
 
+.arrow
+{
+  position: relative;
+  bottom: -2rem;
+  left: 50%;
+  margin-left:-20px;
+  width: 40px;
+  height: 40px;
+
+  /**
+   * Dark Arrow Down
+   */
+  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSI1MTIiIGlkPSJzdmcyIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI1MTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6Y2M9Imh0dHA6Ly9jcmVhdGl2ZWNvbW1vbnMub3JnL25zIyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIiB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzIGlkPSJkZWZzNCIvPjxnIGlkPSJsYXllcjEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTU0MC4zNjIyKSI+PHBhdGggZD0ibSAxMjcuNDA2MjUsNjU3Ljc4MTI1IGMgLTQuOTg1MywwLjA3ODQgLTkuOTEwNzcsMi4xNjMwOCAtMTMuNDM3NSw1LjY4NzUgbCAtNTUsNTUgYyAtMy42MDA1NjUsMy41OTkyNyAtNS42OTY4ODMsOC42NTg5NSAtNS42OTY4ODMsMTMuNzUgMCw1LjA5MTA1IDIuMDk2MzE4LDEwLjE1MDczIDUuNjk2ODgzLDEzLjc1IEwgMjQyLjI1LDkyOS4yNSBjIDMuNTk5MjcsMy42MDA1NiA4LjY1ODk1LDUuNjk2ODggMTMuNzUsNS42OTY4OCA1LjA5MTA1LDAgMTAuMTUwNzMsLTIuMDk2MzIgMTMuNzUsLTUuNjk2ODggTCA0NTMuMDMxMjUsNzQ1Ljk2ODc1IGMgMy42MDA1NiwtMy41OTkyNyA1LjY5Njg4LC04LjY1ODk1IDUuNjk2ODgsLTEzLjc1IDAsLTUuMDkxMDUgLTIuMDk2MzIsLTEwLjE1MDczIC01LjY5Njg4LC0xMy43NSBsIC01NSwtNTUgYyAtMy41OTgxNSwtMy41OTEyNyAtOC42NTA2OCwtNS42ODEyNyAtMTMuNzM0MzgsLTUuNjgxMjcgLTUuMDgzNjksMCAtMTAuMTM2MjIsMi4wOSAtMTMuNzM0MzcsNS42ODEyNyBMIDI1Niw3NzguMDMxMjUgMTQxLjQzNzUsNjYzLjQ2ODc1IGMgLTMuNjY2NzgsLTMuNjY0MjMgLTguODQ4MDEsLTUuNzY0NDIgLTE0LjAzMTI1LC01LjY4NzUgeiIgaWQ9InBhdGgzNzY2LTEiIHN0eWxlPSJmb250LXNpemU6bWVkaXVtO2ZvbnQtc3R5bGU6bm9ybWFsO2ZvbnQtdmFyaWFudDpub3JtYWw7Zm9udC13ZWlnaHQ6bm9ybWFsO2ZvbnQtc3RyZXRjaDpub3JtYWw7dGV4dC1pbmRlbnQ6MDt0ZXh0LWFsaWduOnN0YXJ0O3RleHQtZGVjb3JhdGlvbjpub25lO2xpbmUtaGVpZ2h0Om5vcm1hbDtsZXR0ZXItc3BhY2luZzpub3JtYWw7d29yZC1zcGFjaW5nOm5vcm1hbDt0ZXh0LXRyYW5zZm9ybTpub25lO2RpcmVjdGlvbjpsdHI7YmxvY2stcHJvZ3Jlc3Npb246dGI7d3JpdGluZy1tb2RlOmxyLXRiO3RleHQtYW5jaG9yOnN0YXJ0O2Jhc2VsaW5lLXNoaWZ0OmJhc2VsaW5lO2NvbG9yOiMwMDAwMDA7ZmlsbDojMjIyMjIyO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lO3N0cm9rZS13aWR0aDozOC44ODAwMDEwNzttYXJrZXI6bm9uZTt2aXNpYmlsaXR5OnZpc2libGU7ZGlzcGxheTppbmxpbmU7b3ZlcmZsb3c6dmlzaWJsZTtlbmFibGUtYmFja2dyb3VuZDphY2N1bXVsYXRlO2ZvbnQtZmFtaWx5OlNhbnM7LWlua3NjYXBlLWZvbnQtc3BlY2lmaWNhdGlvbjpTYW5zIi8+PC9nPjwvc3ZnPg==);
+  background-size: contain;
+}
+
+.bounce {
+  animation: bounce 2s infinite;
+}
+
+@keyframes bounce {
+  0%, 20%, 50%, 80%, 100% {
+    transform: translateY(0);
+  }
+  40% {
+    transform: translateY(-30px);
+  }
+  60% {
+    transform: translateY(-15px);
+  }
+}
+
+/* Slider Boomerang */
+

css/styles.css

@@ -619,3 +619,4 @@ outline: none;
     height: 640px;
   }
 }
+

js/drifolio.js

@@ -179,4 +179,6 @@ $(function () {
   return false;  
   });  
 });  
-
+/////////////////////////////////////////////
+// Slider Boomerang
+/////////////////////////////////////////////