<turbo-stream action="append" target="articles-list"><template>
  <!-- Start Single Blog  -->
<div class="axil-blog-list wow move-up mb--80">
  <div class="blog-top">
      <h2 class="title"><a href="/articles/fitur-hey-spotify-mulai-digulirkan-ke-pengguna">Fitur &#39;Hey Spotify&#39; Mulai Digulirkan ke Pengguna</a></h2>
      <div class="author">
          <div class="author-thumb">
              <img src="/frontend/assets/images/blog/author-01.jpg" alt="Blog Author">
          </div>
          <div class="info">
              <h6>Admin</h6>
              <ul class="blog-meta">
                  <li>12 Apr 2021</li>
                  <li>already 187 views</li>
              </ul>
          </div>
      </div>
  </div>
  <div class="thumbnail">
      <a href="blog-details.html">
          <img class="w-100" src="/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTIyLCJwdXIiOiJibG9iX2lkIn19--eabd7792c66e5a1200b4b72bceef7025551db04c/Apr%2016.jpg" alt="Fitur &#39;Hey Spotify&#39; Mulai Digulirkan ke Pengguna Images"/>
      </a>
  </div>
  <div class="content">
      <p>  </p>
      <a class="axil-button btn-large btn-transparent" href="/articles/fitur-hey-spotify-mulai-digulirkan-ke-pengguna"><span
              class="button-text">Read More</span><span class="button-icon"></span></a>
  </div>
</div>
<!-- End Single Blog  --><!-- Start Single Blog  -->
<div class="axil-blog-list wow move-up mb--80">
  <div class="blog-top">
      <h2 class="title"><a href="/articles/kenapa-sih-harus-beli-game-original">Kenapa sih harus beli game original?</a></h2>
      <div class="author">
          <div class="author-thumb">
              <img src="/frontend/assets/images/blog/author-01.jpg" alt="Blog Author">
          </div>
          <div class="info">
              <h6>Admin</h6>
              <ul class="blog-meta">
                  <li>09 Apr 2021</li>
                  <li>already 146 views</li>
              </ul>
          </div>
      </div>
  </div>
  <div class="thumbnail">
      <a href="blog-details.html">
          <img class="w-100" src="/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTIxLCJwdXIiOiJibG9iX2lkIn19--51d51f5e496ed8bf504a015bfd25b615627a2472/Apr%2013.jpg" alt="Kenapa sih harus beli game original? Images"/>
      </a>
  </div>
  <div class="content">
      <p>  </p>
      <a class="axil-button btn-large btn-transparent" href="/articles/kenapa-sih-harus-beli-game-original"><span
              class="button-text">Read More</span><span class="button-icon"></span></a>
  </div>
</div>
<!-- End Single Blog  --><!-- Start Single Blog  -->
<div class="axil-blog-list wow move-up mb--80">
  <div class="blog-top">
      <h2 class="title"><a href="/articles/amd-luncurkan-ryzen-5000-series">AMD Luncurkan Ryzen 5000 Series</a></h2>
      <div class="author">
          <div class="author-thumb">
              <img src="/frontend/assets/images/blog/author-01.jpg" alt="Blog Author">
          </div>
          <div class="info">
              <h6>Admin</h6>
              <ul class="blog-meta">
                  <li>08 Apr 2021</li>
                  <li>already 186 views</li>
              </ul>
          </div>
      </div>
  </div>
  <div class="thumbnail">
      <a href="blog-details.html">
          <img class="w-100" src="/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTIwLCJwdXIiOiJibG9iX2lkIn19--188c459522ceb11c14ee5346205dd26cbc3a2f77/Apr%2010.jpg" alt="AMD Luncurkan Ryzen 5000 Series Images"/>
      </a>
  </div>
  <div class="content">
      <p></p>
      <a class="axil-button btn-large btn-transparent" href="/articles/amd-luncurkan-ryzen-5000-series"><span
              class="button-text">Read More</span><span class="button-icon"></span></a>
  </div>
</div>
<!-- End Single Blog  --><!-- Start Single Blog  -->
<div class="axil-blog-list wow move-up mb--80">
  <div class="blog-top">
      <h2 class="title"><a href="/articles/stack-aplikasi-baru-google-untuk-sortir-dokumen-yang-dipindai">Stack, Aplikasi Baru Google Untuk Sortir Dokumen yang Dipindai</a></h2>
      <div class="author">
          <div class="author-thumb">
              <img src="/frontend/assets/images/blog/author-01.jpg" alt="Blog Author">
          </div>
          <div class="info">
              <h6>Admin</h6>
              <ul class="blog-meta">
                  <li>06 Apr 2021</li>
                  <li>already 142 views</li>
              </ul>
          </div>
      </div>
  </div>
  <div class="thumbnail">
      <a href="blog-details.html">
          <img class="w-100" src="/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTE5LCJwdXIiOiJibG9iX2lkIn19--e8247afe2d555cec2d0bc00870f11d2a2bcf2793/Apr%207.jpg" alt="Stack, Aplikasi Baru Google Untuk Sortir Dokumen yang Dipindai Images"/>
      </a>
  </div>
  <div class="content">
      <p>  </p>
      <a class="axil-button btn-large btn-transparent" href="/articles/stack-aplikasi-baru-google-untuk-sortir-dokumen-yang-dipindai"><span
              class="button-text">Read More</span><span class="button-icon"></span></a>
  </div>
</div>
<!-- End Single Blog  --><!-- Start Single Blog  -->
<div class="axil-blog-list wow move-up mb--80">
  <div class="blog-top">
      <h2 class="title"><a href="/articles/5-tips-aman-dan-mudah-backup-seluruh-data-dari-laptop-atau-smartphone">5 Tips Aman dan Mudah Backup Seluruh Data dari Laptop atau Smartphone</a></h2>
      <div class="author">
          <div class="author-thumb">
              <img src="/frontend/assets/images/blog/author-01.jpg" alt="Blog Author">
          </div>
          <div class="info">
              <h6>Admin</h6>
              <ul class="blog-meta">
                  <li>05 Apr 2021</li>
                  <li>already 172 views</li>
              </ul>
          </div>
      </div>
  </div>
  <div class="thumbnail">
      <a href="blog-details.html">
          <img class="w-100" src="/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTE4LCJwdXIiOiJibG9iX2lkIn19--87b7930c8fa8cb095045137806cc2a971b98d780/Apr%201.jpg" alt="5 Tips Aman dan Mudah Backup Seluruh Data dari Laptop atau Smartphone Images"/>
      </a>
  </div>
  <div class="content">
      <p></p>
      <a class="axil-button btn-large btn-transparent" href="/articles/5-tips-aman-dan-mudah-backup-seluruh-data-dari-laptop-atau-smartphone"><span
              class="button-text">Read More</span><span class="button-icon"></span></a>
  </div>
</div>
<!-- End Single Blog  --><!-- Start Single Blog  -->
<div class="axil-blog-list wow move-up mb--80">
  <div class="blog-top">
      <h2 class="title"><a href="/articles/ini-kelebihan-dan-kekurangan-react-native">Ini kelebihan dan kekurangan React Native</a></h2>
      <div class="author">
          <div class="author-thumb">
              <img src="/frontend/assets/images/blog/author-01.jpg" alt="Blog Author">
          </div>
          <div class="info">
              <h6>Admin</h6>
              <ul class="blog-meta">
                  <li>01 Apr 2021</li>
                  <li>already 158 views</li>
              </ul>
          </div>
      </div>
  </div>
  <div class="thumbnail">
      <a href="blog-details.html">
          <img class="w-100" src="/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTE3LCJwdXIiOiJibG9iX2lkIn19--580f1574122d2965fe651397ad93d4786828048e/Mar%2066.jpg" alt="Ini kelebihan dan kekurangan React Native Images"/>
      </a>
  </div>
  <div class="content">
      <p></p>
      <a class="axil-button btn-large btn-transparent" href="/articles/ini-kelebihan-dan-kekurangan-react-native"><span
              class="button-text">Read More</span><span class="button-icon"></span></a>
  </div>
</div>
<!-- End Single Blog  --><!-- Start Single Blog  -->
<div class="axil-blog-list wow move-up mb--80">
  <div class="blog-top">
      <h2 class="title"><a href="/articles/butuh-desain-untuk-logo-perusahaanmu">Butuh desain untuk logo perusahaanmu?</a></h2>
      <div class="author">
          <div class="author-thumb">
              <img src="/frontend/assets/images/blog/author-01.jpg" alt="Blog Author">
          </div>
          <div class="info">
              <h6>Admin</h6>
              <ul class="blog-meta">
                  <li>31 Mar 2021</li>
                  <li>already 201 views</li>
              </ul>
          </div>
      </div>
  </div>
  <div class="thumbnail">
      <a href="blog-details.html">
          <img class="w-100" src="/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTE2LCJwdXIiOiJibG9iX2lkIn19--c8b75c40a2c5c7ea135334f93b42b2c7ed781eb9/Wedesign%201.jpg" alt="Butuh desain untuk logo perusahaanmu? Images"/>
      </a>
  </div>
  <div class="content">
      <p> </p>
      <a class="axil-button btn-large btn-transparent" href="/articles/butuh-desain-untuk-logo-perusahaanmu"><span
              class="button-text">Read More</span><span class="button-icon"></span></a>
  </div>
</div>
<!-- End Single Blog  --><!-- Start Single Blog  -->
<div class="axil-blog-list wow move-up mb--80">
  <div class="blog-top">
      <h2 class="title"><a href="/articles/twitter-berencana-hadirkan-fitur-mirip-reactions">Twitter Berencana Hadirkan Fitur Mirip Reactions</a></h2>
      <div class="author">
          <div class="author-thumb">
              <img src="/frontend/assets/images/blog/author-01.jpg" alt="Blog Author">
          </div>
          <div class="info">
              <h6>Admin</h6>
              <ul class="blog-meta">
                  <li>30 Mar 2021</li>
                  <li>already 167 views</li>
              </ul>
          </div>
      </div>
  </div>
  <div class="thumbnail">
      <a href="blog-details.html">
          <img class="w-100" src="/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTEzLCJwdXIiOiJibG9iX2lkIn19--d53ac573b234350c8a61a1db78ea9bc4ce8b6740/Mar%2062.jpg" alt="Twitter Berencana Hadirkan Fitur Mirip Reactions Images"/>
      </a>
  </div>
  <div class="content">
      <p></p>
      <a class="axil-button btn-large btn-transparent" href="/articles/twitter-berencana-hadirkan-fitur-mirip-reactions"><span
              class="button-text">Read More</span><span class="button-icon"></span></a>
  </div>
</div>
<!-- End Single Blog  --><!-- Start Single Blog  -->
<div class="axil-blog-list wow move-up mb--80">
  <div class="blog-top">
      <h2 class="title"><a href="/articles/apple-berencana-petakan-tombol-pengontrol-gim-di-keyboard-mac">Apple Berencana Petakan Tombol Pengontrol Gim di Keyboard Mac</a></h2>
      <div class="author">
          <div class="author-thumb">
              <img src="/frontend/assets/images/blog/author-01.jpg" alt="Blog Author">
          </div>
          <div class="info">
              <h6>Admin</h6>
              <ul class="blog-meta">
                  <li>29 Mar 2021</li>
                  <li>already 212 views</li>
              </ul>
          </div>
      </div>
  </div>
  <div class="thumbnail">
      <a href="blog-details.html">
          <img class="w-100" src="/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTEyLCJwdXIiOiJibG9iX2lkIn19--9df3b363306c3b323336484641141b4fee3f3fdd/Mar%2059.jpg" alt="Apple Berencana Petakan Tombol Pengontrol Gim di Keyboard Mac Images"/>
      </a>
  </div>
  <div class="content">
      <p> </p>
      <a class="axil-button btn-large btn-transparent" href="/articles/apple-berencana-petakan-tombol-pengontrol-gim-di-keyboard-mac"><span
              class="button-text">Read More</span><span class="button-icon"></span></a>
  </div>
</div>
<!-- End Single Blog  --><!-- Start Single Blog  -->
<div class="axil-blog-list wow move-up mb--80">
  <div class="blog-top">
      <h2 class="title"><a href="/articles/pengguna-slack-kini-bisa-kirim-pesan-ke-karyawan-di-perusahaan-lain">Pengguna Slack Kini Bisa Kirim Pesan ke Karyawan di Perusahaan Lain</a></h2>
      <div class="author">
          <div class="author-thumb">
              <img src="/frontend/assets/images/blog/author-01.jpg" alt="Blog Author">
          </div>
          <div class="info">
              <h6>Admin</h6>
              <ul class="blog-meta">
                  <li>29 Mar 2021</li>
                  <li>already 151 views</li>
              </ul>
          </div>
      </div>
  </div>
  <div class="thumbnail">
      <a href="blog-details.html">
          <img class="w-100" src="/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTA4LCJwdXIiOiJibG9iX2lkIn19--389e4149d71d406a54dd0a283ea522c771121d2e/Mar%2055.jpg" alt="Pengguna Slack Kini Bisa Kirim Pesan ke Karyawan di Perusahaan Lain Images"/>
      </a>
  </div>
  <div class="content">
      <p> </p>
      <a class="axil-button btn-large btn-transparent" href="/articles/pengguna-slack-kini-bisa-kirim-pesan-ke-karyawan-di-perusahaan-lain"><span
              class="button-text">Read More</span><span class="button-icon"></span></a>
  </div>
</div>
<!-- End Single Blog  -->
</template></turbo-stream>
<turbo-stream action="replace" target="load-more"><template>
  <div id="load-more" style="text-align: center;margin-top: 40px;">
      <a class="axil-button btn-large btn-transparent" href="/articles.turbo_stream?page=58">Load More</a>
  </div>
</template></turbo-stream>