<?php require PATH_PAGES . "TEMPLATE-top.php"; ?>
<h1 class="mb-0">STORAGE BOXX</h1>
<div class="text-secondary mb-4"><small>
  open source php inventory system
</small></div>

<h5 class="text-danger mb-2">
  <i class="ico-sm icon-question"></i> HOW TO USE
</h5>
<div class="bg-white border p-4 mb-4">
  <iframe width="560" height="315" src="https://www.youtube.com/embed/T-4FxpHE5xU?si=e6R2Cx_o6JFdOP3F" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div>

<h5 class="text-danger mb-0">
  <i class="ico-sm icon-heart"></i> SUPPORT
</h5>
<div class="text-secondary mb-2"><small>
  * Help keep Storage Boxx alive, even if it is just a little bit.
</small></div>
<div class="bg-white border p-4 mb-4"><ul class="list-group">
  <li class="list-group-item d-flex align-items-center">
    <a class="btn btn-danger" href="https://github.com/code-boxx/Storage-Boxx-PHP-Inventory-Management-System" target="_blank">
      <i class="ico-sm icon-star-full"></i> Star
    </a>
    <div class="ms-2">Just give a star to Storage Boxx on GitHub - It's free.</div>
  </li>
  <li class="list-group-item d-flex align-items-center">
    <a class="btn btn-danger" href="https://www.paypal.com/paypalme/wstoh/5" target="_blank">
      <i class="ico-sm icon-mug"></i> Coffee
    </a>
    <div class="ms-2">Buy me a coffee.</div>
  </li>
  <li class="list-group-item d-flex align-items-center">
    <a class="btn btn-danger" href="https://github.com/sponsors/code-boxx?frequency=one-time" target="_blank">
      <i class="ico-sm icon-heart"></i> Donate
    </a>
    <div class="ms-2">Buy a malnourished developer some food. Even a small one-time amount helps.</div>
  </li>
  <li class="list-group-item d-flex align-items-center">
    <a class="btn btn-danger" href="https://payhip.com/codeboxx" target="_blank">
      <i class="ico-sm icon-cart"></i> Shop
    </a>
    <div class="ms-2">Buy an eBook from the Code Boxx Store.</div>
  </li>
</ul></div>

<h5 class="text-danger mb-0">
  <i class="ico-sm icon-power-cord"></i> RECOMMENDED EQUIPMENT
</h5>
<div class="text-secondary mb-2"><small>
  * These are affiliate links, I earn a small commission when you make a purchase from eBay.
</small></div>
<div class="bg-white border p-4 mb-4">
  <ul>
    <li>
      <a href="https://www.ebay.com/sch/i.html?_from=R40&_nkw=logitech+webcam&_sacat=0&LH_TitleDesc=0&rt=nc&LH_ItemCondition=1000&mkcid=1&mkrid=711-53200-19255-0&siteid=0&campid=5338785898&customid=&toolid=10001&mkevt=1" target="_blank">
        Webcam
      </a> - For desktops that do not have one.
    </li>
    <li>
      <a href="https://www.ebay.com/sch/i.html?_from=R40&_nkw=usb+qr+scanner&_sacat=0&rt=nc&LH_BIN=1&mkcid=1&mkrid=711-53200-19255-0&siteid=0&campid=5338785898&customid=&toolid=10001&mkevt=1" target="_blank">
        USB QR Code Scanner
      </a> - If you prefer the "traditional way".
    </li>
    <li>
      <a href="https://www.ebay.com/sch/i.html?_from=R40&_trksid=p2334524.m570.l1313&_nkw=nfc+tags&_sacat=0&LH_TitleDesc=0&toolid=10001&rt=nc&mkcid=1&campid=5338785898&_odkw=usb+qr+scanner&_osacat=0&LH_BIN=1&siteid=0&mkrid=711-53200-19255-0&customid=&mkevt=1" target="_blank">
        NFC Tags
      </a> - Buy these in bulk, and they costs just a few cents each.
    </li>
    <li>
      <a href="https://www.ebay.com/sch/i.html?_from=R40&_nkw=usb+fingerprint+scanner&_sacat=0&LH_TitleDesc=0&rt=nc&LH_ItemCondition=1000&mkcid=1&mkrid=711-53200-19255-0&siteid=0&campid=5338785898&customid=&toolid=10001&mkevt=1" target="_blank">
        USB Fingerprint Sensor
      </a> - For desktops/laptops that do not have one.
    </li>
    <li>
      <a href="https://www.ebay.com/sch/i.html?_from=R40&_nkw=label+printer&_sacat=0&LH_TitleDesc=0&rt=nc&LH_ItemCondition=1000&mkcid=1&mkrid=711-53200-19255-0&siteid=0&campid=5338785898&customid=&toolid=10001&mkevt=1" target="_blank">
        Label Printer
      </a> - Print your QR code labels.
    </li>
  </ul>
</div>

<h5 class="text-danger mb-2">
  <i class="ico-sm icon-wrench"></i> FOR THE DEVELOPERS
</h5>
<div class="bg-white border p-4 mb-4">
  <ul class="mb-0">
    <li><a href="https://code-boxx.com/core-boxx-php-framework/#sec-faq" target="_blank">
      FAQ
    </a></li>
    <li><a href="https://code-boxx.com/storage-boxx-php-inventory-system/#sec-dev" target="_blank">
      Developer Notes
    </a></li>
    <li><a href="https://github.com/code-boxx/Storage-Boxx-PHP-Inventory-Management-System/issues/new/choose" target="_blank">
      Report a bug / Feature Request
    </a></li>
  </ul>
</div>

<h5 class="text-danger mb-2">
  <i class="ico-sm icon-smile2"></i> SOCIALS
</h5>
<div class="bg-white border p-4 mb-4">
  <ul class="mb-0">
    <li><a href="https://code-boxx.com/" target="_blank">Code Boxx</a></li>
    <li><a href="https://www.youtube.com/c/CodeBoxx" target="_blank">YouTube</a></li>
    <li><a href="https://www.pinterest.com/codeboxx/" target="_blank">Pinterest</a></li>
    <li><a href="https://www.facebook.com/real.code.boxx/" target="_blank">Facebook</a></li>
    <li><a href="https://github.com/code-boxx/" target="_blank">GitHub</a></li>
    <li><a href="https://codepen.io/code-boxx" target="_blank">CodePen</a></li>
  </ul>
</div>

<h5 class="text-danger mb-2">
  <i class="ico-sm icon-hammer"></i> CREDITS / BUILT WITH
</h5>
<div class="bg-white border p-4 mb-4">
  <ul class="mb-0">
    <li><a href="https://code-boxx.com/core-boxx-php-framework/" target="_blank">Core Boxx</a></li>
    <li><a href="https://github.com/firebase/php-jwt" target="_blank">PHP JWT</a></li>
    <li><a href="https://github.com/web-push-libs/web-push-php" target="_blank">PHP Web Push</a></li>
    <li><a href="https://github.com/lbuchs/WebAuthn/tree/master" target="_blank">PHP WebAuthn</a></li>
    <li><a href="https://getbootstrap.com/" target="_blank">Bootstrap</a></li>
    <li><a href="https://icomoon.io/" target="_blank">IcoMoon</a></li>
    <li><a href="https://github.com/okfn/csv.js/" target="_blank">csv.js</a></li>
    <li><a href="https://davidshimjs.github.io/qrcodejs/" target="_blank">QRCode.js</a></li>
    <li><a href="https://github.com/mebjas/html5-qrcode" target="_blank">HTML5-QRCode Scanner</a></li>
  </ul>
</div>
<?php require PATH_PAGES . "TEMPLATE-bottom.php"; ?>