anchor.diff:                  <hr class="hidden-md-up">
   
                   <!--Fourth column-->
  -                <div class="col-lg-2 col-md-4">
  -                    <h5 class="title">Third column</h5>
  +                <div class="col-md-2">
  +                    <h5 class="title">Links</h5>
                       <ul>
                           <li><a href="#!">Link 1</a></li>
                           <li><a href="#!">Link 2</a></li>
  
positive.code:             </li>
              <!--/.Search Form-->
              <!-- Side navigation links -->
              <li>
                  <ul class="collapsible collapsible-accordion">
                      <li><a class="collapsible-header waves-effect arrow-r"><i class="fa fa-chevron-right"></i> Submit blog<i class="fa fa-angle-down rotate-icon"></i></a>
                          <div class="collapsible-body">
                              <ul>
                                  <li><a href="#" class="waves-effect">Submit listing</a>
                                  </li>
                                  <li><a href="#" class="waves-effect">Registration form</a>
                                  </li>
                              </ul>
                          </div>
                      </li>
                      <li><a class="collapsible-header waves-effect arrow-r"><i class="fa fa-hand-pointer-o"></i> Instruction<i class="fa fa-angle-down rotate-icon"></i></a>
                          <div class="collapsible-body">
                              <ul>
                                  <li><a href="#" class="waves-effect">For bloggers</a>
                                  </li>
                                  <li><a href="#" class="waves-effect">For authors</a>
                                  </li>
                              </ul>
                          </div>
                      </li>
                      <li><a class="collapsible-header waves-effect arrow-r"><i class="fa fa-eye"></i> About<i class="fa fa-angle-down rotate-icon"></i></a>
                          <div class="collapsible-body">
                              <ul>
                                  <li><a href="#" class="waves-effect">Introduction</a>
                                  </li>
                                  <li><a href="#" class="waves-effect">Monthly meetings</a>
                                  </li>
                              </ul>
                          </div>
                      </li>
                      <li><a class="collapsible-header waves-effect arrow-r"><i class="fa fa-envelope-o"></i> Contact me<i class="fa fa-angle-down rotate-icon"></i></a>
                          <div class="collapsible-body">
                              <ul>
                                  <li><a href="#" class="waves-effect">FAQ</a>
                                  </li>
                                  <li><a href="#" class="waves-effect">Write a message</a>
                                  </li>
                              </ul>
                          </div>
                      </li>
                  </ul>
              </li>
              <!--/. Side navigation links -->
              <div class="sidenav-bg mask-strong"></div>
          </ul>
          <!--/. Sidebar navigation -->
          <!-- Navbar -->
          <nav class="navbar fixed-top navbar-toggleable-md navbar-dark scrolling-navbar double-nav">
              <!-- SideNav slide-out button -->
              <div class="float-xs-left">
                  <a href="#" data-activates="slide-out" class="button-collapse"><i class="fa fa-bars"></i></a>
              </div>
              <!-- Breadcrumb-->
              <div class="breadcrumb-dn mr-auto">
                  <p><%= link_to 'Wroom Wroom', store_url %></p>
              </div>
              <ul class="nav navbar-nav nav-flex-icons ml-auto">
                  <li class="nav-item">
                      <a class="nav-link" a href="<%= new_contact_path %>"><i class="fa fa-envelope"></i> <span class="hidden-sm-down">Contact</span>&ensp;</a>
                  </li>
                  <li class="nav-item">
                      <a class="nav-link"><i class="fa fa-comments-o"></i> <span class="hidden-sm-down">Support</span>&ensp;</a>
                  </li>
                  
                  <li class="nav-item">
                      <a class="nav-link" href="<%= edit_user_registration_path %>"><i class="fa fa-user"></i> <span class="hidden-sm-down">Profile</span></a>
                  </li>
                  <% if user_signed_in? %>
                  <li class="nav-item">
                      <a class="nav-link" a href="<%=destroy_user_session_path %>" data-method="DELETE"><i class="fa fa-power-off"></i> <span class="hidden-sm-down">Sign out</span></a>&ensp;</a>
                  </li>
                  <% else %>  
                  <li class="nav-item">
                      <a class="nav-link" href="<%= new_user_registration_path%>""><i class="fa fa-user-plus"></i> <span class="hidden-sm-down">Sign up</span>&ensp;</a>
                  </li> 
                  <li class="nav-item">
                      <a class="nav-link" href="<%= new_user_session_path%>"><i class="fa fa-sign-in"></i> <span class="hidden-sm-down">Sign in</span></a>
                  </li>            
              </ul>
               <%end %>
          </nav>
          <!-- /.Navbar -->
      </header>
      <!--/.Double navigation-->
      <!--Main layout-->
      <main>
      
          <div class="container-fluid">
             
      <% unless flash.empty? %>
       <script type="text/javascript">
            <% flash.each do |f| %>
          <% type = f[0].to_s.gsub('alert', 'error').gsub('notice', 'info') %>
           toastr['<%= type %>']('<%= f[1] %>');
       <% end %>
       </script>
  <% end %>
        <% if notice %>
          <p id="notice"><%= notice %></p>
        <% end %>
  
        <%= yield %>
        
     
          </div>
      </main>
      <!--/Main layout-->
  
      <!--Stopper for sticky content-->
      <br id="you_shall_not_pass">
      <!--/.Stopper for sticky content-->
  
      <!--Footer-->
      <footer class="page-footer center-on-small-only primary-color-dark">
  
          <!--Footer Links-->
          <div class="container-fluid">
              <div class="row">
  
                  <!--First column-->
                  <div class="col-md-3 offset-lg-1 hidden-lg-down">
                      <h5 class="title">ABOUT THIS PROJECT</h5>
                      <p>I used.... </p>
  
                      <p>Ruby on Rails...</p>
                  </div>
                  <!--/.First column-->
  
                  <hr class="hidden-md-up">
  
                  <!--Second column-->
                  <div class="col-lg-2 col-md-4 offset-lg-1">
                      <h5 class="title">First column</h5>
                      <ul>
                          <li><a href="#!">Link 1</a></li>
                          <li><a href="#!">Link 2</a></li>
  
negative.code:         <hr>
  
          <!--Call to action-->
          <div class="call-to-action wow fadeIn" data-wow-delay="0.3s">
              <ul>
                  <li>
                      <h5>Register for free</h5></li>
                  <li><a href="<%= new_user_registration_path %>" class="btn btn-danger">Sign up!</a></li>
              </ul>
          </div>
          <!--/.Call to action-->
  
          <hr>
  
          <!--Social buttons-->
          <div class="social-section wow fadeIn" data-wow-delay="0.3s">
              <ul>
                  <li><a href="https://www.facebook.com/mdbootstrap" target="_blank" class="btn-floating btn-small btn-fb"><i class="fa fa-facebook"> </i></a></li>
                  <li><a href="https://twitter.com/MDBootstrap" target="_blank" class="btn-floating btn-small btn-tw"><i class="fa fa-twitter"> </i></a></li>
                  <li><a href="https://plus.google.com/u/0/+Mdbootstrap" target="_blank" class="btn-floating btn-small btn-gplus"><i class="fa fa-google-plus"> </i></a></li>
                  <li><a href="https://pl.linkedin.com/in/dawid-adach-97435534/pl" target="_blank" class="btn-floating btn-small btn-li"><i class="fa fa-linkedin"> </i></a></li>
                  <li><a class="btn-floating btn-small btn-git"><i class="fa fa-github"> </i></a></li>
                  <li><a href="https://pl.pinterest.com/materialdesignf/" target="_blank" class="btn-floating btn-small btn-pin"><i class="fa fa-pinterest"> </i></a></li>
                  <li><a href="https://www.instagram.com/material_design_for_bootstrap/" target="_blank" class="btn-floating btn-small btn-ins"><i class="fa fa-instagram"> </i></a></li>
              </ul>
          </div>
          <!--/.Social buttons-->
  
          <!--Copyright-->
          <div class="footer-copyright">
              <div class="container-fluid">
                  © 2017 Copyright: <a href="https://github.com/bdisney"> bdisney </a>
  
              </div>
          </div>
  