|
<% 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>
<footer class="footer-white">
<div class="container">
<div class="row">
<div class="column first">
<div class="column-inner first centered">
<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="column">
<div class="column-inner">
<a class="btn-about" href="#about"><%= (t "landing_page.about").html_safe %></a><br>
<a class="btn-features" href="#features"><%= (t "landing_page.features").html_safe %></a><br>
<a class="btn-subscribe" href="#subscribe"><%= (t "landing_page.subscribe").html_safe %></a><br>
<%= link_to (t "registration.sign_in"), new_user_session_path, class: "btn-login" %><br>
</div>
</div>
<div class="column">
<div class="column-inner">
<p><%= t 'contact.contact'%><br><a href="mailto:<%= t 'contact.email_contact'%>@avalanche.network"><%= t 'contact.email_contact'%>@avalanche.network</a><br><%= t 'contact.current_location'%></p>
</div>
</div>
<div class="column">
<div class="column-inner centered">
<a href="https://www.facebook.com/pages/Avalanche-Network/932907863393529"><i class="fa fa-facebook-square fa-4x"></i></a>
<a href="https://twitter.com/avalanche_net"><i class="fa fa-twitter fa-4x"></i></a>
</div>
</div>
<div class="column">
<div class="column-inner last centered">
<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>
</div>
<div class="row">
<hr style="margin-top: 20px; border-top: 1px solid #000000;">
<p class="copyright" style="text-align: center;">© Avalanche Network <%= Time.now.year %></p>
</div>
</div>
</footer>
|
