HTML to PDF Converter

Convert HTML content to professional PDF documents

HTML Content

Live Preview</label>
                        <div id="html-preview" class="w-full min-h-40 p-3 border border-gray-300 rounded-lg bg-white overflow-auto"></div>
                    </div>
                </div>

<div id="url-input" class="hidden space-y-4">
                    <div>
                        <label class="block text-sm font-medium text-gray-700 mb-1">Webpage URL</label>
                        <input type="url" id="webpage-url" class="w-full p-2 border border-gray-300 rounded-lg focus:ring-indigo-500 focus:border-indigo-500" placeholder="https://example.com">
                    </div>
                    <div class="bg-yellow-50 border-l-4 border-yellow-400 p-4">
                        <div class="flex">
                            <div class="flex-shrink-0">
                                <svg class="h-5 w-5 text-yellow-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
                                    <path fill-rule="evenodd" d="M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z" clip-rule="evenodd" />
                                </svg>
                            </div>
                            <div class="ml-3">
                                <p class="text-sm text-yellow-700">
                                    Note: Due to browser security restrictions, some webpages may not convert properly. For best results, use the HTML editor.
                                </p>
                            </div>
                        </div>
                    </div>
                </div>

<div class="space-y-4">
                    <h3 class="font-medium text-gray-700">PDF Options</h3>
                    <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
                        <div>
                            <label class="block text-sm font-medium text-gray-700 mb-1">Page Size</label>
                            <select id="page-size" class="w-full p-2 border border-gray-300 rounded-lg focus:ring-indigo-500 focus:border-indigo-500">
                                <option value="a4">A4</option>
                                <option value="letter">Letter</option>
                                <option value="a5">A5</option>
                                <option value="a3">A3</option>
                            </select>
                        </div>
                        <div>
                            <label class="block text-sm font-medium text-gray-700 mb-1">Orientation</label>
                            <select id="orientation" class="w-full p-2 border border-gray-300 rounded-lg focus:ring-indigo-500 focus:border-indigo-500">
                                <option value="portrait">Portrait</option>
                                <option value="landscape">Landscape</option>
                            </select>
                        </div>
                        <div>
                            <label class="block text-sm font-medium text-gray-700 mb-1">Margin (mm)</label>
                            <input type="number" id="margin" min="0" max="50" value="10" class="w-full p-2 border border-gray-300 rounded-lg focus:ring-indigo-500 focus:border-indigo-500">
                        </div>
                    </div>
                    <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
                        <div class="flex items-center">
                            <input type="checkbox" id="include-background" class="h-4 w-4 text-indigo-600 focus:ring-indigo-500 border-gray-300 rounded" checked>
                            <label for="include-background" class="ml-2 block text-sm text-gray-700">Include background colors/images</label>
                        </div>
                        <div class="flex items-center">
                            <input type="checkbox" id="scale-content" class="h-4 w-4 text-indigo-600 focus:ring-indigo-500 border-gray-300 rounded">
                            <label for="scale-content" class="ml-2 block text-sm text-gray-700">Scale to fit page width</label>
                        </div>
                    </div>
                </div>

<button id="convert-btn" class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-bold py-3 px-4 rounded-lg transition-colors duration-200">
                    <span id="btn-text">Convert to PDF</span>
                    <span id="btn-spinner" class="hidden ml-2">
                        <svg class="animate-spin h-5 w-5 text-white inline" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
                            <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
                            <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
                        </svg>
                    </span>
                </button>
            </div>
        </div>

<div id="result-section" class="hidden mt-6 bg-white shadow-lg rounded-lg overflow-hidden">
            <div class="bg-green-600 py-3 px-6">
                <h2 class="text-xl font-bold text-white text-center">Conversion Complete!</h2>
            </div>
            <div class="p-6 text-center">
                <svg xmlns="http://www.w3.org/2000/svg" class="h-16 w-16 mx-auto text-green-500 mb-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
                </svg>
                <p class="text-gray-700 mb-6">Your HTML has been successfully converted to PDF.</p>
                <div class="flex justify-center space-x-4">
                    <button id="download-btn" class="bg-green-600 hover:bg-green-700 text-white font-bold py-2 px-6 rounded-lg inline-flex items-center transition-colors duration-200">
                        <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 mr-2" viewBox="0 0 20 20" fill="currentColor">
                            <path fill-rule="evenodd" d="M3 17a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm3.293-7.707a1 1 0 011.414 0L9 10.586V3a1 1 0 112 0v7.586l1.293-1.293a1 1 0 111.414 1.414l-3 3a1 1 0 01-1.414 0l-3-3a1 1 0 010-1.414z" clip-rule="evenodd" />
                        </svg>
                        Download PDF
                    </button>
                    <button id="new-conversion" class="bg-gray-600 hover:bg-gray-700 text-white font-bold py-2 px-6 rounded-lg inline-flex items-center transition-colors duration-200">
                        <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 mr-2" viewBox="0 0 20 20" fill="currentColor">
                            <path fill-rule="evenodd" d="M4 2a1 1 0 011 1v2.101a7.002 7.002 0 0111.601 2.566 1 1 0 11-1.885.666A5.002 5.002 0 005.999 7H9a1 1 0 010 2H4a1 1 0 01-1-1V3a1 1 0 011-1zm.008 9.057a1 1 0 011.276.61A5.002 5.002 0 0014.001 13H11a1 1 0 110-2h5a1 1 0 011 1v5a1 1 0 11-2 0v-2.101a7.002 7.002 0 01-11.601-2.566 1 1 0 01.61-1.276z" clip-rule="evenodd" />
                        </svg>
                        Convert Again
                    </button>
                </div>
            </div>
        </div>

<div id="error-message" class="hidden mt-4 p-4 bg-red-50 border-l-4 border-red-500 text-red-700 rounded-r-lg">
            <div class="flex items-center">
                <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 mr-2" viewBox="0 0 20 20" fill="currentColor">
                    <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z" clip-rule="evenodd" />
                </svg>
                <span id="error-text"></span>
            </div>
        </div>
    </div>

// DOM elements
        const htmlTab = document.getElementById('html-tab');
        const urlTab = document.getElementById('url-tab');
        const htmlEditor = document.getElementById('html-editor');
        const urlInput = document.getElementById('url-input');
        const htmlContent = document.getElementById('html-content');
        const htmlPreview = document.getElementById('html-preview');
        const webpageUrl = document.getElementById('webpage-url');
        const convertBtn = document.getElementById('convert-btn');
        const btnText = document.getElementById('btn-text');
        const btnSpinner = document.getElementById('btn-spinner');
        const resultSection = document.getElementById('result-section');
        const downloadBtn = document.getElementById('download-btn');
        const newConversionBtn = document.getElementById('new-conversion');
        const errorMessage = document.getElementById('error-message');
        const errorText = document.getElementById('error-text');

// Options
        const pageSizeSelect = document.getElementById('page-size');
        const orientationSelect = document.getElementById('orientation');
        const marginInput = document.getElementById('margin');
        const includeBackground = document.getElementById('include-background');
        const scaleContent = document.getElementById('scale-content');

// Variables
        let pdfBlob = null;

// Event Listeners
        htmlTab.addEventListener('click', () => {
            htmlTab.classList.add('border-indigo-500', 'text-indigo-600');
            htmlTab.classList.remove('text-gray-500', 'hover:text-gray-700');
            urlTab.classList.add('text-gray-500', 'hover:text-gray-700');
            urlTab.classList.remove('border-indigo-500', 'text-indigo-600');
            htmlEditor.classList.remove('hidden');
            urlInput.classList.add('hidden');
        });

urlTab.addEventListener('click', () => {
            urlTab.classList.add('border-indigo-500', 'text-indigo-600');
            urlTab.classList.remove('text-gray-500', 'hover:text-gray-700');
            htmlTab.classList.add('text-gray-500', 'hover:text-gray-700');
            htmlTab.classList.remove('border-indigo-500', 'text-indigo-600');
            urlInput.classList.remove('hidden');
            htmlEditor.classList.add('hidden');
        });

htmlContent.addEventListener('input', updatePreview);
        convertBtn.addEventListener('click', convertToPdf);
        downloadBtn.addEventListener('click', downloadPdf);
        newConversionBtn.addEventListener('click', resetConverter);

// Initialize
        updatePreview();

async function convertToPdf() {
            try {
                // Show loading state
                btnText.textContent = 'Converting...';
                btnSpinner.classList.remove('hidden');
                convertBtn.disabled = true;
                errorMessage.classList.add('hidden');
                resultSection.classList.add('hidden');

// Get options
                const pageSize = pageSizeSelect.value;
                const orientation = orientationSelect.value;
                const margin = parseInt(marginInput.value);
                const includeBg = includeBackground.checked;
                const scale = scaleContent.checked;

let elementToConvert;
                
                if (!htmlEditor.classList.contains('hidden')) {
                    // Convert HTML content
                    elementToConvert = htmlPreview;
                } else {
                    // Convert webpage URL (note: this has limitations due to CORS)
                    const url = webpageUrl.value.trim();
                    if (!url) {
                        throw new Error('Please enter a valid URL');
                    }
                    
                    // Create iframe for the webpage
                    const iframe = document.createElement('iframe');
                    iframe.src = url;
                    iframe.style.width = '100%';
                    iframe.style.height = '500px';
                    iframe.style.border = 'none';
                    document.body.appendChild(iframe);
                    elementToConvert = iframe;
                    
                    // Wait for iframe to load
                    await new Promise(resolve => {
                        iframe.onload = resolve;
                    });
                    
                    // Additional wait for content to render
                    await new Promise(resolve => setTimeout(resolve, 2000));
                }

// Create PDF from the element
                const options = {
                    scale: scale ? 0.5 : 1,
                    useCORS: true,
                    allowTaint: true,
                    backgroundColor: includeBg ? '#FFFFFF' : null,
                    logging: false
                };

// Convert element to canvas
                const canvas = await html2canvas(elementToConvert, options);
                
                // Calculate PDF dimensions
                const imgWidth = canvas.width * 0.264583; // px to mm
                const imgHeight = canvas.height * 0.264583;
                
                // Create PDF
                const pdf = new jsPDF({
                    orientation: imgWidth > imgHeight ? 'landscape' : orientation,
                    unit: 'mm',
                    format: pageSize
                });

// Add image to PDF
                pdf.addImage(canvas.toDataURL('image/png'), 'PNG', margin, margin, 
                    imgWidth - (margin * 2), imgHeight - (margin * 2));

// Generate PDF blob
                pdfBlob = pdf.output('blob');
                
                // Show result
                resultSection.classList.remove('hidden');
                resultSection.scrollIntoView({ behavior: 'smooth' });
                
                // Clean up if we created an iframe
                if (elementToConvert.tagName === 'IFRAME') {
                    document.body.removeChild(elementToConvert);
                }
                
            } catch (error) {
                showError(error.message || 'An error occurred during conversion. Please try again.');
                console.error('Conversion error:', error);
            } finally {
                // Reset button state
                btnText.textContent = 'Convert to PDF';
                btnSpinner.classList.add('hidden');
                convertBtn.disabled = false;
            }
        }

function downloadPdf() {
            if (pdfBlob) {
                const url = URL.createObjectURL(pdfBlob);
                const a = document.createElement('a');
                a.href = url;
                a.download = 'converted-html.pdf';
                document.body.appendChild(a);
                a.click();
                document.body.removeChild(a);
                URL.revokeObjectURL(url);
            }
        }

function showError(message) {
            errorText.textContent = message;
            errorMessage.classList.remove('hidden');
            errorMessage.scrollIntoView({ behavior: 'smooth' });
        }
    </script>
</body>
</html>

<h2 class="wp-block-heading">Comprehensive Guide: HTML to PDF Converter Tool</h2>

<p><strong>URL:</strong> <a href="https://calculatorsoupaio.in/html-to-pdf-converter" target="_blank" rel="noreferrer noopener">https://calculatorsoupaio.in/html-to-pdf-converter</a></p>

<p>This <strong>HTML to PDF Converter</strong> instantly transforms web pages (HTML/CSS/JS) into professional, print-ready PDF documents. Ideal for saving dynamic content as shareable reports, invoices, or archives.</p>

<h4 class="wp-block-heading">⚙️ <strong>Key Features</strong></h4>

<ol start="1" class="wp-block-list">
<li><strong>Full Fidelity Conversion</strong>
<ul class="wp-block-list">
<li>Preserves layouts, images, fonts, and CSS styling exactly as rendered in browsers.</li>
</ul>
</li>

<li><strong>Batch Processing</strong>
<ul class="wp-block-list">
<li>Convert multiple URLs or HTML files simultaneously (up to 50 per batch).</li>
</ul>
</li>

<li><strong>Customizable Outputs</strong>
<ul class="wp-block-list">
<li>Adjust paper size (A4, Letter), orientation (portrait/landscape), and margins.</li>
</ul>
</li>

<li><strong>Password Protection</strong>
<ul class="wp-block-list">
<li>Encrypt sensitive PDFs with 256-bit AES security.</li>
</ul>
</li>

<li><strong>API Integration</strong>
<ul class="wp-block-list">
<li>Developers can automate conversions via RESTful API (JSON support).</li>
</ul>
</li>
</ol>

<h4 class="wp-block-heading">🚀 <strong>How It Works</strong></h4>

<ol start="1" class="wp-block-list">
<li><strong>Input Source</strong>: Paste a URL, upload HTML files, or enter raw HTML code.</li>

<li><strong>Customize Settings</strong>: Select page size, add watermarks, or enable compression.</li>

<li><strong>Convert & Download</strong>: One-click processing with instant PDF download.</li>
</ol>

<h4 class="wp-block-heading">💼 <strong>Top Use Cases</strong></h4>

<ul class="wp-block-list">
<li><strong>Business</strong>: Save transactional emails as PDF receipts.</li>

<li><strong>Developers</strong>: Generate PDF invoices from web apps.</li>

<li><strong>Content Creators</strong>: Archive blog posts with SEO-rich formatting intact.</li>

<li><strong>Education</strong>: Convert tutorials/guides into offline-readable docs.</li>
</ul>

<h4 class="wp-block-heading">🌟 <strong>SEO Content Strategy for Ranking</strong></h4>

<p><strong>Target Keywords</strong> (Integrate naturally):</p>

<ul class="wp-block-list">
<li>Primary: “HTML to PDF Converter”</li>

<li>Secondary: “webpage to PDF,” “HTML to PDF API,” “convert HTML to PDF online”</li>
</ul>

<p><strong>Content to Publish Below Tool</strong>:</p>

<ol start="1" class="wp-block-list">
<li><strong>Step-by-Step Tutorials</strong>
<ul class="wp-block-list">
<li>*”Convert React/Django HTML Outputs to PDF in 3 Steps”*</li>

<li><em>“Automate PDF Reports Using Our API: Node.js/Python Examples”</em></li>
</ul>
</li>

<li><strong>Comparison Guides</strong>
<ul class="wp-block-list">
<li><em>“HTML to PDF vs. Screenshot Tools: When to Use Which”</em></li>

<li>*”Top 5 Free HTML to PDF Converters (Speed/Quality Benchmark)”*</li>
</ul>
</li>

<li><strong>Troubleshooting Articles</strong>
<ul class="wp-block-list">
<li><em>“Fixing CSS Breakage in PDF Conversions”</em></li>

<li><em>“Why Your PDF Fonts Look Blurry (and How to Fix It)”</em></li>
</ul>
</li>

<li><strong>Niche Case Studies</strong>
<ul class="wp-block-list">
<li><em>“How [E-commerce Brand] Reduced Cart Abandonment with PDF Order Summaries”</em></li>
</ul>
</li>
</ol>

</div>

</article>

</main>
			
		
	</div>

</div> 
	</div>
		<footer itemtype="https://schema.org/WPFooter" itemscope="itemscope" id="colophon" role="contentinfo">
			<div class='footer-width-fixer'>		<div data-elementor-type="wp-post" data-elementor-id="1088" class="elementor elementor-1088" data-elementor-post-type="elementor-hf">
				<div class="elementor-element elementor-element-c6769e4 e-flex e-con-boxed e-con e-parent" data-id="c6769e4" data-element_type="container" data-settings="{"background_background":"classic"}">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-1afd64e elementor-widget elementor-widget-text-editor" data-id="1afd64e" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Copyright © Calculatepoint All rights reserved. </p>								</div>
				</div>
				<div class="elementor-element elementor-element-e0f4a7c elementor-widget elementor-widget-text-editor" data-id="e0f4a7c" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>| Design by <a href="https://emprux.in/" target="_blank" rel="noopener">Emprux</a>.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-f4a143d hfe-nav-menu__align-center hfe-nav-menu__breakpoint-none hfe-submenu-icon-arrow hfe-submenu-animation-none hfe-link-redirect-child elementor-widget elementor-widget-navigation-menu" data-id="f4a143d" data-element_type="widget" data-settings="{"padding_horizontal_menu_item":{"unit":"px","size":15,"sizes":[]},"padding_horizontal_menu_item_tablet":{"unit":"px","size":"","sizes":[]},"padding_horizontal_menu_item_mobile":{"unit":"px","size":"","sizes":[]},"padding_vertical_menu_item":{"unit":"px","size":15,"sizes":[]},"padding_vertical_menu_item_tablet":{"unit":"px","size":"","sizes":[]},"padding_vertical_menu_item_mobile":{"unit":"px","size":"","sizes":[]},"menu_space_between":{"unit":"px","size":"","sizes":[]},"menu_space_between_tablet":{"unit":"px","size":"","sizes":[]},"menu_space_between_mobile":{"unit":"px","size":"","sizes":[]},"menu_row_space":{"unit":"px","size":"","sizes":[]},"menu_row_space_tablet":{"unit":"px","size":"","sizes":[]},"menu_row_space_mobile":{"unit":"px","size":"","sizes":[]},"dropdown_border_radius":{"unit":"px","top":"","right":"","bottom":"","left":"","isLinked":true},"dropdown_border_radius_tablet":{"unit":"px","top":"","right":"","bottom":"","left":"","isLinked":true},"dropdown_border_radius_mobile":{"unit":"px","top":"","right":"","bottom":"","left":"","isLinked":true},"width_dropdown_item":{"unit":"px","size":"220","sizes":[]},"width_dropdown_item_tablet":{"unit":"px","size":"","sizes":[]},"width_dropdown_item_mobile":{"unit":"px","size":"","sizes":[]},"padding_horizontal_dropdown_item":{"unit":"px","size":"","sizes":[]},"padding_horizontal_dropdown_item_tablet":{"unit":"px","size":"","sizes":[]},"padding_horizontal_dropdown_item_mobile":{"unit":"px","size":"","sizes":[]},"padding_vertical_dropdown_item":{"unit":"px","size":15,"sizes":[]},"padding_vertical_dropdown_item_tablet":{"unit":"px","size":"","sizes":[]},"padding_vertical_dropdown_item_mobile":{"unit":"px","size":"","sizes":[]},"distance_from_menu":{"unit":"px","size":"","sizes":[]},"distance_from_menu_tablet":{"unit":"px","size":"","sizes":[]},"distance_from_menu_mobile":{"unit":"px","size":"","sizes":[]},"toggle_size":{"unit":"px","size":"","sizes":[]},"toggle_size_tablet":{"unit":"px","size":"","sizes":[]},"toggle_size_mobile":{"unit":"px","size":"","sizes":[]},"toggle_border_width":{"unit":"px","size":"","sizes":[]},"toggle_border_width_tablet":{"unit":"px","size":"","sizes":[]},"toggle_border_width_mobile":{"unit":"px","size":"","sizes":[]},"toggle_border_radius":{"unit":"px","size":"","sizes":[]},"toggle_border_radius_tablet":{"unit":"px","size":"","sizes":[]},"toggle_border_radius_mobile":{"unit":"px","size":"","sizes":[]}}" data-widget_type="navigation-menu.default">
				<div class="elementor-widget-container">
								<div class="hfe-nav-menu hfe-layout-horizontal hfe-nav-menu-layout horizontal hfe-pointer__none" data-layout="horizontal">
				<div role="button" class="hfe-nav-menu__toggle elementor-clickable">
					<span class="screen-reader-text">Menu</span>
					<div class="hfe-nav-menu-icon">
											</div>
				</div>
				<nav class="hfe-nav-menu__layout-horizontal hfe-nav-menu__submenu-arrow" data-toggle-icon="" data-close-icon="" data-full-width="">
					<ul id="menu-1-f4a143d" class="hfe-nav-menu"><li id="menu-item-1076" class="menu-item menu-item-type-post_type menu-item-object-page parent hfe-creative-menu"><a href="https://calculatepoint.com/privacy-policy-2/" class = "hfe-menu-item">Privacy Policy</a></li>
<li id="menu-item-1077" class="menu-item menu-item-type-post_type menu-item-object-page parent hfe-creative-menu"><a href="https://calculatepoint.com/about-us/" class = "hfe-menu-item">About us</a></li>
<li id="menu-item-1078" class="menu-item menu-item-type-post_type menu-item-object-page parent hfe-creative-menu"><a href="https://calculatepoint.com/contract-us/" class = "hfe-menu-item">Contact US</a></li>
</ul> 
				</nav>
			</div>
							</div>
				</div>
					</div>
				</div>
				</div>
		</div>		</footer>
		</div>
<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/*"},{"not":{"href_matches":["\/wp-*.php","\/wp-admin\/*","\/wp-content\/uploads\/*","\/wp-content\/*","\/wp-content\/plugins\/*","\/wp-content\/themes\/astra\/*","\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>

<div id="ast-scroll-top" tabindex="0" class="ast-scroll-top-icon ast-scroll-to-top-right" data-on-devices="both">
	<span class="ast-icon icon-arrow"><svg class="ast-arrow-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="26px" height="16.043px" viewBox="57 35.171 26 16.043" enable-background="new 57 35.171 26 16.043" xml:space="preserve">
                <path d="M57.5,38.193l12.5,12.5l12.5-12.5l-2.5-2.5l-10,10l-10-10L57.5,38.193z" />
                </svg></span>	<span class="screen-reader-text">Scroll to Top</span>
</div>
			<script>
				const lazyloadRunObserver = () => {
					const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` );
					const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => {
						entries.forEach( ( entry ) => {
							if ( entry.isIntersecting ) {
								let lazyloadBackground = entry.target;
								if( lazyloadBackground ) {
									lazyloadBackground.classList.add( 'e-lazyloaded' );
								}
								lazyloadBackgroundObserver.unobserve( entry.target );
							}
						});
					}, { rootMargin: '200px 0px 200px 0px' } );
					lazyloadBackgrounds.forEach( ( lazyloadBackground ) => {
						lazyloadBackgroundObserver.observe( lazyloadBackground );
					} );
				};
				const events = [
					'DOMContentLoaded',
					'elementor/lazyload/observe',
				];
				events.forEach( ( event ) => {
					document.addEventListener( event, lazyloadRunObserver );
				} );
			</script>
			<script id="astra-theme-js-js-extra">
var astra = {"break_point":"921","isRtl":"","is_scroll_to_id":"1","is_scroll_to_top":"1","is_header_footer_builder_active":"1","responsive_cart_click":"flyout","is_dark_palette":""};
</script>
<script src="https://calculatepoint.com/wp-content/themes/astra/assets/js/minified/frontend.min.js?ver=4.11.2" id="astra-theme-js-js"></script>
<script src="https://calculatepoint.com/wp-includes/js/dist/hooks.min.js?ver=4d63a3d491d11ffd8ac6" id="wp-hooks-js"></script>
<script src="https://calculatepoint.com/wp-includes/js/dist/i18n.min.js?ver=5e580eb46a90c2b997e6" id="wp-i18n-js"></script>
<script id="wp-i18n-js-after">
wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
</script>
<script src="https://calculatepoint.com/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=6.1" id="swv-js"></script>
<script id="contact-form-7-js-before">
var wpcf7 = {
    "api": {
        "root": "https:\/\/calculatepoint.com\/wp-json\/",
        "namespace": "contact-form-7\/v1"
    },
    "cached": 1
};
</script>
<script src="https://calculatepoint.com/wp-content/plugins/contact-form-7/includes/js/index.js?ver=6.1" id="contact-form-7-js"></script>
<script src="https://calculatepoint.com/wp-content/plugins/elementor/assets/js/webpack.runtime.min.js?ver=3.29.2" id="elementor-webpack-runtime-js"></script>
<script src="https://calculatepoint.com/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=3.29.2" id="elementor-frontend-modules-js"></script>
<script src="https://calculatepoint.com/wp-includes/js/jquery/ui/core.min.js?ver=1.13.3" id="jquery-ui-core-js"></script>
<script id="elementor-frontend-js-before">
var elementorFrontendConfig = {"environmentMode":{"edit":false,"wpPreview":false,"isScriptDebug":false},"i18n":{"shareOnFacebook":"Share on Facebook","shareOnTwitter":"Share on Twitter","pinIt":"Pin it","download":"Download","downloadImage":"Download image","fullscreen":"Fullscreen","zoom":"Zoom","share":"Share","playVideo":"Play Video","previous":"Previous","next":"Next","close":"Close","a11yCarouselPrevSlideMessage":"Previous slide","a11yCarouselNextSlideMessage":"Next slide","a11yCarouselFirstSlideMessage":"This is the first slide","a11yCarouselLastSlideMessage":"This is the last slide","a11yCarouselPaginationBulletMessage":"Go to slide"},"is_rtl":false,"breakpoints":{"xs":0,"sm":480,"md":768,"lg":1025,"xl":1440,"xxl":1600},"responsive":{"breakpoints":{"mobile":{"label":"Mobile Portrait","value":767,"default_value":767,"direction":"max","is_enabled":true},"mobile_extra":{"label":"Mobile Landscape","value":880,"default_value":880,"direction":"max","is_enabled":false},"tablet":{"label":"Tablet Portrait","value":1024,"default_value":1024,"direction":"max","is_enabled":true},"tablet_extra":{"label":"Tablet Landscape","value":1200,"default_value":1200,"direction":"max","is_enabled":false},"laptop":{"label":"Laptop","value":1366,"default_value":1366,"direction":"max","is_enabled":false},"widescreen":{"label":"Widescreen","value":2400,"default_value":2400,"direction":"min","is_enabled":false}},"hasCustomBreakpoints":false},"version":"3.29.2","is_static":false,"experimentalFeatures":{"e_font_icon_svg":true,"additional_custom_breakpoints":true,"container":true,"e_local_google_fonts":true,"theme_builder_v2":true,"nested-elements":true,"editor_v2":true,"e_element_cache":true,"home_screen":true,"launchpad-checklist":true,"cloud-library":true,"e_opt_in_v4_page":true},"urls":{"assets":"https:\/\/calculatepoint.com\/wp-content\/plugins\/elementor\/assets\/","ajaxurl":"https:\/\/calculatepoint.com\/wp-admin\/admin-ajax.php","uploadUrl":"https:\/\/calculatepoint.com\/wp-content\/uploads"},"nonces":{"floatingButtonsClickTracking":"74c44fb9ff"},"swiperClass":"swiper","settings":{"page":[],"editorPreferences":[]},"kit":{"active_breakpoints":["viewport_mobile","viewport_tablet"],"global_image_lightbox":"yes","lightbox_enable_counter":"yes","lightbox_enable_fullscreen":"yes","lightbox_enable_zoom":"yes","lightbox_enable_share":"yes","lightbox_title_src":"title","lightbox_description_src":"description"},"post":{"id":143,"title":"HTML%20to%20PDF%20Converter%20-%20calculatepoint.com","excerpt":"","featuredImage":false}};
</script>
<script src="https://calculatepoint.com/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=3.29.2" id="elementor-frontend-js"></script>
<script src="https://calculatepoint.com/wp-content/plugins/header-footer-elementor/inc/js/frontend.js?ver=2.4.2" id="hfe-frontend-js-js"></script>
<script src="https://calculatepoint.com/wp-content/plugins/elementor-pro/assets/js/webpack-pro.runtime.min.js?ver=3.27.6" id="elementor-pro-webpack-runtime-js"></script>
<script id="elementor-pro-frontend-js-before">
var ElementorProFrontendConfig = {"ajaxurl":"https:\/\/calculatepoint.com\/wp-admin\/admin-ajax.php","nonce":"939152ebaf","urls":{"assets":"https:\/\/calculatepoint.com\/wp-content\/plugins\/elementor-pro\/assets\/","rest":"https:\/\/calculatepoint.com\/wp-json\/"},"settings":{"lazy_load_background_images":true},"popup":{"hasPopUps":false},"shareButtonsNetworks":{"facebook":{"title":"Facebook","has_counter":true},"twitter":{"title":"Twitter"},"linkedin":{"title":"LinkedIn","has_counter":true},"pinterest":{"title":"Pinterest","has_counter":true},"reddit":{"title":"Reddit","has_counter":true},"vk":{"title":"VK","has_counter":true},"odnoklassniki":{"title":"OK","has_counter":true},"tumblr":{"title":"Tumblr"},"digg":{"title":"Digg"},"skype":{"title":"Skype"},"stumbleupon":{"title":"StumbleUpon","has_counter":true},"mix":{"title":"Mix"},"telegram":{"title":"Telegram"},"pocket":{"title":"Pocket","has_counter":true},"xing":{"title":"XING","has_counter":true},"whatsapp":{"title":"WhatsApp"},"email":{"title":"Email"},"print":{"title":"Print"},"x-twitter":{"title":"X"},"threads":{"title":"Threads"}},"facebook_sdk":{"lang":"en_US","app_id":""},"lottie":{"defaultAnimationUrl":"https:\/\/calculatepoint.com\/wp-content\/plugins\/elementor-pro\/modules\/lottie\/assets\/animations\/default.json"}};
</script>
<script src="https://calculatepoint.com/wp-content/plugins/elementor-pro/assets/js/frontend.min.js?ver=3.27.6" id="elementor-pro-frontend-js"></script>
<script src="https://calculatepoint.com/wp-content/plugins/elementor-pro/assets/js/elements-handlers.min.js?ver=3.27.6" id="pro-elements-handlers-js"></script>
			<script>
			/(trident|msie)/i.test(navigator.userAgent)&&document.getElementById&&window.addEventListener&&window.addEventListener("hashchange",function(){var t,e=location.hash.substring(1);/^[A-z0-9_-]+$/.test(e)&&(t=document.getElementById(e))&&(/^(?:a|select|input|button|textarea)$/i.test(t.tagName)||(t.tabIndex=-1),t.focus())},!1);
			</script>
				</body>
</html>