52 lines
2.2 KiB
Plaintext
52 lines
2.2 KiB
Plaintext
<div class="d-flex flex-row">
|
|
<div class="d-flex flex-column">
|
|
<%= product_wordmark :direct_me, prefix: t('.headings.welcome'), class: "h2" %>
|
|
<p class="text-muted"><%= t '.headings.subtitle' %>
|
|
</div>
|
|
|
|
<%= link_to t(".actions.book_demo"), 'https://meetings.hubspot.com/bray2', class: "btn btn-primary border align-self-center h-50 ml-auto mr-2 pb-2", target: '_blank' %>
|
|
<% if policy(Broadcast).new? %>
|
|
<%= link_to t(".actions.create_stream"), [:new, @project, :broadcast], class: "btn btn-success border align-self-center h-50 pb-2" %>
|
|
<% end %>
|
|
</div>
|
|
|
|
<hr>
|
|
|
|
<div class="pt-2">
|
|
<div class="row">
|
|
<div class="col">
|
|
<div class="card-body p-0">
|
|
<div class="embed-responsive embed-responsive-16by9">
|
|
<div class="embed-responsive-item">
|
|
<div style="padding:56.25% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/435943632" style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe></div><script src="https://player.vimeo.com/api/player.js"></script>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col">
|
|
<div class="row">
|
|
<div class="col">
|
|
<h3><%= t '.headings.how_it_works' %></h3>
|
|
<ol>
|
|
<li><%= t '.list_items.create_stream' %></li>
|
|
<li><%= t '.list_items.share_stream' %></li>
|
|
<li><%= t '.list_items.launch_video_conference' %></li>
|
|
<li><%= t '.list_items.share_files' %></li>
|
|
</ol>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col">
|
|
<h3><%= t '.headings.benefits' %></h3>
|
|
<ul class="fa-ul ml-5">
|
|
<%= content_tag(:li, fa_icon("check li", text: t('.list_items.stream_from_mobile_app'))) %>
|
|
<%= content_tag(:li, fa_icon("check li", text: t('.list_items.direct_shoots_anywhere'))) %>
|
|
<%= content_tag(:li, fa_icon("check li", text: t('.list_items.share_live_stream'))) %>
|
|
<%= content_tag(:li, fa_icon("check li", text: t('.list_items.stream_multiple_cameras'))) %>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|