-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
80 lines (70 loc) · 8.01 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<html>
<head>
<title>ifish | crafted interface web design |</title>
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js'></script>
<meta name="description" content="">
<meta name="author" content="IFISH | [email protected]">
<meta name="viewport" content="width=device-width">
<meta name="keywords" content="interface design, ui design, user experience, iphone app development, web app development">
<link rel="icon" href="favicon.ico" type="">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="style.css">
<link media="screen and (max-width: 600px)" rel="stylesheet" href="thin.css">
</head>
<body>
<div id='wrap'>
<header>
<div id="container">
<h1 id="logo">ifish</h1>
<nav>
<ul id="main menu">
<li><a href="#s1">proyectos</a></li>
<li><a href="#s2">contacto</a></li>
<li><a href="#s3">nosotros</a></li>
</ul>
</nav>
<h2>tag line - slogan</h2>
<div id="iconos"></div>
</div>
</header>
<div id="proyectos">
<h2 id="s1">proyectos</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mattis lorem nec lectus rhoncus sed tristique nibh viverra. Etiam ut erat at elit dignissim congue. Sed quis elit nunc. Vestibulum imperdiet neque in neque placerat at tristique ipsum aliquet. Nunc ut felis justo. Nam id augue non nisl fringilla vulputate id vitae tortor. Donec velit velit, tempus non cursus vel, molestie at nunc. Nam sed ante augue, in interdum nulla. Aliquam erat volutpat. Phasellus arcu tortor, consequat in fringilla ac, posuere in tellus.
Sed rutrum, elit at feugiat pretium, libero enim ornare quam, sed bibendum eros augue quis dolor. Praesent vitae nunc sem, ut iaculis tortor. Curabitur sapien ipsum, porttitor vel commodo vitae, sodales sit amet lectus. Sed vehicula porttitor nulla, ut elementum lorem ultrices id. Cras ut dignissim mi. Nullam ac tortor vel urna placerat ullamcorper ut nec enim. Mauris fringilla aliquet leo eget porttitor. Quisque convallis purus vel neque posuere dignissim. Donec hendrerit purus quam, at porta urna. Nullam vel velit a lorem rutrum tempor.
Mauris libero nibh, scelerisque ut ornare sit amet, pretium ac velit. Aenean a turpis augue, id bibendum felis. Pellentesque vel dolor est, ac eleifend turpis. Curabitur scelerisque nisi a sapien ultricies facilisis. Mauris convallis dapibus consequat. Maecenas pellentesque metus a magna porttitor congue sagittis non felis. Nullam adipiscing, eros id venenatis dignissim, justo elit cursus felis, non pharetra tortor turpis tristique mauris. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Ut nibh neque, varius a dignissim vel, accumsan id felis. Maecenas blandit scelerisque lorem, et porttitor arcu fringilla eget. Morbi non lectus est, ut porttitor leo. Proin luctus dolor congue enim dapibus nec condimentum diam commodo. Vivamus luctus quam dignissim nulla dictum at molestie orci tristique. Proin ipsum velit, elementum sed sollicitudin nec, varius vel metus. Sed eu quam id eros viverra faucibus in eu libero. Donec consequat cursus quam.
</p>
</div>
<div id="contacto">
<h2 id="s2">contacto</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mattis lorem nec lectus rhoncus sed tristique nibh viverra. Etiam ut erat at elit dignissim congue. Sed quis elit nunc. Vestibulum imperdiet neque in neque placerat at tristique ipsum aliquet. Nunc ut felis justo. Nam id augue non nisl fringilla vulputate id vitae tortor. Donec velit velit, tempus non cursus vel, molestie at nunc. Nam sed ante augue, in interdum nulla. Aliquam erat volutpat. Phasellus arcu tortor, consequat in fringilla ac, posuere in tellus.
Sed rutrum, elit at feugiat pretium, libero enim ornare quam, sed bibendum eros augue quis dolor. Praesent vitae nunc sem, ut iaculis tortor. Curabitur sapien ipsum, porttitor vel commodo vitae, sodales sit amet lectus. Sed vehicula porttitor nulla, ut elementum lorem ultrices id. Cras ut dignissim mi. Nullam ac tortor vel urna placerat ullamcorper ut nec enim. Mauris fringilla aliquet leo eget porttitor. Quisque convallis purus vel neque posuere dignissim. Donec hendrerit purus quam, at porta urna. Nullam vel velit a lorem rutrum tempor.
Mauris libero nibh, scelerisque ut ornare sit amet, pretium ac velit. Aenean a turpis augue, id bibendum felis. Pellentesque vel dolor est, ac eleifend turpis. Curabitur scelerisque nisi a sapien ultricies facilisis. Mauris convallis dapibus consequat. Maecenas pellentesque metus a magna porttitor congue sagittis non felis. Nullam adipiscing, eros id venenatis dignissim, justo elit cursus felis, non pharetra tortor turpis tristique mauris. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Ut nibh neque, varius a dignissim vel, accumsan id felis. Maecenas blandit scelerisque lorem, et porttitor arcu fringilla eget. Morbi non lectus est, ut porttitor leo. Proin luctus dolor congue enim dapibus nec condimentum diam commodo. Vivamus luctus quam dignissim nulla dictum at molestie orci tristique. Proin ipsum velit, elementum sed sollicitudin nec, varius vel metus. Sed eu quam id eros viverra faucibus in eu libero. Donec consequat cursus quam.
</p>
</div>
<div id="nosotros">
<h2 id="s3">nosotros</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mattis lorem nec lectus rhoncus sed tristique nibh viverra. Etiam ut erat at elit dignissim congue. Sed quis elit nunc. Vestibulum imperdiet neque in neque placerat at tristique ipsum aliquet. Nunc ut felis justo. Nam id augue non nisl fringilla vulputate id vitae tortor. Donec velit velit, tempus non cursus vel, molestie at nunc. Nam sed ante augue, in interdum nulla. Aliquam erat volutpat. Phasellus arcu tortor, consequat in fringilla ac, posuere in tellus.
Sed rutrum, elit at feugiat pretium, libero enim ornare quam, sed bibendum eros augue quis dolor. Praesent vitae nunc sem, ut iaculis tortor. Curabitur sapien ipsum, porttitor vel commodo vitae, sodales sit amet lectus. Sed vehicula porttitor nulla, ut elementum lorem ultrices id. Cras ut dignissim mi. Nullam ac tortor vel urna placerat ullamcorper ut nec enim. Mauris fringilla aliquet leo eget porttitor. Quisque convallis purus vel neque posuere dignissim. Donec hendrerit purus quam, at porta urna. Nullam vel velit a lorem rutrum tempor.
Mauris libero nibh, scelerisque ut ornare sit amet, pretium ac velit. Aenean a turpis augue, id bibendum felis. Pellentesque vel dolor est, ac eleifend turpis. Curabitur scelerisque nisi a sapien ultricies facilisis. Mauris convallis dapibus consequat. Maecenas pellentesque metus a magna porttitor congue sagittis non felis. Nullam adipiscing, eros id venenatis dignissim, justo elit cursus felis, non pharetra tortor turpis tristique mauris. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Ut nibh neque, varius a dignissim vel, accumsan id felis. Maecenas blandit scelerisque lorem, et porttitor arcu fringilla eget. Morbi non lectus est, ut porttitor leo. Proin luctus dolor congue enim dapibus nec condimentum diam commodo. Vivamus luctus quam dignissim nulla dictum at molestie orci tristique. Proin ipsum velit, elementum sed sollicitudin nec, varius vel metus. Sed eu quam id eros viverra faucibus in eu libero. Donec consequat cursus quam.
</p>
</div>
<script language="javascript">
jQuery(document).ready(function ($){
$("a[href*=#]").click(function() {
var id = $(this).attr('href');
$('html, body').animate({
scrollTop: $(id).offset().top
}, 2000);
$('.current').removeClass('current');
$(this).addClass('current');
});
});
</script>
</div>
</body>
</html>