Skip to content

Instantly share code, notes, and snippets.

@gugote
Created May 6, 2014 19:22
Show Gist options
  • Save gugote/2a2e979c7095314d7e0e to your computer and use it in GitHub Desktop.
Save gugote/2a2e979c7095314d7e0e to your computer and use it in GitHub Desktop.
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Index page</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<!-- @todo remove reload -->
<!-- Hammer reload -->
<script>
setInterval(function(){
try {
if(typeof ws != 'undefined' && ws.readyState == 1){return true;}
ws = new WebSocket('ws://'+(location.host || 'localhost').split(':')[0]+':35353')
ws.onopen = function(){ws.onclose = function(){document.location.reload()}}
ws.onmessage = function(){
var links = document.getElementsByTagName('link');
for (var i = 0; i < links.length;i++) {
var link = links[i];
if (link.rel === 'stylesheet' && !link.href.match(/typekit/)) {
href = link.href.replace(/((&|\?)hammer=)[^&]+/,'');
link.href = href + (href.indexOf('?')>=0?'&':'?') + 'hammer='+(new Date().valueOf());
}
}
}
}catch(e){}
}, 1000)
</script>
<!-- /Hammer reload -->
<!-- @todo Place favicon.ico and apple-touch-icon.png in the root directory -->
<link rel='stylesheet' href='../css/normalize.css'>
<link rel='stylesheet' href='../jquery.remodal.css'>
<link rel='stylesheet' href='../css/museo.css'>
<link rel='stylesheet' href='../css/museo500.css'>
<link rel='stylesheet' href='../css/museo700.css'>
<link rel='stylesheet' href='../css/animate.css'>
<link rel='stylesheet' href='../css/screen.css'>
<script src='../js/vendor/modernizr-latest.js'></script>
<script src='../js/vendor/jquery-1.11.0.min.js'></script>
<!-- Preloader -->
<script type="text/javascript">
//<![CDATA[
$(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.
});
//]]>
</script>
</head>
<body>
<!--[if lt IE 7]>
<p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
<![endif]-->
<!--
.-""-.
/ .--. \
/ / \ \
| | | |
| |.-""-.|
///`.::::.`\
||| ::/ \:: ;
||; ::\__/:: ;
\\\ '::::' /
`=':-..-'`
YES WE ARE F** SECURE!! -->
<!-- Preloader -->
<div id="preloader">
<div id="status">
<img src="../img/logo-b.png" alt="Uluminum">
<div id="floatingBarsG">
<div class="blockG" id="rotateG_01"></div>
<div class="blockG" id="rotateG_02"></div>
<div class="blockG" id="rotateG_03"></div>
<div class="blockG" id="rotateG_04"></div>
<div class="blockG" id="rotateG_05"></div>
<div class="blockG" id="rotateG_06"></div>
<div class="blockG" id="rotateG_07"></div>
<div class="blockG" id="rotateG_08"></div>
</div>
</div>
</div>
<section id="cover">
<header>
<div class="wrapper cf">
<div class="col4 logo">
<img src="../img/logo-w.png" alt="Uluminum">
</div>
<div class="col8 tools">
<a href="/" class="lang">English?</a>
<!-- <a href="#" class="signin">ingresar</a> -->
<a href="#signup" class="download">Descargar</a>
</div>
</div>
</header>
<div class="wrapper cf">
<h1>Data storage<br>encriptada &amp;<br>anónima</h1>
<div class="signup">
<a href="#signup">Regístrese</a>
<span>Cuentas secretas, seguras y confidenciales.<br>Sus datos sensibles nunca tuvieron tanta privacidad.</span>
</div>
<div class="arrow"></div>
<h3>CARACTERÍSTICAS</h3>
</div>
</section>
<section id="likeabank">
<div class="wrapper cf">
<h1 class="wow fadeInUp">Como un banco. Pero mejor.</h1>
<h2 class="wow fadeInUp">Veloz, confiable y seguro. Pero sobre todo, privado. En serio.</h2>
<div class="col3 featurebox wow fadeInLeft">
<img src="../img/icon-lock.png" alt="End-to-End Encryption Vault">
<h3>Bóveda online encriptada de punta a punta<br>denominada ‘conocimiento cero’</h3>
<p>Solo usted controla las claves de encriptación para desbloquear sus archivos. Una encriptación comprehensiva significa que su data en la nube permance protegida y reservada. Sus backups, archivos e información sensible: seguras y privadas todo el tiempo.</p>
</div>
<div class="col3 featurebox wow fadeInUp">
<img src="../img/icon-bitcoin.png" alt="100% Anonymous with Bitcoin">
<h3>100% Anónimo con Bitcoin<br>Ni al personal, ni al gobierno. Nadie.</h3>
<p>Pagando con bitcoin usted puede permancer completamente anónimo. Ni Uluminum, ni nadie, puede saber su identidad o lo que guarda en nuestra nube. No es necesarion confiar en nadie: ni en nuestro personal, en el gobierno o en sus empleados. ¿Desea saber más sobre bitcoin? <a href="http://en.wikipedia.org/wiki/Bitcoins" target="_blank">bitcoin</a>.</p>
</div>
<div class="col3 featurebox wow fadeInRight">
<img src="../img/icon-factory.png" alt="Enterprise robustness with Openstack...">
<h3>Una solución robusta para empresas<br>con OpenStack</h3>
<p>La adaptacion de OpenStack de Uluminum provee una plataforma de alta performance para sus datos en la nube. Ágil, a medida y totalmente escalable. Disponible en su infraestructura o en la nuestra.</p>
</div>
<div class="col12 questions">
<a href="mailto:hello@uluminum.com?subject=Solicita mas información" class="questionsspanish">¿Preguntas? Escríbanos.</a>
</div>
</div>
</section>
<section id="cloudprivacy">
<div class="wrapper cf">
<h3 class="spanish">PRIVACIDAD SERIA EN LA NUBE</h3>
<h1 class="wow fadeInUp">Seguridad a nivel bancario<br>para información sensible.</h1>
<div class="moreinfo">
<a href="mailto:hello@uluminum.com?subject=Pedir mas información" class="moreinfospanish">Pedir más información</a>
</div>
<p>Sus documentos y data más valiosa, totalmente segura, encriptada y anónima.<br>Nosotros no sabemos que guarda ni su identidad.</p>
</div>
</section>
<section id="missed">
<div class="wrapper cf">
<h3>UNA VEZ MÁS</h3>
<h1 class="wow fadeInUp">No sabemos que guarda<br>ni quien es usted.</h1>
<h2>No verificamos emails, no monitoreamos su uso, no guardamos claves.<br>Máxima seguridad y privacidad para su data.</h2>
<h1>No confíe en nadie.</h1>
</div>
</section>
<section id="road">
<div class="wrapper cf">
<h3 class="spanish">EL CAMINO MENOS TRANSITADO</h3>
<h1 class="wow fadeInUp">Sin sincro. Sin compartir.<br>Seguridad.</h1>
<div class="theicons">
<img src="../img/icon-rsa.png" alt="RSA 4096" class="wow fadeInLeft">
<img src="../img/icon-tls.png" alt="TLS Security" class="wow fadeInUp">
<img src="../img/icon-aes.png" alt="AES 256" class="wow fadeInRight">
</div>
</div>
<p>Data storage de Uluminum no es 'social'. Es encripción en multiples capas, confiable y segura.</p>
</section>
<section id="secteam">
<p>¿Desea hablar con nuestro equipo de seguridad?<br>Escríbanos: <a href="mailto:devs@uluminum.com?subject=Developer Connect">devs@uluminum.com</a></p>
</section>
<section id="areyouready">
<div class="wrapper cf">
<h1>¿Quiere ver como podemos ayudar a su empresa?</h1>
<div class="signup cf">
<a href="#signup" classs="signup">Empecemos</a>
</div>
</div>
</section>
<footer>
<div class="wrapper cf">
<div class="col3 logo">
<img src="../img/logo-w.png" alt="Uluminum">
</div>
<div class="col3 chuider">
<a href="http://twitter.com/uluminum" target="_blank"><img src="../img/icon-twitter.png" alt="twitter"> @uluminum</a>
</div>
<div class="col3 email">
<a href="mailto:hello@uluminum.com?subject=Pedido de Información">hello@uluminum.com</a>
</div>
</div>
<div class="wrapper cf">
<div class="col2">
<h2>Business</h2>
<ul>
<li><a href="mailto:devs@uluminum.com?subject=Developer Connect">Desarrolladores</a></li>
<li><a href="mailto:hello@uluminum.com?subject=Pedido de Información">Contacto</a></li>
<li><a href="mailto:bizdev@uluminum.com">Nuevos Negocios</a></li>
</ul>
</div>
<div class="col2">
<h2>Support</h2>
<ul>
<li><a href="mailto:support@uluminum.com">Ayuda</a></li>
<li>FAQs <span>proximamente</span></li>
<!--<li><a href="#">Forgot Password</a></li>-->
</ul>
</div>
<div class="col2">
<h2>Legales</h2>
<ul>
<li>Terminos de Servicio</li>
<li>Service Agreement</li>
<li>Politicas de Privacidad</li>
</ul>
</div>
<div class="col2">
<h2>Contact</h2>
<ul>
<li><a href="mailto:hello@uluminum.com?subject=Pedido de información">Contacto</a></li>
<li><a href="mailto:support@uluminum.com">Soporte</a></li>
<li><a href="mailto:feedback@uluminum.com">Feedback</a></li>
<li><a href="mailto:press@uluminum.com">Prensa</a></li>
</ul>
</div>
</div>
<div class="wrapper cf foot">
<p>&copy; 2014. Uluminum. all rights reserved.</p>
</div>
</footer>
<div class="remodal" data-remodal-id="signup">
<div class="leftcol">
<h2>Registración Temprana</h2>
<h3>Nos pondremos rapidamente en contacto.</h3>
<form name="theform" action="#" method="POST" id="theform">
<!-- send mail configuration -->
<input type="hidden" value="hello@uluminum.com" name="to" id="to" />
<input type="hidden" value="uluminum Website :: Contact" name="subject" id="subject" />
<input type="hidden" value="../send-mail.php" name="sendMailUrl" id="sendMailUrl" />
<!-- ENDS send mail configuration -->
<p><input type="text" id="username" name="username" required><label for="usename">Usuario</label></p>
<p><input type="text" id="email" name="email" required><label for="email">Email</label></p>
<p><textarea name="" id="message" name="message" cols="30" rows="10" placeholder="optional"></textarea><label for="message">Mensaje</label></p>
<input type="submit" id="submit" value="Enviar">
</form>
</div>
<div class="rightcol">
<img src="../img/logo-b.png" alt="Uluminum">
</div>
<p id="sent-form-msg" class="success">Thank you.</p>
</div>
<script src='../js/wow.js'></script>
<script src='../js/jquery.remodal.js'></script>
<script src='../js/jquery.validate.js'></script>
<script src='../js/main.js'></script>
<!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
<script>
var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
g.src='//www.google-analytics.com/ga.js';
s.parentNode.insertBefore(g,s)}(document,'script'));
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment