Skip to content

Instantly share code, notes, and snippets.

@pdaire

pdaire/index.html

Created May 12, 2015 14:21
Show Gist options
  • Save pdaire/ba4809fa34cfd163cd91 to your computer and use it in GitHub Desktop.
Save pdaire/ba4809fa34cfd163cd91 to your computer and use it in GitHub Desktop.
Download ZIP
widget staging
Raw
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- OGP -->
<meta property="og:title" content="Let's Talk" />
<meta property="og:type" content="website" />
<meta property="og:url" content="" />
<meta property="og:image" content="/images/coffee_man.jpg" />
<!-- twitter card -->
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="go_letstalk">
<meta name="twitter:title" content="">
<meta name="twitter:description" content="Chatea gratis con empresas y servicios.">
<meta name="twitter:creator" content="go_letstalk">
<meta name="twitter:image" content="/images/coffee_man.jpg">
<!--== CSS Files ==-->
<link href="/css/bootstrap.css" rel="stylesheet" media="screen">
<link href="/css/style.css" rel="stylesheet" media="screen">
<link href="/css/animate.min.css" rel="stylesheet" media="screen">
<link href="/css/font-awesome.css" rel="stylesheet" media="screen">
<link href="/css/owl.carousel.css" rel="stylesheet" media="screen">
<link href="/css/flexslider.css" rel="stylesheet" media="screen">
<link href="/css/fancySelect.css" rel="stylesheet" media="screen">
<link href="/css/responsive.css" rel="stylesheet" media="screen">
<!-- favicon -->
<link rel="shortcut icon" href="/images/favicon.ico" />
<!--== Google Fonts ==-->
<link href='//fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'>
<link href='//fonts.googleapis.com/css?family=Belgrano' rel='stylesheet' type='text/css'>
<script src="//maps.googleapis.com/maps/api/js?sensor=false"></script>
<script src="/js/jquery-2.1.0.min.js"></script>
</head>
<body>
<header id="header">
<div id="menu" class="header-menu fixed">
<div class="container">
<div class="row">
<nav role="navigation" class="col-sm-12">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<!--== Logo ==-->
<a href="/#header">
<span class="navbar-brand logo">
<img src="/images/icono-letstalk.png">
</span>
</a>
</div>
<div class="navbar-collapse collapse">
<!--== Navigation Menu ==-->
<ul class="nav navbar-nav">
<li id="inicio"><a href="#header">Inicio</a></li>
<li><a href="#tour">Tour</a></li>
<li><a href="#contacto">Contacto</a></li>
<li><a href="/empresas" class="external">Empresas</a></li>
<li><a href="http://go-letstalk.tumblr.com/" class="external">Blog</a></li>
<li><a href="/en" class="external">English</a></li>
</ul>
</div>
</nav>
</div>
</div>
</div>
<!--== Site Description ==-->
<div class="header-cta">
<div class="container">
<div class="row">
<div class="blk">
<h1>Chatea con tiendas y servicios. </br>Gratis.</h1>
<h2>Let's Talk es la forma más cómoda </br>de contactar a una empresa.</h2>
</div>
</div>
<div class="row">
<div class="blk">
<a href="https://play.google.com/store/apps/details?id=com.camperfarm.letstalk" target="_blank"><img class="app-button" alt="Android app on Google Play" src="https://developer.android.com/images/brand/en_app_rgb_wo_60.png" /></a>
<a href="https://itunes.apple.com/cl/app/lets-talk/id892192939?mt=8&uo=4" target="_blank"><img class="app-button" src="/images/appstore-btn.svg"></a>
</div>
</div>
</div>
</div>
<div class="header-bg">
<div id="preloader">
<div class="preloader"></div>
</div>
<div class="main-slider" id="main-slider">
<!--== Main Slider ==-->
<ul class="slides">
<li><img src="/images/coffee_man.jpg" alt="Coffee Man"/></li>
<!-- <li><img src="images/girl_chatting.jpg" alt="Chatting Girl"/></li> -->
</ul>
</div>
</div>
</header>
<div class="content">
<div class="container box">
<section class="row" id="tour">
<!--===============================-->
<!--== Image Slider ===============-->
<!--===============================-->
<section class="row">
<div class="col-md-5 col-sm-12">
<div class="section-header text-right">
<h2>¡No más llamadas telefónicas!.</h2>
<h4> Con tus amigos, colegas y familiares usas WhatsApp y otras aplicaciones para comunicarte. ¿Por qué seguir llamando por teléfono a las empresas?</h4>
</br>
</br>
<a href="https://play.google.com/store/apps/details?id=com.camperfarm.letstalk" target="_blank"><img alt="Android app on Google Play" src="https://developer.android.com/images/brand/en_app_rgb_wo_60.png" /></a>
<a href="https://itunes.apple.com/cl/app/lets-talk/id892192939?mt=8&uo=4" target="_blank"><img src="/images/appstore-btn.svg"></a>
</div>
</div>
<div class="col-md-7 col-sm-12">
<div class="flexslider">
<ul class="slides">
<li><img src="/images/orgs_nexus4_angle1.png" alt="Slide Image"/></li>
<!-- <li><img src="/images/img-02.png" alt="Slide Image 2"/></li> -->
</ul>
</div>
</div>
</section>
<!--==========-->
</section>
<section class="row">
<!--===============================-->
<!--== Image Slider ===============-->
<!--===============================-->
<section class="row">
<div class="col-md-7 col-sm-12">
<div class="flexslider">
<ul class="slides">
<!-- <li><img src="/images/img-01.png" alt="Slide Image"/></li> -->
<li><img src="/images/iphone6_conversations_list.png" alt="Slide Image 2"/></li>
</ul>
</div>
</div>
<div class="col-md-5 col-sm-12">
<div class="section-header text-right">
<h2>Tu tiempo vale. No pierdas tiempo con la música de un call center.</h2>
<h4>No te detengas. En el cine, una reunión o viajando, con Let's Talk siempre puedes comunicarte sin pasar por el molesto call center</h4>
</br>
</br>
<a href="https://play.google.com/store/apps/details?id=com.camperfarm.letstalk" target="_blank"><img alt="Android app on Google Play" src="https://developer.android.com/images/brand/en_app_rgb_wo_60.png" /></a>
<a href="https://itunes.apple.com/cl/app/lets-talk/id892192939?mt=8&uo=4" target="_blank"><img src="/images/appstore-btn.svg"></a>
</div>
</div>
</section>
<!--==========-->
</section>
<section class="row">
<!--===============================-->
<!--== Image Slider ===============-->
<!--===============================-->
<section class="row">
<div class="col-md-5 col-sm-12">
<div class="section-header text-right">
<h2>Envía y recibe tu ubicación, fotos o videos.</h2>
<h4>Con Let's Talk puedes enriquecer la conversación enviando y recibiendo distintos tipos de datos, quedando todas tus conversaciones registradas. La llamada telefónica es cosa del pasado.</h4>
</br>
</br>
<div>
<a href="https://play.google.com/store/apps/details?id=com.camperfarm.letstalk" target="_blank"><img alt="Android app on Google Play" src="https://developer.android.com/images/brand/en_app_rgb_wo_60.png" /></a>
<a href="https://itunes.apple.com/cl/app/lets-talk/id892192939?mt=8&uo=4" target="_blank"><img src="/images/appstore-btn.svg"></a>
</div>
</div>
</div>
<div class="col-md-7 col-sm-12">
<div class="flexslider">
<ul class="slides">
<li><img src="/images/iphone6_nexus4_chat.png" alt="Nexus Attachements"/></li>
<!-- <li><img src="/images/img-02.png" alt="Slide Image 2"/></li> -->
</ul>
</div>
</div>
</section>
<!--==========-->
</section>
<section class="row separated" id="contacto">
<!--===============================-->
<!--== Register ===================-->
<!--===============================-->
<section id="contacto" class="row">
<div class="col-sm-12">
<div class="section-header text-center">
<h2>Contacto</h2>
<p>Estamos atentos y abiertos a tus comentarios, críticas y sugerencias. Lo que quieras decir, dilo.</p>
</div>
<form action="https://docs.google.com/a/letsta.lk/forms/d/1oSblrSNnzq7-C6RdijH1qKoT6Uuv3Y4Nt9V9KOhO1F0/formResponse" method="POST" id="ss-form subscribe-form" class="form" target="_blank" onsubmit=""><ol role="list" class="ss-question-list" style="padding-left: 0">
<div class="col-md-2 col-sm-6">
<input type="text" name="entry.406781281" value="" class="ss-q-short" id="entry_406781281" dir="auto" aria-label="Nombre" aria-required="true" placeholder="Nombre*" required="" title="">
</div>
<div class="col-md-2 col-sm-6">
<input type="text" name="entry.1753933706" value="" class="ss-q-short" id="entry_1753933706" dir="auto" aria-label="Dirección de Correo electrónico " aria-required="true" required="" title="" placeholder="Email*">
</div>
<div class="col-md-6 col-sm-6">
<textarea name="entry.645477817" rows="8" cols="0" class="ss-q-long required" id="entry_645477817" dir="auto" aria-label="Tu mensaje...*" aria-required="true" required="" placeholder="Tu mensaje...*"></textarea>
</div>
<div class="col-md-2 col-sm-6">
<input type="submit" name="submit" value="Enviar" id="ss-submit" class="jfk-button jfk-button-action ">
</div>
<input type="hidden" name="draftResponse" value="[,,-5401898719998166059]">
<input type="hidden" name="pageHistory" value="0">
<input type="hidden" name="fbzx" value="-5401898719998166059">
</form>
</section>
</section>
<div id="gotop" class="gotop fa fa-arrow-up"></div>
</div>
</div>
<footer id="footer">
<div id="map_canvas"></div>
<div class="footer">
<div class="container box">
<section id="info" class="row">
<div class="col-sm-8">
<ul class="social-icons">
<li><a href="https://www.facebook.com/LetsTalkchat" target="_blank" class="fa fa-facebook"></a></li>
<li><a href="https://twitter.com/go_letstalk" target="_blank" class="fa fa-twitter"></a></li>
</ul>
</div>
<div class="col-sm-4 text-right">
<div><a href="https://mixpanel.com/f/partner"><img src="//cdn.mxpnl.com/site_media/images/partner/badge_light.png" alt="Mobile Analytics" /></a></div>
<div class="copyrights">
Hecho a mano por Let's Talk SpA © 2015
</div>
</div>
</section>
</div>
</div>
</footer>
<!--== Javascript Files ==-->
<script src="/js/bootstrap.min.js"></script>
<script src="/js/jquery.scrollTo.js"></script>
<script src="/js/jquery.nav.js"></script>
<script src="/js/owl.carousel.min.js"></script>
<script src="/js/jquery.flexslider.js"></script>
<script src="/js/jquery.accordion.js"></script>
<script src="/js/jquery.placeholder.js"></script>
<script src="/js/jquery.fitvids.js"></script>
<script src="/js/gmap3.js"></script>
<script src="/js/fancySelect.js"></script>
<script src="/js/jquery.storageapi.min.js"></script>
<script src="/js/jquery.browserLanguage.js"></script>
<script src="/js/main.js"></script>
</body>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-61272908-1', 'auto');
ga('send', 'pageview');
</script>
<script type="application/javascript" src="//widget.staging.letsta.lk/beta/widget/script/1.js"></script>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment