anchor.diff: -
   <!DOCTYPE html>
   <html lang="en">
   
   <head>
  -
  -
  -   <%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>
  -  <%= csrf_meta_tags %>
       <!-- Required meta tags always come first -->
       <meta charset="utf-8">
       <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
       <meta http-equiv="x-ua-compatible" content="ie=edge">
  -    <title>Wroom Wroom</title>
  +
  +    <title>JUSTWatches</title>
  +
       <!-- Font Awesome -->
  -    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
  -    <link href="https://mdbootstrap.com/wp-content/themes/mdbootstrap4/css/compiled.min.css" rel="stylesheet">
  +    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.0/css/font-awesome.min.css">
  +
  +    <!-- Bootstrap core CSS -->
  +    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
  +
  +    <!-- Material Design Bootstrap -->
  +    <%= stylesheet_link_tag 'mdb.min.css' %>
  +    <%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>
  +    <%= csrf_meta_tags %>
  +    
  +    <style>
  +    
  +        /* Carousel and pictures */
  +        .view:not(.hm-zoom) {
  +            overflow:visible;
  +        }
  +    
  +    </style>
   
   </head>
   
  -<body class="hidden-sn mdb-skin">
  +<body class="fixed-sn mdb-skin">
  +   
       <!--Double navigation-->
       <header>
           <!-- Sidebar navigation -->
  -        <ul id="slide-out" class="side-nav sn-bg-1 custom-scrollbar">
  +        <ul id="slide-out" class="side-nav fixed sn-bg-1 custom-scrollbar">
               <!-- Logo -->
               <li>
                   <div class="logo-wrapper waves-light">
  -                <p id="icon" style="text-shadow: rgb(48, 117, 165) 0px 0px 0px, rgb(49, 120, 169) 1px 1px 0px, rgb(50, 123, 173) 2px 2px 0px, rgb(51, 126, 177) 3px 3px 0px, rgb(52, 129, 181) 4px 4px 0px, rgb(54, 132, 185) 5px 5px 0px, rgb(55, 135, 189) 6px 6px 0px, rgb(56, 138, 194) 7px 7px 0px, rgb(57, 140, 198) 8px 8px 0px, rgb(58, 143, 202) 9px 9px 0px, rgb(60, 146, 206) 10px 10px 0px, rgb(61, 149, 210) 11px 11px 0px, rgb(62, 152, 214) 12px 12px 0px, rgb(63, 155, 218) 13px 13px 0px, rgb(64, 158, 223) 14px 14px 0px, rgb(66, 161, 227) 15px 15px 0px, rgb(67, 164, 231) 16px 16px 0px; font-size: 77px; color: rgb(255, 255, 255); height: 100px; width: 100px; line-height: 100px; border-radius: 0%; text-align: center; background-color: rgb(68, 167, 235);"> w </p>  
  +                    <a href="#"><img src="" class="img-fluid flex-center"></a>
                   </div>
               </li>
               <!--/. Logo -->
  
positive.code:     </footer>
      <!--/.Footer-->
  
      <!-- SCRIPTS -->
      <script type="text/javascript" src="https://mdbootstrap.com/wp-content/themes/mdbootstrap4/js/compiled.min.js"></script>
      <script>
      $(".button-collapse").sideNav();
      </script>
  </body>
  
  </html>
  
negative.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-heart"></i> All<i class="fa fa-angle-down rotate-icon"></i></a>
                      <% Category.all.find_each do |category| %>
                          <div class="collapsible-body">
                              <ul>
                                  <li><%= link_to category.name, products_path(category: category.id), class: "waves-effect" %></li>
                              </ul>
                          </div>
                          <% end %>
                      </li>
                      <li><a class="collapsible-header waves-effect arrow-r"><i class="fa fa-diamond"></i> Brands<i class="fa fa-angle-down rotate-icon"></i></a>
                          <div class="collapsible-body">
                              <ul>
                                  <li><a href="#" class="waves-effect">Jewelry</a>
                                  </li>
                                  <li><a href="#" class="waves-effect">Wallets & Purses</a>
                                  </li>
                              </ul>
                          </div>
                      </li>
                      <li><a class="collapsible-header waves-effect arrow-r"><i class="fa fa-gitlab"></i> Women<i class="fa fa-angle-down rotate-icon"></i></a>
                          <div class="collapsible-body">
                              <ul>
                                  <li><a href="#" class="waves-effect">Girls</a>
                                  </li>
                                  <li><a href="#" class="waves-effect">Boys</a>
                                  </li>
                              </ul>
                          </div>
                      </li>
                      <li><a class="collapsible-header waves-effect arrow-r"><i class="fa fa-sun-o"></i> Men<i class="fa fa-angle-down rotate-icon"></i></a>
                          <div class="collapsible-body">
                              <ul>
                                  <li><a href="#" class="waves-effect">Swimsuits</a>
                                  </li>
                                  <li><a href="#" class="waves-effect">Sandals</a>
                                  </li>
                              </ul>
                          </div>
                      </li>
                      <li><a class="collapsible-header waves-effect arrow-r" href="/"><i class="fa fa-sun-o"></i> About JUSTWatches</a>
                      </li>
                      <li><a class="collapsible-header waves-effect arrow-r" href="<%= news_index_path %>"><i class="fa fa-sun-o"></i> News</a>
                      </li>
                      <li>
                          <div id="side">
                            
                          </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-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">
                  <a href="<%= store_url %>"><p>JUSTWatches</p></a>
              </div>
  
              <ul class="nav navbar-nav nav-flex-icons ml-auto">
                  <% if user_signed_in?  %>
                  <li class="nav-item">
                      <a class="nav-link"> <span class="badge red z-depth-1">
                      <div class="cart_badge">
                      <%= @cart.line_items.sum('quantity') %>
                      </div></span> <i class="fa fa-shopping-cart"></i> <span class="hidden-sm-down">Cart</span></a>
  
                  </li>
                  <% end %>
                  <li class="nav-item">
                      <a class="nav-link" href="<%= new_contact_path %>"><i class="fa fa-envelope"></i> <span class="hidden-sm-down">Contact</span></a>
                  </li>
                  <% if can? :manage, User %>
                      <li class="nav-item">
                          <a class="nav-link" href="<%= rails_admin_path %>"><i class="fa fa-envelope"></i> <span class="hidden-sm-down">Dashboard</span></a>
                      </li>
                  <% end %>
                  
                  <% if user_signed_in? %>
                      <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>
                      <li class="nav-item">
                          
                          <%= link_to 'Log out', destroy_user_session_path, method: :delete, class: "nav-link" %>
                      </li>
                  
                  <% else %>
                      <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"> Log in</span></a>
                      </li>
                  <% end %>
                  </li>
              </ul> 
          </nav>
          <!--/.Navbar-->
      </header>
      <!--/Double navigation-->
  
      <!--Main layout-->
      <main>
  
          <div id="main">
              <% 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-->
  
  
      <!--Footer-->
      <footer class="page-footer center-on-small-only">
  
          <!--Footer Links-->
          <div class="container-fluid">
              <div class="row wow fadeIn" data-wow-delay="0.3s">
  
                  <!--First column-->
                  <div class="col-md-3 offset-md-1">
                      <h5 class="title">Footer Content</h5>
                      <p>Here you can use rows and columns here to organize your footer content.</p>
                  </div>
                  <!--/.First column-->
  
                  <hr class="hidden-md-up">
  
                  <!--Second column-->
                  <div class="col-md-2 offset-md-1">
                      <h5 class="title">Links</h5>
                      <ul>
                          <li><a href="#!">Link 1</a></li>
                          <li><a href="#!">Link 2</a></li>
  