master
1<div class="row">
2 <div class="columns">
3 <div class="orbit" role="region" aria-label="Send to Stronglifters" data-orbit>
4 <ul class="orbit-container">
5 <button class="orbit-previous"><span class="show-for-sr">Previous Slide</span>◀︎</button>
6 <button class="orbit-next"><span class="show-for-sr">Next Slide</span>▶︎</button>
7 <li class="is-active orbit-slide">
8 <%= image_tag "sl5x5-android-settings.png", class: "orbit-image" %>
9 <figcaption class="orbit-caption">Step 1: Go to Settings</figcaption>
10 </li>
11 <li class="orbit-slide">
12 <%= image_tag "sl5x5-android-export.png", class: "orbit-image" %>
13 <figcaption class="orbit-caption">Step 2: Choose Export</figcaption>
14 </li>
15 <li class="orbit-slide">
16 <%= image_tag "sl5x5-android-send.png", class: "orbit-image" %>
17 <figcaption class="orbit-caption">Step 3: Choose Send</figcaption>
18 </li>
19 <li class="orbit-slide">
20 <%= image_tag "sl5x5-android-compose.png", class: "orbit-image" %>
21 <figcaption class="orbit-caption">Step 4: Paste the email address provided</figcaption>
22 </li>
23 </ul>
24 <nav class="orbit-bullets">
25 <button class="is-active" data-slide="0"><span class="show-for-sr">Step 1: Go to Settings</span><span class="show-for-sr">Current Slide</span></button>
26 <button data-slide="1"><span class="show-for-sr">Step 2: Choose Export</span></button>
27 <button data-slide="2"><span class="show-for-sr">Step 3: Choose Send</span></button>
28 <button data-slide="3"><span class="show-for-sr">Step 4: Paste the email address provided</span></button>
29 </nav>
30 </div>
31 </div>
32</div>