anthonymidili/FishBowl

.orbit{"aria-label" => "Favorite Space Pictures", "data-orbit" => "", :role => "region"}
  .orbit-wrapper
    .orbit-controls
      %button.orbit-previous
        %span.show-for-sr> Previous Slide
        ◀︎
      %button.orbit-next
        %span.show-for-sr> Next Slide
        ▶︎
    %ul.orbit-container
      %li.is-active.orbit-slide
        %figure.orbit-figure
          = image_tag('graph.jpg', class: 'orbit-image')
          %figcaption.orbit-caption
            %h4 Record Test Results
            Keep track of your water levels and easily see your water levels displayed in a graph.
      %li.orbit-slide
        %figure.orbit-figure
          = image_tag('notes.jpg', class: 'orbit-image')
          %figcaption.orbit-caption
            %h4 Take Event Notes
            Taking notes of the changes you make to your aquarium is a great way to see why
            water levels rise or fall.
      %li.orbit-slide
        %figure.orbit-figure
          = image_tag('forum.jpg', class: 'orbit-image')
          %figcaption.orbit-caption
            %h4 Have Questions, Get Answers
            With fish-bowl-questions forum, built with the power of google, you can connect with
            fellow fish lovers and get your questions answered.
  %nav.orbit-bullets
    %button.is-active{"data-slide" => "0"}
      %span.show-for-sr
        Slide 1
    %button{"data-slide" => "1"}
      %span.show-for-sr
        Slide 2
    %button{"data-slide" => "2"}
      %span.show-for-sr
        Slide 3