gistfile1.txt

.rewards__header-mobile
  .rewards__header-mobile--rewards-block.rewards__mobile-code-block
    .container
      %p.rewards__header-mobile--article-code
        Rewards Code: 
        %span.rewards__header-mobile--code
          Med123
  .rewards__header-mobile--rewards-info-block.rewards__mobile-rewards-block
    .container
      .row
        .col-xs-6
          %h5.rewards__header-mobile--article
            Rewards
        .col-xs-6
          %h5.rewards__header-mobile--article
            Loyality credit
  .rewards__header-mobile--rewards-block.rewards__mobile-amount-block
    .container
      .row
        .col-xs-6
          %h5.rewards__header-block--amount-price.cyan_c
            $ 1,234.00
          %p.rewards__header-block--amount-text 
            Available
        .col-xs-6
          %h5.rewards__header-block--amount-price.cyan_c
            $ 243.12
          %p.rewards__header-block--amount-text 
            Available
  .rewards__header-mobile--rewards-block.rewards__mobile-amount-block
    .container
      .row
        .col-xs-6
          %h5.rewards__header-block--amount-price.yellow_c
            $ 1,234.00
          %p.rewards__header-block--amount-text 
            Pending
        .col-xs-6
          %h5.rewards__header-block--amount-price.yellow_c
            $ 243.12
          %p.rewards__header-block--amount-text 
            Pending
.container.container-960
  .rewards__header.clearfix
    .rewards__header-block
      .rewards__header-block--header
        %h5.rewards__header-block--header-article
          Rewards code
        %span.rewards__header-block--header-info(data-info-text="Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ratione, sapiente.")
          %i.fa.fa-info          
      .rewards__header-block--body
        %h3.rewards__header-block--body-article 
          Med123
    .rewards__header-block
      .rewards__header-block--header
        %h5.rewards__header-block--header-article
          Loyality credit
        %span.rewards__header-block--header-info(data-info-text="Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ratione, sapiente.")
          %i.fa.fa-info
      .rewards__header-block--body
        .row
          .col-xs-6
            .rewards__header-block--amount
              %h5.rewards__header-block--amount-price.yellow_c
                $ 243.12
              %p.rewards__header-block--amount-text 
                Available
          .col-xs-6
            .rewards__header-block--amount
              %h5.rewards__header-block--amount-price.cyan_c
                $ 243.12
              %p.rewards__header-block--amount-text 
                Pending
    .rewards__header-block
      .rewards__header-block--header
        %h5.rewards__header-block--header-article
          Rewards
        %span.rewards__header-block--header-info(data-info-text="Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis, aliquam.")
          %i.fa.fa-info
      .rewards__header-block--body
        .row
          .col-xs-6
            .rewards__header-block--amount
              %h5.rewards__header-block--amount-price.yellow_c
                $ 1,234.00
              %p.rewards__header-block--amount-text 
                Available
          .col-xs-6
            .rewards__header-block--amount
              %h5.rewards__header-block--amount-price.cyan_c
                $ 1,234.00
              %p.rewards__header-block--amount-text 
                Pending
  .rewards__wrap
    .row
      .col-xs-12
        %h1.page-heading.rewards__mob-hide
          Rewards
        .graph__info-wrap
          .row
            .col-md-6
              %h5.graph__heading.rewards__mob-hide
                Rewards Status (for the last 6 month)
              %h5.graph__table-heading.rewards__mob-show
                Rewards status
            .col-md-6
              %ul.graph__nav-info
                %li.graph__nav-li.graph__nav-li--income
                  Income
                %li.graph__nav-li.graph__nav-li--pending
                  Pending
                %li.graph__nav-li.graph__nav-li--cancelled
                  Cancelled
          = image_tag 'graph.png', :class => "graph__img" 
          .row
            .col-md-6
              .graph__info-text-block
                %p.graph__info-text
                  You currently have in “Available” credit. Available credit is “approved” credit and may be used now to shop online, or your credit will automatically be cashed out at the end of the month when the total reaches $300 or more. Pending credit becomes available after 30 days. 
              %h5.graph__table-heading
                Income
              %table.income__table
                %tbody.income__table-body
                  %tr.income__table-body--row.income__table-body-opening--wrap
                    %td.income__table-body--col.income__table-body--col-first
                      %span.income__table-body-opening--btn
                        Total Income
                    %td.income__table-body--col.income__table-body--col-second
                      $ 1.234.56
                    %td.income__table-body--col.income__table-body--col-third
                      %span.rewards__header-block--header-info(data-info-text="Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis, aliquam.")
                        %i.fa.fa-info
                  %tr.income__table-body--row.income__table-body-open-row
                    %td.income__table-body--col.income__table-body--col-first                      
                      Total Income
                    %td.income__table-body--col.income__table-body--col-second
                      $ 1.234.56
                    %td.income__table-body--col.income__table-body--col-third
                      %span.rewards__header-block--header-info(data-info-text="Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis, aliquam.")
                        %i.fa.fa-info
                  %tr.income__table-body--row.income__table-body-open-row
                    %td.income__table-body--col.income__table-body--col-first                      
                      Total Income
                    %td.income__table-body--col.income__table-body--col-second
                      $ 1.234.56
                    %td.income__table-body--col.income__table-body--col-third
                      %span.rewards__header-block--header-info(data-info-text="Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis, aliquam.")
                        %i.fa.fa-info
                  %tr.income__table-body--row.income__table-body-opening--wrap
                    %td.income__table-body--col.income__table-body--col-first
                      %span.income__table-body-opening--btn
                        Total Used
                    %td.income__table-body--col.income__table-body--col-second
                      $ 534.56
                    %td.income__table-body--col.income__table-body--col-third                      
                      %span.rewards__header-block--header-info(data-info-text="Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis, aliquam.")
                        %i.fa.fa-info
                  %tr.income__table-body--row.income__table-body-open-row
                    %td.income__table-body--col.income__table-body--col-first
                      Total Used
                    %td.income__table-body--col.income__table-body--col-second
                      $ 534.56
                    %td.income__table-body--col.income__table-body--col-third                      
                      %span.rewards__header-block--header-info(data-info-text="Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis, aliquam.")
                        %i.fa.fa-info
                  %tr.income__table-body--row.income__table-body-open-row
                    %td.income__table-body--col.income__table-body--col-first
                      Total Used
                    %td.income__table-body--col.income__table-body--col-second
                      $ 534.56
                    %td.income__table-body--col.income__table-body--col-third                      
                      %span.rewards__header-block--header-info(data-info-text="Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis, aliquam.")
                        %i.fa.fa-info
                  %tr.income__table-body--row
                    %td.income__table-body--col.income__table-body--col-first
                      Cancelled
                    %td.income__table-body--col.income__table-body--col-second
                      $ 0.00
                    %td.income__table-body--col.income__table-body--col-third                      
                      %span.rewards__header-block--header-info(data-info-text="Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis, aliquam.")
                        %i.fa.fa-info
                  %tr.income__table-body--row
                    %td.income__table-body--col.income__table-body--col-first
                      Ajustment
                    %td.income__table-body--col.income__table-body--col-second
                      $ +234.56
                    %td.income__table-body--col.income__table-body--col-third                      
                      %span.rewards__header-block--header-info(data-info-text="Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis, aliquam.")
                        %i.fa.fa-info
                  %tr.income__table-body--row
                    %td.income__table-body--col.income__table-body--col-first
                      Unusable due to Limit
                    %td.income__table-body--col.income__table-body--col-second
                      $ 0.00
                    %td.income__table-body--col.income__table-body--col-third                      
                      %span.rewards__header-block--header-info(data-info-text="Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis, aliquam.")
                        %i.fa.fa-info
                  %tr.income__table-body--row.income__table-body--row-pending
                    %td.income__table-body--col.income__table-body--col-first
                      Pending
                    %td.income__table-body--col.income__table-body--col-second
                      $ 234.12
                    %td.income__table-body--col.income__table-body--col-third                      
                      %span.rewards__header-block--header-info(data-info-text="Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis, aliquam.")
                        %i.fa.fa-info
                  %tr.income__table-body--row.income__table-body--row-available
                    %td.income__table-body--col.income__table-body--col-first
                      Available Rewards
                    %td.income__table-body--col.income__table-body--col-second
                      $ 234.12
                    %td.income__table-body--col.income__table-body--col-third                      
                      %span.rewards__header-block--header-info(data-info-text="Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis, aliquam.")
                        %i.fa.fa-info
            .col-md-6
              .graph__info-text-block              
                %p.graph__info-text
                  Your Rankings, Earnings & Referral Countsbr 
                  %br/ 
                  The information shows your rankings, earnings and referral counts both "worldwide" and "nationally," compared to other Rewards members. "NONE" indicates that no one has used your code during this period.
              .row
                .col-md-7.col-xs-5
                  %h5.graph__table-heading
                    Ranking
                .col-md-5.col-xs-7
                  .graph_table-select--wrap
                    %label.graph__table-label(for="ranking-select")
                      %i.fa.fa-angle-down
                    %select.graph__table-select(id="ranking-select" name="ranking-select")
                      %option(value="June, 2014")
                        June, 2014
                      %option(value="June, 2015")
                        June, 2015
                      %option(value="June, 2016")
                        June, 2016
              %table.ranking__table
                %thead.ranking__table-head
                  %tr.ranking__table-row.ranking__table-row--header
                    %th.ranking__table-head--col
                      Rank
                    %th.ranking__table-head--col.ranking__table-body--mobile-hide                      
                    %th.ranking__table-head--col
                      New Customers
                    %th.ranking__table-head--col
                      Income
                %tbody.ranking__table-body
                  %tr.ranking__table-row
                    %td.ranking__table-body--col
                      1
                    %td.ranking__table-body--col.ranking__table-body--mobile-hide
                      First Place
                    %td.ranking__table-body--col.ranking__table-body-second-col
                      3,202
                    %td.ranking__table-body--col
                      $ 534.56
                  %tr.ranking__table-row
                    %td.ranking__table-body--col
                      122
                    %td.ranking__table-body--col.ranking__table-body--mobile-hide
                      Above You
                    %td.ranking__table-body--col.ranking__table-body-second-col
                      200
                    %td.ranking__table-body--col
                      $ 634.56
                  %tr.ranking__table-row.ranking__table-row--you-rank
                    %td.ranking__table-body--col
                      %span.ranking__table-body--mobile-hide
                        123
                      %span.ranking__table-body--mobile-show
                        You
                    %td.ranking__table-body--col.ranking__table-body--mobile-hide
                      You
                    %td.ranking__table-body--col.ranking__table-body-second-col
                      202
                    %td.ranking__table-body--col
                      $ 544.12
                  %tr.ranking__table-row
                    %td.ranking__table-body--col
                      124
                    %td.ranking__table-body--col.ranking__table-body--mobile-hide
                      Below You
                    %td.ranking__table-body--col.ranking__table-body-second-col
                      300
                    %td.ranking__table-body--col
                      $ 434.56