JSFiddle - React, Tailwind, and code Playground
by ganesh095
HTML
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-modal/2.2.6/js/bootstrap-modalmanager.min.js"></script>
<script src="https://html2canvas.hertzen.com/dist/html2canvas.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/dompurify/2.2.2/purify.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.0/jspdf.umd.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-modal/2.2.6/css/bootstrap-modal.css">
<button class="btn download-invoice-btnModal red-outlined">
Download
</button>
<div class="modal fade" id="bootstrap-modal" tabindex="-1" role="dialog" data-keyboard="true">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Bootstrap Dynamic Modal
Content</h4>
</div>
<div id="demo-modal"><div class="container container-width">
<div class="row py-3">
<div class="col-8">
<p class="h1-bf-orange">Thank you for your order</p>
<p>We’re excited too, but please allow 24 hours to track your order.</p>
</div>
<img id="imageid" src='https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/BGLG_S06/on/demandware.static/-/Sites-BanfieldStorefront-Library/default/dw90175640/images/homepage-banfield/cat-llooking-at-camera.jpg' />
<img id="imageid1" src='http://localhost:9280/examples/cat-llooking-at-camera.jpg' />
<div class="col-4">
<p class="m-0">Banfield Pet Hospital</p>
<p> 18101 SE 6th Way Vancouver, WA 98683</p>
</div>
</div></div><button class="btn download-invoice-print2 red-outlined">
Download
</button>
<div class="modal-footer">
<button type="button" class="btn...