RubyGems - station - Versions diffs - 0.0.0 → 0.0.100 - Mend

station 0.0.0 → 0.0.100

Files changed (620) hide show

data/lib/nexmo_developer/app/views/layouts/static.html.erb ADDED

@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html lang="en">
+  <%= render partial: 'layouts/partials/head' %>
+  <body class="Nxd-template" data-push-state-root="<%= canonical_path %>">
+    <%= render partial: 'layouts/partials/header' %>
+    <div id="Vlt-sidenav" class="Vlt-sidenav">
+      <div class="Vlt-sidenav__scroll">
+        <nav class="sidenav" tabindex="0" >
+          <%= render partial: 'layouts/partials/sidenav' %>
+        </nav>
+      </div>
+    </div>
+    <nav class="Vlt-sidenav" id="Vlt-sidenav">
+      <% if @return_link %>
+        <%= link_to @return_link[:path], class: 'sidenav-back' do %>
+          <i class="icon icon-angle-left"></i> Back to <%= @return_link[:title] %>
+        <% end %>
+        <hr>
+      <% end %>
+    </nav>
+    <main class="Vlt-main Vlt-main--light Nxd-main" id="primary-content" tabindex="2">
+      <%= render partial: 'layouts/partials/notices' %>
+      <div class="Vlt-card">
+        <%= yield %>
+        <%= render partial: 'layouts/partials/improve_this_page' %>
+      </div>
+    </main>
+  </body>
+</html>

data/lib/nexmo_developer/app/views/markdown/show.html.erb ADDED

	@@ -0,0 +1 @@
1	+ <%= @content.html_safe %>

data/lib/nexmo_developer/app/views/markdown/wip.html.erb ADDED

@@ -0,0 +1,5 @@
+<center>
+  <img src="/assets/images/lost.svg" alt="" width="120">
+  <h2>This documentation has not been added yet!</h2>
+  <p>Click <a href="/">here</a> to go back to the start</p>
+</center>

data/lib/nexmo_developer/app/views/product-lifecycle/beta.md ADDED

@@ -0,0 +1,28 @@
+---
+title: Beta
+navigation_weight: 2
+---
+# Beta
+Beta products at Vonage are in the final stages of testing before they become generally available. Beta products are typically production ready, and the Beta phase is used to ensure that the product is stable, secure and scaleable.
+Breaking changes at this stage in the lifecycle are **extremely** rare and only happen in cases where the feature impacts platform stability.
+## Support
+If you encounter an issue with a Beta product you can email [support@nexmo.com](mailto:support@nexmo.com) as usual. Normal support SLAs do not apply.
+At this stage we may not be aware of all possible issues and some investigation may be needed in conjunction with the engineering team.
+## Documentation
+We aim to have conceptual documentation, tutorials and code samples available for all Beta products.
+## Server SDKs
+Server SDK for Node.js is available.
+## Deprecation
+We will provide a minimum of 30 days notice of any deprecated features during the Beta period. Deprecated products may continue to function after the deprecation date, but we make no promises that they will work indefinitely.

data/lib/nexmo_developer/app/views/product-lifecycle/dev-preview.md ADDED

@@ -0,0 +1,22 @@
+---
+title: Developer Preview
+navigation_weight: 1
+---
+# Developer Preview
+Developer preview is a way for developers to get access to new Vonage API products before they are more widely available.
+At this point in a product's lifecycle there is no usage charge, limited support and little developer tooling. All features are expected to work as intended.
+## Support
+For support with Developer Preview APIs, please join our [community Slack channel](/slack)
+## Documentation
+API documentation and `curl` examples for common use cases are available.
+## Server SDKs
+The feature is supported in our Server SDK for Node.js but other languages are not supported.

data/lib/nexmo_developer/app/views/search/_result.html.erb ADDED

@@ -0,0 +1,31 @@
+<div class="search-result">
+  <% if index_name == 'zendesk_nexmo_articles' %>
+    <a href="https://help.nexmo.com/hc/en-us/articles/<%= hit.id %>">
+      <div>
+        <span class="meta"><%= hit.section.full_path %></span>
+        <h3><%= hit.title %></h3>
+        <p class="search-highlighted">
+          <%= sanitize(hit._snippetResult.body_safe.value, tags: ['em']) %>
+        </p>
+      </div>
+    </a>
+  <% end %>
+  <% if index_name.include? 'nexmo_developer' %>
+    <a href="<%= hit.path %>">
+      <div>
+        <span class="meta"><%= hit.product %></span>
+        <h3><%= hit.title %></h3>
+        <p><b><%= hit.description %></b></p>
+        <p class="search-highlighted">
+          ...<%= sanitize(hit._snippetResult.body.value, tags: ['em']) %>...
+        </p>
+      </div>
+    </a>
+  <% end %>
+  <hr />
+</div>

data/lib/nexmo_developer/app/views/search/results.html.erb ADDED

@@ -0,0 +1,26 @@
+<% if @results && @results_total > 0 %>
+  <h1>We found <%= @results_total %> <%= 'results'.pluralize(@results_total) %> for '<%= params['query'] %>'</h1>
+  <div class="Vlt-grid">
+    <% @results.each do |index| %>
+      <div class="Vlt-col">
+        <div class="Vlt-card">
+        <% if index.index.include? 'nexmo_developer' %>
+          <h2>Nexmo Developer</h2>
+        <% elsif index.index == 'zendesk_nexmo_articles' %>
+          <h2>Knowlegebase</h2>
+        <% end %>
+        <hr>
+        <% index.hits.each do |hit| %>
+          <%= render 'result', hit: hit, index_name: index.index %>
+        <% end %>
+      </div>
+      </div>
+    <% end %>
+  </div>
+<% else %>
+  <h1>Uh oh. We couldn't find anything.</h1>
+  <p>Click <a href="/">here</a> to go back to the start</p>
+<% end %>

data/lib/nexmo_developer/app/views/sessions/set_user_locale.js.erb ADDED

	@@ -0,0 +1 @@
1	+ window.location.pathname = "<%= @path %>"

data/lib/nexmo_developer/app/views/slack/join.html.erb ADDED

@@ -0,0 +1,25 @@
+<center>
+  <%= image_tag 'slack.svg', id: 'join-slack-logo' %>
+  <h1>Join the Vonage Developer Community Slack</h1>
+  <% unless @success %>
+    <%= form_tag community_slack_path do %>
+      <div class="Vlt-form__element Vlt-form__element--elastic">
+        <div class="Vlt-input">
+          <%= email_field_tag :email, (@email || ''), placeholder: 'Enter your email address', size: '40' %>
+        </div>
+      </div>
+      <%= recaptcha_tags if ENV['RECAPTCHA_ENABLED'] %>
+      <%= submit_tag 'Join', class: 'Vlt-btn Vlt-btn--primary Vlt-btn--large' %>
+    <% end %>
+  <% end %>
+  <% if @notice %>
+    <%= @notice %>
+  <% end %>
+  <hr class="hr--tall">
+  <h2>Already a member?</h2>
+  <%= link_to "Go to Vonage Developer Community on Slack", "https://#{ENV['SLACK_SUBDOMAIN']}.slack.com", class: "Vlt-btn Vlt-btn--secondary" %>
+</center>

data/lib/nexmo_developer/app/views/static/404.html.erb ADDED

@@ -0,0 +1,26 @@
+<center>
+  <img src="/assets/images/lost.svg" alt="" width="120">
+  <br><br>
+  <h2>This page can't be found!</h2>
+  <% if @results && @results.map(&:hits).flatten.any? %>
+    <p>Perhaps you were looking for one of these?</p>
+    <div class="Vlt-grid">
+    <% @results.each do |index| %>
+      <div class="Vlt-col">
+        <div class="Vlt-card">
+          <% if index.index.include? 'nexmo_developer' %>
+            <h2>Nexmo Developer</h2>
+          <% elsif index.index == 'zendesk_nexmo_articles' %>
+            <h2>Knowlegebase</h2>
+          <% end %>
+        <hr>
+        <% index.hits.each do |hit| %>
+          <%= render 'search/result', hit: hit, index_name: index.index %>
+        <% end %>
+        </div>
+      </div>
+    <% end %>
+  <% end %>
+</center>

data/lib/nexmo_developer/app/views/static/_career.html.erb ADDED

@@ -0,0 +1,15 @@
+<div class="Vlt-col Vlt-col--1of2">
+  <div class="Vlt-card Vlt-card--center Nxd-career">
+    <svg class="Vlt-icon Vlt-icon--larger Vlt-blue-dark"><use xlink:href="/symbol/volta-icons.svg#Vlt-icon-code"/></svg>
+    <hr>
+    <h2>
+      <%= career.title %>
+      <small class="Nxd-career__subtitle"><%= career.location %></small>
+    </h2>
+    <div class='Nxd-career__content'>
+      <%= raw Truncato.truncate(career.description, max_length: 450) %>
+    </div>
+    <%= link_to "Find out more", career.url, class: 'Vlt-btn Vlt-btn--secondary Vlt-btn--app' %>
+  </div>
+</div>

data/lib/nexmo_developer/app/views/static/_community.html.erb ADDED

@@ -0,0 +1,24 @@
+<div class="Vlt-grid">
+  <div class="Vlt-col Vlt-col--M-1of2">
+    <div class="center">
+      <h2>
+        <a href="/tools">
+          <div><svg class="Vlt-icon Vlt-icon--large Vlt-blue-dark"><use xlink:href="/symbol/volta-icons.svg#Vlt-icon-design-tools"/></svg></div>
+          SDKs &amp; Tools
+        </a>
+      </h2>
+      <p>The Nexmo libraries allow you to get up and running with<br>Nexmo APIs quickly in your language of choice.</p>
+    </div>
+  </div>
+  <div class="Vlt-col Vlt-col--M-1of2">
+    <div class="center">
+      <h2>
+        <a href="/community">
+          <div><svg class="Vlt-icon Vlt-icon--large Vlt-blue-dark"><use xlink:href="/symbol/volta-icons.svg#Vlt-icon-group"/></svg></div>
+          Community
+        </a>
+      </h2>
+      <p>Find out about our talks, community hacks,<br>and what events we'll be at.</p>
+    </div>
+  </div>
+</div>

data/lib/nexmo_developer/app/views/static/_dotnet.html.erb ADDED

@@ -0,0 +1,26 @@
+<div class="Vlt-grid Vlt-grid--center">
+  <div class="Vlt-col Vlt-col--M-1of3 Vlt-col--1of3">
+    <a class="Vlt-card Nxd-github-card Vlt-left" href="https://github.com/Nexmo/nexmo-dotnet" data-github="Nexmo/nexmo-dotnet">
+      <h3 class="Vlt-blue-dark">nexmo-dotnet</h3>
+      <p>Nexmo REST API client for .NET</p>
+      <img src="//badge.fury.io/nu/nexmo.svg" class="Nxd-github-card__badge" height="18">
+      <p><small class="Nxd-github-card__meta">
+        <span>
+          <span class="Vlt-blue-dark">●</span> C#
+        </span>
+        <span>
+          <svg class="Vlt-icon Vlt-icon--smaller Vlt-icon--text-bottom Vlt-grey-darker" aria-hidden="true"><use xlink:href="/symbol/volta-icons.svg#Vlt-icon-star-full"></use></svg>
+          <span data-stars>
+            <svg class="Vlt-icon Vlt-icon--smaller Vlt-icon--text-bottom Vlt-grey-darker" aria-hidden="true"><use xlink:href="/symbol/volta-icons.svg#Vlt-icon-more"></use></svg>
+          </span>
+        </span>
+        <span>
+          <svg class="Vlt-icon Vlt-icon--smaller Vlt-icon--text-bottom Vlt-grey-darker" aria-hidden="true"><use xlink:href="/symbol/volta-icons.svg#Vlt-icon-fork"/></svg>
+          <span data-forks>
+            <svg class="Vlt-icon Vlt-icon--smaller Vlt-icon--text-bottom Vlt-grey-darker" aria-hidden="true"><use xlink:href="/symbol/volta-icons.svg#Vlt-icon-more"/></svg>
+          </span>
+        </span>
+      </small></p>
+    </a>
+  </div>
+</div>

data/lib/nexmo_developer/app/views/static/_event.html.erb ADDED

@@ -0,0 +1,7 @@
+<div class="Vlt-col Vlt-col--1of3">
+	<div class="Vlt-card">
+	  <h3><%= link_to event.title, event.url, target: '_blank' %></h3>
+	  <p class="community-event__date Vlt-grey-darker"><svg class="Vlt-icon Vlt-icon--small Vlt-icon--text-bottom Vlt-grey-dark" aria-hidden="true"><use xlink:href="/symbol/volta-icons.svg#Vlt-icon-calendar"/></svg><%= date_range event.starts_at, event.ends_at %></p>
+	  <p><%= event.description %></p>
+	</div>
+</div>

data/lib/nexmo_developer/app/views/static/_products.html.erb ADDED

@@ -0,0 +1,450 @@
+<div class="Nxd-products-list">
+  <div class="Vlt-grid Vlt-grid--center Vlt-grid--margin-top2">
+    <div class="Vlt-col Vlt-col--1of3 Vlt-col--M-1of2">
+      <div class="Vlt-card Vlt-article--reverse Vlt-card--image Nxd-card--products">
+        <div class="Vlt-card__content">
+          <svg class="Vlt-icon Vlt-icon--larger Vlt-purple-dark"><use xlink:href="/symbol/volta-icons.svg#Vlt-icon-message" /></svg>
+          <div class="Nxd-card--product__subtitle"><small>SEND AND RECEIVE</small></div>
+          <h2>
+            <a href="/messaging/sms/overview">
+              SMS
+            </a>
+          </h2>
+          <nav>
+            <a href="/messaging/sms/overview"><svg class="Vlt-icon Vlt-icon--small Vlt-icon--text-bottom Vlt-gray-darker"
+                                                   aria-hidden="true">
+                <use xlink:href="/symbol/volta-icons.svg#Vlt-icon-home" /></svg>Overview</a>
+            <a href="/messaging/sms/guides"><svg class="Vlt-icon Vlt-icon--small Vlt-icon--text-bottom Vlt-gray-darker"
+                                                 aria-hidden="true">
+                <use xlink:href="/symbol/volta-icons.svg#Vlt-icon-books" /></svg>Guides</a>
+            <a href="/messaging/sms/code-snippets"><svg class="Vlt-icon Vlt-icon--small Vlt-icon--text-bottom Vlt-gray-darker"
+                                                        aria-hidden="true">
+                <use xlink:href="/symbol/volta-icons.svg#Vlt-icon-code" /></svg>Code Snippets</a>
+            <a href="/messaging/sms/tutorials"><svg class="Vlt-icon Vlt-icon--small Vlt-icon--text-bottom Vlt-gray-darker"
+                                                    aria-hidden="true">
+                <use xlink:href="/symbol/volta-icons.svg#Vlt-icon-mockup" /></svg>Tutorials</a>
+            <hr class="hr--short">
+            <a href="/api/sms">API Reference</a>
+          </nav>
+        </div>
+      </div>
+    </div>
+    <div class="Vlt-col Vlt-col--1of3 Vlt-col--M-1of2">
+      <div class="Vlt-card Vlt-article--reverse Vlt-card--image Nxd-card--products">
+        <div class="Vlt-card__content">
+          <svg class="Vlt-icon Vlt-icon--larger Vlt-purple-dark"><use xlink:href="/symbol/volta-icons.svg#Vlt-icon-phone" /></svg>
+          <div class="Nxd-card--product__subtitle"><small>PROGRAMMABLE</small></div>
+          <h2>
+            <a href="/voice/overview">
+              Voice
+            </a>
+          </h2>
+          <nav>
+            <a href="/voice/"><svg class="Vlt-icon Vlt-icon--small Vlt-icon--text-bottom Vlt-gray-darker" aria-hidden="true">
+                <use xlink:href="/symbol/volta-icons.svg#Vlt-icon-home" /></svg>Overview</a>
+            <a href="/voice/guides"><svg class="Vlt-icon Vlt-icon--small Vlt-icon--text-bottom Vlt-gray-darker"
+                                         aria-hidden="true">
+                <use xlink:href="/symbol/volta-icons.svg#Vlt-icon-books" /></svg>Guides</a>
+            <a href="/voice/code-snippets"><svg class="Vlt-icon Vlt-icon--small Vlt-icon--text-bottom Vlt-gray-darker"
+                                                aria-hidden="true">
+                <use xlink:href="/symbol/volta-icons.svg#Vlt-icon-code" /></svg>Code Snippets</a>
+            <a href="/voice/voice-api/tutorials"><svg class="Vlt-icon Vlt-icon--small Vlt-icon--text-bottom Vlt-gray-darker"
+                                                      aria-hidden="true">
+                <use xlink:href="/symbol/volta-icons.svg#Vlt-icon-mockup" /></svg>Tutorials</a>
+            <hr class="hr--short">
+            <a href="/api/voice">API Reference</a>
+            <a href="/voice/voice-api/ncco-reference">NCCO Reference</a>
+          </nav>
+        </div>
+      </div>
+    </div>
+    <div class="Vlt-col Vlt-col--1of3 Vlt-col--M-1of2">
+      <div class="Vlt-card Vlt-article--reverse Vlt-card--image Nxd-card--products">
+        <div class="Vlt-card__content">
+          <svg class="Vlt-icon Vlt-icon--larger Vlt-purple-dark"><use xlink:href="/symbol/volta-icons.svg#Vlt-icon-video" /></svg>
+          <div class="Nxd-card--product__subtitle"><small>PROGRAMMABLE</small></div>
+          <h2>
+            <a target="_blank" href="https://tokbox.com/developer/">
+              Video
+            </a>
+            <small class="Vlt-grey-dark" style="font-size:1.4rem; font-weight:normal;">
+              <svg style="height: 15px; width: 15px;" class="Vlt-icon Vlt-icon--text-bottom Vlt-grey-dark" aria-hidden="true">
+                <use xlink:href="/symbol/volta-icons.svg#Vlt-icon-open" />
+              </svg>
+            </small>
+          </h2>
+          <nav>
+            <a target="_blank" href="https://tokbox.com/developer/guides/basics/"><svg class="Vlt-icon Vlt-icon--small Vlt-icon--text-bottom Vlt-gray-darker"
+                                                                                       aria-hidden="true">
+                <use xlink:href="/symbol/volta-icons.svg#Vlt-icon-home" /></svg>Overview</a>
+            <a target="_blank" href="https://tokbox.com/developer/guides/"><svg class="Vlt-icon Vlt-icon--small Vlt-icon--text-bottom Vlt-gray-darker"
+                                                                                aria-hidden="true">
+                <use xlink:href="/symbol/volta-icons.svg#Vlt-icon-books" /></svg>Guides</a>
+            <a target="_blank" href="https://tokbox.com/developer/samples/"><svg class="Vlt-icon Vlt-icon--small Vlt-icon--text-bottom Vlt-gray-darker"
+                                                                                 aria-hidden="true">
+                <use xlink:href="/symbol/volta-icons.svg#Vlt-icon-code" /></svg>Code Snippets</a>
+            <a target="_blank" href="https://tokbox.com/developer/tutorials/"><svg class="Vlt-icon Vlt-icon--small Vlt-icon--text-bottom Vlt-gray-darker"
+                                                                                   aria-hidden="true">
+                <use xlink:href="/symbol/volta-icons.svg#Vlt-icon-mockup" /></svg>Tutorials</a>
+            <hr class="hr--short">
+            <a target="_blank" href="https://tokbox.com/developer/sdks/client/">API Reference</a>
+          </nav>
+        </div>
+      </div>
+    </div>
+    <div class="Vlt-col Vlt-col--1of3 Vlt-col--M-1of2">
+      <div class="Vlt-card Vlt-article--reverse Vlt-card--image Nxd-card--products">
+        <div class="Vlt-card__content">
+          <svg class="Vlt-icon Vlt-icon--larger Vlt-purple-dark"><use xlink:href="/symbol/volta-icons.svg#Vlt-icon-lock" /></svg>
+          <div class="Nxd-card--product__subtitle"><small>USER AUTHENTICATION</small></div>
+          <h2>
+            <a href="/verify/overview">
+              Verify
+            </a>
+          </h2>
+          <nav>
+            <a href="/verify/overview"><svg class="Vlt-icon Vlt-icon--small Vlt-icon--text-bottom Vlt-gray-darker"
+                                            aria-hidden="true">
+                <use xlink:href="/symbol/volta-icons.svg#Vlt-icon-home" /></svg>Overview</a>
+            <a href="/verify/guides"><svg class="Vlt-icon Vlt-icon--small Vlt-icon--text-bottom Vlt-gray-darker"
+                                          aria-hidden="true">
+                <use xlink:href="/symbol/volta-icons.svg#Vlt-icon-books" /></svg>Guides</a>
+            <a href="/verify/code-snippets"><svg class="Vlt-icon Vlt-icon--small Vlt-icon--text-bottom Vlt-gray-darker"
+                                                 aria-hidden="true">
+                <use xlink:href="/symbol/volta-icons.svg#Vlt-icon-code" /></svg>Code Snippets</a>
+            <a href="/verify/tutorials"><svg class="Vlt-icon Vlt-icon--small Vlt-icon--text-bottom Vlt-gray-darker"
+                                             aria-hidden="true">
+                <use xlink:href="/symbol/volta-icons.svg#Vlt-icon-mockup" /></svg>Tutorials</a>
+            <hr class="hr--short">
+            <a href="/api/verify">API Reference</a>
+          </nav>
+        </div>
+      </div>
+    </div>
+    <div class="Vlt-col Vlt-col--1of3 Vlt-col--M-1of2">
+      <div class="Vlt-card Vlt-article--reverse Vlt-card--image Nxd-card--products">
+        <div class="Vlt-card__content">
+          <svg class="Vlt-icon Vlt-icon--larger Vlt-purple-dark"><use xlink:href="/symbol/volta-icons.svg#Vlt-icon-file-search" /></svg>
+          <div class="Nxd-card--product__subtitle"><small>USER IDENTITY</small></div>
+          <h2>
+            <a href="/number-insight/overview">
+              Number Insight
+            </a>
+          </h2>
+          <nav>
+            <a href="/number-insight/overview"><svg class="Vlt-icon Vlt-icon--small Vlt-icon--text-bottom Vlt-gray-darker"
+                                                    aria-hidden="true">
+                <use xlink:href="/symbol/volta-icons.svg#Vlt-icon-home" /></svg>Overview</a>
+            <a href="/number-insight/guides"><svg class="Vlt-icon Vlt-icon--small Vlt-icon--text-bottom Vlt-gray-darker"
+                                                  aria-hidden="true">
+                <use xlink:href="/symbol/volta-icons.svg#Vlt-icon-books" /></svg>Guides</a>
+            <a href="/number-insight/code-snippets"><svg class="Vlt-icon Vlt-icon--small Vlt-icon--text-bottom Vlt-gray-darker"
+                                                         aria-hidden="true">
+                <use xlink:href="/symbol/volta-icons.svg#Vlt-icon-code" /></svg>Code Snippets</a>
+            <a href="/number-insight/tutorials"><svg class="Vlt-icon Vlt-icon--small Vlt-icon--text-bottom Vlt-gray-darker"
+                                                     aria-hidden="true">
+                <use xlink:href="/symbol/volta-icons.svg#Vlt-icon-mockup" /></svg>Tutorials</a>
+            <hr class="hr--short">
+            <a href="/api/number-insight">API Reference</a>
+          </nav>
+        </div>
+      </div>
+    </div>
+    <div class="Vlt-col Vlt-col--1of3 Vlt-col--M-1of2">
+      <div class="Vlt-card Vlt-article--reverse Vlt-card--image Nxd-card--products">
+        <div class="Vlt-card__content">
+          <svg class="Vlt-icon Vlt-icon--larger Vlt-purple-dark"><use xlink:href="/symbol/volta-icons.svg#Vlt-icon-queue" /></svg>
+          <div class="Nxd-card--product__subtitle"><small>PROGRAMMABLE CONVERSATIONS</small> <div class="Vlt-badge Vlt-badge--small Vlt-badge--green Vlt-badge--transparent">Beta</div></div>
+          <h2>
+            <a href="/conversation/overview">
+              Conversation API
+            </a>
+          </h2>
+          <nav>
+            <a href="/conversation/overview"><svg class="Vlt-icon Vlt-icon--small Vlt-icon--text-bottom Vlt-gray-darker"
+                                                  aria-hidden="true">
+                <use xlink:href="/symbol/volta-icons.svg#Vlt-icon-home" /></svg>Overview</a>
+            <a href="/conversation/concepts/conversation"><svg class="Vlt-icon Vlt-icon--small Vlt-icon--text-bottom Vlt-gray-darker"
+                                                               aria-hidden="true">
+                <use xlink:href="/symbol/volta-icons.svg#Vlt-icon-books" /></svg>Concepts</a>
+            <a href="/conversation/code-snippets/conversation/list-conversations"><svg class="Vlt-icon Vlt-icon--small Vlt-icon--text-bottom Vlt-gray-darker"
+                                                                                       aria-hidden="true">
+                <use xlink:href="/symbol/volta-icons.svg#Vlt-icon-code" /></svg>Code Snippets</a>
+            <a href="/conversation/use-cases"><svg class="Vlt-icon Vlt-icon--small Vlt-icon--text-bottom Vlt-gray-darker"
+                                                   aria-hidden="true">
+                <use xlink:href="/symbol/volta-icons.svg#Vlt-icon-mockup" /></svg>Tutorials</a>
+            <hr class="hr--short">
+            <a href="/api/conversation">API Reference</a>
+          </nav>
+        </div>
+      </div>
+    </div>
+    <div class="Vlt-col Vlt-col--1of3 Vlt-col--M-1of2">
+      <div class="Vlt-card Vlt-article--reverse Vlt-card--image Nxd-card--products">
+        <div class="Vlt-card__content">
+          <svg class="Vlt-icon Vlt-icon--larger Vlt-purple-dark"><use xlink:href="/symbol/volta-icons.svg#Vlt-icon-flow" /></svg>
+          <div class="Nxd-card--product__subtitle"><small>CONFIGURE</small></div>
+          <h2>
+            <a href="/application/overview">
+              Applications
+            </a>
+          </h2>
+          <nav>
+            <a href="/application/overview"><svg class="Vlt-icon Vlt-icon--small Vlt-icon--text-bottom Vlt-gray-darker" aria-hidden="true">
+                <use xlink:href="/symbol/volta-icons.svg#Vlt-icon-home" /></svg>Overview</a>
+            <a href="/application/overview"><svg class="Vlt-icon Vlt-icon--small Vlt-icon--text-bottom Vlt-gray-darker" aria-hidden="true">
+                <use xlink:href="/symbol/volta-icons.svg#Vlt-icon-books" /></svg>Concepts</a>
+            <a href="/application/code-snippets"><svg class="Vlt-icon Vlt-icon--small Vlt-icon--text-bottom Vlt-gray-darker" aria-hidden="true">
+                <use xlink:href="/symbol/volta-icons.svg#Vlt-icon-code" /></svg>Code Snippets</a>
+            <br>
+            <hr class="hr--short">
+            <a href="/api/application.v2">API Reference</a>
+          </nav>
+        </div>
+      </div>
+    </div>
+    <div class="Vlt-col Vlt-col--1of3 Vlt-col--M-1of2">
+      <div class="Vlt-card Vlt-article--reverse Vlt-card--image Nxd-card--products">
+        <div class="Vlt-card__content">
+          <svg class="Vlt-icon Vlt-icon--larger Vlt-purple-dark"><use xlink:href="/symbol/volta-icons.svg#Vlt-icon-user" /></svg>
+          <div class="Nxd-card--product__subtitle"><small>MANAGEMENT</small></div>
+          <h2>
+            <a href="/account/overview">
+              Account
+            </a>
+          </h2>
+          <nav>
+            <a href="/account/overview"><svg class="Vlt-icon Vlt-icon--small Vlt-icon--text-bottom Vlt-gray-darker"
+                                             aria-hidden="true">
+                <use xlink:href="/symbol/volta-icons.svg#Vlt-icon-home" /></svg>Overview</a>
+            <a href="/account/guides"><svg class="Vlt-icon Vlt-icon--small Vlt-icon--text-bottom Vlt-gray-darker"
+                                           aria-hidden="true">
+                <use xlink:href="/symbol/volta-icons.svg#Vlt-icon-books" /></svg>Guides</a>
+            <a href="/account/code-snippets"><svg class="Vlt-icon Vlt-icon--small Vlt-icon--text-bottom Vlt-gray-darker"
+                                                  aria-hidden="true">
+                <use xlink:href="/symbol/volta-icons.svg#Vlt-icon-code" /></svg>Code Snippets</a>
+            <br>
+            <hr class="hr--short">
+            <a href="/api/account">API Reference</a>
+          </nav>
+        </div>
+      </div>
+    </div>
+    <div class="Vlt-col Vlt-col--1of3 Vlt-col--M-1of2">
+      <div class="Vlt-card Vlt-article--reverse Vlt-card--image Nxd-card--products">
+        <div class="Vlt-card__content Vlt-purple-dark">
+          <svg class="Vlt-icon Vlt-icon--larger"><use xlink:href="/symbol/volta-icons.svg#Vlt-icon-laptop"/></svg>
+          <h2>Management APIs</h2>
+          <nav>
+            <a href="/api/developer/numbers">Numbers</a>
+            <a href="/api/developer/pricing">Pricing</a>
+            <a href="/api/conversion">Conversion</a>
+            <a href="/api/media">Media</a>
+            <a href="/api/reports">Reports</a>
+            <a href="/api/redact">Redact</a>
+          </nav>
+          <br>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="Vlt-grid Vlt-grid--center Vlt-grid--margin4 Nxd-products-banner">
+    <div class="Vlt-col">
+      <h2>
+        <a href="/messages/overview">
+          <svg class="Vlt-icon Vlt-gray-darker Vlt-icon--larger Vlt-purple-dark" aria-hidden="true">
+            <use xlink:href="/symbol/volta-icons.svg#Vlt-icon-code" /></svg>
+          Messages and Dispatch
+        </a>
+      </h2>
+      <p>Integrate with various communication channels including Facebook Messenger, WhatsApp and Viber with failover</p>
+    </div>
+  </div>
+  <div class="Vlt-grid Vlt-grid--center">
+    <div class="Vlt-col Vlt-col--1of2 Vlt-col--M-1of2">
+      <div class="Vlt-card Vlt-card--plain Vlt-bg-grey-lighter Vlt-article--reverse Vlt-card--image Nxd-card--products">
+        <div class="Vlt-card__content">
+          <svg class="Vlt-icon Vlt-icon--larger Vlt-purple-dark"><use xlink:href="/symbol/volta-icons.svg#Vlt-icon-chat" /></svg>
+          <div class="Nxd-card--product__subtitle"><small>ONE API, MULTIPLE CHANNELS</small> <div class="Vlt-badge Vlt-badge--small Vlt-badge--green Vlt-badge--transparent">Beta</div></div>
+          <h2>
+            <a href="/messages/overview">
+              Messages
+            </a>
+          </h2>
+          <nav>
+            <a href="/messages/overview"><svg class="Vlt-icon Vlt-icon--small Vlt-icon--text-bottom Vlt-gray-darker"
+                                              aria-hidden="true">
+                <use xlink:href="/symbol/volta-icons.svg#Vlt-icon-home" /></svg>Overview</a>
+            <a href="/messages/concepts"><svg class="Vlt-icon Vlt-icon--small Vlt-icon--text-bottom Vlt-gray-darker"
+                                              aria-hidden="true">
+                <use xlink:href="/symbol/volta-icons.svg#Vlt-icon-books" /></svg>Concepts</a>
+            <a href="/messages/code-snippets"><svg class="Vlt-icon Vlt-icon--small Vlt-icon--text-bottom Vlt-gray-darker"
+                                                   aria-hidden="true">
+                <use xlink:href="/symbol/volta-icons.svg#Vlt-icon-code" /></svg>Code Snippets</a>
+            <a href="/messages/tutorials"><svg class="Vlt-icon Vlt-icon--small Vlt-icon--text-bottom Vlt-gray-darker"
+                                               aria-hidden="true">
+                <use xlink:href="/symbol/volta-icons.svg#Vlt-icon-mockup" /></svg>Tutorials</a>
+            <hr class="hr--short">
+            <a href="/api/messages-olympus">API Reference</a>
+          </nav>
+        </div>
+      </div>
+    </div>
+    <div class="Vlt-col Vlt-col--1of2 Vlt-col--M-1of2">
+      <div class="Vlt-card Vlt-card--plain Vlt-bg-grey-lighter Vlt-article--reverse Vlt-card--image Nxd-card--products">
+        <div class="Vlt-card__content">
+          <svg class="Vlt-icon Vlt-icon--larger Vlt-purple-dark"><use xlink:href="/symbol/volta-icons.svg#Vlt-icon-flow" /></svg>
+          <div class="Nxd-card--product__subtitle"><small>ORCHESTRATE MESSAGES WITH FAILOVER</small> <div class="Vlt-badge Vlt-badge--small Vlt-badge--green Vlt-badge--transparent">Beta</div></div>
+          <h2>
+            <a href="/dispatch/overview">
+              Dispatch
+            </a>
+          </h2>
+          <nav>
+            <a href="/dispatch/overview"><svg class="Vlt-icon Vlt-icon--small Vlt-icon--text-bottom Vlt-gray-darker"
+                                              aria-hidden="true">
+                <use xlink:href="/symbol/volta-icons.svg#Vlt-icon-home" /></svg>Overview</a>
+            <a href="/dispatch/concepts"><svg class="Vlt-icon Vlt-icon--small Vlt-icon--text-bottom Vlt-gray-darker"
+                                              aria-hidden="true">
+                <use xlink:href="/symbol/volta-icons.svg#Vlt-icon-books" /></svg>Concepts</a>
+            <a href="/dispatch/code-snippets"><svg class="Vlt-icon Vlt-icon--small Vlt-icon--text-bottom Vlt-gray-darker"
+                                                   aria-hidden="true">
+                <use xlink:href="/symbol/volta-icons.svg#Vlt-icon-code" /></svg>Code Snippets</a>
+            <a href="/dispatch/tutorials"><svg class="Vlt-icon Vlt-icon--small Vlt-icon--text-bottom Vlt-gray-darker"
+                                               aria-hidden="true">
+                <use xlink:href="/symbol/volta-icons.svg#Vlt-icon-mockup" /></svg>Tutorials</a>
+            <a href="/dispatch/use-cases"><svg class="Vlt-icon Vlt-icon--small Vlt-icon--text-bottom Vlt-gray-darker"
+                                               aria-hidden="true">
+                <use xlink:href="/symbol/volta-icons.svg#Vlt-icon-mockup" /></svg>Use Cases</a>
+            <hr class="hr--short">
+            <a href="/api/dispatch">API Reference</a>
+          </nav>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="Vlt-grid Vlt-grid--center Vlt-grid--margin4 Nxd-products-banner">
+    <div class="Vlt-col">
+      <h2>
+        <a href="/client-sdk/overview">
+          <svg class="Vlt-icon Vlt-gray-darker Vlt-icon--larger Vlt-purple-dark" aria-hidden="true">
+            <use xlink:href="/symbol/volta-icons.svg#Vlt-icon-duplicate" /></svg>
+          Client SDK
+        </a>
+      </h2>
+      <p>Build multi-platform applications with contextual communications using Client SDK and Conversation API.</p>
+    </div>
+  </div>
+  <div class="Vlt-grid Vlt-grid--center">
+    <div class="Vlt-col Vlt-col--1of2 Vlt-col--M-1of2">
+      <div class="Vlt-card Vlt-card--plain Vlt-bg-grey-lighter Vlt-article--reverse Vlt-card--image Nxd-card--products">
+        <div class="Vlt-card__content">
+          <svg class="Vlt-icon Vlt-icon--larger Vlt-purple-dark"><use xlink:href="/symbol/volta-icons.svg#Vlt-icon-microphone" /></svg>
+          <div class="Nxd-card--product__subtitle"><small>CLIENT SDK</small> <div class="Vlt-badge Vlt-badge--small Vlt-badge--green Vlt-badge--transparent">Beta</div></div>
+          <h2>
+            <a href="/client-sdk/in-app-voice/overview">
+              In-App Voice
+            </a>
+          </h2>
+          <nav>
+            <a href="/client-sdk/in-app-voice/overview"><svg
+               class="Vlt-icon Vlt-icon--small Vlt-icon--text-bottom Vlt-gray-darker" aria-hidden="true">
+                <use xlink:href="/symbol/volta-icons.svg#Vlt-icon-home" /></svg>Overview</a>
+            <a href="/client-sdk/in-app-voice/overview#concepts"><svg
+               class="Vlt-icon Vlt-icon--small Vlt-icon--text-bottom Vlt-gray-darker" aria-hidden="true">
+                <use xlink:href="/symbol/volta-icons.svg#Vlt-icon-books" /></svg>Concepts</a>
+            <a href="/client-sdk/setup/create-your-application"><svg
+               class="Vlt-icon Vlt-icon--small Vlt-icon--text-bottom Vlt-gray-darker" aria-hidden="true">
+                <use xlink:href="/symbol/volta-icons.svg#Vlt-icon-code" /></svg>Setup</a>
+            <a href="/client-sdk/in-app-voice/getting-started/app-to-app-call"><svg
+               class="Vlt-icon Vlt-icon--small Vlt-icon--text-bottom Vlt-gray-darker" aria-hidden="true">
+                <use xlink:href="/symbol/volta-icons.svg#Vlt-icon-code" /></svg>Getting Started</a>
+            <a href="/client-sdk/tutorials"><svg
+               class="Vlt-icon Vlt-icon--small Vlt-icon--text-bottom Vlt-gray-darker" aria-hidden="true">
+                <use xlink:href="/symbol/volta-icons.svg#Vlt-icon-mockup" /></svg>Tutorials</a>
+            <a href="/client-sdk/use-cases"><svg
+               class="Vlt-icon Vlt-icon--small Vlt-icon--text-bottom Vlt-gray-darker" aria-hidden="true">
+                <use xlink:href="/symbol/volta-icons.svg#Vlt-icon-mockup" /></svg>Use Cases</a>
+            <hr class="hr--short">
+            <a href="/api/conversation"><svg class="Vlt-icon Vlt-icon--small Vlt-icon--text-bottom Vlt-gray-darker"
+                                             aria-hidden="true">
+                <use xlink:href="/symbol/volta-icons.svg#Vlt-icon-books" /></svg>Conversation API Reference</a>
+            <a href="/client-sdk/sdk-documentation/android"><svg
+               class="Vlt-icon Vlt-icon--small Vlt-icon--text-bottom Vlt-gray-darker" aria-hidden="true">
+                <use xlink:href="/symbol/volta-brand-icons.svg#Brand-icon-android-color" /></svg>SDK Reference -
+              Android</a>
+            <a href="/client-sdk/sdk-documentation/ios"><svg
+               class="Vlt-icon Vlt-icon--small Vlt-icon--text-bottom Vlt-gray-darker" aria-hidden="true">
+                <use xlink:href="/symbol/volta-brand-icons.svg#Brand-icon-apple-color" /></svg>SDK Reference - iOS</a>
+            <a href="/client-sdk/sdk-documentation/javascript"><svg
+               class="Vlt-icon Vlt-icon--small Vlt-icon--text-bottom Vlt-gray-darker" aria-hidden="true">
+                <use xlink:href="/symbol/volta-brand-icons.svg#Brand-icon-javascript-color" /></svg>SDK Reference -
+              JavaScript</a>
+          </nav>
+        </div>
+      </div>
+    </div>
+    <div class="Vlt-col Vlt-col--1of2 Vlt-col--M-1of2">
+      <div class="Vlt-card Vlt-card--plain Vlt-bg-grey-lighter Vlt-article--reverse Vlt-card--image Nxd-card--products">
+        <div class="Vlt-card__content">
+          <svg class="Vlt-icon Vlt-icon--larger Vlt-purple-dark"><use xlink:href="/symbol/volta-icons.svg#Vlt-icon-chat" /></svg>
+          <div class="Nxd-card--product__subtitle"><small>CLIENT SDK</small> <div class="Vlt-badge Vlt-badge--small Vlt-badge--green Vlt-badge--transparent">Beta</div></div>
+          <h2>
+            <a href="/client-sdk/in-app-messaging/overview">
+              In-App Messaging
+            </a>
+          </h2>
+          <nav>
+            <a href="/client-sdk/in-app-messaging/overview"><svg
+               class="Vlt-icon Vlt-icon--small Vlt-icon--text-bottom Vlt-gray-darker" aria-hidden="true">
+                <use xlink:href="/symbol/volta-icons.svg#Vlt-icon-home" /></svg>Overview</a>
+            <a href="/client-sdk/in-app-messaging/concepts"><svg
+               class="Vlt-icon Vlt-icon--small Vlt-icon--text-bottom Vlt-gray-darker" aria-hidden="true">
+                <use xlink:href="/symbol/volta-icons.svg#Vlt-icon-books" /></svg>Concepts</a>
+            <a href="/client-sdk/tutorials"><svg
+               class="Vlt-icon Vlt-icon--small Vlt-icon--text-bottom Vlt-gray-darker" aria-hidden="true">
+                <use xlink:href="/symbol/volta-icons.svg#Vlt-icon-mockup" /></svg>Tutorials</a>
+            <a href="/client-sdk/use-cases"><svg
+               class="Vlt-icon Vlt-icon--small Vlt-icon--text-bottom Vlt-gray-darker" aria-hidden="true">
+                <use xlink:href="/symbol/volta-icons.svg#Vlt-icon-mockup" /></svg>Use Cases</a>
+            <hr class="hr--short">
+            <a href="/api/conversation"><svg class="Vlt-icon Vlt-icon--small Vlt-icon--text-bottom Vlt-gray-darker"
+                                             aria-hidden="true">
+                <use xlink:href="/symbol/volta-icons.svg#Vlt-icon-books" /></svg>Conversation API Reference</a>
+            <a href="/client-sdk/sdk-documentation/android"><svg
+               class="Vlt-icon Vlt-icon--small Vlt-icon--text-bottom Vlt-gray-darker" aria-hidden="true">
+                <use xlink:href="/symbol/volta-brand-icons.svg#Brand-icon-android-color" /></svg>SDK Reference -
+              Android</a>
+            <a href="/client-sdk/sdk-documentation/ios"><svg
+               class="Vlt-icon Vlt-icon--small Vlt-icon--text-bottom Vlt-gray-darker" aria-hidden="true">
+                <use xlink:href="/symbol/volta-brand-icons.svg#Brand-icon-apple-color" /></svg>SDK Reference - iOS</a>
+            <a href="/client-sdk/sdk-documentation/javascript"><svg
+               class="Vlt-icon Vlt-icon--small Vlt-icon--text-bottom Vlt-gray-darker" aria-hidden="true">
+                <use xlink:href="/symbol/volta-brand-icons.svg#Brand-icon-javascript-color" /></svg>SDK Reference -
+              JavaScript</a>
+          </nav>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>