Folding receipt

edit
dkdblr

A cool folding receipt that simulates paper. Add items in the content section along with their prices, and the total is automatically calculated. Good for showing groups of ecommerce items and how much they cost. Based on a Pen by Kriszta https://codepen.io/vajkri/pen/PrBQxg edit

Add to your website

looks_onePaste the AnyMod script inside your HTML's <head> section.

looks_twoPaste the mod tag anywhere you want this mod to show.

<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Folding receipt</title>

    <!-- AnyMod -->
    <script id="AnyMod-script">
      (function (m,o,d,u,l,a,r,i,z,e) {
        u[m]={Project:o,rq:[],Opts:r,ready:function(j){u[m].rq.push(j)}};function j(s){return encodeURIComponent(btoa(s))};z=l.getElementById(m+'-'+a);r=u.location;
        e=[d+'/page/'+o+'/'+j(r.pathname)+'/'+j(r.host)+'?t='+Date.now(),d];e.map(function(w){i=l.createElement(a);i.defer=1;i.src=w;z.parentNode.insertBefore(i,z);});
      })('AnyMod','library','https://cdn.anymod.com/v2',window,document,'script',{ toolkit: true, tips: true, priority: 3 });
    </script>
    <!-- /AnyMod -->

  </head>
  <body>

    <!-- Folding receipt -->
    <div id="anymod-dkdblr"></div>

  </body>
</html>
looks_one
looks_two
Download HTML file