Back button for long scroll / infinite scroll page

Developer
Size
3,810 Kb
Views
16,192

How do I make an back button for long scroll / infinite scroll page?

Http://xkcd.com/1309/Tried to think of ways to implement some sort of back button like functionality for long scrolling pages. This stores positions on a page that the user looked at for a few seconds and goes back to those spots when they use the back button. Toying with some ideas about how to get the browser back buttons to go to these spots. . What is a back button for long scroll / infinite scroll page? How do you make a back button for long scroll / infinite scroll page? This script and codes were developed by Zachary Olson on 10 November 2022, Thursday.

Back button for long scroll / infinite scroll page Previews

Back button for long scroll / infinite scroll page - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Back button for long scroll / infinite scroll page</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css"> <link rel="stylesheet" href="css/style.css">
</head>
<body> <nav class='nav'> <button class='nav-item' id='back'>Back</button> <button class='nav-item' id='fwd'>Forward</button>
</nav>
<ol> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li> <li class='item'> <div class='item-img'></div> <div class='item-descr'>Item</div> </li>
</ol> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script> <script src="js/index.js"></script>
</body>
</html>

Back button for long scroll / infinite scroll page - Script Codes CSS Codes

html, body { background-color: #EDEBEE;
}
button, body { font-family: helvetica, arial, sans-serif;
}
body { counter-reset: items; margin-top: 3em;
}
.nav { position: fixed; top: 0; width: 100%; box-shadow: 0 0 5px 3px #CCC;
}
.nav-item { float: left; box-sizing: border-box; width: 50%; line-height: 2.5em; height: 2.5em; margin: 0; background-color: #EDEBEE; border: 0; cursor: pointer;
}
.nav-item:first-of-type { border-right: 2px solid #613448;
}
.nav-item:active, .nav-item:focus { outline: none;
}
.nav-item:active { border-bottom: 2px solid #613448;
}
.item { display: block; float: left; width: 28%; margin: 1.15%; padding: 1.5%; background-color: #FFF;
}
.item-img { width: 100%; padding-top: 80%; background-color: #EDEBEE;
}
.item-descr { padding-top: 0.7em;
}
.item-descr:after { counter-increment: items; content: "#" counter(items); padding-left: 0.2em;
}

Back button for long scroll / infinite scroll page - Script Codes JS Codes

Array.prototype.pushIfNew = function(item) { var oldItem = this[this.length-1]; if(oldItem != item) this.push(item); return this;
}
var backPositions = [];
var fwdPositions = [];
var timer = null;
window.addEventListener('scroll', function() { window.clearTimeout(timer); timer = window.setTimeout(rememberPosition, 1000);
});
var rememberPosition = function() { // We've been at this spot for a few moments, lets save the pos backPositions.pushIfNew(window.scrollY); console.log("back", backPositions);
};
var goBack = function() { var pos = backPositions.pop(); if(pos == window.scrollY) pos = backPositions.pop(); fwdPositions.pushIfNew(window.scrollY); $("body").scrollTop(pos || 0);
};
var goFwd = function() { backPositions.pushIfNew(window.scrollY); $("body").scrollTop(fwdPositions.pop() || window.scrollY);
};
$("#back").click(goBack);
$("#fwd").click(goFwd);
Back button for long scroll / infinite scroll page - Script Codes
Back button for long scroll / infinite scroll page - Script Codes
Home Page Home
Developer Zachary Olson
Username zacharyolson
Uploaded November 10, 2022
Rating 3
Size 3,810 Kb
Views 16,192
Do you need developer help for Back button for long scroll / infinite scroll page?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Zachary Olson (zacharyolson) Script Codes
Create amazing SEO content with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!