|
<% title @config.website_name %>
<!-- Carousel
================================================== -->
<div id="myCarousel" class="hidden-phone carousel slide" data-ride="carousel" style="height: 400px">
<div class="carousel-inner" role="listbox">
<div class="item active">
<div id="obscure_header" class="obscure" style="height: 960px;"></div>
<%= image_tag "photo_mission_control.jpg", id: 'photo_header', style: 'width: 100%;' %>
<div class="container" >
<div class="row">
<div class="span12" style="height: 20px;">
<div id="tagline_header" class="" style="background-color: transparent; position: relative; top: -700px;">
<h1 class="header"><%= (t "landing_page.tagline").html_safe %></h1>
<p class="lead header"><%= (t "landing_page.tagline_subtext").html_safe %></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div><!-- /.carousel -->
<!-- Carousel Mobile
================================================== -->
<div id="myCarousel2" class="visible-phone carousel slide" data-ride="carousel" style="height: 400px; margin-left: -20px; margin-right: -20px;">
<div class="carousel-inner" role="listbox">
<div class="item active">
<div id="obscure_header_mobile" class="obscure" style="height: 960px;"></div>
<%= image_tag "photo_mission_control.jpg", id: 'photo_header_mobile', style: 'width: 100%;' %>
<div class="container" >
<div class="row">
<div class="span12" style="height: 20px; padding-left: 20px; padding-right: 20px;">
<div id="tagline_header_mobile" class="" style="background-color: transparent; position: relative; top: -700px;">
<h1 class="header mobile">Avalanche Network</h1>
</div>
</div>
</div>
</div>
</div>
</div>
</div><!-- /.carousel -->
<div id="about" class="container" style="margin-top: 30px;">
<div class="row">
<div class="span6">
<h2 class="landing_page hidden-phone"><%= (t "landing_page.about_title").html_safe %></h2>
<%= (t "landing_page.about_text").html_safe %>
</div>
<div class="span6">
<% if cookies[:avalanche_locale] == 'en' %>
<%= image_tag "fluxogram_avalanche@en.jpg", style: 'width: 100%;' %>
<% else %>
<%= image_tag "fluxogram_avalanche@pt-BR.jpg", style: 'width: 100%;' %>
<% end %>
</div>
</div>
</div>
<!-- FEATURES -->
<div id="features" class="container hidden-phone">
<div class="row">
<div class="span6">
<h2 style="margin-bottom: 45px; margin-top: 35px;"><%= (t "landing_page.feature_headline_1").html_safe %></h2>
<p class="lead"><%= (t "landing_page.feature_text_1").html_safe %></p>
</div>
<div class="span6">
<h2 style="margin-bottom: 45px; margin-top: 35px;"><%= (t "landing_page.feature_headline_2").html_safe %></h2>
<p class="lead"><%= (t "landing_page.feature_text_2").html_safe %></p>
</div>
</div>
<div class="row" style="margin-top: 25px;">
<div class="span6">
<div class="media">
<span class="pull-left" href="#">
<%= image_tag "icons/icon_mission_64x64.png", style: 'width: 64px;' %>
</span>
<div class="media-body">
<p class="lead"><%= (t "landing_page.feature_1_item_1").html_safe %></p>
</div>
</div>
<div class="media">
<span class="pull-left" href="#">
<%= image_tag "icons/icon_chat_64x64.png", style: 'width: 64px;' %>
</span>
<div class="media-body">
<p class="lead"><%= (t "landing_page.feature_1_item_2").html_safe %></p>
</div>
</div>
<div class="media">
<span class="pull-left" href="#">
<%= image_tag "icons/icon_task_64x64.png", style: 'width: 64px;' %>
</span>
<div class="media-body">
<p class="lead"><%= (t "landing_page.feature_1_item_3").html_safe %></p>
</div>
</div>
<div class="media">
<span class="pull-left" href="#">
<%= image_tag "icons/icon_diamond_64x64.png", style: 'width: 64px;' %>
</span>
<div class="media-body">
<p class="lead"><%= (t "landing_page.feature_1_item_4").html_safe %></p>
</div>
</div>
</div>
<div class="span6">
<div class="media">
<span class="pull-left" href="#">
<%= image_tag "icons/icon_mission_64x64.png", style: 'width: 64px;' %>
</span>
<div class="media-body">
<p class="lead"><%= (t "landing_page.feature_2_item_1").html_safe %></p>
</div>
</div>
<div class="media">
<span class="pull-left" href="#">
<%= image_tag "icons/icon_radar_64x64.png", style: 'width: 64px;' %>
</span>
<div class="media-body">
<p class="lead"><%= (t "landing_page.feature_2_item_2").html_safe %></p>
</div>
</div>
<div class="media">
<span class="pull-left" href="#">
<%= image_tag "icons/icon_gift_64x64.png", style: 'width: 64px;' %>
</span>
<div class="media-body">
<p class="lead"><%= (t "landing_page.feature_2_item_3").html_safe %></p>
</div>
</div>
</div>
</div>
</div>
<!-- FEATURES MOBILE -->
<div id="features2" class="container visible-phone">
<div class="row">
<div class="span6">
<h2 ><%= (t "landing_page.feature_headline_1").html_safe %></h2>
<p class="lead"><%= (t "landing_page.feature_text_1").html_safe %></p>
<div class="media">
<span class="pull-left" href="#" style="">
<%= image_tag "icons/icon_mission_64x64.png", class: 'media-object', style: 'width: 64px;' %>
</span>
<div class="media-body">
<p class="lead"><%= (t "landing_page.feature_1_item_1").html_safe %></p>
</div>
</div>
<div class="media">
<span class="pull-left" href="#">
<%= image_tag "icons/icon_chat_64x64.png", style: 'width: 64px;' %>
</span>
<div class="media-body">
<p class="lead"><%= (t "landing_page.feature_1_item_2").html_safe %></p>
</div>
</div>
<div class="media">
<span class="pull-left" href="#">
<%= image_tag "icons/icon_task_64x64.png", style: 'width: 64px;' %>
</span>
<div class="media-body">
<p class="lead"><%= (t "landing_page.feature_1_item_3").html_safe %></p>
</div>
</div>
<div class="media">
<span class="pull-left" href="#">
<%= image_tag "icons/icon_diamond_64x64.png", style: 'width: 64px;' %>
</span>
<div class="media-body">
<p class="lead"><%= (t "landing_page.feature_1_item_4").html_safe %></p>
</div>
</div>
</div>
<div class="span6">
<h2><%= (t "landing_page.feature_headline_2").html_safe %></h2>
<p class="lead"><%= (t "landing_page.feature_text_2").html_safe %></p>
<div class="media">
<span class="pull-left" href="#">
<%= image_tag "icons/icon_mission_64x64.png", style: 'width: 64px;' %>
</span>
<div class="media-body">
<p class="lead"><%= (t "landing_page.feature_2_item_1").html_safe %></p>
</div>
</div>
<div class="media">
<span class="pull-left" href="#">
<%= image_tag "icons/icon_radar_64x64.png", style: 'width: 64px;' %>
</span>
<div class="media-body">
<p class="lead"><%= (t "landing_page.feature_2_item_2").html_safe %></p>
</div>
</div>
<div class="media">
<span class="pull-left" href="#">
<%= image_tag "icons/icon_gift_64x64.png", style: 'width: 64px;' %>
</span>
<div class="media-body">
<p class="lead"><%= (t "landing_page.feature_2_item_3").html_safe %></p>
</div>
</div>
</div>
</div>
<div class="row" style="margin-top: 25px;">
<div class="span6">
</div>
<div class="span6">
</div>
</div>
</div>
<!-- SUBSCRIBE -->
<div id="subscribe" class="hidden-phone carousel slide" data-ride="carousel" style=" margin-top: 60px;">
<div class="carousel-inner" role="listbox">
<div class="item active">
<div class="obscure" id="obscure_subscribe" style="height: 970px;"></div>
<%= image_tag "photo_everest.jpg", id: 'photo_subscribe', style: 'width: 100%;' %>
<div class="container" >
<div class="row">
<div class="span12" style="height: 0px;">
<div id="tagline_subscribe" class="" style="background-color: transparent; position: relative; top: -700px;">
<h1 class="header"><%= (t "landing_page.subscribe_title").html_safe %></h1>
<p class="lead header ">
<%= (t "landing_page.subscribe_text").html_safe %>
</p>
<%= bootstrap_form_for(@subscription, remote: true) do |f| %>
<%= f.alert_message "Please fix the errors below."%>
<%= f.form_group :email, style: 'margin-top: -35px;' do %>
<%= f.text_field :email, hide_label: true, placeholder: 'Email', class: 'span4 input-large', required: true, style: 'height: 30px; font-size: 24px; padding-top: 10px;' %>
<% end %>
<%= f.submit (t 'subscription.submit'), class: 'btn btn-large', id: 'submit_subscription' %>
<% end %>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- SUBSCRIBE MOBILE -->
<div id="subscribe2" class="visible-phone carousel slide" data-ride="carousel" style="margin-top: 20px; margin-left: -20px; margin-right: -20px;">
<div class="carousel-inner" role="listbox">
<div class="item active">
<div class="obscure" id="obscure_subscribe2" style="height: 970px;"></div>
<%= image_tag "photo_everest.jpg", id: 'photo_subscribe2', style: 'width: 100%;' %>
<div class="container" >
<div class="row">
<div class="span12" style="height: 0px;">
<div id="tagline_subscribe2" class="" style="background-color: transparent; position: relative; top: -700px;">
<h1 class="header mobile"><%= (t "landing_page.subscribe_title").html_safe %></h1>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="visible-phone" style="margin-bottom: 80px;">
<p class="lead" >
<%= (t "landing_page.subscribe_text").html_safe %>
</p>
<%= bootstrap_form_for(@subscription, remote: true) do |f| %>
<%= f.alert_message "Please fix the errors below."%>
<%= f.form_group :email, style: 'margin-top: -35px;' do %>
<%= f.text_field :email, hide_label: true, placeholder: 'Email', class: 'span4', required: true, style: 'height: 50px; font-size: 24px; padding-top: 5px;' %>
<% end %>
<%= f.submit (t 'subscription.submit'), class: 'btn btn-large', id: 'submit_subscription' %>
<% end %>
</div>
<div style="margin-top: 0px;">
<footer class="velvet">
<hr style="border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff;">
<div class="container nav-collapse">
</div>
<div class="container">
<div class="row" style="margin-top: 25px;">
<div class="span2" >
<div class="pull-left hidden-phone" style="margin-right: 20px;">
<ul class="nav btn">
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
<%= t('landing_page.lang') %>
<span class="caret"></span>
</a>
<ul class="dropdown-menu dropdown-menu-right" role="menu">
<li>
<%= link_to t('landing_page.en'), change_locale_path(:en) %>
</li>
<li>
<%= link_to t('landing_page.pt-BR'), change_locale_path(:"pt-BR") %>
</li>
</ul>
</li>
</ul>
</div >
</div>
<div class="span4 footer-links" style="margin-top: 4px;">
<p style="text-align: center;">
<a class="btn-about" href="#about"><%= (t "landing_page.about").html_safe %></a>
<a class="btn-features" href="#features"><%= (t "landing_page.features").html_safe %></a>
<a class="btn-subscribe" href="#subscribe"><%= (t "landing_page.subscribe").html_safe %></a>
<%= link_to (t "registration.sign_in"), new_user_session_path, class: "btn-login" %>
</p>
</div>
<div class="span2" style="padding-top: 5px;">
<p style="text-align: center;">
<a class="twitter-follow-button"
href="https://twitter.com/twitterdev"
data-show-count="false"
data-lang="en">
Follow @twitterapi
</a>
<script>window.twttr=(function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],t=window.twttr||{};if(d.getElementById(id))return;js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);t._e=[];t.ready=function(f){t._e.push(f);};return t;}(document,"script","twitter-wjs"));</script>
</p>
</div>
<div class="span2" style="padding-top: 5px;">
<p style="text-align: center;">
<iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fdevelopers.facebook.com%2Fdocs%2Fplugins%2F&width&layout=button_count&action=like&show_faces=true&share=true&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:21px;" allowTransparency="true"></iframe>
</p>
</div>
<div class="span2" style="padding-top: 5px;">
<p style="text-align: right;">
<a href="https://mixpanel.com/f/partner"><img src="//cdn.mxpnl.com/site_media/images/partner/badge_light.png" alt="Mobile Analytics" /></a>
</p>
</div>
</div>
<hr style="margin-top: 20px; border-top: 1px solid #000000;">
<p class="footer" style="text-align: center;">© Avalanche Network <%= Time.now.year %></p>
</div>
</div>
</div>
</footer>
</div>
|
