-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
120 lines (86 loc) · 5.6 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
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Arrakis 20 años </title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<link rel="icon" href="favicon.ico" type="image/vnd.microsoft.icon">
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,400,300,600,700' rel='stylesheet' type='text/css'>
<link href="http://netdna.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.css" rel="stylesheet">
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<script type="text/javascript" src="js/supersized.3.2.7.min.js"></script>
<script type="text/javascript" src="js/jquery.countdown.js"></script>
<script type="text/javascript">
$(window).load(function() { // makes sure the whole site is loaded
$("#status").fadeOut(); // will first fade out the loading animation
$("#preloader").delay(350).fadeOut("slow"); // will fade out the white DIV that covers the website.
})
jQuery(function($){
$.supersized({
// Functionality
slide_interval : 10000, // Length between transitions
transition : 1, // 0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
transition_speed : 700, // Speed of transition
slides : [ // Slideshow Images - make sure the last item doesn`t have a comma after it. It might ruin your day :)
{image : 'images/slide4.jpg'},{image : 'images/slide6.jpg'},{image : 'images/slide1.jpg'},{image : 'images/japi1.jpg'},
{image : 'images/slide2.jpg'},{image : 'images/slide3.jpg'},{image : 'images/slide5.jpg'}
]
});
});
jQuery(document).ready(function() {
// cowntdown function. Set the date by modifying the date in next line (June 1, 2012 00:00:00):
var austDay = new Date("October 25, 2014 00:00:00");
$('#countdown').countdown({
until: austDay,
layout: '<div class="cd-item"><span class="cd-number">{dn}</span> <span class="cd-word">{dl}</span></div> <div class="cd-item"><span class="cd-number">{hn}</span> <span class="cd-word">{hl}</span></div><div class="cd-item"><span class="cd-number">{mn}</span> <span class="cd-word">{ml}</span></div> <div class="cd-item last-cd"><span class="cd-number">{sn}</span> <span class="cd-word">{sl}</span></div>'
});
$('#year').text(austDay.getFullYear());
});
</script>
</head>
<body>
<div id="preloader"> <!--
<div id="status">
</div> -->
</div>
<div id="wrapper"></div>
<div class="content-wrapper"> <img alt="logo" class="logo" src="logo-arrakis3.png" />
<h1>
20 años Arrakis (1995 - 2015)
</h1>
<div class="separator"></div>
<div class="columna1">
<iframe width="90%" height="315" src="//www.youtube.com/embed/hJ25oxPJ55Y" frameborder="0" allowfullscreen></iframe>
</div>
<div class="columna2">
<p>Porque hemos marcado los inicios de internet en España, porque somos muchos los que directa o indirectamente hemos tenido relación con Arrakis, porque la mayoría de nosotros seguimos trabajando en lo que nos gusta, en el sector de las telecomunicaciones, teniendo mucho que compartir y porque ya hace más o menos tiempo que no nos vemos… tenemos la excusa y las herramientas perfectas para quedar y disfrutar de nuevo juntos.</p>
<p>¿Dónde?, en Sevilla, en el edificio que nos vio nacer, ¿cuándo?, estaba escrito, el 25-10, que si os fijáis bien son los mismos números de la fecha en que cumpliríamos 20 años de existencia, el 2015, ¿quién?, la organización es un movimiento espontáneo de todos los que en algún momento formamos parte del Planeta Arrakis… </p>
<p id="horario">Sabado 25 Octubre de 2014</p>
<p>Be Arrakis my friend!</p>
</div>
<div id="countdown"></div>
<div id="formulario" style="margin-top:50px" >
</div>
</div>
<div id="footer">
<ul class="social"> <!-- Here you can add your social links. Go to http://fontawesome.io/icons/#brand to add more of these -->
<li><a class="fa fa-facebook-square fa-4" href="http://bit.ly/20añosdeArrakisFacebook"> </a></li>
<li><a class="fa fa-google fa-4" href="http://bit.ly/20añosdeArrakis"> </a></li>
</ul>
<ul class="tech">
<li><a href="https://spreadsheets.google.com"><img alt="Google Spreadsheets" src="tech/google-spreadsheet.png" height="32" width="32"/></a></li>
<li><a href="https://facebook.com"><img alt="facebook" src="tech/facebook.ico" height="32" width="32"/></a></li>
<li><a href="https://bit.ly"><img alt="bitly" src="tech/bitly.png" height="32" width="32"/></a></li>
<li><a href="https://github.com"><img alt="github" src="tech/github.ico" height="32" width="32"/></a></li>
<li><a href="https://ftploy"><img alt="ftploy" src="tech/ftploy.ico" height="32" width="32"/></a></li>
<li><a href="https://paypal.es"><img alt="paypal" src="tech/paypal.ico" height="32" width="32"/></a></li>
<li><a href="https://eventbrite.es"><img alt="eventbrite" src="tech/eventbrite.ico" height="32" width="32"/></a></li>
<li><a href="https://www.google.com/maps/views/home?gl=es"><img alt="Google Views" src="tech/google-views.ico" height="32" width="32"/></a></li>
</ul>
<ul class="footer-info">
<li> Calle Inca Garcilaso, 41092 Sevilla</li>
<li><a href="mailto:%[email protected]">[email protected]</a></li>
</ul>
</div>
</body>
</html>