<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Page 1 - Infinite Ajax Scroll</title>

    <link rel="stylesheet" href="style.css"/>
</head>
<body>

<div class="surface-container">
    <div class="pager">
      <a href="page2.html" class="pager__next">Next page &rightarrow;</a>
    </div>

    <div class="blocks">
        <span class="blocks__block">1</span>
        <span class="blocks__block">2</span>
        <span class="blocks__block">3</span>
        <span class="blocks__block">4</span>
        <span class="blocks__block">5</span>
        <span class="blocks__block">6</span>
        <span class="blocks__block">7</span>
        <span class="blocks__block">8</span>
        <span class="blocks__block">9</span>
        <span class="blocks__block">10</span>

        <span class="blocks__block">11</span>
        <span class="blocks__block">12</span>
        <span class="blocks__block">13</span>
        <span class="blocks__block">14</span>
        <span class="blocks__block">15</span>
        <span class="blocks__block">16</span>
        <span class="blocks__block">17</span>
        <span class="blocks__block">18</span>
        <span class="blocks__block">19</span>
        <span class="blocks__block">20</span>

        <span class="blocks__block">21</span>
        <span class="blocks__block">22</span>
        <span class="blocks__block">23</span>
        <span class="blocks__block">24</span>
        <span class="blocks__block">25</span>
        <span class="blocks__block">26</span>
        <span class="blocks__block">27</span>
        <span class="blocks__block">28</span>
        <span class="blocks__block">29</span>
        <span class="blocks__block">30</span>

        <span class="blocks__block">31</span>
        <span class="blocks__block">32</span>
        <span class="blocks__block">33</span>
        <span class="blocks__block">34</span>
        <span class="blocks__block">35</span>
        <span class="blocks__block">36</span>
        <span class="blocks__block">37</span>
        <span class="blocks__block">38</span>
        <span class="blocks__block">39</span>
        <span class="blocks__block">40</span>

        <span class="blocks__block">41</span>
        <span class="blocks__block">42</span>
        <span class="blocks__block">43</span>
        <span class="blocks__block">44</span>
        <span class="blocks__block">45</span>
        <span class="blocks__block">46</span>
        <span class="blocks__block">47</span>
        <span class="blocks__block">48</span>
        <span class="blocks__block">49</span>
        <span class="blocks__block">50</span>

        <span class="blocks__block">51</span>
        <span class="blocks__block">52</span>
        <span class="blocks__block">53</span>
        <span class="blocks__block">54</span>
        <span class="blocks__block">55</span>
        <span class="blocks__block">56</span>
        <span class="blocks__block">57</span>
        <span class="blocks__block">58</span>
        <span class="blocks__block">59</span>
        <span class="blocks__block">60</span>

        <span class="blocks__block">61</span>
        <span class="blocks__block">62</span>
        <span class="blocks__block">63</span>
        <span class="blocks__block">64</span>
        <span class="blocks__block">65</span>
        <span class="blocks__block">66</span>
        <span class="blocks__block">67</span>
        <span class="blocks__block">68</span>
        <span class="blocks__block">69</span>
        <span class="blocks__block">70</span>
    </div>

    <div class="pager">
        <a href="page2.html" class="pager__next">Next page &rightarrow;</a>
    </div>

    <button id="trigger1" class="trigger">Load more</button>

    <div class="spinner">
        Loading...
    </div>
</div>

<!--<script src="../../../dist/infinite-ajax-scroll.js"></script>-->
<script src="index.js"></script>

</body>
</html>
