|
<% 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">
<%= bootstrap_flash %>
<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 inverse btn-success', 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', id: 'subscription_email_mobile', class: 'span4', required: true, style: 'height: 50px; font-size: 24px; padding-top: 5px;' %>
<% end %>
<%= f.submit (t 'subscription.submit'), class: 'btn btn-large btn-success', id: 'submit_subscription_mobile' %>
<% end %>
</div>
|