Sākums Izpētīt Palīdzība
Pierakstīties
tati
/
bananaventura
1
0
Atdalīts 0
Faili Problēmas 0 Izmaiņu pieprasījumi 0 Vikivietne
Pārlūkot izejas kodu

cambio fuentes + termino animaciones

Tati 12 gadi atpakaļ
vecāks
0ed23bea3e
revīzija
bd9e5c4a72
5 mainītis faili ar 712 papildinājumiem un 16 dzēšanām
Dalītais skats Rādīt salīdzināšanas statistiku
  1. 44 9
      css/home.css
  2. BIN
      fonts/OpenSans-Bold.ttf
  3. BIN
      fonts/OpenSans-Regular.ttf
  4. 44 7
      index.html
  5. 624 0
      js/jquery-1.10.2.js

+ 44 - 9
css/home.css
Parādīt failu 

@@ -5,12 +5,22 @@ src: url('../fonts/Raleway-Thin.otf');
 
 -webkit-font-smoothing: antialiased;
 
 }
 
 @font-face{
 
-font-family:'openSans';
 
+font-family:'openSans-light';
 
 src: url('../fonts/OpenSans-Light.ttf');
 
 -webkit-font-smoothing: antialiased;
 
 }
 
+@font-face{
 
+font-family:'openSans-regular';
 
+src: url('../fonts/OpenSans-Regular.ttf');
 
+-webkit-font-smoothing: antialiased;
 
+}
 
+@font-face{
 
+font-family:'openSans-bold';
 
+src: url('../fonts/OpenSans-Bold.ttf');
 
+-webkit-font-smoothing: antialiased;
 
+}
 
 html, body{
 
-font-family:'openSans';
 
+font-family:'openSans-regular';
 
 font-size: 20px;
 
 margin: 0;
 
 padding: 0;
 
@@ -114,28 +124,53 @@ background-color: #BBD2F4;
 
 
 
 /* 		ANIMACIONES	*/
 
-.coffee{
 
+.coffee-deiv{
 
+    width: 100px;
 
+    height: 100px;
 
+    background-image: url('../images/deivcup.png');
 
+	background-repeat: no-repeat;
 
+	background-position: center center;
 
+    position: relative;
 
+    -webkit-animation: slidein-right 2s; 
+    animation-name: slidein-right ;
 
+	animation-duration: 2s;
 
+	top: 66%;
 
+	left: 50%;
 
+
 
+}
 
+
 
+@-webkit-keyframes slidein-right {
 
+    from {right: 10%;}
 
+    to {right: 40%;}
 
+}
 
+
 
+@keyframes slidein-right {
 
+    from {left: 80%;}
 
+    to {left: 50%;}
 
+}
 
+
 
+
 
+.coffee-tati{
 
     width: 100px;
 
     height: 100px;
 
     background-image: url('../images/taticup.png');
 
 	background-repeat: no-repeat;
 
 	background-position: center center;
 
     position: relative;
 
-    -webkit-animation: slidein 2s; 
-    animation-name: slidein ;
 
+    -webkit-animation: slidein-left 2s; 
+    animation-name: slidein-left ;
 
 	animation-duration: 2s;
 
 	top: 80%;
 
 	left: 40%;
 
 
 }
 
 
-
 
-@-webkit-keyframes slidein {
 
+@-webkit-keyframes slidein-left {
 
     from {left: 10%;}
 
     to {left: 40%;}
 
 }
 
 
-@keyframes slidein {
 
+@keyframes slidein-left {
 
     from {left: 10%;}
 
     to {left: 40%;}
 
 }
 
@@ -143,7 +178,7 @@ background-color: #BBD2F4;
 
 
 /*		HEADERS	*/
 
 h1{
 
-	font-family: 'raleway';
 
+	font-family: 'openSans-bold';
 
 	text-transform: uppercase;
 
 	text-align: left;
 
 	border-bottom: 1px solid white;

BIN
fonts/OpenSans-Bold.ttf
Parādīt failu


BIN
fonts/OpenSans-Regular.ttf
Parādīt failu


+ 44 - 7
index.html
Parādīt failu 

@@ -1,17 +1,50 @@
 
 <!doctype html>
 
+
 
+
 
 <head>
 
+
 
 	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 
 	<link type="text/css" rel="Stylesheet" href="css/home.css" />
 
 	<title>Ventura & Inama - Code & Design</title>
 
+	<script src="js/jquery-1.10.2.js"></script>
 
+	<script type="text/javascript">
 
+
 
+	 $(document).ready(function () {
 
+	 	(function($) {
 
+			$.fn.visible = function(partial) {
 
+				var $t            = $(this),
 
+				$w            = $(window),
 
+				viewTop       = $w.scrollTop(),
 
+				viewBottom    = viewTop + $w.height(),
 
+				_top          = $t.offset().top,
 
+				_bottom       = _top + $t.height(),
 
+				compareTop    = partial === true ? _bottom : _top,
 
+				compareBottom = partial === true ? _top : _bottom;
 
+			
+			return ((compareBottom <= viewBottom) && (compareTop >= viewTop));
 
+			};
 
+		})(jQuery);
 
+	 
+	 
+	   $('li a').click(function () {
 
+				$('html, body').animate({ scrollTop: $($(this).attr('href')).position().top }, 'slow');
 
+					return false;
 
+			}); 
+		
+	 });
 
+ </script>
 
+	
+	
+	
 </head>
 
 <body>
 
 	<div class="home">
 
 		<div class="navbar">
 
 			<ul class="navlist">
 
 				<li><a href="#home">inicio</a></li>
 
+				<li><a href="#whatdowedo">lo que hacemos</a></li>
 
 				<li><a href="#us">nosotros</a></li>
 
-				<li><a href="#work">lo que hacemos</a></li>
 
-				<li><a href="#home">contacto</a></li>
 
+				<li><a href="#contacto">contacto</a></li>
 
 			</ul>
 
 		</div>
 
 		<div id="logo">
 
@@ -37,16 +70,17 @@
 
 				taton taton taton
 
 			</div>
 
 			<br style="clear:both;"/>
 
-			
 		</div>
 
-		<div class="coffee"></div>			
+		<div class="coffee-tati"></div>
 
+		
 		<div class="rigth">
 
 			<div class="content" id="deiv">
 
 				deiv apestoson
 
-			</div>
 
-			
+			</div>	
+			<br style="clear:both;"/>
 
 		</div>
 
-		<br style="clear:both;"/>
 
+		<div class="coffee-deiv"></div>	
+		
 	</div>
 
 	<div class="seccion" id="contacto">
 
 		<div class="content">
 
@@ -62,3 +96,6 @@
 
 		</div>
 
 	</div>
 
 </body>
 
+
 
+ 
+

Failā izmaiņas netiks attēlotas, jo tās ir par lielu
+ 624 - 0
js/jquery-1.10.2.js