Skip to content

Instantly share code, notes, and snippets.

@JMPerez

JMPerez/test5.html

Created November 7, 2015 10:27
Show Gist options
  • Save JMPerez/b59e598d59e81ae8bbe6 to your computer and use it in GitHub Desktop.
Save JMPerez/b59e598d59e81ae8bbe6 to your computer and use it in GitHub Desktop.
Download ZIP
Test
Raw
test5.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<meta name="author" content="Carlos Coloma">
<meta name="description" content="Codemotion is the event that gets all the IT communities in Spain together for two days.">
<meta name="google-site-verification" content="" />
<link rel="canonical" href="http://2015.codemotion.es">
<!-- Social: Twitter -->
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@codemotion_es">
<meta name="twitter:title" content="Codemotion Spain - For the communities, by the communities">
<meta name="twitter:description" content="Codemotion is the event that gets all the IT communities in Spain together for two days.">
<meta name="twitter:image:src" content="http://2015.codemotion.es/img/l_black.png">
<!-- Social: Facebook / Open Graph -->
<meta property="og:title" content="Codemotion Spain - For the communities, by the communities" />
<meta property="og:site_name" content="Codemotion Spain - For the communities, by the communities" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://2015.codemotion.es" />
<meta property="og:image" content="http://2015.codemotion.es/img/l_black.png" />
<meta property="og:description" content="Codemotion is the event that gets all the IT communities in Spain together for two days." />
<title>Codemotion Spain - For the communities, by the communities</title>
<link rel="shortcut icon" href="/favicon.ico">
<link href="/css/main.css" rel="stylesheet">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- Begin Main Section -->
<section id="top-section" class="top-section no-padding" style="background-image: url('/img/codemotion.jpg');">
<div class="header-background">
<header class="row top-header">
<div class="columns">
<ul class="title-area">
<li class="name">
<h1><a href="/" class="top-logo logo logo-light">Codemotion</a></h1>
</li>
<li class="right menu">
<a class="hide-for-medium-up"><span class="icon-menu"></span></a>
<ul class="inline-list show-for-medium-up menu-large"><li><a href="http://codemotion.koliseo.com">Tickets</a></li>
<li><a href="./agenda.html">Agenda</a></li>
<li><a href="http://blog.codemotion.es">Blog</a></li>
<li><a href="/#location">Location</a></li>
<li><a href="http://2014.codemotion.es/en">Codemotion 2014</a></li>
<li><a href="./sponsoring.html">Sponsoring</a></li></ul>
</li>
</ul>
<section class="top-bar-section hide-for-medium-up">
<ul class="f-dropdown f-open-dropdown right">
<li><a href="http://codemotion.koliseo.com">Tickets</a></li>
<li><a href="./agenda.html">Agenda</a></li>
<li><a href="http://blog.codemotion.es">Blog</a></li>
<li><a href="/#location">Location</a></li>
<li><a href="http://2014.codemotion.es/en">Codemotion 2014</a></li>
<li><a href="./sponsoring.html">Sponsoring</a></li>
</ul>
</section>
</div>
</header>
</div>
<div class="row">
<div class="text-center top-section-title columns">
<h1>Codemotion Spain</h1>
<p>Nov 27-28 2015</p>
<a href=" https://www.koliseo.com/codemotion/codemotion-madrid " class="button radius uppercase " target="_blank">Get your tickets</a>
<a href=" ./call_for_volunteers.html " class="button radius uppercase secondary" >Call for volunteers</a>
</div>
</div>
<a href="#about" class="explore columns text-center">
<span class="arrow icon-down-open"></span>
</a>
</section>
<!-- End Main Section -->
<!-- First Section -->
<section id="about" class="row">
<div class="columns">
<h2>Be an agent of chaos</h2>
<p class='lead'>There must be a creation process. There must be change.</p><p>We, the IT crowd, recognize the need to reinvent our ways every year, learning new formulas to do old things. We don't relax believing that what was best practice last year will remain unchanged, unaffected by time. That's how Cobol was born. We don't do that.</p><p>We are agents of change. We recognize the need to destroy in order to build. We go, and get together, and learn. Then we get back to our places of work, and break things.</p><p>That's what we do.</p>
<h4>+1,900 Attendees</h4>
<p class="text-justify">With more than 1,900 software enthusiasts, Codemotion is the biggest IT event in Spain.</p>
<h4>+30 Communities</h4>
<p class="text-justify">Codemotion is possible because of all the communities that are behind, contributing with their support and curiosity.</p>
<h4>+130 Talks & Workshops</h4>
<p class="text-justify">Quality is important to us. That's why we go through all flavors of pain to filter the best talks and workshops. </p>
</div>
</section>
<section class="row">
<div class="large-8 columns large-offset-2">
<div class="flex-video widescreen">
<iframe width="560" height="315" src="https://www.youtube.com/embed/cfN3sQ_omjM" frameborder="0" allowfullscreen></iframe>
</div>
</div>
</section>
<!-- End First Section -->
<!-- CoC intro Section -->
<section id="coc" class="row">
<div class="columns">
<h2>Code of Conduct</h2>
<p>All attendees, speakers, sponsors and volunteers at our conference are required to agree with the code of conduct. Organisers will enforce this code throughout the event. We are expecting cooperation from all participants to help ensuring a safe environment for everybody.</p>
<div class="text-center"><a class="button radius" href="./code_of_conduct.html">Read more about this</a></div>
</div>
</section>
<!-- CoC intro Section -->
<!-- Begin Location Section -->
<section id="location" class="location-map row">
<div class="columns">
<h2>Location</h2>
<p>The parking has a limited capacity, and there will be many of us. We recommend to take the public transport, which is surprisingly easy:</p>
<ul>
<li><span class="icon-train"></span> <b>Metro ligero</b>: L3 (direction Puerta de Boadilla, drop at MontePríncipe)</li>
<li><span class="icon-bus"></span> <b>Bus</b>: 571, 573, 574</li>
</ul>
<p><b>THIS IS NOT THE SAME AS "CAMPUS DE MONCLOA".</b> Please double-check your GPS instructions.</p>
<hr>
<p>Renfe offers <a href="/docs/renfe_voucher_2015.pdf" target="_blank">a 30% discount to assist to Codemotion</a>. <b>This offer is valid for all trains</b> on all national travels, but cannot be combined with any other commercial offer (like return trips). <a href="http://www.renfe.com/viajeros/tarifas/eventos_tutorial.html" target="_blank">Here</a> you can read about how this works.
</p>
<hr>
<p><a href="http://www.nh-hoteles.es/hotel/nh-pozuelo-ciudad-de-la-imagen?nhagentid=10165&nhsubagentid=101650000000&oodc=26_99956&source=adwords&gclid=CLi556qXpMgCFQb4wgodUUkHpA&dclid=CL-xh6uXpMgCFcWeGwodPQMPZw" target="_blank">NH Ciudad de la Imagen Hotel</a> offers our attendees a special price on 35 double and single rooms: <ul><li>Double room (breakfast included) 63,00€ + 10% IVA per night</li> <li>Single room (breakfast included) 54,00€ + 10% IVA per night</li></ul> <p>Please call or send them an email indicating the reference number 7619617, or just CODEMOTION. <p>These special prices will be available for the reservations made <b>until october, 21st.</b> <p>NH Ciudad de la Imagen Hotel is very close to the venue, just 5 stops by Metro Ligero (ML3 line) from Montepríncipe station. <p>Contacts and booking: <br/>NH Ciudad de la Imagen <br/>C/ Luis Buñuel 1, Ciudad de la Imagen | 28223 Pozuelo de Alarcón. Madrid | SPAIN <br/>T. <a href="tel:%2B34%2091%207110222">+34 91 7110222</a> | <a href="mailto:[email protected]">[email protected]</a> | <a href="www.nh-hotels.com" target="_blank">www.nh-hotels.com</a></p>
<hr>
<p><a href="http://www.eurostarsihotel.com/" target="_blank">Eurostars i-Hotel</a> offers us 50 rooms at a very special price: <ul><li>Double room for single use: 65,00€ per night, VAT included</li> <li>Double room for single use + breakfast: 71,00€ per night, VAT included</li> <li>Double room: 65,00€ per night, VAT included</li> <li>Double room + breakfast: 77,00€ per night, VAT included</li></ul> <p>You can book at this special price until the 10th of November and you must specify that you are CODEMOTION attendees. Please, call at <a href="tel:%28%2B34%29%2091%20272%2030%2060">(+34) 91 272 30 60</a> or send an email to <a href="mailto:[email protected]">[email protected]</a>. <p>The hotel is very close to the venue, you will take only a few stops by Metro Ligero (line ML3) to get to Codemotion.
</div>
<div class="columns">
<div class="location-description">
<ul class="unstyled">
<li><a href="http://www.uspceu.com/" target="_blank"><img src="/img/sponsors/ceu.png" alt="Universidad San Pablo CEU" style="max-height: 60px;"></a></li>
<li>Universidad San Pablo CEU</li>
<li>Campus de Montepríncipe</li>
<li>Boadilla del monte, Madrid</li>
<li><a class="button radius small uppercase" target="_blank" href="https://goo.gl/maps/X5eoF">View on Google Maps</a></li>
</ul>
</div>
<div id="canvas-map" class="canvas-map"></div>
</div>
</section>
<!-- End Location Section -->
<footer>
<div class="level1">
<div class="row">
<div class="columns medium-6">
<div class="row">
<div class="columns">
<a href="/" class="codemotion">Codemotion</a>
</div>
<div class="columns">
<a href="/">EN</a>
<span> &middot; </span>
<a href="/es">ES</a>
</div>
<div class="columns">
<a href="./code_of_conduct.html">Code of Conduct</a>
</div>
</div>
</div>
<div class="columns medium-6">
<ul class="footer-social-container">
<li>
<a class="footer-social icon-mail mail" href="mailto:[email protected]" title="E-mail us"></a>
</li>
<li>
<a class="footer-social google icon-youtube" href="https://plus.google.com/104221251947950058832" title="Hear us"></a>
</li>
<li>
<a class="footer-social facebook icon-facebook" href="https://www.facebook.com/pages/Codemotion-Madrid/505998872792272" title="Friend us"></a>
</li>
<li>
<a class="footer-social twitter icon-twitter" href="https://twitter.com/codemotion_es" title="Follow us"></a>
</li>
<li>
<a class="footer-social github icon-github-text" href="https://github.com/ccoloma/web-codemotion-2015" title="This website is open source"></a>
</li>
</ul>
</div>
</div>
</div>
<div class="level2 text-center">
<span><span>Developed with</span><span class="icon-heart"></span><span>by</span></span>
<a href="http://www.extrema-sistemas.com" class="extrema">Extrema Sistemas</a>
</div>
</footer>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script>
window.jQuery || document.write('<script src="/js/jquery-2.1.1.min.js"><\/script>')
</script>
<script src="/js/default.js"></script>
<script>
if ($(window).width() > 767) {
document.write('<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"><\/script>')
}
</script>
<script>
if ($(window).width() > 767) {
var googleMaps = true,
eventPlace = new google.maps.LatLng(40.399567,-3.837917,17),
centerMap = new google.maps.LatLng(40.399567,-3.839917,17),
mobileCenterMap = new google.maps.LatLng(40.399567,-3.837917),
icon = '/img/map-marker.svg';
} else {
var staticGoogleMaps = true,
eventPlaceCoordinates = '40.399567,-3.837917,17',
centerMapCoordinates = '40.399567,-3.839917,17',
mobileCenterMapCoordinates = '40.399567,-3.837917',
icon = 'http://2015.codemotion.es/img/map-marker.png';
}
</script>
<script src="/js/scripts.min.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment