djoka/bentopdf
1
0
Fork 0
Code Issues Pull Requests Actions 4 Packages Projects Releases Wiki Activity

update: year

Browse Source
This commit is contained in:
abdullahalam123
2026-01-02 21:33:06 +05:30
parent bfcf1f5fc3
commit c6e9e29e84
129 changed files with 27861 additions and 26528 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
404.html
View File

@@ -170,7 +170,7 @@
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm" data-i18n="footer.copyright"> <p class="text-gray-400 text-sm" data-i18n="footer.copyright">
&copy; 2025 BentoPDF. All rights reserved. &copy; 2026 BentoPDF. All rights reserved.
</p> </p>
<p class="text-gray-500 text-xs mt-2"> <p class="text-gray-500 text-xs mt-2">
<span data-i18n="footer.version">Version</span> <span id="app-version"></span> <span data-i18n="footer.version">Version</span> <span id="app-version"></span>

2
about.html
View File

@@ -238,7 +238,7 @@
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm" data-i18n="footer.copyright"> <p class="text-gray-400 text-sm" data-i18n="footer.copyright">
&copy; 2025 BentoPDF. All rights reserved. &copy; 2026 BentoPDF. All rights reserved.
</p> </p>
<p class="text-gray-500 text-xs mt-2"> <p class="text-gray-500 text-xs mt-2">
<span data-i18n="footer.version">Version</span> <span id="app-version"></span> <span data-i18n="footer.version">Version</span> <span id="app-version"></span>

11
contact.html
View File

@@ -6,7 +6,8 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>Contact BentoPDF - Get in Touch | Support</title> <title>Contact BentoPDF - Get in Touch | Support</title>
<meta name="description" content="Contact BentoPDF for support, questions, or feedback. Reach us at contact@bentopdf.com - we're here to help with your PDF needs."> <meta name="description"
content="Contact BentoPDF for support, questions, or feedback. Reach us at contact@bentopdf.com - we're here to help with your PDF needs.">
<meta name="author" content="BentoPDF"> <meta name="author" content="BentoPDF">
<meta name="robots" content="index, follow"> <meta name="robots" content="index, follow">
@@ -17,14 +18,16 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://www.bentopdf.com/contact"> <meta property="og:url" content="https://www.bentopdf.com/contact">
<meta property="og:title" content="Contact BentoPDF - Get in Touch | Support"> <meta property="og:title" content="Contact BentoPDF - Get in Touch | Support">
<meta property="og:description" content="Contact BentoPDF for support, questions, or feedback. Reach us at contact@bentopdf.com - we're here to help with your PDF needs."> <meta property="og:description"
content="Contact BentoPDF for support, questions, or feedback. Reach us at contact@bentopdf.com - we're here to help with your PDF needs.">
<meta property="og:image" content="https://www.bentopdf.com/images/og-contact.png"> <meta property="og:image" content="https://www.bentopdf.com/images/og-contact.png">
<meta property="og:site_name" content="BentoPDF"> <meta property="og:site_name" content="BentoPDF">
<!-- Twitter Card --> <!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Contact BentoPDF - Get in Touch | Support"> <meta name="twitter:title" content="Contact BentoPDF - Get in Touch | Support">
<meta name="twitter:description" content="Contact BentoPDF for support, questions, or feedback. Reach us at contact@bentopdf.com - we're here to help with your PDF needs."> <meta name="twitter:description"
content="Contact BentoPDF for support, questions, or feedback. Reach us at contact@bentopdf.com - we're here to help with your PDF needs.">
<meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-contact.png"> <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-contact.png">
<meta name="twitter:site" content="@BentoPDF"> <meta name="twitter:site" content="@BentoPDF">
@@ -129,7 +132,7 @@
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm" data-i18n="footer.copyright"> <p class="text-gray-400 text-sm" data-i18n="footer.copyright">
&copy; 2025 BentoPDF. All rights reserved. &copy; 2026 BentoPDF. All rights reserved.
</p> </p>
<p class="text-gray-500 text-xs mt-2"> <p class="text-gray-500 text-xs mt-2">
<span data-i18n="footer.version">Version</span> <span id="app-version"></span> <span data-i18n="footer.version">Version</span> <span id="app-version"></span>

2
docs/.vitepress/config.mts
View File

@@ -65,7 +65,7 @@ export default defineConfig({
footer: { footer: {
message: 'Dual-licensed under AGPL-3.0 and Commercial License.', message: 'Dual-licensed under AGPL-3.0 and Commercial License.',
copyright: 'Copyright © 2025 BentoPDF' copyright: 'Copyright © 2026 BentoPDF'
}, },
search: { search: {

11
faq.html
View File

@@ -6,7 +6,8 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>FAQ - Frequently Asked Questions | BentoPDF</title> <title>FAQ - Frequently Asked Questions | BentoPDF</title>
<meta name="description" content="Find answers to common questions about BentoPDF. Learn about privacy, features, file limits, and how our browser-based PDF tools work."> <meta name="description"
content="Find answers to common questions about BentoPDF. Learn about privacy, features, file limits, and how our browser-based PDF tools work.">
<meta name="author" content="BentoPDF"> <meta name="author" content="BentoPDF">
<meta name="robots" content="index, follow"> <meta name="robots" content="index, follow">
@@ -17,14 +18,16 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://www.bentopdf.com/faq"> <meta property="og:url" content="https://www.bentopdf.com/faq">
<meta property="og:title" content="FAQ - Frequently Asked Questions | BentoPDF"> <meta property="og:title" content="FAQ - Frequently Asked Questions | BentoPDF">
<meta property="og:description" content="Find answers to common questions about BentoPDF. Learn about privacy, features, file limits, and how our browser-based PDF tools work."> <meta property="og:description"
content="Find answers to common questions about BentoPDF. Learn about privacy, features, file limits, and how our browser-based PDF tools work.">
<meta property="og:image" content="https://www.bentopdf.com/images/og-faq.png"> <meta property="og:image" content="https://www.bentopdf.com/images/og-faq.png">
<meta property="og:site_name" content="BentoPDF"> <meta property="og:site_name" content="BentoPDF">
<!-- Twitter Card --> <!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="FAQ - Frequently Asked Questions | BentoPDF"> <meta name="twitter:title" content="FAQ - Frequently Asked Questions | BentoPDF">
<meta name="twitter:description" content="Find answers to common questions about BentoPDF. Learn about privacy, features, file limits, and how our browser-based PDF tools work."> <meta name="twitter:description"
content="Find answers to common questions about BentoPDF. Learn about privacy, features, file limits, and how our browser-based PDF tools work.">
<meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-faq.png"> <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-faq.png">
<meta name="twitter:site" content="@BentoPDF"> <meta name="twitter:site" content="@BentoPDF">
@@ -271,7 +274,7 @@
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm"> <p class="text-gray-400 text-sm">
&copy; 2025 BentoPDF. All rights reserved. &copy; 2026 BentoPDF. All rights reserved.
</p> </p>
<p class="text-gray-500 text-xs mt-2"> <p class="text-gray-500 text-xs mt-2">
Version <span id="app-version"></span> Version <span id="app-version"></span>

2
index.html
View File

@@ -903,7 +903,7 @@
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm" data-i18n="footer.copyright"> <p class="text-gray-400 text-sm" data-i18n="footer.copyright">
&copy; 2025 BentoPDF. All rights reserved. &copy; 2026 BentoPDF. All rights reserved.
</p> </p>
<p class="text-gray-500 text-xs mt-2"> <p class="text-gray-500 text-xs mt-2">
<span data-i18n="footer.version">Version</span> <span id="app-version"></span> <span data-i18n="footer.version">Version</span> <span id="app-version"></span>

11
licensing.html
View File

@@ -6,7 +6,8 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>Licensing Information - Open Source PDF Tools | BentoPDF</title> <title>Licensing Information - Open Source PDF Tools | BentoPDF</title>
<meta name="description" content="Learn about BentoPDF licensing and the open-source libraries we use. Free PDF tools built with transparency."> <meta name="description"
content="Learn about BentoPDF licensing and the open-source libraries we use. Free PDF tools built with transparency.">
<meta name="author" content="BentoPDF"> <meta name="author" content="BentoPDF">
<meta name="robots" content="index, follow"> <meta name="robots" content="index, follow">
@@ -17,14 +18,16 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://www.bentopdf.com/licensing"> <meta property="og:url" content="https://www.bentopdf.com/licensing">
<meta property="og:title" content="Licensing Information - Open Source PDF Tools | BentoPDF"> <meta property="og:title" content="Licensing Information - Open Source PDF Tools | BentoPDF">
<meta property="og:description" content="Learn about BentoPDF licensing and the open-source libraries we use. Free PDF tools built with transparency."> <meta property="og:description"
content="Learn about BentoPDF licensing and the open-source libraries we use. Free PDF tools built with transparency.">
<meta property="og:image" content="https://www.bentopdf.com/images/og-licensing.png"> <meta property="og:image" content="https://www.bentopdf.com/images/og-licensing.png">
<meta property="og:site_name" content="BentoPDF"> <meta property="og:site_name" content="BentoPDF">
<!-- Twitter Card --> <!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Licensing Information - Open Source PDF Tools | BentoPDF"> <meta name="twitter:title" content="Licensing Information - Open Source PDF Tools | BentoPDF">
<meta name="twitter:description" content="Learn about BentoPDF licensing and the open-source libraries we use. Free PDF tools built with transparency."> <meta name="twitter:description"
content="Learn about BentoPDF licensing and the open-source libraries we use. Free PDF tools built with transparency.">
<meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-licensing.png"> <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-licensing.png">
<meta name="twitter:site" content="@BentoPDF"> <meta name="twitter:site" content="@BentoPDF">
@@ -736,7 +739,7 @@
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm" data-i18n="footer.copyright"> <p class="text-gray-400 text-sm" data-i18n="footer.copyright">
&copy; 2025 BentoPDF. All rights reserved. &copy; 2026 BentoPDF. All rights reserved.
</p> </p>
<p class="text-gray-500 text-xs mt-2"> <p class="text-gray-500 text-xs mt-2">
<span data-i18n="footer.version">Version</span> <span id="app-version"></span> <span data-i18n="footer.version">Version</span> <span id="app-version"></span>

80
pdf-converter.html
View File

@@ -7,8 +7,10 @@
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>PDF Converter - Free Online PDF Converter Tools | BentoPDF</title> <title>PDF Converter - Free Online PDF Converter Tools | BentoPDF</title>
<meta name="description" content="Convert PDFs to 40+ formats and vice versa. Free online PDF converter - Word, Excel, JPG, PNG, and more. Privacy-first conversion in your browser."> <meta name="description"
<meta name="keywords" content="pdf converter, word to pdf, excel to pdf, powerpoint to pdf, jpg to pdf, png to pdf, image to pdf, webp to pdf, svg to pdf, heic to pdf, tiff to pdf, bmp to pdf, text to pdf, markdown to pdf, csv to pdf, json to pdf, pdf to word, pdf to excel, pdf to jpg, pdf to png, pdf to text, pdf to markdown, pdf to csv, pdf to json, pdf to svg, pdf to webp, pdf to tiff, pdf to bmp, pdf to greyscale, pdf to pdf/a, pdf to zip, odt to pdf, ods to pdf, odp to pdf, odg to pdf, rtf to pdf, epub to pdf, mobi to pdf, cbz to pdf, fb2 to pdf, psd to pdf, xps to pdf, pages to pdf, pub to pdf, vsd to pdf, wpd to pdf, wps to pdf, xml to pdf"> content="Convert PDFs to 40+ formats and vice versa. Free online PDF converter - Word, Excel, JPG, PNG, and more. Privacy-first conversion in your browser.">
<meta name="keywords"
content="pdf converter, word to pdf, excel to pdf, powerpoint to pdf, jpg to pdf, png to pdf, image to pdf, webp to pdf, svg to pdf, heic to pdf, tiff to pdf, bmp to pdf, text to pdf, markdown to pdf, csv to pdf, json to pdf, pdf to word, pdf to excel, pdf to jpg, pdf to png, pdf to text, pdf to markdown, pdf to csv, pdf to json, pdf to svg, pdf to webp, pdf to tiff, pdf to bmp, pdf to greyscale, pdf to pdf/a, pdf to zip, odt to pdf, ods to pdf, odp to pdf, odg to pdf, rtf to pdf, epub to pdf, mobi to pdf, cbz to pdf, fb2 to pdf, psd to pdf, xps to pdf, pages to pdf, pub to pdf, vsd to pdf, wpd to pdf, wps to pdf, xml to pdf">
<meta name="author" content="BentoPDF"> <meta name="author" content="BentoPDF">
<meta name="robots" content="index, follow, max-image-preview:large"> <meta name="robots" content="index, follow, max-image-preview:large">
@@ -19,7 +21,8 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://www.bentopdf.com/pdf-converter"> <meta property="og:url" content="https://www.bentopdf.com/pdf-converter">
<meta property="og:title" content="PDF Converter - Free Online PDF Converter Tools | BentoPDF"> <meta property="og:title" content="PDF Converter - Free Online PDF Converter Tools | BentoPDF">
<meta property="og:description" content="Convert PDFs to 40+ formats and vice versa. Free online PDF converter - Word, Excel, JPG, PNG, and more. Privacy-first conversion in your browser."> <meta property="og:description"
content="Convert PDFs to 40+ formats and vice versa. Free online PDF converter - Word, Excel, JPG, PNG, and more. Privacy-first conversion in your browser.">
<meta property="og:image" content="https://www.bentopdf.com/images/og-pdf-converter.png"> <meta property="og:image" content="https://www.bentopdf.com/images/og-pdf-converter.png">
<meta property="og:image:width" content="1200"> <meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630"> <meta property="og:image:height" content="630">
@@ -28,7 +31,8 @@
<!-- Twitter Card --> <!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="PDF Converter - Free Online Tools"> <meta name="twitter:title" content="PDF Converter - Free Online Tools">
<meta name="twitter:description" content="Convert PDFs to 40+ formats and vice versa. Free online PDF converter - Word, Excel, JPG, PNG, and more. Privacy-first conversion in your browser."> <meta name="twitter:description"
content="Convert PDFs to 40+ formats and vice versa. Free online PDF converter - Word, Excel, JPG, PNG, and more. Privacy-first conversion in your browser.">
<meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-pdf-converter.png"> <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-pdf-converter.png">
<meta name="twitter:site" content="@BentoPDF"> <meta name="twitter:site" content="@BentoPDF">
@@ -73,7 +77,8 @@
<button id="mobile-menu-button" type="button" <button id="mobile-menu-button" type="button"
class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700"> class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700">
<svg id="menu-icon" class="block h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <svg id="menu-icon" class="block h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" /> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M4 6h16M4 12h16M4 18h16" />
</svg> </svg>
</button> </button>
</div> </div>
@@ -93,9 +98,13 @@
<!-- Hero Section --> <!-- Hero Section -->
<section class="container mx-auto px-4 py-12 md:py-16"> <section class="container mx-auto px-4 py-12 md:py-16">
<div class="max-w-4xl mx-auto text-center"> <div class="max-w-4xl mx-auto text-center">
<h1 class="text-3xl md:text-5xl font-bold text-white mb-6">PDF Converter - Free Online PDF Conversion Tools</h1> <h1 class="text-3xl md:text-5xl font-bold text-white mb-6">PDF Converter - Free Online PDF Conversion Tools
</h1>
<p class="text-lg md:text-xl text-gray-300 mb-8"> <p class="text-lg md:text-xl text-gray-300 mb-8">
Convert your PDFs to and from 40+ different file formats with BentoPDF's comprehensive conversion tools. Transform PDFs to Word, Excel, images, text, and many other formats - or convert files into PDFs. All conversions happen locally in your browser, ensuring complete privacy. No file uploads, no cloud processing, completely free. Convert your PDFs to and from 40+ different file formats with BentoPDF's comprehensive conversion tools.
Transform PDFs to Word, Excel, images, text, and many other formats - or convert files into PDFs. All
conversions happen locally in your browser, ensuring complete privacy. No file uploads, no cloud
processing, completely free.
</p> </p>
</div> </div>
</section> </section>
@@ -346,31 +355,36 @@
<!-- Why Choose Section --> <!-- Why Choose Section -->
<section class="container mx-auto px-4 py-12"> <section class="container mx-auto px-4 py-12">
<div class="max-w-4xl mx-auto"> <div class="max-w-4xl mx-auto">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">Why Use BentoPDF PDF Converter Tools?</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">Why Use BentoPDF PDF Converter Tools?
</h2>
<div class="grid md:grid-cols-2 gap-6"> <div class="grid md:grid-cols-2 gap-6">
<div class="bg-gray-800 p-6 rounded-lg border border-gray-700"> <div class="bg-gray-800 p-6 rounded-lg border border-gray-700">
<i class="ph ph-shield-check text-5xl text-indigo-400 mb-4"></i> <i class="ph ph-shield-check text-5xl text-indigo-400 mb-4"></i>
<h3 class="text-xl font-semibold text-white mb-2">100% Privacy-First</h3> <h3 class="text-xl font-semibold text-white mb-2">100% Privacy-First</h3>
<p class="text-gray-400">All operations happen in your browser. Your files never leave your device, never uploaded to servers. Complete privacy guaranteed.</p> <p class="text-gray-400">All operations happen in your browser. Your files never leave your device,
never uploaded to servers. Complete privacy guaranteed.</p>
</div> </div>
<div class="bg-gray-800 p-6 rounded-lg border border-gray-700"> <div class="bg-gray-800 p-6 rounded-lg border border-gray-700">
<i class="ph ph-infinity text-5xl text-purple-400 mb-4"></i> <i class="ph ph-infinity text-5xl text-purple-400 mb-4"></i>
<h3 class="text-xl font-semibold text-white mb-2">Unlimited & Free</h3> <h3 class="text-xl font-semibold text-white mb-2">Unlimited & Free</h3>
<p class="text-gray-400">Use all tools as many times as you want, with files of any size. No file limits, no tool limits. Completely free forever.</p> <p class="text-gray-400">Use all tools as many times as you want, with files of any size. No file
limits, no tool limits. Completely free forever.</p>
</div> </div>
<div class="bg-gray-800 p-6 rounded-lg border border-gray-700"> <div class="bg-gray-800 p-6 rounded-lg border border-gray-700">
<i class="ph ph-lightning text-5xl text-yellow-400 mb-4"></i> <i class="ph ph-lightning text-5xl text-yellow-400 mb-4"></i>
<h3 class="text-xl font-semibold text-white mb-2">Lightning Fast</h3> <h3 class="text-xl font-semibold text-white mb-2">Lightning Fast</h3>
<p class="text-gray-400">Browser-based processing means instant results. No waiting for uploads or downloads. Works offline after page load.</p> <p class="text-gray-400">Browser-based processing means instant results. No waiting for uploads or
downloads. Works offline after page load.</p>
</div> </div>
<div class="bg-gray-800 p-6 rounded-lg border border-gray-700"> <div class="bg-gray-800 p-6 rounded-lg border border-gray-700">
<i class="ph ph-user-minus text-5xl text-red-400 mb-4"></i> <i class="ph ph-user-minus text-5xl text-red-400 mb-4"></i>
<h3 class="text-xl font-semibold text-white mb-2">No Signup Required</h3> <h3 class="text-xl font-semibold text-white mb-2">No Signup Required</h3>
<p class="text-gray-400">Start using tools immediately. No account creation, no email, no personal information needed. Just open and use.</p> <p class="text-gray-400">Start using tools immediately. No account creation, no email, no personal
information needed. Just open and use.</p>
</div> </div>
</div> </div>
</div> </div>
@@ -387,7 +401,8 @@
Are these pdf converter tools really free? Are these pdf converter tools really free?
<i class="ph ph-caret-down text-xl"></i> <i class="ph ph-caret-down text-xl"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Yes! All BentoPDF pdf converter tools are 100% free with no hidden fees, no premium tiers, and no subscription required. Use unlimited tools, unlimited times.</p> <p class="mt-3 text-gray-400">Yes! All BentoPDF pdf converter tools are 100% free with no hidden
fees, no premium tiers, and no subscription required. Use unlimited tools, unlimited times.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
@@ -395,7 +410,8 @@
Are my files private and secure? Are my files private and secure?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Absolutely! All processing happens entirely in your browser. Your files never leave your device, are never uploaded to servers. Complete privacy guaranteed.</p> <p class="mt-3 text-gray-400">Absolutely! All processing happens entirely in your browser. Your
files never leave your device, are never uploaded to servers. Complete privacy guaranteed.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
@@ -403,7 +419,8 @@
Is there a file size limit? Is there a file size limit?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">No file size limits! Process files of any size. Browser-based processing means no artificial limitations.</p> <p class="mt-3 text-gray-400">No file size limits! Process files of any size. Browser-based
processing means no artificial limitations.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
@@ -411,7 +428,8 @@
Do I need to install software? Do I need to install software?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">No installation required! All tools are web-based and work directly in your browser. Just open the page and start using - works on any device.</p> <p class="mt-3 text-gray-400">No installation required! All tools are web-based and work directly in
your browser. Just open the page and start using - works on any device.</p>
</details> </details>
</div> </div>
</div> </div>
@@ -426,7 +444,7 @@
<img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" /> <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" />
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm">© 2025 BentoPDF. All rights reserved.</p> <p class="text-gray-400 text-sm">© 2026 BentoPDF. All rights reserved.</p>
<p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p> <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
</div> </div>
@@ -451,16 +469,30 @@
<div> <div>
<h3 class="font-bold text-white mb-4">Follow Us</h3> <h3 class="font-bold text-white mb-4">Follow Us</h3>
<div class="flex justify-center md:justify-start space-x-4"> <div class="flex justify-center md:justify-start space-x-4">
<a href="https://github.com/alam00000/bentopdf" target="_blank" class="text-gray-400 hover:text-indigo-400"> <a href="https://github.com/alam00000/bentopdf" target="_blank"
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd" /></svg> class="text-gray-400 hover:text-indigo-400">
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24">
<path fill-rule="evenodd"
d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
clip-rule="evenodd" />
</svg>
</a> </a>
<a href="https://discord.gg/Bgq3Ay3f2w" target="_blank" class="text-gray-400 hover:text-indigo-400"> <a href="https://discord.gg/Bgq3Ay3f2w" target="_blank"
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24"><path d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" /></svg> class="text-gray-400 hover:text-indigo-400">
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24">
<path
d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
</svg>
</a> </a>
<a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"><i data-lucide="instagram"></i></a> <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"><i
<a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"><i data-lucide="linkedin"></i></a> data-lucide="instagram"></i></a>
<a href="https://www.linkedin.com/company/bentopdf/"
class="text-gray-400 hover:text-indigo-400"><i data-lucide="linkedin"></i></a>
<a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"> <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400">
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" /></svg> <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24">
<path
d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
</svg>
</a> </a>
</div> </div>
</div> </div>

77
pdf-editor.html
View File

@@ -7,8 +7,10 @@
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>PDF Editor - Free Online PDF Editor Tools | BentoPDF</title> <title>PDF Editor - Free Online PDF Editor Tools | BentoPDF</title>
<meta name="description" content="Edit, modify, and enhance your PDFs with 25+ free online tools. Compress, rotate, crop, add watermarks, page numbers, and more. Privacy-first PDF editing in your browser."> <meta name="description"
<meta name="keywords" content="pdf editor, edit pdf, compress pdf, rotate pdf, crop pdf, organize pdf, delete pages, add watermark, header & footer, page numbers, background color, text color, invert colors, add blank page, reverse pages, divide pages, remove annotations, remove blank pages, extract pages, extract images, extract tables, n-up pdf, custom rotation, to greyscale"> content="Edit, modify, and enhance your PDFs with 25+ free online tools. Compress, rotate, crop, add watermarks, page numbers, and more. Privacy-first PDF editing in your browser.">
<meta name="keywords"
content="pdf editor, edit pdf, compress pdf, rotate pdf, crop pdf, organize pdf, delete pages, add watermark, header & footer, page numbers, background color, text color, invert colors, add blank page, reverse pages, divide pages, remove annotations, remove blank pages, extract pages, extract images, extract tables, n-up pdf, custom rotation, to greyscale">
<meta name="author" content="BentoPDF"> <meta name="author" content="BentoPDF">
<meta name="robots" content="index, follow, max-image-preview:large"> <meta name="robots" content="index, follow, max-image-preview:large">
@@ -19,7 +21,8 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://www.bentopdf.com/pdf-editor"> <meta property="og:url" content="https://www.bentopdf.com/pdf-editor">
<meta property="og:title" content="PDF Editor - Free Online PDF Editor Tools | BentoPDF"> <meta property="og:title" content="PDF Editor - Free Online PDF Editor Tools | BentoPDF">
<meta property="og:description" content="Edit, modify, and enhance your PDFs with 25+ free online tools. Compress, rotate, crop, add watermarks, page numbers, and more. Privacy-first PDF editing in your browser."> <meta property="og:description"
content="Edit, modify, and enhance your PDFs with 25+ free online tools. Compress, rotate, crop, add watermarks, page numbers, and more. Privacy-first PDF editing in your browser.">
<meta property="og:image" content="https://www.bentopdf.com/images/og-pdf-editor.png"> <meta property="og:image" content="https://www.bentopdf.com/images/og-pdf-editor.png">
<meta property="og:image:width" content="1200"> <meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630"> <meta property="og:image:height" content="630">
@@ -28,7 +31,8 @@
<!-- Twitter Card --> <!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="PDF Editor - Free Online Tools"> <meta name="twitter:title" content="PDF Editor - Free Online Tools">
<meta name="twitter:description" content="Edit, modify, and enhance your PDFs with 25+ free online tools. Compress, rotate, crop, add watermarks, page numbers, and more. Privacy-first PDF editing in your browser."> <meta name="twitter:description"
content="Edit, modify, and enhance your PDFs with 25+ free online tools. Compress, rotate, crop, add watermarks, page numbers, and more. Privacy-first PDF editing in your browser.">
<meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-pdf-editor.png"> <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-pdf-editor.png">
<meta name="twitter:site" content="@BentoPDF"> <meta name="twitter:site" content="@BentoPDF">
@@ -73,7 +77,8 @@
<button id="mobile-menu-button" type="button" <button id="mobile-menu-button" type="button"
class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700"> class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700">
<svg id="menu-icon" class="block h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <svg id="menu-icon" class="block h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" /> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M4 6h16M4 12h16M4 18h16" />
</svg> </svg>
</button> </button>
</div> </div>
@@ -95,7 +100,10 @@
<div class="max-w-4xl mx-auto text-center"> <div class="max-w-4xl mx-auto text-center">
<h1 class="text-3xl md:text-5xl font-bold text-white mb-6">PDF Editor - Free Online PDF Editing Tools</h1> <h1 class="text-3xl md:text-5xl font-bold text-white mb-6">PDF Editor - Free Online PDF Editing Tools</h1>
<p class="text-lg md:text-xl text-gray-300 mb-8"> <p class="text-lg md:text-xl text-gray-300 mb-8">
Edit and enhance your PDF files with BentoPDF's comprehensive suite of 25+ editing tools. Compress file sizes, rotate pages, crop documents, add watermarks, insert page numbers, change colors, and much more. All editing happens in your browser - your files stay completely private. No signup, no limits, completely free. Edit and enhance your PDF files with BentoPDF's comprehensive suite of 25+ editing tools. Compress file
sizes, rotate pages, crop documents, add watermarks, insert page numbers, change colors, and much more.
All editing happens in your browser - your files stay completely private. No signup, no limits,
completely free.
</p> </p>
</div> </div>
</section> </section>
@@ -226,31 +234,36 @@
<!-- Why Choose Section --> <!-- Why Choose Section -->
<section class="container mx-auto px-4 py-12"> <section class="container mx-auto px-4 py-12">
<div class="max-w-4xl mx-auto"> <div class="max-w-4xl mx-auto">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">Why Use BentoPDF PDF Editor Tools?</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">Why Use BentoPDF PDF Editor Tools?
</h2>
<div class="grid md:grid-cols-2 gap-6"> <div class="grid md:grid-cols-2 gap-6">
<div class="bg-gray-800 p-6 rounded-lg border border-gray-700"> <div class="bg-gray-800 p-6 rounded-lg border border-gray-700">
<i class="ph ph-shield-check text-5xl text-indigo-400 mb-4"></i> <i class="ph ph-shield-check text-5xl text-indigo-400 mb-4"></i>
<h3 class="text-xl font-semibold text-white mb-2">100% Privacy-First</h3> <h3 class="text-xl font-semibold text-white mb-2">100% Privacy-First</h3>
<p class="text-gray-400">All operations happen in your browser. Your files never leave your device, never uploaded to servers. Complete privacy guaranteed.</p> <p class="text-gray-400">All operations happen in your browser. Your files never leave your device,
never uploaded to servers. Complete privacy guaranteed.</p>
</div> </div>
<div class="bg-gray-800 p-6 rounded-lg border border-gray-700"> <div class="bg-gray-800 p-6 rounded-lg border border-gray-700">
<i class="ph ph-infinity text-5xl text-purple-400 mb-4"></i> <i class="ph ph-infinity text-5xl text-purple-400 mb-4"></i>
<h3 class="text-xl font-semibold text-white mb-2">Unlimited & Free</h3> <h3 class="text-xl font-semibold text-white mb-2">Unlimited & Free</h3>
<p class="text-gray-400">Use all tools as many times as you want, with files of any size. No file limits, no tool limits. Completely free forever.</p> <p class="text-gray-400">Use all tools as many times as you want, with files of any size. No file
limits, no tool limits. Completely free forever.</p>
</div> </div>
<div class="bg-gray-800 p-6 rounded-lg border border-gray-700"> <div class="bg-gray-800 p-6 rounded-lg border border-gray-700">
<i class="ph ph-lightning text-5xl text-yellow-400 mb-4"></i> <i class="ph ph-lightning text-5xl text-yellow-400 mb-4"></i>
<h3 class="text-xl font-semibold text-white mb-2">Lightning Fast</h3> <h3 class="text-xl font-semibold text-white mb-2">Lightning Fast</h3>
<p class="text-gray-400">Browser-based processing means instant results. No waiting for uploads or downloads. Works offline after page load.</p> <p class="text-gray-400">Browser-based processing means instant results. No waiting for uploads or
downloads. Works offline after page load.</p>
</div> </div>
<div class="bg-gray-800 p-6 rounded-lg border border-gray-700"> <div class="bg-gray-800 p-6 rounded-lg border border-gray-700">
<i class="ph ph-user-minus text-5xl text-red-400 mb-4"></i> <i class="ph ph-user-minus text-5xl text-red-400 mb-4"></i>
<h3 class="text-xl font-semibold text-white mb-2">No Signup Required</h3> <h3 class="text-xl font-semibold text-white mb-2">No Signup Required</h3>
<p class="text-gray-400">Start using tools immediately. No account creation, no email, no personal information needed. Just open and use.</p> <p class="text-gray-400">Start using tools immediately. No account creation, no email, no personal
information needed. Just open and use.</p>
</div> </div>
</div> </div>
</div> </div>
@@ -267,7 +280,8 @@
Are these pdf editor tools really free? Are these pdf editor tools really free?
<i class="ph ph-caret-down text-xl"></i> <i class="ph ph-caret-down text-xl"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Yes! All BentoPDF pdf editor tools are 100% free with no hidden fees, no premium tiers, and no subscription required. Use unlimited tools, unlimited times.</p> <p class="mt-3 text-gray-400">Yes! All BentoPDF pdf editor tools are 100% free with no hidden fees,
no premium tiers, and no subscription required. Use unlimited tools, unlimited times.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
@@ -275,7 +289,8 @@
Are my files private and secure? Are my files private and secure?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Absolutely! All processing happens entirely in your browser. Your files never leave your device, are never uploaded to servers. Complete privacy guaranteed.</p> <p class="mt-3 text-gray-400">Absolutely! All processing happens entirely in your browser. Your
files never leave your device, are never uploaded to servers. Complete privacy guaranteed.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
@@ -283,7 +298,8 @@
Is there a file size limit? Is there a file size limit?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">No file size limits! Process files of any size. Browser-based processing means no artificial limitations.</p> <p class="mt-3 text-gray-400">No file size limits! Process files of any size. Browser-based
processing means no artificial limitations.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
@@ -291,7 +307,8 @@
Do I need to install software? Do I need to install software?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">No installation required! All tools are web-based and work directly in your browser. Just open the page and start using - works on any device.</p> <p class="mt-3 text-gray-400">No installation required! All tools are web-based and work directly in
your browser. Just open the page and start using - works on any device.</p>
</details> </details>
</div> </div>
</div> </div>
@@ -306,7 +323,7 @@
<img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" /> <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" />
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm">© 2025 BentoPDF. All rights reserved.</p> <p class="text-gray-400 text-sm">© 2026 BentoPDF. All rights reserved.</p>
<p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p> <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
</div> </div>
@@ -331,16 +348,30 @@
<div> <div>
<h3 class="font-bold text-white mb-4">Follow Us</h3> <h3 class="font-bold text-white mb-4">Follow Us</h3>
<div class="flex justify-center md:justify-start space-x-4"> <div class="flex justify-center md:justify-start space-x-4">
<a href="https://github.com/alam00000/bentopdf" target="_blank" class="text-gray-400 hover:text-indigo-400"> <a href="https://github.com/alam00000/bentopdf" target="_blank"
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd" /></svg> class="text-gray-400 hover:text-indigo-400">
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24">
<path fill-rule="evenodd"
d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
clip-rule="evenodd" />
</svg>
</a> </a>
<a href="https://discord.gg/Bgq3Ay3f2w" target="_blank" class="text-gray-400 hover:text-indigo-400"> <a href="https://discord.gg/Bgq3Ay3f2w" target="_blank"
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24"><path d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" /></svg> class="text-gray-400 hover:text-indigo-400">
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24">
<path
d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
</svg>
</a> </a>
<a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"><i data-lucide="instagram"></i></a> <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"><i
<a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"><i data-lucide="linkedin"></i></a> data-lucide="instagram"></i></a>
<a href="https://www.linkedin.com/company/bentopdf/"
class="text-gray-400 hover:text-indigo-400"><i data-lucide="linkedin"></i></a>
<a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"> <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400">
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" /></svg> <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24">
<path
d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
</svg>
</a> </a>
</div> </div>
</div> </div>

80
pdf-merge-split.html
View File

@@ -7,8 +7,10 @@
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>PDF Merge & Split - Free Online PDF Merge & Split Tools | BentoPDF</title> <title>PDF Merge & Split - Free Online PDF Merge & Split Tools | BentoPDF</title>
<meta name="description" content="Merge multiple PDFs into one or split PDFs into separate files. Organize, combine, divide, and rearrange PDF pages. Free online PDF merge and split tools - no signup required."> <meta name="description"
<meta name="keywords" content="pdf merge & split, merge pdf, split pdf, organize pdf, extract pages, delete pages, divide pages, add blank page, reverse pages, alternate merge, combine pages, compare pdfs, pdf booklet"> content="Merge multiple PDFs into one or split PDFs into separate files. Organize, combine, divide, and rearrange PDF pages. Free online PDF merge and split tools - no signup required.">
<meta name="keywords"
content="pdf merge & split, merge pdf, split pdf, organize pdf, extract pages, delete pages, divide pages, add blank page, reverse pages, alternate merge, combine pages, compare pdfs, pdf booklet">
<meta name="author" content="BentoPDF"> <meta name="author" content="BentoPDF">
<meta name="robots" content="index, follow, max-image-preview:large"> <meta name="robots" content="index, follow, max-image-preview:large">
@@ -19,7 +21,8 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://www.bentopdf.com/pdf-merge-split"> <meta property="og:url" content="https://www.bentopdf.com/pdf-merge-split">
<meta property="og:title" content="PDF Merge & Split - Free Online PDF Merge & Split Tools | BentoPDF"> <meta property="og:title" content="PDF Merge & Split - Free Online PDF Merge & Split Tools | BentoPDF">
<meta property="og:description" content="Merge multiple PDFs into one or split PDFs into separate files. Organize, combine, divide, and rearrange PDF pages. Free online PDF merge and split tools - no signup required."> <meta property="og:description"
content="Merge multiple PDFs into one or split PDFs into separate files. Organize, combine, divide, and rearrange PDF pages. Free online PDF merge and split tools - no signup required.">
<meta property="og:image" content="https://www.bentopdf.com/images/og-pdf-merge-split.png"> <meta property="og:image" content="https://www.bentopdf.com/images/og-pdf-merge-split.png">
<meta property="og:image:width" content="1200"> <meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630"> <meta property="og:image:height" content="630">
@@ -28,7 +31,8 @@
<!-- Twitter Card --> <!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="PDF Merge & Split - Free Online Tools"> <meta name="twitter:title" content="PDF Merge & Split - Free Online Tools">
<meta name="twitter:description" content="Merge multiple PDFs into one or split PDFs into separate files. Organize, combine, divide, and rearrange PDF pages. Free online PDF merge and split tools - no signup required."> <meta name="twitter:description"
content="Merge multiple PDFs into one or split PDFs into separate files. Organize, combine, divide, and rearrange PDF pages. Free online PDF merge and split tools - no signup required.">
<meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-pdf-merge-split.png"> <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-pdf-merge-split.png">
<meta name="twitter:site" content="@BentoPDF"> <meta name="twitter:site" content="@BentoPDF">
@@ -73,7 +77,8 @@
<button id="mobile-menu-button" type="button" <button id="mobile-menu-button" type="button"
class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700"> class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700">
<svg id="menu-icon" class="block h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <svg id="menu-icon" class="block h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" /> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M4 6h16M4 12h16M4 18h16" />
</svg> </svg>
</button> </button>
</div> </div>
@@ -93,9 +98,13 @@
<!-- Hero Section --> <!-- Hero Section -->
<section class="container mx-auto px-4 py-12 md:py-16"> <section class="container mx-auto px-4 py-12 md:py-16">
<div class="max-w-4xl mx-auto text-center"> <div class="max-w-4xl mx-auto text-center">
<h1 class="text-3xl md:text-5xl font-bold text-white mb-6">PDF Merge & Split Tools - Combine & Separate PDFs Free</h1> <h1 class="text-3xl md:text-5xl font-bold text-white mb-6">PDF Merge & Split Tools - Combine & Separate PDFs
Free</h1>
<p class="text-lg md:text-xl text-gray-300 mb-8"> <p class="text-lg md:text-xl text-gray-300 mb-8">
Combine multiple PDF files into one document or split large PDFs into smaller files with BentoPDF's merge and split tools. Reorder pages, extract specific sections, alternate merge documents, and organize your PDFs exactly how you need them. Browser-based processing ensures your files stay private. No limits on file count or size. Combine multiple PDF files into one document or split large PDFs into smaller files with BentoPDF's
merge and split tools. Reorder pages, extract specific sections, alternate merge documents, and organize
your PDFs exactly how you need them. Browser-based processing ensures your files stay private. No limits
on file count or size.
</p> </p>
</div> </div>
</section> </section>
@@ -171,31 +180,36 @@
<!-- Why Choose Section --> <!-- Why Choose Section -->
<section class="container mx-auto px-4 py-12"> <section class="container mx-auto px-4 py-12">
<div class="max-w-4xl mx-auto"> <div class="max-w-4xl mx-auto">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">Why Use BentoPDF PDF Merge & Split Tools?</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">Why Use BentoPDF PDF Merge & Split
Tools?</h2>
<div class="grid md:grid-cols-2 gap-6"> <div class="grid md:grid-cols-2 gap-6">
<div class="bg-gray-800 p-6 rounded-lg border border-gray-700"> <div class="bg-gray-800 p-6 rounded-lg border border-gray-700">
<i class="ph ph-shield-check text-5xl text-indigo-400 mb-4"></i> <i class="ph ph-shield-check text-5xl text-indigo-400 mb-4"></i>
<h3 class="text-xl font-semibold text-white mb-2">100% Privacy-First</h3> <h3 class="text-xl font-semibold text-white mb-2">100% Privacy-First</h3>
<p class="text-gray-400">All operations happen in your browser. Your files never leave your device, never uploaded to servers. Complete privacy guaranteed.</p> <p class="text-gray-400">All operations happen in your browser. Your files never leave your device,
never uploaded to servers. Complete privacy guaranteed.</p>
</div> </div>
<div class="bg-gray-800 p-6 rounded-lg border border-gray-700"> <div class="bg-gray-800 p-6 rounded-lg border border-gray-700">
<i class="ph ph-infinity text-5xl text-purple-400 mb-4"></i> <i class="ph ph-infinity text-5xl text-purple-400 mb-4"></i>
<h3 class="text-xl font-semibold text-white mb-2">Unlimited & Free</h3> <h3 class="text-xl font-semibold text-white mb-2">Unlimited & Free</h3>
<p class="text-gray-400">Use all tools as many times as you want, with files of any size. No file limits, no tool limits. Completely free forever.</p> <p class="text-gray-400">Use all tools as many times as you want, with files of any size. No file
limits, no tool limits. Completely free forever.</p>
</div> </div>
<div class="bg-gray-800 p-6 rounded-lg border border-gray-700"> <div class="bg-gray-800 p-6 rounded-lg border border-gray-700">
<i class="ph ph-lightning text-5xl text-yellow-400 mb-4"></i> <i class="ph ph-lightning text-5xl text-yellow-400 mb-4"></i>
<h3 class="text-xl font-semibold text-white mb-2">Lightning Fast</h3> <h3 class="text-xl font-semibold text-white mb-2">Lightning Fast</h3>
<p class="text-gray-400">Browser-based processing means instant results. No waiting for uploads or downloads. Works offline after page load.</p> <p class="text-gray-400">Browser-based processing means instant results. No waiting for uploads or
downloads. Works offline after page load.</p>
</div> </div>
<div class="bg-gray-800 p-6 rounded-lg border border-gray-700"> <div class="bg-gray-800 p-6 rounded-lg border border-gray-700">
<i class="ph ph-user-minus text-5xl text-red-400 mb-4"></i> <i class="ph ph-user-minus text-5xl text-red-400 mb-4"></i>
<h3 class="text-xl font-semibold text-white mb-2">No Signup Required</h3> <h3 class="text-xl font-semibold text-white mb-2">No Signup Required</h3>
<p class="text-gray-400">Start using tools immediately. No account creation, no email, no personal information needed. Just open and use.</p> <p class="text-gray-400">Start using tools immediately. No account creation, no email, no personal
information needed. Just open and use.</p>
</div> </div>
</div> </div>
</div> </div>
@@ -212,7 +226,8 @@
Are these pdf merge & split tools really free? Are these pdf merge & split tools really free?
<i class="ph ph-caret-down text-xl"></i> <i class="ph ph-caret-down text-xl"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Yes! All BentoPDF pdf merge & split tools are 100% free with no hidden fees, no premium tiers, and no subscription required. Use unlimited tools, unlimited times.</p> <p class="mt-3 text-gray-400">Yes! All BentoPDF pdf merge & split tools are 100% free with no hidden
fees, no premium tiers, and no subscription required. Use unlimited tools, unlimited times.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
@@ -220,7 +235,8 @@
Are my files private and secure? Are my files private and secure?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Absolutely! All processing happens entirely in your browser. Your files never leave your device, are never uploaded to servers. Complete privacy guaranteed.</p> <p class="mt-3 text-gray-400">Absolutely! All processing happens entirely in your browser. Your
files never leave your device, are never uploaded to servers. Complete privacy guaranteed.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
@@ -228,7 +244,8 @@
Is there a file size limit? Is there a file size limit?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">No file size limits! Process files of any size. Browser-based processing means no artificial limitations.</p> <p class="mt-3 text-gray-400">No file size limits! Process files of any size. Browser-based
processing means no artificial limitations.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
@@ -236,7 +253,8 @@
Do I need to install software? Do I need to install software?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">No installation required! All tools are web-based and work directly in your browser. Just open the page and start using - works on any device.</p> <p class="mt-3 text-gray-400">No installation required! All tools are web-based and work directly in
your browser. Just open the page and start using - works on any device.</p>
</details> </details>
</div> </div>
</div> </div>
@@ -251,7 +269,7 @@
<img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" /> <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" />
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm">© 2025 BentoPDF. All rights reserved.</p> <p class="text-gray-400 text-sm">© 2026 BentoPDF. All rights reserved.</p>
<p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p> <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
</div> </div>
@@ -276,16 +294,30 @@
<div> <div>
<h3 class="font-bold text-white mb-4">Follow Us</h3> <h3 class="font-bold text-white mb-4">Follow Us</h3>
<div class="flex justify-center md:justify-start space-x-4"> <div class="flex justify-center md:justify-start space-x-4">
<a href="https://github.com/alam00000/bentopdf" target="_blank" class="text-gray-400 hover:text-indigo-400"> <a href="https://github.com/alam00000/bentopdf" target="_blank"
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd" /></svg> class="text-gray-400 hover:text-indigo-400">
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24">
<path fill-rule="evenodd"
d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
clip-rule="evenodd" />
</svg>
</a> </a>
<a href="https://discord.gg/Bgq3Ay3f2w" target="_blank" class="text-gray-400 hover:text-indigo-400"> <a href="https://discord.gg/Bgq3Ay3f2w" target="_blank"
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24"><path d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" /></svg> class="text-gray-400 hover:text-indigo-400">
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24">
<path
d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
</svg>
</a> </a>
<a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"><i data-lucide="instagram"></i></a> <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"><i
<a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"><i data-lucide="linkedin"></i></a> data-lucide="instagram"></i></a>
<a href="https://www.linkedin.com/company/bentopdf/"
class="text-gray-400 hover:text-indigo-400"><i data-lucide="linkedin"></i></a>
<a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"> <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400">
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" /></svg> <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24">
<path
d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
</svg>
</a> </a>
</div> </div>
</div> </div>

80
pdf-security.html
View File

@@ -7,8 +7,10 @@
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>PDF Security - Free Online PDF Security Tools | BentoPDF</title> <title>PDF Security - Free Online PDF Security Tools | BentoPDF</title>
<meta name="description" content="Encrypt, decrypt, sign, and secure your PDFs with free online security tools. Password protection, digital signatures, permissions management. Privacy-first security in your browser."> <meta name="description"
<meta name="keywords" content="pdf security, encrypt pdf, decrypt pdf, sign pdf, remove restrictions, change permissions, sanitize pdf, flatten pdf, linearize pdf, remove metadata, pdf layers"> content="Encrypt, decrypt, sign, and secure your PDFs with free online security tools. Password protection, digital signatures, permissions management. Privacy-first security in your browser.">
<meta name="keywords"
content="pdf security, encrypt pdf, decrypt pdf, sign pdf, remove restrictions, change permissions, sanitize pdf, flatten pdf, linearize pdf, remove metadata, pdf layers">
<meta name="author" content="BentoPDF"> <meta name="author" content="BentoPDF">
<meta name="robots" content="index, follow, max-image-preview:large"> <meta name="robots" content="index, follow, max-image-preview:large">
@@ -19,7 +21,8 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://www.bentopdf.com/pdf-security"> <meta property="og:url" content="https://www.bentopdf.com/pdf-security">
<meta property="og:title" content="PDF Security - Free Online PDF Security Tools | BentoPDF"> <meta property="og:title" content="PDF Security - Free Online PDF Security Tools | BentoPDF">
<meta property="og:description" content="Encrypt, decrypt, sign, and secure your PDFs with free online security tools. Password protection, digital signatures, permissions management. Privacy-first security in your browser."> <meta property="og:description"
content="Encrypt, decrypt, sign, and secure your PDFs with free online security tools. Password protection, digital signatures, permissions management. Privacy-first security in your browser.">
<meta property="og:image" content="https://www.bentopdf.com/images/og-pdf-security.png"> <meta property="og:image" content="https://www.bentopdf.com/images/og-pdf-security.png">
<meta property="og:image:width" content="1200"> <meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630"> <meta property="og:image:height" content="630">
@@ -28,7 +31,8 @@
<!-- Twitter Card --> <!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="PDF Security - Free Online Tools"> <meta name="twitter:title" content="PDF Security - Free Online Tools">
<meta name="twitter:description" content="Encrypt, decrypt, sign, and secure your PDFs with free online security tools. Password protection, digital signatures, permissions management. Privacy-first security in your browser."> <meta name="twitter:description"
content="Encrypt, decrypt, sign, and secure your PDFs with free online security tools. Password protection, digital signatures, permissions management. Privacy-first security in your browser.">
<meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-pdf-security.png"> <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-pdf-security.png">
<meta name="twitter:site" content="@BentoPDF"> <meta name="twitter:site" content="@BentoPDF">
@@ -73,7 +77,8 @@
<button id="mobile-menu-button" type="button" <button id="mobile-menu-button" type="button"
class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700"> class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700">
<svg id="menu-icon" class="block h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <svg id="menu-icon" class="block h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" /> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M4 6h16M4 12h16M4 18h16" />
</svg> </svg>
</button> </button>
</div> </div>
@@ -93,9 +98,13 @@
<!-- Hero Section --> <!-- Hero Section -->
<section class="container mx-auto px-4 py-12 md:py-16"> <section class="container mx-auto px-4 py-12 md:py-16">
<div class="max-w-4xl mx-auto text-center"> <div class="max-w-4xl mx-auto text-center">
<h1 class="text-3xl md:text-5xl font-bold text-white mb-6">PDF Security Tools - Protect & Secure Your PDFs Free</h1> <h1 class="text-3xl md:text-5xl font-bold text-white mb-6">PDF Security Tools - Protect & Secure Your PDFs
Free</h1>
<p class="text-lg md:text-xl text-gray-300 mb-8"> <p class="text-lg md:text-xl text-gray-300 mb-8">
Protect and secure your PDF documents with BentoPDF's comprehensive security tools. Encrypt with passwords, add digital signatures, manage permissions, remove sensitive data, and more. All security operations happen locally in your browser for maximum privacy. No cloud uploads, no data retention - your documents stay completely confidential. Protect and secure your PDF documents with BentoPDF's comprehensive security tools. Encrypt with
passwords, add digital signatures, manage permissions, remove sensitive data, and more. All security
operations happen locally in your browser for maximum privacy. No cloud uploads, no data retention -
your documents stay completely confidential.
</p> </p>
</div> </div>
</section> </section>
@@ -161,31 +170,36 @@
<!-- Why Choose Section --> <!-- Why Choose Section -->
<section class="container mx-auto px-4 py-12"> <section class="container mx-auto px-4 py-12">
<div class="max-w-4xl mx-auto"> <div class="max-w-4xl mx-auto">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">Why Use BentoPDF PDF Security Tools?</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">Why Use BentoPDF PDF Security Tools?
</h2>
<div class="grid md:grid-cols-2 gap-6"> <div class="grid md:grid-cols-2 gap-6">
<div class="bg-gray-800 p-6 rounded-lg border border-gray-700"> <div class="bg-gray-800 p-6 rounded-lg border border-gray-700">
<i class="ph ph-shield-check text-5xl text-indigo-400 mb-4"></i> <i class="ph ph-shield-check text-5xl text-indigo-400 mb-4"></i>
<h3 class="text-xl font-semibold text-white mb-2">100% Privacy-First</h3> <h3 class="text-xl font-semibold text-white mb-2">100% Privacy-First</h3>
<p class="text-gray-400">All operations happen in your browser. Your files never leave your device, never uploaded to servers. Complete privacy guaranteed.</p> <p class="text-gray-400">All operations happen in your browser. Your files never leave your device,
never uploaded to servers. Complete privacy guaranteed.</p>
</div> </div>
<div class="bg-gray-800 p-6 rounded-lg border border-gray-700"> <div class="bg-gray-800 p-6 rounded-lg border border-gray-700">
<i class="ph ph-infinity text-5xl text-purple-400 mb-4"></i> <i class="ph ph-infinity text-5xl text-purple-400 mb-4"></i>
<h3 class="text-xl font-semibold text-white mb-2">Unlimited & Free</h3> <h3 class="text-xl font-semibold text-white mb-2">Unlimited & Free</h3>
<p class="text-gray-400">Use all tools as many times as you want, with files of any size. No file limits, no tool limits. Completely free forever.</p> <p class="text-gray-400">Use all tools as many times as you want, with files of any size. No file
limits, no tool limits. Completely free forever.</p>
</div> </div>
<div class="bg-gray-800 p-6 rounded-lg border border-gray-700"> <div class="bg-gray-800 p-6 rounded-lg border border-gray-700">
<i class="ph ph-lightning text-5xl text-yellow-400 mb-4"></i> <i class="ph ph-lightning text-5xl text-yellow-400 mb-4"></i>
<h3 class="text-xl font-semibold text-white mb-2">Lightning Fast</h3> <h3 class="text-xl font-semibold text-white mb-2">Lightning Fast</h3>
<p class="text-gray-400">Browser-based processing means instant results. No waiting for uploads or downloads. Works offline after page load.</p> <p class="text-gray-400">Browser-based processing means instant results. No waiting for uploads or
downloads. Works offline after page load.</p>
</div> </div>
<div class="bg-gray-800 p-6 rounded-lg border border-gray-700"> <div class="bg-gray-800 p-6 rounded-lg border border-gray-700">
<i class="ph ph-user-minus text-5xl text-red-400 mb-4"></i> <i class="ph ph-user-minus text-5xl text-red-400 mb-4"></i>
<h3 class="text-xl font-semibold text-white mb-2">No Signup Required</h3> <h3 class="text-xl font-semibold text-white mb-2">No Signup Required</h3>
<p class="text-gray-400">Start using tools immediately. No account creation, no email, no personal information needed. Just open and use.</p> <p class="text-gray-400">Start using tools immediately. No account creation, no email, no personal
information needed. Just open and use.</p>
</div> </div>
</div> </div>
</div> </div>
@@ -202,7 +216,8 @@
Are these pdf security tools really free? Are these pdf security tools really free?
<i class="ph ph-caret-down text-xl"></i> <i class="ph ph-caret-down text-xl"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Yes! All BentoPDF pdf security tools are 100% free with no hidden fees, no premium tiers, and no subscription required. Use unlimited tools, unlimited times.</p> <p class="mt-3 text-gray-400">Yes! All BentoPDF pdf security tools are 100% free with no hidden
fees, no premium tiers, and no subscription required. Use unlimited tools, unlimited times.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
@@ -210,7 +225,8 @@
Are my files private and secure? Are my files private and secure?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Absolutely! All processing happens entirely in your browser. Your files never leave your device, are never uploaded to servers. Complete privacy guaranteed.</p> <p class="mt-3 text-gray-400">Absolutely! All processing happens entirely in your browser. Your
files never leave your device, are never uploaded to servers. Complete privacy guaranteed.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
@@ -218,7 +234,8 @@
Is there a file size limit? Is there a file size limit?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">No file size limits! Process files of any size. Browser-based processing means no artificial limitations.</p> <p class="mt-3 text-gray-400">No file size limits! Process files of any size. Browser-based
processing means no artificial limitations.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
@@ -226,7 +243,8 @@
Do I need to install software? Do I need to install software?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">No installation required! All tools are web-based and work directly in your browser. Just open the page and start using - works on any device.</p> <p class="mt-3 text-gray-400">No installation required! All tools are web-based and work directly in
your browser. Just open the page and start using - works on any device.</p>
</details> </details>
</div> </div>
</div> </div>
@@ -241,7 +259,7 @@
<img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" /> <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" />
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm">© 2025 BentoPDF. All rights reserved.</p> <p class="text-gray-400 text-sm">© 2026 BentoPDF. All rights reserved.</p>
<p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p> <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
</div> </div>
@@ -266,16 +284,30 @@
<div> <div>
<h3 class="font-bold text-white mb-4">Follow Us</h3> <h3 class="font-bold text-white mb-4">Follow Us</h3>
<div class="flex justify-center md:justify-start space-x-4"> <div class="flex justify-center md:justify-start space-x-4">
<a href="https://github.com/alam00000/bentopdf" target="_blank" class="text-gray-400 hover:text-indigo-400"> <a href="https://github.com/alam00000/bentopdf" target="_blank"
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd" /></svg> class="text-gray-400 hover:text-indigo-400">
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24">
<path fill-rule="evenodd"
d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
clip-rule="evenodd" />
</svg>
</a> </a>
<a href="https://discord.gg/Bgq3Ay3f2w" target="_blank" class="text-gray-400 hover:text-indigo-400"> <a href="https://discord.gg/Bgq3Ay3f2w" target="_blank"
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24"><path d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" /></svg> class="text-gray-400 hover:text-indigo-400">
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24">
<path
d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
</svg>
</a> </a>
<a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"><i data-lucide="instagram"></i></a> <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"><i
<a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"><i data-lucide="linkedin"></i></a> data-lucide="instagram"></i></a>
<a href="https://www.linkedin.com/company/bentopdf/"
class="text-gray-400 hover:text-indigo-400"><i data-lucide="linkedin"></i></a>
<a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"> <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400">
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" /></svg> <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24">
<path
d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
</svg>
</a> </a>
</div> </div>
</div> </div>

13
privacy.html
View File

@@ -6,7 +6,8 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>Privacy Policy - Your Data Stays Private | BentoPDF</title> <title>Privacy Policy - Your Data Stays Private | BentoPDF</title>
<meta name="description" content="BentoPDF privacy policy: All PDF processing happens in your browser. We never see, store, or upload your files. 100% private and secure."> <meta name="description"
content="BentoPDF privacy policy: All PDF processing happens in your browser. We never see, store, or upload your files. 100% private and secure.">
<meta name="author" content="BentoPDF"> <meta name="author" content="BentoPDF">
<meta name="robots" content="index, follow"> <meta name="robots" content="index, follow">
@@ -17,14 +18,16 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://www.bentopdf.com/privacy"> <meta property="og:url" content="https://www.bentopdf.com/privacy">
<meta property="og:title" content="Privacy Policy - Your Data Stays Private | BentoPDF"> <meta property="og:title" content="Privacy Policy - Your Data Stays Private | BentoPDF">
<meta property="og:description" content="BentoPDF privacy policy: All PDF processing happens in your browser. We never see, store, or upload your files. 100% private and secure."> <meta property="og:description"
content="BentoPDF privacy policy: All PDF processing happens in your browser. We never see, store, or upload your files. 100% private and secure.">
<meta property="og:image" content="https://www.bentopdf.com/images/og-privacy.png"> <meta property="og:image" content="https://www.bentopdf.com/images/og-privacy.png">
<meta property="og:site_name" content="BentoPDF"> <meta property="og:site_name" content="BentoPDF">
<!-- Twitter Card --> <!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Privacy Policy - Your Data Stays Private | BentoPDF"> <meta name="twitter:title" content="Privacy Policy - Your Data Stays Private | BentoPDF">
<meta name="twitter:description" content="BentoPDF privacy policy: All PDF processing happens in your browser. We never see, store, or upload your files. 100% private and secure."> <meta name="twitter:description"
content="BentoPDF privacy policy: All PDF processing happens in your browser. We never see, store, or upload your files. 100% private and secure.">
<meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-privacy.png"> <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-privacy.png">
<meta name="twitter:site" content="@BentoPDF"> <meta name="twitter:site" content="@BentoPDF">
@@ -101,7 +104,7 @@
Privacy Policy Privacy Policy
</h1> </h1>
<p class="text-center text-gray-500"> <p class="text-center text-gray-500">
Last Updated: September 14, 2025 Last Updated: September 14, 2026
</p> </p>
<div class="legal-content mt-12"> <div class="legal-content mt-12">
@@ -231,7 +234,7 @@
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm"> <p class="text-gray-400 text-sm">
&copy; 2025 BentoPDF. All rights reserved. &copy; 2026 BentoPDF. All rights reserved.
</p> </p>
<p class="text-gray-500 text-xs mt-2"> <p class="text-gray-500 text-xs mt-2">
Version <span id="app-version"></span> Version <span id="app-version"></span>

2
src/js/main.ts
View File

@@ -102,7 +102,7 @@ const init = async () => {
<span class="text-white font-bold text-lg">BentoPDF</span> <span class="text-white font-bold text-lg">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm"> <p class="text-gray-400 text-sm">
&copy; 2025 BentoPDF. All rights reserved. &copy; 2026 BentoPDF. All rights reserved.
</p> </p>
<p class="text-gray-500 text-xs mt-2"> <p class="text-gray-500 text-xs mt-2">
Version <span id="app-version-simple">${APP_VERSION}</span> Version <span id="app-version-simple">${APP_VERSION}</span>

2
src/js/utils/simple-mode-footer.ts
View File

@@ -19,7 +19,7 @@ if (__SIMPLE_MODE__) {
<span class="text-white font-bold text-lg">BentoPDF</span> <span class="text-white font-bold text-lg">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm"> <p class="text-gray-400 text-sm">
&copy; 2025 BentoPDF. All rights reserved. &copy; 2026 BentoPDF. All rights reserved.
</p> </p>
<p class="text-gray-500 text-xs mt-2"> <p class="text-gray-500 text-xs mt-2">
Version <span id="app-version-simple">${APP_VERSION}</span> Version <span id="app-version-simple">${APP_VERSION}</span>

46
src/pages/.backup-related-tools-fix/compress-pdf.html
View File

@@ -109,7 +109,8 @@
<span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span> <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
</button> </button>
<h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:compressPdf.name">Compress PDF Free Online - Reduce File Size Fast</h1> <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:compressPdf.name">Compress PDF Free Online -
Reduce File Size Fast</h1>
<p class="text-gray-400 mb-6" data-i18n="tools:compressPdf.subtitle"> <p class="text-gray-400 mb-6" data-i18n="tools:compressPdf.subtitle">
Reduce file size by choosing the compression method that best suits your document. Supports multiple Reduce file size by choosing the compression method that best suits your document. Supports multiple
PDFs. PDFs.
@@ -269,7 +270,8 @@
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
<div class="space-y-6"> <div class="space-y-6">
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
1 1
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -278,7 +280,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
2 2
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -287,7 +290,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
3 3
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -296,7 +300,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
4 4
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -305,7 +310,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
5 5
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -320,23 +326,28 @@
<section class="max-w-6xl mx-auto px-4 py-12"> <section class="max-w-6xl mx-auto px-4 py-12">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4"> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
<a href="/merge-pdf" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/merge-pdf"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Merge Pdf</h3> <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
<p class="text-gray-400 text-sm">Free online merge pdf tool</p> <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
</a> </a>
<a href="/split-pdf" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/split-pdf"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Split Pdf</h3> <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
<p class="text-gray-400 text-sm">Free online split pdf tool</p> <p class="text-gray-400 text-sm">Free online split pdf tool</p>
</a> </a>
<a href="/optimize-pdf" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/optimize-pdf"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Optimize Pdf</h3> <h3 class="text-white font-semibold mb-1">Optimize Pdf</h3>
<p class="text-gray-400 text-sm">Free online optimize pdf tool</p> <p class="text-gray-400 text-sm">Free online optimize pdf tool</p>
</a> </a>
<a href="/pdf-to-jpg" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/pdf-to-jpg"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Pdf To Jpg</h3> <h3 class="text-white font-semibold mb-1">Pdf To Jpg</h3>
<p class="text-gray-400 text-sm">Free online pdf to jpg tool</p> <p class="text-gray-400 text-sm">Free online pdf to jpg tool</p>
</a> </a>
<a href="/reduce-pdf-size" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/reduce-pdf-size"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Reduce Pdf Size</h3> <h3 class="text-white font-semibold mb-1">Reduce Pdf Size</h3>
<p class="text-gray-400 text-sm">Free online reduce pdf size tool</p> <p class="text-gray-400 text-sm">Free online reduce pdf size tool</p>
</a> </a>
@@ -352,21 +363,26 @@
What's the difference between Condense and Photon? What's the difference between Condense and Photon?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Condense removes dead-weight, optimizes images, and subsets fonts - best for most PDFs. Photon converts pages to images - ideal for photo-heavy/scanned PDFs but makes text non-selectable.</p> <p class="mt-3 text-gray-400">Condense removes dead-weight, optimizes images, and subsets fonts - best
for most PDFs. Photon converts pages to images - ideal for photo-heavy/scanned PDFs but makes text
non-selectable.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Which compression level should I use? Which compression level should I use?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Balanced (recommended) offers great size reduction with minimal quality loss. Use Light to preserve maximum quality, Aggressive for smaller files, or Extreme for maximum compression.</p> <p class="mt-3 text-gray-400">Balanced (recommended) offers great size reduction with minimal quality
loss. Use Light to preserve maximum quality, Aggressive for smaller files, or Extreme for maximum
compression.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Are there file size limits? Are there file size limits?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">No limits! Compress as many PDFs as you need, of any size, completely free.</p> <p class="mt-3 text-gray-400">No limits! Compress as many PDFs as you need, of any size, completely
free.</p>
</details> </details>
</div> </div>
</section> </section>
@@ -379,7 +395,7 @@
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm"> <p class="text-gray-400 text-sm">
&copy; 2025 BentoPDF. All rights reserved. &copy; 2026 BentoPDF. All rights reserved.
</p> </p>
<p class="text-gray-500 text-xs mt-2"> <p class="text-gray-500 text-xs mt-2">
Version <span id="app-version"></span> Version <span id="app-version"></span>

66
src/pages/.backup-related-tools-fix/edit-pdf.html
View File

@@ -8,7 +8,8 @@
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>Edit PDF Online Free - Edit PDF Tool | BentoPDF</title> <title>Edit PDF Online Free - Edit PDF Tool | BentoPDF</title>
<meta name="title" content="Edit PDF Online Free - Edit PDF Tool | BentoPDF"> <meta name="title" content="Edit PDF Online Free - Edit PDF Tool | BentoPDF">
<meta name="description" content="★ Edit PDF online free - Edit PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta name="description"
content="★ Edit PDF online free - Edit PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta name="keywords" content="edit pdf, pdf editor, modify pdf, change pdf"> <meta name="keywords" content="edit pdf, pdf editor, modify pdf, change pdf">
<meta name="author" content="BentoPDF"> <meta name="author" content="BentoPDF">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
@@ -20,7 +21,8 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://www.bentopdf.com/edit-pdf"> <meta property="og:url" content="https://www.bentopdf.com/edit-pdf">
<meta property="og:title" content="Edit PDF Online Free - Edit PDF Tool | BentoPDF"> <meta property="og:title" content="Edit PDF Online Free - Edit PDF Tool | BentoPDF">
<meta property="og:description" content="★ Edit PDF online free - Edit PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta property="og:description"
content="★ Edit PDF online free - Edit PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta property="og:image" content="https://www.bentopdf.com/images/og-edit-pdf.png"> <meta property="og:image" content="https://www.bentopdf.com/images/og-edit-pdf.png">
<meta property="og:image:width" content="1200"> <meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630"> <meta property="og:image:height" content="630">
@@ -30,7 +32,8 @@
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://www.bentopdf.com/edit-pdf"> <meta name="twitter:url" content="https://www.bentopdf.com/edit-pdf">
<meta name="twitter:title" content="Edit PDF Free"> <meta name="twitter:title" content="Edit PDF Free">
<meta name="twitter:description" content="★ Edit PDF online free - Edit PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secu"> <meta name="twitter:description"
content="★ Edit PDF online free - Edit PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secu">
<meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-edit-pdf.png"> <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-edit-pdf.png">
<meta name="twitter:site" content="@BentoPDF"> <meta name="twitter:site" content="@BentoPDF">
@@ -75,15 +78,13 @@
class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
aria-controls="mobile-menu" aria-expanded="false"> aria-controls="mobile-menu" aria-expanded="false">
<span class="sr-only">Open main menu</span> <span class="sr-only">Open main menu</span>
<svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
d="M4 6h16M4 12h16M4 18h16" />
</svg> </svg>
<svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
d="M6 18L18 6M6 6l12 12" />
</svg> </svg>
</button> </button>
</div> </div>
@@ -109,7 +110,8 @@
<span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span> <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
</button> </button>
<h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:pdfEditor.name">Edit PDF Free Online - Modify PDFs Securely</h1> <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:pdfEditor.name">Edit PDF Free Online - Modify PDFs
Securely</h1>
<p class="text-gray-400 mb-6" data-i18n="tools:pdfEditor.subtitle"> <p class="text-gray-400 mb-6" data-i18n="tools:pdfEditor.subtitle">
Annotate, highlight, redact, comment, add shapes/images, search, and view PDFs. Annotate, highlight, redact, comment, add shapes/images, search, and view PDFs.
</p> </p>
@@ -118,9 +120,8 @@
class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300"> class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
<div class="flex flex-col items-center justify-center pt-5 pb-6"> <div class="flex flex-col items-center justify-center pt-5 pb-6">
<i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i> <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
<p class="mb-2 text-sm text-gray-400"><span class="font-semibold" <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to
data-i18n="upload.clickToSelect">Click to select a file</span> <span select a file</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
<p class="text-xs text-gray-500">PDF file</p> <p class="text-xs text-gray-500">PDF file</p>
<p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
device.</p> device.</p>
@@ -149,8 +150,8 @@
<div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden"> <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
<div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700"> <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
<h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
data-i18n="alert.title">Alert</h3> Alert</h3>
<p id="alert-message" class="text-gray-300 mb-6"></p> <p id="alert-message" class="text-gray-300 mb-6"></p>
<button id="alert-ok" <button id="alert-ok"
class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200"> class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
@@ -165,7 +166,8 @@
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
<div class="space-y-6"> <div class="space-y-6">
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
1 1
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -174,7 +176,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
2 2
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -183,7 +186,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
3 3
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -198,23 +202,28 @@
<section class="max-w-6xl mx-auto px-4 py-12"> <section class="max-w-6xl mx-auto px-4 py-12">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4"> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
<a href="/compress-pdf" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/compress-pdf"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Compress Pdf</h3> <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
<p class="text-gray-400 text-sm">Free online compress pdf tool</p> <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
</a> </a>
<a href="/merge-pdf" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/merge-pdf"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Merge Pdf</h3> <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
<p class="text-gray-400 text-sm">Free online merge pdf tool</p> <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
</a> </a>
<a href="/rotate-pdf" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/rotate-pdf"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Rotate Pdf</h3> <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
<p class="text-gray-400 text-sm">Free online rotate pdf tool</p> <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
</a> </a>
<a href="/delete-pages" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/delete-pages"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Delete Pages</h3> <h3 class="text-white font-semibold mb-1">Delete Pages</h3>
<p class="text-gray-400 text-sm">Free online delete pages tool</p> <p class="text-gray-400 text-sm">Free online delete pages tool</p>
</a> </a>
<a href="/add-watermark" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/add-watermark"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Add Watermark</h3> <h3 class="text-white font-semibold mb-1">Add Watermark</h3>
<p class="text-gray-400 text-sm">Free online add watermark tool</p> <p class="text-gray-400 text-sm">Free online add watermark tool</p>
</a> </a>
@@ -230,14 +239,16 @@
Is edit pdf really free? Is edit pdf really free?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p> <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
file processing.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Are my files private and secure? Are my files private and secure?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p> <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
device, ensuring complete privacy.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -257,7 +268,7 @@
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm"> <p class="text-gray-400 text-sm">
&copy; 2025 BentoPDF. All rights reserved. &copy; 2026 BentoPDF. All rights reserved.
</p> </p>
<p class="text-gray-500 text-xs mt-2"> <p class="text-gray-500 text-xs mt-2">
Version <span id="app-version"></span> Version <span id="app-version"></span>
@@ -320,8 +331,7 @@
title="LinkedIn"> title="LinkedIn">
<i data-lucide="linkedin"></i> <i data-lucide="linkedin"></i>
</a> </a>
<a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
title="X (Twitter)">
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path <path
d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" /> d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />

62
src/pages/.backup-related-tools-fix/excel-to-pdf.html
View File

@@ -8,7 +8,8 @@
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>Excel to PDF Converter Free Online - Convert Files | BentoPDF</title> <title>Excel to PDF Converter Free Online - Convert Files | BentoPDF</title>
<meta name="title" content="Excel to PDF Converter Free Online - Convert Files | BentoPDF"> <meta name="title" content="Excel to PDF Converter Free Online - Convert Files | BentoPDF">
<meta name="description" content="★ Excel to PDF online free - Convert Excel to PDF PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta name="description"
content="★ Excel to PDF online free - Convert Excel to PDF PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta name="keywords" content="excel to pdf, xlsx to pdf, spreadsheet to pdf"> <meta name="keywords" content="excel to pdf, xlsx to pdf, spreadsheet to pdf">
<meta name="author" content="BentoPDF"> <meta name="author" content="BentoPDF">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
@@ -20,7 +21,8 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://www.bentopdf.com/excel-to-pdf"> <meta property="og:url" content="https://www.bentopdf.com/excel-to-pdf">
<meta property="og:title" content="Excel to PDF Converter Free Online - Convert Files | BentoPDF"> <meta property="og:title" content="Excel to PDF Converter Free Online - Convert Files | BentoPDF">
<meta property="og:description" content="★ Excel to PDF online free - Convert Excel to PDF PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta property="og:description"
content="★ Excel to PDF online free - Convert Excel to PDF PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta property="og:image" content="https://www.bentopdf.com/images/og-excel-to-pdf.png"> <meta property="og:image" content="https://www.bentopdf.com/images/og-excel-to-pdf.png">
<meta property="og:image:width" content="1200"> <meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630"> <meta property="og:image:height" content="630">
@@ -30,7 +32,8 @@
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://www.bentopdf.com/excel-to-pdf"> <meta name="twitter:url" content="https://www.bentopdf.com/excel-to-pdf">
<meta name="twitter:title" content="Excel to PDF Free"> <meta name="twitter:title" content="Excel to PDF Free">
<meta name="twitter:description" content="★ Excel to PDF online free - Convert Excel to PDF PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in b"> <meta name="twitter:description"
content="★ Excel to PDF online free - Convert Excel to PDF PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in b">
<meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-excel-to-pdf.png"> <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-excel-to-pdf.png">
<meta name="twitter:site" content="@BentoPDF"> <meta name="twitter:site" content="@BentoPDF">
@@ -75,15 +78,13 @@
class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
aria-controls="mobile-menu" aria-expanded="false"> aria-controls="mobile-menu" aria-expanded="false">
<span class="sr-only">Open main menu</span> <span class="sr-only">Open main menu</span>
<svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
d="M4 6h16M4 12h16M4 18h16" />
</svg> </svg>
<svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
d="M6 18L18 6M6 6l12 12" />
</svg> </svg>
</button> </button>
</div> </div>
@@ -109,7 +110,8 @@
<span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span> <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
</button> </button>
<h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:excelToPdf.name">Excel to PDF Converter Free - Convert XLSX Online</h1> <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:excelToPdf.name">Excel to PDF Converter Free -
Convert XLSX Online</h1>
<p class="text-gray-400 mb-6" data-i18n="tools:excelToPdf.subtitle"> <p class="text-gray-400 mb-6" data-i18n="tools:excelToPdf.subtitle">
Convert Excel spreadsheets (XLSX, XLS, ODS, CSV) to PDF format. Supports multiple files. Convert Excel spreadsheets (XLSX, XLS, ODS, CSV) to PDF format. Supports multiple files.
</p> </p>
@@ -118,9 +120,8 @@
class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300"> class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
<div class="flex flex-col items-center justify-center pt-5 pb-6"> <div class="flex flex-col items-center justify-center pt-5 pb-6">
<i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i> <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
<p class="mb-2 text-sm text-gray-400"><span class="font-semibold" <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to
data-i18n="upload.clickToSelect">Click to select files</span> <span select files</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
<p class="text-xs text-gray-500" data-i18n="tools:excelToPdf.acceptedFormats">XLSX, XLS, ODS, CSV <p class="text-xs text-gray-500" data-i18n="tools:excelToPdf.acceptedFormats">XLSX, XLS, ODS, CSV
files</p> files</p>
<p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
@@ -178,7 +179,8 @@
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
<div class="space-y-6"> <div class="space-y-6">
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
1 1
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -187,7 +189,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
2 2
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -196,7 +199,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
3 3
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -211,23 +215,28 @@
<section class="max-w-6xl mx-auto px-4 py-12"> <section class="max-w-6xl mx-auto px-4 py-12">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4"> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
<a href="/pdf-to-excel" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/pdf-to-excel"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Pdf To Excel</h3> <h3 class="text-white font-semibold mb-1">Pdf To Excel</h3>
<p class="text-gray-400 text-sm">Free online pdf to excel tool</p> <p class="text-gray-400 text-sm">Free online pdf to excel tool</p>
</a> </a>
<a href="/word-to-pdf" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/word-to-pdf"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Word To Pdf</h3> <h3 class="text-white font-semibold mb-1">Word To Pdf</h3>
<p class="text-gray-400 text-sm">Free online word to pdf tool</p> <p class="text-gray-400 text-sm">Free online word to pdf tool</p>
</a> </a>
<a href="/csv-to-pdf" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/csv-to-pdf"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Csv To Pdf</h3> <h3 class="text-white font-semibold mb-1">Csv To Pdf</h3>
<p class="text-gray-400 text-sm">Free online csv to pdf tool</p> <p class="text-gray-400 text-sm">Free online csv to pdf tool</p>
</a> </a>
<a href="/merge-pdf" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/merge-pdf"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Merge Pdf</h3> <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
<p class="text-gray-400 text-sm">Free online merge pdf tool</p> <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
</a> </a>
<a href="/compress-pdf" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/compress-pdf"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Compress Pdf</h3> <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
<p class="text-gray-400 text-sm">Free online compress pdf tool</p> <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
</a> </a>
@@ -243,14 +252,16 @@
Is excel to pdf really free? Is excel to pdf really free?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p> <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
file processing.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Are my files private and secure? Are my files private and secure?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p> <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
device, ensuring complete privacy.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -270,7 +281,7 @@
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm"> <p class="text-gray-400 text-sm">
&copy; 2025 BentoPDF. All rights reserved. &copy; 2026 BentoPDF. All rights reserved.
</p> </p>
<p class="text-gray-500 text-xs mt-2"> <p class="text-gray-500 text-xs mt-2">
Version <span id="app-version"></span> Version <span id="app-version"></span>
@@ -333,8 +344,7 @@
title="LinkedIn"> title="LinkedIn">
<i data-lucide="linkedin"></i> <i data-lucide="linkedin"></i>
</a> </a>
<a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
title="X (Twitter)">
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path <path
d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" /> d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />

41
src/pages/.backup-related-tools-fix/merge-pdf.html
View File

@@ -111,7 +111,8 @@
<span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span> <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
</button> </button>
<h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:mergePdf.name">Merge PDF Files Free - Combine PDFs Instantly</h1> <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:mergePdf.name">Merge PDF Files Free - Combine PDFs
Instantly</h1>
<p class="text-gray-400 mb-6" data-i18n="tools:mergePdf.subtitle"> <p class="text-gray-400 mb-6" data-i18n="tools:mergePdf.subtitle">
Combine whole files, or select specific pages to merge into a new document. Combine whole files, or select specific pages to merge into a new document.
</p> </p>
@@ -212,7 +213,8 @@
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
<div class="space-y-6"> <div class="space-y-6">
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
1 1
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -221,7 +223,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
2 2
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -230,7 +233,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
3 3
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -239,7 +243,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
4 4
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -254,23 +259,28 @@
<section class="max-w-6xl mx-auto px-4 py-12"> <section class="max-w-6xl mx-auto px-4 py-12">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4"> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
<a href="/split-pdf" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/split-pdf"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Split Pdf</h3> <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
<p class="text-gray-400 text-sm">Free online split pdf tool</p> <p class="text-gray-400 text-sm">Free online split pdf tool</p>
</a> </a>
<a href="/organize-pdf" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/organize-pdf"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Organize Pdf</h3> <h3 class="text-white font-semibold mb-1">Organize Pdf</h3>
<p class="text-gray-400 text-sm">Free online organize pdf tool</p> <p class="text-gray-400 text-sm">Free online organize pdf tool</p>
</a> </a>
<a href="/compress-pdf" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/compress-pdf"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Compress Pdf</h3> <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
<p class="text-gray-400 text-sm">Free online compress pdf tool</p> <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
</a> </a>
<a href="/rotate-pdf" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/rotate-pdf"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Rotate Pdf</h3> <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
<p class="text-gray-400 text-sm">Free online rotate pdf tool</p> <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
</a> </a>
<a href="/delete-pages" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/delete-pages"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Delete Pages</h3> <h3 class="text-white font-semibold mb-1">Delete Pages</h3>
<p class="text-gray-400 text-sm">Free online delete pages tool</p> <p class="text-gray-400 text-sm">Free online delete pages tool</p>
</a> </a>
@@ -286,21 +296,24 @@
How many PDFs can I merge at once? How many PDFs can I merge at once?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Unlimited! Merge as many PDF files as you need in a single operation. No restrictions on file count or total size.</p> <p class="mt-3 text-gray-400">Unlimited! Merge as many PDF files as you need in a single operation. No
restrictions on file count or total size.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Will merging reduce PDF quality? Will merging reduce PDF quality?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">No! BentoPDF preserves the original quality of all PDFs when merging. Your documents remain crisp and clear with no quality loss.</p> <p class="mt-3 text-gray-400">No! BentoPDF preserves the original quality of all PDFs when merging. Your
documents remain crisp and clear with no quality loss.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Can I reorder pages after selecting files? Can I reorder pages after selecting files?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Yes! Simply drag and drop files to arrange them in any order before clicking the merge button.</p> <p class="mt-3 text-gray-400">Yes! Simply drag and drop files to arrange them in any order before clicking the
merge button.</p>
</details> </details>
</div> </div>
</section> </section>
@@ -313,7 +326,7 @@
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm"> <p class="text-gray-400 text-sm">
&copy; 2025 BentoPDF. All rights reserved. &copy; 2026 BentoPDF. All rights reserved.
</p> </p>
<p class="text-gray-500 text-xs mt-2"> <p class="text-gray-500 text-xs mt-2">
Version <span id="app-version"></span> Version <span id="app-version"></span>

56
src/pages/.backup-related-tools-fix/organize-pdf.html
View File

@@ -8,7 +8,8 @@
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>Organize PDF Online Free - Organize PDF Tool | BentoPDF</title> <title>Organize PDF Online Free - Organize PDF Tool | BentoPDF</title>
<meta name="title" content="Organize PDF Online Free - Organize PDF Tool | BentoPDF"> <meta name="title" content="Organize PDF Online Free - Organize PDF Tool | BentoPDF">
<meta name="description" content="★ Organize PDF online free - Organize PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta name="description"
content="★ Organize PDF online free - Organize PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta name="keywords" content="organize pdf, reorder pages, arrange pdf"> <meta name="keywords" content="organize pdf, reorder pages, arrange pdf">
<meta name="author" content="BentoPDF"> <meta name="author" content="BentoPDF">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
@@ -20,7 +21,8 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://www.bentopdf.com/organize-pdf"> <meta property="og:url" content="https://www.bentopdf.com/organize-pdf">
<meta property="og:title" content="Organize PDF Online Free - Organize PDF Tool | BentoPDF"> <meta property="og:title" content="Organize PDF Online Free - Organize PDF Tool | BentoPDF">
<meta property="og:description" content="★ Organize PDF online free - Organize PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta property="og:description"
content="★ Organize PDF online free - Organize PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta property="og:image" content="https://www.bentopdf.com/images/og-organize-pdf.png"> <meta property="og:image" content="https://www.bentopdf.com/images/og-organize-pdf.png">
<meta property="og:image:width" content="1200"> <meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630"> <meta property="og:image:height" content="630">
@@ -30,7 +32,8 @@
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://www.bentopdf.com/organize-pdf"> <meta name="twitter:url" content="https://www.bentopdf.com/organize-pdf">
<meta name="twitter:title" content="Organize PDF Free"> <meta name="twitter:title" content="Organize PDF Free">
<meta name="twitter:description" content="★ Organize PDF online free - Organize PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas"> <meta name="twitter:description"
content="★ Organize PDF online free - Organize PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas">
<meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-organize-pdf.png"> <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-organize-pdf.png">
<meta name="twitter:site" content="@BentoPDF"> <meta name="twitter:site" content="@BentoPDF">
@@ -76,7 +79,8 @@
<i data-lucide="arrow-left" class="cursor-pointer"></i> <i data-lucide="arrow-left" class="cursor-pointer"></i>
<span class="cursor-pointer">Back to Tools</span> <span class="cursor-pointer">Back to Tools</span>
</button> </button>
<h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:duplicateOrganize.name">Organize PDF Pages Free - Reorder PDFs Online</h1> <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:duplicateOrganize.name">Organize PDF Pages Free -
Reorder PDFs Online</h1>
<p class="text-gray-400 mb-6" data-i18n="tools:duplicateOrganize.subtitle"> <p class="text-gray-400 mb-6" data-i18n="tools:duplicateOrganize.subtitle">
Drag pages to reorder them. Use the <i data-lucide="copy-plus" Drag pages to reorder them. Use the <i data-lucide="copy-plus"
class="inline-block w-4 h-4 mx-1 align-text-bottom text-green-500"></i> icon to duplicate a page or class="inline-block w-4 h-4 mx-1 align-text-bottom text-green-500"></i> icon to duplicate a page or
@@ -90,9 +94,8 @@
class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300"> class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
<div class="flex flex-col items-center justify-center pt-5 pb-6"> <div class="flex flex-col items-center justify-center pt-5 pb-6">
<i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i> <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
<p class="mb-2 text-sm text-gray-400"><span class="font-semibold" <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to
data-i18n="upload.clickToSelect">Click to select a file</span> <span select a file</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
<p class="text-xs text-gray-500">PDF Documents</p> <p class="text-xs text-gray-500">PDF Documents</p>
<p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
device.</p> device.</p>
@@ -119,8 +122,8 @@
</div> </div>
<div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden"> <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
<div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700"> <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
<h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
data-i18n="alert.title">Alert</h3> Alert</h3>
<p id="alert-message" class="text-gray-300 mb-6"></p> <p id="alert-message" class="text-gray-300 mb-6"></p>
<button id="alert-ok" <button id="alert-ok"
class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg" class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg"
@@ -134,7 +137,8 @@
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
<div class="space-y-6"> <div class="space-y-6">
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
1 1
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -143,7 +147,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
2 2
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -152,7 +157,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
3 3
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -167,23 +173,28 @@
<section class="max-w-6xl mx-auto px-4 py-12"> <section class="max-w-6xl mx-auto px-4 py-12">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4"> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
<a href="/merge-pdf" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/merge-pdf"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Merge Pdf</h3> <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
<p class="text-gray-400 text-sm">Free online merge pdf tool</p> <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
</a> </a>
<a href="/split-pdf" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/split-pdf"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Split Pdf</h3> <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
<p class="text-gray-400 text-sm">Free online split pdf tool</p> <p class="text-gray-400 text-sm">Free online split pdf tool</p>
</a> </a>
<a href="/rotate-pdf" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/rotate-pdf"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Rotate Pdf</h3> <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
<p class="text-gray-400 text-sm">Free online rotate pdf tool</p> <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
</a> </a>
<a href="/delete-pages" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/delete-pages"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Delete Pages</h3> <h3 class="text-white font-semibold mb-1">Delete Pages</h3>
<p class="text-gray-400 text-sm">Free online delete pages tool</p> <p class="text-gray-400 text-sm">Free online delete pages tool</p>
</a> </a>
<a href="/extract-pages" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/extract-pages"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Extract Pages</h3> <h3 class="text-white font-semibold mb-1">Extract Pages</h3>
<p class="text-gray-400 text-sm">Free online extract pages tool</p> <p class="text-gray-400 text-sm">Free online extract pages tool</p>
</a> </a>
@@ -199,14 +210,16 @@
Is organize pdf really free? Is organize pdf really free?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p> <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
file processing.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Are my files private and secure? Are my files private and secure?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p> <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
device, ensuring complete privacy.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -225,7 +238,7 @@
<img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" /> <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" />
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm">&copy; 2025 BentoPDF. All rights reserved.</p> <p class="text-gray-400 text-sm">&copy; 2026 BentoPDF. All rights reserved.</p>
<p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p> <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
</div> </div>
@@ -273,8 +286,7 @@
title="LinkedIn"> title="LinkedIn">
<i data-lucide="linkedin"></i> <i data-lucide="linkedin"></i>
</a> </a>
<a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
title="X (Twitter)">
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path <path
d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" /> d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />

54
src/pages/.backup-related-tools-fix/pdf-to-docx.html
View File

@@ -8,7 +8,8 @@
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>PDF to Word Converter Free Online - Convert Files | BentoPDF</title> <title>PDF to Word Converter Free Online - Convert Files | BentoPDF</title>
<meta name="title" content="PDF to Word Converter Free Online - Convert Files | BentoPDF"> <meta name="title" content="PDF to Word Converter Free Online - Convert Files | BentoPDF">
<meta name="description" content="★ PDF to Word online free - Convert PDF to Word PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta name="description"
content="★ PDF to Word online free - Convert PDF to Word PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta name="keywords" content="pdf to word, pdf to docx, convert pdf to word"> <meta name="keywords" content="pdf to word, pdf to docx, convert pdf to word">
<meta name="author" content="BentoPDF"> <meta name="author" content="BentoPDF">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
@@ -20,7 +21,8 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://www.bentopdf.com/pdf-to-docx"> <meta property="og:url" content="https://www.bentopdf.com/pdf-to-docx">
<meta property="og:title" content="PDF to Word Converter Free Online - Convert Files | BentoPDF"> <meta property="og:title" content="PDF to Word Converter Free Online - Convert Files | BentoPDF">
<meta property="og:description" content="★ PDF to Word online free - Convert PDF to Word PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta property="og:description"
content="★ PDF to Word online free - Convert PDF to Word PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta property="og:image" content="https://www.bentopdf.com/images/og-pdf-to-docx.png"> <meta property="og:image" content="https://www.bentopdf.com/images/og-pdf-to-docx.png">
<meta property="og:image:width" content="1200"> <meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630"> <meta property="og:image:height" content="630">
@@ -30,7 +32,8 @@
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://www.bentopdf.com/pdf-to-docx"> <meta name="twitter:url" content="https://www.bentopdf.com/pdf-to-docx">
<meta name="twitter:title" content="PDF to Word Free"> <meta name="twitter:title" content="PDF to Word Free">
<meta name="twitter:description" content="★ PDF to Word online free - Convert PDF to Word PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in bro"> <meta name="twitter:description"
content="★ PDF to Word online free - Convert PDF to Word PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in bro">
<meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-pdf-to-docx.png"> <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-pdf-to-docx.png">
<meta name="twitter:site" content="@BentoPDF"> <meta name="twitter:site" content="@BentoPDF">
@@ -73,15 +76,13 @@
class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
aria-controls="mobile-menu" aria-expanded="false"> aria-controls="mobile-menu" aria-expanded="false">
<span class="sr-only">Open main menu</span> <span class="sr-only">Open main menu</span>
<svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
d="M4 6h16M4 12h16M4 18h16" />
</svg> </svg>
<svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
d="M6 18L18 6M6 6l12 12" />
</svg> </svg>
</button> </button>
</div> </div>
@@ -173,7 +174,8 @@
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
<div class="space-y-6"> <div class="space-y-6">
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
1 1
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -182,7 +184,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
2 2
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -191,7 +194,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
3 3
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -206,23 +210,28 @@
<section class="max-w-6xl mx-auto px-4 py-12"> <section class="max-w-6xl mx-auto px-4 py-12">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4"> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
<a href="/word-to-pdf" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/word-to-pdf"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Word To Pdf</h3> <h3 class="text-white font-semibold mb-1">Word To Pdf</h3>
<p class="text-gray-400 text-sm">Free online word to pdf tool</p> <p class="text-gray-400 text-sm">Free online word to pdf tool</p>
</a> </a>
<a href="/pdf-to-text" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/pdf-to-text"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Pdf To Text</h3> <h3 class="text-white font-semibold mb-1">Pdf To Text</h3>
<p class="text-gray-400 text-sm">Free online pdf to text tool</p> <p class="text-gray-400 text-sm">Free online pdf to text tool</p>
</a> </a>
<a href="/pdf-to-excel" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/pdf-to-excel"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Pdf To Excel</h3> <h3 class="text-white font-semibold mb-1">Pdf To Excel</h3>
<p class="text-gray-400 text-sm">Free online pdf to excel tool</p> <p class="text-gray-400 text-sm">Free online pdf to excel tool</p>
</a> </a>
<a href="/edit-pdf" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/edit-pdf"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Edit Pdf</h3> <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
<p class="text-gray-400 text-sm">Free online edit pdf tool</p> <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
</a> </a>
<a href="/extract-pages" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/extract-pages"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Extract Pages</h3> <h3 class="text-white font-semibold mb-1">Extract Pages</h3>
<p class="text-gray-400 text-sm">Free online extract pages tool</p> <p class="text-gray-400 text-sm">Free online extract pages tool</p>
</a> </a>
@@ -238,14 +247,16 @@
Is pdf to docx really free? Is pdf to docx really free?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p> <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
file processing.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Are my files private and secure? Are my files private and secure?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p> <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
device, ensuring complete privacy.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -265,7 +276,7 @@
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm"> <p class="text-gray-400 text-sm">
&copy; 2025 BentoPDF. All rights reserved. &copy; 2026 BentoPDF. All rights reserved.
</p> </p>
<p class="text-gray-500 text-xs mt-2"> <p class="text-gray-500 text-xs mt-2">
Version <span id="app-version"></span> Version <span id="app-version"></span>
@@ -328,8 +339,7 @@
title="LinkedIn"> title="LinkedIn">
<i data-lucide="linkedin"></i> <i data-lucide="linkedin"></i>
</a> </a>
<a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
title="X (Twitter)">
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path <path
d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" /> d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />

75
src/pages/.backup-related-tools-fix/pdf-to-jpg.html
View File

@@ -8,7 +8,8 @@
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>PDF to JPG Converter Free Online - Convert Files | BentoPDF</title> <title>PDF to JPG Converter Free Online - Convert Files | BentoPDF</title>
<meta name="title" content="PDF to JPG Converter Free Online - Convert Files | BentoPDF"> <meta name="title" content="PDF to JPG Converter Free Online - Convert Files | BentoPDF">
<meta name="description" content="★ PDF to JPG online free - Convert PDF to JPG PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta name="description"
content="★ PDF to JPG online free - Convert PDF to JPG PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta name="keywords" content="pdf to jpg, pdf to image, pdf to jpeg, convert pdf to pictures"> <meta name="keywords" content="pdf to jpg, pdf to image, pdf to jpeg, convert pdf to pictures">
<meta name="author" content="BentoPDF"> <meta name="author" content="BentoPDF">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
@@ -20,7 +21,8 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://www.bentopdf.com/pdf-to-jpg"> <meta property="og:url" content="https://www.bentopdf.com/pdf-to-jpg">
<meta property="og:title" content="PDF to JPG Converter Free Online - Convert Files | BentoPDF"> <meta property="og:title" content="PDF to JPG Converter Free Online - Convert Files | BentoPDF">
<meta property="og:description" content="★ PDF to JPG online free - Convert PDF to JPG PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta property="og:description"
content="★ PDF to JPG online free - Convert PDF to JPG PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta property="og:image" content="https://www.bentopdf.com/images/og-pdf-to-jpg.png"> <meta property="og:image" content="https://www.bentopdf.com/images/og-pdf-to-jpg.png">
<meta property="og:image:width" content="1200"> <meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630"> <meta property="og:image:height" content="630">
@@ -30,7 +32,8 @@
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://www.bentopdf.com/pdf-to-jpg"> <meta name="twitter:url" content="https://www.bentopdf.com/pdf-to-jpg">
<meta name="twitter:title" content="PDF to JPG Free"> <meta name="twitter:title" content="PDF to JPG Free">
<meta name="twitter:description" content="★ PDF to JPG online free - Convert PDF to JPG PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in brows"> <meta name="twitter:description"
content="★ PDF to JPG online free - Convert PDF to JPG PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in brows">
<meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-pdf-to-jpg.png"> <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-pdf-to-jpg.png">
<meta name="twitter:site" content="@BentoPDF"> <meta name="twitter:site" content="@BentoPDF">
@@ -41,8 +44,7 @@
<title>PDF to JPG - BentoPDF</title> <title>PDF to JPG - BentoPDF</title>
<meta name="description" <meta name="description" content="Convert PDF pages to JPG images. Free, secure, and runs entirely in your browser.">
content="Convert PDF pages to JPG images. Free, secure, and runs entirely in your browser.">
<link rel="icon" type="image/png" href="/images/favicon.svg" /> <link rel="icon" type="image/png" href="/images/favicon.svg" />
<link rel="alternate" hreflang="en" href="/en/pdf-to-jpg.html" /> <link rel="alternate" hreflang="en" href="/en/pdf-to-jpg.html" />
<link rel="alternate" hreflang="de" href="/de/pdf-to-jpg.html" /> <link rel="alternate" hreflang="de" href="/de/pdf-to-jpg.html" />
@@ -75,15 +77,13 @@
class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
aria-controls="mobile-menu" aria-expanded="false"> aria-controls="mobile-menu" aria-expanded="false">
<span class="sr-only">Open main menu</span> <span class="sr-only">Open main menu</span>
<svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
d="M4 6h16M4 12h16M4 18h16" />
</svg> </svg>
<svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
d="M6 18L18 6M6 6l12 12" />
</svg> </svg>
</button> </button>
</div> </div>
@@ -109,7 +109,8 @@
<span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span> <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
</button> </button>
<h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:pdfToJpg.name">PDF to JPG Converter Free - Convert PDF to Images</h1> <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:pdfToJpg.name">PDF to JPG Converter Free - Convert
PDF to Images</h1>
<p class="text-gray-400 mb-6" data-i18n="tools:pdfToJpg.subtitle"> <p class="text-gray-400 mb-6" data-i18n="tools:pdfToJpg.subtitle">
Convert each page of a PDF file into a high-quality JPG image. Convert each page of a PDF file into a high-quality JPG image.
</p> </p>
@@ -118,9 +119,8 @@
class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300"> class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
<div class="flex flex-col items-center justify-center pt-5 pb-6"> <div class="flex flex-col items-center justify-center pt-5 pb-6">
<i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i> <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
<p class="mb-2 text-sm text-gray-400"><span class="font-semibold" <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to
data-i18n="upload.clickToSelect">Click to select a file</span> <span select a file</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
<p class="text-xs text-gray-500">A single PDF file</p> <p class="text-xs text-gray-500">A single PDF file</p>
<p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
device.</p> device.</p>
@@ -158,8 +158,8 @@
<div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden"> <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
<div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700"> <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
<h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
data-i18n="alert.title">Alert</h3> Alert</h3>
<p id="alert-message" class="text-gray-300 mb-6"></p> <p id="alert-message" class="text-gray-300 mb-6"></p>
<button id="alert-ok" <button id="alert-ok"
class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200"> class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
@@ -174,7 +174,8 @@
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
<div class="space-y-6"> <div class="space-y-6">
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
1 1
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -183,7 +184,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
2 2
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -192,7 +194,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
3 3
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -201,7 +204,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
4 4
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -216,23 +220,28 @@
<section class="max-w-6xl mx-auto px-4 py-12"> <section class="max-w-6xl mx-auto px-4 py-12">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4"> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
<a href="/pdf-to-png" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/pdf-to-png"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Pdf To Png</h3> <h3 class="text-white font-semibold mb-1">Pdf To Png</h3>
<p class="text-gray-400 text-sm">Free online pdf to png tool</p> <p class="text-gray-400 text-sm">Free online pdf to png tool</p>
</a> </a>
<a href="/compress-pdf" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/compress-pdf"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Compress Pdf</h3> <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
<p class="text-gray-400 text-sm">Free online compress pdf tool</p> <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
</a> </a>
<a href="/split-pdf" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/split-pdf"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Split Pdf</h3> <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
<p class="text-gray-400 text-sm">Free online split pdf tool</p> <p class="text-gray-400 text-sm">Free online split pdf tool</p>
</a> </a>
<a href="/pdf-to-webp" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/pdf-to-webp"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Pdf To Webp</h3> <h3 class="text-white font-semibold mb-1">Pdf To Webp</h3>
<p class="text-gray-400 text-sm">Free online pdf to webp tool</p> <p class="text-gray-400 text-sm">Free online pdf to webp tool</p>
</a> </a>
<a href="/extract-images" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/extract-images"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Extract Images</h3> <h3 class="text-white font-semibold mb-1">Extract Images</h3>
<p class="text-gray-400 text-sm">Free online extract images tool</p> <p class="text-gray-400 text-sm">Free online extract images tool</p>
</a> </a>
@@ -248,21 +257,24 @@
What quality should I choose? What quality should I choose?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Use High or Maximum for print-quality images, Medium for web use, or Low to save disk space. Higher quality produces larger file sizes.</p> <p class="mt-3 text-gray-400">Use High or Maximum for print-quality images, Medium for web use, or Low to save
disk space. Higher quality produces larger file sizes.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Can I convert specific pages only? Can I convert specific pages only?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Yes! You can choose to convert all pages or select specific pages you want as JPG images.</p> <p class="mt-3 text-gray-400">Yes! You can choose to convert all pages or select specific pages you want as JPG
images.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Are the JPG files compressed? Are the JPG files compressed?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Yes, JPG is a compressed format. You control the quality level - higher quality means less compression and larger files.</p> <p class="mt-3 text-gray-400">Yes, JPG is a compressed format. You control the quality level - higher quality
means less compression and larger files.</p>
</details> </details>
</div> </div>
</section> </section>
@@ -275,7 +287,7 @@
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm"> <p class="text-gray-400 text-sm">
&copy; 2025 BentoPDF. All rights reserved. &copy; 2026 BentoPDF. All rights reserved.
</p> </p>
<p class="text-gray-500 text-xs mt-2"> <p class="text-gray-500 text-xs mt-2">
Version <span id="app-version"></span> Version <span id="app-version"></span>
@@ -326,8 +338,7 @@
title="LinkedIn"> title="LinkedIn">
<i data-lucide="linkedin"></i> <i data-lucide="linkedin"></i>
</a> </a>
<a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
title="X (Twitter)">
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path <path
d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" /> d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />

69
src/pages/.backup-related-tools-fix/rotate-pdf.html
View File

@@ -8,7 +8,8 @@
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>Rotate PDF Online Free - Rotate PDF Tool | BentoPDF</title> <title>Rotate PDF Online Free - Rotate PDF Tool | BentoPDF</title>
<meta name="title" content="Rotate PDF Online Free - Rotate PDF Tool | BentoPDF"> <meta name="title" content="Rotate PDF Online Free - Rotate PDF Tool | BentoPDF">
<meta name="description" content="★ Rotate PDF online free - Rotate PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta name="description"
content="★ Rotate PDF online free - Rotate PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta name="keywords" content="rotate pdf, turn pdf, flip pdf pages"> <meta name="keywords" content="rotate pdf, turn pdf, flip pdf pages">
<meta name="author" content="BentoPDF"> <meta name="author" content="BentoPDF">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
@@ -20,7 +21,8 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://www.bentopdf.com/rotate-pdf"> <meta property="og:url" content="https://www.bentopdf.com/rotate-pdf">
<meta property="og:title" content="Rotate PDF Online Free - Rotate PDF Tool | BentoPDF"> <meta property="og:title" content="Rotate PDF Online Free - Rotate PDF Tool | BentoPDF">
<meta property="og:description" content="★ Rotate PDF online free - Rotate PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta property="og:description"
content="★ Rotate PDF online free - Rotate PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta property="og:image" content="https://www.bentopdf.com/images/og-rotate-pdf.png"> <meta property="og:image" content="https://www.bentopdf.com/images/og-rotate-pdf.png">
<meta property="og:image:width" content="1200"> <meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630"> <meta property="og:image:height" content="630">
@@ -30,7 +32,8 @@
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://www.bentopdf.com/rotate-pdf"> <meta name="twitter:url" content="https://www.bentopdf.com/rotate-pdf">
<meta name="twitter:title" content="Rotate PDF Free"> <meta name="twitter:title" content="Rotate PDF Free">
<meta name="twitter:description" content="★ Rotate PDF online free - Rotate PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & "> <meta name="twitter:description"
content="★ Rotate PDF online free - Rotate PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & ">
<meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-rotate-pdf.png"> <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-rotate-pdf.png">
<meta name="twitter:site" content="@BentoPDF"> <meta name="twitter:site" content="@BentoPDF">
@@ -75,15 +78,13 @@
class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
aria-controls="mobile-menu" aria-expanded="false"> aria-controls="mobile-menu" aria-expanded="false">
<span class="sr-only">Open main menu</span> <span class="sr-only">Open main menu</span>
<svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
d="M4 6h16M4 12h16M4 18h16" />
</svg> </svg>
<svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
d="M6 18L18 6M6 6l12 12" />
</svg> </svg>
</button> </button>
</div> </div>
@@ -108,7 +109,8 @@
<span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span> <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
</button> </button>
<h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:rotatePdf.name">Rotate PDF Pages Free - Turn PDFs Online</h1> <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:rotatePdf.name">Rotate PDF Pages Free - Turn PDFs
Online</h1>
<p class="text-gray-400 mb-6" data-i18n="tools:rotatePdf.subtitle"> <p class="text-gray-400 mb-6" data-i18n="tools:rotatePdf.subtitle">
Rotate individual pages or all pages at once. Click on page thumbnails to rotate them. Rotate individual pages or all pages at once. Click on page thumbnails to rotate them.
</p> </p>
@@ -117,9 +119,8 @@
class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300"> class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
<div class="flex flex-col items-center justify-center pt-5 pb-6"> <div class="flex flex-col items-center justify-center pt-5 pb-6">
<i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i> <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
<p class="mb-2 text-sm text-gray-400"><span class="font-semibold" <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to
data-i18n="upload.clickToSelect">Click to select a file</span> <span select a file</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
<p class="text-xs text-gray-500">A single PDF file</p> <p class="text-xs text-gray-500">A single PDF file</p>
<p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
device.</p> device.</p>
@@ -151,8 +152,7 @@
</div> </div>
<!-- Page Thumbnails --> <!-- Page Thumbnails -->
<div id="page-thumbnails" <div id="page-thumbnails" class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-4 mb-4">
class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-4 mb-4">
</div> </div>
<button id="process-btn" class="btn-gradient w-full mt-4">Apply Rotations</button> <button id="process-btn" class="btn-gradient w-full mt-4">Apply Rotations</button>
@@ -172,8 +172,8 @@
<!-- Alert Modal --> <!-- Alert Modal -->
<div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden"> <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
<div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700"> <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
<h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
data-i18n="alert.title">Alert</h3> Alert</h3>
<p id="alert-message" class="text-gray-300 mb-6"></p> <p id="alert-message" class="text-gray-300 mb-6"></p>
<button id="alert-ok" <button id="alert-ok"
class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200"> class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
@@ -188,7 +188,8 @@
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
<div class="space-y-6"> <div class="space-y-6">
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
1 1
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -197,7 +198,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
2 2
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -206,7 +208,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
3 3
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -221,23 +224,28 @@
<section class="max-w-6xl mx-auto px-4 py-12"> <section class="max-w-6xl mx-auto px-4 py-12">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4"> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
<a href="/merge-pdf" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/merge-pdf"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Merge Pdf</h3> <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
<p class="text-gray-400 text-sm">Free online merge pdf tool</p> <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
</a> </a>
<a href="/split-pdf" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/split-pdf"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Split Pdf</h3> <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
<p class="text-gray-400 text-sm">Free online split pdf tool</p> <p class="text-gray-400 text-sm">Free online split pdf tool</p>
</a> </a>
<a href="/organize-pdf" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/organize-pdf"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Organize Pdf</h3> <h3 class="text-white font-semibold mb-1">Organize Pdf</h3>
<p class="text-gray-400 text-sm">Free online organize pdf tool</p> <p class="text-gray-400 text-sm">Free online organize pdf tool</p>
</a> </a>
<a href="/compress-pdf" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/compress-pdf"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Compress Pdf</h3> <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
<p class="text-gray-400 text-sm">Free online compress pdf tool</p> <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
</a> </a>
<a href="/delete-pages" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/delete-pages"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Delete Pages</h3> <h3 class="text-white font-semibold mb-1">Delete Pages</h3>
<p class="text-gray-400 text-sm">Free online delete pages tool</p> <p class="text-gray-400 text-sm">Free online delete pages tool</p>
</a> </a>
@@ -253,14 +261,16 @@
Is rotate pdf really free? Is rotate pdf really free?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p> <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
file processing.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Are my files private and secure? Are my files private and secure?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p> <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
device, ensuring complete privacy.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -279,7 +289,7 @@
<img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" /> <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" />
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm">&copy; 2025 BentoPDF. All rights reserved.</p> <p class="text-gray-400 text-sm">&copy; 2026 BentoPDF. All rights reserved.</p>
<p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p> <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
</div> </div>
<div> <div>
@@ -320,8 +330,7 @@
title="Instagram"><i data-lucide="instagram"></i></a> title="Instagram"><i data-lucide="instagram"></i></a>
<a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400" <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
title="LinkedIn"><i data-lucide="linkedin"></i></a> title="LinkedIn"><i data-lucide="linkedin"></i></a>
<a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
title="X (Twitter)">
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path <path
d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" /> d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />

50
src/pages/.backup-related-tools-fix/split-pdf.html
View File

@@ -8,7 +8,8 @@
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>Split PDF Online Free - Split PDF Tool | BentoPDF</title> <title>Split PDF Online Free - Split PDF Tool | BentoPDF</title>
<meta name="title" content="Split PDF Online Free - Split PDF Tool | BentoPDF"> <meta name="title" content="Split PDF Online Free - Split PDF Tool | BentoPDF">
<meta name="description" content="★ Split PDF online free - Split PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta name="description"
content="★ Split PDF online free - Split PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta name="keywords" content="split pdf, divide pdf, extract pages, separate pdf"> <meta name="keywords" content="split pdf, divide pdf, extract pages, separate pdf">
<meta name="author" content="BentoPDF"> <meta name="author" content="BentoPDF">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
@@ -20,7 +21,8 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://www.bentopdf.com/split-pdf"> <meta property="og:url" content="https://www.bentopdf.com/split-pdf">
<meta property="og:title" content="Split PDF Online Free - Split PDF Tool | BentoPDF"> <meta property="og:title" content="Split PDF Online Free - Split PDF Tool | BentoPDF">
<meta property="og:description" content="★ Split PDF online free - Split PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta property="og:description"
content="★ Split PDF online free - Split PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta property="og:image" content="https://www.bentopdf.com/images/og-split-pdf.png"> <meta property="og:image" content="https://www.bentopdf.com/images/og-split-pdf.png">
<meta property="og:image:width" content="1200"> <meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630"> <meta property="og:image:height" content="630">
@@ -30,7 +32,8 @@
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://www.bentopdf.com/split-pdf"> <meta name="twitter:url" content="https://www.bentopdf.com/split-pdf">
<meta name="twitter:title" content="Split PDF Free"> <meta name="twitter:title" content="Split PDF Free">
<meta name="twitter:description" content="★ Split PDF online free - Split PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & se"> <meta name="twitter:description"
content="★ Split PDF online free - Split PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & se">
<meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-split-pdf.png"> <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-split-pdf.png">
<meta name="twitter:site" content="@BentoPDF"> <meta name="twitter:site" content="@BentoPDF">
@@ -114,7 +117,8 @@
<span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span> <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
</button> </button>
<h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:splitPdf.name">Split PDF Online Free - Extract Pages Easily</h1> <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:splitPdf.name">Split PDF Online Free -
Extract Pages Easily</h1>
<p class="text-gray-400 mb-6" data-i18n="tools:splitPdf.subtitle"> <p class="text-gray-400 mb-6" data-i18n="tools:splitPdf.subtitle">
Extract pages from a PDF using various methods. Extract pages from a PDF using various methods.
</p> </p>
@@ -287,7 +291,8 @@
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
<div class="space-y-6"> <div class="space-y-6">
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
1 1
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -296,7 +301,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
2 2
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -305,7 +311,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
3 3
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -314,7 +321,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
4 4
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -329,23 +337,28 @@
<section class="max-w-6xl mx-auto px-4 py-12"> <section class="max-w-6xl mx-auto px-4 py-12">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4"> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
<a href="/merge-pdf" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/merge-pdf"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Merge Pdf</h3> <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
<p class="text-gray-400 text-sm">Free online merge pdf tool</p> <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
</a> </a>
<a href="/extract-pages" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/extract-pages"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Extract Pages</h3> <h3 class="text-white font-semibold mb-1">Extract Pages</h3>
<p class="text-gray-400 text-sm">Free online extract pages tool</p> <p class="text-gray-400 text-sm">Free online extract pages tool</p>
</a> </a>
<a href="/organize-pdf" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/organize-pdf"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Organize Pdf</h3> <h3 class="text-white font-semibold mb-1">Organize Pdf</h3>
<p class="text-gray-400 text-sm">Free online organize pdf tool</p> <p class="text-gray-400 text-sm">Free online organize pdf tool</p>
</a> </a>
<a href="/compress-pdf" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/compress-pdf"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Compress Pdf</h3> <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
<p class="text-gray-400 text-sm">Free online compress pdf tool</p> <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
</a> </a>
<a href="/delete-pages" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/delete-pages"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Delete Pages</h3> <h3 class="text-white font-semibold mb-1">Delete Pages</h3>
<p class="text-gray-400 text-sm">Free online delete pages tool</p> <p class="text-gray-400 text-sm">Free online delete pages tool</p>
</a> </a>
@@ -361,21 +374,24 @@
Can I extract specific page ranges? Can I extract specific page ranges?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Yes! You can extract any specific pages or page ranges from your PDF. Select exactly which pages you need or split into individual files.</p> <p class="mt-3 text-gray-400">Yes! You can extract any specific pages or page ranges from your PDF.
Select exactly which pages you need or split into individual files.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Will split PDFs lose quality? Will split PDFs lose quality?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">No! Split PDFs maintain the exact same quality as the original document. No compression or quality loss occurs.</p> <p class="mt-3 text-gray-400">No! Split PDFs maintain the exact same quality as the original document.
No compression or quality loss occurs.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Can I split multiple PDFs at once? Can I split multiple PDFs at once?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Yes, process multiple PDFs in batches for efficient document management.</p> <p class="mt-3 text-gray-400">Yes, process multiple PDFs in batches for efficient document management.
</p>
</details> </details>
</div> </div>
</section> </section>
@@ -388,7 +404,7 @@
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm"> <p class="text-gray-400 text-sm">
&copy; 2025 BentoPDF. All rights reserved. &copy; 2026 BentoPDF. All rights reserved.
</p> </p>
<p class="text-gray-500 text-xs mt-2"> <p class="text-gray-500 text-xs mt-2">
Version <span id="app-version"></span> Version <span id="app-version"></span>

65
src/pages/.backup-related-tools-fix/word-to-pdf.html
View File

@@ -8,7 +8,8 @@
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>Word to PDF Converter Free Online - Convert Files | BentoPDF</title> <title>Word to PDF Converter Free Online - Convert Files | BentoPDF</title>
<meta name="title" content="Word to PDF Converter Free Online - Convert Files | BentoPDF"> <meta name="title" content="Word to PDF Converter Free Online - Convert Files | BentoPDF">
<meta name="description" content="★ Word to PDF online free - Convert Word to PDF PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta name="description"
content="★ Word to PDF online free - Convert Word to PDF PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta name="keywords" content="word to pdf, docx to pdf, convert word, doc to pdf"> <meta name="keywords" content="word to pdf, docx to pdf, convert word, doc to pdf">
<meta name="author" content="BentoPDF"> <meta name="author" content="BentoPDF">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
@@ -20,7 +21,8 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://www.bentopdf.com/word-to-pdf"> <meta property="og:url" content="https://www.bentopdf.com/word-to-pdf">
<meta property="og:title" content="Word to PDF Converter Free Online - Convert Files | BentoPDF"> <meta property="og:title" content="Word to PDF Converter Free Online - Convert Files | BentoPDF">
<meta property="og:description" content="★ Word to PDF online free - Convert Word to PDF PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta property="og:description"
content="★ Word to PDF online free - Convert Word to PDF PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta property="og:image" content="https://www.bentopdf.com/images/og-word-to-pdf.png"> <meta property="og:image" content="https://www.bentopdf.com/images/og-word-to-pdf.png">
<meta property="og:image:width" content="1200"> <meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630"> <meta property="og:image:height" content="630">
@@ -30,7 +32,8 @@
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://www.bentopdf.com/word-to-pdf"> <meta name="twitter:url" content="https://www.bentopdf.com/word-to-pdf">
<meta name="twitter:title" content="Word to PDF Free"> <meta name="twitter:title" content="Word to PDF Free">
<meta name="twitter:description" content="★ Word to PDF online free - Convert Word to PDF PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in bro"> <meta name="twitter:description"
content="★ Word to PDF online free - Convert Word to PDF PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in bro">
<meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-word-to-pdf.png"> <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-word-to-pdf.png">
<meta name="twitter:site" content="@BentoPDF"> <meta name="twitter:site" content="@BentoPDF">
@@ -75,15 +78,13 @@
class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
aria-controls="mobile-menu" aria-expanded="false"> aria-controls="mobile-menu" aria-expanded="false">
<span class="sr-only">Open main menu</span> <span class="sr-only">Open main menu</span>
<svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
d="M4 6h16M4 12h16M4 18h16" />
</svg> </svg>
<svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
d="M6 18L18 6M6 6l12 12" />
</svg> </svg>
</button> </button>
</div> </div>
@@ -109,7 +110,8 @@
<span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span> <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
</button> </button>
<h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:wordToPdf.name">Word to PDF Converter Free Online - Convert DOCX Fast</h1> <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:wordToPdf.name">Word to PDF Converter Free Online
- Convert DOCX Fast</h1>
<p class="text-gray-400 mb-6" data-i18n="tools:wordToPdf.subtitle"> <p class="text-gray-400 mb-6" data-i18n="tools:wordToPdf.subtitle">
Convert Word documents (DOCX, DOC, ODT, RTF) to PDF format. Supports multiple files. Convert Word documents (DOCX, DOC, ODT, RTF) to PDF format. Supports multiple files.
</p> </p>
@@ -118,9 +120,8 @@
class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300"> class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
<div class="flex flex-col items-center justify-center pt-5 pb-6"> <div class="flex flex-col items-center justify-center pt-5 pb-6">
<i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i> <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
<p class="mb-2 text-sm text-gray-400"><span class="font-semibold" <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to
data-i18n="upload.clickToSelect">Click to select files</span> <span select files</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
<p class="text-xs text-gray-500" data-i18n="tools:wordToPdf.acceptedFormats">DOCX, DOC, ODT, RTF <p class="text-xs text-gray-500" data-i18n="tools:wordToPdf.acceptedFormats">DOCX, DOC, ODT, RTF
files</p> files</p>
<p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
@@ -186,7 +187,8 @@
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
<div class="space-y-6"> <div class="space-y-6">
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
1 1
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -195,7 +197,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
2 2
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -204,7 +207,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
3 3
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -213,7 +217,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
4 4
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -228,23 +233,28 @@
<section class="max-w-6xl mx-auto px-4 py-12"> <section class="max-w-6xl mx-auto px-4 py-12">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4"> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
<a href="/pdf-to-docx" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/pdf-to-docx"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Pdf To Docx</h3> <h3 class="text-white font-semibold mb-1">Pdf To Docx</h3>
<p class="text-gray-400 text-sm">Free online pdf to docx tool</p> <p class="text-gray-400 text-sm">Free online pdf to docx tool</p>
</a> </a>
<a href="/excel-to-pdf" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/excel-to-pdf"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Excel To Pdf</h3> <h3 class="text-white font-semibold mb-1">Excel To Pdf</h3>
<p class="text-gray-400 text-sm">Free online excel to pdf tool</p> <p class="text-gray-400 text-sm">Free online excel to pdf tool</p>
</a> </a>
<a href="/powerpoint-to-pdf" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/powerpoint-to-pdf"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Powerpoint To Pdf</h3> <h3 class="text-white font-semibold mb-1">Powerpoint To Pdf</h3>
<p class="text-gray-400 text-sm">Free online powerpoint to pdf tool</p> <p class="text-gray-400 text-sm">Free online powerpoint to pdf tool</p>
</a> </a>
<a href="/txt-to-pdf" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/txt-to-pdf"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Txt To Pdf</h3> <h3 class="text-white font-semibold mb-1">Txt To Pdf</h3>
<p class="text-gray-400 text-sm">Free online txt to pdf tool</p> <p class="text-gray-400 text-sm">Free online txt to pdf tool</p>
</a> </a>
<a href="/merge-pdf" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/merge-pdf"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Merge Pdf</h3> <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
<p class="text-gray-400 text-sm">Free online merge pdf tool</p> <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
</a> </a>
@@ -267,14 +277,16 @@
Will formatting be preserved? Will formatting be preserved?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Yes! Fonts, images, tables, headers, footers, and all formatting are preserved exactly as they appear in Word.</p> <p class="mt-3 text-gray-400">Yes! Fonts, images, tables, headers, footers, and all formatting are preserved
exactly as they appear in Word.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Can I convert password-protected Word files? Can I convert password-protected Word files?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">You'll need to unlock password-protected files first before converting them to PDF.</p> <p class="mt-3 text-gray-400">You'll need to unlock password-protected files first before converting them to
PDF.</p>
</details> </details>
</div> </div>
</section> </section>
@@ -287,7 +299,7 @@
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm"> <p class="text-gray-400 text-sm">
&copy; 2025 BentoPDF. All rights reserved. &copy; 2026 BentoPDF. All rights reserved.
</p> </p>
<p class="text-gray-500 text-xs mt-2"> <p class="text-gray-500 text-xs mt-2">
Version <span id="app-version"></span> Version <span id="app-version"></span>
@@ -350,8 +362,7 @@
title="LinkedIn"> title="LinkedIn">
<i data-lucide="linkedin"></i> <i data-lucide="linkedin"></i>
</a> </a>
<a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
title="X (Twitter)">
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path <path
d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" /> d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />

64
src/pages/add-attachments.html
View File

@@ -8,7 +8,8 @@
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>Add Attachments Online Free - Add Attachments Tool | BentoPDF</title> <title>Add Attachments Online Free - Add Attachments Tool | BentoPDF</title>
<meta name="title" content="Add Attachments Online Free - Add Attachments Tool | BentoPDF"> <meta name="title" content="Add Attachments Online Free - Add Attachments Tool | BentoPDF">
<meta name="description" content="★ Add Attachments online free - Add attachments PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta name="description"
content="★ Add Attachments online free - Add attachments PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta name="keywords" content="add attachments, add attachments, online pdf"> <meta name="keywords" content="add attachments, add attachments, online pdf">
<meta name="author" content="BentoPDF"> <meta name="author" content="BentoPDF">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
@@ -20,7 +21,8 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://www.bentopdf.com/add-attachments"> <meta property="og:url" content="https://www.bentopdf.com/add-attachments">
<meta property="og:title" content="Add Attachments Online Free - Add Attachments Tool | BentoPDF"> <meta property="og:title" content="Add Attachments Online Free - Add Attachments Tool | BentoPDF">
<meta property="og:description" content="★ Add Attachments online free - Add attachments PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta property="og:description"
content="★ Add Attachments online free - Add attachments PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta property="og:image" content="https://www.bentopdf.com/images/og-add-attachments.png"> <meta property="og:image" content="https://www.bentopdf.com/images/og-add-attachments.png">
<meta property="og:image:width" content="1200"> <meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630"> <meta property="og:image:height" content="630">
@@ -30,7 +32,8 @@
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://www.bentopdf.com/add-attachments"> <meta name="twitter:url" content="https://www.bentopdf.com/add-attachments">
<meta name="twitter:title" content="Add Attachments Free"> <meta name="twitter:title" content="Add Attachments Free">
<meta name="twitter:description" content="★ Add Attachments online free - Add attachments PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in bro"> <meta name="twitter:description"
content="★ Add Attachments online free - Add attachments PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in bro">
<meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-add-attachments.png"> <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-add-attachments.png">
<meta name="twitter:site" content="@BentoPDF"> <meta name="twitter:site" content="@BentoPDF">
@@ -85,15 +88,13 @@
class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
aria-controls="mobile-menu" aria-expanded="false"> aria-controls="mobile-menu" aria-expanded="false">
<span class="sr-only">Open main menu</span> <span class="sr-only">Open main menu</span>
<svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
d="M4 6h16M4 12h16M4 18h16" />
</svg> </svg>
<svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
d="M6 18L18 6M6 6l12 12" />
</svg> </svg>
</button> </button>
</div> </div>
@@ -118,7 +119,8 @@
<span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span> <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
</button> </button>
<h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:addAttachments.name">Add Attachments Free Online - Fast & Secure</h1> <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:addAttachments.name">Add Attachments Free Online -
Fast & Secure</h1>
<p class="text-gray-400 mb-6" data-i18n="tools:addAttachments.subtitle"> <p class="text-gray-400 mb-6" data-i18n="tools:addAttachments.subtitle">
Upload a PDF, then add files to embed as attachments. Upload a PDF, then add files to embed as attachments.
</p> </p>
@@ -161,8 +163,7 @@
<h3 class="text-md font-medium text-white mb-2">Attachment Level</h3> <h3 class="text-md font-medium text-white mb-2">Attachment Level</h3>
<div class="flex gap-4 mb-3"> <div class="flex gap-4 mb-3">
<label class="flex items-center gap-2 text-gray-300"> <label class="flex items-center gap-2 text-gray-300">
<input type="radio" name="attachment-level" value="document" checked <input type="radio" name="attachment-level" value="document" checked class="accent-indigo-500">
class="accent-indigo-500">
<span>Document Level</span> <span>Document Level</span>
</label> </label>
<label class="flex items-center gap-2 text-gray-300"> <label class="flex items-center gap-2 text-gray-300">
@@ -197,8 +198,8 @@
<!-- Alert Modal --> <!-- Alert Modal -->
<div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden"> <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
<div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700"> <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
<h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
data-i18n="alert.title">Alert</h3> Alert</h3>
<p id="alert-message" class="text-gray-300 mb-6"></p> <p id="alert-message" class="text-gray-300 mb-6"></p>
<button id="alert-ok" <button id="alert-ok"
class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200"> class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
@@ -213,7 +214,8 @@
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
<div class="space-y-6"> <div class="space-y-6">
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
1 1
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -222,7 +224,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
2 2
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -231,7 +234,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
3 3
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -246,23 +250,28 @@
<section class="max-w-6xl mx-auto px-4 py-12"> <section class="max-w-6xl mx-auto px-4 py-12">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4"> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
<a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/merge-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Merge Pdf</h3> <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
<p class="text-gray-400 text-sm">Free online merge pdf tool</p> <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
</a> </a>
<a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/compress-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Compress Pdf</h3> <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
<p class="text-gray-400 text-sm">Free online compress pdf tool</p> <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
</a> </a>
<a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/split-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Split Pdf</h3> <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
<p class="text-gray-400 text-sm">Free online split pdf tool</p> <p class="text-gray-400 text-sm">Free online split pdf tool</p>
</a> </a>
<a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/edit-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Edit Pdf</h3> <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
<p class="text-gray-400 text-sm">Free online edit pdf tool</p> <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
</a> </a>
<a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/rotate-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Rotate Pdf</h3> <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
<p class="text-gray-400 text-sm">Free online rotate pdf tool</p> <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
</a> </a>
@@ -278,14 +287,16 @@
Is add attachments really free? Is add attachments really free?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p> <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
file processing.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Are my files private and secure? Are my files private and secure?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p> <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
device, ensuring complete privacy.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -304,7 +315,7 @@
<img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" /> <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" />
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm">&copy; 2025 BentoPDF. All rights reserved.</p> <p class="text-gray-400 text-sm">&copy; 2026 BentoPDF. All rights reserved.</p>
<p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p> <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
</div> </div>
<div> <div>
@@ -345,8 +356,7 @@
title="Instagram"><i data-lucide="instagram"></i></a> title="Instagram"><i data-lucide="instagram"></i></a>
<a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400" <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
title="LinkedIn"><i data-lucide="linkedin"></i></a> title="LinkedIn"><i data-lucide="linkedin"></i></a>
<a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
title="X (Twitter)">
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path <path
d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" /> d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />

66
src/pages/add-blank-page.html
View File

@@ -8,7 +8,8 @@
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>Add Blank Page Online Free - Add Blank Page Tool | BentoPDF</title> <title>Add Blank Page Online Free - Add Blank Page Tool | BentoPDF</title>
<meta name="title" content="Add Blank Page Online Free - Add Blank Page Tool | BentoPDF"> <meta name="title" content="Add Blank Page Online Free - Add Blank Page Tool | BentoPDF">
<meta name="description" content="★ Add Blank Page online free - Add blank page PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta name="description"
content="★ Add Blank Page online free - Add blank page PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta name="keywords" content="add blank page, add blank page, online pdf"> <meta name="keywords" content="add blank page, add blank page, online pdf">
<meta name="author" content="BentoPDF"> <meta name="author" content="BentoPDF">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
@@ -20,7 +21,8 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://www.bentopdf.com/add-blank-page"> <meta property="og:url" content="https://www.bentopdf.com/add-blank-page">
<meta property="og:title" content="Add Blank Page Online Free - Add Blank Page Tool | BentoPDF"> <meta property="og:title" content="Add Blank Page Online Free - Add Blank Page Tool | BentoPDF">
<meta property="og:description" content="★ Add Blank Page online free - Add blank page PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta property="og:description"
content="★ Add Blank Page online free - Add blank page PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta property="og:image" content="https://www.bentopdf.com/images/og-add-blank-page.png"> <meta property="og:image" content="https://www.bentopdf.com/images/og-add-blank-page.png">
<meta property="og:image:width" content="1200"> <meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630"> <meta property="og:image:height" content="630">
@@ -30,7 +32,8 @@
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://www.bentopdf.com/add-blank-page"> <meta name="twitter:url" content="https://www.bentopdf.com/add-blank-page">
<meta name="twitter:title" content="Add Blank Page Free"> <meta name="twitter:title" content="Add Blank Page Free">
<meta name="twitter:description" content="★ Add Blank Page online free - Add blank page PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in brows"> <meta name="twitter:description"
content="★ Add Blank Page online free - Add blank page PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in brows">
<meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-add-blank-page.png"> <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-add-blank-page.png">
<meta name="twitter:site" content="@BentoPDF"> <meta name="twitter:site" content="@BentoPDF">
@@ -87,15 +90,13 @@
class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
aria-controls="mobile-menu" aria-expanded="false"> aria-controls="mobile-menu" aria-expanded="false">
<span class="sr-only">Open main menu</span> <span class="sr-only">Open main menu</span>
<svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
d="M4 6h16M4 12h16M4 18h16" />
</svg> </svg>
<svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
d="M6 18L18 6M6 6l12 12" />
</svg> </svg>
</button> </button>
</div> </div>
@@ -121,7 +122,8 @@
<span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span> <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
</button> </button>
<h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:addBlankPage.name">Add Blank Page Free Online - Fast & Secure</h1> <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:addBlankPage.name">Add Blank Page Free Online -
Fast & Secure</h1>
<p class="text-gray-400 mb-6" data-i18n="tools:addBlankPage.subtitle"> <p class="text-gray-400 mb-6" data-i18n="tools:addBlankPage.subtitle">
Insert one or more blank pages at any position in your PDF document. Insert one or more blank pages at any position in your PDF document.
</p> </p>
@@ -130,9 +132,8 @@
class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300"> class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
<div class="flex flex-col items-center justify-center pt-5 pb-6"> <div class="flex flex-col items-center justify-center pt-5 pb-6">
<i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i> <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
<p class="mb-2 text-sm text-gray-400"><span class="font-semibold" <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to
data-i18n="upload.clickToSelect">Click to select a file</span> <span select a file</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
<p class="text-xs text-gray-500">A single PDF file</p> <p class="text-xs text-gray-500">A single PDF file</p>
<p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
device.</p> device.</p>
@@ -190,8 +191,8 @@
<!-- Alert Modal --> <!-- Alert Modal -->
<div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden"> <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
<div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700"> <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
<h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
data-i18n="alert.title">Alert</h3> Alert</h3>
<p id="alert-message" class="text-gray-300 mb-6"></p> <p id="alert-message" class="text-gray-300 mb-6"></p>
<button id="alert-ok" <button id="alert-ok"
class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200"> class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
@@ -206,7 +207,8 @@
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
<div class="space-y-6"> <div class="space-y-6">
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
1 1
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -215,7 +217,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
2 2
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -224,7 +227,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
3 3
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -239,23 +243,28 @@
<section class="max-w-6xl mx-auto px-4 py-12"> <section class="max-w-6xl mx-auto px-4 py-12">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4"> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
<a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/merge-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Merge Pdf</h3> <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
<p class="text-gray-400 text-sm">Free online merge pdf tool</p> <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
</a> </a>
<a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/compress-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Compress Pdf</h3> <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
<p class="text-gray-400 text-sm">Free online compress pdf tool</p> <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
</a> </a>
<a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/split-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Split Pdf</h3> <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
<p class="text-gray-400 text-sm">Free online split pdf tool</p> <p class="text-gray-400 text-sm">Free online split pdf tool</p>
</a> </a>
<a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/edit-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Edit Pdf</h3> <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
<p class="text-gray-400 text-sm">Free online edit pdf tool</p> <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
</a> </a>
<a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/rotate-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Rotate Pdf</h3> <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
<p class="text-gray-400 text-sm">Free online rotate pdf tool</p> <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
</a> </a>
@@ -271,14 +280,16 @@
Is add blank page really free? Is add blank page really free?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p> <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
file processing.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Are my files private and secure? Are my files private and secure?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p> <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
device, ensuring complete privacy.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -297,7 +308,7 @@
<img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" /> <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" />
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm">&copy; 2025 BentoPDF. All rights reserved.</p> <p class="text-gray-400 text-sm">&copy; 2026 BentoPDF. All rights reserved.</p>
<p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p> <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
</div> </div>
<div> <div>
@@ -342,8 +353,7 @@
title="LinkedIn"> title="LinkedIn">
<i data-lucide="linkedin"></i> <i data-lucide="linkedin"></i>
</a> </a>
<a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
title="X (Twitter)">
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path <path
d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" /> d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />

44
src/pages/add-stamps.html
View File

@@ -8,7 +8,8 @@
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>Add Stamps Online Free - Add Stamps Tool | BentoPDF</title> <title>Add Stamps Online Free - Add Stamps Tool | BentoPDF</title>
<meta name="title" content="Add Stamps Online Free - Add Stamps Tool | BentoPDF"> <meta name="title" content="Add Stamps Online Free - Add Stamps Tool | BentoPDF">
<meta name="description" content="★ Add Stamps online free - Add stamps PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta name="description"
content="★ Add Stamps online free - Add stamps PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta name="keywords" content="add stamps, add stamps, online pdf"> <meta name="keywords" content="add stamps, add stamps, online pdf">
<meta name="author" content="BentoPDF"> <meta name="author" content="BentoPDF">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
@@ -20,7 +21,8 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://www.bentopdf.com/add-stamps"> <meta property="og:url" content="https://www.bentopdf.com/add-stamps">
<meta property="og:title" content="Add Stamps Online Free - Add Stamps Tool | BentoPDF"> <meta property="og:title" content="Add Stamps Online Free - Add Stamps Tool | BentoPDF">
<meta property="og:description" content="★ Add Stamps online free - Add stamps PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta property="og:description"
content="★ Add Stamps online free - Add stamps PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta property="og:image" content="https://www.bentopdf.com/images/og-add-stamps.png"> <meta property="og:image" content="https://www.bentopdf.com/images/og-add-stamps.png">
<meta property="og:image:width" content="1200"> <meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630"> <meta property="og:image:height" content="630">
@@ -30,7 +32,8 @@
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://www.bentopdf.com/add-stamps"> <meta name="twitter:url" content="https://www.bentopdf.com/add-stamps">
<meta name="twitter:title" content="Add Stamps Free"> <meta name="twitter:title" content="Add Stamps Free">
<meta name="twitter:description" content="★ Add Stamps online free - Add stamps PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas"> <meta name="twitter:description"
content="★ Add Stamps online free - Add stamps PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas">
<meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-add-stamps.png"> <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-add-stamps.png">
<meta name="twitter:site" content="@BentoPDF"> <meta name="twitter:site" content="@BentoPDF">
@@ -120,7 +123,8 @@
<span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span> <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
</button> </button>
<h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:addStamps.name">Add Stamps Free Online - Fast & Secure</h1> <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:addStamps.name">Add Stamps Free Online - Fast &
Secure</h1>
<p class="text-gray-400 mb-6" data-i18n="tools:addStamps.subtitle"> <p class="text-gray-400 mb-6" data-i18n="tools:addStamps.subtitle">
Upload a PDF, add image stamps using the toolbar, and then save the stamped PDF. Upload a PDF, add image stamps using the toolbar, and then save the stamped PDF.
</p> </p>
@@ -175,7 +179,8 @@
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
<div class="space-y-6"> <div class="space-y-6">
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
1 1
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -184,7 +189,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
2 2
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -193,7 +199,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
3 3
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -208,23 +215,28 @@
<section class="max-w-6xl mx-auto px-4 py-12"> <section class="max-w-6xl mx-auto px-4 py-12">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4"> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
<a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/merge-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Merge Pdf</h3> <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
<p class="text-gray-400 text-sm">Free online merge pdf tool</p> <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
</a> </a>
<a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/compress-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Compress Pdf</h3> <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
<p class="text-gray-400 text-sm">Free online compress pdf tool</p> <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
</a> </a>
<a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/split-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Split Pdf</h3> <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
<p class="text-gray-400 text-sm">Free online split pdf tool</p> <p class="text-gray-400 text-sm">Free online split pdf tool</p>
</a> </a>
<a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/edit-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Edit Pdf</h3> <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
<p class="text-gray-400 text-sm">Free online edit pdf tool</p> <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
</a> </a>
<a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/rotate-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Rotate Pdf</h3> <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
<p class="text-gray-400 text-sm">Free online rotate pdf tool</p> <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
</a> </a>
@@ -240,14 +252,16 @@
Is add stamps really free? Is add stamps really free?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p> <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
file processing.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Are my files private and secure? Are my files private and secure?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p> <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
device, ensuring complete privacy.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -267,7 +281,7 @@
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm"> <p class="text-gray-400 text-sm">
&copy; 2025 BentoPDF. All rights reserved. &copy; 2026 BentoPDF. All rights reserved.
</p> </p>
<p class="text-gray-500 text-xs mt-2"> <p class="text-gray-500 text-xs mt-2">
Version <span id="app-version"></span> Version <span id="app-version"></span>

73
src/pages/add-watermark.html
View File

@@ -8,7 +8,8 @@
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>Add Watermark Online Free - Add Watermark Tool | BentoPDF</title> <title>Add Watermark Online Free - Add Watermark Tool | BentoPDF</title>
<meta name="title" content="Add Watermark Online Free - Add Watermark Tool | BentoPDF"> <meta name="title" content="Add Watermark Online Free - Add Watermark Tool | BentoPDF">
<meta name="description" content="★ Add Watermark online free - Add watermark PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta name="description"
content="★ Add Watermark online free - Add watermark PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta name="keywords" content="add watermark, add watermark, online pdf"> <meta name="keywords" content="add watermark, add watermark, online pdf">
<meta name="author" content="BentoPDF"> <meta name="author" content="BentoPDF">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
@@ -20,7 +21,8 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://www.bentopdf.com/add-watermark"> <meta property="og:url" content="https://www.bentopdf.com/add-watermark">
<meta property="og:title" content="Add Watermark Online Free - Add Watermark Tool | BentoPDF"> <meta property="og:title" content="Add Watermark Online Free - Add Watermark Tool | BentoPDF">
<meta property="og:description" content="★ Add Watermark online free - Add watermark PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta property="og:description"
content="★ Add Watermark online free - Add watermark PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta property="og:image" content="https://www.bentopdf.com/images/og-add-watermark.png"> <meta property="og:image" content="https://www.bentopdf.com/images/og-add-watermark.png">
<meta property="og:image:width" content="1200"> <meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630"> <meta property="og:image:height" content="630">
@@ -30,7 +32,8 @@
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://www.bentopdf.com/add-watermark"> <meta name="twitter:url" content="https://www.bentopdf.com/add-watermark">
<meta name="twitter:title" content="Add Watermark Free"> <meta name="twitter:title" content="Add Watermark Free">
<meta name="twitter:description" content="★ Add Watermark online free - Add watermark PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser"> <meta name="twitter:description"
content="★ Add Watermark online free - Add watermark PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser">
<meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-add-watermark.png"> <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-add-watermark.png">
<meta name="twitter:site" content="@BentoPDF"> <meta name="twitter:site" content="@BentoPDF">
@@ -85,15 +88,13 @@
class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
aria-controls="mobile-menu" aria-expanded="false"> aria-controls="mobile-menu" aria-expanded="false">
<span class="sr-only">Open main menu</span> <span class="sr-only">Open main menu</span>
<svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
d="M4 6h16M4 12h16M4 18h16" />
</svg> </svg>
<svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
d="M6 18L18 6M6 6l12 12" />
</svg> </svg>
</button> </button>
</div> </div>
@@ -119,7 +120,8 @@
<span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span> <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
</button> </button>
<h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:addWatermark.name">Add Watermark to PDF Free - Protect PDFs</h1> <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:addWatermark.name">Add Watermark to PDF Free -
Protect PDFs</h1>
<p class="text-gray-400 mb-6" data-i18n="tools:addWatermark.subtitle"> <p class="text-gray-400 mb-6" data-i18n="tools:addWatermark.subtitle">
Add text or image watermarks to your PDF documents with customizable opacity and rotation. Add text or image watermarks to your PDF documents with customizable opacity and rotation.
</p> </p>
@@ -128,9 +130,8 @@
class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300"> class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
<div class="flex flex-col items-center justify-center pt-5 pb-6"> <div class="flex flex-col items-center justify-center pt-5 pb-6">
<i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i> <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
<p class="mb-2 text-sm text-gray-400"><span class="font-semibold" <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to
data-i18n="upload.clickToSelect">Click to select a file</span> <span select a file</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
<p class="text-xs text-gray-500">PDF file</p> <p class="text-xs text-gray-500">PDF file</p>
<p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
device.</p> device.</p>
@@ -171,8 +172,7 @@
class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5"> class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5">
</div> </div>
<div> <div>
<label for="text-color" <label for="text-color" class="block mb-2 text-sm font-medium text-gray-300">Color</label>
class="block mb-2 text-sm font-medium text-gray-300">Color</label>
<input type="color" id="text-color" value="#888888" <input type="color" id="text-color" value="#888888"
class="w-full h-10 bg-gray-700 border border-gray-600 rounded-lg cursor-pointer"> class="w-full h-10 bg-gray-700 border border-gray-600 rounded-lg cursor-pointer">
</div> </div>
@@ -197,8 +197,8 @@
<div id="image-watermark-options" class="hidden"> <div id="image-watermark-options" class="hidden">
<div class="space-y-4"> <div class="space-y-4">
<div> <div>
<label for="image-watermark-input" <label for="image-watermark-input" class="block mb-2 text-sm font-medium text-gray-300">Watermark Image
class="block mb-2 text-sm font-medium text-gray-300">Watermark Image (PNG/JPG)</label> (PNG/JPG)</label>
<input type="file" id="image-watermark-input" accept="image/png, image/jpeg" <input type="file" id="image-watermark-input" accept="image/png, image/jpeg"
class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5 file:mr-4 file:py-2 file:px-4 file:rounded-lg file:border-0 file:text-sm file:font-semibold file:bg-indigo-600 file:text-white hover:file:bg-indigo-700"> class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5 file:mr-4 file:py-2 file:px-4 file:rounded-lg file:border-0 file:text-sm file:font-semibold file:bg-indigo-600 file:text-white hover:file:bg-indigo-700">
</div> </div>
@@ -235,8 +235,8 @@
<div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden"> <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
<div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700"> <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
<h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
data-i18n="alert.title">Alert</h3> Alert</h3>
<p id="alert-message" class="text-gray-300 mb-6"></p> <p id="alert-message" class="text-gray-300 mb-6"></p>
<button id="alert-ok" <button id="alert-ok"
class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200"> class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
@@ -251,7 +251,8 @@
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
<div class="space-y-6"> <div class="space-y-6">
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
1 1
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -260,7 +261,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
2 2
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -269,7 +271,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
3 3
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -284,23 +287,28 @@
<section class="max-w-6xl mx-auto px-4 py-12"> <section class="max-w-6xl mx-auto px-4 py-12">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4"> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
<a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/merge-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Merge Pdf</h3> <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
<p class="text-gray-400 text-sm">Free online merge pdf tool</p> <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
</a> </a>
<a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/compress-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Compress Pdf</h3> <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
<p class="text-gray-400 text-sm">Free online compress pdf tool</p> <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
</a> </a>
<a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/split-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Split Pdf</h3> <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
<p class="text-gray-400 text-sm">Free online split pdf tool</p> <p class="text-gray-400 text-sm">Free online split pdf tool</p>
</a> </a>
<a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/edit-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Edit Pdf</h3> <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
<p class="text-gray-400 text-sm">Free online edit pdf tool</p> <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
</a> </a>
<a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/rotate-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Rotate Pdf</h3> <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
<p class="text-gray-400 text-sm">Free online rotate pdf tool</p> <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
</a> </a>
@@ -316,14 +324,16 @@
Is add watermark really free? Is add watermark really free?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p> <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
file processing.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Are my files private and secure? Are my files private and secure?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p> <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
device, ensuring complete privacy.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -342,7 +352,7 @@
<img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" /> <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" />
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm">&copy; 2025 BentoPDF. All rights reserved.</p> <p class="text-gray-400 text-sm">&copy; 2026 BentoPDF. All rights reserved.</p>
<p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p> <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
</div> </div>
<div> <div>
@@ -387,8 +397,7 @@
title="LinkedIn"> title="LinkedIn">
<i data-lucide="linkedin"></i> <i data-lucide="linkedin"></i>
</a> </a>
<a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
title="X (Twitter)">
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path <path
d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" /> d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />

61
src/pages/alternate-merge.html
View File

@@ -8,7 +8,8 @@
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>Alternate Merge Online Free - Alternate Merge Tool | BentoPDF</title> <title>Alternate Merge Online Free - Alternate Merge Tool | BentoPDF</title>
<meta name="title" content="Alternate Merge Online Free - Alternate Merge Tool | BentoPDF"> <meta name="title" content="Alternate Merge Online Free - Alternate Merge Tool | BentoPDF">
<meta name="description" content="★ Alternate Merge online free - Alternate merge PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta name="description"
content="★ Alternate Merge online free - Alternate merge PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta name="keywords" content="alternate merge, alternate merge, online pdf"> <meta name="keywords" content="alternate merge, alternate merge, online pdf">
<meta name="author" content="BentoPDF"> <meta name="author" content="BentoPDF">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
@@ -20,7 +21,8 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://www.bentopdf.com/alternate-merge"> <meta property="og:url" content="https://www.bentopdf.com/alternate-merge">
<meta property="og:title" content="Alternate Merge Online Free - Alternate Merge Tool | BentoPDF"> <meta property="og:title" content="Alternate Merge Online Free - Alternate Merge Tool | BentoPDF">
<meta property="og:description" content="★ Alternate Merge online free - Alternate merge PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta property="og:description"
content="★ Alternate Merge online free - Alternate merge PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta property="og:image" content="https://www.bentopdf.com/images/og-alternate-merge.png"> <meta property="og:image" content="https://www.bentopdf.com/images/og-alternate-merge.png">
<meta property="og:image:width" content="1200"> <meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630"> <meta property="og:image:height" content="630">
@@ -30,7 +32,8 @@
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://www.bentopdf.com/alternate-merge"> <meta name="twitter:url" content="https://www.bentopdf.com/alternate-merge">
<meta name="twitter:title" content="Alternate Merge Free"> <meta name="twitter:title" content="Alternate Merge Free">
<meta name="twitter:description" content="★ Alternate Merge online free - Alternate merge PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in bro"> <meta name="twitter:description"
content="★ Alternate Merge online free - Alternate merge PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in bro">
<meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-alternate-merge.png"> <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-alternate-merge.png">
<meta name="twitter:site" content="@BentoPDF"> <meta name="twitter:site" content="@BentoPDF">
@@ -85,15 +88,13 @@
class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
aria-controls="mobile-menu" aria-expanded="false"> aria-controls="mobile-menu" aria-expanded="false">
<span class="sr-only">Open main menu</span> <span class="sr-only">Open main menu</span>
<svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
d="M4 6h16M4 12h16M4 18h16" />
</svg> </svg>
<svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
d="M6 18L18 6M6 6l12 12" />
</svg> </svg>
</button> </button>
</div> </div>
@@ -118,7 +119,8 @@
<span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span> <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
</button> </button>
<h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:alternateMix.name">Alternate Merge Free Online - Combine PDFs Instantly</h1> <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:alternateMix.name">Alternate Merge Free Online -
Combine PDFs Instantly</h1>
<p class="text-gray-400 mb-6" data-i18n="tools:alternateMix.subtitle"> <p class="text-gray-400 mb-6" data-i18n="tools:alternateMix.subtitle">
Upload multiple PDFs and interleave their pages. Drag to reorder the files, then mix their pages Upload multiple PDFs and interleave their pages. Drag to reorder the files, then mix their pages
alternately. alternately.
@@ -163,8 +165,8 @@
<!-- Alert Modal --> <!-- Alert Modal -->
<div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden"> <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
<div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700"> <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
<h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
data-i18n="alert.title">Alert</h3> Alert</h3>
<p id="alert-message" class="text-gray-300 mb-6"></p> <p id="alert-message" class="text-gray-300 mb-6"></p>
<button id="alert-ok" <button id="alert-ok"
class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200"> class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
@@ -179,7 +181,8 @@
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
<div class="space-y-6"> <div class="space-y-6">
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
1 1
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -188,7 +191,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
2 2
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -197,7 +201,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
3 3
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -212,23 +217,28 @@
<section class="max-w-6xl mx-auto px-4 py-12"> <section class="max-w-6xl mx-auto px-4 py-12">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4"> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
<a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/merge-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Merge Pdf</h3> <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
<p class="text-gray-400 text-sm">Free online merge pdf tool</p> <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
</a> </a>
<a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/compress-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Compress Pdf</h3> <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
<p class="text-gray-400 text-sm">Free online compress pdf tool</p> <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
</a> </a>
<a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/split-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Split Pdf</h3> <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
<p class="text-gray-400 text-sm">Free online split pdf tool</p> <p class="text-gray-400 text-sm">Free online split pdf tool</p>
</a> </a>
<a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/edit-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Edit Pdf</h3> <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
<p class="text-gray-400 text-sm">Free online edit pdf tool</p> <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
</a> </a>
<a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/rotate-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Rotate Pdf</h3> <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
<p class="text-gray-400 text-sm">Free online rotate pdf tool</p> <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
</a> </a>
@@ -244,14 +254,16 @@
Is alternate merge really free? Is alternate merge really free?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p> <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
file processing.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Are my files private and secure? Are my files private and secure?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p> <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
device, ensuring complete privacy.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -270,7 +282,7 @@
<img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" /> <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" />
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm">&copy; 2025 BentoPDF. All rights reserved.</p> <p class="text-gray-400 text-sm">&copy; 2026 BentoPDF. All rights reserved.</p>
<p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p> <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
</div> </div>
<div> <div>
@@ -311,8 +323,7 @@
title="Instagram"><i data-lucide="instagram"></i></a> title="Instagram"><i data-lucide="instagram"></i></a>
<a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400" <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
title="LinkedIn"><i data-lucide="linkedin"></i></a> title="LinkedIn"><i data-lucide="linkedin"></i></a>
<a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
title="X (Twitter)">
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path <path
d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" /> d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />

66
src/pages/background-color.html
View File

@@ -8,7 +8,8 @@
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>Background Color Online Free - Background Color Tool | BentoPDF</title> <title>Background Color Online Free - Background Color Tool | BentoPDF</title>
<meta name="title" content="Background Color Online Free - Background Color Tool | BentoPDF"> <meta name="title" content="Background Color Online Free - Background Color Tool | BentoPDF">
<meta name="description" content="★ Background Color online free - Background color PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta name="description"
content="★ Background Color online free - Background color PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta name="keywords" content="background color, background color, online pdf"> <meta name="keywords" content="background color, background color, online pdf">
<meta name="author" content="BentoPDF"> <meta name="author" content="BentoPDF">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
@@ -20,7 +21,8 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://www.bentopdf.com/background-color"> <meta property="og:url" content="https://www.bentopdf.com/background-color">
<meta property="og:title" content="Background Color Online Free - Background Color Tool | BentoPDF"> <meta property="og:title" content="Background Color Online Free - Background Color Tool | BentoPDF">
<meta property="og:description" content="★ Background Color online free - Background color PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta property="og:description"
content="★ Background Color online free - Background color PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta property="og:image" content="https://www.bentopdf.com/images/og-background-color.png"> <meta property="og:image" content="https://www.bentopdf.com/images/og-background-color.png">
<meta property="og:image:width" content="1200"> <meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630"> <meta property="og:image:height" content="630">
@@ -30,7 +32,8 @@
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://www.bentopdf.com/background-color"> <meta name="twitter:url" content="https://www.bentopdf.com/background-color">
<meta name="twitter:title" content="Background Color Free"> <meta name="twitter:title" content="Background Color Free">
<meta name="twitter:description" content="★ Background Color online free - Background color PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in b"> <meta name="twitter:description"
content="★ Background Color online free - Background color PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in b">
<meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-background-color.png"> <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-background-color.png">
<meta name="twitter:site" content="@BentoPDF"> <meta name="twitter:site" content="@BentoPDF">
@@ -85,15 +88,13 @@
class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
aria-controls="mobile-menu" aria-expanded="false"> aria-controls="mobile-menu" aria-expanded="false">
<span class="sr-only">Open main menu</span> <span class="sr-only">Open main menu</span>
<svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
d="M4 6h16M4 12h16M4 18h16" />
</svg> </svg>
<svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
d="M6 18L18 6M6 6l12 12" />
</svg> </svg>
</button> </button>
</div> </div>
@@ -119,7 +120,8 @@
<span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span> <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
</button> </button>
<h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:backgroundColor.name">Background Color Free Online - Fast & Secure</h1> <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:backgroundColor.name">Background Color Free Online
- Fast & Secure</h1>
<p class="text-gray-400 mb-6" data-i18n="tools:backgroundColor.subtitle"> <p class="text-gray-400 mb-6" data-i18n="tools:backgroundColor.subtitle">
Add or change the background color of all pages in your PDF document. Add or change the background color of all pages in your PDF document.
</p> </p>
@@ -128,9 +130,8 @@
class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300"> class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
<div class="flex flex-col items-center justify-center pt-5 pb-6"> <div class="flex flex-col items-center justify-center pt-5 pb-6">
<i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i> <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
<p class="mb-2 text-sm text-gray-400"><span class="font-semibold" <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to
data-i18n="upload.clickToSelect">Click to select a file</span> <span select a file</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
<p class="text-xs text-gray-500">PDF file</p> <p class="text-xs text-gray-500">PDF file</p>
<p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
device.</p> device.</p>
@@ -164,8 +165,8 @@
<div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden"> <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
<div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700"> <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
<h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
data-i18n="alert.title">Alert</h3> Alert</h3>
<p id="alert-message" class="text-gray-300 mb-6"></p> <p id="alert-message" class="text-gray-300 mb-6"></p>
<button id="alert-ok" <button id="alert-ok"
class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200"> class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
@@ -180,7 +181,8 @@
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
<div class="space-y-6"> <div class="space-y-6">
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
1 1
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -189,7 +191,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
2 2
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -198,7 +201,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
3 3
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -213,23 +217,28 @@
<section class="max-w-6xl mx-auto px-4 py-12"> <section class="max-w-6xl mx-auto px-4 py-12">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4"> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
<a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/merge-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Merge Pdf</h3> <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
<p class="text-gray-400 text-sm">Free online merge pdf tool</p> <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
</a> </a>
<a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/compress-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Compress Pdf</h3> <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
<p class="text-gray-400 text-sm">Free online compress pdf tool</p> <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
</a> </a>
<a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/split-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Split Pdf</h3> <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
<p class="text-gray-400 text-sm">Free online split pdf tool</p> <p class="text-gray-400 text-sm">Free online split pdf tool</p>
</a> </a>
<a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/edit-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Edit Pdf</h3> <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
<p class="text-gray-400 text-sm">Free online edit pdf tool</p> <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
</a> </a>
<a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/rotate-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Rotate Pdf</h3> <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
<p class="text-gray-400 text-sm">Free online rotate pdf tool</p> <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
</a> </a>
@@ -245,14 +254,16 @@
Is background color really free? Is background color really free?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p> <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
file processing.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Are my files private and secure? Are my files private and secure?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p> <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
device, ensuring complete privacy.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -271,7 +282,7 @@
<img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" /> <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" />
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm">&copy; 2025 BentoPDF. All rights reserved.</p> <p class="text-gray-400 text-sm">&copy; 2026 BentoPDF. All rights reserved.</p>
<p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p> <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
</div> </div>
<div> <div>
@@ -316,8 +327,7 @@
title="LinkedIn"> title="LinkedIn">
<i data-lucide="linkedin"></i> <i data-lucide="linkedin"></i>
</a> </a>
<a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
title="X (Twitter)">
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path <path
d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" /> d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />

61
src/pages/bmp-to-pdf.html
View File

@@ -8,7 +8,8 @@
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>Bmp To Pdf Online Free - Bmp To Pdf Tool | BentoPDF</title> <title>Bmp To Pdf Online Free - Bmp To Pdf Tool | BentoPDF</title>
<meta name="title" content="Bmp To Pdf Online Free - Bmp To Pdf Tool | BentoPDF"> <meta name="title" content="Bmp To Pdf Online Free - Bmp To Pdf Tool | BentoPDF">
<meta name="description" content="★ Bmp To Pdf online free - Bmp to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta name="description"
content="★ Bmp To Pdf online free - Bmp to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta name="keywords" content="bmp to pdf, bmp to pdf, online pdf"> <meta name="keywords" content="bmp to pdf, bmp to pdf, online pdf">
<meta name="author" content="BentoPDF"> <meta name="author" content="BentoPDF">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
@@ -20,7 +21,8 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://www.bentopdf.com/bmp-to-pdf"> <meta property="og:url" content="https://www.bentopdf.com/bmp-to-pdf">
<meta property="og:title" content="Bmp To Pdf Online Free - Bmp To Pdf Tool | BentoPDF"> <meta property="og:title" content="Bmp To Pdf Online Free - Bmp To Pdf Tool | BentoPDF">
<meta property="og:description" content="★ Bmp To Pdf online free - Bmp to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta property="og:description"
content="★ Bmp To Pdf online free - Bmp to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta property="og:image" content="https://www.bentopdf.com/images/og-bmp-to-pdf.png"> <meta property="og:image" content="https://www.bentopdf.com/images/og-bmp-to-pdf.png">
<meta property="og:image:width" content="1200"> <meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630"> <meta property="og:image:height" content="630">
@@ -30,7 +32,8 @@
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://www.bentopdf.com/bmp-to-pdf"> <meta name="twitter:url" content="https://www.bentopdf.com/bmp-to-pdf">
<meta name="twitter:title" content="Bmp To Pdf Free"> <meta name="twitter:title" content="Bmp To Pdf Free">
<meta name="twitter:description" content="★ Bmp To Pdf online free - Bmp to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas"> <meta name="twitter:description"
content="★ Bmp To Pdf online free - Bmp to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas">
<meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-bmp-to-pdf.png"> <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-bmp-to-pdf.png">
<meta name="twitter:site" content="@BentoPDF"> <meta name="twitter:site" content="@BentoPDF">
@@ -84,15 +87,13 @@
class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
aria-controls="mobile-menu" aria-expanded="false"> aria-controls="mobile-menu" aria-expanded="false">
<span class="sr-only">Open main menu</span> <span class="sr-only">Open main menu</span>
<svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
d="M4 6h16M4 12h16M4 18h16" />
</svg> </svg>
<svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
d="M6 18L18 6M6 6l12 12" />
</svg> </svg>
</button> </button>
</div> </div>
@@ -118,7 +119,8 @@
<span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span> <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
</button> </button>
<h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:bmpToPdf.name">Bmp To Pdf Converter Free Online - Convert Files Fast</h1> <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:bmpToPdf.name">Bmp To Pdf Converter Free Online -
Convert Files Fast</h1>
<p class="text-gray-400 mb-6" data-i18n="tools:bmpToPdf.subtitle"> <p class="text-gray-400 mb-6" data-i18n="tools:bmpToPdf.subtitle">
Convert one or more BMP images into a single PDF file. Convert one or more BMP images into a single PDF file.
</p> </p>
@@ -166,8 +168,8 @@
<div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden"> <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
<div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700"> <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
<h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
data-i18n="alert.title">Alert</h3> Alert</h3>
<p id="alert-message" class="text-gray-300 mb-6"></p> <p id="alert-message" class="text-gray-300 mb-6"></p>
<button id="alert-ok" <button id="alert-ok"
class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200"> class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
@@ -182,7 +184,8 @@
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
<div class="space-y-6"> <div class="space-y-6">
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
1 1
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -191,7 +194,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
2 2
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -200,7 +204,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
3 3
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -215,23 +220,28 @@
<section class="max-w-6xl mx-auto px-4 py-12"> <section class="max-w-6xl mx-auto px-4 py-12">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4"> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
<a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/merge-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Merge Pdf</h3> <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
<p class="text-gray-400 text-sm">Free online merge pdf tool</p> <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
</a> </a>
<a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/compress-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Compress Pdf</h3> <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
<p class="text-gray-400 text-sm">Free online compress pdf tool</p> <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
</a> </a>
<a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/split-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Split Pdf</h3> <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
<p class="text-gray-400 text-sm">Free online split pdf tool</p> <p class="text-gray-400 text-sm">Free online split pdf tool</p>
</a> </a>
<a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/edit-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Edit Pdf</h3> <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
<p class="text-gray-400 text-sm">Free online edit pdf tool</p> <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
</a> </a>
<a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/rotate-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Rotate Pdf</h3> <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
<p class="text-gray-400 text-sm">Free online rotate pdf tool</p> <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
</a> </a>
@@ -247,14 +257,16 @@
Is bmp to pdf really free? Is bmp to pdf really free?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p> <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
file processing.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Are my files private and secure? Are my files private and secure?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p> <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
device, ensuring complete privacy.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -274,7 +286,7 @@
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm"> <p class="text-gray-400 text-sm">
&copy; 2025 BentoPDF. All rights reserved. &copy; 2026 BentoPDF. All rights reserved.
</p> </p>
<p class="text-gray-500 text-xs mt-2"> <p class="text-gray-500 text-xs mt-2">
Version <span id="app-version"></span> Version <span id="app-version"></span>
@@ -325,8 +337,7 @@
title="LinkedIn"> title="LinkedIn">
<i data-lucide="linkedin"></i> <i data-lucide="linkedin"></i>
</a> </a>
<a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
title="X (Twitter)">
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path <path
d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" /> d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />

44
src/pages/bookmark.html
View File

@@ -8,7 +8,8 @@
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>Bookmark Online Free - Bookmark Tool | BentoPDF</title> <title>Bookmark Online Free - Bookmark Tool | BentoPDF</title>
<meta name="title" content="Bookmark Online Free - Bookmark Tool | BentoPDF"> <meta name="title" content="Bookmark Online Free - Bookmark Tool | BentoPDF">
<meta name="description" content="★ Bookmark online free - Bookmark PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta name="description"
content="★ Bookmark online free - Bookmark PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta name="keywords" content="bookmark, bookmark, online pdf"> <meta name="keywords" content="bookmark, bookmark, online pdf">
<meta name="author" content="BentoPDF"> <meta name="author" content="BentoPDF">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
@@ -20,7 +21,8 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://www.bentopdf.com/bookmark"> <meta property="og:url" content="https://www.bentopdf.com/bookmark">
<meta property="og:title" content="Bookmark Online Free - Bookmark Tool | BentoPDF"> <meta property="og:title" content="Bookmark Online Free - Bookmark Tool | BentoPDF">
<meta property="og:description" content="★ Bookmark online free - Bookmark PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta property="og:description"
content="★ Bookmark online free - Bookmark PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta property="og:image" content="https://www.bentopdf.com/images/og-bookmark.png"> <meta property="og:image" content="https://www.bentopdf.com/images/og-bookmark.png">
<meta property="og:image:width" content="1200"> <meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630"> <meta property="og:image:height" content="630">
@@ -30,7 +32,8 @@
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://www.bentopdf.com/bookmark"> <meta name="twitter:url" content="https://www.bentopdf.com/bookmark">
<meta name="twitter:title" content="Bookmark Free"> <meta name="twitter:title" content="Bookmark Free">
<meta name="twitter:description" content="★ Bookmark online free - Bookmark PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & "> <meta name="twitter:description"
content="★ Bookmark online free - Bookmark PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & ">
<meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-bookmark.png"> <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-bookmark.png">
<meta name="twitter:site" content="@BentoPDF"> <meta name="twitter:site" content="@BentoPDF">
@@ -121,7 +124,8 @@
<i data-lucide="arrow-left" class="cursor-pointer"></i> <i data-lucide="arrow-left" class="cursor-pointer"></i>
<span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span> <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
</button> </button>
<h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:editBookmarks.name">Bookmark Free Online - Fast & Secure</h1> <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:editBookmarks.name">Bookmark Free Online - Fast &
Secure</h1>
<p class="text-gray-400 mb-6" data-i18n="tools:editBookmarks.subtitle"> <p class="text-gray-400 mb-6" data-i18n="tools:editBookmarks.subtitle">
Add, edit, import, delete and extract PDF bookmarks. Add, edit, import, delete and extract PDF bookmarks.
</p> </p>
@@ -471,7 +475,8 @@
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
<div class="space-y-6"> <div class="space-y-6">
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
1 1
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -480,7 +485,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
2 2
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -489,7 +495,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
3 3
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -504,23 +511,28 @@
<section class="max-w-6xl mx-auto px-4 py-12"> <section class="max-w-6xl mx-auto px-4 py-12">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4"> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
<a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/merge-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Merge Pdf</h3> <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
<p class="text-gray-400 text-sm">Free online merge pdf tool</p> <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
</a> </a>
<a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/compress-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Compress Pdf</h3> <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
<p class="text-gray-400 text-sm">Free online compress pdf tool</p> <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
</a> </a>
<a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/split-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Split Pdf</h3> <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
<p class="text-gray-400 text-sm">Free online split pdf tool</p> <p class="text-gray-400 text-sm">Free online split pdf tool</p>
</a> </a>
<a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/edit-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Edit Pdf</h3> <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
<p class="text-gray-400 text-sm">Free online edit pdf tool</p> <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
</a> </a>
<a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/rotate-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Rotate Pdf</h3> <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
<p class="text-gray-400 text-sm">Free online rotate pdf tool</p> <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
</a> </a>
@@ -536,14 +548,16 @@
Is bookmark really free? Is bookmark really free?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p> <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
file processing.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Are my files private and secure? Are my files private and secure?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p> <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
device, ensuring complete privacy.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -563,7 +577,7 @@
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm"> <p class="text-gray-400 text-sm">
&copy; 2025 BentoPDF. All rights reserved. &copy; 2026 BentoPDF. All rights reserved.
</p> </p>
<p class="text-gray-500 text-xs mt-2"> <p class="text-gray-500 text-xs mt-2">
Version <span id="app-version"></span> Version <span id="app-version"></span>

66
src/pages/cbz-to-pdf.html
View File

@@ -8,7 +8,8 @@
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>Cbz To Pdf Online Free - Cbz To Pdf Tool | BentoPDF</title> <title>Cbz To Pdf Online Free - Cbz To Pdf Tool | BentoPDF</title>
<meta name="title" content="Cbz To Pdf Online Free - Cbz To Pdf Tool | BentoPDF"> <meta name="title" content="Cbz To Pdf Online Free - Cbz To Pdf Tool | BentoPDF">
<meta name="description" content="★ Cbz To Pdf online free - Cbz to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta name="description"
content="★ Cbz To Pdf online free - Cbz to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta name="keywords" content="cbz to pdf, cbz to pdf, online pdf"> <meta name="keywords" content="cbz to pdf, cbz to pdf, online pdf">
<meta name="author" content="BentoPDF"> <meta name="author" content="BentoPDF">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
@@ -20,7 +21,8 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://www.bentopdf.com/cbz-to-pdf"> <meta property="og:url" content="https://www.bentopdf.com/cbz-to-pdf">
<meta property="og:title" content="Cbz To Pdf Online Free - Cbz To Pdf Tool | BentoPDF"> <meta property="og:title" content="Cbz To Pdf Online Free - Cbz To Pdf Tool | BentoPDF">
<meta property="og:description" content="★ Cbz To Pdf online free - Cbz to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta property="og:description"
content="★ Cbz To Pdf online free - Cbz to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta property="og:image" content="https://www.bentopdf.com/images/og-cbz-to-pdf.png"> <meta property="og:image" content="https://www.bentopdf.com/images/og-cbz-to-pdf.png">
<meta property="og:image:width" content="1200"> <meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630"> <meta property="og:image:height" content="630">
@@ -30,7 +32,8 @@
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://www.bentopdf.com/cbz-to-pdf"> <meta name="twitter:url" content="https://www.bentopdf.com/cbz-to-pdf">
<meta name="twitter:title" content="Cbz To Pdf Free"> <meta name="twitter:title" content="Cbz To Pdf Free">
<meta name="twitter:description" content="★ Cbz To Pdf online free - Cbz to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas"> <meta name="twitter:description"
content="★ Cbz To Pdf online free - Cbz to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas">
<meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-cbz-to-pdf.png"> <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-cbz-to-pdf.png">
<meta name="twitter:site" content="@BentoPDF"> <meta name="twitter:site" content="@BentoPDF">
@@ -85,15 +88,13 @@
class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
aria-controls="mobile-menu" aria-expanded="false"> aria-controls="mobile-menu" aria-expanded="false">
<span class="sr-only">Open main menu</span> <span class="sr-only">Open main menu</span>
<svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
d="M4 6h16M4 12h16M4 18h16" />
</svg> </svg>
<svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
d="M6 18L18 6M6 6l12 12" />
</svg> </svg>
</button> </button>
</div> </div>
@@ -119,7 +120,8 @@
<span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span> <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
</button> </button>
<h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:cbzToPdf.name">Cbz To Pdf Converter Free Online - Convert Files Fast</h1> <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:cbzToPdf.name">Cbz To Pdf Converter Free Online -
Convert Files Fast</h1>
<p class="text-gray-400 mb-6" data-i18n="tools:cbzToPdf.subtitle"> <p class="text-gray-400 mb-6" data-i18n="tools:cbzToPdf.subtitle">
Convert comic book archives (CBZ/CBR) to PDF format. Supports multiple files. Convert comic book archives (CBZ/CBR) to PDF format. Supports multiple files.
</p> </p>
@@ -128,9 +130,8 @@
class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300"> class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
<div class="flex flex-col items-center justify-center pt-5 pb-6"> <div class="flex flex-col items-center justify-center pt-5 pb-6">
<i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i> <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
<p class="mb-2 text-sm text-gray-400"><span class="font-semibold" <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to
data-i18n="upload.clickToSelect">Click to select files</span> <span select files</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
<p class="text-xs text-gray-500" data-i18n="tools:cbzToPdf.acceptedFormats">CBZ, CBR files</p> <p class="text-xs text-gray-500" data-i18n="tools:cbzToPdf.acceptedFormats">CBZ, CBR files</p>
<p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
device.</p> device.</p>
@@ -153,8 +154,8 @@
<div id="file-display-area" class="mt-4 space-y-2"></div> <div id="file-display-area" class="mt-4 space-y-2"></div>
<button id="process-btn" class="hidden btn-gradient w-full mt-6" <button id="process-btn" class="hidden btn-gradient w-full mt-6" data-i18n="tools:cbzToPdf.convertButton">Convert
data-i18n="tools:cbzToPdf.convertButton">Convert to PDF</button> to PDF</button>
</div> </div>
</div> </div>
@@ -185,7 +186,8 @@
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
<div class="space-y-6"> <div class="space-y-6">
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
1 1
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -194,7 +196,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
2 2
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -203,7 +206,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
3 3
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -218,23 +222,28 @@
<section class="max-w-6xl mx-auto px-4 py-12"> <section class="max-w-6xl mx-auto px-4 py-12">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4"> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
<a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/merge-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Merge Pdf</h3> <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
<p class="text-gray-400 text-sm">Free online merge pdf tool</p> <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
</a> </a>
<a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/compress-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Compress Pdf</h3> <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
<p class="text-gray-400 text-sm">Free online compress pdf tool</p> <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
</a> </a>
<a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/split-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Split Pdf</h3> <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
<p class="text-gray-400 text-sm">Free online split pdf tool</p> <p class="text-gray-400 text-sm">Free online split pdf tool</p>
</a> </a>
<a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/edit-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Edit Pdf</h3> <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
<p class="text-gray-400 text-sm">Free online edit pdf tool</p> <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
</a> </a>
<a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/rotate-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Rotate Pdf</h3> <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
<p class="text-gray-400 text-sm">Free online rotate pdf tool</p> <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
</a> </a>
@@ -250,14 +259,16 @@
Is cbz to pdf really free? Is cbz to pdf really free?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p> <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
file processing.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Are my files private and secure? Are my files private and secure?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p> <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
device, ensuring complete privacy.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -277,7 +288,7 @@
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm"> <p class="text-gray-400 text-sm">
&copy; 2025 BentoPDF. All rights reserved. &copy; 2026 BentoPDF. All rights reserved.
</p> </p>
<p class="text-gray-500 text-xs mt-2"> <p class="text-gray-500 text-xs mt-2">
Version <span id="app-version"></span> Version <span id="app-version"></span>
@@ -340,8 +351,7 @@
title="LinkedIn"> title="LinkedIn">
<i data-lucide="linkedin"></i> <i data-lucide="linkedin"></i>
</a> </a>
<a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
title="X (Twitter)">
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path <path
d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" /> d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />

61
src/pages/change-permissions.html
View File

@@ -8,7 +8,8 @@
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>Change Permissions Online Free - Change Permissions Tool | BentoPDF</title> <title>Change Permissions Online Free - Change Permissions Tool | BentoPDF</title>
<meta name="title" content="Change Permissions Online Free - Change Permissions Tool | BentoPDF"> <meta name="title" content="Change Permissions Online Free - Change Permissions Tool | BentoPDF">
<meta name="description" content="★ Change Permissions online free - Change permissions PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta name="description"
content="★ Change Permissions online free - Change permissions PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta name="keywords" content="change permissions, change permissions, online pdf"> <meta name="keywords" content="change permissions, change permissions, online pdf">
<meta name="author" content="BentoPDF"> <meta name="author" content="BentoPDF">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
@@ -20,7 +21,8 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://www.bentopdf.com/change-permissions"> <meta property="og:url" content="https://www.bentopdf.com/change-permissions">
<meta property="og:title" content="Change Permissions Online Free - Change Permissions Tool | BentoPDF"> <meta property="og:title" content="Change Permissions Online Free - Change Permissions Tool | BentoPDF">
<meta property="og:description" content="★ Change Permissions online free - Change permissions PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta property="og:description"
content="★ Change Permissions online free - Change permissions PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta property="og:image" content="https://www.bentopdf.com/images/og-change-permissions.png"> <meta property="og:image" content="https://www.bentopdf.com/images/og-change-permissions.png">
<meta property="og:image:width" content="1200"> <meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630"> <meta property="og:image:height" content="630">
@@ -30,7 +32,8 @@
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://www.bentopdf.com/change-permissions"> <meta name="twitter:url" content="https://www.bentopdf.com/change-permissions">
<meta name="twitter:title" content="Change Permissions Free"> <meta name="twitter:title" content="Change Permissions Free">
<meta name="twitter:description" content="★ Change Permissions online free - Change permissions PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works "> <meta name="twitter:description"
content="★ Change Permissions online free - Change permissions PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works ">
<meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-change-permissions.png"> <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-change-permissions.png">
<meta name="twitter:site" content="@BentoPDF"> <meta name="twitter:site" content="@BentoPDF">
@@ -85,15 +88,13 @@
class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
aria-controls="mobile-menu" aria-expanded="false"> aria-controls="mobile-menu" aria-expanded="false">
<span class="sr-only">Open main menu</span> <span class="sr-only">Open main menu</span>
<svg id="menu-icon" class="block h-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="menu-icon" class="block h-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
d="M4 6h16M4 12h16M4 18h16" />
</svg> </svg>
<svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
d="M6 18L18 6M6 6l12 12" />
</svg> </svg>
</button> </button>
</div> </div>
@@ -118,7 +119,8 @@
<span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span> <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
</button> </button>
<h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:changePermissions.name">Change Permissions Free Online - Fast & Secure</h1> <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:changePermissions.name">Change Permissions Free
Online - Fast & Secure</h1>
<p class="text-gray-400 mb-6" data-i18n="tools:changePermissions.subtitle"> <p class="text-gray-400 mb-6" data-i18n="tools:changePermissions.subtitle">
Set or change user permissions on a PDF. Modify passwords and access controls. Set or change user permissions on a PDF. Modify passwords and access controls.
</p> </p>
@@ -219,8 +221,8 @@
<!-- Alert Modal --> <!-- Alert Modal -->
<div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden"> <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
<div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700"> <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
<h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
data-i18n="alert.title">Alert</h3> Alert</h3>
<p id="alert-message" class="text-gray-300 mb-6"></p> <p id="alert-message" class="text-gray-300 mb-6"></p>
<button id="alert-ok" <button id="alert-ok"
class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200"> class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
@@ -235,7 +237,8 @@
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
<div class="space-y-6"> <div class="space-y-6">
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
1 1
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -244,7 +247,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
2 2
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -253,7 +257,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
3 3
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -268,23 +273,28 @@
<section class="max-w-6xl mx-auto px-4 py-12"> <section class="max-w-6xl mx-auto px-4 py-12">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4"> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
<a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/merge-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Merge Pdf</h3> <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
<p class="text-gray-400 text-sm">Free online merge pdf tool</p> <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
</a> </a>
<a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/compress-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Compress Pdf</h3> <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
<p class="text-gray-400 text-sm">Free online compress pdf tool</p> <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
</a> </a>
<a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/split-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Split Pdf</h3> <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
<p class="text-gray-400 text-sm">Free online split pdf tool</p> <p class="text-gray-400 text-sm">Free online split pdf tool</p>
</a> </a>
<a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/edit-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Edit Pdf</h3> <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
<p class="text-gray-400 text-sm">Free online edit pdf tool</p> <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
</a> </a>
<a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/rotate-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Rotate Pdf</h3> <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
<p class="text-gray-400 text-sm">Free online rotate pdf tool</p> <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
</a> </a>
@@ -300,14 +310,16 @@
Is change permissions really free? Is change permissions really free?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p> <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
file processing.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Are my files private and secure? Are my files private and secure?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p> <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
device, ensuring complete privacy.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -326,7 +338,7 @@
<img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" /> <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" />
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm">&copy; 2025 BentoPDF. All rights reserved.</p> <p class="text-gray-400 text-sm">&copy; 2026 BentoPDF. All rights reserved.</p>
<p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p> <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
</div> </div>
<div> <div>
@@ -367,8 +379,7 @@
title="Instagram"><i data-lucide="instagram"></i></a> title="Instagram"><i data-lucide="instagram"></i></a>
<a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400" <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
title="LinkedIn"><i data-lucide="linkedin"></i></a> title="LinkedIn"><i data-lucide="linkedin"></i></a>
<a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
title="X (Twitter)">
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path <path
d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" /> d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />

66
src/pages/combine-single-page.html
View File

@@ -8,7 +8,8 @@
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>Combine Single Page Online Free - Combine Single Page Tool | BentoPDF</title> <title>Combine Single Page Online Free - Combine Single Page Tool | BentoPDF</title>
<meta name="title" content="Combine Single Page Online Free - Combine Single Page Tool | BentoPDF"> <meta name="title" content="Combine Single Page Online Free - Combine Single Page Tool | BentoPDF">
<meta name="description" content="★ Combine Single Page online free - Combine single page PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta name="description"
content="★ Combine Single Page online free - Combine single page PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta name="keywords" content="combine single page, combine single page, online pdf"> <meta name="keywords" content="combine single page, combine single page, online pdf">
<meta name="author" content="BentoPDF"> <meta name="author" content="BentoPDF">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
@@ -20,7 +21,8 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://www.bentopdf.com/combine-single-page"> <meta property="og:url" content="https://www.bentopdf.com/combine-single-page">
<meta property="og:title" content="Combine Single Page Online Free - Combine Single Page Tool | BentoPDF"> <meta property="og:title" content="Combine Single Page Online Free - Combine Single Page Tool | BentoPDF">
<meta property="og:description" content="★ Combine Single Page online free - Combine single page PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta property="og:description"
content="★ Combine Single Page online free - Combine single page PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta property="og:image" content="https://www.bentopdf.com/images/og-combine-single-page.png"> <meta property="og:image" content="https://www.bentopdf.com/images/og-combine-single-page.png">
<meta property="og:image:width" content="1200"> <meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630"> <meta property="og:image:height" content="630">
@@ -30,7 +32,8 @@
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://www.bentopdf.com/combine-single-page"> <meta name="twitter:url" content="https://www.bentopdf.com/combine-single-page">
<meta name="twitter:title" content="Combine Single Page Free"> <meta name="twitter:title" content="Combine Single Page Free">
<meta name="twitter:description" content="★ Combine Single Page online free - Combine single page PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Work"> <meta name="twitter:description"
content="★ Combine Single Page online free - Combine single page PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Work">
<meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-combine-single-page.png"> <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-combine-single-page.png">
<meta name="twitter:site" content="@BentoPDF"> <meta name="twitter:site" content="@BentoPDF">
@@ -85,15 +88,13 @@
class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
aria-controls="mobile-menu" aria-expanded="false"> aria-controls="mobile-menu" aria-expanded="false">
<span class="sr-only">Open main menu</span> <span class="sr-only">Open main menu</span>
<svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
d="M4 6h16M4 12h16M4 18h16" />
</svg> </svg>
<svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
d="M6 18L18 6M6 6l12 12" />
</svg> </svg>
</button> </button>
</div> </div>
@@ -118,7 +119,8 @@
<span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span> <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
</button> </button>
<h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:combineToSinglePage.name">Combine Single Page Free Online - Combine PDFs Instantly</h1> <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:combineToSinglePage.name">Combine Single Page Free
Online - Combine PDFs Instantly</h1>
<p class="text-gray-400 mb-6" data-i18n="tools:combineToSinglePage.subtitle"> <p class="text-gray-400 mb-6" data-i18n="tools:combineToSinglePage.subtitle">
Merge all pages of your PDF into one continuous page, either horizontally or vertically. Merge all pages of your PDF into one continuous page, either horizontally or vertically.
</p> </p>
@@ -127,9 +129,8 @@
class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300"> class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
<div class="flex flex-col items-center justify-center pt-5 pb-6"> <div class="flex flex-col items-center justify-center pt-5 pb-6">
<i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i> <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
<p class="mb-2 text-sm text-gray-400"><span class="font-semibold" <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to
data-i18n="upload.clickToSelect">Click to select a file</span> <span select a file</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
<p class="text-xs text-gray-500">A single PDF file</p> <p class="text-xs text-gray-500">A single PDF file</p>
<p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
device.</p> device.</p>
@@ -207,8 +208,8 @@
<!-- Alert Modal --> <!-- Alert Modal -->
<div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden"> <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
<div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700"> <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
<h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
data-i18n="alert.title">Alert</h3> Alert</h3>
<p id="alert-message" class="text-gray-300 mb-6"></p> <p id="alert-message" class="text-gray-300 mb-6"></p>
<button id="alert-ok" <button id="alert-ok"
class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200"> class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
@@ -223,7 +224,8 @@
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
<div class="space-y-6"> <div class="space-y-6">
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
1 1
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -232,7 +234,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
2 2
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -241,7 +244,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
3 3
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -256,23 +260,28 @@
<section class="max-w-6xl mx-auto px-4 py-12"> <section class="max-w-6xl mx-auto px-4 py-12">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4"> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
<a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/merge-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Merge Pdf</h3> <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
<p class="text-gray-400 text-sm">Free online merge pdf tool</p> <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
</a> </a>
<a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/compress-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Compress Pdf</h3> <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
<p class="text-gray-400 text-sm">Free online compress pdf tool</p> <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
</a> </a>
<a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/split-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Split Pdf</h3> <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
<p class="text-gray-400 text-sm">Free online split pdf tool</p> <p class="text-gray-400 text-sm">Free online split pdf tool</p>
</a> </a>
<a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/edit-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Edit Pdf</h3> <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
<p class="text-gray-400 text-sm">Free online edit pdf tool</p> <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
</a> </a>
<a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/rotate-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Rotate Pdf</h3> <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
<p class="text-gray-400 text-sm">Free online rotate pdf tool</p> <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
</a> </a>
@@ -288,14 +297,16 @@
Is combine single page really free? Is combine single page really free?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p> <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
file processing.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Are my files private and secure? Are my files private and secure?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p> <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
device, ensuring complete privacy.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -314,7 +325,7 @@
<img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" /> <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" />
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm">&copy; 2025 BentoPDF. All rights reserved.</p> <p class="text-gray-400 text-sm">&copy; 2026 BentoPDF. All rights reserved.</p>
<p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p> <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
</div> </div>
<div> <div>
@@ -355,8 +366,7 @@
title="Instagram"><i data-lucide="instagram"></i></a> title="Instagram"><i data-lucide="instagram"></i></a>
<a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400" <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
title="LinkedIn"><i data-lucide="linkedin"></i></a> title="LinkedIn"><i data-lucide="linkedin"></i></a>
<a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
title="X (Twitter)">
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path <path
d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" /> d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />

83
src/pages/compare-pdfs.html
View File

@@ -8,7 +8,8 @@
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>Compare Pdfs Online Free - Compare Pdfs Tool | BentoPDF</title> <title>Compare Pdfs Online Free - Compare Pdfs Tool | BentoPDF</title>
<meta name="title" content="Compare Pdfs Online Free - Compare Pdfs Tool | BentoPDF"> <meta name="title" content="Compare Pdfs Online Free - Compare Pdfs Tool | BentoPDF">
<meta name="description" content="★ Compare Pdfs online free - Compare pdfs PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta name="description"
content="★ Compare Pdfs online free - Compare pdfs PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta name="keywords" content="compare pdfs, compare pdfs, online pdf"> <meta name="keywords" content="compare pdfs, compare pdfs, online pdf">
<meta name="author" content="BentoPDF"> <meta name="author" content="BentoPDF">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
@@ -20,7 +21,8 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://www.bentopdf.com/compare-pdfs"> <meta property="og:url" content="https://www.bentopdf.com/compare-pdfs">
<meta property="og:title" content="Compare Pdfs Online Free - Compare Pdfs Tool | BentoPDF"> <meta property="og:title" content="Compare Pdfs Online Free - Compare Pdfs Tool | BentoPDF">
<meta property="og:description" content="★ Compare Pdfs online free - Compare pdfs PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta property="og:description"
content="★ Compare Pdfs online free - Compare pdfs PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta property="og:image" content="https://www.bentopdf.com/images/og-compare-pdfs.png"> <meta property="og:image" content="https://www.bentopdf.com/images/og-compare-pdfs.png">
<meta property="og:image:width" content="1200"> <meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630"> <meta property="og:image:height" content="630">
@@ -30,7 +32,8 @@
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://www.bentopdf.com/compare-pdfs"> <meta name="twitter:url" content="https://www.bentopdf.com/compare-pdfs">
<meta name="twitter:title" content="Compare Pdfs Free"> <meta name="twitter:title" content="Compare Pdfs Free">
<meta name="twitter:description" content="★ Compare Pdfs online free - Compare pdfs PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★"> <meta name="twitter:description"
content="★ Compare Pdfs online free - Compare pdfs PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★">
<meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-compare-pdfs.png"> <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-compare-pdfs.png">
<meta name="twitter:site" content="@BentoPDF"> <meta name="twitter:site" content="@BentoPDF">
@@ -115,15 +118,13 @@
class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
aria-controls="mobile-menu" aria-expanded="false"> aria-controls="mobile-menu" aria-expanded="false">
<span class="sr-only">Open main menu</span> <span class="sr-only">Open main menu</span>
<svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
d="M4 6h16M4 12h16M4 18h16" />
</svg> </svg>
<svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
d="M6 18L18 6M6 6l12 12" />
</svg> </svg>
</button> </button>
</div> </div>
@@ -148,7 +149,8 @@
<span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span> <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
</button> </button>
<h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:comparePdfs.name">Compare Pdfs Free Online - Fast & Secure</h1> <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:comparePdfs.name">Compare Pdfs Free Online - Fast
& Secure</h1>
<p class="text-gray-400 mb-6" data-i18n="tools:comparePdfs.subtitle"> <p class="text-gray-400 mb-6" data-i18n="tools:comparePdfs.subtitle">
Upload two PDF files to compare them side by side or with overlay mode. Upload two PDF files to compare them side by side or with overlay mode.
</p> </p>
@@ -162,8 +164,8 @@
<p class="text-sm text-gray-400">First PDF</p> <p class="text-sm text-gray-400">First PDF</p>
<p class="text-xs text-gray-500">Click or drop</p> <p class="text-xs text-gray-500">Click or drop</p>
</div> </div>
<input id="file-input-1" type="file" <input id="file-input-1" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer" accept="application/pdf"> accept="application/pdf">
</div> </div>
<div id="drop-zone-2" <div id="drop-zone-2"
class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300"> class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
@@ -172,8 +174,8 @@
<p class="text-sm text-gray-400">Second PDF</p> <p class="text-sm text-gray-400">Second PDF</p>
<p class="text-xs text-gray-500">Click or drop</p> <p class="text-xs text-gray-500">Click or drop</p>
</div> </div>
<input id="file-input-2" type="file" <input id="file-input-2" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer" accept="application/pdf"> accept="application/pdf">
</div> </div>
</div> </div>
@@ -183,16 +185,15 @@
<div <div
class="flex flex-wrap items-center justify-center gap-4 mb-4 p-3 bg-gray-900 rounded-lg border border-gray-700"> class="flex flex-wrap items-center justify-center gap-4 mb-4 p-3 bg-gray-900 rounded-lg border border-gray-700">
<!-- Page Navigation --> <!-- Page Navigation -->
<button id="prev-page-compare" <button id="prev-page-compare" class="btn p-2 rounded-full bg-gray-700 hover:bg-gray-600 disabled:opacity-50"
class="btn p-2 rounded-full bg-gray-700 hover:bg-gray-600 disabled:opacity-50" disabled> disabled>
<i data-lucide="chevron-left"></i> <i data-lucide="chevron-left"></i>
</button> </button>
<span class="text-white font-medium"> <span class="text-white font-medium">
Page <span id="current-page-display-compare">1</span> of <span Page <span id="current-page-display-compare">1</span> of <span id="total-pages-display-compare">1</span>
id="total-pages-display-compare">1</span>
</span> </span>
<button id="next-page-compare" <button id="next-page-compare" class="btn p-2 rounded-full bg-gray-700 hover:bg-gray-600 disabled:opacity-50"
class="btn p-2 rounded-full bg-gray-700 hover:bg-gray-600 disabled:opacity-50" disabled> disabled>
<i data-lucide="chevron-right"></i> <i data-lucide="chevron-right"></i>
</button> </button>
@@ -203,8 +204,7 @@
<div class="bg-gray-700 p-1 rounded-md flex gap-1"> <div class="bg-gray-700 p-1 rounded-md flex gap-1">
<button id="view-mode-overlay" <button id="view-mode-overlay"
class="btn bg-indigo-600 px-3 py-1 rounded text-sm font-semibold">Overlay</button> class="btn bg-indigo-600 px-3 py-1 rounded text-sm font-semibold">Overlay</button>
<button id="view-mode-side" <button id="view-mode-side" class="btn px-3 py-1 rounded text-sm font-semibold">Side-by-Side</button>
class="btn px-3 py-1 rounded text-sm font-semibold">Side-by-Side</button>
</div> </div>
<!-- Divider --> <!-- Divider -->
@@ -255,8 +255,8 @@
<!-- Alert Modal --> <!-- Alert Modal -->
<div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden"> <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
<div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700"> <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
<h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
data-i18n="alert.title">Alert</h3> Alert</h3>
<p id="alert-message" class="text-gray-300 mb-6"></p> <p id="alert-message" class="text-gray-300 mb-6"></p>
<button id="alert-ok" <button id="alert-ok"
class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200"> class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
@@ -271,7 +271,8 @@
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
<div class="space-y-6"> <div class="space-y-6">
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
1 1
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -280,7 +281,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
2 2
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -289,7 +291,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
3 3
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -304,23 +307,28 @@
<section class="max-w-6xl mx-auto px-4 py-12"> <section class="max-w-6xl mx-auto px-4 py-12">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4"> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
<a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/merge-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Merge Pdf</h3> <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
<p class="text-gray-400 text-sm">Free online merge pdf tool</p> <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
</a> </a>
<a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/compress-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Compress Pdf</h3> <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
<p class="text-gray-400 text-sm">Free online compress pdf tool</p> <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
</a> </a>
<a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/split-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Split Pdf</h3> <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
<p class="text-gray-400 text-sm">Free online split pdf tool</p> <p class="text-gray-400 text-sm">Free online split pdf tool</p>
</a> </a>
<a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/edit-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Edit Pdf</h3> <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
<p class="text-gray-400 text-sm">Free online edit pdf tool</p> <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
</a> </a>
<a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/rotate-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Rotate Pdf</h3> <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
<p class="text-gray-400 text-sm">Free online rotate pdf tool</p> <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
</a> </a>
@@ -336,14 +344,16 @@
Is compare pdfs really free? Is compare pdfs really free?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p> <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
file processing.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Are my files private and secure? Are my files private and secure?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p> <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
device, ensuring complete privacy.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -362,7 +372,7 @@
<img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" /> <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" />
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm">&copy; 2025 BentoPDF. All rights reserved.</p> <p class="text-gray-400 text-sm">&copy; 2026 BentoPDF. All rights reserved.</p>
<p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p> <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
</div> </div>
<div> <div>
@@ -403,8 +413,7 @@
title="Instagram"><i data-lucide="instagram"></i></a> title="Instagram"><i data-lucide="instagram"></i></a>
<a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400" <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
title="LinkedIn"><i data-lucide="linkedin"></i></a> title="LinkedIn"><i data-lucide="linkedin"></i></a>
<a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
title="X (Twitter)">
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path <path
d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" /> d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />

40
src/pages/compress-pdf.html
View File

@@ -119,7 +119,8 @@
<span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span> <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
</button> </button>
<h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:compressPdf.name">Compress PDF Free Online - Reduce File Size Fast</h1> <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:compressPdf.name">Compress PDF Free Online -
Reduce File Size Fast</h1>
<p class="text-gray-400 mb-6" data-i18n="tools:compressPdf.subtitle"> <p class="text-gray-400 mb-6" data-i18n="tools:compressPdf.subtitle">
Reduce file size by choosing the compression method that best suits your document. Supports multiple Reduce file size by choosing the compression method that best suits your document. Supports multiple
PDFs. PDFs.
@@ -279,7 +280,8 @@
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
<div class="space-y-6"> <div class="space-y-6">
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
1 1
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -288,7 +290,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
2 2
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -297,7 +300,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
3 3
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -306,7 +310,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
4 4
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -315,7 +320,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
5 5
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -330,15 +336,18 @@
<section class="max-w-6xl mx-auto px-4 py-12"> <section class="max-w-6xl mx-auto px-4 py-12">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4"> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
<a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/merge-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Merge Pdf</h3> <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
<p class="text-gray-400 text-sm">Free online merge pdf tool</p> <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
</a> </a>
<a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/split-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Split Pdf</h3> <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
<p class="text-gray-400 text-sm">Free online split pdf tool</p> <p class="text-gray-400 text-sm">Free online split pdf tool</p>
</a> </a>
<a href="/pdf-to-jpg.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/pdf-to-jpg.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Pdf To Jpg</h3> <h3 class="text-white font-semibold mb-1">Pdf To Jpg</h3>
<p class="text-gray-400 text-sm">Free online pdf to jpg tool</p> <p class="text-gray-400 text-sm">Free online pdf to jpg tool</p>
</a> </a>
@@ -354,21 +363,26 @@
What's the difference between Condense and Photon? What's the difference between Condense and Photon?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Condense removes dead-weight, optimizes images, and subsets fonts - best for most PDFs. Photon converts pages to images - ideal for photo-heavy/scanned PDFs but makes text non-selectable.</p> <p class="mt-3 text-gray-400">Condense removes dead-weight, optimizes images, and subsets fonts - best
for most PDFs. Photon converts pages to images - ideal for photo-heavy/scanned PDFs but makes text
non-selectable.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Which compression level should I use? Which compression level should I use?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Balanced (recommended) offers great size reduction with minimal quality loss. Use Light to preserve maximum quality, Aggressive for smaller files, or Extreme for maximum compression.</p> <p class="mt-3 text-gray-400">Balanced (recommended) offers great size reduction with minimal quality
loss. Use Light to preserve maximum quality, Aggressive for smaller files, or Extreme for maximum
compression.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Are there file size limits? Are there file size limits?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">No limits! Compress as many PDFs as you need, of any size, completely free.</p> <p class="mt-3 text-gray-400">No limits! Compress as many PDFs as you need, of any size, completely
free.</p>
</details> </details>
</div> </div>
</section> </section>
@@ -381,7 +395,7 @@
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm"> <p class="text-gray-400 text-sm">
&copy; 2025 BentoPDF. All rights reserved. &copy; 2026 BentoPDF. All rights reserved.
</p> </p>
<p class="text-gray-500 text-xs mt-2"> <p class="text-gray-500 text-xs mt-2">
Version <span id="app-version"></span> Version <span id="app-version"></span>

73
src/pages/crop-pdf.html
View File

@@ -8,7 +8,8 @@
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>Crop Pdf Online Free - Crop Pdf Tool | BentoPDF</title> <title>Crop Pdf Online Free - Crop Pdf Tool | BentoPDF</title>
<meta name="title" content="Crop Pdf Online Free - Crop Pdf Tool | BentoPDF"> <meta name="title" content="Crop Pdf Online Free - Crop Pdf Tool | BentoPDF">
<meta name="description" content="★ Crop Pdf online free - Crop pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta name="description"
content="★ Crop Pdf online free - Crop pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta name="keywords" content="crop pdf, crop pdf, online pdf"> <meta name="keywords" content="crop pdf, crop pdf, online pdf">
<meta name="author" content="BentoPDF"> <meta name="author" content="BentoPDF">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
@@ -20,7 +21,8 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://www.bentopdf.com/crop-pdf"> <meta property="og:url" content="https://www.bentopdf.com/crop-pdf">
<meta property="og:title" content="Crop Pdf Online Free - Crop Pdf Tool | BentoPDF"> <meta property="og:title" content="Crop Pdf Online Free - Crop Pdf Tool | BentoPDF">
<meta property="og:description" content="★ Crop Pdf online free - Crop pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta property="og:description"
content="★ Crop Pdf online free - Crop pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta property="og:image" content="https://www.bentopdf.com/images/og-crop-pdf.png"> <meta property="og:image" content="https://www.bentopdf.com/images/og-crop-pdf.png">
<meta property="og:image:width" content="1200"> <meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630"> <meta property="og:image:height" content="630">
@@ -30,7 +32,8 @@
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://www.bentopdf.com/crop-pdf"> <meta name="twitter:url" content="https://www.bentopdf.com/crop-pdf">
<meta name="twitter:title" content="Crop Pdf Free"> <meta name="twitter:title" content="Crop Pdf Free">
<meta name="twitter:description" content="★ Crop Pdf online free - Crop pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & "> <meta name="twitter:description"
content="★ Crop Pdf online free - Crop pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & ">
<meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-crop-pdf.png"> <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-crop-pdf.png">
<meta name="twitter:site" content="@BentoPDF"> <meta name="twitter:site" content="@BentoPDF">
@@ -86,15 +89,13 @@
class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
aria-controls="mobile-menu" aria-expanded="false"> aria-controls="mobile-menu" aria-expanded="false">
<span class="sr-only">Open main menu</span> <span class="sr-only">Open main menu</span>
<svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
d="M4 6h16M4 12h16M4 18h16" />
</svg> </svg>
<svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
d="M6 18L18 6M6 6l12 12" />
</svg> </svg>
</button> </button>
</div> </div>
@@ -120,7 +121,8 @@
<span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span> <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
</button> </button>
<h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:cropPdf.name">Crop Pdf Free Online - Fast & Secure</h1> <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:cropPdf.name">Crop Pdf Free Online - Fast & Secure
</h1>
<p class="text-gray-400 mb-6" data-i18n="tools:cropPdf.subtitle"> <p class="text-gray-400 mb-6" data-i18n="tools:cropPdf.subtitle">
Upload a PDF to visually crop one or more pages. This tool offers a live preview and two distinct Upload a PDF to visually crop one or more pages. This tool offers a live preview and two distinct
cropping modes. cropping modes.
@@ -131,9 +133,8 @@
class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300"> class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
<div class="flex flex-col items-center justify-center pt-5 pb-6"> <div class="flex flex-col items-center justify-center pt-5 pb-6">
<i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i> <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
<p class="mb-2 text-sm text-gray-400"><span class="font-semibold" <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to
data-i18n="upload.clickToSelect">Click to select a file</span> <span select a file</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
<p class="text-xs text-gray-500">PDF Documents</p> <p class="text-xs text-gray-500">PDF Documents</p>
<p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
device.</p> device.</p>
@@ -152,13 +153,12 @@
<div <div
class="flex flex-col md:flex-row items-center justify-between gap-4 mb-4 p-3 bg-gray-800 rounded-lg border border-gray-700"> class="flex flex-col md:flex-row items-center justify-between gap-4 mb-4 p-3 bg-gray-800 rounded-lg border border-gray-700">
<div id="page-nav" class="flex items-center gap-2"> <div id="page-nav" class="flex items-center gap-2">
<button id="prev-page" class="btn p-2 rounded-full bg-gray-700 hover:bg-gray-600" <button id="prev-page" class="btn p-2 rounded-full bg-gray-700 hover:bg-gray-600" title="Previous Page"
title="Previous Page" disabled> disabled>
<i data-lucide="chevron-left" class="w-5 h-5"></i> <i data-lucide="chevron-left" class="w-5 h-5"></i>
</button> </button>
<span id="page-info" class="text-white font-medium px-2">Page 1 of 1</span> <span id="page-info" class="text-white font-medium px-2">Page 1 of 1</span>
<button id="next-page" class="btn p-2 rounded-full bg-gray-700 hover:bg-gray-600" title="Next Page" <button id="next-page" class="btn p-2 rounded-full bg-gray-700 hover:bg-gray-600" title="Next Page" disabled>
disabled>
<i data-lucide="chevron-right" class="w-5 h-5"></i> <i data-lucide="chevron-right" class="w-5 h-5"></i>
</button> </button>
</div> </div>
@@ -201,8 +201,8 @@
<!-- Alert Modal --> <!-- Alert Modal -->
<div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden"> <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
<div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700"> <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
<h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
data-i18n="alert.title">Alert</h3> Alert</h3>
<p id="alert-message" class="text-gray-300 mb-6"></p> <p id="alert-message" class="text-gray-300 mb-6"></p>
<button id="alert-ok" <button id="alert-ok"
class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200"> class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
@@ -217,7 +217,8 @@
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
<div class="space-y-6"> <div class="space-y-6">
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
1 1
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -226,7 +227,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
2 2
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -235,7 +237,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
3 3
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -250,23 +253,28 @@
<section class="max-w-6xl mx-auto px-4 py-12"> <section class="max-w-6xl mx-auto px-4 py-12">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4"> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
<a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/merge-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Merge Pdf</h3> <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
<p class="text-gray-400 text-sm">Free online merge pdf tool</p> <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
</a> </a>
<a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/compress-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Compress Pdf</h3> <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
<p class="text-gray-400 text-sm">Free online compress pdf tool</p> <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
</a> </a>
<a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/split-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Split Pdf</h3> <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
<p class="text-gray-400 text-sm">Free online split pdf tool</p> <p class="text-gray-400 text-sm">Free online split pdf tool</p>
</a> </a>
<a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/edit-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Edit Pdf</h3> <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
<p class="text-gray-400 text-sm">Free online edit pdf tool</p> <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
</a> </a>
<a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/rotate-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Rotate Pdf</h3> <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
<p class="text-gray-400 text-sm">Free online rotate pdf tool</p> <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
</a> </a>
@@ -282,14 +290,16 @@
Is crop pdf really free? Is crop pdf really free?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p> <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
file processing.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Are my files private and secure? Are my files private and secure?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p> <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
device, ensuring complete privacy.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -309,7 +319,7 @@
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm"> <p class="text-gray-400 text-sm">
&copy; 2025 BentoPDF. All rights reserved. &copy; 2026 BentoPDF. All rights reserved.
</p> </p>
<p class="text-gray-500 text-xs mt-2"> <p class="text-gray-500 text-xs mt-2">
Version <span id="app-version"></span> Version <span id="app-version"></span>
@@ -360,8 +370,7 @@
title="LinkedIn"> title="LinkedIn">
<i data-lucide="linkedin"></i> <i data-lucide="linkedin"></i>
</a> </a>
<a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
title="X (Twitter)">
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path <path
d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" /> d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />

58
src/pages/csv-to-pdf.html
View File

@@ -8,7 +8,8 @@
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>Csv To Pdf Online Free - Csv To Pdf Tool | BentoPDF</title> <title>Csv To Pdf Online Free - Csv To Pdf Tool | BentoPDF</title>
<meta name="title" content="Csv To Pdf Online Free - Csv To Pdf Tool | BentoPDF"> <meta name="title" content="Csv To Pdf Online Free - Csv To Pdf Tool | BentoPDF">
<meta name="description" content="★ Csv To Pdf online free - Csv to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta name="description"
content="★ Csv To Pdf online free - Csv to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta name="keywords" content="csv to pdf, csv to pdf, online pdf"> <meta name="keywords" content="csv to pdf, csv to pdf, online pdf">
<meta name="author" content="BentoPDF"> <meta name="author" content="BentoPDF">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
@@ -20,7 +21,8 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://www.bentopdf.com/csv-to-pdf"> <meta property="og:url" content="https://www.bentopdf.com/csv-to-pdf">
<meta property="og:title" content="Csv To Pdf Online Free - Csv To Pdf Tool | BentoPDF"> <meta property="og:title" content="Csv To Pdf Online Free - Csv To Pdf Tool | BentoPDF">
<meta property="og:description" content="★ Csv To Pdf online free - Csv to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta property="og:description"
content="★ Csv To Pdf online free - Csv to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta property="og:image" content="https://www.bentopdf.com/images/og-csv-to-pdf.png"> <meta property="og:image" content="https://www.bentopdf.com/images/og-csv-to-pdf.png">
<meta property="og:image:width" content="1200"> <meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630"> <meta property="og:image:height" content="630">
@@ -30,7 +32,8 @@
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://www.bentopdf.com/csv-to-pdf"> <meta name="twitter:url" content="https://www.bentopdf.com/csv-to-pdf">
<meta name="twitter:title" content="Csv To Pdf Free"> <meta name="twitter:title" content="Csv To Pdf Free">
<meta name="twitter:description" content="★ Csv To Pdf online free - Csv to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas"> <meta name="twitter:description"
content="★ Csv To Pdf online free - Csv to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas">
<meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-csv-to-pdf.png"> <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-csv-to-pdf.png">
<meta name="twitter:site" content="@BentoPDF"> <meta name="twitter:site" content="@BentoPDF">
@@ -85,15 +88,13 @@
class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
aria-controls="mobile-menu" aria-expanded="false"> aria-controls="mobile-menu" aria-expanded="false">
<span class="sr-only">Open main menu</span> <span class="sr-only">Open main menu</span>
<svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
d="M4 6h16M4 12h16M4 18h16" />
</svg> </svg>
<svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
d="M6 18L18 6M6 6l12 12" />
</svg> </svg>
</button> </button>
</div> </div>
@@ -169,8 +170,8 @@
<div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden"> <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
<div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700"> <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
<h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
data-i18n="alert.title">Alert</h3> Alert</h3>
<p id="alert-message" class="text-gray-300 mb-6"></p> <p id="alert-message" class="text-gray-300 mb-6"></p>
<button id="alert-ok" <button id="alert-ok"
class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200"> class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
@@ -185,7 +186,8 @@
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
<div class="space-y-6"> <div class="space-y-6">
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
1 1
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -194,7 +196,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
2 2
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -203,7 +206,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
3 3
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -218,23 +222,28 @@
<section class="max-w-6xl mx-auto px-4 py-12"> <section class="max-w-6xl mx-auto px-4 py-12">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4"> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
<a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/merge-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Merge Pdf</h3> <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
<p class="text-gray-400 text-sm">Free online merge pdf tool</p> <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
</a> </a>
<a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/compress-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Compress Pdf</h3> <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
<p class="text-gray-400 text-sm">Free online compress pdf tool</p> <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
</a> </a>
<a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/split-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Split Pdf</h3> <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
<p class="text-gray-400 text-sm">Free online split pdf tool</p> <p class="text-gray-400 text-sm">Free online split pdf tool</p>
</a> </a>
<a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/edit-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Edit Pdf</h3> <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
<p class="text-gray-400 text-sm">Free online edit pdf tool</p> <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
</a> </a>
<a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/rotate-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Rotate Pdf</h3> <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
<p class="text-gray-400 text-sm">Free online rotate pdf tool</p> <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
</a> </a>
@@ -250,14 +259,16 @@
Is csv to pdf really free? Is csv to pdf really free?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p> <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
file processing.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Are my files private and secure? Are my files private and secure?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p> <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
device, ensuring complete privacy.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -277,7 +288,7 @@
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm"> <p class="text-gray-400 text-sm">
&copy; 2025 BentoPDF. All rights reserved. &copy; 2026 BentoPDF. All rights reserved.
</p> </p>
<p class="text-gray-500 text-xs mt-2"> <p class="text-gray-500 text-xs mt-2">
Version <span id="app-version"></span> Version <span id="app-version"></span>
@@ -340,8 +351,7 @@
title="LinkedIn"> title="LinkedIn">
<i data-lucide="linkedin"></i> <i data-lucide="linkedin"></i>
</a> </a>
<a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
title="X (Twitter)">
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path <path
d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" /> d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />

61
src/pages/decrypt-pdf.html
View File

@@ -8,7 +8,8 @@
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>Decrypt PDF Online Free - Decrypt PDF Tool | BentoPDF</title> <title>Decrypt PDF Online Free - Decrypt PDF Tool | BentoPDF</title>
<meta name="title" content="Decrypt PDF Online Free - Decrypt PDF Tool | BentoPDF"> <meta name="title" content="Decrypt PDF Online Free - Decrypt PDF Tool | BentoPDF">
<meta name="description" content="★ Decrypt PDF online free - Decrypt PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta name="description"
content="★ Decrypt PDF online free - Decrypt PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta name="keywords" content="decrypt pdf, remove password, unlock pdf"> <meta name="keywords" content="decrypt pdf, remove password, unlock pdf">
<meta name="author" content="BentoPDF"> <meta name="author" content="BentoPDF">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
@@ -20,7 +21,8 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://www.bentopdf.com/decrypt-pdf"> <meta property="og:url" content="https://www.bentopdf.com/decrypt-pdf">
<meta property="og:title" content="Decrypt PDF Online Free - Decrypt PDF Tool | BentoPDF"> <meta property="og:title" content="Decrypt PDF Online Free - Decrypt PDF Tool | BentoPDF">
<meta property="og:description" content="★ Decrypt PDF online free - Decrypt PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta property="og:description"
content="★ Decrypt PDF online free - Decrypt PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta property="og:image" content="https://www.bentopdf.com/images/og-decrypt-pdf.png"> <meta property="og:image" content="https://www.bentopdf.com/images/og-decrypt-pdf.png">
<meta property="og:image:width" content="1200"> <meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630"> <meta property="og:image:height" content="630">
@@ -30,7 +32,8 @@
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://www.bentopdf.com/decrypt-pdf"> <meta name="twitter:url" content="https://www.bentopdf.com/decrypt-pdf">
<meta name="twitter:title" content="Decrypt PDF Free"> <meta name="twitter:title" content="Decrypt PDF Free">
<meta name="twitter:description" content="★ Decrypt PDF online free - Decrypt PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast "> <meta name="twitter:description"
content="★ Decrypt PDF online free - Decrypt PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast ">
<meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-decrypt-pdf.png"> <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-decrypt-pdf.png">
<meta name="twitter:site" content="@BentoPDF"> <meta name="twitter:site" content="@BentoPDF">
@@ -85,15 +88,13 @@
class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
aria-controls="mobile-menu" aria-expanded="false"> aria-controls="mobile-menu" aria-expanded="false">
<span class="sr-only">Open main menu</span> <span class="sr-only">Open main menu</span>
<svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
d="M4 6h16M4 12h16M4 18h16" />
</svg> </svg>
<svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
d="M6 18L18 6M6 6l12 12" />
</svg> </svg>
</button> </button>
</div> </div>
@@ -118,7 +119,8 @@
<span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span> <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
</button> </button>
<h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:decryptPdf.name">Decrypt PDF Free - Remove Password Online</h1> <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:decryptPdf.name">Decrypt PDF Free - Remove
Password Online</h1>
<p class="text-gray-400 mb-6" data-i18n="tools:decryptPdf.subtitle"> <p class="text-gray-400 mb-6" data-i18n="tools:decryptPdf.subtitle">
Unlock password-protected PDF files by removing encryption. Unlock password-protected PDF files by removing encryption.
</p> </p>
@@ -164,8 +166,8 @@
<!-- Alert Modal --> <!-- Alert Modal -->
<div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden"> <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
<div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700"> <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
<h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
data-i18n="alert.title">Alert</h3> Alert</h3>
<p id="alert-message" class="text-gray-300 mb-6"></p> <p id="alert-message" class="text-gray-300 mb-6"></p>
<button id="alert-ok" <button id="alert-ok"
class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200"> class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
@@ -180,7 +182,8 @@
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
<div class="space-y-6"> <div class="space-y-6">
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
1 1
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -189,7 +192,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
2 2
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -198,7 +202,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
3 3
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -213,23 +218,28 @@
<section class="max-w-6xl mx-auto px-4 py-12"> <section class="max-w-6xl mx-auto px-4 py-12">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4"> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
<a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/merge-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Merge Pdf</h3> <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
<p class="text-gray-400 text-sm">Free online merge pdf tool</p> <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
</a> </a>
<a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/compress-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Compress Pdf</h3> <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
<p class="text-gray-400 text-sm">Free online compress pdf tool</p> <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
</a> </a>
<a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/split-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Split Pdf</h3> <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
<p class="text-gray-400 text-sm">Free online split pdf tool</p> <p class="text-gray-400 text-sm">Free online split pdf tool</p>
</a> </a>
<a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/edit-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Edit Pdf</h3> <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
<p class="text-gray-400 text-sm">Free online edit pdf tool</p> <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
</a> </a>
<a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/rotate-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Rotate Pdf</h3> <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
<p class="text-gray-400 text-sm">Free online rotate pdf tool</p> <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
</a> </a>
@@ -245,14 +255,16 @@
Is decrypt pdf really free? Is decrypt pdf really free?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p> <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
file processing.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Are my files private and secure? Are my files private and secure?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p> <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
device, ensuring complete privacy.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -271,7 +283,7 @@
<img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" /> <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" />
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm">&copy; 2025 BentoPDF. All rights reserved.</p> <p class="text-gray-400 text-sm">&copy; 2026 BentoPDF. All rights reserved.</p>
<p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p> <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
</div> </div>
<div> <div>
@@ -312,8 +324,7 @@
title="Instagram"><i data-lucide="instagram"></i></a> title="Instagram"><i data-lucide="instagram"></i></a>
<a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400" <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
title="LinkedIn"><i data-lucide="linkedin"></i></a> title="LinkedIn"><i data-lucide="linkedin"></i></a>
<a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
title="X (Twitter)">
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path <path
d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" /> d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />

56
src/pages/delete-pages.html
View File

@@ -8,7 +8,8 @@
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>Delete Pages Online Free - Delete Pages Tool | BentoPDF</title> <title>Delete Pages Online Free - Delete Pages Tool | BentoPDF</title>
<meta name="title" content="Delete Pages Online Free - Delete Pages Tool | BentoPDF"> <meta name="title" content="Delete Pages Online Free - Delete Pages Tool | BentoPDF">
<meta name="description" content="★ Delete Pages online free - Delete pages PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta name="description"
content="★ Delete Pages online free - Delete pages PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta name="keywords" content="delete pages, delete pages, online pdf"> <meta name="keywords" content="delete pages, delete pages, online pdf">
<meta name="author" content="BentoPDF"> <meta name="author" content="BentoPDF">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
@@ -20,7 +21,8 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://www.bentopdf.com/delete-pages"> <meta property="og:url" content="https://www.bentopdf.com/delete-pages">
<meta property="og:title" content="Delete Pages Online Free - Delete Pages Tool | BentoPDF"> <meta property="og:title" content="Delete Pages Online Free - Delete Pages Tool | BentoPDF">
<meta property="og:description" content="★ Delete Pages online free - Delete pages PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta property="og:description"
content="★ Delete Pages online free - Delete pages PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta property="og:image" content="https://www.bentopdf.com/images/og-delete-pages.png"> <meta property="og:image" content="https://www.bentopdf.com/images/og-delete-pages.png">
<meta property="og:image:width" content="1200"> <meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630"> <meta property="og:image:height" content="630">
@@ -30,7 +32,8 @@
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://www.bentopdf.com/delete-pages"> <meta name="twitter:url" content="https://www.bentopdf.com/delete-pages">
<meta name="twitter:title" content="Delete Pages Free"> <meta name="twitter:title" content="Delete Pages Free">
<meta name="twitter:description" content="★ Delete Pages online free - Delete pages PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★"> <meta name="twitter:description"
content="★ Delete Pages online free - Delete pages PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★">
<meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-delete-pages.png"> <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-delete-pages.png">
<meta name="twitter:site" content="@BentoPDF"> <meta name="twitter:site" content="@BentoPDF">
@@ -86,16 +89,16 @@
<i data-lucide="arrow-left" class="cursor-pointer"></i> <i data-lucide="arrow-left" class="cursor-pointer"></i>
<span class="cursor-pointer">Back to Tools</span> <span class="cursor-pointer">Back to Tools</span>
</button> </button>
<h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:deletePages.name">Delete PDF Pages Free - Remove Pages Online</h1> <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:deletePages.name">Delete PDF Pages Free - Remove
Pages Online</h1>
<p class="text-gray-400 mb-6" data-i18n="tools:deletePages.subtitle">Remove specific pages or ranges of <p class="text-gray-400 mb-6" data-i18n="tools:deletePages.subtitle">Remove specific pages or ranges of
pages from your PDF file.</p> pages from your PDF file.</p>
<div id="drop-zone" <div id="drop-zone"
class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300"> class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
<div class="flex flex-col items-center justify-center pt-5 pb-6"> <div class="flex flex-col items-center justify-center pt-5 pb-6">
<i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i> <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
<p class="mb-2 text-sm text-gray-400"><span class="font-semibold" <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to
data-i18n="upload.clickToSelect">Click to select a file</span> <span select a file</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
<p class="text-xs text-gray-500">PDF Documents</p> <p class="text-xs text-gray-500">PDF Documents</p>
</div> </div>
<input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer" <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
@@ -123,8 +126,8 @@
</div> </div>
<div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden"> <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
<div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700"> <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
<h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
data-i18n="alert.title">Alert</h3> Alert</h3>
<p id="alert-message" class="text-gray-300 mb-6"></p> <p id="alert-message" class="text-gray-300 mb-6"></p>
<button id="alert-ok" <button id="alert-ok"
class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg" class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg"
@@ -138,7 +141,8 @@
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
<div class="space-y-6"> <div class="space-y-6">
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
1 1
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -147,7 +151,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
2 2
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -156,7 +161,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
3 3
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -171,23 +177,28 @@
<section class="max-w-6xl mx-auto px-4 py-12"> <section class="max-w-6xl mx-auto px-4 py-12">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4"> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
<a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/merge-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Merge Pdf</h3> <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
<p class="text-gray-400 text-sm">Free online merge pdf tool</p> <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
</a> </a>
<a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/compress-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Compress Pdf</h3> <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
<p class="text-gray-400 text-sm">Free online compress pdf tool</p> <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
</a> </a>
<a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/split-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Split Pdf</h3> <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
<p class="text-gray-400 text-sm">Free online split pdf tool</p> <p class="text-gray-400 text-sm">Free online split pdf tool</p>
</a> </a>
<a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/edit-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Edit Pdf</h3> <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
<p class="text-gray-400 text-sm">Free online edit pdf tool</p> <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
</a> </a>
<a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/rotate-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Rotate Pdf</h3> <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
<p class="text-gray-400 text-sm">Free online rotate pdf tool</p> <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
</a> </a>
@@ -203,14 +214,16 @@
Is delete pages really free? Is delete pages really free?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p> <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
file processing.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Are my files private and secure? Are my files private and secure?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p> <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
device, ensuring complete privacy.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -229,7 +242,7 @@
<img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" /> <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" />
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm">&copy; 2025 BentoPDF. All rights reserved.</p> <p class="text-gray-400 text-sm">&copy; 2026 BentoPDF. All rights reserved.</p>
<p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p> <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
</div> </div>
@@ -277,8 +290,7 @@
title="LinkedIn"> title="LinkedIn">
<i data-lucide="linkedin"></i> <i data-lucide="linkedin"></i>
</a> </a>
<a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
title="X (Twitter)">
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path <path
d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" /> d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />

69
src/pages/divide-pages.html
View File

@@ -8,7 +8,8 @@
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>Divide Pages Online Free - Divide Pages Tool | BentoPDF</title> <title>Divide Pages Online Free - Divide Pages Tool | BentoPDF</title>
<meta name="title" content="Divide Pages Online Free - Divide Pages Tool | BentoPDF"> <meta name="title" content="Divide Pages Online Free - Divide Pages Tool | BentoPDF">
<meta name="description" content="★ Divide Pages online free - Divide pages PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta name="description"
content="★ Divide Pages online free - Divide pages PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta name="keywords" content="divide pages, divide pages, online pdf"> <meta name="keywords" content="divide pages, divide pages, online pdf">
<meta name="author" content="BentoPDF"> <meta name="author" content="BentoPDF">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
@@ -20,7 +21,8 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://www.bentopdf.com/divide-pages"> <meta property="og:url" content="https://www.bentopdf.com/divide-pages">
<meta property="og:title" content="Divide Pages Online Free - Divide Pages Tool | BentoPDF"> <meta property="og:title" content="Divide Pages Online Free - Divide Pages Tool | BentoPDF">
<meta property="og:description" content="★ Divide Pages online free - Divide pages PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta property="og:description"
content="★ Divide Pages online free - Divide pages PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta property="og:image" content="https://www.bentopdf.com/images/og-divide-pages.png"> <meta property="og:image" content="https://www.bentopdf.com/images/og-divide-pages.png">
<meta property="og:image:width" content="1200"> <meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630"> <meta property="og:image:height" content="630">
@@ -30,7 +32,8 @@
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://www.bentopdf.com/divide-pages"> <meta name="twitter:url" content="https://www.bentopdf.com/divide-pages">
<meta name="twitter:title" content="Divide Pages Free"> <meta name="twitter:title" content="Divide Pages Free">
<meta name="twitter:description" content="★ Divide Pages online free - Divide pages PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★"> <meta name="twitter:description"
content="★ Divide Pages online free - Divide pages PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★">
<meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-divide-pages.png"> <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-divide-pages.png">
<meta name="twitter:site" content="@BentoPDF"> <meta name="twitter:site" content="@BentoPDF">
@@ -85,15 +88,13 @@
class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
aria-controls="mobile-menu" aria-expanded="false"> aria-controls="mobile-menu" aria-expanded="false">
<span class="sr-only">Open main menu</span> <span class="sr-only">Open main menu</span>
<svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
d="M4 6h16M4 12h16M4 18h16" />
</svg> </svg>
<svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
d="M6 18L18 6M6 6l12 12" />
</svg> </svg>
</button> </button>
</div> </div>
@@ -118,7 +119,8 @@
<span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span> <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
</button> </button>
<h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:dividePages.name">Divide Pages Free Online - Fast & Secure</h1> <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:dividePages.name">Divide Pages Free Online - Fast
& Secure</h1>
<p class="text-gray-400 mb-6" data-i18n="tools:dividePages.subtitle"> <p class="text-gray-400 mb-6" data-i18n="tools:dividePages.subtitle">
Split each page of your PDF horizontally or vertically, turning one page into two. Split each page of your PDF horizontally or vertically, turning one page into two.
</p> </p>
@@ -127,9 +129,8 @@
class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300"> class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
<div class="flex flex-col items-center justify-center pt-5 pb-6"> <div class="flex flex-col items-center justify-center pt-5 pb-6">
<i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i> <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
<p class="mb-2 text-sm text-gray-400"><span class="font-semibold" <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to
data-i18n="upload.clickToSelect">Click to select a file</span> <span select a file</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
<p class="text-xs text-gray-500">A single PDF file</p> <p class="text-xs text-gray-500">A single PDF file</p>
<p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
device.</p> device.</p>
@@ -162,8 +163,7 @@
<div class="mb-4"> <div class="mb-4">
<label for="split-type" class="block mb-2 text-sm font-medium text-gray-300">Split Direction</label> <label for="split-type" class="block mb-2 text-sm font-medium text-gray-300">Split Direction</label>
<select id="split-type" <select id="split-type" class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5">
class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5">
<option value="vertical">Vertical (Left & Right)</option> <option value="vertical">Vertical (Left & Right)</option>
<option value="horizontal">Horizontal (Top & Bottom)</option> <option value="horizontal">Horizontal (Top & Bottom)</option>
</select> </select>
@@ -186,8 +186,8 @@
<!-- Alert Modal --> <!-- Alert Modal -->
<div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden"> <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
<div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700"> <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
<h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
data-i18n="alert.title">Alert</h3> Alert</h3>
<p id="alert-message" class="text-gray-300 mb-6"></p> <p id="alert-message" class="text-gray-300 mb-6"></p>
<button id="alert-ok" <button id="alert-ok"
class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200"> class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
@@ -202,7 +202,8 @@
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
<div class="space-y-6"> <div class="space-y-6">
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
1 1
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -211,7 +212,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
2 2
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -220,7 +222,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
3 3
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -235,23 +238,28 @@
<section class="max-w-6xl mx-auto px-4 py-12"> <section class="max-w-6xl mx-auto px-4 py-12">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4"> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
<a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/merge-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Merge Pdf</h3> <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
<p class="text-gray-400 text-sm">Free online merge pdf tool</p> <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
</a> </a>
<a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/compress-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Compress Pdf</h3> <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
<p class="text-gray-400 text-sm">Free online compress pdf tool</p> <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
</a> </a>
<a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/split-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Split Pdf</h3> <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
<p class="text-gray-400 text-sm">Free online split pdf tool</p> <p class="text-gray-400 text-sm">Free online split pdf tool</p>
</a> </a>
<a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/edit-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Edit Pdf</h3> <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
<p class="text-gray-400 text-sm">Free online edit pdf tool</p> <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
</a> </a>
<a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/rotate-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Rotate Pdf</h3> <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
<p class="text-gray-400 text-sm">Free online rotate pdf tool</p> <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
</a> </a>
@@ -267,14 +275,16 @@
Is divide pages really free? Is divide pages really free?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p> <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
file processing.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Are my files private and secure? Are my files private and secure?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p> <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
device, ensuring complete privacy.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -293,7 +303,7 @@
<img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" /> <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" />
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm">&copy; 2025 BentoPDF. All rights reserved.</p> <p class="text-gray-400 text-sm">&copy; 2026 BentoPDF. All rights reserved.</p>
<p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p> <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
</div> </div>
<div> <div>
@@ -334,8 +344,7 @@
title="Instagram"><i data-lucide="instagram"></i></a> title="Instagram"><i data-lucide="instagram"></i></a>
<a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400" <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
title="LinkedIn"><i data-lucide="linkedin"></i></a> title="LinkedIn"><i data-lucide="linkedin"></i></a>
<a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
title="X (Twitter)">
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path <path
d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" /> d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />

61
src/pages/edit-attachments.html
View File

@@ -8,7 +8,8 @@
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>Edit Attachments Online Free - Edit Attachments Tool | BentoPDF</title> <title>Edit Attachments Online Free - Edit Attachments Tool | BentoPDF</title>
<meta name="title" content="Edit Attachments Online Free - Edit Attachments Tool | BentoPDF"> <meta name="title" content="Edit Attachments Online Free - Edit Attachments Tool | BentoPDF">
<meta name="description" content="★ Edit Attachments online free - Edit attachments PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta name="description"
content="★ Edit Attachments online free - Edit attachments PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta name="keywords" content="edit attachments, edit attachments, online pdf"> <meta name="keywords" content="edit attachments, edit attachments, online pdf">
<meta name="author" content="BentoPDF"> <meta name="author" content="BentoPDF">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
@@ -20,7 +21,8 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://www.bentopdf.com/edit-attachments"> <meta property="og:url" content="https://www.bentopdf.com/edit-attachments">
<meta property="og:title" content="Edit Attachments Online Free - Edit Attachments Tool | BentoPDF"> <meta property="og:title" content="Edit Attachments Online Free - Edit Attachments Tool | BentoPDF">
<meta property="og:description" content="★ Edit Attachments online free - Edit attachments PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta property="og:description"
content="★ Edit Attachments online free - Edit attachments PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta property="og:image" content="https://www.bentopdf.com/images/og-edit-attachments.png"> <meta property="og:image" content="https://www.bentopdf.com/images/og-edit-attachments.png">
<meta property="og:image:width" content="1200"> <meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630"> <meta property="og:image:height" content="630">
@@ -30,7 +32,8 @@
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://www.bentopdf.com/edit-attachments"> <meta name="twitter:url" content="https://www.bentopdf.com/edit-attachments">
<meta name="twitter:title" content="Edit Attachments Free"> <meta name="twitter:title" content="Edit Attachments Free">
<meta name="twitter:description" content="★ Edit Attachments online free - Edit attachments PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in b"> <meta name="twitter:description"
content="★ Edit Attachments online free - Edit attachments PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in b">
<meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-edit-attachments.png"> <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-edit-attachments.png">
<meta name="twitter:site" content="@BentoPDF"> <meta name="twitter:site" content="@BentoPDF">
@@ -85,15 +88,13 @@
class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
aria-controls="mobile-menu" aria-expanded="false"> aria-controls="mobile-menu" aria-expanded="false">
<span class="sr-only">Open main menu</span> <span class="sr-only">Open main menu</span>
<svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
d="M4 6h16M4 12h16M4 18h16" />
</svg> </svg>
<svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
d="M6 18L18 6M6 6l12 12" />
</svg> </svg>
</button> </button>
</div> </div>
@@ -118,7 +119,8 @@
<span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span> <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
</button> </button>
<h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:editAttachments.name">Edit Attachments Free Online - Edit PDFs Securely</h1> <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:editAttachments.name">Edit Attachments Free Online
- Edit PDFs Securely</h1>
<p class="text-gray-400 mb-6" data-i18n="tools:editAttachments.subtitle"> <p class="text-gray-400 mb-6" data-i18n="tools:editAttachments.subtitle">
Upload a PDF to view and remove its embedded attachments. Upload a PDF to view and remove its embedded attachments.
</p> </p>
@@ -158,8 +160,8 @@
<!-- Alert Modal --> <!-- Alert Modal -->
<div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden"> <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
<div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700"> <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
<h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
data-i18n="alert.title">Alert</h3> Alert</h3>
<p id="alert-message" class="text-gray-300 mb-6"></p> <p id="alert-message" class="text-gray-300 mb-6"></p>
<button id="alert-ok" <button id="alert-ok"
class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200"> class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
@@ -174,7 +176,8 @@
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
<div class="space-y-6"> <div class="space-y-6">
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
1 1
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -183,7 +186,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
2 2
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -192,7 +196,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
3 3
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -207,23 +212,28 @@
<section class="max-w-6xl mx-auto px-4 py-12"> <section class="max-w-6xl mx-auto px-4 py-12">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4"> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
<a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/merge-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Merge Pdf</h3> <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
<p class="text-gray-400 text-sm">Free online merge pdf tool</p> <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
</a> </a>
<a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/compress-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Compress Pdf</h3> <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
<p class="text-gray-400 text-sm">Free online compress pdf tool</p> <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
</a> </a>
<a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/split-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Split Pdf</h3> <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
<p class="text-gray-400 text-sm">Free online split pdf tool</p> <p class="text-gray-400 text-sm">Free online split pdf tool</p>
</a> </a>
<a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/edit-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Edit Pdf</h3> <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
<p class="text-gray-400 text-sm">Free online edit pdf tool</p> <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
</a> </a>
<a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/rotate-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Rotate Pdf</h3> <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
<p class="text-gray-400 text-sm">Free online rotate pdf tool</p> <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
</a> </a>
@@ -239,14 +249,16 @@
Is edit attachments really free? Is edit attachments really free?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p> <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
file processing.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Are my files private and secure? Are my files private and secure?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p> <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
device, ensuring complete privacy.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -265,7 +277,7 @@
<img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" /> <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" />
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm">&copy; 2025 BentoPDF. All rights reserved.</p> <p class="text-gray-400 text-sm">&copy; 2026 BentoPDF. All rights reserved.</p>
<p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p> <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
</div> </div>
<div> <div>
@@ -306,8 +318,7 @@
title="Instagram"><i data-lucide="instagram"></i></a> title="Instagram"><i data-lucide="instagram"></i></a>
<a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400" <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
title="LinkedIn"><i data-lucide="linkedin"></i></a> title="LinkedIn"><i data-lucide="linkedin"></i></a>
<a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
title="X (Twitter)">
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path <path
d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" /> d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />

69
src/pages/edit-metadata.html
View File

@@ -8,7 +8,8 @@
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>Edit Metadata Online Free - Edit Metadata Tool | BentoPDF</title> <title>Edit Metadata Online Free - Edit Metadata Tool | BentoPDF</title>
<meta name="title" content="Edit Metadata Online Free - Edit Metadata Tool | BentoPDF"> <meta name="title" content="Edit Metadata Online Free - Edit Metadata Tool | BentoPDF">
<meta name="description" content="★ Edit Metadata online free - Edit metadata PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta name="description"
content="★ Edit Metadata online free - Edit metadata PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta name="keywords" content="edit metadata, edit metadata, online pdf"> <meta name="keywords" content="edit metadata, edit metadata, online pdf">
<meta name="author" content="BentoPDF"> <meta name="author" content="BentoPDF">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
@@ -20,7 +21,8 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://www.bentopdf.com/edit-metadata"> <meta property="og:url" content="https://www.bentopdf.com/edit-metadata">
<meta property="og:title" content="Edit Metadata Online Free - Edit Metadata Tool | BentoPDF"> <meta property="og:title" content="Edit Metadata Online Free - Edit Metadata Tool | BentoPDF">
<meta property="og:description" content="★ Edit Metadata online free - Edit metadata PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta property="og:description"
content="★ Edit Metadata online free - Edit metadata PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta property="og:image" content="https://www.bentopdf.com/images/og-edit-metadata.png"> <meta property="og:image" content="https://www.bentopdf.com/images/og-edit-metadata.png">
<meta property="og:image:width" content="1200"> <meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630"> <meta property="og:image:height" content="630">
@@ -30,7 +32,8 @@
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://www.bentopdf.com/edit-metadata"> <meta name="twitter:url" content="https://www.bentopdf.com/edit-metadata">
<meta name="twitter:title" content="Edit Metadata Free"> <meta name="twitter:title" content="Edit Metadata Free">
<meta name="twitter:description" content="★ Edit Metadata online free - Edit metadata PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser"> <meta name="twitter:description"
content="★ Edit Metadata online free - Edit metadata PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser">
<meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-edit-metadata.png"> <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-edit-metadata.png">
<meta name="twitter:site" content="@BentoPDF"> <meta name="twitter:site" content="@BentoPDF">
@@ -85,15 +88,13 @@
class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
aria-controls="mobile-menu" aria-expanded="false"> aria-controls="mobile-menu" aria-expanded="false">
<span class="sr-only">Open main menu</span> <span class="sr-only">Open main menu</span>
<svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
d="M4 6h16M4 12h16M4 18h16" />
</svg> </svg>
<svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
d="M6 18L18 6M6 6l12 12" />
</svg> </svg>
</button> </button>
</div> </div>
@@ -118,7 +119,8 @@
<span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span> <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
</button> </button>
<h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:editMetadata.name">Edit Metadata Free Online - Edit PDFs Securely</h1> <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:editMetadata.name">Edit Metadata Free Online -
Edit PDFs Securely</h1>
<p class="text-gray-400 mb-6" data-i18n="tools:editMetadata.subtitle"> <p class="text-gray-400 mb-6" data-i18n="tools:editMetadata.subtitle">
Edit metadata fields in your PDF document including title, author, subject, and keywords. Edit metadata fields in your PDF document including title, author, subject, and keywords.
</p> </p>
@@ -127,9 +129,8 @@
class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300"> class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
<div class="flex flex-col items-center justify-center pt-5 pb-6"> <div class="flex flex-col items-center justify-center pt-5 pb-6">
<i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i> <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
<p class="mb-2 text-sm text-gray-400"><span class="font-semibold" <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to
data-i18n="upload.clickToSelect">Click to select a file</span> <span select a file</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
<p class="text-xs text-gray-500">A single PDF file</p> <p class="text-xs text-gray-500">A single PDF file</p>
<p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
device.</p> device.</p>
@@ -177,8 +178,7 @@
</div> </div>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4"> <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
<div> <div>
<label for="meta-creation-date" <label for="meta-creation-date" class="block mb-2 text-sm font-medium text-gray-300">Creation Date</label>
class="block mb-2 text-sm font-medium text-gray-300">Creation Date</label>
<input type="datetime-local" id="meta-creation-date" <input type="datetime-local" id="meta-creation-date"
class="bg-gray-700 border border-gray-600 text-white text-sm rounded-lg focus:ring-indigo-500 focus:border-indigo-500 block w-full p-2.5"> class="bg-gray-700 border border-gray-600 text-white text-sm rounded-lg focus:ring-indigo-500 focus:border-indigo-500 block w-full p-2.5">
</div> </div>
@@ -219,8 +219,8 @@
<!-- Alert Modal --> <!-- Alert Modal -->
<div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden"> <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
<div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700"> <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
<h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
data-i18n="alert.title">Alert</h3> Alert</h3>
<p id="alert-message" class="text-gray-300 mb-6"></p> <p id="alert-message" class="text-gray-300 mb-6"></p>
<button id="alert-ok" <button id="alert-ok"
class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200"> class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
@@ -235,7 +235,8 @@
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
<div class="space-y-6"> <div class="space-y-6">
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
1 1
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -244,7 +245,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
2 2
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -253,7 +255,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
3 3
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -268,23 +271,28 @@
<section class="max-w-6xl mx-auto px-4 py-12"> <section class="max-w-6xl mx-auto px-4 py-12">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4"> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
<a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/merge-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Merge Pdf</h3> <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
<p class="text-gray-400 text-sm">Free online merge pdf tool</p> <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
</a> </a>
<a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/compress-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Compress Pdf</h3> <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
<p class="text-gray-400 text-sm">Free online compress pdf tool</p> <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
</a> </a>
<a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/split-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Split Pdf</h3> <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
<p class="text-gray-400 text-sm">Free online split pdf tool</p> <p class="text-gray-400 text-sm">Free online split pdf tool</p>
</a> </a>
<a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/edit-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Edit Pdf</h3> <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
<p class="text-gray-400 text-sm">Free online edit pdf tool</p> <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
</a> </a>
<a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/rotate-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Rotate Pdf</h3> <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
<p class="text-gray-400 text-sm">Free online rotate pdf tool</p> <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
</a> </a>
@@ -300,14 +308,16 @@
Is edit metadata really free? Is edit metadata really free?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p> <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
file processing.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Are my files private and secure? Are my files private and secure?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p> <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
device, ensuring complete privacy.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -326,7 +336,7 @@
<img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" /> <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" />
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm">&copy; 2025 BentoPDF. All rights reserved.</p> <p class="text-gray-400 text-sm">&copy; 2026 BentoPDF. All rights reserved.</p>
<p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p> <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
</div> </div>
<div> <div>
@@ -367,8 +377,7 @@
title="Instagram"><i data-lucide="instagram"></i></a> title="Instagram"><i data-lucide="instagram"></i></a>
<a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400" <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
title="LinkedIn"><i data-lucide="linkedin"></i></a> title="LinkedIn"><i data-lucide="linkedin"></i></a>
<a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
title="X (Twitter)">
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path <path
d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" /> d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />

66
src/pages/edit-pdf.html
View File

@@ -8,7 +8,8 @@
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>Edit PDF Online Free - Edit PDF Tool | BentoPDF</title> <title>Edit PDF Online Free - Edit PDF Tool | BentoPDF</title>
<meta name="title" content="Edit PDF Online Free - Edit PDF Tool | BentoPDF"> <meta name="title" content="Edit PDF Online Free - Edit PDF Tool | BentoPDF">
<meta name="description" content="★ Edit PDF online free - Edit PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta name="description"
content="★ Edit PDF online free - Edit PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta name="keywords" content="edit pdf, pdf editor, modify pdf, change pdf"> <meta name="keywords" content="edit pdf, pdf editor, modify pdf, change pdf">
<meta name="author" content="BentoPDF"> <meta name="author" content="BentoPDF">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
@@ -20,7 +21,8 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://www.bentopdf.com/edit-pdf"> <meta property="og:url" content="https://www.bentopdf.com/edit-pdf">
<meta property="og:title" content="Edit PDF Online Free - Edit PDF Tool | BentoPDF"> <meta property="og:title" content="Edit PDF Online Free - Edit PDF Tool | BentoPDF">
<meta property="og:description" content="★ Edit PDF online free - Edit PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta property="og:description"
content="★ Edit PDF online free - Edit PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta property="og:image" content="https://www.bentopdf.com/images/og-edit-pdf.png"> <meta property="og:image" content="https://www.bentopdf.com/images/og-edit-pdf.png">
<meta property="og:image:width" content="1200"> <meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630"> <meta property="og:image:height" content="630">
@@ -30,7 +32,8 @@
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://www.bentopdf.com/edit-pdf"> <meta name="twitter:url" content="https://www.bentopdf.com/edit-pdf">
<meta name="twitter:title" content="Edit PDF Free"> <meta name="twitter:title" content="Edit PDF Free">
<meta name="twitter:description" content="★ Edit PDF online free - Edit PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secu"> <meta name="twitter:description"
content="★ Edit PDF online free - Edit PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secu">
<meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-edit-pdf.png"> <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-edit-pdf.png">
<meta name="twitter:site" content="@BentoPDF"> <meta name="twitter:site" content="@BentoPDF">
@@ -85,15 +88,13 @@
class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
aria-controls="mobile-menu" aria-expanded="false"> aria-controls="mobile-menu" aria-expanded="false">
<span class="sr-only">Open main menu</span> <span class="sr-only">Open main menu</span>
<svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
d="M4 6h16M4 12h16M4 18h16" />
</svg> </svg>
<svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
d="M6 18L18 6M6 6l12 12" />
</svg> </svg>
</button> </button>
</div> </div>
@@ -119,7 +120,8 @@
<span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span> <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
</button> </button>
<h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:pdfEditor.name">Edit PDF Free Online - Modify PDFs Securely</h1> <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:pdfEditor.name">Edit PDF Free Online - Modify PDFs
Securely</h1>
<p class="text-gray-400 mb-6" data-i18n="tools:pdfEditor.subtitle"> <p class="text-gray-400 mb-6" data-i18n="tools:pdfEditor.subtitle">
Annotate, highlight, redact, comment, add shapes/images, search, and view PDFs. Annotate, highlight, redact, comment, add shapes/images, search, and view PDFs.
</p> </p>
@@ -128,9 +130,8 @@
class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300"> class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
<div class="flex flex-col items-center justify-center pt-5 pb-6"> <div class="flex flex-col items-center justify-center pt-5 pb-6">
<i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i> <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
<p class="mb-2 text-sm text-gray-400"><span class="font-semibold" <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to
data-i18n="upload.clickToSelect">Click to select a file</span> <span select a file</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
<p class="text-xs text-gray-500">PDF file</p> <p class="text-xs text-gray-500">PDF file</p>
<p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
device.</p> device.</p>
@@ -159,8 +160,8 @@
<div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden"> <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
<div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700"> <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
<h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
data-i18n="alert.title">Alert</h3> Alert</h3>
<p id="alert-message" class="text-gray-300 mb-6"></p> <p id="alert-message" class="text-gray-300 mb-6"></p>
<button id="alert-ok" <button id="alert-ok"
class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200"> class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
@@ -175,7 +176,8 @@
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
<div class="space-y-6"> <div class="space-y-6">
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
1 1
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -184,7 +186,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
2 2
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -193,7 +196,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
3 3
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -208,23 +212,28 @@
<section class="max-w-6xl mx-auto px-4 py-12"> <section class="max-w-6xl mx-auto px-4 py-12">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4"> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
<a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/compress-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Compress Pdf</h3> <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
<p class="text-gray-400 text-sm">Free online compress pdf tool</p> <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
</a> </a>
<a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/merge-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Merge Pdf</h3> <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
<p class="text-gray-400 text-sm">Free online merge pdf tool</p> <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
</a> </a>
<a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/rotate-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Rotate Pdf</h3> <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
<p class="text-gray-400 text-sm">Free online rotate pdf tool</p> <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
</a> </a>
<a href="/delete-pages.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/delete-pages.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Delete Pages</h3> <h3 class="text-white font-semibold mb-1">Delete Pages</h3>
<p class="text-gray-400 text-sm">Free online delete pages tool</p> <p class="text-gray-400 text-sm">Free online delete pages tool</p>
</a> </a>
<a href="/add-watermark.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/add-watermark.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Add Watermark</h3> <h3 class="text-white font-semibold mb-1">Add Watermark</h3>
<p class="text-gray-400 text-sm">Free online add watermark tool</p> <p class="text-gray-400 text-sm">Free online add watermark tool</p>
</a> </a>
@@ -240,14 +249,16 @@
Is edit pdf really free? Is edit pdf really free?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p> <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
file processing.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Are my files private and secure? Are my files private and secure?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p> <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
device, ensuring complete privacy.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -267,7 +278,7 @@
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm"> <p class="text-gray-400 text-sm">
&copy; 2025 BentoPDF. All rights reserved. &copy; 2026 BentoPDF. All rights reserved.
</p> </p>
<p class="text-gray-500 text-xs mt-2"> <p class="text-gray-500 text-xs mt-2">
Version <span id="app-version"></span> Version <span id="app-version"></span>
@@ -330,8 +341,7 @@
title="LinkedIn"> title="LinkedIn">
<i data-lucide="linkedin"></i> <i data-lucide="linkedin"></i>
</a> </a>
<a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
title="X (Twitter)">
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path <path
d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" /> d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />

64
src/pages/encrypt-pdf.html
View File

@@ -8,7 +8,8 @@
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>Encrypt PDF Online Free - Encrypt PDF Tool | BentoPDF</title> <title>Encrypt PDF Online Free - Encrypt PDF Tool | BentoPDF</title>
<meta name="title" content="Encrypt PDF Online Free - Encrypt PDF Tool | BentoPDF"> <meta name="title" content="Encrypt PDF Online Free - Encrypt PDF Tool | BentoPDF">
<meta name="description" content="★ Encrypt PDF online free - Encrypt PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta name="description"
content="★ Encrypt PDF online free - Encrypt PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta name="keywords" content="encrypt pdf, password protect pdf, secure pdf"> <meta name="keywords" content="encrypt pdf, password protect pdf, secure pdf">
<meta name="author" content="BentoPDF"> <meta name="author" content="BentoPDF">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
@@ -20,7 +21,8 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://www.bentopdf.com/encrypt-pdf"> <meta property="og:url" content="https://www.bentopdf.com/encrypt-pdf">
<meta property="og:title" content="Encrypt PDF Online Free - Encrypt PDF Tool | BentoPDF"> <meta property="og:title" content="Encrypt PDF Online Free - Encrypt PDF Tool | BentoPDF">
<meta property="og:description" content="★ Encrypt PDF online free - Encrypt PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta property="og:description"
content="★ Encrypt PDF online free - Encrypt PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta property="og:image" content="https://www.bentopdf.com/images/og-encrypt-pdf.png"> <meta property="og:image" content="https://www.bentopdf.com/images/og-encrypt-pdf.png">
<meta property="og:image:width" content="1200"> <meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630"> <meta property="og:image:height" content="630">
@@ -30,7 +32,8 @@
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://www.bentopdf.com/encrypt-pdf"> <meta name="twitter:url" content="https://www.bentopdf.com/encrypt-pdf">
<meta name="twitter:title" content="Encrypt PDF Free"> <meta name="twitter:title" content="Encrypt PDF Free">
<meta name="twitter:description" content="★ Encrypt PDF online free - Encrypt PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast "> <meta name="twitter:description"
content="★ Encrypt PDF online free - Encrypt PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast ">
<meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-encrypt-pdf.png"> <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-encrypt-pdf.png">
<meta name="twitter:site" content="@BentoPDF"> <meta name="twitter:site" content="@BentoPDF">
@@ -82,15 +85,13 @@
class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
aria-controls="mobile-menu" aria-expanded="false"> aria-controls="mobile-menu" aria-expanded="false">
<span class="sr-only">Open main menu</span> <span class="sr-only">Open main menu</span>
<svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
d="M4 6h16M4 12h16M4 18h16" />
</svg> </svg>
<svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
d="M6 18L18 6M6 6l12 12" />
</svg> </svg>
</button> </button>
</div> </div>
@@ -115,7 +116,8 @@
<span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span> <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
</button> </button>
<h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:encryptPdf.name">Encrypt PDF Free - Password Protect PDFs</h1> <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:encryptPdf.name">Encrypt PDF Free - Password
Protect PDFs</h1>
<p class="text-gray-400 mb-6" data-i18n="tools:encryptPdf.subtitle"> <p class="text-gray-400 mb-6" data-i18n="tools:encryptPdf.subtitle">
Protect your PDF with 256-bit AES encryption. Add password protection and set usage restrictions. Protect your PDF with 256-bit AES encryption. Add password protection and set usage restrictions.
</p> </p>
@@ -147,8 +149,7 @@
<div> <div>
<label for="owner-password-input" class="block mb-2 text-sm font-medium text-gray-300">Owner <label for="owner-password-input" class="block mb-2 text-sm font-medium text-gray-300">Owner
Password (Optional)</label> Password (Optional)</label>
<input type="password" id="owner-password-input" <input type="password" id="owner-password-input" placeholder="Enter password for permissions (optional)"
placeholder="Enter password for permissions (optional)"
class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5"> class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5">
<p class="text-xs text-gray-500 mt-1">If provided, usage restrictions will be applied. Leave empty <p class="text-xs text-gray-500 mt-1">If provided, usage restrictions will be applied. Leave empty
for no restrictions.</p> for no restrictions.</p>
@@ -181,8 +182,8 @@
<!-- Alert Modal --> <!-- Alert Modal -->
<div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden"> <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
<div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700"> <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
<h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
data-i18n="alert.title">Alert</h3> Alert</h3>
<p id="alert-message" class="text-gray-300 mb-6"></p> <p id="alert-message" class="text-gray-300 mb-6"></p>
<button id="alert-ok" <button id="alert-ok"
class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200"> class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
@@ -197,7 +198,8 @@
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
<div class="space-y-6"> <div class="space-y-6">
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
1 1
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -206,7 +208,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
2 2
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -215,7 +218,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
3 3
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -230,23 +234,28 @@
<section class="max-w-6xl mx-auto px-4 py-12"> <section class="max-w-6xl mx-auto px-4 py-12">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4"> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
<a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/merge-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Merge Pdf</h3> <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
<p class="text-gray-400 text-sm">Free online merge pdf tool</p> <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
</a> </a>
<a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/compress-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Compress Pdf</h3> <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
<p class="text-gray-400 text-sm">Free online compress pdf tool</p> <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
</a> </a>
<a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/split-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Split Pdf</h3> <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
<p class="text-gray-400 text-sm">Free online split pdf tool</p> <p class="text-gray-400 text-sm">Free online split pdf tool</p>
</a> </a>
<a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/edit-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Edit Pdf</h3> <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
<p class="text-gray-400 text-sm">Free online edit pdf tool</p> <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
</a> </a>
<a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/rotate-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Rotate Pdf</h3> <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
<p class="text-gray-400 text-sm">Free online rotate pdf tool</p> <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
</a> </a>
@@ -262,14 +271,16 @@
Is encrypt pdf really free? Is encrypt pdf really free?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p> <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
file processing.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Are my files private and secure? Are my files private and secure?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p> <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
device, ensuring complete privacy.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -288,7 +299,7 @@
<img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" /> <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" />
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm">&copy; 2025 BentoPDF. All rights reserved.</p> <p class="text-gray-400 text-sm">&copy; 2026 BentoPDF. All rights reserved.</p>
<p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p> <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
</div> </div>
<div> <div>
@@ -329,8 +340,7 @@
title="Instagram"><i data-lucide="instagram"></i></a> title="Instagram"><i data-lucide="instagram"></i></a>
<a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400" <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
title="LinkedIn"><i data-lucide="linkedin"></i></a> title="LinkedIn"><i data-lucide="linkedin"></i></a>
<a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
title="X (Twitter)">
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path <path
d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" /> d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />

62
src/pages/epub-to-pdf.html
View File

@@ -8,7 +8,8 @@
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>Epub To Pdf Online Free - Epub To Pdf Tool | BentoPDF</title> <title>Epub To Pdf Online Free - Epub To Pdf Tool | BentoPDF</title>
<meta name="title" content="Epub To Pdf Online Free - Epub To Pdf Tool | BentoPDF"> <meta name="title" content="Epub To Pdf Online Free - Epub To Pdf Tool | BentoPDF">
<meta name="description" content="★ Epub To Pdf online free - Epub to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta name="description"
content="★ Epub To Pdf online free - Epub to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta name="keywords" content="epub to pdf, epub to pdf, online pdf"> <meta name="keywords" content="epub to pdf, epub to pdf, online pdf">
<meta name="author" content="BentoPDF"> <meta name="author" content="BentoPDF">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
@@ -20,7 +21,8 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://www.bentopdf.com/epub-to-pdf"> <meta property="og:url" content="https://www.bentopdf.com/epub-to-pdf">
<meta property="og:title" content="Epub To Pdf Online Free - Epub To Pdf Tool | BentoPDF"> <meta property="og:title" content="Epub To Pdf Online Free - Epub To Pdf Tool | BentoPDF">
<meta property="og:description" content="★ Epub To Pdf online free - Epub to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta property="og:description"
content="★ Epub To Pdf online free - Epub to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta property="og:image" content="https://www.bentopdf.com/images/og-epub-to-pdf.png"> <meta property="og:image" content="https://www.bentopdf.com/images/og-epub-to-pdf.png">
<meta property="og:image:width" content="1200"> <meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630"> <meta property="og:image:height" content="630">
@@ -30,7 +32,8 @@
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://www.bentopdf.com/epub-to-pdf"> <meta name="twitter:url" content="https://www.bentopdf.com/epub-to-pdf">
<meta name="twitter:title" content="Epub To Pdf Free"> <meta name="twitter:title" content="Epub To Pdf Free">
<meta name="twitter:description" content="★ Epub To Pdf online free - Epub to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ F"> <meta name="twitter:description"
content="★ Epub To Pdf online free - Epub to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ F">
<meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-epub-to-pdf.png"> <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-epub-to-pdf.png">
<meta name="twitter:site" content="@BentoPDF"> <meta name="twitter:site" content="@BentoPDF">
@@ -85,15 +88,13 @@
class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
aria-controls="mobile-menu" aria-expanded="false"> aria-controls="mobile-menu" aria-expanded="false">
<span class="sr-only">Open main menu</span> <span class="sr-only">Open main menu</span>
<svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
d="M4 6h16M4 12h16M4 18h16" />
</svg> </svg>
<svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
d="M6 18L18 6M6 6l12 12" />
</svg> </svg>
</button> </button>
</div> </div>
@@ -119,7 +120,8 @@
<span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span> <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
</button> </button>
<h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:epubToPdf.name">Epub To Pdf Converter Free Online - Convert Files Fast</h1> <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:epubToPdf.name">Epub To Pdf Converter Free Online
- Convert Files Fast</h1>
<p class="text-gray-400 mb-6" data-i18n="tools:epubToPdf.subtitle"> <p class="text-gray-400 mb-6" data-i18n="tools:epubToPdf.subtitle">
Convert EPUB e-books to PDF format. Supports multiple files. Convert EPUB e-books to PDF format. Supports multiple files.
</p> </p>
@@ -128,9 +130,8 @@
class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300"> class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
<div class="flex flex-col items-center justify-center pt-5 pb-6"> <div class="flex flex-col items-center justify-center pt-5 pb-6">
<i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i> <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
<p class="mb-2 text-sm text-gray-400"><span class="font-semibold" <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to
data-i18n="upload.clickToSelect">Click to select files</span> <span select files</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
<p class="text-xs text-gray-500" data-i18n="tools:epubToPdf.acceptedFormats">EPUB files</p> <p class="text-xs text-gray-500" data-i18n="tools:epubToPdf.acceptedFormats">EPUB files</p>
<p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
device.</p> device.</p>
@@ -186,7 +187,8 @@
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
<div class="space-y-6"> <div class="space-y-6">
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
1 1
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -195,7 +197,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
2 2
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -204,7 +207,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
3 3
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -219,23 +223,28 @@
<section class="max-w-6xl mx-auto px-4 py-12"> <section class="max-w-6xl mx-auto px-4 py-12">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4"> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
<a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/merge-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Merge Pdf</h3> <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
<p class="text-gray-400 text-sm">Free online merge pdf tool</p> <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
</a> </a>
<a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/compress-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Compress Pdf</h3> <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
<p class="text-gray-400 text-sm">Free online compress pdf tool</p> <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
</a> </a>
<a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/split-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Split Pdf</h3> <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
<p class="text-gray-400 text-sm">Free online split pdf tool</p> <p class="text-gray-400 text-sm">Free online split pdf tool</p>
</a> </a>
<a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/edit-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Edit Pdf</h3> <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
<p class="text-gray-400 text-sm">Free online edit pdf tool</p> <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
</a> </a>
<a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/rotate-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Rotate Pdf</h3> <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
<p class="text-gray-400 text-sm">Free online rotate pdf tool</p> <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
</a> </a>
@@ -251,14 +260,16 @@
Is epub to pdf really free? Is epub to pdf really free?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p> <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
file processing.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Are my files private and secure? Are my files private and secure?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p> <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
device, ensuring complete privacy.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -278,7 +289,7 @@
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm"> <p class="text-gray-400 text-sm">
&copy; 2025 BentoPDF. All rights reserved. &copy; 2026 BentoPDF. All rights reserved.
</p> </p>
<p class="text-gray-500 text-xs mt-2"> <p class="text-gray-500 text-xs mt-2">
Version <span id="app-version"></span> Version <span id="app-version"></span>
@@ -341,8 +352,7 @@
title="LinkedIn"> title="LinkedIn">
<i data-lucide="linkedin"></i> <i data-lucide="linkedin"></i>
</a> </a>
<a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
title="X (Twitter)">
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path <path
d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" /> d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />

62
src/pages/excel-to-pdf.html
View File

@@ -8,7 +8,8 @@
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>Excel to PDF Converter Free Online - Convert Files | BentoPDF</title> <title>Excel to PDF Converter Free Online - Convert Files | BentoPDF</title>
<meta name="title" content="Excel to PDF Converter Free Online - Convert Files | BentoPDF"> <meta name="title" content="Excel to PDF Converter Free Online - Convert Files | BentoPDF">
<meta name="description" content="★ Excel to PDF online free - Convert Excel to PDF PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta name="description"
content="★ Excel to PDF online free - Convert Excel to PDF PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta name="keywords" content="excel to pdf, xlsx to pdf, spreadsheet to pdf"> <meta name="keywords" content="excel to pdf, xlsx to pdf, spreadsheet to pdf">
<meta name="author" content="BentoPDF"> <meta name="author" content="BentoPDF">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
@@ -20,7 +21,8 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://www.bentopdf.com/excel-to-pdf"> <meta property="og:url" content="https://www.bentopdf.com/excel-to-pdf">
<meta property="og:title" content="Excel to PDF Converter Free Online - Convert Files | BentoPDF"> <meta property="og:title" content="Excel to PDF Converter Free Online - Convert Files | BentoPDF">
<meta property="og:description" content="★ Excel to PDF online free - Convert Excel to PDF PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta property="og:description"
content="★ Excel to PDF online free - Convert Excel to PDF PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta property="og:image" content="https://www.bentopdf.com/images/og-excel-to-pdf.png"> <meta property="og:image" content="https://www.bentopdf.com/images/og-excel-to-pdf.png">
<meta property="og:image:width" content="1200"> <meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630"> <meta property="og:image:height" content="630">
@@ -30,7 +32,8 @@
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://www.bentopdf.com/excel-to-pdf"> <meta name="twitter:url" content="https://www.bentopdf.com/excel-to-pdf">
<meta name="twitter:title" content="Excel to PDF Free"> <meta name="twitter:title" content="Excel to PDF Free">
<meta name="twitter:description" content="★ Excel to PDF online free - Convert Excel to PDF PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in b"> <meta name="twitter:description"
content="★ Excel to PDF online free - Convert Excel to PDF PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in b">
<meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-excel-to-pdf.png"> <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-excel-to-pdf.png">
<meta name="twitter:site" content="@BentoPDF"> <meta name="twitter:site" content="@BentoPDF">
@@ -85,15 +88,13 @@
class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
aria-controls="mobile-menu" aria-expanded="false"> aria-controls="mobile-menu" aria-expanded="false">
<span class="sr-only">Open main menu</span> <span class="sr-only">Open main menu</span>
<svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
d="M4 6h16M4 12h16M4 18h16" />
</svg> </svg>
<svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
d="M6 18L18 6M6 6l12 12" />
</svg> </svg>
</button> </button>
</div> </div>
@@ -119,7 +120,8 @@
<span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span> <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
</button> </button>
<h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:excelToPdf.name">Excel to PDF Converter Free - Convert XLSX Online</h1> <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:excelToPdf.name">Excel to PDF Converter Free -
Convert XLSX Online</h1>
<p class="text-gray-400 mb-6" data-i18n="tools:excelToPdf.subtitle"> <p class="text-gray-400 mb-6" data-i18n="tools:excelToPdf.subtitle">
Convert Excel spreadsheets (XLSX, XLS, ODS, CSV) to PDF format. Supports multiple files. Convert Excel spreadsheets (XLSX, XLS, ODS, CSV) to PDF format. Supports multiple files.
</p> </p>
@@ -128,9 +130,8 @@
class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300"> class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
<div class="flex flex-col items-center justify-center pt-5 pb-6"> <div class="flex flex-col items-center justify-center pt-5 pb-6">
<i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i> <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
<p class="mb-2 text-sm text-gray-400"><span class="font-semibold" <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to
data-i18n="upload.clickToSelect">Click to select files</span> <span select files</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
<p class="text-xs text-gray-500" data-i18n="tools:excelToPdf.acceptedFormats">XLSX, XLS, ODS, CSV <p class="text-xs text-gray-500" data-i18n="tools:excelToPdf.acceptedFormats">XLSX, XLS, ODS, CSV
files</p> files</p>
<p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
@@ -188,7 +189,8 @@
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
<div class="space-y-6"> <div class="space-y-6">
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
1 1
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -197,7 +199,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
2 2
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -206,7 +209,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
3 3
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -221,23 +225,28 @@
<section class="max-w-6xl mx-auto px-4 py-12"> <section class="max-w-6xl mx-auto px-4 py-12">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4"> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
<a href="/pdf-to-excel.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/pdf-to-excel.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Pdf To Excel</h3> <h3 class="text-white font-semibold mb-1">Pdf To Excel</h3>
<p class="text-gray-400 text-sm">Free online pdf to excel tool</p> <p class="text-gray-400 text-sm">Free online pdf to excel tool</p>
</a> </a>
<a href="/word-to-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/word-to-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Word To Pdf</h3> <h3 class="text-white font-semibold mb-1">Word To Pdf</h3>
<p class="text-gray-400 text-sm">Free online word to pdf tool</p> <p class="text-gray-400 text-sm">Free online word to pdf tool</p>
</a> </a>
<a href="/csv-to-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/csv-to-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Csv To Pdf</h3> <h3 class="text-white font-semibold mb-1">Csv To Pdf</h3>
<p class="text-gray-400 text-sm">Free online csv to pdf tool</p> <p class="text-gray-400 text-sm">Free online csv to pdf tool</p>
</a> </a>
<a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/merge-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Merge Pdf</h3> <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
<p class="text-gray-400 text-sm">Free online merge pdf tool</p> <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
</a> </a>
<a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/compress-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Compress Pdf</h3> <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
<p class="text-gray-400 text-sm">Free online compress pdf tool</p> <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
</a> </a>
@@ -253,14 +262,16 @@
Is excel to pdf really free? Is excel to pdf really free?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p> <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
file processing.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Are my files private and secure? Are my files private and secure?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p> <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
device, ensuring complete privacy.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -280,7 +291,7 @@
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm"> <p class="text-gray-400 text-sm">
&copy; 2025 BentoPDF. All rights reserved. &copy; 2026 BentoPDF. All rights reserved.
</p> </p>
<p class="text-gray-500 text-xs mt-2"> <p class="text-gray-500 text-xs mt-2">
Version <span id="app-version"></span> Version <span id="app-version"></span>
@@ -343,8 +354,7 @@
title="LinkedIn"> title="LinkedIn">
<i data-lucide="linkedin"></i> <i data-lucide="linkedin"></i>
</a> </a>
<a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
title="X (Twitter)">
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path <path
d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" /> d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />

61
src/pages/extract-attachments.html
View File

@@ -8,7 +8,8 @@
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>Extract Attachments Online Free - Extract Attachments Tool | BentoPDF</title> <title>Extract Attachments Online Free - Extract Attachments Tool | BentoPDF</title>
<meta name="title" content="Extract Attachments Online Free - Extract Attachments Tool | BentoPDF"> <meta name="title" content="Extract Attachments Online Free - Extract Attachments Tool | BentoPDF">
<meta name="description" content="★ Extract Attachments online free - Extract attachments PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta name="description"
content="★ Extract Attachments online free - Extract attachments PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta name="keywords" content="extract attachments, extract attachments, online pdf"> <meta name="keywords" content="extract attachments, extract attachments, online pdf">
<meta name="author" content="BentoPDF"> <meta name="author" content="BentoPDF">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
@@ -20,7 +21,8 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://www.bentopdf.com/extract-attachments"> <meta property="og:url" content="https://www.bentopdf.com/extract-attachments">
<meta property="og:title" content="Extract Attachments Online Free - Extract Attachments Tool | BentoPDF"> <meta property="og:title" content="Extract Attachments Online Free - Extract Attachments Tool | BentoPDF">
<meta property="og:description" content="★ Extract Attachments online free - Extract attachments PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta property="og:description"
content="★ Extract Attachments online free - Extract attachments PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta property="og:image" content="https://www.bentopdf.com/images/og-extract-attachments.png"> <meta property="og:image" content="https://www.bentopdf.com/images/og-extract-attachments.png">
<meta property="og:image:width" content="1200"> <meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630"> <meta property="og:image:height" content="630">
@@ -30,7 +32,8 @@
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://www.bentopdf.com/extract-attachments"> <meta name="twitter:url" content="https://www.bentopdf.com/extract-attachments">
<meta name="twitter:title" content="Extract Attachments Free"> <meta name="twitter:title" content="Extract Attachments Free">
<meta name="twitter:description" content="★ Extract Attachments online free - Extract attachments PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Work"> <meta name="twitter:description"
content="★ Extract Attachments online free - Extract attachments PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Work">
<meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-extract-attachments.png"> <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-extract-attachments.png">
<meta name="twitter:site" content="@BentoPDF"> <meta name="twitter:site" content="@BentoPDF">
@@ -81,15 +84,13 @@
class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
aria-controls="mobile-menu" aria-expanded="false"> aria-controls="mobile-menu" aria-expanded="false">
<span class="sr-only">Open main menu</span> <span class="sr-only">Open main menu</span>
<svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
d="M4 6h16M4 12h16M4 18h16" />
</svg> </svg>
<svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
d="M6 18L18 6M6 6l12 12" />
</svg> </svg>
</button> </button>
</div> </div>
@@ -114,7 +115,8 @@
<span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span> <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
</button> </button>
<h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:extractAttachments.name">Extract Attachments Free Online - Extract PDF Content</h1> <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:extractAttachments.name">Extract Attachments Free
Online - Extract PDF Content</h1>
<p class="text-gray-400 mb-6" data-i18n="tools:extractAttachments.subtitle"> <p class="text-gray-400 mb-6" data-i18n="tools:extractAttachments.subtitle">
Upload PDF files to extract all embedded attachments. Files will be downloaded as a ZIP archive. Upload PDF files to extract all embedded attachments. Files will be downloaded as a ZIP archive.
</p> </p>
@@ -154,8 +156,8 @@
<!-- Alert Modal --> <!-- Alert Modal -->
<div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden"> <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
<div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700"> <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
<h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
data-i18n="alert.title">Alert</h3> Alert</h3>
<p id="alert-message" class="text-gray-300 mb-6"></p> <p id="alert-message" class="text-gray-300 mb-6"></p>
<button id="alert-ok" <button id="alert-ok"
class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200"> class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
@@ -170,7 +172,8 @@
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
<div class="space-y-6"> <div class="space-y-6">
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
1 1
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -179,7 +182,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
2 2
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -188,7 +192,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
3 3
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -203,23 +208,28 @@
<section class="max-w-6xl mx-auto px-4 py-12"> <section class="max-w-6xl mx-auto px-4 py-12">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4"> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
<a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/merge-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Merge Pdf</h3> <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
<p class="text-gray-400 text-sm">Free online merge pdf tool</p> <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
</a> </a>
<a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/compress-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Compress Pdf</h3> <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
<p class="text-gray-400 text-sm">Free online compress pdf tool</p> <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
</a> </a>
<a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/split-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Split Pdf</h3> <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
<p class="text-gray-400 text-sm">Free online split pdf tool</p> <p class="text-gray-400 text-sm">Free online split pdf tool</p>
</a> </a>
<a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/edit-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Edit Pdf</h3> <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
<p class="text-gray-400 text-sm">Free online edit pdf tool</p> <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
</a> </a>
<a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/rotate-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Rotate Pdf</h3> <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
<p class="text-gray-400 text-sm">Free online rotate pdf tool</p> <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
</a> </a>
@@ -235,14 +245,16 @@
Is extract attachments really free? Is extract attachments really free?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p> <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
file processing.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Are my files private and secure? Are my files private and secure?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p> <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
device, ensuring complete privacy.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -261,7 +273,7 @@
<img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" /> <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" />
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm">&copy; 2025 BentoPDF. All rights reserved.</p> <p class="text-gray-400 text-sm">&copy; 2026 BentoPDF. All rights reserved.</p>
<p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p> <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
</div> </div>
<div> <div>
@@ -302,8 +314,7 @@
title="Instagram"><i data-lucide="instagram"></i></a> title="Instagram"><i data-lucide="instagram"></i></a>
<a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400" <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
title="LinkedIn"><i data-lucide="linkedin"></i></a> title="LinkedIn"><i data-lucide="linkedin"></i></a>
<a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
title="X (Twitter)">
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path <path
d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" /> d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />

54
src/pages/extract-images.html
View File

@@ -8,7 +8,8 @@
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>Extract Images Online Free - Extract Images Tool | BentoPDF</title> <title>Extract Images Online Free - Extract Images Tool | BentoPDF</title>
<meta name="title" content="Extract Images Online Free - Extract Images Tool | BentoPDF"> <meta name="title" content="Extract Images Online Free - Extract Images Tool | BentoPDF">
<meta name="description" content="★ Extract Images online free - Extract images PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta name="description"
content="★ Extract Images online free - Extract images PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta name="keywords" content="extract images, extract images, online pdf"> <meta name="keywords" content="extract images, extract images, online pdf">
<meta name="author" content="BentoPDF"> <meta name="author" content="BentoPDF">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
@@ -20,7 +21,8 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://www.bentopdf.com/extract-images"> <meta property="og:url" content="https://www.bentopdf.com/extract-images">
<meta property="og:title" content="Extract Images Online Free - Extract Images Tool | BentoPDF"> <meta property="og:title" content="Extract Images Online Free - Extract Images Tool | BentoPDF">
<meta property="og:description" content="★ Extract Images online free - Extract images PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta property="og:description"
content="★ Extract Images online free - Extract images PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta property="og:image" content="https://www.bentopdf.com/images/og-extract-images.png"> <meta property="og:image" content="https://www.bentopdf.com/images/og-extract-images.png">
<meta property="og:image:width" content="1200"> <meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630"> <meta property="og:image:height" content="630">
@@ -30,7 +32,8 @@
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://www.bentopdf.com/extract-images"> <meta name="twitter:url" content="https://www.bentopdf.com/extract-images">
<meta name="twitter:title" content="Extract Images Free"> <meta name="twitter:title" content="Extract Images Free">
<meta name="twitter:description" content="★ Extract Images online free - Extract images PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in brows"> <meta name="twitter:description"
content="★ Extract Images online free - Extract images PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in brows">
<meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-extract-images.png"> <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-extract-images.png">
<meta name="twitter:site" content="@BentoPDF"> <meta name="twitter:site" content="@BentoPDF">
@@ -83,15 +86,13 @@
class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
aria-controls="mobile-menu" aria-expanded="false"> aria-controls="mobile-menu" aria-expanded="false">
<span class="sr-only">Open main menu</span> <span class="sr-only">Open main menu</span>
<svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
d="M4 6h16M4 12h16M4 18h16" />
</svg> </svg>
<svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
d="M6 18L18 6M6 6l12 12" />
</svg> </svg>
</button> </button>
</div> </div>
@@ -191,7 +192,8 @@
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
<div class="space-y-6"> <div class="space-y-6">
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
1 1
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -200,7 +202,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
2 2
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -209,7 +212,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
3 3
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -224,23 +228,28 @@
<section class="max-w-6xl mx-auto px-4 py-12"> <section class="max-w-6xl mx-auto px-4 py-12">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4"> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
<a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/merge-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Merge Pdf</h3> <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
<p class="text-gray-400 text-sm">Free online merge pdf tool</p> <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
</a> </a>
<a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/compress-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Compress Pdf</h3> <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
<p class="text-gray-400 text-sm">Free online compress pdf tool</p> <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
</a> </a>
<a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/split-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Split Pdf</h3> <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
<p class="text-gray-400 text-sm">Free online split pdf tool</p> <p class="text-gray-400 text-sm">Free online split pdf tool</p>
</a> </a>
<a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/edit-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Edit Pdf</h3> <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
<p class="text-gray-400 text-sm">Free online edit pdf tool</p> <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
</a> </a>
<a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/rotate-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Rotate Pdf</h3> <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
<p class="text-gray-400 text-sm">Free online rotate pdf tool</p> <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
</a> </a>
@@ -256,14 +265,16 @@
Is extract images really free? Is extract images really free?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p> <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
file processing.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Are my files private and secure? Are my files private and secure?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p> <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
device, ensuring complete privacy.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -282,7 +293,7 @@
<img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" /> <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" />
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm">&copy; 2025 BentoPDF. All rights reserved.</p> <p class="text-gray-400 text-sm">&copy; 2026 BentoPDF. All rights reserved.</p>
<p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p> <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
</div> </div>
<div> <div>
@@ -327,8 +338,7 @@
title="LinkedIn"> title="LinkedIn">
<i data-lucide="linkedin"></i> <i data-lucide="linkedin"></i>
</a> </a>
<a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
title="X (Twitter)">
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path <path
d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" /> d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />

66
src/pages/extract-pages.html
View File

@@ -8,7 +8,8 @@
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>Extract Pages Online Free - Extract Pages Tool | BentoPDF</title> <title>Extract Pages Online Free - Extract Pages Tool | BentoPDF</title>
<meta name="title" content="Extract Pages Online Free - Extract Pages Tool | BentoPDF"> <meta name="title" content="Extract Pages Online Free - Extract Pages Tool | BentoPDF">
<meta name="description" content="★ Extract Pages online free - Extract pages PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta name="description"
content="★ Extract Pages online free - Extract pages PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta name="keywords" content="extract pages, extract pages, online pdf"> <meta name="keywords" content="extract pages, extract pages, online pdf">
<meta name="author" content="BentoPDF"> <meta name="author" content="BentoPDF">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
@@ -20,7 +21,8 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://www.bentopdf.com/extract-pages"> <meta property="og:url" content="https://www.bentopdf.com/extract-pages">
<meta property="og:title" content="Extract Pages Online Free - Extract Pages Tool | BentoPDF"> <meta property="og:title" content="Extract Pages Online Free - Extract Pages Tool | BentoPDF">
<meta property="og:description" content="★ Extract Pages online free - Extract pages PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta property="og:description"
content="★ Extract Pages online free - Extract pages PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta property="og:image" content="https://www.bentopdf.com/images/og-extract-pages.png"> <meta property="og:image" content="https://www.bentopdf.com/images/og-extract-pages.png">
<meta property="og:image:width" content="1200"> <meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630"> <meta property="og:image:height" content="630">
@@ -30,7 +32,8 @@
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://www.bentopdf.com/extract-pages"> <meta name="twitter:url" content="https://www.bentopdf.com/extract-pages">
<meta name="twitter:title" content="Extract Pages Free"> <meta name="twitter:title" content="Extract Pages Free">
<meta name="twitter:description" content="★ Extract Pages online free - Extract pages PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser"> <meta name="twitter:description"
content="★ Extract Pages online free - Extract pages PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser">
<meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-extract-pages.png"> <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-extract-pages.png">
<meta name="twitter:site" content="@BentoPDF"> <meta name="twitter:site" content="@BentoPDF">
@@ -85,15 +88,13 @@
class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
aria-controls="mobile-menu" aria-expanded="false"> aria-controls="mobile-menu" aria-expanded="false">
<span class="sr-only">Open main menu</span> <span class="sr-only">Open main menu</span>
<svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
d="M4 6h16M4 12h16M4 18h16" />
</svg> </svg>
<svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
d="M6 18L18 6M6 6l12 12" />
</svg> </svg>
</button> </button>
</div> </div>
@@ -119,7 +120,8 @@
<span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span> <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
</button> </button>
<h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:extractPages.name">Extract PDF Pages Free - Copy Pages Online</h1> <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:extractPages.name">Extract PDF Pages Free - Copy
Pages Online</h1>
<p class="text-gray-400 mb-6" data-i18n="tools:extractPages.subtitle"> <p class="text-gray-400 mb-6" data-i18n="tools:extractPages.subtitle">
Extract specific pages from a PDF into separate files. Your files will download in a ZIP archive. Extract specific pages from a PDF into separate files. Your files will download in a ZIP archive.
</p> </p>
@@ -129,9 +131,8 @@
class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300"> class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
<div class="flex flex-col items-center justify-center pt-5 pb-6"> <div class="flex flex-col items-center justify-center pt-5 pb-6">
<i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i> <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
<p class="mb-2 text-sm text-gray-400"><span class="font-semibold" <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to
data-i18n="upload.clickToSelect">Click to select a file</span> <span select a file</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
<p class="text-xs text-gray-500">PDF Documents</p> <p class="text-xs text-gray-500">PDF Documents</p>
<p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
device.</p> device.</p>
@@ -169,8 +170,8 @@
<!-- Alert Modal --> <!-- Alert Modal -->
<div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden"> <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
<div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700"> <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
<h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
data-i18n="alert.title">Alert</h3> Alert</h3>
<p id="alert-message" class="text-gray-300 mb-6"></p> <p id="alert-message" class="text-gray-300 mb-6"></p>
<button id="alert-ok" <button id="alert-ok"
class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200"> class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
@@ -185,7 +186,8 @@
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
<div class="space-y-6"> <div class="space-y-6">
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
1 1
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -194,7 +196,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
2 2
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -203,7 +206,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
3 3
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -218,23 +222,28 @@
<section class="max-w-6xl mx-auto px-4 py-12"> <section class="max-w-6xl mx-auto px-4 py-12">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4"> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
<a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/merge-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Merge Pdf</h3> <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
<p class="text-gray-400 text-sm">Free online merge pdf tool</p> <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
</a> </a>
<a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/compress-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Compress Pdf</h3> <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
<p class="text-gray-400 text-sm">Free online compress pdf tool</p> <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
</a> </a>
<a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/split-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Split Pdf</h3> <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
<p class="text-gray-400 text-sm">Free online split pdf tool</p> <p class="text-gray-400 text-sm">Free online split pdf tool</p>
</a> </a>
<a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/edit-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Edit Pdf</h3> <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
<p class="text-gray-400 text-sm">Free online edit pdf tool</p> <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
</a> </a>
<a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/rotate-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Rotate Pdf</h3> <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
<p class="text-gray-400 text-sm">Free online rotate pdf tool</p> <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
</a> </a>
@@ -250,14 +259,16 @@
Is extract pages really free? Is extract pages really free?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p> <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
file processing.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Are my files private and secure? Are my files private and secure?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p> <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
device, ensuring complete privacy.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -277,7 +288,7 @@
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm"> <p class="text-gray-400 text-sm">
&copy; 2025 BentoPDF. All rights reserved. &copy; 2026 BentoPDF. All rights reserved.
</p> </p>
<p class="text-gray-500 text-xs mt-2"> <p class="text-gray-500 text-xs mt-2">
Version <span id="app-version"></span> Version <span id="app-version"></span>
@@ -328,8 +339,7 @@
title="LinkedIn"> title="LinkedIn">
<i data-lucide="linkedin"></i> <i data-lucide="linkedin"></i>
</a> </a>
<a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
title="X (Twitter)">
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path <path
d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" /> d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />

62
src/pages/extract-tables.html
View File

@@ -8,7 +8,8 @@
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>Extract Tables Online Free - Extract Tables Tool | BentoPDF</title> <title>Extract Tables Online Free - Extract Tables Tool | BentoPDF</title>
<meta name="title" content="Extract Tables Online Free - Extract Tables Tool | BentoPDF"> <meta name="title" content="Extract Tables Online Free - Extract Tables Tool | BentoPDF">
<meta name="description" content="★ Extract Tables online free - Extract tables PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta name="description"
content="★ Extract Tables online free - Extract tables PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta name="keywords" content="extract tables, extract tables, online pdf"> <meta name="keywords" content="extract tables, extract tables, online pdf">
<meta name="author" content="BentoPDF"> <meta name="author" content="BentoPDF">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
@@ -20,7 +21,8 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://www.bentopdf.com/extract-tables"> <meta property="og:url" content="https://www.bentopdf.com/extract-tables">
<meta property="og:title" content="Extract Tables Online Free - Extract Tables Tool | BentoPDF"> <meta property="og:title" content="Extract Tables Online Free - Extract Tables Tool | BentoPDF">
<meta property="og:description" content="★ Extract Tables online free - Extract tables PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta property="og:description"
content="★ Extract Tables online free - Extract tables PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta property="og:image" content="https://www.bentopdf.com/images/og-extract-tables.png"> <meta property="og:image" content="https://www.bentopdf.com/images/og-extract-tables.png">
<meta property="og:image:width" content="1200"> <meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630"> <meta property="og:image:height" content="630">
@@ -30,7 +32,8 @@
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://www.bentopdf.com/extract-tables"> <meta name="twitter:url" content="https://www.bentopdf.com/extract-tables">
<meta name="twitter:title" content="Extract Tables Free"> <meta name="twitter:title" content="Extract Tables Free">
<meta name="twitter:description" content="★ Extract Tables online free - Extract tables PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in brows"> <meta name="twitter:description"
content="★ Extract Tables online free - Extract tables PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in brows">
<meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-extract-tables.png"> <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-extract-tables.png">
<meta name="twitter:site" content="@BentoPDF"> <meta name="twitter:site" content="@BentoPDF">
@@ -84,15 +87,13 @@
class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
aria-controls="mobile-menu" aria-expanded="false"> aria-controls="mobile-menu" aria-expanded="false">
<span class="sr-only">Open main menu</span> <span class="sr-only">Open main menu</span>
<svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
d="M4 6h16M4 12h16M4 18h16" />
</svg> </svg>
<svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
d="M6 18L18 6M6 6l12 12" />
</svg> </svg>
</button> </button>
</div> </div>
@@ -117,7 +118,8 @@
<span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span> <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
</button> </button>
<h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:extractTables.name">Extract Tables Free Online - Extract PDF Content</h1> <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:extractTables.name">Extract Tables Free Online -
Extract PDF Content</h1>
<p class="text-gray-400 mb-6" data-i18n="tools:extractTables.subtitle"> <p class="text-gray-400 mb-6" data-i18n="tools:extractTables.subtitle">
Extract tables from PDF files and export as CSV, JSON, or Markdown. Extract tables from PDF files and export as CSV, JSON, or Markdown.
</p> </p>
@@ -126,9 +128,8 @@
class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300"> class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
<div class="flex flex-col items-center justify-center pt-5 pb-6"> <div class="flex flex-col items-center justify-center pt-5 pb-6">
<i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i> <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
<p class="mb-2 text-sm text-gray-400"><span class="font-semibold" <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to
data-i18n="upload.clickToSelect">Click to select a file</span> <span select a file</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
<p class="text-xs text-gray-500">PDF file</p> <p class="text-xs text-gray-500">PDF file</p>
<p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
device.</p> device.</p>
@@ -187,7 +188,8 @@
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
<div class="space-y-6"> <div class="space-y-6">
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
1 1
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -196,7 +198,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
2 2
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -205,7 +208,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
3 3
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -220,23 +224,28 @@
<section class="max-w-6xl mx-auto px-4 py-12"> <section class="max-w-6xl mx-auto px-4 py-12">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4"> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
<a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/merge-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Merge Pdf</h3> <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
<p class="text-gray-400 text-sm">Free online merge pdf tool</p> <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
</a> </a>
<a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/compress-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Compress Pdf</h3> <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
<p class="text-gray-400 text-sm">Free online compress pdf tool</p> <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
</a> </a>
<a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/split-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Split Pdf</h3> <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
<p class="text-gray-400 text-sm">Free online split pdf tool</p> <p class="text-gray-400 text-sm">Free online split pdf tool</p>
</a> </a>
<a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/edit-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Edit Pdf</h3> <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
<p class="text-gray-400 text-sm">Free online edit pdf tool</p> <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
</a> </a>
<a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/rotate-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Rotate Pdf</h3> <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
<p class="text-gray-400 text-sm">Free online rotate pdf tool</p> <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
</a> </a>
@@ -252,14 +261,16 @@
Is extract tables really free? Is extract tables really free?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p> <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
file processing.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Are my files private and secure? Are my files private and secure?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p> <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
device, ensuring complete privacy.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -278,7 +289,7 @@
<img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" /> <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" />
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm">&copy; 2025 BentoPDF. All rights reserved.</p> <p class="text-gray-400 text-sm">&copy; 2026 BentoPDF. All rights reserved.</p>
<p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p> <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
</div> </div>
<div> <div>
@@ -319,8 +330,7 @@
title="Instagram"><i data-lucide="instagram"></i></a> title="Instagram"><i data-lucide="instagram"></i></a>
<a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400" <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
title="LinkedIn"><i data-lucide="linkedin"></i></a> title="LinkedIn"><i data-lucide="linkedin"></i></a>
<a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
title="X (Twitter)">
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path <path
d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" /> d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />

66
src/pages/fb2-to-pdf.html
View File

@@ -8,7 +8,8 @@
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>Fb2 To Pdf Online Free - Fb2 To Pdf Tool | BentoPDF</title> <title>Fb2 To Pdf Online Free - Fb2 To Pdf Tool | BentoPDF</title>
<meta name="title" content="Fb2 To Pdf Online Free - Fb2 To Pdf Tool | BentoPDF"> <meta name="title" content="Fb2 To Pdf Online Free - Fb2 To Pdf Tool | BentoPDF">
<meta name="description" content="★ Fb2 To Pdf online free - Fb2 to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta name="description"
content="★ Fb2 To Pdf online free - Fb2 to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta name="keywords" content="fb2 to pdf, fb2 to pdf, online pdf"> <meta name="keywords" content="fb2 to pdf, fb2 to pdf, online pdf">
<meta name="author" content="BentoPDF"> <meta name="author" content="BentoPDF">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
@@ -20,7 +21,8 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://www.bentopdf.com/fb2-to-pdf"> <meta property="og:url" content="https://www.bentopdf.com/fb2-to-pdf">
<meta property="og:title" content="Fb2 To Pdf Online Free - Fb2 To Pdf Tool | BentoPDF"> <meta property="og:title" content="Fb2 To Pdf Online Free - Fb2 To Pdf Tool | BentoPDF">
<meta property="og:description" content="★ Fb2 To Pdf online free - Fb2 to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta property="og:description"
content="★ Fb2 To Pdf online free - Fb2 to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta property="og:image" content="https://www.bentopdf.com/images/og-fb2-to-pdf.png"> <meta property="og:image" content="https://www.bentopdf.com/images/og-fb2-to-pdf.png">
<meta property="og:image:width" content="1200"> <meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630"> <meta property="og:image:height" content="630">
@@ -30,7 +32,8 @@
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://www.bentopdf.com/fb2-to-pdf"> <meta name="twitter:url" content="https://www.bentopdf.com/fb2-to-pdf">
<meta name="twitter:title" content="Fb2 To Pdf Free"> <meta name="twitter:title" content="Fb2 To Pdf Free">
<meta name="twitter:description" content="★ Fb2 To Pdf online free - Fb2 to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas"> <meta name="twitter:description"
content="★ Fb2 To Pdf online free - Fb2 to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas">
<meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-fb2-to-pdf.png"> <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-fb2-to-pdf.png">
<meta name="twitter:site" content="@BentoPDF"> <meta name="twitter:site" content="@BentoPDF">
@@ -85,15 +88,13 @@
class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
aria-controls="mobile-menu" aria-expanded="false"> aria-controls="mobile-menu" aria-expanded="false">
<span class="sr-only">Open main menu</span> <span class="sr-only">Open main menu</span>
<svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
d="M4 6h16M4 12h16M4 18h16" />
</svg> </svg>
<svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
d="M6 18L18 6M6 6l12 12" />
</svg> </svg>
</button> </button>
</div> </div>
@@ -119,7 +120,8 @@
<span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span> <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
</button> </button>
<h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:fb2ToPdf.name">Fb2 To Pdf Converter Free Online - Convert Files Fast</h1> <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:fb2ToPdf.name">Fb2 To Pdf Converter Free Online -
Convert Files Fast</h1>
<p class="text-gray-400 mb-6" data-i18n="tools:fb2ToPdf.subtitle"> <p class="text-gray-400 mb-6" data-i18n="tools:fb2ToPdf.subtitle">
Convert FictionBook (FB2) e-books to PDF format. Supports multiple files. Convert FictionBook (FB2) e-books to PDF format. Supports multiple files.
</p> </p>
@@ -128,9 +130,8 @@
class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300"> class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
<div class="flex flex-col items-center justify-center pt-5 pb-6"> <div class="flex flex-col items-center justify-center pt-5 pb-6">
<i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i> <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
<p class="mb-2 text-sm text-gray-400"><span class="font-semibold" <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to
data-i18n="upload.clickToSelect">Click to select files</span> <span select files</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
<p class="text-xs text-gray-500" data-i18n="tools:fb2ToPdf.acceptedFormats">FB2 files</p> <p class="text-xs text-gray-500" data-i18n="tools:fb2ToPdf.acceptedFormats">FB2 files</p>
<p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
device.</p> device.</p>
@@ -152,8 +153,8 @@
<div id="file-display-area" class="mt-4 space-y-2"></div> <div id="file-display-area" class="mt-4 space-y-2"></div>
<button id="process-btn" class="hidden btn-gradient w-full mt-6" <button id="process-btn" class="hidden btn-gradient w-full mt-6" data-i18n="tools:fb2ToPdf.convertButton">Convert
data-i18n="tools:fb2ToPdf.convertButton">Convert to PDF</button> to PDF</button>
</div> </div>
</div> </div>
@@ -184,7 +185,8 @@
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
<div class="space-y-6"> <div class="space-y-6">
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
1 1
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -193,7 +195,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
2 2
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -202,7 +205,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
3 3
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -217,23 +221,28 @@
<section class="max-w-6xl mx-auto px-4 py-12"> <section class="max-w-6xl mx-auto px-4 py-12">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4"> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
<a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/merge-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Merge Pdf</h3> <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
<p class="text-gray-400 text-sm">Free online merge pdf tool</p> <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
</a> </a>
<a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/compress-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Compress Pdf</h3> <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
<p class="text-gray-400 text-sm">Free online compress pdf tool</p> <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
</a> </a>
<a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/split-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Split Pdf</h3> <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
<p class="text-gray-400 text-sm">Free online split pdf tool</p> <p class="text-gray-400 text-sm">Free online split pdf tool</p>
</a> </a>
<a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/edit-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Edit Pdf</h3> <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
<p class="text-gray-400 text-sm">Free online edit pdf tool</p> <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
</a> </a>
<a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/rotate-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Rotate Pdf</h3> <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
<p class="text-gray-400 text-sm">Free online rotate pdf tool</p> <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
</a> </a>
@@ -249,14 +258,16 @@
Is fb2 to pdf really free? Is fb2 to pdf really free?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p> <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
file processing.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Are my files private and secure? Are my files private and secure?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p> <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
device, ensuring complete privacy.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -276,7 +287,7 @@
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm"> <p class="text-gray-400 text-sm">
&copy; 2025 BentoPDF. All rights reserved. &copy; 2026 BentoPDF. All rights reserved.
</p> </p>
<p class="text-gray-500 text-xs mt-2"> <p class="text-gray-500 text-xs mt-2">
Version <span id="app-version"></span> Version <span id="app-version"></span>
@@ -339,8 +350,7 @@
title="LinkedIn"> title="LinkedIn">
<i data-lucide="linkedin"></i> <i data-lucide="linkedin"></i>
</a> </a>
<a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
title="X (Twitter)">
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path <path
d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" /> d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />

70
src/pages/fix-page-size.html
View File

@@ -8,7 +8,8 @@
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>Fix Page Size Online Free - Fix Page Size Tool | BentoPDF</title> <title>Fix Page Size Online Free - Fix Page Size Tool | BentoPDF</title>
<meta name="title" content="Fix Page Size Online Free - Fix Page Size Tool | BentoPDF"> <meta name="title" content="Fix Page Size Online Free - Fix Page Size Tool | BentoPDF">
<meta name="description" content="★ Fix Page Size online free - Fix page size PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta name="description"
content="★ Fix Page Size online free - Fix page size PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta name="keywords" content="fix page size, fix page size, online pdf"> <meta name="keywords" content="fix page size, fix page size, online pdf">
<meta name="author" content="BentoPDF"> <meta name="author" content="BentoPDF">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
@@ -20,7 +21,8 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://www.bentopdf.com/fix-page-size"> <meta property="og:url" content="https://www.bentopdf.com/fix-page-size">
<meta property="og:title" content="Fix Page Size Online Free - Fix Page Size Tool | BentoPDF"> <meta property="og:title" content="Fix Page Size Online Free - Fix Page Size Tool | BentoPDF">
<meta property="og:description" content="★ Fix Page Size online free - Fix page size PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta property="og:description"
content="★ Fix Page Size online free - Fix page size PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta property="og:image" content="https://www.bentopdf.com/images/og-fix-page-size.png"> <meta property="og:image" content="https://www.bentopdf.com/images/og-fix-page-size.png">
<meta property="og:image:width" content="1200"> <meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630"> <meta property="og:image:height" content="630">
@@ -30,7 +32,8 @@
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://www.bentopdf.com/fix-page-size"> <meta name="twitter:url" content="https://www.bentopdf.com/fix-page-size">
<meta name="twitter:title" content="Fix Page Size Free"> <meta name="twitter:title" content="Fix Page Size Free">
<meta name="twitter:description" content="★ Fix Page Size online free - Fix page size PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser"> <meta name="twitter:description"
content="★ Fix Page Size online free - Fix page size PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser">
<meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-fix-page-size.png"> <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-fix-page-size.png">
<meta name="twitter:site" content="@BentoPDF"> <meta name="twitter:site" content="@BentoPDF">
@@ -81,15 +84,13 @@
class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
aria-controls="mobile-menu" aria-expanded="false"> aria-controls="mobile-menu" aria-expanded="false">
<span class="sr-only">Open main menu</span> <span class="sr-only">Open main menu</span>
<svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
d="M4 6h16M4 12h16M4 18h16" />
</svg> </svg>
<svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
d="M6 18L18 6M6 6l12 12" />
</svg> </svg>
</button> </button>
</div> </div>
@@ -114,7 +115,8 @@
<span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span> <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
</button> </button>
<h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:fixPageSize.name">Fix Page Size Free Online - Fast & Secure</h1> <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:fixPageSize.name">Fix Page Size Free Online - Fast
& Secure</h1>
<p class="text-gray-400 mb-6" data-i18n="tools:fixPageSize.subtitle"> <p class="text-gray-400 mb-6" data-i18n="tools:fixPageSize.subtitle">
Standardize all pages in your PDF to a uniform size. Choose from standard sizes or set custom Standardize all pages in your PDF to a uniform size. Choose from standard sizes or set custom
dimensions. dimensions.
@@ -141,8 +143,7 @@
<div> <div>
<label for="target-size" class="block mb-2 text-sm font-medium text-gray-300">Target Page <label for="target-size" class="block mb-2 text-sm font-medium text-gray-300">Target Page
Size</label> Size</label>
<select id="target-size" <select id="target-size" class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5">
class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5">
<option value="A4">A4 (210 × 297 mm)</option> <option value="A4">A4 (210 × 297 mm)</option>
<option value="Letter">Letter (8.5 × 11 in)</option> <option value="Letter">Letter (8.5 × 11 in)</option>
<option value="Legal">Legal (8.5 × 14 in)</option> <option value="Legal">Legal (8.5 × 14 in)</option>
@@ -162,8 +163,7 @@
class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2 text-sm"> class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2 text-sm">
</div> </div>
<div> <div>
<label for="custom-height" <label for="custom-height" class="block mb-1 text-xs font-medium text-gray-400">Height</label>
class="block mb-1 text-xs font-medium text-gray-400">Height</label>
<input type="number" id="custom-height" step="0.01" min="0.1" value="11" <input type="number" id="custom-height" step="0.01" min="0.1" value="11"
class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2 text-sm"> class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2 text-sm">
</div> </div>
@@ -181,8 +181,7 @@
<!-- Orientation --> <!-- Orientation -->
<div> <div>
<label for="orientation" class="block mb-2 text-sm font-medium text-gray-300">Orientation</label> <label for="orientation" class="block mb-2 text-sm font-medium text-gray-300">Orientation</label>
<select id="orientation" <select id="orientation" class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5">
class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5">
<option value="auto">Auto (Keep Original)</option> <option value="auto">Auto (Keep Original)</option>
<option value="portrait">Portrait</option> <option value="portrait">Portrait</option>
<option value="landscape">Landscape</option> <option value="landscape">Landscape</option>
@@ -242,8 +241,8 @@
<!-- Alert Modal --> <!-- Alert Modal -->
<div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden"> <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
<div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700"> <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
<h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
data-i18n="alert.title">Alert</h3> Alert</h3>
<p id="alert-message" class="text-gray-300 mb-6"></p> <p id="alert-message" class="text-gray-300 mb-6"></p>
<button id="alert-ok" <button id="alert-ok"
class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200"> class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
@@ -258,7 +257,8 @@
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
<div class="space-y-6"> <div class="space-y-6">
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
1 1
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -267,7 +267,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
2 2
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -276,7 +277,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
3 3
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -291,23 +293,28 @@
<section class="max-w-6xl mx-auto px-4 py-12"> <section class="max-w-6xl mx-auto px-4 py-12">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4"> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
<a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/merge-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Merge Pdf</h3> <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
<p class="text-gray-400 text-sm">Free online merge pdf tool</p> <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
</a> </a>
<a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/compress-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Compress Pdf</h3> <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
<p class="text-gray-400 text-sm">Free online compress pdf tool</p> <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
</a> </a>
<a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/split-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Split Pdf</h3> <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
<p class="text-gray-400 text-sm">Free online split pdf tool</p> <p class="text-gray-400 text-sm">Free online split pdf tool</p>
</a> </a>
<a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/edit-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Edit Pdf</h3> <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
<p class="text-gray-400 text-sm">Free online edit pdf tool</p> <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
</a> </a>
<a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/rotate-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Rotate Pdf</h3> <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
<p class="text-gray-400 text-sm">Free online rotate pdf tool</p> <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
</a> </a>
@@ -323,14 +330,16 @@
Is fix page size really free? Is fix page size really free?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p> <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
file processing.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Are my files private and secure? Are my files private and secure?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p> <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
device, ensuring complete privacy.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -349,7 +358,7 @@
<img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" /> <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" />
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm">&copy; 2025 BentoPDF. All rights reserved.</p> <p class="text-gray-400 text-sm">&copy; 2026 BentoPDF. All rights reserved.</p>
<p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p> <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
</div> </div>
<div> <div>
@@ -390,8 +399,7 @@
title="Instagram"><i data-lucide="instagram"></i></a> title="Instagram"><i data-lucide="instagram"></i></a>
<a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400" <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
title="LinkedIn"><i data-lucide="linkedin"></i></a> title="LinkedIn"><i data-lucide="linkedin"></i></a>
<a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
title="X (Twitter)">
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path <path
d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" /> d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />

61
src/pages/flatten-pdf.html
View File

@@ -8,7 +8,8 @@
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>Flatten Pdf Online Free - Flatten Pdf Tool | BentoPDF</title> <title>Flatten Pdf Online Free - Flatten Pdf Tool | BentoPDF</title>
<meta name="title" content="Flatten Pdf Online Free - Flatten Pdf Tool | BentoPDF"> <meta name="title" content="Flatten Pdf Online Free - Flatten Pdf Tool | BentoPDF">
<meta name="description" content="★ Flatten Pdf online free - Flatten pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta name="description"
content="★ Flatten Pdf online free - Flatten pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta name="keywords" content="flatten pdf, flatten pdf, online pdf"> <meta name="keywords" content="flatten pdf, flatten pdf, online pdf">
<meta name="author" content="BentoPDF"> <meta name="author" content="BentoPDF">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
@@ -20,7 +21,8 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://www.bentopdf.com/flatten-pdf"> <meta property="og:url" content="https://www.bentopdf.com/flatten-pdf">
<meta property="og:title" content="Flatten Pdf Online Free - Flatten Pdf Tool | BentoPDF"> <meta property="og:title" content="Flatten Pdf Online Free - Flatten Pdf Tool | BentoPDF">
<meta property="og:description" content="★ Flatten Pdf online free - Flatten pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta property="og:description"
content="★ Flatten Pdf online free - Flatten pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta property="og:image" content="https://www.bentopdf.com/images/og-flatten-pdf.png"> <meta property="og:image" content="https://www.bentopdf.com/images/og-flatten-pdf.png">
<meta property="og:image:width" content="1200"> <meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630"> <meta property="og:image:height" content="630">
@@ -30,7 +32,8 @@
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://www.bentopdf.com/flatten-pdf"> <meta name="twitter:url" content="https://www.bentopdf.com/flatten-pdf">
<meta name="twitter:title" content="Flatten Pdf Free"> <meta name="twitter:title" content="Flatten Pdf Free">
<meta name="twitter:description" content="★ Flatten Pdf online free - Flatten pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ F"> <meta name="twitter:description"
content="★ Flatten Pdf online free - Flatten pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ F">
<meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-flatten-pdf.png"> <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-flatten-pdf.png">
<meta name="twitter:site" content="@BentoPDF"> <meta name="twitter:site" content="@BentoPDF">
@@ -81,15 +84,13 @@
class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
aria-controls="mobile-menu" aria-expanded="false"> aria-controls="mobile-menu" aria-expanded="false">
<span class="sr-only">Open main menu</span> <span class="sr-only">Open main menu</span>
<svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
d="M4 6h16M4 12h16M4 18h16" />
</svg> </svg>
<svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
d="M6 18L18 6M6 6l12 12" />
</svg> </svg>
</button> </button>
</div> </div>
@@ -114,7 +115,8 @@
<span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span> <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
</button> </button>
<h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:flattenPdf.name">Flatten Pdf Free Online - Fast & Secure</h1> <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:flattenPdf.name">Flatten Pdf Free Online - Fast &
Secure</h1>
<p class="text-gray-400 mb-6" data-i18n="tools:flattenPdf.subtitle"> <p class="text-gray-400 mb-6" data-i18n="tools:flattenPdf.subtitle">
Make form fields and annotations non-editable by flattening them into the PDF. Make form fields and annotations non-editable by flattening them into the PDF.
</p> </p>
@@ -174,8 +176,8 @@
<!-- Alert Modal --> <!-- Alert Modal -->
<div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden"> <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
<div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700"> <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
<h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
data-i18n="alert.title">Alert</h3> Alert</h3>
<p id="alert-message" class="text-gray-300 mb-6"></p> <p id="alert-message" class="text-gray-300 mb-6"></p>
<button id="alert-ok" <button id="alert-ok"
class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200"> class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
@@ -190,7 +192,8 @@
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
<div class="space-y-6"> <div class="space-y-6">
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
1 1
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -199,7 +202,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
2 2
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -208,7 +212,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
3 3
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -223,23 +228,28 @@
<section class="max-w-6xl mx-auto px-4 py-12"> <section class="max-w-6xl mx-auto px-4 py-12">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4"> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
<a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/merge-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Merge Pdf</h3> <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
<p class="text-gray-400 text-sm">Free online merge pdf tool</p> <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
</a> </a>
<a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/compress-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Compress Pdf</h3> <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
<p class="text-gray-400 text-sm">Free online compress pdf tool</p> <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
</a> </a>
<a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/split-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Split Pdf</h3> <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
<p class="text-gray-400 text-sm">Free online split pdf tool</p> <p class="text-gray-400 text-sm">Free online split pdf tool</p>
</a> </a>
<a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/edit-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Edit Pdf</h3> <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
<p class="text-gray-400 text-sm">Free online edit pdf tool</p> <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
</a> </a>
<a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/rotate-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Rotate Pdf</h3> <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
<p class="text-gray-400 text-sm">Free online rotate pdf tool</p> <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
</a> </a>
@@ -255,14 +265,16 @@
Is flatten pdf really free? Is flatten pdf really free?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p> <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
file processing.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Are my files private and secure? Are my files private and secure?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p> <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
device, ensuring complete privacy.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -281,7 +293,7 @@
<img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" /> <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" />
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm">&copy; 2025 BentoPDF. All rights reserved.</p> <p class="text-gray-400 text-sm">&copy; 2026 BentoPDF. All rights reserved.</p>
<p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p> <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
</div> </div>
<div> <div>
@@ -322,8 +334,7 @@
title="Instagram"><i data-lucide="instagram"></i></a> title="Instagram"><i data-lucide="instagram"></i></a>
<a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400" <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
title="LinkedIn"><i data-lucide="linkedin"></i></a> title="LinkedIn"><i data-lucide="linkedin"></i></a>
<a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
title="X (Twitter)">
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path <path
d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" /> d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />

47
src/pages/form-creator.html
View File

@@ -8,7 +8,8 @@
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>Form Creator Online Free - Form Creator Tool | BentoPDF</title> <title>Form Creator Online Free - Form Creator Tool | BentoPDF</title>
<meta name="title" content="Form Creator Online Free - Form Creator Tool | BentoPDF"> <meta name="title" content="Form Creator Online Free - Form Creator Tool | BentoPDF">
<meta name="description" content="★ Form Creator online free - Form creator PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta name="description"
content="★ Form Creator online free - Form creator PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta name="keywords" content="form creator, form creator, online pdf"> <meta name="keywords" content="form creator, form creator, online pdf">
<meta name="author" content="BentoPDF"> <meta name="author" content="BentoPDF">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
@@ -20,7 +21,8 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://www.bentopdf.com/form-creator"> <meta property="og:url" content="https://www.bentopdf.com/form-creator">
<meta property="og:title" content="Form Creator Online Free - Form Creator Tool | BentoPDF"> <meta property="og:title" content="Form Creator Online Free - Form Creator Tool | BentoPDF">
<meta property="og:description" content="★ Form Creator online free - Form creator PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta property="og:description"
content="★ Form Creator online free - Form creator PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta property="og:image" content="https://www.bentopdf.com/images/og-form-creator.png"> <meta property="og:image" content="https://www.bentopdf.com/images/og-form-creator.png">
<meta property="og:image:width" content="1200"> <meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630"> <meta property="og:image:height" content="630">
@@ -30,7 +32,8 @@
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://www.bentopdf.com/form-creator"> <meta name="twitter:url" content="https://www.bentopdf.com/form-creator">
<meta name="twitter:title" content="Form Creator Free"> <meta name="twitter:title" content="Form Creator Free">
<meta name="twitter:description" content="★ Form Creator online free - Form creator PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★"> <meta name="twitter:description"
content="★ Form Creator online free - Form creator PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★">
<meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-form-creator.png"> <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-form-creator.png">
<meta name="twitter:site" content="@BentoPDF"> <meta name="twitter:site" content="@BentoPDF">
@@ -121,7 +124,8 @@
<span class="cursor-pointer">Back to Tools</span> <span class="cursor-pointer">Back to Tools</span>
</button> </button>
<h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:createPdfForm.name">Form Creator Free Online - Fast & Secure</h1> <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:createPdfForm.name">Form Creator Free Online
- Fast & Secure</h1>
<p class="text-gray-400 mb-6" data-i18n="tools:createPdfForm.subtitle"> <p class="text-gray-400 mb-6" data-i18n="tools:createPdfForm.subtitle">
Upload an existing PDF or create a blank PDF to start adding form fields. Upload an existing PDF or create a blank PDF to start adding form fields.
</p> </p>
@@ -377,7 +381,8 @@
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
<div class="space-y-6"> <div class="space-y-6">
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
1 1
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -386,7 +391,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
2 2
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -395,7 +401,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
3 3
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -410,23 +417,28 @@
<section class="max-w-6xl mx-auto px-4 py-12"> <section class="max-w-6xl mx-auto px-4 py-12">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4"> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
<a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/merge-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Merge Pdf</h3> <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
<p class="text-gray-400 text-sm">Free online merge pdf tool</p> <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
</a> </a>
<a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/compress-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Compress Pdf</h3> <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
<p class="text-gray-400 text-sm">Free online compress pdf tool</p> <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
</a> </a>
<a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/split-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Split Pdf</h3> <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
<p class="text-gray-400 text-sm">Free online split pdf tool</p> <p class="text-gray-400 text-sm">Free online split pdf tool</p>
</a> </a>
<a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/edit-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Edit Pdf</h3> <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
<p class="text-gray-400 text-sm">Free online edit pdf tool</p> <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
</a> </a>
<a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/rotate-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Rotate Pdf</h3> <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
<p class="text-gray-400 text-sm">Free online rotate pdf tool</p> <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
</a> </a>
@@ -442,21 +454,24 @@
Is form creator really free? Is form creator really free?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p> <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and
unlimited file processing.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Are my files private and secure? Are my files private and secure?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p> <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave
your device, ensuring complete privacy.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Is there a file size limit? Is there a file size limit?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">No! Process files of any size, as many times as you want, completely free.</p> <p class="mt-3 text-gray-400">No! Process files of any size, as many times as you want, completely free.
</p>
</details> </details>
</div> </div>
</section> </section>
@@ -469,7 +484,7 @@
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm"> <p class="text-gray-400 text-sm">
&copy; 2025 BentoPDF. All rights reserved. &copy; 2026 BentoPDF. All rights reserved.
</p> </p>
<p class="text-gray-500 text-xs mt-2"> <p class="text-gray-500 text-xs mt-2">
Version <span id="app-version"></span> Version <span id="app-version"></span>

66
src/pages/form-filler.html
View File

@@ -8,7 +8,8 @@
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>Form Filler Online Free - Form Filler Tool | BentoPDF</title> <title>Form Filler Online Free - Form Filler Tool | BentoPDF</title>
<meta name="title" content="Form Filler Online Free - Form Filler Tool | BentoPDF"> <meta name="title" content="Form Filler Online Free - Form Filler Tool | BentoPDF">
<meta name="description" content="★ Form Filler online free - Form filler PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta name="description"
content="★ Form Filler online free - Form filler PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta name="keywords" content="form filler, form filler, online pdf"> <meta name="keywords" content="form filler, form filler, online pdf">
<meta name="author" content="BentoPDF"> <meta name="author" content="BentoPDF">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
@@ -20,7 +21,8 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://www.bentopdf.com/form-filler"> <meta property="og:url" content="https://www.bentopdf.com/form-filler">
<meta property="og:title" content="Form Filler Online Free - Form Filler Tool | BentoPDF"> <meta property="og:title" content="Form Filler Online Free - Form Filler Tool | BentoPDF">
<meta property="og:description" content="★ Form Filler online free - Form filler PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta property="og:description"
content="★ Form Filler online free - Form filler PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta property="og:image" content="https://www.bentopdf.com/images/og-form-filler.png"> <meta property="og:image" content="https://www.bentopdf.com/images/og-form-filler.png">
<meta property="og:image:width" content="1200"> <meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630"> <meta property="og:image:height" content="630">
@@ -30,7 +32,8 @@
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://www.bentopdf.com/form-filler"> <meta name="twitter:url" content="https://www.bentopdf.com/form-filler">
<meta name="twitter:title" content="Form Filler Free"> <meta name="twitter:title" content="Form Filler Free">
<meta name="twitter:description" content="★ Form Filler online free - Form filler PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ F"> <meta name="twitter:description"
content="★ Form Filler online free - Form filler PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ F">
<meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-form-filler.png"> <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-form-filler.png">
<meta name="twitter:site" content="@BentoPDF"> <meta name="twitter:site" content="@BentoPDF">
@@ -85,15 +88,13 @@
class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
aria-controls="mobile-menu" aria-expanded="false"> aria-controls="mobile-menu" aria-expanded="false">
<span class="sr-only">Open main menu</span> <span class="sr-only">Open main menu</span>
<svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
d="M4 6h16M4 12h16M4 18h16" />
</svg> </svg>
<svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
d="M6 18L18 6M6 6l12 12" />
</svg> </svg>
</button> </button>
</div> </div>
@@ -119,7 +120,8 @@
<span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span> <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
</button> </button>
<h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:pdfFormFiller.name">Form Filler Free Online - Fast & Secure</h1> <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:pdfFormFiller.name">Form Filler Free Online - Fast
& Secure</h1>
<p class="text-gray-400 mb-4"> <p class="text-gray-400 mb-4">
Upload a PDF with form fields. Fill them directly in the viewer below, then click the button to save and Upload a PDF with form fields. Fill them directly in the viewer below, then click the button to save and
download the filled form. Also supports XFA forms. download the filled form. Also supports XFA forms.
@@ -139,9 +141,8 @@
class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300"> class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
<div class="flex flex-col items-center justify-center pt-5 pb-6"> <div class="flex flex-col items-center justify-center pt-5 pb-6">
<i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i> <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
<p class="mb-2 text-sm text-gray-400"><span class="font-semibold" <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to
data-i18n="upload.clickToSelect">Click to select a file</span> <span select a file</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
<p class="text-xs text-gray-500">PDF file with form fields</p> <p class="text-xs text-gray-500">PDF file with form fields</p>
<p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
device.</p> device.</p>
@@ -173,8 +174,8 @@
<div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden"> <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
<div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700"> <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
<h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
data-i18n="alert.title">Alert</h3> Alert</h3>
<p id="alert-message" class="text-gray-300 mb-6"></p> <p id="alert-message" class="text-gray-300 mb-6"></p>
<button id="alert-ok" <button id="alert-ok"
class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200"> class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
@@ -189,7 +190,8 @@
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
<div class="space-y-6"> <div class="space-y-6">
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
1 1
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -198,7 +200,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
2 2
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -207,7 +210,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
3 3
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -222,23 +226,28 @@
<section class="max-w-6xl mx-auto px-4 py-12"> <section class="max-w-6xl mx-auto px-4 py-12">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4"> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
<a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/merge-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Merge Pdf</h3> <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
<p class="text-gray-400 text-sm">Free online merge pdf tool</p> <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
</a> </a>
<a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/compress-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Compress Pdf</h3> <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
<p class="text-gray-400 text-sm">Free online compress pdf tool</p> <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
</a> </a>
<a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/split-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Split Pdf</h3> <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
<p class="text-gray-400 text-sm">Free online split pdf tool</p> <p class="text-gray-400 text-sm">Free online split pdf tool</p>
</a> </a>
<a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/edit-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Edit Pdf</h3> <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
<p class="text-gray-400 text-sm">Free online edit pdf tool</p> <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
</a> </a>
<a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/rotate-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Rotate Pdf</h3> <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
<p class="text-gray-400 text-sm">Free online rotate pdf tool</p> <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
</a> </a>
@@ -254,14 +263,16 @@
Is form filler really free? Is form filler really free?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p> <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
file processing.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Are my files private and secure? Are my files private and secure?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p> <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
device, ensuring complete privacy.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -280,7 +291,7 @@
<img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" /> <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" />
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm">&copy; 2025 BentoPDF. All rights reserved.</p> <p class="text-gray-400 text-sm">&copy; 2026 BentoPDF. All rights reserved.</p>
<p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p> <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
</div> </div>
<div> <div>
@@ -325,8 +336,7 @@
title="LinkedIn"> title="LinkedIn">
<i data-lucide="linkedin"></i> <i data-lucide="linkedin"></i>
</a> </a>
<a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
title="X (Twitter)">
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path <path
d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" /> d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />

66
src/pages/header-footer.html
View File

@@ -8,7 +8,8 @@
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>Header Footer Online Free - Header Footer Tool | BentoPDF</title> <title>Header Footer Online Free - Header Footer Tool | BentoPDF</title>
<meta name="title" content="Header Footer Online Free - Header Footer Tool | BentoPDF"> <meta name="title" content="Header Footer Online Free - Header Footer Tool | BentoPDF">
<meta name="description" content="★ Header Footer online free - Header footer PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta name="description"
content="★ Header Footer online free - Header footer PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta name="keywords" content="header footer, header footer, online pdf"> <meta name="keywords" content="header footer, header footer, online pdf">
<meta name="author" content="BentoPDF"> <meta name="author" content="BentoPDF">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
@@ -20,7 +21,8 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://www.bentopdf.com/header-footer"> <meta property="og:url" content="https://www.bentopdf.com/header-footer">
<meta property="og:title" content="Header Footer Online Free - Header Footer Tool | BentoPDF"> <meta property="og:title" content="Header Footer Online Free - Header Footer Tool | BentoPDF">
<meta property="og:description" content="★ Header Footer online free - Header footer PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta property="og:description"
content="★ Header Footer online free - Header footer PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta property="og:image" content="https://www.bentopdf.com/images/og-header-footer.png"> <meta property="og:image" content="https://www.bentopdf.com/images/og-header-footer.png">
<meta property="og:image:width" content="1200"> <meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630"> <meta property="og:image:height" content="630">
@@ -30,7 +32,8 @@
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://www.bentopdf.com/header-footer"> <meta name="twitter:url" content="https://www.bentopdf.com/header-footer">
<meta name="twitter:title" content="Header Footer Free"> <meta name="twitter:title" content="Header Footer Free">
<meta name="twitter:description" content="★ Header Footer online free - Header footer PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser"> <meta name="twitter:description"
content="★ Header Footer online free - Header footer PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser">
<meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-header-footer.png"> <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-header-footer.png">
<meta name="twitter:site" content="@BentoPDF"> <meta name="twitter:site" content="@BentoPDF">
@@ -85,15 +88,13 @@
class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
aria-controls="mobile-menu" aria-expanded="false"> aria-controls="mobile-menu" aria-expanded="false">
<span class="sr-only">Open main menu</span> <span class="sr-only">Open main menu</span>
<svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
d="M4 6h16M4 12h16M4 18h16" />
</svg> </svg>
<svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
d="M6 18L18 6M6 6l12 12" />
</svg> </svg>
</button> </button>
</div> </div>
@@ -119,7 +120,8 @@
<span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span> <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
</button> </button>
<h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:headerFooter.name">Header Footer Free Online - Fast & Secure</h1> <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:headerFooter.name">Header Footer Free Online -
Fast & Secure</h1>
<p class="text-gray-400 mb-6" data-i18n="tools:headerFooter.subtitle"> <p class="text-gray-400 mb-6" data-i18n="tools:headerFooter.subtitle">
Add customizable headers and footers to your PDF documents with dynamic page numbers. Add customizable headers and footers to your PDF documents with dynamic page numbers.
</p> </p>
@@ -128,9 +130,8 @@
class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300"> class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
<div class="flex flex-col items-center justify-center pt-5 pb-6"> <div class="flex flex-col items-center justify-center pt-5 pb-6">
<i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i> <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
<p class="mb-2 text-sm text-gray-400"><span class="font-semibold" <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to
data-i18n="upload.clickToSelect">Click to select a file</span> <span select a file</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
<p class="text-xs text-gray-500">PDF file</p> <p class="text-xs text-gray-500">PDF file</p>
<p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
device.</p> device.</p>
@@ -225,8 +226,8 @@
<div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden"> <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
<div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700"> <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
<h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
data-i18n="alert.title">Alert</h3> Alert</h3>
<p id="alert-message" class="text-gray-300 mb-6"></p> <p id="alert-message" class="text-gray-300 mb-6"></p>
<button id="alert-ok" <button id="alert-ok"
class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200"> class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
@@ -241,7 +242,8 @@
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
<div class="space-y-6"> <div class="space-y-6">
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
1 1
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -250,7 +252,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
2 2
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -259,7 +262,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
3 3
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -274,23 +278,28 @@
<section class="max-w-6xl mx-auto px-4 py-12"> <section class="max-w-6xl mx-auto px-4 py-12">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4"> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
<a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/merge-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Merge Pdf</h3> <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
<p class="text-gray-400 text-sm">Free online merge pdf tool</p> <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
</a> </a>
<a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/compress-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Compress Pdf</h3> <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
<p class="text-gray-400 text-sm">Free online compress pdf tool</p> <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
</a> </a>
<a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/split-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Split Pdf</h3> <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
<p class="text-gray-400 text-sm">Free online split pdf tool</p> <p class="text-gray-400 text-sm">Free online split pdf tool</p>
</a> </a>
<a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/edit-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Edit Pdf</h3> <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
<p class="text-gray-400 text-sm">Free online edit pdf tool</p> <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
</a> </a>
<a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/rotate-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Rotate Pdf</h3> <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
<p class="text-gray-400 text-sm">Free online rotate pdf tool</p> <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
</a> </a>
@@ -306,14 +315,16 @@
Is header footer really free? Is header footer really free?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p> <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
file processing.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Are my files private and secure? Are my files private and secure?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p> <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
device, ensuring complete privacy.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -332,7 +343,7 @@
<img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" /> <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" />
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm">&copy; 2025 BentoPDF. All rights reserved.</p> <p class="text-gray-400 text-sm">&copy; 2026 BentoPDF. All rights reserved.</p>
<p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p> <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
</div> </div>
<div> <div>
@@ -377,8 +388,7 @@
title="LinkedIn"> title="LinkedIn">
<i data-lucide="linkedin"></i> <i data-lucide="linkedin"></i>
</a> </a>
<a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
title="X (Twitter)">
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path <path
d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" /> d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />

61
src/pages/heic-to-pdf.html
View File

@@ -8,7 +8,8 @@
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>Heic To Pdf Online Free - Heic To Pdf Tool | BentoPDF</title> <title>Heic To Pdf Online Free - Heic To Pdf Tool | BentoPDF</title>
<meta name="title" content="Heic To Pdf Online Free - Heic To Pdf Tool | BentoPDF"> <meta name="title" content="Heic To Pdf Online Free - Heic To Pdf Tool | BentoPDF">
<meta name="description" content="★ Heic To Pdf online free - Heic to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta name="description"
content="★ Heic To Pdf online free - Heic to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta name="keywords" content="heic to pdf, heic to pdf, online pdf"> <meta name="keywords" content="heic to pdf, heic to pdf, online pdf">
<meta name="author" content="BentoPDF"> <meta name="author" content="BentoPDF">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
@@ -20,7 +21,8 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://www.bentopdf.com/heic-to-pdf"> <meta property="og:url" content="https://www.bentopdf.com/heic-to-pdf">
<meta property="og:title" content="Heic To Pdf Online Free - Heic To Pdf Tool | BentoPDF"> <meta property="og:title" content="Heic To Pdf Online Free - Heic To Pdf Tool | BentoPDF">
<meta property="og:description" content="★ Heic To Pdf online free - Heic to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta property="og:description"
content="★ Heic To Pdf online free - Heic to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta property="og:image" content="https://www.bentopdf.com/images/og-heic-to-pdf.png"> <meta property="og:image" content="https://www.bentopdf.com/images/og-heic-to-pdf.png">
<meta property="og:image:width" content="1200"> <meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630"> <meta property="og:image:height" content="630">
@@ -30,7 +32,8 @@
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://www.bentopdf.com/heic-to-pdf"> <meta name="twitter:url" content="https://www.bentopdf.com/heic-to-pdf">
<meta name="twitter:title" content="Heic To Pdf Free"> <meta name="twitter:title" content="Heic To Pdf Free">
<meta name="twitter:description" content="★ Heic To Pdf online free - Heic to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ F"> <meta name="twitter:description"
content="★ Heic To Pdf online free - Heic to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ F">
<meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-heic-to-pdf.png"> <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-heic-to-pdf.png">
<meta name="twitter:site" content="@BentoPDF"> <meta name="twitter:site" content="@BentoPDF">
@@ -84,15 +87,13 @@
class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
aria-controls="mobile-menu" aria-expanded="false"> aria-controls="mobile-menu" aria-expanded="false">
<span class="sr-only">Open main menu</span> <span class="sr-only">Open main menu</span>
<svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
d="M4 6h16M4 12h16M4 18h16" />
</svg> </svg>
<svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
d="M6 18L18 6M6 6l12 12" />
</svg> </svg>
</button> </button>
</div> </div>
@@ -118,7 +119,8 @@
<span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span> <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
</button> </button>
<h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:heicToPdf.name">Heic To Pdf Converter Free Online - Convert Files Fast</h1> <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:heicToPdf.name">Heic To Pdf Converter Free Online
- Convert Files Fast</h1>
<p class="text-gray-400 mb-6" data-i18n="tools:heicToPdf.subtitle"> <p class="text-gray-400 mb-6" data-i18n="tools:heicToPdf.subtitle">
Convert one or more HEIC (High Efficiency) images from your iPhone or camera into a single PDF file. Convert one or more HEIC (High Efficiency) images from your iPhone or camera into a single PDF file.
</p> </p>
@@ -166,8 +168,8 @@
<div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden"> <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
<div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700"> <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
<h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
data-i18n="alert.title">Alert</h3> Alert</h3>
<p id="alert-message" class="text-gray-300 mb-6"></p> <p id="alert-message" class="text-gray-300 mb-6"></p>
<button id="alert-ok" <button id="alert-ok"
class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200"> class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
@@ -182,7 +184,8 @@
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
<div class="space-y-6"> <div class="space-y-6">
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
1 1
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -191,7 +194,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
2 2
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -200,7 +204,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
3 3
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -215,23 +220,28 @@
<section class="max-w-6xl mx-auto px-4 py-12"> <section class="max-w-6xl mx-auto px-4 py-12">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4"> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
<a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/merge-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Merge Pdf</h3> <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
<p class="text-gray-400 text-sm">Free online merge pdf tool</p> <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
</a> </a>
<a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/compress-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Compress Pdf</h3> <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
<p class="text-gray-400 text-sm">Free online compress pdf tool</p> <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
</a> </a>
<a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/split-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Split Pdf</h3> <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
<p class="text-gray-400 text-sm">Free online split pdf tool</p> <p class="text-gray-400 text-sm">Free online split pdf tool</p>
</a> </a>
<a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/edit-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Edit Pdf</h3> <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
<p class="text-gray-400 text-sm">Free online edit pdf tool</p> <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
</a> </a>
<a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/rotate-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Rotate Pdf</h3> <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
<p class="text-gray-400 text-sm">Free online rotate pdf tool</p> <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
</a> </a>
@@ -247,14 +257,16 @@
Is heic to pdf really free? Is heic to pdf really free?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p> <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
file processing.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Are my files private and secure? Are my files private and secure?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p> <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
device, ensuring complete privacy.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -274,7 +286,7 @@
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm"> <p class="text-gray-400 text-sm">
&copy; 2025 BentoPDF. All rights reserved. &copy; 2026 BentoPDF. All rights reserved.
</p> </p>
<p class="text-gray-500 text-xs mt-2"> <p class="text-gray-500 text-xs mt-2">
Version <span id="app-version"></span> Version <span id="app-version"></span>
@@ -325,8 +337,7 @@
title="LinkedIn"> title="LinkedIn">
<i data-lucide="linkedin"></i> <i data-lucide="linkedin"></i>
</a> </a>
<a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
title="X (Twitter)">
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path <path
d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" /> d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />

72
src/pages/image-to-pdf.html
View File

@@ -8,7 +8,8 @@
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>Image To Pdf Online Free - Image To Pdf Tool | BentoPDF</title> <title>Image To Pdf Online Free - Image To Pdf Tool | BentoPDF</title>
<meta name="title" content="Image To Pdf Online Free - Image To Pdf Tool | BentoPDF"> <meta name="title" content="Image To Pdf Online Free - Image To Pdf Tool | BentoPDF">
<meta name="description" content="★ Image To Pdf online free - Image to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta name="description"
content="★ Image To Pdf online free - Image to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta name="keywords" content="image to pdf, image to pdf, online pdf"> <meta name="keywords" content="image to pdf, image to pdf, online pdf">
<meta name="author" content="BentoPDF"> <meta name="author" content="BentoPDF">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
@@ -20,7 +21,8 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://www.bentopdf.com/image-to-pdf"> <meta property="og:url" content="https://www.bentopdf.com/image-to-pdf">
<meta property="og:title" content="Image To Pdf Online Free - Image To Pdf Tool | BentoPDF"> <meta property="og:title" content="Image To Pdf Online Free - Image To Pdf Tool | BentoPDF">
<meta property="og:description" content="★ Image To Pdf online free - Image to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta property="og:description"
content="★ Image To Pdf online free - Image to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta property="og:image" content="https://www.bentopdf.com/images/og-image-to-pdf.png"> <meta property="og:image" content="https://www.bentopdf.com/images/og-image-to-pdf.png">
<meta property="og:image:width" content="1200"> <meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630"> <meta property="og:image:height" content="630">
@@ -30,7 +32,8 @@
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://www.bentopdf.com/image-to-pdf"> <meta name="twitter:url" content="https://www.bentopdf.com/image-to-pdf">
<meta name="twitter:title" content="Image To Pdf Free"> <meta name="twitter:title" content="Image To Pdf Free">
<meta name="twitter:description" content="★ Image To Pdf online free - Image to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★"> <meta name="twitter:description"
content="★ Image To Pdf online free - Image to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★">
<meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-image-to-pdf.png"> <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-image-to-pdf.png">
<meta name="twitter:site" content="@BentoPDF"> <meta name="twitter:site" content="@BentoPDF">
@@ -82,15 +85,13 @@
class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
aria-controls="mobile-menu" aria-expanded="false"> aria-controls="mobile-menu" aria-expanded="false">
<span class="sr-only">Open main menu</span> <span class="sr-only">Open main menu</span>
<svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
d="M4 6h16M4 12h16M4 18h16" />
</svg> </svg>
<svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
d="M6 18L18 6M6 6l12 12" />
</svg> </svg>
</button> </button>
</div> </div>
@@ -115,7 +116,8 @@
<span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span> <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
</button> </button>
<h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:imageToPdf.name">Image To Pdf Converter Free Online - Convert Files Fast</h1> <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:imageToPdf.name">Image To Pdf Converter Free
Online - Convert Files Fast</h1>
<p class="text-gray-400 mb-6" data-i18n="tools:imageToPdf.subtitle">Convert one or more images into a single <p class="text-gray-400 mb-6" data-i18n="tools:imageToPdf.subtitle">Convert one or more images into a single
PDF file.</p> PDF file.</p>
@@ -123,16 +125,14 @@
class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300"> class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
<div class="flex flex-col items-center justify-center pt-5 pb-6"> <div class="flex flex-col items-center justify-center pt-5 pb-6">
<i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i> <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
<p class="mb-2 text-sm text-gray-400"><span class="font-semibold" <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to
data-i18n="upload.clickToSelect">Click to select a file</span> <span select a file</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
<p id="supported-formats" class="text-xs text-gray-500">JPG, PNG, BMP, GIF, TIFF, PNM, PGM, PBM, <p id="supported-formats" class="text-xs text-gray-500">JPG, PNG, BMP, GIF, TIFF, PNM, PGM, PBM,
PPM, PAM, JXR, JPX, JP2, PSD, SVG, HEIC, WebP</p> PPM, PAM, JXR, JPX, JP2, PSD, SVG, HEIC, WebP</p>
<p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
device.</p> device.</p>
</div> </div>
<input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer" <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer" multiple
multiple
accept=".jpg,.jpeg,.png,.bmp,.gif,.tiff,.tif,.pnm,.pgm,.pbm,.ppm,.pam,.jxr,.jpx,.jp2,.psd,.svg,.heic,.heif,.webp"> accept=".jpg,.jpeg,.png,.bmp,.gif,.tiff,.tif,.pnm,.pgm,.pbm,.ppm,.pam,.jxr,.jpx,.jp2,.psd,.svg,.heic,.heif,.webp">
</div> </div>
@@ -153,8 +153,7 @@
<div class="mb-4"> <div class="mb-4">
<label for="jpg-pdf-quality" class="block mb-2 text-sm font-medium text-gray-300">PDF <label for="jpg-pdf-quality" class="block mb-2 text-sm font-medium text-gray-300">PDF
Quality</label> Quality</label>
<select id="jpg-pdf-quality" <select id="jpg-pdf-quality" class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5">
class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5">
<option value="high">High Quality (Larger file)</option> <option value="high">High Quality (Larger file)</option>
<option value="medium" selected>Medium Quality (Balanced)</option> <option value="medium" selected>Medium Quality (Balanced)</option>
<option value="low">Low Quality (Smaller file)</option> <option value="low">Low Quality (Smaller file)</option>
@@ -176,8 +175,8 @@
<div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden"> <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
<div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700"> <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
<h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
data-i18n="alert.title">Alert</h3> Alert</h3>
<p id="alert-message" class="text-gray-300 mb-6"></p> <p id="alert-message" class="text-gray-300 mb-6"></p>
<button id="alert-ok" <button id="alert-ok"
class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200" class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200"
@@ -191,7 +190,8 @@
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
<div class="space-y-6"> <div class="space-y-6">
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
1 1
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -200,7 +200,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
2 2
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -209,7 +210,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
3 3
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -224,23 +226,28 @@
<section class="max-w-6xl mx-auto px-4 py-12"> <section class="max-w-6xl mx-auto px-4 py-12">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4"> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
<a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/merge-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Merge Pdf</h3> <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
<p class="text-gray-400 text-sm">Free online merge pdf tool</p> <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
</a> </a>
<a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/compress-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Compress Pdf</h3> <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
<p class="text-gray-400 text-sm">Free online compress pdf tool</p> <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
</a> </a>
<a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/split-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Split Pdf</h3> <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
<p class="text-gray-400 text-sm">Free online split pdf tool</p> <p class="text-gray-400 text-sm">Free online split pdf tool</p>
</a> </a>
<a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/edit-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Edit Pdf</h3> <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
<p class="text-gray-400 text-sm">Free online edit pdf tool</p> <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
</a> </a>
<a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/rotate-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Rotate Pdf</h3> <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
<p class="text-gray-400 text-sm">Free online rotate pdf tool</p> <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
</a> </a>
@@ -256,14 +263,16 @@
Is image to pdf really free? Is image to pdf really free?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p> <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
file processing.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Are my files private and secure? Are my files private and secure?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p> <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
device, ensuring complete privacy.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -282,7 +291,7 @@
<img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" /> <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" />
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm">&copy; 2025 BentoPDF. All rights reserved.</p> <p class="text-gray-400 text-sm">&copy; 2026 BentoPDF. All rights reserved.</p>
<p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p> <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
</div> </div>
<div> <div>
@@ -327,8 +336,7 @@
title="LinkedIn"> title="LinkedIn">
<i data-lucide="linkedin"></i> <i data-lucide="linkedin"></i>
</a> </a>
<a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
title="X (Twitter)">
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path <path
d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" /> d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />

66
src/pages/invert-colors.html
View File

@@ -8,7 +8,8 @@
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>Invert Colors Online Free - Invert Colors Tool | BentoPDF</title> <title>Invert Colors Online Free - Invert Colors Tool | BentoPDF</title>
<meta name="title" content="Invert Colors Online Free - Invert Colors Tool | BentoPDF"> <meta name="title" content="Invert Colors Online Free - Invert Colors Tool | BentoPDF">
<meta name="description" content="★ Invert Colors online free - Invert colors PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta name="description"
content="★ Invert Colors online free - Invert colors PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta name="keywords" content="invert colors, invert colors, online pdf"> <meta name="keywords" content="invert colors, invert colors, online pdf">
<meta name="author" content="BentoPDF"> <meta name="author" content="BentoPDF">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
@@ -20,7 +21,8 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://www.bentopdf.com/invert-colors"> <meta property="og:url" content="https://www.bentopdf.com/invert-colors">
<meta property="og:title" content="Invert Colors Online Free - Invert Colors Tool | BentoPDF"> <meta property="og:title" content="Invert Colors Online Free - Invert Colors Tool | BentoPDF">
<meta property="og:description" content="★ Invert Colors online free - Invert colors PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta property="og:description"
content="★ Invert Colors online free - Invert colors PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta property="og:image" content="https://www.bentopdf.com/images/og-invert-colors.png"> <meta property="og:image" content="https://www.bentopdf.com/images/og-invert-colors.png">
<meta property="og:image:width" content="1200"> <meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630"> <meta property="og:image:height" content="630">
@@ -30,7 +32,8 @@
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://www.bentopdf.com/invert-colors"> <meta name="twitter:url" content="https://www.bentopdf.com/invert-colors">
<meta name="twitter:title" content="Invert Colors Free"> <meta name="twitter:title" content="Invert Colors Free">
<meta name="twitter:description" content="★ Invert Colors online free - Invert colors PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser"> <meta name="twitter:description"
content="★ Invert Colors online free - Invert colors PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser">
<meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-invert-colors.png"> <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-invert-colors.png">
<meta name="twitter:site" content="@BentoPDF"> <meta name="twitter:site" content="@BentoPDF">
@@ -85,15 +88,13 @@
class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
aria-controls="mobile-menu" aria-expanded="false"> aria-controls="mobile-menu" aria-expanded="false">
<span class="sr-only">Open main menu</span> <span class="sr-only">Open main menu</span>
<svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
d="M4 6h16M4 12h16M4 18h16" />
</svg> </svg>
<svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
d="M6 18L18 6M6 6l12 12" />
</svg> </svg>
</button> </button>
</div> </div>
@@ -119,7 +120,8 @@
<span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span> <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
</button> </button>
<h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:invertColors.name">Invert Colors Free Online - Fast & Secure</h1> <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:invertColors.name">Invert Colors Free Online -
Fast & Secure</h1>
<p class="text-gray-400 mb-6" data-i18n="tools:invertColors.subtitle"> <p class="text-gray-400 mb-6" data-i18n="tools:invertColors.subtitle">
Invert all colors in your PDF document, creating a negative image effect. Invert all colors in your PDF document, creating a negative image effect.
</p> </p>
@@ -128,9 +130,8 @@
class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300"> class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
<div class="flex flex-col items-center justify-center pt-5 pb-6"> <div class="flex flex-col items-center justify-center pt-5 pb-6">
<i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i> <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
<p class="mb-2 text-sm text-gray-400"><span class="font-semibold" <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to
data-i18n="upload.clickToSelect">Click to select a file</span> <span select a file</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
<p class="text-xs text-gray-500">PDF file</p> <p class="text-xs text-gray-500">PDF file</p>
<p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
device.</p> device.</p>
@@ -159,8 +160,8 @@
<div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden"> <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
<div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700"> <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
<h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
data-i18n="alert.title">Alert</h3> Alert</h3>
<p id="alert-message" class="text-gray-300 mb-6"></p> <p id="alert-message" class="text-gray-300 mb-6"></p>
<button id="alert-ok" <button id="alert-ok"
class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200"> class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
@@ -175,7 +176,8 @@
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
<div class="space-y-6"> <div class="space-y-6">
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
1 1
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -184,7 +186,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
2 2
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -193,7 +196,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
3 3
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -208,23 +212,28 @@
<section class="max-w-6xl mx-auto px-4 py-12"> <section class="max-w-6xl mx-auto px-4 py-12">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4"> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
<a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/merge-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Merge Pdf</h3> <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
<p class="text-gray-400 text-sm">Free online merge pdf tool</p> <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
</a> </a>
<a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/compress-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Compress Pdf</h3> <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
<p class="text-gray-400 text-sm">Free online compress pdf tool</p> <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
</a> </a>
<a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/split-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Split Pdf</h3> <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
<p class="text-gray-400 text-sm">Free online split pdf tool</p> <p class="text-gray-400 text-sm">Free online split pdf tool</p>
</a> </a>
<a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/edit-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Edit Pdf</h3> <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
<p class="text-gray-400 text-sm">Free online edit pdf tool</p> <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
</a> </a>
<a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/rotate-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Rotate Pdf</h3> <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
<p class="text-gray-400 text-sm">Free online rotate pdf tool</p> <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
</a> </a>
@@ -240,14 +249,16 @@
Is invert colors really free? Is invert colors really free?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p> <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
file processing.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Are my files private and secure? Are my files private and secure?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p> <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
device, ensuring complete privacy.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -266,7 +277,7 @@
<img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" /> <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" />
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm">&copy; 2025 BentoPDF. All rights reserved.</p> <p class="text-gray-400 text-sm">&copy; 2026 BentoPDF. All rights reserved.</p>
<p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p> <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
</div> </div>
<div> <div>
@@ -311,8 +322,7 @@
title="LinkedIn"> title="LinkedIn">
<i data-lucide="linkedin"></i> <i data-lucide="linkedin"></i>
</a> </a>
<a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
title="X (Twitter)">
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path <path
d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" /> d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />

73
src/pages/jpg-to-pdf.html
View File

@@ -8,7 +8,8 @@
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>JPG to PDF Converter Free Online - Convert Files | BentoPDF</title> <title>JPG to PDF Converter Free Online - Convert Files | BentoPDF</title>
<meta name="title" content="JPG to PDF Converter Free Online - Convert Files | BentoPDF"> <meta name="title" content="JPG to PDF Converter Free Online - Convert Files | BentoPDF">
<meta name="description" content="★ JPG to PDF online free - Convert JPG to PDF PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta name="description"
content="★ JPG to PDF online free - Convert JPG to PDF PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta name="keywords" content="jpg to pdf, jpeg to pdf, image to pdf, picture to pdf"> <meta name="keywords" content="jpg to pdf, jpeg to pdf, image to pdf, picture to pdf">
<meta name="author" content="BentoPDF"> <meta name="author" content="BentoPDF">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
@@ -20,7 +21,8 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://www.bentopdf.com/jpg-to-pdf"> <meta property="og:url" content="https://www.bentopdf.com/jpg-to-pdf">
<meta property="og:title" content="JPG to PDF Converter Free Online - Convert Files | BentoPDF"> <meta property="og:title" content="JPG to PDF Converter Free Online - Convert Files | BentoPDF">
<meta property="og:description" content="★ JPG to PDF online free - Convert JPG to PDF PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta property="og:description"
content="★ JPG to PDF online free - Convert JPG to PDF PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta property="og:image" content="https://www.bentopdf.com/images/og-jpg-to-pdf.png"> <meta property="og:image" content="https://www.bentopdf.com/images/og-jpg-to-pdf.png">
<meta property="og:image:width" content="1200"> <meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630"> <meta property="og:image:height" content="630">
@@ -30,7 +32,8 @@
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://www.bentopdf.com/jpg-to-pdf"> <meta name="twitter:url" content="https://www.bentopdf.com/jpg-to-pdf">
<meta name="twitter:title" content="JPG to PDF Free"> <meta name="twitter:title" content="JPG to PDF Free">
<meta name="twitter:description" content="★ JPG to PDF online free - Convert JPG to PDF PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in brows"> <meta name="twitter:description"
content="★ JPG to PDF online free - Convert JPG to PDF PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in brows">
<meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-jpg-to-pdf.png"> <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-jpg-to-pdf.png">
<meta name="twitter:site" content="@BentoPDF"> <meta name="twitter:site" content="@BentoPDF">
@@ -85,15 +88,13 @@
class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
aria-controls="mobile-menu" aria-expanded="false"> aria-controls="mobile-menu" aria-expanded="false">
<span class="sr-only">Open main menu</span> <span class="sr-only">Open main menu</span>
<svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
d="M4 6h16M4 12h16M4 18h16" />
</svg> </svg>
<svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
d="M6 18L18 6M6 6l12 12" />
</svg> </svg>
</button> </button>
</div> </div>
@@ -119,7 +120,8 @@
<span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span> <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
</button> </button>
<h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:jpgToPdf.name">JPG to PDF Converter Free - Convert Images Online</h1> <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:jpgToPdf.name">JPG to PDF Converter Free - Convert
Images Online</h1>
<p class="text-gray-400 mb-6" data-i18n="tools:jpgToPdf.subtitle"> <p class="text-gray-400 mb-6" data-i18n="tools:jpgToPdf.subtitle">
Create a PDF from JPG, JPEG, and JPEG2000 (JP2/JPX) images. Create a PDF from JPG, JPEG, and JPEG2000 (JP2/JPX) images.
</p> </p>
@@ -129,15 +131,14 @@
class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300"> class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
<div class="flex flex-col items-center justify-center pt-5 pb-6"> <div class="flex flex-col items-center justify-center pt-5 pb-6">
<i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i> <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
<p class="mb-2 text-sm text-gray-400"><span class="font-semibold" <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to
data-i18n="upload.clickToSelect">Click to select a file</span> <span select a file</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
<p class="text-xs text-gray-500">JPG, JPEG, JP2, JPX Images</p> <p class="text-xs text-gray-500">JPG, JPEG, JP2, JPX Images</p>
<p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
device.</p> device.</p>
</div> </div>
<input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer" <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer" multiple
multiple accept="image/jpeg, image/jpg, image/jp2, .jp2, .jpx, .jpeg, .jpg"> accept="image/jpeg, image/jpg, image/jp2, .jp2, .jpx, .jpeg, .jpg">
</div> </div>
<!-- Control buttons --> <!-- Control buttons -->
@@ -160,8 +161,7 @@
<div class="mb-4"> <div class="mb-4">
<label for="jpg-pdf-quality" class="block mb-2 text-sm font-medium text-gray-300"> PDF Quality <label for="jpg-pdf-quality" class="block mb-2 text-sm font-medium text-gray-300"> PDF Quality
</label> </label>
<select id="jpg-pdf-quality" <select id="jpg-pdf-quality" class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5">
class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5">
<option value="high"> High Quality (Larger file) </option> <option value="high"> High Quality (Larger file) </option>
<option value="medium" selected> Medium Quality (Balanced) </option> <option value="medium" selected> Medium Quality (Balanced) </option>
<option value="low"> Low Quality (Smaller file) </option> <option value="low"> Low Quality (Smaller file) </option>
@@ -188,8 +188,8 @@
<!-- Alert Modal --> <!-- Alert Modal -->
<div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden"> <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
<div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700"> <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
<h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
data-i18n="alert.title">Alert</h3> Alert</h3>
<p id="alert-message" class="text-gray-300 mb-6"></p> <p id="alert-message" class="text-gray-300 mb-6"></p>
<button id="alert-ok" <button id="alert-ok"
class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200"> class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
@@ -204,7 +204,8 @@
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
<div class="space-y-6"> <div class="space-y-6">
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
1 1
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -213,7 +214,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
2 2
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -222,7 +224,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
3 3
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -237,23 +240,28 @@
<section class="max-w-6xl mx-auto px-4 py-12"> <section class="max-w-6xl mx-auto px-4 py-12">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4"> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
<a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/merge-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Merge Pdf</h3> <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
<p class="text-gray-400 text-sm">Free online merge pdf tool</p> <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
</a> </a>
<a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/compress-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Compress Pdf</h3> <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
<p class="text-gray-400 text-sm">Free online compress pdf tool</p> <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
</a> </a>
<a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/split-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Split Pdf</h3> <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
<p class="text-gray-400 text-sm">Free online split pdf tool</p> <p class="text-gray-400 text-sm">Free online split pdf tool</p>
</a> </a>
<a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/edit-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Edit Pdf</h3> <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
<p class="text-gray-400 text-sm">Free online edit pdf tool</p> <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
</a> </a>
<a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/rotate-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Rotate Pdf</h3> <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
<p class="text-gray-400 text-sm">Free online rotate pdf tool</p> <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
</a> </a>
@@ -269,14 +277,16 @@
Is jpg to pdf really free? Is jpg to pdf really free?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p> <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
file processing.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Are my files private and secure? Are my files private and secure?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p> <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
device, ensuring complete privacy.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -296,7 +306,7 @@
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm"> <p class="text-gray-400 text-sm">
&copy; 2025 BentoPDF. All rights reserved. &copy; 2026 BentoPDF. All rights reserved.
</p> </p>
<p class="text-gray-500 text-xs mt-2"> <p class="text-gray-500 text-xs mt-2">
Version <span id="app-version"></span> Version <span id="app-version"></span>
@@ -359,8 +369,7 @@
title="LinkedIn"> title="LinkedIn">
<i data-lucide="linkedin"></i> <i data-lucide="linkedin"></i>
</a> </a>
<a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
title="X (Twitter)">
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path <path
d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" /> d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />

44
src/pages/json-to-pdf.html
View File

@@ -8,7 +8,8 @@
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>Json To Pdf Online Free - Json To Pdf Tool | BentoPDF</title> <title>Json To Pdf Online Free - Json To Pdf Tool | BentoPDF</title>
<meta name="title" content="Json To Pdf Online Free - Json To Pdf Tool | BentoPDF"> <meta name="title" content="Json To Pdf Online Free - Json To Pdf Tool | BentoPDF">
<meta name="description" content="★ Json To Pdf online free - Json to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta name="description"
content="★ Json To Pdf online free - Json to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta name="keywords" content="json to pdf, json to pdf, online pdf"> <meta name="keywords" content="json to pdf, json to pdf, online pdf">
<meta name="author" content="BentoPDF"> <meta name="author" content="BentoPDF">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
@@ -20,7 +21,8 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://www.bentopdf.com/json-to-pdf"> <meta property="og:url" content="https://www.bentopdf.com/json-to-pdf">
<meta property="og:title" content="Json To Pdf Online Free - Json To Pdf Tool | BentoPDF"> <meta property="og:title" content="Json To Pdf Online Free - Json To Pdf Tool | BentoPDF">
<meta property="og:description" content="★ Json To Pdf online free - Json to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta property="og:description"
content="★ Json To Pdf online free - Json to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta property="og:image" content="https://www.bentopdf.com/images/og-json-to-pdf.png"> <meta property="og:image" content="https://www.bentopdf.com/images/og-json-to-pdf.png">
<meta property="og:image:width" content="1200"> <meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630"> <meta property="og:image:height" content="630">
@@ -30,7 +32,8 @@
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://www.bentopdf.com/json-to-pdf"> <meta name="twitter:url" content="https://www.bentopdf.com/json-to-pdf">
<meta name="twitter:title" content="Json To Pdf Free"> <meta name="twitter:title" content="Json To Pdf Free">
<meta name="twitter:description" content="★ Json To Pdf online free - Json to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ F"> <meta name="twitter:description"
content="★ Json To Pdf online free - Json to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ F">
<meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-json-to-pdf.png"> <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-json-to-pdf.png">
<meta name="twitter:site" content="@BentoPDF"> <meta name="twitter:site" content="@BentoPDF">
@@ -115,7 +118,8 @@
<i data-lucide="arrow-left" class="cursor-pointer"></i> <i data-lucide="arrow-left" class="cursor-pointer"></i>
<span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span> <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
</button> </button>
<h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:jsonToPdf.name">Json To Pdf Converter Free Online - Convert Files Fast</h1> <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:jsonToPdf.name">Json To Pdf Converter Free Online
- Convert Files Fast</h1>
<p class="text-gray-400 mb-6" data-i18n="tools:jsonToPdf.subtitle"> <p class="text-gray-400 mb-6" data-i18n="tools:jsonToPdf.subtitle">
Upload multiple JSON files to convert them all to PDF format. Files will be downloaded as a ZIP archive. Upload multiple JSON files to convert them all to PDF format. Files will be downloaded as a ZIP archive.
</p> </p>
@@ -161,7 +165,8 @@
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
<div class="space-y-6"> <div class="space-y-6">
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
1 1
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -170,7 +175,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
2 2
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -179,7 +185,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
3 3
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -194,23 +201,28 @@
<section class="max-w-6xl mx-auto px-4 py-12"> <section class="max-w-6xl mx-auto px-4 py-12">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4"> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
<a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/merge-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Merge Pdf</h3> <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
<p class="text-gray-400 text-sm">Free online merge pdf tool</p> <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
</a> </a>
<a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/compress-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Compress Pdf</h3> <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
<p class="text-gray-400 text-sm">Free online compress pdf tool</p> <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
</a> </a>
<a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/split-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Split Pdf</h3> <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
<p class="text-gray-400 text-sm">Free online split pdf tool</p> <p class="text-gray-400 text-sm">Free online split pdf tool</p>
</a> </a>
<a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/edit-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Edit Pdf</h3> <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
<p class="text-gray-400 text-sm">Free online edit pdf tool</p> <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
</a> </a>
<a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/rotate-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Rotate Pdf</h3> <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
<p class="text-gray-400 text-sm">Free online rotate pdf tool</p> <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
</a> </a>
@@ -226,14 +238,16 @@
Is json to pdf really free? Is json to pdf really free?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p> <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
file processing.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Are my files private and secure? Are my files private and secure?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p> <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
device, ensuring complete privacy.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -253,7 +267,7 @@
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm"> <p class="text-gray-400 text-sm">
&copy; 2025 BentoPDF. All rights reserved. &copy; 2026 BentoPDF. All rights reserved.
</p> </p>
<p class="text-gray-500 text-xs mt-2"> <p class="text-gray-500 text-xs mt-2">
Version <span id="app-version"></span> Version <span id="app-version"></span>

61
src/pages/linearize-pdf.html
View File

@@ -8,7 +8,8 @@
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>Linearize Pdf Online Free - Linearize Pdf Tool | BentoPDF</title> <title>Linearize Pdf Online Free - Linearize Pdf Tool | BentoPDF</title>
<meta name="title" content="Linearize Pdf Online Free - Linearize Pdf Tool | BentoPDF"> <meta name="title" content="Linearize Pdf Online Free - Linearize Pdf Tool | BentoPDF">
<meta name="description" content="★ Linearize Pdf online free - Linearize pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta name="description"
content="★ Linearize Pdf online free - Linearize pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta name="keywords" content="linearize pdf, linearize pdf, online pdf"> <meta name="keywords" content="linearize pdf, linearize pdf, online pdf">
<meta name="author" content="BentoPDF"> <meta name="author" content="BentoPDF">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
@@ -20,7 +21,8 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://www.bentopdf.com/linearize-pdf"> <meta property="og:url" content="https://www.bentopdf.com/linearize-pdf">
<meta property="og:title" content="Linearize Pdf Online Free - Linearize Pdf Tool | BentoPDF"> <meta property="og:title" content="Linearize Pdf Online Free - Linearize Pdf Tool | BentoPDF">
<meta property="og:description" content="★ Linearize Pdf online free - Linearize pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta property="og:description"
content="★ Linearize Pdf online free - Linearize pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta property="og:image" content="https://www.bentopdf.com/images/og-linearize-pdf.png"> <meta property="og:image" content="https://www.bentopdf.com/images/og-linearize-pdf.png">
<meta property="og:image:width" content="1200"> <meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630"> <meta property="og:image:height" content="630">
@@ -30,7 +32,8 @@
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://www.bentopdf.com/linearize-pdf"> <meta name="twitter:url" content="https://www.bentopdf.com/linearize-pdf">
<meta name="twitter:title" content="Linearize Pdf Free"> <meta name="twitter:title" content="Linearize Pdf Free">
<meta name="twitter:description" content="★ Linearize Pdf online free - Linearize pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser"> <meta name="twitter:description"
content="★ Linearize Pdf online free - Linearize pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser">
<meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-linearize-pdf.png"> <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-linearize-pdf.png">
<meta name="twitter:site" content="@BentoPDF"> <meta name="twitter:site" content="@BentoPDF">
@@ -81,15 +84,13 @@
class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
aria-controls="mobile-menu" aria-expanded="false"> aria-controls="mobile-menu" aria-expanded="false">
<span class="sr-only">Open main menu</span> <span class="sr-only">Open main menu</span>
<svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
d="M4 6h16M4 12h16M4 18h16" />
</svg> </svg>
<svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
d="M6 18L18 6M6 6l12 12" />
</svg> </svg>
</button> </button>
</div> </div>
@@ -114,7 +115,8 @@
<span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span> <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
</button> </button>
<h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:linearizePdf.name">Linearize Pdf Free Online - Fast & Secure</h1> <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:linearizePdf.name">Linearize Pdf Free Online -
Fast & Secure</h1>
<p class="text-gray-400 mb-6" data-i18n="tools:linearizePdf.subtitle"> <p class="text-gray-400 mb-6" data-i18n="tools:linearizePdf.subtitle">
Optimize PDF files for fast web viewing. Linearized PDFs load progressively in browsers. Optimize PDF files for fast web viewing. Linearized PDFs load progressively in browsers.
</p> </p>
@@ -174,8 +176,8 @@
<!-- Alert Modal --> <!-- Alert Modal -->
<div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden"> <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
<div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700"> <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
<h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
data-i18n="alert.title">Alert</h3> Alert</h3>
<p id="alert-message" class="text-gray-300 mb-6"></p> <p id="alert-message" class="text-gray-300 mb-6"></p>
<button id="alert-ok" <button id="alert-ok"
class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200"> class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
@@ -190,7 +192,8 @@
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
<div class="space-y-6"> <div class="space-y-6">
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
1 1
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -199,7 +202,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
2 2
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -208,7 +212,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
3 3
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -223,23 +228,28 @@
<section class="max-w-6xl mx-auto px-4 py-12"> <section class="max-w-6xl mx-auto px-4 py-12">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4"> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
<a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/merge-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Merge Pdf</h3> <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
<p class="text-gray-400 text-sm">Free online merge pdf tool</p> <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
</a> </a>
<a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/compress-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Compress Pdf</h3> <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
<p class="text-gray-400 text-sm">Free online compress pdf tool</p> <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
</a> </a>
<a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/split-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Split Pdf</h3> <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
<p class="text-gray-400 text-sm">Free online split pdf tool</p> <p class="text-gray-400 text-sm">Free online split pdf tool</p>
</a> </a>
<a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/edit-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Edit Pdf</h3> <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
<p class="text-gray-400 text-sm">Free online edit pdf tool</p> <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
</a> </a>
<a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/rotate-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Rotate Pdf</h3> <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
<p class="text-gray-400 text-sm">Free online rotate pdf tool</p> <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
</a> </a>
@@ -255,14 +265,16 @@
Is linearize pdf really free? Is linearize pdf really free?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p> <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
file processing.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Are my files private and secure? Are my files private and secure?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p> <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
device, ensuring complete privacy.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -281,7 +293,7 @@
<img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" /> <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" />
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm">&copy; 2025 BentoPDF. All rights reserved.</p> <p class="text-gray-400 text-sm">&copy; 2026 BentoPDF. All rights reserved.</p>
<p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p> <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
</div> </div>
<div> <div>
@@ -322,8 +334,7 @@
title="Instagram"><i data-lucide="instagram"></i></a> title="Instagram"><i data-lucide="instagram"></i></a>
<a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400" <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
title="LinkedIn"><i data-lucide="linkedin"></i></a> title="LinkedIn"><i data-lucide="linkedin"></i></a>
<a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
title="X (Twitter)">
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path <path
d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" /> d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />

54
src/pages/markdown-to-pdf.html
View File

@@ -8,7 +8,8 @@
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>Markdown To Pdf Online Free - Markdown To Pdf Tool | BentoPDF</title> <title>Markdown To Pdf Online Free - Markdown To Pdf Tool | BentoPDF</title>
<meta name="title" content="Markdown To Pdf Online Free - Markdown To Pdf Tool | BentoPDF"> <meta name="title" content="Markdown To Pdf Online Free - Markdown To Pdf Tool | BentoPDF">
<meta name="description" content="★ Markdown To Pdf online free - Markdown to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta name="description"
content="★ Markdown To Pdf online free - Markdown to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta name="keywords" content="markdown to pdf, markdown to pdf, online pdf"> <meta name="keywords" content="markdown to pdf, markdown to pdf, online pdf">
<meta name="author" content="BentoPDF"> <meta name="author" content="BentoPDF">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
@@ -20,7 +21,8 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://www.bentopdf.com/markdown-to-pdf"> <meta property="og:url" content="https://www.bentopdf.com/markdown-to-pdf">
<meta property="og:title" content="Markdown To Pdf Online Free - Markdown To Pdf Tool | BentoPDF"> <meta property="og:title" content="Markdown To Pdf Online Free - Markdown To Pdf Tool | BentoPDF">
<meta property="og:description" content="★ Markdown To Pdf online free - Markdown to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta property="og:description"
content="★ Markdown To Pdf online free - Markdown to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta property="og:image" content="https://www.bentopdf.com/images/og-markdown-to-pdf.png"> <meta property="og:image" content="https://www.bentopdf.com/images/og-markdown-to-pdf.png">
<meta property="og:image:width" content="1200"> <meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630"> <meta property="og:image:height" content="630">
@@ -30,7 +32,8 @@
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://www.bentopdf.com/markdown-to-pdf"> <meta name="twitter:url" content="https://www.bentopdf.com/markdown-to-pdf">
<meta name="twitter:title" content="Markdown To Pdf Free"> <meta name="twitter:title" content="Markdown To Pdf Free">
<meta name="twitter:description" content="★ Markdown To Pdf online free - Markdown to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in bro"> <meta name="twitter:description"
content="★ Markdown To Pdf online free - Markdown to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in bro">
<meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-markdown-to-pdf.png"> <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-markdown-to-pdf.png">
<meta name="twitter:site" content="@BentoPDF"> <meta name="twitter:site" content="@BentoPDF">
@@ -86,15 +89,13 @@
class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
aria-controls="mobile-menu" aria-expanded="false"> aria-controls="mobile-menu" aria-expanded="false">
<span class="sr-only">Open main menu</span> <span class="sr-only">Open main menu</span>
<svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
d="M4 6h16M4 12h16M4 18h16" />
</svg> </svg>
<svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
d="M6 18L18 6M6 6l12 12" />
</svg> </svg>
</button> </button>
</div> </div>
@@ -138,7 +139,8 @@
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
<div class="space-y-6"> <div class="space-y-6">
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
1 1
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -147,7 +149,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
2 2
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -156,7 +159,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
3 3
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -171,23 +175,28 @@
<section class="max-w-6xl mx-auto px-4 py-12"> <section class="max-w-6xl mx-auto px-4 py-12">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4"> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
<a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/merge-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Merge Pdf</h3> <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
<p class="text-gray-400 text-sm">Free online merge pdf tool</p> <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
</a> </a>
<a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/compress-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Compress Pdf</h3> <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
<p class="text-gray-400 text-sm">Free online compress pdf tool</p> <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
</a> </a>
<a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/split-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Split Pdf</h3> <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
<p class="text-gray-400 text-sm">Free online split pdf tool</p> <p class="text-gray-400 text-sm">Free online split pdf tool</p>
</a> </a>
<a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/edit-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Edit Pdf</h3> <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
<p class="text-gray-400 text-sm">Free online edit pdf tool</p> <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
</a> </a>
<a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/rotate-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Rotate Pdf</h3> <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
<p class="text-gray-400 text-sm">Free online rotate pdf tool</p> <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
</a> </a>
@@ -203,14 +212,16 @@
Is markdown to pdf really free? Is markdown to pdf really free?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p> <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
file processing.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Are my files private and secure? Are my files private and secure?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p> <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
device, ensuring complete privacy.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -230,7 +241,7 @@
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm"> <p class="text-gray-400 text-sm">
&copy; 2025 BentoPDF. All rights reserved. &copy; 2026 BentoPDF. All rights reserved.
</p> </p>
<p class="text-gray-500 text-xs mt-2"> <p class="text-gray-500 text-xs mt-2">
Version <span id="app-version"></span> Version <span id="app-version"></span>
@@ -281,8 +292,7 @@
title="LinkedIn"> title="LinkedIn">
<i data-lucide="linkedin"></i> <i data-lucide="linkedin"></i>
</a> </a>
<a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
title="X (Twitter)">
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path <path
d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" /> d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />

41
src/pages/merge-pdf.html
View File

@@ -121,7 +121,8 @@
<span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span> <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
</button> </button>
<h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:mergePdf.name">Merge PDF Files Free - Combine PDFs Instantly</h1> <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:mergePdf.name">Merge PDF Files Free - Combine PDFs
Instantly</h1>
<p class="text-gray-400 mb-6" data-i18n="tools:mergePdf.subtitle"> <p class="text-gray-400 mb-6" data-i18n="tools:mergePdf.subtitle">
Combine whole files, or select specific pages to merge into a new document. Combine whole files, or select specific pages to merge into a new document.
</p> </p>
@@ -222,7 +223,8 @@
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
<div class="space-y-6"> <div class="space-y-6">
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
1 1
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -231,7 +233,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
2 2
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -240,7 +243,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
3 3
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -249,7 +253,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
4 4
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -264,23 +269,28 @@
<section class="max-w-6xl mx-auto px-4 py-12"> <section class="max-w-6xl mx-auto px-4 py-12">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4"> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
<a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/split-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Split Pdf</h3> <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
<p class="text-gray-400 text-sm">Free online split pdf tool</p> <p class="text-gray-400 text-sm">Free online split pdf tool</p>
</a> </a>
<a href="/organize-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/organize-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Organize Pdf</h3> <h3 class="text-white font-semibold mb-1">Organize Pdf</h3>
<p class="text-gray-400 text-sm">Free online organize pdf tool</p> <p class="text-gray-400 text-sm">Free online organize pdf tool</p>
</a> </a>
<a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/compress-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Compress Pdf</h3> <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
<p class="text-gray-400 text-sm">Free online compress pdf tool</p> <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
</a> </a>
<a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/rotate-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Rotate Pdf</h3> <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
<p class="text-gray-400 text-sm">Free online rotate pdf tool</p> <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
</a> </a>
<a href="/delete-pages.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/delete-pages.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Delete Pages</h3> <h3 class="text-white font-semibold mb-1">Delete Pages</h3>
<p class="text-gray-400 text-sm">Free online delete pages tool</p> <p class="text-gray-400 text-sm">Free online delete pages tool</p>
</a> </a>
@@ -296,21 +306,24 @@
How many PDFs can I merge at once? How many PDFs can I merge at once?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Unlimited! Merge as many PDF files as you need in a single operation. No restrictions on file count or total size.</p> <p class="mt-3 text-gray-400">Unlimited! Merge as many PDF files as you need in a single operation. No
restrictions on file count or total size.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Will merging reduce PDF quality? Will merging reduce PDF quality?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">No! BentoPDF preserves the original quality of all PDFs when merging. Your documents remain crisp and clear with no quality loss.</p> <p class="mt-3 text-gray-400">No! BentoPDF preserves the original quality of all PDFs when merging. Your
documents remain crisp and clear with no quality loss.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Can I reorder pages after selecting files? Can I reorder pages after selecting files?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Yes! Simply drag and drop files to arrange them in any order before clicking the merge button.</p> <p class="mt-3 text-gray-400">Yes! Simply drag and drop files to arrange them in any order before clicking the
merge button.</p>
</details> </details>
</div> </div>
</section> </section>
@@ -323,7 +336,7 @@
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm"> <p class="text-gray-400 text-sm">
&copy; 2025 BentoPDF. All rights reserved. &copy; 2026 BentoPDF. All rights reserved.
</p> </p>
<p class="text-gray-500 text-xs mt-2"> <p class="text-gray-500 text-xs mt-2">
Version <span id="app-version"></span> Version <span id="app-version"></span>

66
src/pages/mobi-to-pdf.html
View File

@@ -8,7 +8,8 @@
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>Mobi To Pdf Online Free - Mobi To Pdf Tool | BentoPDF</title> <title>Mobi To Pdf Online Free - Mobi To Pdf Tool | BentoPDF</title>
<meta name="title" content="Mobi To Pdf Online Free - Mobi To Pdf Tool | BentoPDF"> <meta name="title" content="Mobi To Pdf Online Free - Mobi To Pdf Tool | BentoPDF">
<meta name="description" content="★ Mobi To Pdf online free - Mobi to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta name="description"
content="★ Mobi To Pdf online free - Mobi to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta name="keywords" content="mobi to pdf, mobi to pdf, online pdf"> <meta name="keywords" content="mobi to pdf, mobi to pdf, online pdf">
<meta name="author" content="BentoPDF"> <meta name="author" content="BentoPDF">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
@@ -20,7 +21,8 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://www.bentopdf.com/mobi-to-pdf"> <meta property="og:url" content="https://www.bentopdf.com/mobi-to-pdf">
<meta property="og:title" content="Mobi To Pdf Online Free - Mobi To Pdf Tool | BentoPDF"> <meta property="og:title" content="Mobi To Pdf Online Free - Mobi To Pdf Tool | BentoPDF">
<meta property="og:description" content="★ Mobi To Pdf online free - Mobi to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta property="og:description"
content="★ Mobi To Pdf online free - Mobi to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta property="og:image" content="https://www.bentopdf.com/images/og-mobi-to-pdf.png"> <meta property="og:image" content="https://www.bentopdf.com/images/og-mobi-to-pdf.png">
<meta property="og:image:width" content="1200"> <meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630"> <meta property="og:image:height" content="630">
@@ -30,7 +32,8 @@
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://www.bentopdf.com/mobi-to-pdf"> <meta name="twitter:url" content="https://www.bentopdf.com/mobi-to-pdf">
<meta name="twitter:title" content="Mobi To Pdf Free"> <meta name="twitter:title" content="Mobi To Pdf Free">
<meta name="twitter:description" content="★ Mobi To Pdf online free - Mobi to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ F"> <meta name="twitter:description"
content="★ Mobi To Pdf online free - Mobi to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ F">
<meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-mobi-to-pdf.png"> <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-mobi-to-pdf.png">
<meta name="twitter:site" content="@BentoPDF"> <meta name="twitter:site" content="@BentoPDF">
@@ -85,15 +88,13 @@
class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
aria-controls="mobile-menu" aria-expanded="false"> aria-controls="mobile-menu" aria-expanded="false">
<span class="sr-only">Open main menu</span> <span class="sr-only">Open main menu</span>
<svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
d="M4 6h16M4 12h16M4 18h16" />
</svg> </svg>
<svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
d="M6 18L18 6M6 6l12 12" />
</svg> </svg>
</button> </button>
</div> </div>
@@ -119,7 +120,8 @@
<span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span> <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
</button> </button>
<h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:mobiToPdf.name">Mobi To Pdf Converter Free Online - Convert Files Fast</h1> <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:mobiToPdf.name">Mobi To Pdf Converter Free Online
- Convert Files Fast</h1>
<p class="text-gray-400 mb-6" data-i18n="tools:mobiToPdf.subtitle"> <p class="text-gray-400 mb-6" data-i18n="tools:mobiToPdf.subtitle">
Convert MOBI e-books to PDF format. Supports multiple files. Convert MOBI e-books to PDF format. Supports multiple files.
</p> </p>
@@ -128,9 +130,8 @@
class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300"> class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
<div class="flex flex-col items-center justify-center pt-5 pb-6"> <div class="flex flex-col items-center justify-center pt-5 pb-6">
<i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i> <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
<p class="mb-2 text-sm text-gray-400"><span class="font-semibold" <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to
data-i18n="upload.clickToSelect">Click to select files</span> <span select files</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
<p class="text-xs text-gray-500" data-i18n="tools:mobiToPdf.acceptedFormats">MOBI files</p> <p class="text-xs text-gray-500" data-i18n="tools:mobiToPdf.acceptedFormats">MOBI files</p>
<p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
device.</p> device.</p>
@@ -152,8 +153,8 @@
<div id="file-display-area" class="mt-4 space-y-2"></div> <div id="file-display-area" class="mt-4 space-y-2"></div>
<button id="process-btn" class="hidden btn-gradient w-full mt-6" <button id="process-btn" class="hidden btn-gradient w-full mt-6" data-i18n="tools:mobiToPdf.convertButton">Convert
data-i18n="tools:mobiToPdf.convertButton">Convert to PDF</button> to PDF</button>
</div> </div>
</div> </div>
@@ -184,7 +185,8 @@
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
<div class="space-y-6"> <div class="space-y-6">
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
1 1
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -193,7 +195,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
2 2
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -202,7 +205,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
3 3
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -217,23 +221,28 @@
<section class="max-w-6xl mx-auto px-4 py-12"> <section class="max-w-6xl mx-auto px-4 py-12">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4"> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
<a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/merge-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Merge Pdf</h3> <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
<p class="text-gray-400 text-sm">Free online merge pdf tool</p> <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
</a> </a>
<a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/compress-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Compress Pdf</h3> <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
<p class="text-gray-400 text-sm">Free online compress pdf tool</p> <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
</a> </a>
<a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/split-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Split Pdf</h3> <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
<p class="text-gray-400 text-sm">Free online split pdf tool</p> <p class="text-gray-400 text-sm">Free online split pdf tool</p>
</a> </a>
<a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/edit-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Edit Pdf</h3> <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
<p class="text-gray-400 text-sm">Free online edit pdf tool</p> <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
</a> </a>
<a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/rotate-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Rotate Pdf</h3> <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
<p class="text-gray-400 text-sm">Free online rotate pdf tool</p> <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
</a> </a>
@@ -249,14 +258,16 @@
Is mobi to pdf really free? Is mobi to pdf really free?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p> <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
file processing.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Are my files private and secure? Are my files private and secure?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p> <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
device, ensuring complete privacy.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -276,7 +287,7 @@
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm"> <p class="text-gray-400 text-sm">
&copy; 2025 BentoPDF. All rights reserved. &copy; 2026 BentoPDF. All rights reserved.
</p> </p>
<p class="text-gray-500 text-xs mt-2"> <p class="text-gray-500 text-xs mt-2">
Version <span id="app-version"></span> Version <span id="app-version"></span>
@@ -339,8 +350,7 @@
title="LinkedIn"> title="LinkedIn">
<i data-lucide="linkedin"></i> <i data-lucide="linkedin"></i>
</a> </a>
<a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
title="X (Twitter)">
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path <path
d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" /> d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />

75
src/pages/n-up-pdf.html
View File

@@ -8,7 +8,8 @@
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>N Up Pdf Online Free - N Up Pdf Tool | BentoPDF</title> <title>N Up Pdf Online Free - N Up Pdf Tool | BentoPDF</title>
<meta name="title" content="N Up Pdf Online Free - N Up Pdf Tool | BentoPDF"> <meta name="title" content="N Up Pdf Online Free - N Up Pdf Tool | BentoPDF">
<meta name="description" content="★ N Up Pdf online free - N up pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta name="description"
content="★ N Up Pdf online free - N up pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta name="keywords" content="n up pdf, n up pdf, online pdf"> <meta name="keywords" content="n up pdf, n up pdf, online pdf">
<meta name="author" content="BentoPDF"> <meta name="author" content="BentoPDF">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
@@ -20,7 +21,8 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://www.bentopdf.com/n-up-pdf"> <meta property="og:url" content="https://www.bentopdf.com/n-up-pdf">
<meta property="og:title" content="N Up Pdf Online Free - N Up Pdf Tool | BentoPDF"> <meta property="og:title" content="N Up Pdf Online Free - N Up Pdf Tool | BentoPDF">
<meta property="og:description" content="★ N Up Pdf online free - N up pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta property="og:description"
content="★ N Up Pdf online free - N up pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta property="og:image" content="https://www.bentopdf.com/images/og-n-up-pdf.png"> <meta property="og:image" content="https://www.bentopdf.com/images/og-n-up-pdf.png">
<meta property="og:image:width" content="1200"> <meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630"> <meta property="og:image:height" content="630">
@@ -30,7 +32,8 @@
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://www.bentopdf.com/n-up-pdf"> <meta name="twitter:url" content="https://www.bentopdf.com/n-up-pdf">
<meta name="twitter:title" content="N Up Pdf Free"> <meta name="twitter:title" content="N Up Pdf Free">
<meta name="twitter:description" content="★ N Up Pdf online free - N up pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & "> <meta name="twitter:description"
content="★ N Up Pdf online free - N up pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & ">
<meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-n-up-pdf.png"> <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-n-up-pdf.png">
<meta name="twitter:site" content="@BentoPDF"> <meta name="twitter:site" content="@BentoPDF">
@@ -81,15 +84,13 @@
class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
aria-controls="mobile-menu" aria-expanded="false"> aria-controls="mobile-menu" aria-expanded="false">
<span class="sr-only">Open main menu</span> <span class="sr-only">Open main menu</span>
<svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
d="M4 6h16M4 12h16M4 18h16" />
</svg> </svg>
<svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
d="M6 18L18 6M6 6l12 12" />
</svg> </svg>
</button> </button>
</div> </div>
@@ -114,7 +115,8 @@
<span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span> <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
</button> </button>
<h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:nUpPdf.name">N Up Pdf Free Online - Fast & Secure</h1> <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:nUpPdf.name">N Up Pdf Free Online - Fast & Secure
</h1>
<p class="text-gray-400 mb-6" data-i18n="tools:nUpPdf.subtitle"> <p class="text-gray-400 mb-6" data-i18n="tools:nUpPdf.subtitle">
Arrange multiple pages onto a single sheet. Perfect for printing handouts or saving paper. Arrange multiple pages onto a single sheet. Perfect for printing handouts or saving paper.
</p> </p>
@@ -123,9 +125,8 @@
class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300"> class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
<div class="flex flex-col items-center justify-center pt-5 pb-6"> <div class="flex flex-col items-center justify-center pt-5 pb-6">
<i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i> <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
<p class="mb-2 text-sm text-gray-400"><span class="font-semibold" <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to
data-i18n="upload.clickToSelect">Click to select a file</span> <span select a file</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
<p class="text-xs text-gray-500">A single PDF file</p> <p class="text-xs text-gray-500">A single PDF file</p>
<p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
device.</p> device.</p>
@@ -150,8 +151,7 @@
<div> <div>
<label for="pages-per-sheet" class="block mb-2 text-sm font-medium text-gray-300">Pages per <label for="pages-per-sheet" class="block mb-2 text-sm font-medium text-gray-300">Pages per
Sheet</label> Sheet</label>
<select id="pages-per-sheet" <select id="pages-per-sheet" class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5">
class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5">
<option value="2">2-up (1x2)</option> <option value="2">2-up (1x2)</option>
<option value="4" selected>4-up (2x2)</option> <option value="4" selected>4-up (2x2)</option>
<option value="9">9-up (3x3)</option> <option value="9">9-up (3x3)</option>
@@ -161,8 +161,7 @@
<div> <div>
<label for="output-page-size" class="block mb-2 text-sm font-medium text-gray-300">Output Page <label for="output-page-size" class="block mb-2 text-sm font-medium text-gray-300">Output Page
Size</label> Size</label>
<select id="output-page-size" <select id="output-page-size" class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5">
class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5">
<option value="Letter" selected>Letter (8.5" x 11")</option> <option value="Letter" selected>Letter (8.5" x 11")</option>
<option value="A4">A4</option> <option value="A4">A4</option>
<option value="Legal">Legal</option> <option value="Legal">Legal</option>
@@ -173,8 +172,7 @@
<div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-4"> <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-4">
<div> <div>
<label for="output-orientation" <label for="output-orientation" class="block mb-2 text-sm font-medium text-gray-300">Orientation</label>
class="block mb-2 text-sm font-medium text-gray-300">Orientation</label>
<select id="output-orientation" <select id="output-orientation"
class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5"> class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5">
<option value="auto" selected>Auto</option> <option value="auto" selected>Auto</option>
@@ -222,8 +220,8 @@
<!-- Alert Modal --> <!-- Alert Modal -->
<div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden"> <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
<div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700"> <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
<h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
data-i18n="alert.title">Alert</h3> Alert</h3>
<p id="alert-message" class="text-gray-300 mb-6"></p> <p id="alert-message" class="text-gray-300 mb-6"></p>
<button id="alert-ok" <button id="alert-ok"
class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200"> class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
@@ -238,7 +236,8 @@
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
<div class="space-y-6"> <div class="space-y-6">
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
1 1
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -247,7 +246,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
2 2
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -256,7 +256,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
3 3
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -271,23 +272,28 @@
<section class="max-w-6xl mx-auto px-4 py-12"> <section class="max-w-6xl mx-auto px-4 py-12">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4"> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
<a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/merge-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Merge Pdf</h3> <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
<p class="text-gray-400 text-sm">Free online merge pdf tool</p> <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
</a> </a>
<a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/compress-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Compress Pdf</h3> <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
<p class="text-gray-400 text-sm">Free online compress pdf tool</p> <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
</a> </a>
<a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/split-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Split Pdf</h3> <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
<p class="text-gray-400 text-sm">Free online split pdf tool</p> <p class="text-gray-400 text-sm">Free online split pdf tool</p>
</a> </a>
<a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/edit-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Edit Pdf</h3> <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
<p class="text-gray-400 text-sm">Free online edit pdf tool</p> <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
</a> </a>
<a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/rotate-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Rotate Pdf</h3> <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
<p class="text-gray-400 text-sm">Free online rotate pdf tool</p> <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
</a> </a>
@@ -303,14 +309,16 @@
Is n up pdf really free? Is n up pdf really free?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p> <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
file processing.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Are my files private and secure? Are my files private and secure?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p> <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
device, ensuring complete privacy.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -329,7 +337,7 @@
<img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" /> <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" />
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm">&copy; 2025 BentoPDF. All rights reserved.</p> <p class="text-gray-400 text-sm">&copy; 2026 BentoPDF. All rights reserved.</p>
<p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p> <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
</div> </div>
<div> <div>
@@ -370,8 +378,7 @@
title="Instagram"><i data-lucide="instagram"></i></a> title="Instagram"><i data-lucide="instagram"></i></a>
<a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400" <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
title="LinkedIn"><i data-lucide="linkedin"></i></a> title="LinkedIn"><i data-lucide="linkedin"></i></a>
<a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
title="X (Twitter)">
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path <path
d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" /> d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />

74
src/pages/ocr-pdf.html
View File

@@ -8,7 +8,8 @@
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>OCR PDF Online Free - OCR PDF Tool | BentoPDF</title> <title>OCR PDF Online Free - OCR PDF Tool | BentoPDF</title>
<meta name="title" content="OCR PDF Online Free - OCR PDF Tool | BentoPDF"> <meta name="title" content="OCR PDF Online Free - OCR PDF Tool | BentoPDF">
<meta name="description" content="★ OCR PDF online free - OCR PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta name="description"
content="★ OCR PDF online free - OCR PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta name="keywords" content="ocr pdf, pdf ocr, scan to text, pdf text recognition"> <meta name="keywords" content="ocr pdf, pdf ocr, scan to text, pdf text recognition">
<meta name="author" content="BentoPDF"> <meta name="author" content="BentoPDF">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
@@ -20,7 +21,8 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://www.bentopdf.com/ocr-pdf"> <meta property="og:url" content="https://www.bentopdf.com/ocr-pdf">
<meta property="og:title" content="OCR PDF Online Free - OCR PDF Tool | BentoPDF"> <meta property="og:title" content="OCR PDF Online Free - OCR PDF Tool | BentoPDF">
<meta property="og:description" content="★ OCR PDF online free - OCR PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta property="og:description"
content="★ OCR PDF online free - OCR PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta property="og:image" content="https://www.bentopdf.com/images/og-ocr-pdf.png"> <meta property="og:image" content="https://www.bentopdf.com/images/og-ocr-pdf.png">
<meta property="og:image:width" content="1200"> <meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630"> <meta property="og:image:height" content="630">
@@ -30,7 +32,8 @@
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://www.bentopdf.com/ocr-pdf"> <meta name="twitter:url" content="https://www.bentopdf.com/ocr-pdf">
<meta name="twitter:title" content="OCR PDF Free"> <meta name="twitter:title" content="OCR PDF Free">
<meta name="twitter:description" content="★ OCR PDF online free - OCR PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta name="twitter:description"
content="★ OCR PDF online free - OCR PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-ocr-pdf.png"> <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-ocr-pdf.png">
<meta name="twitter:site" content="@BentoPDF"> <meta name="twitter:site" content="@BentoPDF">
@@ -81,15 +84,13 @@
class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
aria-controls="mobile-menu" aria-expanded="false"> aria-controls="mobile-menu" aria-expanded="false">
<span class="sr-only">Open main menu</span> <span class="sr-only">Open main menu</span>
<svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
d="M4 6h16M4 12h16M4 18h16" />
</svg> </svg>
<svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
d="M6 18L18 6M6 6l12 12" />
</svg> </svg>
</button> </button>
</div> </div>
@@ -114,7 +115,8 @@
<span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span> <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
</button> </button>
<h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:ocrPdf.name">OCR PDF Free Online - Extract Text from Scans</h1> <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:ocrPdf.name">OCR PDF Free Online - Extract Text
from Scans</h1>
<p class="text-gray-400 mb-6" data-i18n="tools:ocrPdf.subtitle"> <p class="text-gray-400 mb-6" data-i18n="tools:ocrPdf.subtitle">
Convert scanned PDFs into searchable documents. Select one or more languages present in your file for Convert scanned PDFs into searchable documents. Select one or more languages present in your file for
the best results. the best results.
@@ -158,8 +160,7 @@
<input type="text" id="lang-search" <input type="text" id="lang-search"
class="w-full bg-gray-900 border border-gray-600 text-white rounded-lg p-2.5 mb-2" class="w-full bg-gray-900 border border-gray-600 text-white rounded-lg p-2.5 mb-2"
placeholder="Search for languages..."> placeholder="Search for languages...">
<div id="lang-list" <div id="lang-list" class="max-h-48 overflow-y-auto border border-gray-600 rounded-lg p-2 bg-gray-900">
class="max-h-48 overflow-y-auto border border-gray-600 rounded-lg p-2 bg-gray-900">
<!-- Language checkboxes will be populated by JS --> <!-- Language checkboxes will be populated by JS -->
</div> </div>
</div> </div>
@@ -176,8 +177,7 @@
<div class="mt-4 space-y-4"> <div class="mt-4 space-y-4">
<!-- Resolution --> <!-- Resolution -->
<div> <div>
<label for="ocr-resolution" <label for="ocr-resolution" class="block mb-1 text-xs font-medium text-gray-400">Resolution</label>
class="block mb-1 text-xs font-medium text-gray-400">Resolution</label>
<select id="ocr-resolution" <select id="ocr-resolution"
class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2 text-sm"> class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2 text-sm">
<option value="2.0">Standard (192 DPI)</option> <option value="2.0">Standard (192 DPI)</option>
@@ -229,8 +229,8 @@
<div id="ocr-progress" class="hidden mt-6 p-4 bg-gray-900 border border-gray-700 rounded-lg"> <div id="ocr-progress" class="hidden mt-6 p-4 bg-gray-900 border border-gray-700 rounded-lg">
<p id="progress-status" class="text-white mb-2">Initializing...</p> <p id="progress-status" class="text-white mb-2">Initializing...</p>
<div class="w-full bg-gray-700 rounded-full h-4"> <div class="w-full bg-gray-700 rounded-full h-4">
<div id="progress-bar" class="bg-indigo-600 h-4 rounded-full transition-all duration-300" <div id="progress-bar" class="bg-indigo-600 h-4 rounded-full transition-all duration-300" style="width: 0%">
style="width: 0%"></div> </div>
</div> </div>
<pre id="progress-log" <pre id="progress-log"
class="mt-4 text-xs text-gray-400 max-h-32 overflow-y-auto bg-black p-2 rounded-md"></pre> class="mt-4 text-xs text-gray-400 max-h-32 overflow-y-auto bg-black p-2 rounded-md"></pre>
@@ -245,8 +245,7 @@
<textarea id="ocr-text-output" rows="10" <textarea id="ocr-text-output" rows="10"
class="w-full bg-gray-900 border border-gray-600 text-gray-300 rounded-lg p-2.5 font-sans" class="w-full bg-gray-900 border border-gray-600 text-gray-300 rounded-lg p-2.5 font-sans"
readonly></textarea> readonly></textarea>
<button id="copy-text-btn" <button id="copy-text-btn" class="absolute top-2 right-2 bg-gray-700 hover:bg-gray-600 p-2 rounded-md"
class="absolute top-2 right-2 bg-gray-700 hover:bg-gray-600 p-2 rounded-md"
title="Copy to Clipboard"> title="Copy to Clipboard">
<i data-lucide="clipboard-copy" class="w-4 h-4 text-gray-300"></i> <i data-lucide="clipboard-copy" class="w-4 h-4 text-gray-300"></i>
</button> </button>
@@ -275,8 +274,8 @@
<!-- Alert Modal --> <!-- Alert Modal -->
<div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden"> <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
<div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700"> <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
<h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
data-i18n="alert.title">Alert</h3> Alert</h3>
<p id="alert-message" class="text-gray-300 mb-6"></p> <p id="alert-message" class="text-gray-300 mb-6"></p>
<button id="alert-ok" <button id="alert-ok"
class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200"> class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
@@ -291,7 +290,8 @@
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
<div class="space-y-6"> <div class="space-y-6">
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
1 1
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -300,7 +300,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
2 2
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -309,7 +310,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
3 3
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -324,23 +326,28 @@
<section class="max-w-6xl mx-auto px-4 py-12"> <section class="max-w-6xl mx-auto px-4 py-12">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4"> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
<a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/merge-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Merge Pdf</h3> <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
<p class="text-gray-400 text-sm">Free online merge pdf tool</p> <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
</a> </a>
<a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/compress-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Compress Pdf</h3> <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
<p class="text-gray-400 text-sm">Free online compress pdf tool</p> <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
</a> </a>
<a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/split-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Split Pdf</h3> <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
<p class="text-gray-400 text-sm">Free online split pdf tool</p> <p class="text-gray-400 text-sm">Free online split pdf tool</p>
</a> </a>
<a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/edit-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Edit Pdf</h3> <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
<p class="text-gray-400 text-sm">Free online edit pdf tool</p> <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
</a> </a>
<a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/rotate-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Rotate Pdf</h3> <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
<p class="text-gray-400 text-sm">Free online rotate pdf tool</p> <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
</a> </a>
@@ -356,14 +363,16 @@
Is ocr pdf really free? Is ocr pdf really free?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p> <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
file processing.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Are my files private and secure? Are my files private and secure?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p> <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
device, ensuring complete privacy.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -382,7 +391,7 @@
<img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" /> <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" />
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm">&copy; 2025 BentoPDF. All rights reserved.</p> <p class="text-gray-400 text-sm">&copy; 2026 BentoPDF. All rights reserved.</p>
<p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p> <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
</div> </div>
<div> <div>
@@ -423,8 +432,7 @@
title="Instagram"><i data-lucide="instagram"></i></a> title="Instagram"><i data-lucide="instagram"></i></a>
<a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400" <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
title="LinkedIn"><i data-lucide="linkedin"></i></a> title="LinkedIn"><i data-lucide="linkedin"></i></a>
<a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
title="X (Twitter)">
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path <path
d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" /> d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />

57
src/pages/odg-to-pdf.html
View File

@@ -8,7 +8,8 @@
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>Odg To Pdf Online Free - Odg To Pdf Tool | BentoPDF</title> <title>Odg To Pdf Online Free - Odg To Pdf Tool | BentoPDF</title>
<meta name="title" content="Odg To Pdf Online Free - Odg To Pdf Tool | BentoPDF"> <meta name="title" content="Odg To Pdf Online Free - Odg To Pdf Tool | BentoPDF">
<meta name="description" content="★ Odg To Pdf online free - Odg to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta name="description"
content="★ Odg To Pdf online free - Odg to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta name="keywords" content="odg to pdf, odg to pdf, online pdf"> <meta name="keywords" content="odg to pdf, odg to pdf, online pdf">
<meta name="author" content="BentoPDF"> <meta name="author" content="BentoPDF">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
@@ -20,7 +21,8 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://www.bentopdf.com/odg-to-pdf"> <meta property="og:url" content="https://www.bentopdf.com/odg-to-pdf">
<meta property="og:title" content="Odg To Pdf Online Free - Odg To Pdf Tool | BentoPDF"> <meta property="og:title" content="Odg To Pdf Online Free - Odg To Pdf Tool | BentoPDF">
<meta property="og:description" content="★ Odg To Pdf online free - Odg to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta property="og:description"
content="★ Odg To Pdf online free - Odg to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta property="og:image" content="https://www.bentopdf.com/images/og-odg-to-pdf.png"> <meta property="og:image" content="https://www.bentopdf.com/images/og-odg-to-pdf.png">
<meta property="og:image:width" content="1200"> <meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630"> <meta property="og:image:height" content="630">
@@ -30,7 +32,8 @@
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://www.bentopdf.com/odg-to-pdf"> <meta name="twitter:url" content="https://www.bentopdf.com/odg-to-pdf">
<meta name="twitter:title" content="Odg To Pdf Free"> <meta name="twitter:title" content="Odg To Pdf Free">
<meta name="twitter:description" content="★ Odg To Pdf online free - Odg to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas"> <meta name="twitter:description"
content="★ Odg To Pdf online free - Odg to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas">
<meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-odg-to-pdf.png"> <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-odg-to-pdf.png">
<meta name="twitter:site" content="@BentoPDF"> <meta name="twitter:site" content="@BentoPDF">
@@ -86,15 +89,13 @@
class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
aria-controls="mobile-menu" aria-expanded="false"> aria-controls="mobile-menu" aria-expanded="false">
<span class="sr-only">Open main menu</span> <span class="sr-only">Open main menu</span>
<svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
d="M4 6h16M4 12h16M4 18h16" />
</svg> </svg>
<svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
d="M6 18L18 6M6 6l12 12" />
</svg> </svg>
</button> </button>
</div> </div>
@@ -120,7 +121,8 @@
<span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span> <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
</button> </button>
<h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:odgToPdf.name">Odg To Pdf Converter Free Online - Convert Files Fast</h1> <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:odgToPdf.name">Odg To Pdf Converter Free Online -
Convert Files Fast</h1>
<p class="text-gray-400 mb-6" data-i18n="tools:odgToPdf.subtitle"> <p class="text-gray-400 mb-6" data-i18n="tools:odgToPdf.subtitle">
Convert OpenDocument Graphics (ODG) files to PDF format. Supports multiple files. Convert OpenDocument Graphics (ODG) files to PDF format. Supports multiple files.
</p> </p>
@@ -195,7 +197,8 @@
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
<div class="space-y-6"> <div class="space-y-6">
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
1 1
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -204,7 +207,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
2 2
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -213,7 +217,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
3 3
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -228,23 +233,28 @@
<section class="max-w-6xl mx-auto px-4 py-12"> <section class="max-w-6xl mx-auto px-4 py-12">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4"> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
<a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/merge-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Merge Pdf</h3> <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
<p class="text-gray-400 text-sm">Free online merge pdf tool</p> <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
</a> </a>
<a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/compress-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Compress Pdf</h3> <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
<p class="text-gray-400 text-sm">Free online compress pdf tool</p> <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
</a> </a>
<a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/split-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Split Pdf</h3> <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
<p class="text-gray-400 text-sm">Free online split pdf tool</p> <p class="text-gray-400 text-sm">Free online split pdf tool</p>
</a> </a>
<a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/edit-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Edit Pdf</h3> <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
<p class="text-gray-400 text-sm">Free online edit pdf tool</p> <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
</a> </a>
<a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/rotate-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Rotate Pdf</h3> <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
<p class="text-gray-400 text-sm">Free online rotate pdf tool</p> <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
</a> </a>
@@ -260,14 +270,16 @@
Is odg to pdf really free? Is odg to pdf really free?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p> <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
file processing.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Are my files private and secure? Are my files private and secure?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p> <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
device, ensuring complete privacy.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -287,7 +299,7 @@
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm"> <p class="text-gray-400 text-sm">
&copy; 2025 BentoPDF. All rights reserved. &copy; 2026 BentoPDF. All rights reserved.
</p> </p>
<p class="text-gray-500 text-xs mt-2"> <p class="text-gray-500 text-xs mt-2">
Version <span id="app-version"></span> Version <span id="app-version"></span>
@@ -338,8 +350,7 @@
title="LinkedIn"> title="LinkedIn">
<i data-lucide="linkedin"></i> <i data-lucide="linkedin"></i>
</a> </a>
<a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
title="X (Twitter)">
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path <path
d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" /> d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />

57
src/pages/odp-to-pdf.html
View File

@@ -8,7 +8,8 @@
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>Odp To Pdf Online Free - Odp To Pdf Tool | BentoPDF</title> <title>Odp To Pdf Online Free - Odp To Pdf Tool | BentoPDF</title>
<meta name="title" content="Odp To Pdf Online Free - Odp To Pdf Tool | BentoPDF"> <meta name="title" content="Odp To Pdf Online Free - Odp To Pdf Tool | BentoPDF">
<meta name="description" content="★ Odp To Pdf online free - Odp to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta name="description"
content="★ Odp To Pdf online free - Odp to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta name="keywords" content="odp to pdf, odp to pdf, online pdf"> <meta name="keywords" content="odp to pdf, odp to pdf, online pdf">
<meta name="author" content="BentoPDF"> <meta name="author" content="BentoPDF">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
@@ -20,7 +21,8 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://www.bentopdf.com/odp-to-pdf"> <meta property="og:url" content="https://www.bentopdf.com/odp-to-pdf">
<meta property="og:title" content="Odp To Pdf Online Free - Odp To Pdf Tool | BentoPDF"> <meta property="og:title" content="Odp To Pdf Online Free - Odp To Pdf Tool | BentoPDF">
<meta property="og:description" content="★ Odp To Pdf online free - Odp to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta property="og:description"
content="★ Odp To Pdf online free - Odp to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta property="og:image" content="https://www.bentopdf.com/images/og-odp-to-pdf.png"> <meta property="og:image" content="https://www.bentopdf.com/images/og-odp-to-pdf.png">
<meta property="og:image:width" content="1200"> <meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630"> <meta property="og:image:height" content="630">
@@ -30,7 +32,8 @@
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://www.bentopdf.com/odp-to-pdf"> <meta name="twitter:url" content="https://www.bentopdf.com/odp-to-pdf">
<meta name="twitter:title" content="Odp To Pdf Free"> <meta name="twitter:title" content="Odp To Pdf Free">
<meta name="twitter:description" content="★ Odp To Pdf online free - Odp to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas"> <meta name="twitter:description"
content="★ Odp To Pdf online free - Odp to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas">
<meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-odp-to-pdf.png"> <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-odp-to-pdf.png">
<meta name="twitter:site" content="@BentoPDF"> <meta name="twitter:site" content="@BentoPDF">
@@ -86,15 +89,13 @@
class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
aria-controls="mobile-menu" aria-expanded="false"> aria-controls="mobile-menu" aria-expanded="false">
<span class="sr-only">Open main menu</span> <span class="sr-only">Open main menu</span>
<svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
d="M4 6h16M4 12h16M4 18h16" />
</svg> </svg>
<svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
d="M6 18L18 6M6 6l12 12" />
</svg> </svg>
</button> </button>
</div> </div>
@@ -120,7 +121,8 @@
<span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span> <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
</button> </button>
<h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:odpToPdf.name">Odp To Pdf Converter Free Online - Convert Files Fast</h1> <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:odpToPdf.name">Odp To Pdf Converter Free Online -
Convert Files Fast</h1>
<p class="text-gray-400 mb-6" data-i18n="tools:odpToPdf.subtitle"> <p class="text-gray-400 mb-6" data-i18n="tools:odpToPdf.subtitle">
Convert OpenDocument Presentation (ODP) files to PDF format. Supports multiple files. Convert OpenDocument Presentation (ODP) files to PDF format. Supports multiple files.
</p> </p>
@@ -195,7 +197,8 @@
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
<div class="space-y-6"> <div class="space-y-6">
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
1 1
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -204,7 +207,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
2 2
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -213,7 +217,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
3 3
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -228,23 +233,28 @@
<section class="max-w-6xl mx-auto px-4 py-12"> <section class="max-w-6xl mx-auto px-4 py-12">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4"> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
<a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/merge-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Merge Pdf</h3> <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
<p class="text-gray-400 text-sm">Free online merge pdf tool</p> <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
</a> </a>
<a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/compress-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Compress Pdf</h3> <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
<p class="text-gray-400 text-sm">Free online compress pdf tool</p> <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
</a> </a>
<a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/split-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Split Pdf</h3> <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
<p class="text-gray-400 text-sm">Free online split pdf tool</p> <p class="text-gray-400 text-sm">Free online split pdf tool</p>
</a> </a>
<a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/edit-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Edit Pdf</h3> <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
<p class="text-gray-400 text-sm">Free online edit pdf tool</p> <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
</a> </a>
<a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/rotate-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Rotate Pdf</h3> <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
<p class="text-gray-400 text-sm">Free online rotate pdf tool</p> <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
</a> </a>
@@ -260,14 +270,16 @@
Is odp to pdf really free? Is odp to pdf really free?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p> <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
file processing.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Are my files private and secure? Are my files private and secure?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p> <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
device, ensuring complete privacy.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -287,7 +299,7 @@
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm"> <p class="text-gray-400 text-sm">
&copy; 2025 BentoPDF. All rights reserved. &copy; 2026 BentoPDF. All rights reserved.
</p> </p>
<p class="text-gray-500 text-xs mt-2"> <p class="text-gray-500 text-xs mt-2">
Version <span id="app-version"></span> Version <span id="app-version"></span>
@@ -338,8 +350,7 @@
title="LinkedIn"> title="LinkedIn">
<i data-lucide="linkedin"></i> <i data-lucide="linkedin"></i>
</a> </a>
<a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
title="X (Twitter)">
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path <path
d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" /> d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />

57
src/pages/ods-to-pdf.html
View File

@@ -8,7 +8,8 @@
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>Ods To Pdf Online Free - Ods To Pdf Tool | BentoPDF</title> <title>Ods To Pdf Online Free - Ods To Pdf Tool | BentoPDF</title>
<meta name="title" content="Ods To Pdf Online Free - Ods To Pdf Tool | BentoPDF"> <meta name="title" content="Ods To Pdf Online Free - Ods To Pdf Tool | BentoPDF">
<meta name="description" content="★ Ods To Pdf online free - Ods to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta name="description"
content="★ Ods To Pdf online free - Ods to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta name="keywords" content="ods to pdf, ods to pdf, online pdf"> <meta name="keywords" content="ods to pdf, ods to pdf, online pdf">
<meta name="author" content="BentoPDF"> <meta name="author" content="BentoPDF">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
@@ -20,7 +21,8 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://www.bentopdf.com/ods-to-pdf"> <meta property="og:url" content="https://www.bentopdf.com/ods-to-pdf">
<meta property="og:title" content="Ods To Pdf Online Free - Ods To Pdf Tool | BentoPDF"> <meta property="og:title" content="Ods To Pdf Online Free - Ods To Pdf Tool | BentoPDF">
<meta property="og:description" content="★ Ods To Pdf online free - Ods to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta property="og:description"
content="★ Ods To Pdf online free - Ods to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta property="og:image" content="https://www.bentopdf.com/images/og-ods-to-pdf.png"> <meta property="og:image" content="https://www.bentopdf.com/images/og-ods-to-pdf.png">
<meta property="og:image:width" content="1200"> <meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630"> <meta property="og:image:height" content="630">
@@ -30,7 +32,8 @@
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://www.bentopdf.com/ods-to-pdf"> <meta name="twitter:url" content="https://www.bentopdf.com/ods-to-pdf">
<meta name="twitter:title" content="Ods To Pdf Free"> <meta name="twitter:title" content="Ods To Pdf Free">
<meta name="twitter:description" content="★ Ods To Pdf online free - Ods to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas"> <meta name="twitter:description"
content="★ Ods To Pdf online free - Ods to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas">
<meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-ods-to-pdf.png"> <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-ods-to-pdf.png">
<meta name="twitter:site" content="@BentoPDF"> <meta name="twitter:site" content="@BentoPDF">
@@ -86,15 +89,13 @@
class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
aria-controls="mobile-menu" aria-expanded="false"> aria-controls="mobile-menu" aria-expanded="false">
<span class="sr-only">Open main menu</span> <span class="sr-only">Open main menu</span>
<svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
d="M4 6h16M4 12h16M4 18h16" />
</svg> </svg>
<svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
d="M6 18L18 6M6 6l12 12" />
</svg> </svg>
</button> </button>
</div> </div>
@@ -120,7 +121,8 @@
<span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span> <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
</button> </button>
<h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:odsToPdf.name">Ods To Pdf Converter Free Online - Convert Files Fast</h1> <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:odsToPdf.name">Ods To Pdf Converter Free Online -
Convert Files Fast</h1>
<p class="text-gray-400 mb-6" data-i18n="tools:odsToPdf.subtitle"> <p class="text-gray-400 mb-6" data-i18n="tools:odsToPdf.subtitle">
Convert OpenDocument Spreadsheet (ODS) files to PDF format. Supports multiple files. Convert OpenDocument Spreadsheet (ODS) files to PDF format. Supports multiple files.
</p> </p>
@@ -195,7 +197,8 @@
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
<div class="space-y-6"> <div class="space-y-6">
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
1 1
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -204,7 +207,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
2 2
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -213,7 +217,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
3 3
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -228,23 +233,28 @@
<section class="max-w-6xl mx-auto px-4 py-12"> <section class="max-w-6xl mx-auto px-4 py-12">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4"> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
<a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/merge-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Merge Pdf</h3> <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
<p class="text-gray-400 text-sm">Free online merge pdf tool</p> <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
</a> </a>
<a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/compress-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Compress Pdf</h3> <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
<p class="text-gray-400 text-sm">Free online compress pdf tool</p> <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
</a> </a>
<a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/split-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Split Pdf</h3> <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
<p class="text-gray-400 text-sm">Free online split pdf tool</p> <p class="text-gray-400 text-sm">Free online split pdf tool</p>
</a> </a>
<a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/edit-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Edit Pdf</h3> <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
<p class="text-gray-400 text-sm">Free online edit pdf tool</p> <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
</a> </a>
<a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/rotate-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Rotate Pdf</h3> <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
<p class="text-gray-400 text-sm">Free online rotate pdf tool</p> <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
</a> </a>
@@ -260,14 +270,16 @@
Is ods to pdf really free? Is ods to pdf really free?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p> <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
file processing.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Are my files private and secure? Are my files private and secure?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p> <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
device, ensuring complete privacy.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -287,7 +299,7 @@
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm"> <p class="text-gray-400 text-sm">
&copy; 2025 BentoPDF. All rights reserved. &copy; 2026 BentoPDF. All rights reserved.
</p> </p>
<p class="text-gray-500 text-xs mt-2"> <p class="text-gray-500 text-xs mt-2">
Version <span id="app-version"></span> Version <span id="app-version"></span>
@@ -338,8 +350,7 @@
title="LinkedIn"> title="LinkedIn">
<i data-lucide="linkedin"></i> <i data-lucide="linkedin"></i>
</a> </a>
<a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
title="X (Twitter)">
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path <path
d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" /> d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />

58
src/pages/odt-to-pdf.html
View File

@@ -8,7 +8,8 @@
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>Odt To Pdf Online Free - Odt To Pdf Tool | BentoPDF</title> <title>Odt To Pdf Online Free - Odt To Pdf Tool | BentoPDF</title>
<meta name="title" content="Odt To Pdf Online Free - Odt To Pdf Tool | BentoPDF"> <meta name="title" content="Odt To Pdf Online Free - Odt To Pdf Tool | BentoPDF">
<meta name="description" content="★ Odt To Pdf online free - Odt to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta name="description"
content="★ Odt To Pdf online free - Odt to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta name="keywords" content="odt to pdf, odt to pdf, online pdf"> <meta name="keywords" content="odt to pdf, odt to pdf, online pdf">
<meta name="author" content="BentoPDF"> <meta name="author" content="BentoPDF">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
@@ -20,7 +21,8 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://www.bentopdf.com/odt-to-pdf"> <meta property="og:url" content="https://www.bentopdf.com/odt-to-pdf">
<meta property="og:title" content="Odt To Pdf Online Free - Odt To Pdf Tool | BentoPDF"> <meta property="og:title" content="Odt To Pdf Online Free - Odt To Pdf Tool | BentoPDF">
<meta property="og:description" content="★ Odt To Pdf online free - Odt to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta property="og:description"
content="★ Odt To Pdf online free - Odt to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta property="og:image" content="https://www.bentopdf.com/images/og-odt-to-pdf.png"> <meta property="og:image" content="https://www.bentopdf.com/images/og-odt-to-pdf.png">
<meta property="og:image:width" content="1200"> <meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630"> <meta property="og:image:height" content="630">
@@ -30,7 +32,8 @@
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://www.bentopdf.com/odt-to-pdf"> <meta name="twitter:url" content="https://www.bentopdf.com/odt-to-pdf">
<meta name="twitter:title" content="Odt To Pdf Free"> <meta name="twitter:title" content="Odt To Pdf Free">
<meta name="twitter:description" content="★ Odt To Pdf online free - Odt to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas"> <meta name="twitter:description"
content="★ Odt To Pdf online free - Odt to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas">
<meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-odt-to-pdf.png"> <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-odt-to-pdf.png">
<meta name="twitter:site" content="@BentoPDF"> <meta name="twitter:site" content="@BentoPDF">
@@ -85,15 +88,13 @@
class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
aria-controls="mobile-menu" aria-expanded="false"> aria-controls="mobile-menu" aria-expanded="false">
<span class="sr-only">Open main menu</span> <span class="sr-only">Open main menu</span>
<svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
d="M4 6h16M4 12h16M4 18h16" />
</svg> </svg>
<svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
d="M6 18L18 6M6 6l12 12" />
</svg> </svg>
</button> </button>
</div> </div>
@@ -169,8 +170,8 @@
<div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden"> <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
<div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700"> <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
<h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
data-i18n="alert.title">Alert</h3> Alert</h3>
<p id="alert-message" class="text-gray-300 mb-6"></p> <p id="alert-message" class="text-gray-300 mb-6"></p>
<button id="alert-ok" <button id="alert-ok"
class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200"> class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
@@ -185,7 +186,8 @@
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
<div class="space-y-6"> <div class="space-y-6">
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
1 1
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -194,7 +196,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
2 2
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -203,7 +206,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
3 3
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -218,23 +222,28 @@
<section class="max-w-6xl mx-auto px-4 py-12"> <section class="max-w-6xl mx-auto px-4 py-12">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4"> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
<a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/merge-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Merge Pdf</h3> <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
<p class="text-gray-400 text-sm">Free online merge pdf tool</p> <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
</a> </a>
<a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/compress-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Compress Pdf</h3> <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
<p class="text-gray-400 text-sm">Free online compress pdf tool</p> <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
</a> </a>
<a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/split-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Split Pdf</h3> <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
<p class="text-gray-400 text-sm">Free online split pdf tool</p> <p class="text-gray-400 text-sm">Free online split pdf tool</p>
</a> </a>
<a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/edit-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Edit Pdf</h3> <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
<p class="text-gray-400 text-sm">Free online edit pdf tool</p> <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
</a> </a>
<a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/rotate-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Rotate Pdf</h3> <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
<p class="text-gray-400 text-sm">Free online rotate pdf tool</p> <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
</a> </a>
@@ -250,14 +259,16 @@
Is odt to pdf really free? Is odt to pdf really free?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p> <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
file processing.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Are my files private and secure? Are my files private and secure?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p> <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
device, ensuring complete privacy.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -277,7 +288,7 @@
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm"> <p class="text-gray-400 text-sm">
&copy; 2025 BentoPDF. All rights reserved. &copy; 2026 BentoPDF. All rights reserved.
</p> </p>
<p class="text-gray-500 text-xs mt-2"> <p class="text-gray-500 text-xs mt-2">
Version <span id="app-version"></span> Version <span id="app-version"></span>
@@ -340,8 +351,7 @@
title="LinkedIn"> title="LinkedIn">
<i data-lucide="linkedin"></i> <i data-lucide="linkedin"></i>
</a> </a>
<a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
title="X (Twitter)">
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path <path
d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" /> d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />

56
src/pages/organize-pdf.html
View File

@@ -8,7 +8,8 @@
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>Organize PDF Online Free - Organize PDF Tool | BentoPDF</title> <title>Organize PDF Online Free - Organize PDF Tool | BentoPDF</title>
<meta name="title" content="Organize PDF Online Free - Organize PDF Tool | BentoPDF"> <meta name="title" content="Organize PDF Online Free - Organize PDF Tool | BentoPDF">
<meta name="description" content="★ Organize PDF online free - Organize PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta name="description"
content="★ Organize PDF online free - Organize PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta name="keywords" content="organize pdf, reorder pages, arrange pdf"> <meta name="keywords" content="organize pdf, reorder pages, arrange pdf">
<meta name="author" content="BentoPDF"> <meta name="author" content="BentoPDF">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
@@ -20,7 +21,8 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://www.bentopdf.com/organize-pdf"> <meta property="og:url" content="https://www.bentopdf.com/organize-pdf">
<meta property="og:title" content="Organize PDF Online Free - Organize PDF Tool | BentoPDF"> <meta property="og:title" content="Organize PDF Online Free - Organize PDF Tool | BentoPDF">
<meta property="og:description" content="★ Organize PDF online free - Organize PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta property="og:description"
content="★ Organize PDF online free - Organize PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta property="og:image" content="https://www.bentopdf.com/images/og-organize-pdf.png"> <meta property="og:image" content="https://www.bentopdf.com/images/og-organize-pdf.png">
<meta property="og:image:width" content="1200"> <meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630"> <meta property="og:image:height" content="630">
@@ -30,7 +32,8 @@
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://www.bentopdf.com/organize-pdf"> <meta name="twitter:url" content="https://www.bentopdf.com/organize-pdf">
<meta name="twitter:title" content="Organize PDF Free"> <meta name="twitter:title" content="Organize PDF Free">
<meta name="twitter:description" content="★ Organize PDF online free - Organize PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas"> <meta name="twitter:description"
content="★ Organize PDF online free - Organize PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas">
<meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-organize-pdf.png"> <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-organize-pdf.png">
<meta name="twitter:site" content="@BentoPDF"> <meta name="twitter:site" content="@BentoPDF">
@@ -86,7 +89,8 @@
<i data-lucide="arrow-left" class="cursor-pointer"></i> <i data-lucide="arrow-left" class="cursor-pointer"></i>
<span class="cursor-pointer">Back to Tools</span> <span class="cursor-pointer">Back to Tools</span>
</button> </button>
<h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:duplicateOrganize.name">Organize PDF Pages Free - Reorder PDFs Online</h1> <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:duplicateOrganize.name">Organize PDF Pages Free -
Reorder PDFs Online</h1>
<p class="text-gray-400 mb-6" data-i18n="tools:duplicateOrganize.subtitle"> <p class="text-gray-400 mb-6" data-i18n="tools:duplicateOrganize.subtitle">
Drag pages to reorder them. Use the <i data-lucide="copy-plus" Drag pages to reorder them. Use the <i data-lucide="copy-plus"
class="inline-block w-4 h-4 mx-1 align-text-bottom text-green-500"></i> icon to duplicate a page or class="inline-block w-4 h-4 mx-1 align-text-bottom text-green-500"></i> icon to duplicate a page or
@@ -100,9 +104,8 @@
class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300"> class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
<div class="flex flex-col items-center justify-center pt-5 pb-6"> <div class="flex flex-col items-center justify-center pt-5 pb-6">
<i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i> <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
<p class="mb-2 text-sm text-gray-400"><span class="font-semibold" <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to
data-i18n="upload.clickToSelect">Click to select a file</span> <span select a file</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
<p class="text-xs text-gray-500">PDF Documents</p> <p class="text-xs text-gray-500">PDF Documents</p>
<p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
device.</p> device.</p>
@@ -129,8 +132,8 @@
</div> </div>
<div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden"> <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
<div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700"> <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
<h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
data-i18n="alert.title">Alert</h3> Alert</h3>
<p id="alert-message" class="text-gray-300 mb-6"></p> <p id="alert-message" class="text-gray-300 mb-6"></p>
<button id="alert-ok" <button id="alert-ok"
class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg" class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg"
@@ -144,7 +147,8 @@
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
<div class="space-y-6"> <div class="space-y-6">
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
1 1
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -153,7 +157,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
2 2
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -162,7 +167,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
3 3
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -177,23 +183,28 @@
<section class="max-w-6xl mx-auto px-4 py-12"> <section class="max-w-6xl mx-auto px-4 py-12">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4"> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
<a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/merge-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Merge Pdf</h3> <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
<p class="text-gray-400 text-sm">Free online merge pdf tool</p> <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
</a> </a>
<a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/split-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Split Pdf</h3> <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
<p class="text-gray-400 text-sm">Free online split pdf tool</p> <p class="text-gray-400 text-sm">Free online split pdf tool</p>
</a> </a>
<a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/rotate-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Rotate Pdf</h3> <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
<p class="text-gray-400 text-sm">Free online rotate pdf tool</p> <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
</a> </a>
<a href="/delete-pages.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/delete-pages.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Delete Pages</h3> <h3 class="text-white font-semibold mb-1">Delete Pages</h3>
<p class="text-gray-400 text-sm">Free online delete pages tool</p> <p class="text-gray-400 text-sm">Free online delete pages tool</p>
</a> </a>
<a href="/extract-pages.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/extract-pages.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Extract Pages</h3> <h3 class="text-white font-semibold mb-1">Extract Pages</h3>
<p class="text-gray-400 text-sm">Free online extract pages tool</p> <p class="text-gray-400 text-sm">Free online extract pages tool</p>
</a> </a>
@@ -209,14 +220,16 @@
Is organize pdf really free? Is organize pdf really free?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p> <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
file processing.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Are my files private and secure? Are my files private and secure?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p> <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
device, ensuring complete privacy.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -235,7 +248,7 @@
<img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" /> <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" />
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm">&copy; 2025 BentoPDF. All rights reserved.</p> <p class="text-gray-400 text-sm">&copy; 2026 BentoPDF. All rights reserved.</p>
<p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p> <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
</div> </div>
@@ -283,8 +296,7 @@
title="LinkedIn"> title="LinkedIn">
<i data-lucide="linkedin"></i> <i data-lucide="linkedin"></i>
</a> </a>
<a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
title="X (Twitter)">
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path <path
d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" /> d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />

64
src/pages/page-dimensions.html
View File

@@ -8,7 +8,8 @@
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>Page Dimensions Online Free - Page Dimensions Tool | BentoPDF</title> <title>Page Dimensions Online Free - Page Dimensions Tool | BentoPDF</title>
<meta name="title" content="Page Dimensions Online Free - Page Dimensions Tool | BentoPDF"> <meta name="title" content="Page Dimensions Online Free - Page Dimensions Tool | BentoPDF">
<meta name="description" content="★ Page Dimensions online free - Page dimensions PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta name="description"
content="★ Page Dimensions online free - Page dimensions PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta name="keywords" content="page dimensions, page dimensions, online pdf"> <meta name="keywords" content="page dimensions, page dimensions, online pdf">
<meta name="author" content="BentoPDF"> <meta name="author" content="BentoPDF">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
@@ -20,7 +21,8 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://www.bentopdf.com/page-dimensions"> <meta property="og:url" content="https://www.bentopdf.com/page-dimensions">
<meta property="og:title" content="Page Dimensions Online Free - Page Dimensions Tool | BentoPDF"> <meta property="og:title" content="Page Dimensions Online Free - Page Dimensions Tool | BentoPDF">
<meta property="og:description" content="★ Page Dimensions online free - Page dimensions PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta property="og:description"
content="★ Page Dimensions online free - Page dimensions PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta property="og:image" content="https://www.bentopdf.com/images/og-page-dimensions.png"> <meta property="og:image" content="https://www.bentopdf.com/images/og-page-dimensions.png">
<meta property="og:image:width" content="1200"> <meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630"> <meta property="og:image:height" content="630">
@@ -30,7 +32,8 @@
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://www.bentopdf.com/page-dimensions"> <meta name="twitter:url" content="https://www.bentopdf.com/page-dimensions">
<meta name="twitter:title" content="Page Dimensions Free"> <meta name="twitter:title" content="Page Dimensions Free">
<meta name="twitter:description" content="★ Page Dimensions online free - Page dimensions PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in bro"> <meta name="twitter:description"
content="★ Page Dimensions online free - Page dimensions PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in bro">
<meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-page-dimensions.png"> <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-page-dimensions.png">
<meta name="twitter:site" content="@BentoPDF"> <meta name="twitter:site" content="@BentoPDF">
@@ -81,15 +84,13 @@
class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
aria-controls="mobile-menu" aria-expanded="false"> aria-controls="mobile-menu" aria-expanded="false">
<span class="sr-only">Open main menu</span> <span class="sr-only">Open main menu</span>
<svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
d="M4 6h16M4 12h16M4 18h16" />
</svg> </svg>
<svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
d="M6 18L18 6M6 6l12 12" />
</svg> </svg>
</button> </button>
</div> </div>
@@ -114,7 +115,8 @@
<span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span> <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
</button> </button>
<h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:pageDimensions.name">Page Dimensions Free Online - Fast & Secure</h1> <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:pageDimensions.name">Page Dimensions Free Online -
Fast & Secure</h1>
<p class="text-gray-400 mb-6" data-i18n="tools:pageDimensions.subtitle"> <p class="text-gray-400 mb-6" data-i18n="tools:pageDimensions.subtitle">
Analyze PDF page dimensions and sizes. View detailed information about each page. Analyze PDF page dimensions and sizes. View detailed information about each page.
</p> </p>
@@ -140,8 +142,7 @@
<div class="flex flex-col sm:flex-row justify-between items-start sm:items-center gap-4 mb-4"> <div class="flex flex-col sm:flex-row justify-between items-start sm:items-center gap-4 mb-4">
<div class="flex items-center gap-2"> <div class="flex items-center gap-2">
<label for="units-select" class="text-sm font-medium text-gray-300">Units:</label> <label for="units-select" class="text-sm font-medium text-gray-300">Units:</label>
<select id="units-select" <select id="units-select" class="bg-gray-700 border border-gray-600 text-white text-sm rounded-lg p-2">
class="bg-gray-700 border border-gray-600 text-white text-sm rounded-lg p-2">
<option value="pt">Points (pt)</option> <option value="pt">Points (pt)</option>
<option value="in">Inches (in)</option> <option value="in">Inches (in)</option>
<option value="mm">Millimeters (mm)</option> <option value="mm">Millimeters (mm)</option>
@@ -179,8 +180,8 @@
<!-- Alert Modal --> <!-- Alert Modal -->
<div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden"> <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
<div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700"> <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
<h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
data-i18n="alert.title">Alert</h3> Alert</h3>
<p id="alert-message" class="text-gray-300 mb-6"></p> <p id="alert-message" class="text-gray-300 mb-6"></p>
<button id="alert-ok" <button id="alert-ok"
class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200"> class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
@@ -195,7 +196,8 @@
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
<div class="space-y-6"> <div class="space-y-6">
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
1 1
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -204,7 +206,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
2 2
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -213,7 +216,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
3 3
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -228,23 +232,28 @@
<section class="max-w-6xl mx-auto px-4 py-12"> <section class="max-w-6xl mx-auto px-4 py-12">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4"> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
<a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/merge-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Merge Pdf</h3> <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
<p class="text-gray-400 text-sm">Free online merge pdf tool</p> <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
</a> </a>
<a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/compress-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Compress Pdf</h3> <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
<p class="text-gray-400 text-sm">Free online compress pdf tool</p> <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
</a> </a>
<a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/split-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Split Pdf</h3> <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
<p class="text-gray-400 text-sm">Free online split pdf tool</p> <p class="text-gray-400 text-sm">Free online split pdf tool</p>
</a> </a>
<a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/edit-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Edit Pdf</h3> <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
<p class="text-gray-400 text-sm">Free online edit pdf tool</p> <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
</a> </a>
<a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/rotate-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Rotate Pdf</h3> <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
<p class="text-gray-400 text-sm">Free online rotate pdf tool</p> <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
</a> </a>
@@ -260,14 +269,16 @@
Is page dimensions really free? Is page dimensions really free?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p> <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
file processing.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Are my files private and secure? Are my files private and secure?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p> <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
device, ensuring complete privacy.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -286,7 +297,7 @@
<img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" /> <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" />
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm">&copy; 2025 BentoPDF. All rights reserved.</p> <p class="text-gray-400 text-sm">&copy; 2026 BentoPDF. All rights reserved.</p>
<p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p> <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
</div> </div>
<div> <div>
@@ -327,8 +338,7 @@
title="Instagram"><i data-lucide="instagram"></i></a> title="Instagram"><i data-lucide="instagram"></i></a>
<a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400" <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
title="LinkedIn"><i data-lucide="linkedin"></i></a> title="LinkedIn"><i data-lucide="linkedin"></i></a>
<a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
title="X (Twitter)">
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path <path
d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" /> d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />

66
src/pages/page-numbers.html
View File

@@ -8,7 +8,8 @@
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>Page Numbers Online Free - Page Numbers Tool | BentoPDF</title> <title>Page Numbers Online Free - Page Numbers Tool | BentoPDF</title>
<meta name="title" content="Page Numbers Online Free - Page Numbers Tool | BentoPDF"> <meta name="title" content="Page Numbers Online Free - Page Numbers Tool | BentoPDF">
<meta name="description" content="★ Page Numbers online free - Page numbers PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta name="description"
content="★ Page Numbers online free - Page numbers PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta name="keywords" content="page numbers, page numbers, online pdf"> <meta name="keywords" content="page numbers, page numbers, online pdf">
<meta name="author" content="BentoPDF"> <meta name="author" content="BentoPDF">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
@@ -20,7 +21,8 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://www.bentopdf.com/page-numbers"> <meta property="og:url" content="https://www.bentopdf.com/page-numbers">
<meta property="og:title" content="Page Numbers Online Free - Page Numbers Tool | BentoPDF"> <meta property="og:title" content="Page Numbers Online Free - Page Numbers Tool | BentoPDF">
<meta property="og:description" content="★ Page Numbers online free - Page numbers PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta property="og:description"
content="★ Page Numbers online free - Page numbers PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta property="og:image" content="https://www.bentopdf.com/images/og-page-numbers.png"> <meta property="og:image" content="https://www.bentopdf.com/images/og-page-numbers.png">
<meta property="og:image:width" content="1200"> <meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630"> <meta property="og:image:height" content="630">
@@ -30,7 +32,8 @@
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://www.bentopdf.com/page-numbers"> <meta name="twitter:url" content="https://www.bentopdf.com/page-numbers">
<meta name="twitter:title" content="Page Numbers Free"> <meta name="twitter:title" content="Page Numbers Free">
<meta name="twitter:description" content="★ Page Numbers online free - Page numbers PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★"> <meta name="twitter:description"
content="★ Page Numbers online free - Page numbers PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★">
<meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-page-numbers.png"> <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-page-numbers.png">
<meta name="twitter:site" content="@BentoPDF"> <meta name="twitter:site" content="@BentoPDF">
@@ -85,15 +88,13 @@
class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
aria-controls="mobile-menu" aria-expanded="false"> aria-controls="mobile-menu" aria-expanded="false">
<span class="sr-only">Open main menu</span> <span class="sr-only">Open main menu</span>
<svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
d="M4 6h16M4 12h16M4 18h16" />
</svg> </svg>
<svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
d="M6 18L18 6M6 6l12 12" />
</svg> </svg>
</button> </button>
</div> </div>
@@ -119,7 +120,8 @@
<span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span> <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
</button> </button>
<h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:pageNumbers.name">Page Numbers Free Online - Fast & Secure</h1> <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:pageNumbers.name">Page Numbers Free Online - Fast
& Secure</h1>
<p class="text-gray-400 mb-6" data-i18n="tools:pageNumbers.subtitle"> <p class="text-gray-400 mb-6" data-i18n="tools:pageNumbers.subtitle">
Add page numbers to your PDF documents with customizable position, format, and styling. Add page numbers to your PDF documents with customizable position, format, and styling.
</p> </p>
@@ -128,9 +130,8 @@
class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300"> class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
<div class="flex flex-col items-center justify-center pt-5 pb-6"> <div class="flex flex-col items-center justify-center pt-5 pb-6">
<i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i> <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
<p class="mb-2 text-sm text-gray-400"><span class="font-semibold" <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to
data-i18n="upload.clickToSelect">Click to select a file</span> <span select a file</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
<p class="text-xs text-gray-500">PDF file</p> <p class="text-xs text-gray-500">PDF file</p>
<p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
device.</p> device.</p>
@@ -196,8 +197,8 @@
<div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden"> <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
<div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700"> <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
<h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
data-i18n="alert.title">Alert</h3> Alert</h3>
<p id="alert-message" class="text-gray-300 mb-6"></p> <p id="alert-message" class="text-gray-300 mb-6"></p>
<button id="alert-ok" <button id="alert-ok"
class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200"> class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
@@ -212,7 +213,8 @@
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
<div class="space-y-6"> <div class="space-y-6">
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
1 1
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -221,7 +223,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
2 2
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -230,7 +233,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
3 3
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -245,23 +249,28 @@
<section class="max-w-6xl mx-auto px-4 py-12"> <section class="max-w-6xl mx-auto px-4 py-12">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4"> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
<a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/merge-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Merge Pdf</h3> <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
<p class="text-gray-400 text-sm">Free online merge pdf tool</p> <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
</a> </a>
<a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/compress-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Compress Pdf</h3> <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
<p class="text-gray-400 text-sm">Free online compress pdf tool</p> <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
</a> </a>
<a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/split-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Split Pdf</h3> <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
<p class="text-gray-400 text-sm">Free online split pdf tool</p> <p class="text-gray-400 text-sm">Free online split pdf tool</p>
</a> </a>
<a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/edit-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Edit Pdf</h3> <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
<p class="text-gray-400 text-sm">Free online edit pdf tool</p> <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
</a> </a>
<a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/rotate-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Rotate Pdf</h3> <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
<p class="text-gray-400 text-sm">Free online rotate pdf tool</p> <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
</a> </a>
@@ -277,14 +286,16 @@
Is page numbers really free? Is page numbers really free?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p> <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
file processing.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Are my files private and secure? Are my files private and secure?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p> <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
device, ensuring complete privacy.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -303,7 +314,7 @@
<img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" /> <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" />
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm">&copy; 2025 BentoPDF. All rights reserved.</p> <p class="text-gray-400 text-sm">&copy; 2026 BentoPDF. All rights reserved.</p>
<p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p> <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
</div> </div>
<div> <div>
@@ -348,8 +359,7 @@
title="LinkedIn"> title="LinkedIn">
<i data-lucide="linkedin"></i> <i data-lucide="linkedin"></i>
</a> </a>
<a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
title="X (Twitter)">
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path <path
d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" /> d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />

57
src/pages/pages-to-pdf.html
View File

@@ -8,7 +8,8 @@
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>Pages To Pdf Online Free - Pages To Pdf Tool | BentoPDF</title> <title>Pages To Pdf Online Free - Pages To Pdf Tool | BentoPDF</title>
<meta name="title" content="Pages To Pdf Online Free - Pages To Pdf Tool | BentoPDF"> <meta name="title" content="Pages To Pdf Online Free - Pages To Pdf Tool | BentoPDF">
<meta name="description" content="★ Pages To Pdf online free - Pages to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta name="description"
content="★ Pages To Pdf online free - Pages to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta name="keywords" content="pages to pdf, pages to pdf, online pdf"> <meta name="keywords" content="pages to pdf, pages to pdf, online pdf">
<meta name="author" content="BentoPDF"> <meta name="author" content="BentoPDF">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
@@ -20,7 +21,8 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://www.bentopdf.com/pages-to-pdf"> <meta property="og:url" content="https://www.bentopdf.com/pages-to-pdf">
<meta property="og:title" content="Pages To Pdf Online Free - Pages To Pdf Tool | BentoPDF"> <meta property="og:title" content="Pages To Pdf Online Free - Pages To Pdf Tool | BentoPDF">
<meta property="og:description" content="★ Pages To Pdf online free - Pages to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta property="og:description"
content="★ Pages To Pdf online free - Pages to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta property="og:image" content="https://www.bentopdf.com/images/og-pages-to-pdf.png"> <meta property="og:image" content="https://www.bentopdf.com/images/og-pages-to-pdf.png">
<meta property="og:image:width" content="1200"> <meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630"> <meta property="og:image:height" content="630">
@@ -30,7 +32,8 @@
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://www.bentopdf.com/pages-to-pdf"> <meta name="twitter:url" content="https://www.bentopdf.com/pages-to-pdf">
<meta name="twitter:title" content="Pages To Pdf Free"> <meta name="twitter:title" content="Pages To Pdf Free">
<meta name="twitter:description" content="★ Pages To Pdf online free - Pages to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★"> <meta name="twitter:description"
content="★ Pages To Pdf online free - Pages to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★">
<meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-pages-to-pdf.png"> <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-pages-to-pdf.png">
<meta name="twitter:site" content="@BentoPDF"> <meta name="twitter:site" content="@BentoPDF">
@@ -85,15 +88,13 @@
class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
aria-controls="mobile-menu" aria-expanded="false"> aria-controls="mobile-menu" aria-expanded="false">
<span class="sr-only">Open main menu</span> <span class="sr-only">Open main menu</span>
<svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
d="M4 6h16M4 12h16M4 18h16" />
</svg> </svg>
<svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
d="M6 18L18 6M6 6l12 12" />
</svg> </svg>
</button> </button>
</div> </div>
@@ -119,7 +120,8 @@
<span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span> <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
</button> </button>
<h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:pagesToPdf.name">Pages To Pdf Converter Free Online - Convert Files Fast</h1> <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:pagesToPdf.name">Pages To Pdf Converter Free
Online - Convert Files Fast</h1>
<p class="text-gray-400 mb-6" data-i18n="tools:pagesToPdf.subtitle"> <p class="text-gray-400 mb-6" data-i18n="tools:pagesToPdf.subtitle">
Convert Apple Pages documents to PDF format. Supports multiple files. Convert Apple Pages documents to PDF format. Supports multiple files.
</p> </p>
@@ -194,7 +196,8 @@
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
<div class="space-y-6"> <div class="space-y-6">
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
1 1
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -203,7 +206,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
2 2
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -212,7 +216,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
3 3
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -227,23 +232,28 @@
<section class="max-w-6xl mx-auto px-4 py-12"> <section class="max-w-6xl mx-auto px-4 py-12">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4"> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
<a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/merge-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Merge Pdf</h3> <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
<p class="text-gray-400 text-sm">Free online merge pdf tool</p> <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
</a> </a>
<a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/compress-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Compress Pdf</h3> <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
<p class="text-gray-400 text-sm">Free online compress pdf tool</p> <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
</a> </a>
<a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/split-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Split Pdf</h3> <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
<p class="text-gray-400 text-sm">Free online split pdf tool</p> <p class="text-gray-400 text-sm">Free online split pdf tool</p>
</a> </a>
<a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/edit-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Edit Pdf</h3> <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
<p class="text-gray-400 text-sm">Free online edit pdf tool</p> <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
</a> </a>
<a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/rotate-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Rotate Pdf</h3> <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
<p class="text-gray-400 text-sm">Free online rotate pdf tool</p> <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
</a> </a>
@@ -259,14 +269,16 @@
Is pages to pdf really free? Is pages to pdf really free?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p> <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
file processing.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Are my files private and secure? Are my files private and secure?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p> <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
device, ensuring complete privacy.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -286,7 +298,7 @@
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm"> <p class="text-gray-400 text-sm">
&copy; 2025 BentoPDF. All rights reserved. &copy; 2026 BentoPDF. All rights reserved.
</p> </p>
<p class="text-gray-500 text-xs mt-2"> <p class="text-gray-500 text-xs mt-2">
Version <span id="app-version"></span> Version <span id="app-version"></span>
@@ -337,8 +349,7 @@
title="LinkedIn"> title="LinkedIn">
<i data-lucide="linkedin"></i> <i data-lucide="linkedin"></i>
</a> </a>
<a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
title="X (Twitter)">
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path <path
d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" /> d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />

47
src/pages/pdf-booklet.html
View File

@@ -8,7 +8,8 @@
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>Pdf Booklet Online Free - Pdf Booklet Tool | BentoPDF</title> <title>Pdf Booklet Online Free - Pdf Booklet Tool | BentoPDF</title>
<meta name="title" content="Pdf Booklet Online Free - Pdf Booklet Tool | BentoPDF"> <meta name="title" content="Pdf Booklet Online Free - Pdf Booklet Tool | BentoPDF">
<meta name="description" content="★ Pdf Booklet online free - Pdf booklet PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta name="description"
content="★ Pdf Booklet online free - Pdf booklet PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta name="keywords" content="pdf booklet, pdf booklet, online pdf"> <meta name="keywords" content="pdf booklet, pdf booklet, online pdf">
<meta name="author" content="BentoPDF"> <meta name="author" content="BentoPDF">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
@@ -20,7 +21,8 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://www.bentopdf.com/pdf-booklet"> <meta property="og:url" content="https://www.bentopdf.com/pdf-booklet">
<meta property="og:title" content="Pdf Booklet Online Free - Pdf Booklet Tool | BentoPDF"> <meta property="og:title" content="Pdf Booklet Online Free - Pdf Booklet Tool | BentoPDF">
<meta property="og:description" content="★ Pdf Booklet online free - Pdf booklet PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta property="og:description"
content="★ Pdf Booklet online free - Pdf booklet PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta property="og:image" content="https://www.bentopdf.com/images/og-pdf-booklet.png"> <meta property="og:image" content="https://www.bentopdf.com/images/og-pdf-booklet.png">
<meta property="og:image:width" content="1200"> <meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630"> <meta property="og:image:height" content="630">
@@ -30,7 +32,8 @@
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://www.bentopdf.com/pdf-booklet"> <meta name="twitter:url" content="https://www.bentopdf.com/pdf-booklet">
<meta name="twitter:title" content="Pdf Booklet Free"> <meta name="twitter:title" content="Pdf Booklet Free">
<meta name="twitter:description" content="★ Pdf Booklet online free - Pdf booklet PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ F"> <meta name="twitter:description"
content="★ Pdf Booklet online free - Pdf booklet PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ F">
<meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-pdf-booklet.png"> <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-pdf-booklet.png">
<meta name="twitter:site" content="@BentoPDF"> <meta name="twitter:site" content="@BentoPDF">
@@ -115,7 +118,8 @@
<span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span> <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
</button> </button>
<h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:pdfBooklet.name">Pdf Booklet Free Online - Fast & Secure</h1> <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:pdfBooklet.name">Pdf Booklet Free Online -
Fast & Secure</h1>
<p class="text-gray-400 mb-6" data-i18n="tools:pdfBooklet.subtitle"> <p class="text-gray-400 mb-6" data-i18n="tools:pdfBooklet.subtitle">
Rearrange pages for double-sided booklet printing. Fold and staple to create a booklet. Rearrange pages for double-sided booklet printing. Fold and staple to create a booklet.
</p> </p>
@@ -315,7 +319,8 @@
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
<div class="space-y-6"> <div class="space-y-6">
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
1 1
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -324,7 +329,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
2 2
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -333,7 +339,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
3 3
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -348,23 +355,28 @@
<section class="max-w-6xl mx-auto px-4 py-12"> <section class="max-w-6xl mx-auto px-4 py-12">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4"> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
<a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/merge-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Merge Pdf</h3> <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
<p class="text-gray-400 text-sm">Free online merge pdf tool</p> <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
</a> </a>
<a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/compress-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Compress Pdf</h3> <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
<p class="text-gray-400 text-sm">Free online compress pdf tool</p> <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
</a> </a>
<a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/split-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Split Pdf</h3> <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
<p class="text-gray-400 text-sm">Free online split pdf tool</p> <p class="text-gray-400 text-sm">Free online split pdf tool</p>
</a> </a>
<a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/edit-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Edit Pdf</h3> <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
<p class="text-gray-400 text-sm">Free online edit pdf tool</p> <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
</a> </a>
<a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/rotate-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Rotate Pdf</h3> <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
<p class="text-gray-400 text-sm">Free online rotate pdf tool</p> <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
</a> </a>
@@ -380,21 +392,24 @@
Is pdf booklet really free? Is pdf booklet really free?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p> <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and
unlimited file processing.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Are my files private and secure? Are my files private and secure?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p> <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave
your device, ensuring complete privacy.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Is there a file size limit? Is there a file size limit?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">No! Process files of any size, as many times as you want, completely free.</p> <p class="mt-3 text-gray-400">No! Process files of any size, as many times as you want, completely free.
</p>
</details> </details>
</div> </div>
</section> </section>
@@ -406,7 +421,7 @@
<img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" /> <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" />
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm">&copy; 2025 BentoPDF. All rights reserved.</p> <p class="text-gray-400 text-sm">&copy; 2026 BentoPDF. All rights reserved.</p>
<p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p> <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
</div> </div>
<div> <div>

44
src/pages/pdf-layers.html
View File

@@ -8,7 +8,8 @@
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>Pdf Layers Online Free - Pdf Layers Tool | BentoPDF</title> <title>Pdf Layers Online Free - Pdf Layers Tool | BentoPDF</title>
<meta name="title" content="Pdf Layers Online Free - Pdf Layers Tool | BentoPDF"> <meta name="title" content="Pdf Layers Online Free - Pdf Layers Tool | BentoPDF">
<meta name="description" content="★ Pdf Layers online free - Pdf layers PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta name="description"
content="★ Pdf Layers online free - Pdf layers PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta name="keywords" content="pdf layers, pdf layers, online pdf"> <meta name="keywords" content="pdf layers, pdf layers, online pdf">
<meta name="author" content="BentoPDF"> <meta name="author" content="BentoPDF">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
@@ -20,7 +21,8 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://www.bentopdf.com/pdf-layers"> <meta property="og:url" content="https://www.bentopdf.com/pdf-layers">
<meta property="og:title" content="Pdf Layers Online Free - Pdf Layers Tool | BentoPDF"> <meta property="og:title" content="Pdf Layers Online Free - Pdf Layers Tool | BentoPDF">
<meta property="og:description" content="★ Pdf Layers online free - Pdf layers PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta property="og:description"
content="★ Pdf Layers online free - Pdf layers PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta property="og:image" content="https://www.bentopdf.com/images/og-pdf-layers.png"> <meta property="og:image" content="https://www.bentopdf.com/images/og-pdf-layers.png">
<meta property="og:image:width" content="1200"> <meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630"> <meta property="og:image:height" content="630">
@@ -30,7 +32,8 @@
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://www.bentopdf.com/pdf-layers"> <meta name="twitter:url" content="https://www.bentopdf.com/pdf-layers">
<meta name="twitter:title" content="Pdf Layers Free"> <meta name="twitter:title" content="Pdf Layers Free">
<meta name="twitter:description" content="★ Pdf Layers online free - Pdf layers PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas"> <meta name="twitter:description"
content="★ Pdf Layers online free - Pdf layers PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas">
<meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-pdf-layers.png"> <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-pdf-layers.png">
<meta name="twitter:site" content="@BentoPDF"> <meta name="twitter:site" content="@BentoPDF">
@@ -319,7 +322,8 @@
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
<div class="space-y-6"> <div class="space-y-6">
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
1 1
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -328,7 +332,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
2 2
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -337,7 +342,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
3 3
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -352,23 +358,28 @@
<section class="max-w-6xl mx-auto px-4 py-12"> <section class="max-w-6xl mx-auto px-4 py-12">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4"> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
<a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/merge-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Merge Pdf</h3> <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
<p class="text-gray-400 text-sm">Free online merge pdf tool</p> <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
</a> </a>
<a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/compress-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Compress Pdf</h3> <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
<p class="text-gray-400 text-sm">Free online compress pdf tool</p> <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
</a> </a>
<a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/split-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Split Pdf</h3> <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
<p class="text-gray-400 text-sm">Free online split pdf tool</p> <p class="text-gray-400 text-sm">Free online split pdf tool</p>
</a> </a>
<a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/edit-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Edit Pdf</h3> <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
<p class="text-gray-400 text-sm">Free online edit pdf tool</p> <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
</a> </a>
<a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/rotate-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Rotate Pdf</h3> <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
<p class="text-gray-400 text-sm">Free online rotate pdf tool</p> <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
</a> </a>
@@ -384,21 +395,24 @@
Is pdf layers really free? Is pdf layers really free?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p> <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and
unlimited file processing.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Are my files private and secure? Are my files private and secure?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p> <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave
your device, ensuring complete privacy.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Is there a file size limit? Is there a file size limit?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">No! Process files of any size, as many times as you want, completely free.</p> <p class="mt-3 text-gray-400">No! Process files of any size, as many times as you want, completely free.
</p>
</details> </details>
</div> </div>
</section> </section>
@@ -411,7 +425,7 @@
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm"> <p class="text-gray-400 text-sm">
&copy; 2025 BentoPDF. All rights reserved. &copy; 2026 BentoPDF. All rights reserved.
</p> </p>
<p class="text-gray-500 text-xs mt-2"> <p class="text-gray-500 text-xs mt-2">
Version <span id="app-version"></span> Version <span id="app-version"></span>

69
src/pages/pdf-to-bmp.html
View File

@@ -8,7 +8,8 @@
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>Pdf To Bmp Online Free - Pdf To Bmp Tool | BentoPDF</title> <title>Pdf To Bmp Online Free - Pdf To Bmp Tool | BentoPDF</title>
<meta name="title" content="Pdf To Bmp Online Free - Pdf To Bmp Tool | BentoPDF"> <meta name="title" content="Pdf To Bmp Online Free - Pdf To Bmp Tool | BentoPDF">
<meta name="description" content="★ Pdf To Bmp online free - Pdf to bmp PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta name="description"
content="★ Pdf To Bmp online free - Pdf to bmp PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta name="keywords" content="pdf to bmp, pdf to bmp, online pdf"> <meta name="keywords" content="pdf to bmp, pdf to bmp, online pdf">
<meta name="author" content="BentoPDF"> <meta name="author" content="BentoPDF">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
@@ -20,7 +21,8 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://www.bentopdf.com/pdf-to-bmp"> <meta property="og:url" content="https://www.bentopdf.com/pdf-to-bmp">
<meta property="og:title" content="Pdf To Bmp Online Free - Pdf To Bmp Tool | BentoPDF"> <meta property="og:title" content="Pdf To Bmp Online Free - Pdf To Bmp Tool | BentoPDF">
<meta property="og:description" content="★ Pdf To Bmp online free - Pdf to bmp PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta property="og:description"
content="★ Pdf To Bmp online free - Pdf to bmp PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta property="og:image" content="https://www.bentopdf.com/images/og-pdf-to-bmp.png"> <meta property="og:image" content="https://www.bentopdf.com/images/og-pdf-to-bmp.png">
<meta property="og:image:width" content="1200"> <meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630"> <meta property="og:image:height" content="630">
@@ -30,7 +32,8 @@
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://www.bentopdf.com/pdf-to-bmp"> <meta name="twitter:url" content="https://www.bentopdf.com/pdf-to-bmp">
<meta name="twitter:title" content="Pdf To Bmp Free"> <meta name="twitter:title" content="Pdf To Bmp Free">
<meta name="twitter:description" content="★ Pdf To Bmp online free - Pdf to bmp PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas"> <meta name="twitter:description"
content="★ Pdf To Bmp online free - Pdf to bmp PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas">
<meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-pdf-to-bmp.png"> <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-pdf-to-bmp.png">
<meta name="twitter:site" content="@BentoPDF"> <meta name="twitter:site" content="@BentoPDF">
@@ -41,8 +44,7 @@
<title>PDF to BMP - BentoPDF</title> <title>PDF to BMP - BentoPDF</title>
<meta name="description" <meta name="description" content="Convert PDF pages to BMP images. Free, secure, and runs entirely in your browser.">
content="Convert PDF pages to BMP images. Free, secure, and runs entirely in your browser.">
<link rel="alternate" hreflang="en" href="/en/pdf-to-bmp.html" /> <link rel="alternate" hreflang="en" href="/en/pdf-to-bmp.html" />
<link rel="alternate" hreflang="de" href="/de/pdf-to-bmp.html" /> <link rel="alternate" hreflang="de" href="/de/pdf-to-bmp.html" />
@@ -85,15 +87,13 @@
class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
aria-controls="mobile-menu" aria-expanded="false"> aria-controls="mobile-menu" aria-expanded="false">
<span class="sr-only">Open main menu</span> <span class="sr-only">Open main menu</span>
<svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
d="M4 6h16M4 12h16M4 18h16" />
</svg> </svg>
<svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
d="M6 18L18 6M6 6l12 12" />
</svg> </svg>
</button> </button>
</div> </div>
@@ -119,7 +119,8 @@
<span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span> <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
</button> </button>
<h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:pdfToBmp.name">Pdf To Bmp Converter Free Online - Convert Files Fast</h1> <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:pdfToBmp.name">Pdf To Bmp Converter Free Online -
Convert Files Fast</h1>
<p class="text-gray-400 mb-6" data-i18n="tools:pdfToBmp.subtitle"> <p class="text-gray-400 mb-6" data-i18n="tools:pdfToBmp.subtitle">
Convert each page of a PDF file into a BMP image. Convert each page of a PDF file into a BMP image.
</p> </p>
@@ -128,9 +129,8 @@
class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300"> class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
<div class="flex flex-col items-center justify-center pt-5 pb-6"> <div class="flex flex-col items-center justify-center pt-5 pb-6">
<i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i> <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
<p class="mb-2 text-sm text-gray-400"><span class="font-semibold" <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to
data-i18n="upload.clickToSelect">Click to select a file</span> <span select a file</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
<p class="text-xs text-gray-500">A single PDF file</p> <p class="text-xs text-gray-500">A single PDF file</p>
<p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
device.</p> device.</p>
@@ -159,8 +159,8 @@
<div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden"> <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
<div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700"> <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
<h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
data-i18n="alert.title">Alert</h3> Alert</h3>
<p id="alert-message" class="text-gray-300 mb-6"></p> <p id="alert-message" class="text-gray-300 mb-6"></p>
<button id="alert-ok" <button id="alert-ok"
class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200"> class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
@@ -175,7 +175,8 @@
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
<div class="space-y-6"> <div class="space-y-6">
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
1 1
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -184,7 +185,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
2 2
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -193,7 +195,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
3 3
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -208,23 +211,28 @@
<section class="max-w-6xl mx-auto px-4 py-12"> <section class="max-w-6xl mx-auto px-4 py-12">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4"> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
<a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/merge-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Merge Pdf</h3> <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
<p class="text-gray-400 text-sm">Free online merge pdf tool</p> <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
</a> </a>
<a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/compress-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Compress Pdf</h3> <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
<p class="text-gray-400 text-sm">Free online compress pdf tool</p> <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
</a> </a>
<a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/split-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Split Pdf</h3> <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
<p class="text-gray-400 text-sm">Free online split pdf tool</p> <p class="text-gray-400 text-sm">Free online split pdf tool</p>
</a> </a>
<a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/edit-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Edit Pdf</h3> <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
<p class="text-gray-400 text-sm">Free online edit pdf tool</p> <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
</a> </a>
<a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/rotate-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Rotate Pdf</h3> <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
<p class="text-gray-400 text-sm">Free online rotate pdf tool</p> <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
</a> </a>
@@ -240,14 +248,16 @@
Is pdf to bmp really free? Is pdf to bmp really free?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p> <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
file processing.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Are my files private and secure? Are my files private and secure?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p> <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
device, ensuring complete privacy.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -267,7 +277,7 @@
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm"> <p class="text-gray-400 text-sm">
&copy; 2025 BentoPDF. All rights reserved. &copy; 2026 BentoPDF. All rights reserved.
</p> </p>
<p class="text-gray-500 text-xs mt-2"> <p class="text-gray-500 text-xs mt-2">
Version <span id="app-version"></span> Version <span id="app-version"></span>
@@ -318,8 +328,7 @@
title="LinkedIn"> title="LinkedIn">
<i data-lucide="linkedin"></i> <i data-lucide="linkedin"></i>
</a> </a>
<a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
title="X (Twitter)">
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path <path
d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" /> d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />

71
src/pages/pdf-to-csv.html
View File

@@ -8,7 +8,8 @@
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>Pdf To Csv Online Free - Pdf To Csv Tool | BentoPDF</title> <title>Pdf To Csv Online Free - Pdf To Csv Tool | BentoPDF</title>
<meta name="title" content="Pdf To Csv Online Free - Pdf To Csv Tool | BentoPDF"> <meta name="title" content="Pdf To Csv Online Free - Pdf To Csv Tool | BentoPDF">
<meta name="description" content="★ Pdf To Csv online free - Pdf to csv PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta name="description"
content="★ Pdf To Csv online free - Pdf to csv PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta name="keywords" content="pdf to csv, pdf to csv, online pdf"> <meta name="keywords" content="pdf to csv, pdf to csv, online pdf">
<meta name="author" content="BentoPDF"> <meta name="author" content="BentoPDF">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
@@ -20,7 +21,8 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://www.bentopdf.com/pdf-to-csv"> <meta property="og:url" content="https://www.bentopdf.com/pdf-to-csv">
<meta property="og:title" content="Pdf To Csv Online Free - Pdf To Csv Tool | BentoPDF"> <meta property="og:title" content="Pdf To Csv Online Free - Pdf To Csv Tool | BentoPDF">
<meta property="og:description" content="★ Pdf To Csv online free - Pdf to csv PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta property="og:description"
content="★ Pdf To Csv online free - Pdf to csv PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta property="og:image" content="https://www.bentopdf.com/images/og-pdf-to-csv.png"> <meta property="og:image" content="https://www.bentopdf.com/images/og-pdf-to-csv.png">
<meta property="og:image:width" content="1200"> <meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630"> <meta property="og:image:height" content="630">
@@ -30,7 +32,8 @@
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://www.bentopdf.com/pdf-to-csv"> <meta name="twitter:url" content="https://www.bentopdf.com/pdf-to-csv">
<meta name="twitter:title" content="Pdf To Csv Free"> <meta name="twitter:title" content="Pdf To Csv Free">
<meta name="twitter:description" content="★ Pdf To Csv online free - Pdf to csv PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas"> <meta name="twitter:description"
content="★ Pdf To Csv online free - Pdf to csv PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas">
<meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-pdf-to-csv.png"> <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-pdf-to-csv.png">
<meta name="twitter:site" content="@BentoPDF"> <meta name="twitter:site" content="@BentoPDF">
@@ -82,15 +85,13 @@
class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
aria-controls="mobile-menu" aria-expanded="false"> aria-controls="mobile-menu" aria-expanded="false">
<span class="sr-only">Open main menu</span> <span class="sr-only">Open main menu</span>
<svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
d="M4 6h16M4 12h16M4 18h16" />
</svg> </svg>
<svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
d="M6 18L18 6M6 6l12 12" />
</svg> </svg>
</button> </button>
</div> </div>
@@ -113,16 +114,16 @@
<i data-lucide="arrow-left" class="cursor-pointer"></i> <i data-lucide="arrow-left" class="cursor-pointer"></i>
<span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span> <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
</button> </button>
<h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:pdfToCsv.name">Pdf To Csv Converter Free Online - Convert Files Fast</h1> <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:pdfToCsv.name">Pdf To Csv Converter Free Online -
Convert Files Fast</h1>
<p class="text-gray-400 mb-6" data-i18n="tools:pdfToCsv.subtitle">Extract tables from PDF and convert to CSV <p class="text-gray-400 mb-6" data-i18n="tools:pdfToCsv.subtitle">Extract tables from PDF and convert to CSV
format.</p> format.</p>
<div id="drop-zone" <div id="drop-zone"
class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300"> class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
<div class="flex flex-col items-center justify-center pt-5 pb-6"> <div class="flex flex-col items-center justify-center pt-5 pb-6">
<i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i> <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
<p class="mb-2 text-sm text-gray-400"><span class="font-semibold" <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to
data-i18n="upload.clickToSelect">Click to select a file</span> <span select a file</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
<p class="text-xs text-gray-500">PDF file</p> <p class="text-xs text-gray-500">PDF file</p>
<p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
device.</p> device.</p>
@@ -156,7 +157,8 @@
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
<div class="space-y-6"> <div class="space-y-6">
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
1 1
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -165,7 +167,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
2 2
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -174,7 +177,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
3 3
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -189,23 +193,28 @@
<section class="max-w-6xl mx-auto px-4 py-12"> <section class="max-w-6xl mx-auto px-4 py-12">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4"> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
<a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/merge-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Merge Pdf</h3> <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
<p class="text-gray-400 text-sm">Free online merge pdf tool</p> <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
</a> </a>
<a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/compress-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Compress Pdf</h3> <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
<p class="text-gray-400 text-sm">Free online compress pdf tool</p> <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
</a> </a>
<a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/split-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Split Pdf</h3> <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
<p class="text-gray-400 text-sm">Free online split pdf tool</p> <p class="text-gray-400 text-sm">Free online split pdf tool</p>
</a> </a>
<a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/edit-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Edit Pdf</h3> <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
<p class="text-gray-400 text-sm">Free online edit pdf tool</p> <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
</a> </a>
<a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/rotate-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Rotate Pdf</h3> <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
<p class="text-gray-400 text-sm">Free online rotate pdf tool</p> <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
</a> </a>
@@ -221,14 +230,16 @@
Is pdf to csv really free? Is pdf to csv really free?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p> <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
file processing.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Are my files private and secure? Are my files private and secure?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p> <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
device, ensuring complete privacy.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -247,7 +258,7 @@
<img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" /> <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" />
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm">&copy; 2025 BentoPDF. All rights reserved.</p> <p class="text-gray-400 text-sm">&copy; 2026 BentoPDF. All rights reserved.</p>
<p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p> <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
</div> </div>
<div> <div>
@@ -270,15 +281,15 @@
<h3 class="font-bold text-white mb-4">Follow Us</h3> <h3 class="font-bold text-white mb-4">Follow Us</h3>
<div class="flex justify-center md:justify-start space-x-4"> <div class="flex justify-center md:justify-start space-x-4">
<a href="https://github.com/alam00000/bentopdf" target="_blank" rel="noopener noreferrer" <a href="https://github.com/alam00000/bentopdf" target="_blank" rel="noopener noreferrer"
class="text-gray-400 hover:text-indigo-400" title="GitHub"><svg class="w-6 h-6" class="text-gray-400 hover:text-indigo-400" title="GitHub"><svg class="w-6 h-6" fill="currentColor"
fill="currentColor" viewBox="0 0 24 24"> viewBox="0 0 24 24">
<path fill-rule="evenodd" <path fill-rule="evenodd"
d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
clip-rule="evenodd" /> clip-rule="evenodd" />
</svg></a> </svg></a>
<a href="https://discord.gg/Bgq3Ay3f2w" target="_blank" rel="noopener noreferrer" <a href="https://discord.gg/Bgq3Ay3f2w" target="_blank" rel="noopener noreferrer"
class="text-gray-400 hover:text-indigo-400" title="Discord"><svg class="w-6 h-6" class="text-gray-400 hover:text-indigo-400" title="Discord"><svg class="w-6 h-6" fill="currentColor"
fill="currentColor" viewBox="0 0 24 24"> viewBox="0 0 24 24">
<path <path
d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" /> d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
</svg></a> </svg></a>
@@ -286,8 +297,8 @@
title="Instagram"><i data-lucide="instagram"></i></a> title="Instagram"><i data-lucide="instagram"></i></a>
<a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400" <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
title="LinkedIn"><i data-lucide="linkedin"></i></a> title="LinkedIn"><i data-lucide="linkedin"></i></a>
<a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X"><svg <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X"><svg class="w-6 h-6"
class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24"> fill="currentColor" viewBox="0 0 24 24">
<path <path
d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" /> d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
</svg></a> </svg></a>

54
src/pages/pdf-to-docx.html
View File

@@ -8,7 +8,8 @@
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>PDF to Word Converter Free Online - Convert Files | BentoPDF</title> <title>PDF to Word Converter Free Online - Convert Files | BentoPDF</title>
<meta name="title" content="PDF to Word Converter Free Online - Convert Files | BentoPDF"> <meta name="title" content="PDF to Word Converter Free Online - Convert Files | BentoPDF">
<meta name="description" content="★ PDF to Word online free - Convert PDF to Word PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta name="description"
content="★ PDF to Word online free - Convert PDF to Word PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta name="keywords" content="pdf to word, pdf to docx, convert pdf to word"> <meta name="keywords" content="pdf to word, pdf to docx, convert pdf to word">
<meta name="author" content="BentoPDF"> <meta name="author" content="BentoPDF">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
@@ -20,7 +21,8 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://www.bentopdf.com/pdf-to-docx"> <meta property="og:url" content="https://www.bentopdf.com/pdf-to-docx">
<meta property="og:title" content="PDF to Word Converter Free Online - Convert Files | BentoPDF"> <meta property="og:title" content="PDF to Word Converter Free Online - Convert Files | BentoPDF">
<meta property="og:description" content="★ PDF to Word online free - Convert PDF to Word PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta property="og:description"
content="★ PDF to Word online free - Convert PDF to Word PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta property="og:image" content="https://www.bentopdf.com/images/og-pdf-to-docx.png"> <meta property="og:image" content="https://www.bentopdf.com/images/og-pdf-to-docx.png">
<meta property="og:image:width" content="1200"> <meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630"> <meta property="og:image:height" content="630">
@@ -30,7 +32,8 @@
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://www.bentopdf.com/pdf-to-docx"> <meta name="twitter:url" content="https://www.bentopdf.com/pdf-to-docx">
<meta name="twitter:title" content="PDF to Word Free"> <meta name="twitter:title" content="PDF to Word Free">
<meta name="twitter:description" content="★ PDF to Word online free - Convert PDF to Word PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in bro"> <meta name="twitter:description"
content="★ PDF to Word online free - Convert PDF to Word PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in bro">
<meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-pdf-to-docx.png"> <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-pdf-to-docx.png">
<meta name="twitter:site" content="@BentoPDF"> <meta name="twitter:site" content="@BentoPDF">
@@ -83,15 +86,13 @@
class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
aria-controls="mobile-menu" aria-expanded="false"> aria-controls="mobile-menu" aria-expanded="false">
<span class="sr-only">Open main menu</span> <span class="sr-only">Open main menu</span>
<svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
d="M4 6h16M4 12h16M4 18h16" />
</svg> </svg>
<svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
d="M6 18L18 6M6 6l12 12" />
</svg> </svg>
</button> </button>
</div> </div>
@@ -183,7 +184,8 @@
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
<div class="space-y-6"> <div class="space-y-6">
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
1 1
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -192,7 +194,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
2 2
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -201,7 +204,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
3 3
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -216,23 +220,28 @@
<section class="max-w-6xl mx-auto px-4 py-12"> <section class="max-w-6xl mx-auto px-4 py-12">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4"> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
<a href="/word-to-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/word-to-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Word To Pdf</h3> <h3 class="text-white font-semibold mb-1">Word To Pdf</h3>
<p class="text-gray-400 text-sm">Free online word to pdf tool</p> <p class="text-gray-400 text-sm">Free online word to pdf tool</p>
</a> </a>
<a href="/pdf-to-text.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/pdf-to-text.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Pdf To Text</h3> <h3 class="text-white font-semibold mb-1">Pdf To Text</h3>
<p class="text-gray-400 text-sm">Free online pdf to text tool</p> <p class="text-gray-400 text-sm">Free online pdf to text tool</p>
</a> </a>
<a href="/pdf-to-excel.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/pdf-to-excel.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Pdf To Excel</h3> <h3 class="text-white font-semibold mb-1">Pdf To Excel</h3>
<p class="text-gray-400 text-sm">Free online pdf to excel tool</p> <p class="text-gray-400 text-sm">Free online pdf to excel tool</p>
</a> </a>
<a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/edit-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Edit Pdf</h3> <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
<p class="text-gray-400 text-sm">Free online edit pdf tool</p> <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
</a> </a>
<a href="/extract-pages.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/extract-pages.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Extract Pages</h3> <h3 class="text-white font-semibold mb-1">Extract Pages</h3>
<p class="text-gray-400 text-sm">Free online extract pages tool</p> <p class="text-gray-400 text-sm">Free online extract pages tool</p>
</a> </a>
@@ -248,14 +257,16 @@
Is pdf to docx really free? Is pdf to docx really free?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p> <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
file processing.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Are my files private and secure? Are my files private and secure?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p> <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
device, ensuring complete privacy.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -275,7 +286,7 @@
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm"> <p class="text-gray-400 text-sm">
&copy; 2025 BentoPDF. All rights reserved. &copy; 2026 BentoPDF. All rights reserved.
</p> </p>
<p class="text-gray-500 text-xs mt-2"> <p class="text-gray-500 text-xs mt-2">
Version <span id="app-version"></span> Version <span id="app-version"></span>
@@ -338,8 +349,7 @@
title="LinkedIn"> title="LinkedIn">
<i data-lucide="linkedin"></i> <i data-lucide="linkedin"></i>
</a> </a>
<a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
title="X (Twitter)">
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path <path
d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" /> d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />

71
src/pages/pdf-to-excel.html
View File

@@ -8,7 +8,8 @@
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>PDF to Excel Converter Free Online - Convert Files | BentoPDF</title> <title>PDF to Excel Converter Free Online - Convert Files | BentoPDF</title>
<meta name="title" content="PDF to Excel Converter Free Online - Convert Files | BentoPDF"> <meta name="title" content="PDF to Excel Converter Free Online - Convert Files | BentoPDF">
<meta name="description" content="★ PDF to Excel online free - Convert PDF to Excel PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta name="description"
content="★ PDF to Excel online free - Convert PDF to Excel PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta name="keywords" content="pdf to excel, pdf to xlsx, convert pdf to spreadsheet"> <meta name="keywords" content="pdf to excel, pdf to xlsx, convert pdf to spreadsheet">
<meta name="author" content="BentoPDF"> <meta name="author" content="BentoPDF">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
@@ -20,7 +21,8 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://www.bentopdf.com/pdf-to-excel"> <meta property="og:url" content="https://www.bentopdf.com/pdf-to-excel">
<meta property="og:title" content="PDF to Excel Converter Free Online - Convert Files | BentoPDF"> <meta property="og:title" content="PDF to Excel Converter Free Online - Convert Files | BentoPDF">
<meta property="og:description" content="★ PDF to Excel online free - Convert PDF to Excel PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta property="og:description"
content="★ PDF to Excel online free - Convert PDF to Excel PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta property="og:image" content="https://www.bentopdf.com/images/og-pdf-to-excel.png"> <meta property="og:image" content="https://www.bentopdf.com/images/og-pdf-to-excel.png">
<meta property="og:image:width" content="1200"> <meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630"> <meta property="og:image:height" content="630">
@@ -30,7 +32,8 @@
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://www.bentopdf.com/pdf-to-excel"> <meta name="twitter:url" content="https://www.bentopdf.com/pdf-to-excel">
<meta name="twitter:title" content="PDF to Excel Free"> <meta name="twitter:title" content="PDF to Excel Free">
<meta name="twitter:description" content="★ PDF to Excel online free - Convert PDF to Excel PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in b"> <meta name="twitter:description"
content="★ PDF to Excel online free - Convert PDF to Excel PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in b">
<meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-pdf-to-excel.png"> <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-pdf-to-excel.png">
<meta name="twitter:site" content="@BentoPDF"> <meta name="twitter:site" content="@BentoPDF">
@@ -82,15 +85,13 @@
class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
aria-controls="mobile-menu" aria-expanded="false"> aria-controls="mobile-menu" aria-expanded="false">
<span class="sr-only">Open main menu</span> <span class="sr-only">Open main menu</span>
<svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
d="M4 6h16M4 12h16M4 18h16" />
</svg> </svg>
<svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
d="M6 18L18 6M6 6l12 12" />
</svg> </svg>
</button> </button>
</div> </div>
@@ -113,16 +114,16 @@
<i data-lucide="arrow-left" class="cursor-pointer"></i> <i data-lucide="arrow-left" class="cursor-pointer"></i>
<span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span> <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
</button> </button>
<h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:pdfToExcel.name">PDF to Excel Converter Free - Extract Tables</h1> <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:pdfToExcel.name">PDF to Excel Converter Free -
Extract Tables</h1>
<p class="text-gray-400 mb-6" data-i18n="tools:pdfToExcel.subtitle">Extract tables from PDF and convert to <p class="text-gray-400 mb-6" data-i18n="tools:pdfToExcel.subtitle">Extract tables from PDF and convert to
Excel (XLSX) format.</p> Excel (XLSX) format.</p>
<div id="drop-zone" <div id="drop-zone"
class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300"> class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
<div class="flex flex-col items-center justify-center pt-5 pb-6"> <div class="flex flex-col items-center justify-center pt-5 pb-6">
<i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i> <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
<p class="mb-2 text-sm text-gray-400"><span class="font-semibold" <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to
data-i18n="upload.clickToSelect">Click to select a file</span> <span select a file</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
<p class="text-xs text-gray-500">PDF file</p> <p class="text-xs text-gray-500">PDF file</p>
<p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
device.</p> device.</p>
@@ -156,7 +157,8 @@
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
<div class="space-y-6"> <div class="space-y-6">
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
1 1
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -165,7 +167,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
2 2
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -174,7 +177,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
3 3
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -189,23 +193,28 @@
<section class="max-w-6xl mx-auto px-4 py-12"> <section class="max-w-6xl mx-auto px-4 py-12">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4"> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
<a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/merge-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Merge Pdf</h3> <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
<p class="text-gray-400 text-sm">Free online merge pdf tool</p> <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
</a> </a>
<a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/compress-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Compress Pdf</h3> <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
<p class="text-gray-400 text-sm">Free online compress pdf tool</p> <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
</a> </a>
<a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/split-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Split Pdf</h3> <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
<p class="text-gray-400 text-sm">Free online split pdf tool</p> <p class="text-gray-400 text-sm">Free online split pdf tool</p>
</a> </a>
<a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/edit-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Edit Pdf</h3> <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
<p class="text-gray-400 text-sm">Free online edit pdf tool</p> <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
</a> </a>
<a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/rotate-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Rotate Pdf</h3> <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
<p class="text-gray-400 text-sm">Free online rotate pdf tool</p> <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
</a> </a>
@@ -221,14 +230,16 @@
Is pdf to excel really free? Is pdf to excel really free?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p> <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
file processing.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Are my files private and secure? Are my files private and secure?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p> <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
device, ensuring complete privacy.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -247,7 +258,7 @@
<img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" /> <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" />
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm">&copy; 2025 BentoPDF. All rights reserved.</p> <p class="text-gray-400 text-sm">&copy; 2026 BentoPDF. All rights reserved.</p>
<p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p> <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
</div> </div>
<div> <div>
@@ -270,15 +281,15 @@
<h3 class="font-bold text-white mb-4">Follow Us</h3> <h3 class="font-bold text-white mb-4">Follow Us</h3>
<div class="flex justify-center md:justify-start space-x-4"> <div class="flex justify-center md:justify-start space-x-4">
<a href="https://github.com/alam00000/bentopdf" target="_blank" rel="noopener noreferrer" <a href="https://github.com/alam00000/bentopdf" target="_blank" rel="noopener noreferrer"
class="text-gray-400 hover:text-indigo-400" title="GitHub"><svg class="w-6 h-6" class="text-gray-400 hover:text-indigo-400" title="GitHub"><svg class="w-6 h-6" fill="currentColor"
fill="currentColor" viewBox="0 0 24 24"> viewBox="0 0 24 24">
<path fill-rule="evenodd" <path fill-rule="evenodd"
d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
clip-rule="evenodd" /> clip-rule="evenodd" />
</svg></a> </svg></a>
<a href="https://discord.gg/Bgq3Ay3f2w" target="_blank" rel="noopener noreferrer" <a href="https://discord.gg/Bgq3Ay3f2w" target="_blank" rel="noopener noreferrer"
class="text-gray-400 hover:text-indigo-400" title="Discord"><svg class="w-6 h-6" class="text-gray-400 hover:text-indigo-400" title="Discord"><svg class="w-6 h-6" fill="currentColor"
fill="currentColor" viewBox="0 0 24 24"> viewBox="0 0 24 24">
<path <path
d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" /> d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
</svg></a> </svg></a>
@@ -286,8 +297,8 @@
title="Instagram"><i data-lucide="instagram"></i></a> title="Instagram"><i data-lucide="instagram"></i></a>
<a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400" <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
title="LinkedIn"><i data-lucide="linkedin"></i></a> title="LinkedIn"><i data-lucide="linkedin"></i></a>
<a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X"><svg <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X"><svg class="w-6 h-6"
class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24"> fill="currentColor" viewBox="0 0 24 24">
<path <path
d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" /> d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
</svg></a> </svg></a>

66
src/pages/pdf-to-greyscale.html
View File

@@ -8,7 +8,8 @@
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>Pdf To Greyscale Online Free - Pdf To Greyscale Tool | BentoPDF</title> <title>Pdf To Greyscale Online Free - Pdf To Greyscale Tool | BentoPDF</title>
<meta name="title" content="Pdf To Greyscale Online Free - Pdf To Greyscale Tool | BentoPDF"> <meta name="title" content="Pdf To Greyscale Online Free - Pdf To Greyscale Tool | BentoPDF">
<meta name="description" content="★ Pdf To Greyscale online free - Pdf to greyscale PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta name="description"
content="★ Pdf To Greyscale online free - Pdf to greyscale PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta name="keywords" content="pdf to greyscale, pdf to greyscale, online pdf"> <meta name="keywords" content="pdf to greyscale, pdf to greyscale, online pdf">
<meta name="author" content="BentoPDF"> <meta name="author" content="BentoPDF">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
@@ -20,7 +21,8 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://www.bentopdf.com/pdf-to-greyscale"> <meta property="og:url" content="https://www.bentopdf.com/pdf-to-greyscale">
<meta property="og:title" content="Pdf To Greyscale Online Free - Pdf To Greyscale Tool | BentoPDF"> <meta property="og:title" content="Pdf To Greyscale Online Free - Pdf To Greyscale Tool | BentoPDF">
<meta property="og:description" content="★ Pdf To Greyscale online free - Pdf to greyscale PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta property="og:description"
content="★ Pdf To Greyscale online free - Pdf to greyscale PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta property="og:image" content="https://www.bentopdf.com/images/og-pdf-to-greyscale.png"> <meta property="og:image" content="https://www.bentopdf.com/images/og-pdf-to-greyscale.png">
<meta property="og:image:width" content="1200"> <meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630"> <meta property="og:image:height" content="630">
@@ -30,7 +32,8 @@
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://www.bentopdf.com/pdf-to-greyscale"> <meta name="twitter:url" content="https://www.bentopdf.com/pdf-to-greyscale">
<meta name="twitter:title" content="Pdf To Greyscale Free"> <meta name="twitter:title" content="Pdf To Greyscale Free">
<meta name="twitter:description" content="★ Pdf To Greyscale online free - Pdf to greyscale PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in b"> <meta name="twitter:description"
content="★ Pdf To Greyscale online free - Pdf to greyscale PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in b">
<meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-pdf-to-greyscale.png"> <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-pdf-to-greyscale.png">
<meta name="twitter:site" content="@BentoPDF"> <meta name="twitter:site" content="@BentoPDF">
@@ -85,15 +88,13 @@
class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
aria-controls="mobile-menu" aria-expanded="false"> aria-controls="mobile-menu" aria-expanded="false">
<span class="sr-only">Open main menu</span> <span class="sr-only">Open main menu</span>
<svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
d="M4 6h16M4 12h16M4 18h16" />
</svg> </svg>
<svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
d="M6 18L18 6M6 6l12 12" />
</svg> </svg>
</button> </button>
</div> </div>
@@ -119,7 +120,8 @@
<span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span> <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
</button> </button>
<h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:pdfToGreyscale.name">Pdf To Greyscale Converter Free Online - Convert Files Fast</h1> <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:pdfToGreyscale.name">Pdf To Greyscale Converter
Free Online - Convert Files Fast</h1>
<p class="text-gray-400 mb-6" data-i18n="tools:pdfToGreyscale.subtitle"> <p class="text-gray-400 mb-6" data-i18n="tools:pdfToGreyscale.subtitle">
Convert all colors in a PDF to black and white. Convert all colors in a PDF to black and white.
</p> </p>
@@ -128,9 +130,8 @@
class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300"> class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
<div class="flex flex-col items-center justify-center pt-5 pb-6"> <div class="flex flex-col items-center justify-center pt-5 pb-6">
<i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i> <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
<p class="mb-2 text-sm text-gray-400"><span class="font-semibold" <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to
data-i18n="upload.clickToSelect">Click to select a file</span> <span select a file</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
<p class="text-xs text-gray-500">A single PDF file</p> <p class="text-xs text-gray-500">A single PDF file</p>
<p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
device.</p> device.</p>
@@ -159,8 +160,8 @@
<div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden"> <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
<div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700"> <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
<h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
data-i18n="alert.title">Alert</h3> Alert</h3>
<p id="alert-message" class="text-gray-300 mb-6"></p> <p id="alert-message" class="text-gray-300 mb-6"></p>
<button id="alert-ok" <button id="alert-ok"
class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200"> class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
@@ -175,7 +176,8 @@
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
<div class="space-y-6"> <div class="space-y-6">
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
1 1
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -184,7 +186,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
2 2
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -193,7 +196,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
3 3
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -208,23 +212,28 @@
<section class="max-w-6xl mx-auto px-4 py-12"> <section class="max-w-6xl mx-auto px-4 py-12">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4"> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
<a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/merge-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Merge Pdf</h3> <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
<p class="text-gray-400 text-sm">Free online merge pdf tool</p> <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
</a> </a>
<a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/compress-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Compress Pdf</h3> <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
<p class="text-gray-400 text-sm">Free online compress pdf tool</p> <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
</a> </a>
<a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/split-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Split Pdf</h3> <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
<p class="text-gray-400 text-sm">Free online split pdf tool</p> <p class="text-gray-400 text-sm">Free online split pdf tool</p>
</a> </a>
<a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/edit-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Edit Pdf</h3> <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
<p class="text-gray-400 text-sm">Free online edit pdf tool</p> <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
</a> </a>
<a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/rotate-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Rotate Pdf</h3> <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
<p class="text-gray-400 text-sm">Free online rotate pdf tool</p> <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
</a> </a>
@@ -240,14 +249,16 @@
Is pdf to greyscale really free? Is pdf to greyscale really free?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p> <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
file processing.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Are my files private and secure? Are my files private and secure?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p> <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
device, ensuring complete privacy.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -267,7 +278,7 @@
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm"> <p class="text-gray-400 text-sm">
&copy; 2025 BentoPDF. All rights reserved. &copy; 2026 BentoPDF. All rights reserved.
</p> </p>
<p class="text-gray-500 text-xs mt-2"> <p class="text-gray-500 text-xs mt-2">
Version <span id="app-version"></span> Version <span id="app-version"></span>
@@ -318,8 +329,7 @@
title="LinkedIn"> title="LinkedIn">
<i data-lucide="linkedin"></i> <i data-lucide="linkedin"></i>
</a> </a>
<a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
title="X (Twitter)">
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path <path
d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" /> d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />

75
src/pages/pdf-to-jpg.html
View File

@@ -8,7 +8,8 @@
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>PDF to JPG Converter Free Online - Convert Files | BentoPDF</title> <title>PDF to JPG Converter Free Online - Convert Files | BentoPDF</title>
<meta name="title" content="PDF to JPG Converter Free Online - Convert Files | BentoPDF"> <meta name="title" content="PDF to JPG Converter Free Online - Convert Files | BentoPDF">
<meta name="description" content="★ PDF to JPG online free - Convert PDF to JPG PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta name="description"
content="★ PDF to JPG online free - Convert PDF to JPG PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta name="keywords" content="pdf to jpg, pdf to image, pdf to jpeg, convert pdf to pictures"> <meta name="keywords" content="pdf to jpg, pdf to image, pdf to jpeg, convert pdf to pictures">
<meta name="author" content="BentoPDF"> <meta name="author" content="BentoPDF">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
@@ -20,7 +21,8 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://www.bentopdf.com/pdf-to-jpg"> <meta property="og:url" content="https://www.bentopdf.com/pdf-to-jpg">
<meta property="og:title" content="PDF to JPG Converter Free Online - Convert Files | BentoPDF"> <meta property="og:title" content="PDF to JPG Converter Free Online - Convert Files | BentoPDF">
<meta property="og:description" content="★ PDF to JPG online free - Convert PDF to JPG PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta property="og:description"
content="★ PDF to JPG online free - Convert PDF to JPG PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta property="og:image" content="https://www.bentopdf.com/images/og-pdf-to-jpg.png"> <meta property="og:image" content="https://www.bentopdf.com/images/og-pdf-to-jpg.png">
<meta property="og:image:width" content="1200"> <meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630"> <meta property="og:image:height" content="630">
@@ -30,7 +32,8 @@
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://www.bentopdf.com/pdf-to-jpg"> <meta name="twitter:url" content="https://www.bentopdf.com/pdf-to-jpg">
<meta name="twitter:title" content="PDF to JPG Free"> <meta name="twitter:title" content="PDF to JPG Free">
<meta name="twitter:description" content="★ PDF to JPG online free - Convert PDF to JPG PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in brows"> <meta name="twitter:description"
content="★ PDF to JPG online free - Convert PDF to JPG PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in brows">
<meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-pdf-to-jpg.png"> <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-pdf-to-jpg.png">
<meta name="twitter:site" content="@BentoPDF"> <meta name="twitter:site" content="@BentoPDF">
@@ -41,8 +44,7 @@
<title>PDF to JPG - BentoPDF</title> <title>PDF to JPG - BentoPDF</title>
<meta name="description" <meta name="description" content="Convert PDF pages to JPG images. Free, secure, and runs entirely in your browser.">
content="Convert PDF pages to JPG images. Free, secure, and runs entirely in your browser.">
<link rel="alternate" hreflang="en" href="/en/pdf-to-jpg.html" /> <link rel="alternate" hreflang="en" href="/en/pdf-to-jpg.html" />
<link rel="alternate" hreflang="de" href="/de/pdf-to-jpg.html" /> <link rel="alternate" hreflang="de" href="/de/pdf-to-jpg.html" />
@@ -85,15 +87,13 @@
class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
aria-controls="mobile-menu" aria-expanded="false"> aria-controls="mobile-menu" aria-expanded="false">
<span class="sr-only">Open main menu</span> <span class="sr-only">Open main menu</span>
<svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
d="M4 6h16M4 12h16M4 18h16" />
</svg> </svg>
<svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
d="M6 18L18 6M6 6l12 12" />
</svg> </svg>
</button> </button>
</div> </div>
@@ -119,7 +119,8 @@
<span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span> <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
</button> </button>
<h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:pdfToJpg.name">PDF to JPG Converter Free - Convert PDF to Images</h1> <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:pdfToJpg.name">PDF to JPG Converter Free - Convert
PDF to Images</h1>
<p class="text-gray-400 mb-6" data-i18n="tools:pdfToJpg.subtitle"> <p class="text-gray-400 mb-6" data-i18n="tools:pdfToJpg.subtitle">
Convert each page of a PDF file into a high-quality JPG image. Convert each page of a PDF file into a high-quality JPG image.
</p> </p>
@@ -128,9 +129,8 @@
class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300"> class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
<div class="flex flex-col items-center justify-center pt-5 pb-6"> <div class="flex flex-col items-center justify-center pt-5 pb-6">
<i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i> <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
<p class="mb-2 text-sm text-gray-400"><span class="font-semibold" <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to
data-i18n="upload.clickToSelect">Click to select a file</span> <span select a file</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
<p class="text-xs text-gray-500">A single PDF file</p> <p class="text-xs text-gray-500">A single PDF file</p>
<p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
device.</p> device.</p>
@@ -168,8 +168,8 @@
<div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden"> <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
<div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700"> <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
<h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
data-i18n="alert.title">Alert</h3> Alert</h3>
<p id="alert-message" class="text-gray-300 mb-6"></p> <p id="alert-message" class="text-gray-300 mb-6"></p>
<button id="alert-ok" <button id="alert-ok"
class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200"> class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
@@ -184,7 +184,8 @@
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
<div class="space-y-6"> <div class="space-y-6">
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
1 1
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -193,7 +194,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
2 2
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -202,7 +204,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
3 3
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -211,7 +214,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
4 4
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -226,23 +230,28 @@
<section class="max-w-6xl mx-auto px-4 py-12"> <section class="max-w-6xl mx-auto px-4 py-12">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4"> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
<a href="/pdf-to-png.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/pdf-to-png.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Pdf To Png</h3> <h3 class="text-white font-semibold mb-1">Pdf To Png</h3>
<p class="text-gray-400 text-sm">Free online pdf to png tool</p> <p class="text-gray-400 text-sm">Free online pdf to png tool</p>
</a> </a>
<a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/compress-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Compress Pdf</h3> <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
<p class="text-gray-400 text-sm">Free online compress pdf tool</p> <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
</a> </a>
<a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/split-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Split Pdf</h3> <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
<p class="text-gray-400 text-sm">Free online split pdf tool</p> <p class="text-gray-400 text-sm">Free online split pdf tool</p>
</a> </a>
<a href="/pdf-to-webp.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/pdf-to-webp.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Pdf To Webp</h3> <h3 class="text-white font-semibold mb-1">Pdf To Webp</h3>
<p class="text-gray-400 text-sm">Free online pdf to webp tool</p> <p class="text-gray-400 text-sm">Free online pdf to webp tool</p>
</a> </a>
<a href="/extract-images.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/extract-images.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Extract Images</h3> <h3 class="text-white font-semibold mb-1">Extract Images</h3>
<p class="text-gray-400 text-sm">Free online extract images tool</p> <p class="text-gray-400 text-sm">Free online extract images tool</p>
</a> </a>
@@ -258,21 +267,24 @@
What quality should I choose? What quality should I choose?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Use High or Maximum for print-quality images, Medium for web use, or Low to save disk space. Higher quality produces larger file sizes.</p> <p class="mt-3 text-gray-400">Use High or Maximum for print-quality images, Medium for web use, or Low to save
disk space. Higher quality produces larger file sizes.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Can I convert specific pages only? Can I convert specific pages only?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Yes! You can choose to convert all pages or select specific pages you want as JPG images.</p> <p class="mt-3 text-gray-400">Yes! You can choose to convert all pages or select specific pages you want as JPG
images.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Are the JPG files compressed? Are the JPG files compressed?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Yes, JPG is a compressed format. You control the quality level - higher quality means less compression and larger files.</p> <p class="mt-3 text-gray-400">Yes, JPG is a compressed format. You control the quality level - higher quality
means less compression and larger files.</p>
</details> </details>
</div> </div>
</section> </section>
@@ -285,7 +297,7 @@
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm"> <p class="text-gray-400 text-sm">
&copy; 2025 BentoPDF. All rights reserved. &copy; 2026 BentoPDF. All rights reserved.
</p> </p>
<p class="text-gray-500 text-xs mt-2"> <p class="text-gray-500 text-xs mt-2">
Version <span id="app-version"></span> Version <span id="app-version"></span>
@@ -336,8 +348,7 @@
title="LinkedIn"> title="LinkedIn">
<i data-lucide="linkedin"></i> <i data-lucide="linkedin"></i>
</a> </a>
<a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
title="X (Twitter)">
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path <path
d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" /> d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />

44
src/pages/pdf-to-json.html
View File

@@ -8,7 +8,8 @@
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>Pdf To Json Online Free - Pdf To Json Tool | BentoPDF</title> <title>Pdf To Json Online Free - Pdf To Json Tool | BentoPDF</title>
<meta name="title" content="Pdf To Json Online Free - Pdf To Json Tool | BentoPDF"> <meta name="title" content="Pdf To Json Online Free - Pdf To Json Tool | BentoPDF">
<meta name="description" content="★ Pdf To Json online free - Pdf to json PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta name="description"
content="★ Pdf To Json online free - Pdf to json PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta name="keywords" content="pdf to json, pdf to json, online pdf"> <meta name="keywords" content="pdf to json, pdf to json, online pdf">
<meta name="author" content="BentoPDF"> <meta name="author" content="BentoPDF">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
@@ -20,7 +21,8 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://www.bentopdf.com/pdf-to-json"> <meta property="og:url" content="https://www.bentopdf.com/pdf-to-json">
<meta property="og:title" content="Pdf To Json Online Free - Pdf To Json Tool | BentoPDF"> <meta property="og:title" content="Pdf To Json Online Free - Pdf To Json Tool | BentoPDF">
<meta property="og:description" content="★ Pdf To Json online free - Pdf to json PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta property="og:description"
content="★ Pdf To Json online free - Pdf to json PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta property="og:image" content="https://www.bentopdf.com/images/og-pdf-to-json.png"> <meta property="og:image" content="https://www.bentopdf.com/images/og-pdf-to-json.png">
<meta property="og:image:width" content="1200"> <meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630"> <meta property="og:image:height" content="630">
@@ -30,7 +32,8 @@
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://www.bentopdf.com/pdf-to-json"> <meta name="twitter:url" content="https://www.bentopdf.com/pdf-to-json">
<meta name="twitter:title" content="Pdf To Json Free"> <meta name="twitter:title" content="Pdf To Json Free">
<meta name="twitter:description" content="★ Pdf To Json online free - Pdf to json PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ F"> <meta name="twitter:description"
content="★ Pdf To Json online free - Pdf to json PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ F">
<meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-pdf-to-json.png"> <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-pdf-to-json.png">
<meta name="twitter:site" content="@BentoPDF"> <meta name="twitter:site" content="@BentoPDF">
@@ -116,7 +119,8 @@
<i data-lucide="arrow-left" class="cursor-pointer"></i> <i data-lucide="arrow-left" class="cursor-pointer"></i>
<span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span> <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
</button> </button>
<h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:pdfToJson.name">Pdf To Json Converter Free Online - Convert Files Fast</h1> <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:pdfToJson.name">Pdf To Json Converter Free Online
- Convert Files Fast</h1>
<p class="text-gray-400 mb-6" data-i18n="tools:pdfToJson.subtitle"> <p class="text-gray-400 mb-6" data-i18n="tools:pdfToJson.subtitle">
Upload multiple PDF files to convert them all to JSON format. Files will be downloaded as a ZIP archive. Upload multiple PDF files to convert them all to JSON format. Files will be downloaded as a ZIP archive.
</p> </p>
@@ -156,7 +160,8 @@
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
<div class="space-y-6"> <div class="space-y-6">
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
1 1
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -165,7 +170,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
2 2
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -174,7 +180,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
3 3
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -189,23 +196,28 @@
<section class="max-w-6xl mx-auto px-4 py-12"> <section class="max-w-6xl mx-auto px-4 py-12">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4"> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
<a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/merge-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Merge Pdf</h3> <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
<p class="text-gray-400 text-sm">Free online merge pdf tool</p> <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
</a> </a>
<a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/compress-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Compress Pdf</h3> <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
<p class="text-gray-400 text-sm">Free online compress pdf tool</p> <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
</a> </a>
<a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/split-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Split Pdf</h3> <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
<p class="text-gray-400 text-sm">Free online split pdf tool</p> <p class="text-gray-400 text-sm">Free online split pdf tool</p>
</a> </a>
<a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/edit-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Edit Pdf</h3> <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
<p class="text-gray-400 text-sm">Free online edit pdf tool</p> <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
</a> </a>
<a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/rotate-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Rotate Pdf</h3> <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
<p class="text-gray-400 text-sm">Free online rotate pdf tool</p> <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
</a> </a>
@@ -221,14 +233,16 @@
Is pdf to json really free? Is pdf to json really free?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p> <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
file processing.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Are my files private and secure? Are my files private and secure?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p> <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
device, ensuring complete privacy.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -248,7 +262,7 @@
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm"> <p class="text-gray-400 text-sm">
&copy; 2025 BentoPDF. All rights reserved. &copy; 2026 BentoPDF. All rights reserved.
</p> </p>
<p class="text-gray-500 text-xs mt-2"> <p class="text-gray-500 text-xs mt-2">
Version <span id="app-version"></span> Version <span id="app-version"></span>

51
src/pages/pdf-to-markdown.html
View File

@@ -8,7 +8,8 @@
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>Pdf To Markdown Online Free - Pdf To Markdown Tool | BentoPDF</title> <title>Pdf To Markdown Online Free - Pdf To Markdown Tool | BentoPDF</title>
<meta name="title" content="Pdf To Markdown Online Free - Pdf To Markdown Tool | BentoPDF"> <meta name="title" content="Pdf To Markdown Online Free - Pdf To Markdown Tool | BentoPDF">
<meta name="description" content="★ Pdf To Markdown online free - Pdf to markdown PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta name="description"
content="★ Pdf To Markdown online free - Pdf to markdown PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta name="keywords" content="pdf to markdown, pdf to markdown, online pdf"> <meta name="keywords" content="pdf to markdown, pdf to markdown, online pdf">
<meta name="author" content="BentoPDF"> <meta name="author" content="BentoPDF">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
@@ -20,7 +21,8 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://www.bentopdf.com/pdf-to-markdown"> <meta property="og:url" content="https://www.bentopdf.com/pdf-to-markdown">
<meta property="og:title" content="Pdf To Markdown Online Free - Pdf To Markdown Tool | BentoPDF"> <meta property="og:title" content="Pdf To Markdown Online Free - Pdf To Markdown Tool | BentoPDF">
<meta property="og:description" content="★ Pdf To Markdown online free - Pdf to markdown PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta property="og:description"
content="★ Pdf To Markdown online free - Pdf to markdown PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta property="og:image" content="https://www.bentopdf.com/images/og-pdf-to-markdown.png"> <meta property="og:image" content="https://www.bentopdf.com/images/og-pdf-to-markdown.png">
<meta property="og:image:width" content="1200"> <meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630"> <meta property="og:image:height" content="630">
@@ -30,7 +32,8 @@
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://www.bentopdf.com/pdf-to-markdown"> <meta name="twitter:url" content="https://www.bentopdf.com/pdf-to-markdown">
<meta name="twitter:title" content="Pdf To Markdown Free"> <meta name="twitter:title" content="Pdf To Markdown Free">
<meta name="twitter:description" content="★ Pdf To Markdown online free - Pdf to markdown PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in bro"> <meta name="twitter:description"
content="★ Pdf To Markdown online free - Pdf to markdown PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in bro">
<meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-pdf-to-markdown.png"> <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-pdf-to-markdown.png">
<meta name="twitter:site" content="@BentoPDF"> <meta name="twitter:site" content="@BentoPDF">
@@ -83,15 +86,13 @@
class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
aria-controls="mobile-menu" aria-expanded="false"> aria-controls="mobile-menu" aria-expanded="false">
<span class="sr-only">Open main menu</span> <span class="sr-only">Open main menu</span>
<svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
d="M4 6h16M4 12h16M4 18h16" />
</svg> </svg>
<svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
d="M6 18L18 6M6 6l12 12" />
</svg> </svg>
</button> </button>
</div> </div>
@@ -185,7 +186,8 @@
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
<div class="space-y-6"> <div class="space-y-6">
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
1 1
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -194,7 +196,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
2 2
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -203,7 +206,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
3 3
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -218,23 +222,28 @@
<section class="max-w-6xl mx-auto px-4 py-12"> <section class="max-w-6xl mx-auto px-4 py-12">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4"> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
<a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/merge-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Merge Pdf</h3> <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
<p class="text-gray-400 text-sm">Free online merge pdf tool</p> <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
</a> </a>
<a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/compress-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Compress Pdf</h3> <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
<p class="text-gray-400 text-sm">Free online compress pdf tool</p> <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
</a> </a>
<a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/split-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Split Pdf</h3> <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
<p class="text-gray-400 text-sm">Free online split pdf tool</p> <p class="text-gray-400 text-sm">Free online split pdf tool</p>
</a> </a>
<a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/edit-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Edit Pdf</h3> <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
<p class="text-gray-400 text-sm">Free online edit pdf tool</p> <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
</a> </a>
<a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/rotate-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Rotate Pdf</h3> <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
<p class="text-gray-400 text-sm">Free online rotate pdf tool</p> <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
</a> </a>
@@ -250,14 +259,16 @@
Is pdf to markdown really free? Is pdf to markdown really free?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p> <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
file processing.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Are my files private and secure? Are my files private and secure?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p> <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
device, ensuring complete privacy.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -276,7 +287,7 @@
<img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" /> <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" />
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm">&copy; 2025 BentoPDF. All rights reserved.</p> <p class="text-gray-400 text-sm">&copy; 2026 BentoPDF. All rights reserved.</p>
<p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p> <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
</div> </div>
<div> <div>

58
src/pages/pdf-to-pdfa.html
View File

@@ -8,7 +8,8 @@
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>Pdf To Pdfa Online Free - Pdf To Pdfa Tool | BentoPDF</title> <title>Pdf To Pdfa Online Free - Pdf To Pdfa Tool | BentoPDF</title>
<meta name="title" content="Pdf To Pdfa Online Free - Pdf To Pdfa Tool | BentoPDF"> <meta name="title" content="Pdf To Pdfa Online Free - Pdf To Pdfa Tool | BentoPDF">
<meta name="description" content="★ Pdf To Pdfa online free - Pdf to pdfa PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta name="description"
content="★ Pdf To Pdfa online free - Pdf to pdfa PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta name="keywords" content="pdf to pdfa, pdf to pdfa, online pdf"> <meta name="keywords" content="pdf to pdfa, pdf to pdfa, online pdf">
<meta name="author" content="BentoPDF"> <meta name="author" content="BentoPDF">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
@@ -20,7 +21,8 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://www.bentopdf.com/pdf-to-pdfa"> <meta property="og:url" content="https://www.bentopdf.com/pdf-to-pdfa">
<meta property="og:title" content="Pdf To Pdfa Online Free - Pdf To Pdfa Tool | BentoPDF"> <meta property="og:title" content="Pdf To Pdfa Online Free - Pdf To Pdfa Tool | BentoPDF">
<meta property="og:description" content="★ Pdf To Pdfa online free - Pdf to pdfa PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta property="og:description"
content="★ Pdf To Pdfa online free - Pdf to pdfa PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta property="og:image" content="https://www.bentopdf.com/images/og-pdf-to-pdfa.png"> <meta property="og:image" content="https://www.bentopdf.com/images/og-pdf-to-pdfa.png">
<meta property="og:image:width" content="1200"> <meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630"> <meta property="og:image:height" content="630">
@@ -30,7 +32,8 @@
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://www.bentopdf.com/pdf-to-pdfa"> <meta name="twitter:url" content="https://www.bentopdf.com/pdf-to-pdfa">
<meta name="twitter:title" content="Pdf To Pdfa Free"> <meta name="twitter:title" content="Pdf To Pdfa Free">
<meta name="twitter:description" content="★ Pdf To Pdfa online free - Pdf to pdfa PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ F"> <meta name="twitter:description"
content="★ Pdf To Pdfa online free - Pdf to pdfa PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ F">
<meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-pdf-to-pdfa.png"> <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-pdf-to-pdfa.png">
<meta name="twitter:site" content="@BentoPDF"> <meta name="twitter:site" content="@BentoPDF">
@@ -81,15 +84,13 @@
class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
aria-controls="mobile-menu" aria-expanded="false"> aria-controls="mobile-menu" aria-expanded="false">
<span class="sr-only">Open main menu</span> <span class="sr-only">Open main menu</span>
<svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
d="M4 6h16M4 12h16M4 18h16" />
</svg> </svg>
<svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
d="M6 18L18 6M6 6l12 12" />
</svg> </svg>
</button> </button>
</div> </div>
@@ -177,8 +178,8 @@
<!-- Alert Modal --> <!-- Alert Modal -->
<div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden"> <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
<div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700"> <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
<h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
data-i18n="alert.title">Alert</h3> Alert</h3>
<p id="alert-message" class="text-gray-300 mb-6"></p> <p id="alert-message" class="text-gray-300 mb-6"></p>
<button id="alert-ok" <button id="alert-ok"
class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200"> class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
@@ -193,7 +194,8 @@
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
<div class="space-y-6"> <div class="space-y-6">
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
1 1
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -202,7 +204,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
2 2
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -211,7 +214,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
3 3
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -226,23 +230,28 @@
<section class="max-w-6xl mx-auto px-4 py-12"> <section class="max-w-6xl mx-auto px-4 py-12">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4"> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
<a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/merge-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Merge Pdf</h3> <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
<p class="text-gray-400 text-sm">Free online merge pdf tool</p> <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
</a> </a>
<a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/compress-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Compress Pdf</h3> <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
<p class="text-gray-400 text-sm">Free online compress pdf tool</p> <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
</a> </a>
<a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/split-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Split Pdf</h3> <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
<p class="text-gray-400 text-sm">Free online split pdf tool</p> <p class="text-gray-400 text-sm">Free online split pdf tool</p>
</a> </a>
<a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/edit-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Edit Pdf</h3> <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
<p class="text-gray-400 text-sm">Free online edit pdf tool</p> <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
</a> </a>
<a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/rotate-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Rotate Pdf</h3> <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
<p class="text-gray-400 text-sm">Free online rotate pdf tool</p> <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
</a> </a>
@@ -258,14 +267,16 @@
Is pdf to pdfa really free? Is pdf to pdfa really free?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p> <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
file processing.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Are my files private and secure? Are my files private and secure?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p> <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
device, ensuring complete privacy.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -285,7 +296,7 @@
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm"> <p class="text-gray-400 text-sm">
&copy; 2025 BentoPDF. All rights reserved. &copy; 2026 BentoPDF. All rights reserved.
</p> </p>
<p class="text-gray-500 text-xs mt-2"> <p class="text-gray-500 text-xs mt-2">
Version <span id="app-version"></span> Version <span id="app-version"></span>
@@ -336,8 +347,7 @@
title="LinkedIn"> title="LinkedIn">
<i data-lucide="linkedin"></i> <i data-lucide="linkedin"></i>
</a> </a>
<a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
title="X (Twitter)">
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path <path
d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" /> d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />

69
src/pages/pdf-to-png.html
View File

@@ -8,7 +8,8 @@
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>Pdf To Png Online Free - Pdf To Png Tool | BentoPDF</title> <title>Pdf To Png Online Free - Pdf To Png Tool | BentoPDF</title>
<meta name="title" content="Pdf To Png Online Free - Pdf To Png Tool | BentoPDF"> <meta name="title" content="Pdf To Png Online Free - Pdf To Png Tool | BentoPDF">
<meta name="description" content="★ Pdf To Png online free - Pdf to png PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta name="description"
content="★ Pdf To Png online free - Pdf to png PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta name="keywords" content="pdf to png, pdf to png, online pdf"> <meta name="keywords" content="pdf to png, pdf to png, online pdf">
<meta name="author" content="BentoPDF"> <meta name="author" content="BentoPDF">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
@@ -20,7 +21,8 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://www.bentopdf.com/pdf-to-png"> <meta property="og:url" content="https://www.bentopdf.com/pdf-to-png">
<meta property="og:title" content="Pdf To Png Online Free - Pdf To Png Tool | BentoPDF"> <meta property="og:title" content="Pdf To Png Online Free - Pdf To Png Tool | BentoPDF">
<meta property="og:description" content="★ Pdf To Png online free - Pdf to png PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta property="og:description"
content="★ Pdf To Png online free - Pdf to png PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta property="og:image" content="https://www.bentopdf.com/images/og-pdf-to-png.png"> <meta property="og:image" content="https://www.bentopdf.com/images/og-pdf-to-png.png">
<meta property="og:image:width" content="1200"> <meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630"> <meta property="og:image:height" content="630">
@@ -30,7 +32,8 @@
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://www.bentopdf.com/pdf-to-png"> <meta name="twitter:url" content="https://www.bentopdf.com/pdf-to-png">
<meta name="twitter:title" content="Pdf To Png Free"> <meta name="twitter:title" content="Pdf To Png Free">
<meta name="twitter:description" content="★ Pdf To Png online free - Pdf to png PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas"> <meta name="twitter:description"
content="★ Pdf To Png online free - Pdf to png PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas">
<meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-pdf-to-png.png"> <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-pdf-to-png.png">
<meta name="twitter:site" content="@BentoPDF"> <meta name="twitter:site" content="@BentoPDF">
@@ -41,8 +44,7 @@
<title>PDF to PNG - BentoPDF</title> <title>PDF to PNG - BentoPDF</title>
<meta name="description" <meta name="description" content="Convert PDF pages to PNG images. Free, secure, and runs entirely in your browser.">
content="Convert PDF pages to PNG images. Free, secure, and runs entirely in your browser.">
<link rel="alternate" hreflang="en" href="/en/pdf-to-png.html" /> <link rel="alternate" hreflang="en" href="/en/pdf-to-png.html" />
<link rel="alternate" hreflang="de" href="/de/pdf-to-png.html" /> <link rel="alternate" hreflang="de" href="/de/pdf-to-png.html" />
@@ -85,15 +87,13 @@
class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
aria-controls="mobile-menu" aria-expanded="false"> aria-controls="mobile-menu" aria-expanded="false">
<span class="sr-only">Open main menu</span> <span class="sr-only">Open main menu</span>
<svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
d="M4 6h16M4 12h16M4 18h16" />
</svg> </svg>
<svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
d="M6 18L18 6M6 6l12 12" />
</svg> </svg>
</button> </button>
</div> </div>
@@ -119,7 +119,8 @@
<span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span> <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
</button> </button>
<h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:pdfToPng.name">PDF to PNG Converter Free - High Quality Images</h1> <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:pdfToPng.name">PDF to PNG Converter Free - High
Quality Images</h1>
<p class="text-gray-400 mb-6" data-i18n="tools:pdfToPng.subtitle"> <p class="text-gray-400 mb-6" data-i18n="tools:pdfToPng.subtitle">
Convert each page of a PDF file into a high-quality PNG image with transparency support. Convert each page of a PDF file into a high-quality PNG image with transparency support.
</p> </p>
@@ -128,9 +129,8 @@
class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300"> class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
<div class="flex flex-col items-center justify-center pt-5 pb-6"> <div class="flex flex-col items-center justify-center pt-5 pb-6">
<i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i> <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
<p class="mb-2 text-sm text-gray-400"><span class="font-semibold" <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to
data-i18n="upload.clickToSelect">Click to select a file</span> <span select a file</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
<p class="text-xs text-gray-500">A single PDF file</p> <p class="text-xs text-gray-500">A single PDF file</p>
<p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
device.</p> device.</p>
@@ -168,8 +168,8 @@
<div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden"> <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
<div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700"> <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
<h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
data-i18n="alert.title">Alert</h3> Alert</h3>
<p id="alert-message" class="text-gray-300 mb-6"></p> <p id="alert-message" class="text-gray-300 mb-6"></p>
<button id="alert-ok" <button id="alert-ok"
class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200"> class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
@@ -184,7 +184,8 @@
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
<div class="space-y-6"> <div class="space-y-6">
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
1 1
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -193,7 +194,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
2 2
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -202,7 +204,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
3 3
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -217,23 +220,28 @@
<section class="max-w-6xl mx-auto px-4 py-12"> <section class="max-w-6xl mx-auto px-4 py-12">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4"> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
<a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/merge-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Merge Pdf</h3> <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
<p class="text-gray-400 text-sm">Free online merge pdf tool</p> <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
</a> </a>
<a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/compress-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Compress Pdf</h3> <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
<p class="text-gray-400 text-sm">Free online compress pdf tool</p> <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
</a> </a>
<a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/split-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Split Pdf</h3> <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
<p class="text-gray-400 text-sm">Free online split pdf tool</p> <p class="text-gray-400 text-sm">Free online split pdf tool</p>
</a> </a>
<a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/edit-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Edit Pdf</h3> <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
<p class="text-gray-400 text-sm">Free online edit pdf tool</p> <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
</a> </a>
<a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/rotate-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Rotate Pdf</h3> <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
<p class="text-gray-400 text-sm">Free online rotate pdf tool</p> <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
</a> </a>
@@ -249,14 +257,16 @@
Is pdf to png really free? Is pdf to png really free?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p> <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
file processing.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Are my files private and secure? Are my files private and secure?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p> <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
device, ensuring complete privacy.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -276,7 +286,7 @@
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm"> <p class="text-gray-400 text-sm">
&copy; 2025 BentoPDF. All rights reserved. &copy; 2026 BentoPDF. All rights reserved.
</p> </p>
<p class="text-gray-500 text-xs mt-2"> <p class="text-gray-500 text-xs mt-2">
Version <span id="app-version"></span> Version <span id="app-version"></span>
@@ -327,8 +337,7 @@
title="LinkedIn"> title="LinkedIn">
<i data-lucide="linkedin"></i> <i data-lucide="linkedin"></i>
</a> </a>
<a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
title="X (Twitter)">
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path <path
d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" /> d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />

69
src/pages/pdf-to-svg.html
View File

@@ -8,7 +8,8 @@
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>Pdf To Svg Online Free - Pdf To Svg Tool | BentoPDF</title> <title>Pdf To Svg Online Free - Pdf To Svg Tool | BentoPDF</title>
<meta name="title" content="Pdf To Svg Online Free - Pdf To Svg Tool | BentoPDF"> <meta name="title" content="Pdf To Svg Online Free - Pdf To Svg Tool | BentoPDF">
<meta name="description" content="★ Pdf To Svg online free - Pdf to svg PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta name="description"
content="★ Pdf To Svg online free - Pdf to svg PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta name="keywords" content="pdf to svg, pdf to svg, online pdf"> <meta name="keywords" content="pdf to svg, pdf to svg, online pdf">
<meta name="author" content="BentoPDF"> <meta name="author" content="BentoPDF">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
@@ -20,7 +21,8 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://www.bentopdf.com/pdf-to-svg"> <meta property="og:url" content="https://www.bentopdf.com/pdf-to-svg">
<meta property="og:title" content="Pdf To Svg Online Free - Pdf To Svg Tool | BentoPDF"> <meta property="og:title" content="Pdf To Svg Online Free - Pdf To Svg Tool | BentoPDF">
<meta property="og:description" content="★ Pdf To Svg online free - Pdf to svg PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta property="og:description"
content="★ Pdf To Svg online free - Pdf to svg PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta property="og:image" content="https://www.bentopdf.com/images/og-pdf-to-svg.png"> <meta property="og:image" content="https://www.bentopdf.com/images/og-pdf-to-svg.png">
<meta property="og:image:width" content="1200"> <meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630"> <meta property="og:image:height" content="630">
@@ -30,7 +32,8 @@
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://www.bentopdf.com/pdf-to-svg"> <meta name="twitter:url" content="https://www.bentopdf.com/pdf-to-svg">
<meta name="twitter:title" content="Pdf To Svg Free"> <meta name="twitter:title" content="Pdf To Svg Free">
<meta name="twitter:description" content="★ Pdf To Svg online free - Pdf to svg PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas"> <meta name="twitter:description"
content="★ Pdf To Svg online free - Pdf to svg PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas">
<meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-pdf-to-svg.png"> <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-pdf-to-svg.png">
<meta name="twitter:site" content="@BentoPDF"> <meta name="twitter:site" content="@BentoPDF">
@@ -41,8 +44,7 @@
<title>PDF to SVG - BentoPDF</title> <title>PDF to SVG - BentoPDF</title>
<meta name="description" <meta name="description" content="Convert PDF pages to SVG images. Free, secure, and runs entirely in your browser.">
content="Convert PDF pages to SVG images. Free, secure, and runs entirely in your browser.">
<link rel="alternate" hreflang="en" href="/en/pdf-to-svg.html" /> <link rel="alternate" hreflang="en" href="/en/pdf-to-svg.html" />
<link rel="alternate" hreflang="de" href="/de/pdf-to-svg.html" /> <link rel="alternate" hreflang="de" href="/de/pdf-to-svg.html" />
@@ -85,15 +87,13 @@
class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
aria-controls="mobile-menu" aria-expanded="false"> aria-controls="mobile-menu" aria-expanded="false">
<span class="sr-only">Open main menu</span> <span class="sr-only">Open main menu</span>
<svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
d="M4 6h16M4 12h16M4 18h16" />
</svg> </svg>
<svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
d="M6 18L18 6M6 6l12 12" />
</svg> </svg>
</button> </button>
</div> </div>
@@ -119,7 +119,8 @@
<span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span> <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
</button> </button>
<h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:pdfToSvg.name">Pdf To Svg Converter Free Online - Convert Files Fast</h1> <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:pdfToSvg.name">Pdf To Svg Converter Free Online -
Convert Files Fast</h1>
<p class="text-gray-400 mb-6" data-i18n="tools:pdfToSvg.subtitle"> <p class="text-gray-400 mb-6" data-i18n="tools:pdfToSvg.subtitle">
Convert each page of a PDF file into a scalable vector graphic (SVG) for perfect quality at any size. Convert each page of a PDF file into a scalable vector graphic (SVG) for perfect quality at any size.
</p> </p>
@@ -128,9 +129,8 @@
class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300"> class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
<div class="flex flex-col items-center justify-center pt-5 pb-6"> <div class="flex flex-col items-center justify-center pt-5 pb-6">
<i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i> <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
<p class="mb-2 text-sm text-gray-400"><span class="font-semibold" <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to
data-i18n="upload.clickToSelect">Click to select files</span> <span select files</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
<p class="text-xs text-gray-500">PDF files</p> <p class="text-xs text-gray-500">PDF files</p>
<p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
device.</p> device.</p>
@@ -170,8 +170,8 @@
<div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden"> <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
<div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700"> <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
<h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
data-i18n="alert.title">Alert</h3> Alert</h3>
<p id="alert-message" class="text-gray-300 mb-6"></p> <p id="alert-message" class="text-gray-300 mb-6"></p>
<button id="alert-ok" <button id="alert-ok"
class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200"> class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
@@ -186,7 +186,8 @@
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
<div class="space-y-6"> <div class="space-y-6">
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
1 1
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -195,7 +196,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
2 2
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -204,7 +206,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
3 3
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -219,23 +222,28 @@
<section class="max-w-6xl mx-auto px-4 py-12"> <section class="max-w-6xl mx-auto px-4 py-12">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4"> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
<a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/merge-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Merge Pdf</h3> <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
<p class="text-gray-400 text-sm">Free online merge pdf tool</p> <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
</a> </a>
<a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/compress-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Compress Pdf</h3> <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
<p class="text-gray-400 text-sm">Free online compress pdf tool</p> <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
</a> </a>
<a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/split-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Split Pdf</h3> <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
<p class="text-gray-400 text-sm">Free online split pdf tool</p> <p class="text-gray-400 text-sm">Free online split pdf tool</p>
</a> </a>
<a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/edit-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Edit Pdf</h3> <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
<p class="text-gray-400 text-sm">Free online edit pdf tool</p> <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
</a> </a>
<a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/rotate-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Rotate Pdf</h3> <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
<p class="text-gray-400 text-sm">Free online rotate pdf tool</p> <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
</a> </a>
@@ -251,14 +259,16 @@
Is pdf to svg really free? Is pdf to svg really free?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p> <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
file processing.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Are my files private and secure? Are my files private and secure?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p> <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
device, ensuring complete privacy.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -278,7 +288,7 @@
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm"> <p class="text-gray-400 text-sm">
&copy; 2025 BentoPDF. All rights reserved. &copy; 2026 BentoPDF. All rights reserved.
</p> </p>
<p class="text-gray-500 text-xs mt-2"> <p class="text-gray-500 text-xs mt-2">
Version <span id="app-version"></span> Version <span id="app-version"></span>
@@ -329,8 +339,7 @@
title="LinkedIn"> title="LinkedIn">
<i data-lucide="linkedin"></i> <i data-lucide="linkedin"></i>
</a> </a>
<a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
title="X (Twitter)">
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path <path
d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" /> d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />

61
src/pages/pdf-to-text.html
View File

@@ -8,7 +8,8 @@
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>Pdf To Text Online Free - Pdf To Text Tool | BentoPDF</title> <title>Pdf To Text Online Free - Pdf To Text Tool | BentoPDF</title>
<meta name="title" content="Pdf To Text Online Free - Pdf To Text Tool | BentoPDF"> <meta name="title" content="Pdf To Text Online Free - Pdf To Text Tool | BentoPDF">
<meta name="description" content="★ Pdf To Text online free - Pdf to text PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta name="description"
content="★ Pdf To Text online free - Pdf to text PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta name="keywords" content="pdf to text, pdf to text, online pdf"> <meta name="keywords" content="pdf to text, pdf to text, online pdf">
<meta name="author" content="BentoPDF"> <meta name="author" content="BentoPDF">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
@@ -20,7 +21,8 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://www.bentopdf.com/pdf-to-text"> <meta property="og:url" content="https://www.bentopdf.com/pdf-to-text">
<meta property="og:title" content="Pdf To Text Online Free - Pdf To Text Tool | BentoPDF"> <meta property="og:title" content="Pdf To Text Online Free - Pdf To Text Tool | BentoPDF">
<meta property="og:description" content="★ Pdf To Text online free - Pdf to text PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta property="og:description"
content="★ Pdf To Text online free - Pdf to text PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta property="og:image" content="https://www.bentopdf.com/images/og-pdf-to-text.png"> <meta property="og:image" content="https://www.bentopdf.com/images/og-pdf-to-text.png">
<meta property="og:image:width" content="1200"> <meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630"> <meta property="og:image:height" content="630">
@@ -30,7 +32,8 @@
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://www.bentopdf.com/pdf-to-text"> <meta name="twitter:url" content="https://www.bentopdf.com/pdf-to-text">
<meta name="twitter:title" content="Pdf To Text Free"> <meta name="twitter:title" content="Pdf To Text Free">
<meta name="twitter:description" content="★ Pdf To Text online free - Pdf to text PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ F"> <meta name="twitter:description"
content="★ Pdf To Text online free - Pdf to text PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ F">
<meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-pdf-to-text.png"> <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-pdf-to-text.png">
<meta name="twitter:site" content="@BentoPDF"> <meta name="twitter:site" content="@BentoPDF">
@@ -84,15 +87,13 @@
class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
aria-controls="mobile-menu" aria-expanded="false"> aria-controls="mobile-menu" aria-expanded="false">
<span class="sr-only">Open main menu</span> <span class="sr-only">Open main menu</span>
<svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
d="M4 6h16M4 12h16M4 18h16" />
</svg> </svg>
<svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
d="M6 18L18 6M6 6l12 12" />
</svg> </svg>
</button> </button>
</div> </div>
@@ -116,15 +117,16 @@
<i data-lucide="arrow-left" class="cursor-pointer"></i> <i data-lucide="arrow-left" class="cursor-pointer"></i>
<span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span> <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
</button> </button>
<h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:pdfToText.name">PDF to Text Converter Free - Extract Text Online</h1> <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:pdfToText.name">PDF to Text Converter Free -
Extract Text Online</h1>
<p class="text-gray-400 mb-4" data-i18n="tools:pdfToText.subtitle"> <p class="text-gray-400 mb-4" data-i18n="tools:pdfToText.subtitle">
Extract all text from PDF files and save as plain text (.txt). Supports multiple files. Extract all text from PDF files and save as plain text (.txt). Supports multiple files.
</p> </p>
<div class="bg-amber-900/30 border border-amber-700/50 rounded-lg p-3 mb-6"> <div class="bg-amber-900/30 border border-amber-700/50 rounded-lg p-3 mb-6">
<p class="text-amber-200 text-sm"> <p class="text-amber-200 text-sm">
<strong>Note:</strong> This tool works ONLY with digitally created PDFs. For scanned documents or <strong>Note:</strong> This tool works ONLY with digitally created PDFs. For scanned documents or
image-based PDFs, use our <a href="/ocr-pdf.html" image-based PDFs, use our <a href="/ocr-pdf.html" class="text-indigo-400 hover:text-indigo-300 underline">OCR
class="text-indigo-400 hover:text-indigo-300 underline">OCR PDF tool</a> instead. PDF tool</a> instead.
</p> </p>
</div> </div>
@@ -192,7 +194,8 @@
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
<div class="space-y-6"> <div class="space-y-6">
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
1 1
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -201,7 +204,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
2 2
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -210,7 +214,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
3 3
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -225,23 +230,28 @@
<section class="max-w-6xl mx-auto px-4 py-12"> <section class="max-w-6xl mx-auto px-4 py-12">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4"> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
<a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/merge-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Merge Pdf</h3> <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
<p class="text-gray-400 text-sm">Free online merge pdf tool</p> <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
</a> </a>
<a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/compress-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Compress Pdf</h3> <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
<p class="text-gray-400 text-sm">Free online compress pdf tool</p> <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
</a> </a>
<a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/split-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Split Pdf</h3> <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
<p class="text-gray-400 text-sm">Free online split pdf tool</p> <p class="text-gray-400 text-sm">Free online split pdf tool</p>
</a> </a>
<a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/edit-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Edit Pdf</h3> <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
<p class="text-gray-400 text-sm">Free online edit pdf tool</p> <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
</a> </a>
<a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/rotate-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Rotate Pdf</h3> <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
<p class="text-gray-400 text-sm">Free online rotate pdf tool</p> <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
</a> </a>
@@ -257,14 +267,16 @@
Is pdf to text really free? Is pdf to text really free?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p> <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
file processing.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Are my files private and secure? Are my files private and secure?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p> <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
device, ensuring complete privacy.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -283,7 +295,7 @@
<img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" /> <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" />
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm">&copy; 2025 BentoPDF. All rights reserved.</p> <p class="text-gray-400 text-sm">&copy; 2026 BentoPDF. All rights reserved.</p>
<p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p> <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
</div> </div>
<div> <div>
@@ -324,8 +336,7 @@
title="Instagram"><i data-lucide="instagram"></i></a> title="Instagram"><i data-lucide="instagram"></i></a>
<a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400" <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
title="LinkedIn"><i data-lucide="linkedin"></i></a> title="LinkedIn"><i data-lucide="linkedin"></i></a>
<a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
title="X (Twitter)">
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path <path
d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" /> d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />

79
src/pages/pdf-to-tiff.html
View File

@@ -8,7 +8,8 @@
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>Pdf To Tiff Online Free - Pdf To Tiff Tool | BentoPDF</title> <title>Pdf To Tiff Online Free - Pdf To Tiff Tool | BentoPDF</title>
<meta name="title" content="Pdf To Tiff Online Free - Pdf To Tiff Tool | BentoPDF"> <meta name="title" content="Pdf To Tiff Online Free - Pdf To Tiff Tool | BentoPDF">
<meta name="description" content="★ Pdf To Tiff online free - Pdf to tiff PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta name="description"
content="★ Pdf To Tiff online free - Pdf to tiff PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta name="keywords" content="pdf to tiff, pdf to tiff, online pdf"> <meta name="keywords" content="pdf to tiff, pdf to tiff, online pdf">
<meta name="author" content="BentoPDF"> <meta name="author" content="BentoPDF">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
@@ -20,7 +21,8 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://www.bentopdf.com/pdf-to-tiff"> <meta property="og:url" content="https://www.bentopdf.com/pdf-to-tiff">
<meta property="og:title" content="Pdf To Tiff Online Free - Pdf To Tiff Tool | BentoPDF"> <meta property="og:title" content="Pdf To Tiff Online Free - Pdf To Tiff Tool | BentoPDF">
<meta property="og:description" content="★ Pdf To Tiff online free - Pdf to tiff PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta property="og:description"
content="★ Pdf To Tiff online free - Pdf to tiff PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta property="og:image" content="https://www.bentopdf.com/images/og-pdf-to-tiff.png"> <meta property="og:image" content="https://www.bentopdf.com/images/og-pdf-to-tiff.png">
<meta property="og:image:width" content="1200"> <meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630"> <meta property="og:image:height" content="630">
@@ -30,7 +32,8 @@
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://www.bentopdf.com/pdf-to-tiff"> <meta name="twitter:url" content="https://www.bentopdf.com/pdf-to-tiff">
<meta name="twitter:title" content="Pdf To Tiff Free"> <meta name="twitter:title" content="Pdf To Tiff Free">
<meta name="twitter:description" content="★ Pdf To Tiff online free - Pdf to tiff PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ F"> <meta name="twitter:description"
content="★ Pdf To Tiff online free - Pdf to tiff PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ F">
<meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-pdf-to-tiff.png"> <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-pdf-to-tiff.png">
<meta name="twitter:site" content="@BentoPDF"> <meta name="twitter:site" content="@BentoPDF">
@@ -41,8 +44,7 @@
<title>PDF to TIFF - BentoPDF</title> <title>PDF to TIFF - BentoPDF</title>
<meta name="description" <meta name="description" content="Convert PDF pages to TIFF images. Free, secure, and runs entirely in your browser.">
content="Convert PDF pages to TIFF images. Free, secure, and runs entirely in your browser.">
<link rel="alternate" hreflang="en" href="/en/pdf-to-tiff.html" /> <link rel="alternate" hreflang="en" href="/en/pdf-to-tiff.html" />
<link rel="alternate" hreflang="de" href="/de/pdf-to-tiff.html" /> <link rel="alternate" hreflang="de" href="/de/pdf-to-tiff.html" />
@@ -81,15 +83,13 @@
class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
aria-controls="mobile-menu" aria-expanded="false"> aria-controls="mobile-menu" aria-expanded="false">
<span class="sr-only">Open main menu</span> <span class="sr-only">Open main menu</span>
<svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
d="M4 6h16M4 12h16M4 18h16" />
</svg> </svg>
<svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
d="M6 18L18 6M6 6l12 12" />
</svg> </svg>
</button> </button>
</div> </div>
@@ -112,16 +112,16 @@
<i data-lucide="arrow-left" class="cursor-pointer"></i><span class="cursor-pointer" <i data-lucide="arrow-left" class="cursor-pointer"></i><span class="cursor-pointer"
data-i18n="tools.backToTools"> Back to Tools </span> data-i18n="tools.backToTools"> Back to Tools </span>
</button> </button>
<h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:pdfToTiff.name">Pdf To Tiff Converter Free Online - Convert Files Fast</h1> <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:pdfToTiff.name">Pdf To Tiff Converter Free Online
- Convert Files Fast</h1>
<p class="text-gray-400 mb-6" data-i18n="tools:pdfToTiff.subtitle">Convert each page of a PDF file into a <p class="text-gray-400 mb-6" data-i18n="tools:pdfToTiff.subtitle">Convert each page of a PDF file into a
TIFF image.</p> TIFF image.</p>
<div id="drop-zone" <div id="drop-zone"
class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300"> class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
<div class="flex flex-col items-center justify-center pt-5 pb-6"> <div class="flex flex-col items-center justify-center pt-5 pb-6">
<i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i> <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
<p class="mb-2 text-sm text-gray-400"><span class="font-semibold" <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to
data-i18n="upload.clickToSelect">Click to select a file</span> <span select a file</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
<p class="text-xs text-gray-500">A single PDF file</p> <p class="text-xs text-gray-500">A single PDF file</p>
<p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
device.</p> device.</p>
@@ -144,8 +144,8 @@
</div> </div>
<div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden"> <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
<div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700"> <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
<h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
data-i18n="alert.title">Alert</h3> Alert</h3>
<p id="alert-message" class="text-gray-300 mb-6"></p> <p id="alert-message" class="text-gray-300 mb-6"></p>
<button id="alert-ok" <button id="alert-ok"
class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200" class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200"
@@ -158,7 +158,8 @@
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
<div class="space-y-6"> <div class="space-y-6">
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
1 1
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -167,7 +168,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
2 2
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -176,7 +178,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
3 3
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -191,23 +194,28 @@
<section class="max-w-6xl mx-auto px-4 py-12"> <section class="max-w-6xl mx-auto px-4 py-12">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4"> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
<a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/merge-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Merge Pdf</h3> <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
<p class="text-gray-400 text-sm">Free online merge pdf tool</p> <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
</a> </a>
<a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/compress-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Compress Pdf</h3> <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
<p class="text-gray-400 text-sm">Free online compress pdf tool</p> <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
</a> </a>
<a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/split-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Split Pdf</h3> <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
<p class="text-gray-400 text-sm">Free online split pdf tool</p> <p class="text-gray-400 text-sm">Free online split pdf tool</p>
</a> </a>
<a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/edit-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Edit Pdf</h3> <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
<p class="text-gray-400 text-sm">Free online edit pdf tool</p> <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
</a> </a>
<a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/rotate-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Rotate Pdf</h3> <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
<p class="text-gray-400 text-sm">Free online rotate pdf tool</p> <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
</a> </a>
@@ -223,14 +231,16 @@
Is pdf to tiff really free? Is pdf to tiff really free?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p> <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
file processing.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Are my files private and secure? Are my files private and secure?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p> <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
device, ensuring complete privacy.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -249,7 +259,7 @@
<img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" /> <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" />
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm">&copy; 2025 BentoPDF. All rights reserved.</p> <p class="text-gray-400 text-sm">&copy; 2026 BentoPDF. All rights reserved.</p>
<p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p> <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
</div> </div>
<div> <div>
@@ -272,15 +282,15 @@
<h3 class="font-bold text-white mb-4">Follow Us</h3> <h3 class="font-bold text-white mb-4">Follow Us</h3>
<div class="flex justify-center md:justify-start space-x-4"> <div class="flex justify-center md:justify-start space-x-4">
<a href="https://github.com/alam00000/bentopdf" target="_blank" rel="noopener noreferrer" <a href="https://github.com/alam00000/bentopdf" target="_blank" rel="noopener noreferrer"
class="text-gray-400 hover:text-indigo-400" title="GitHub"><svg class="w-6 h-6" class="text-gray-400 hover:text-indigo-400" title="GitHub"><svg class="w-6 h-6" fill="currentColor"
fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> viewBox="0 0 24 24" aria-hidden="true">
<path fill-rule="evenodd" <path fill-rule="evenodd"
d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
clip-rule="evenodd" /> clip-rule="evenodd" />
</svg></a> </svg></a>
<a href="https://discord.gg/Bgq3Ay3f2w" target="_blank" rel="noopener noreferrer" <a href="https://discord.gg/Bgq3Ay3f2w" target="_blank" rel="noopener noreferrer"
class="text-gray-400 hover:text-indigo-400" title="Discord"><svg class="w-6 h-6" class="text-gray-400 hover:text-indigo-400" title="Discord"><svg class="w-6 h-6" fill="currentColor"
fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> viewBox="0 0 24 24" aria-hidden="true">
<path <path
d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" /> d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
</svg></a> </svg></a>
@@ -288,9 +298,8 @@
title="Instagram"><i data-lucide="instagram"></i></a> title="Instagram"><i data-lucide="instagram"></i></a>
<a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400" <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
title="LinkedIn"><i data-lucide="linkedin"></i></a> title="LinkedIn"><i data-lucide="linkedin"></i></a>
<a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)"><svg
title="X (Twitter)"><svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
aria-hidden="true">
<path <path
d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" /> d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
</svg></a> </svg></a>

72
src/pages/pdf-to-webp.html
View File

@@ -8,7 +8,8 @@
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>Pdf To Webp Online Free - Pdf To Webp Tool | BentoPDF</title> <title>Pdf To Webp Online Free - Pdf To Webp Tool | BentoPDF</title>
<meta name="title" content="Pdf To Webp Online Free - Pdf To Webp Tool | BentoPDF"> <meta name="title" content="Pdf To Webp Online Free - Pdf To Webp Tool | BentoPDF">
<meta name="description" content="★ Pdf To Webp online free - Pdf to webp PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta name="description"
content="★ Pdf To Webp online free - Pdf to webp PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta name="keywords" content="pdf to webp, pdf to webp, online pdf"> <meta name="keywords" content="pdf to webp, pdf to webp, online pdf">
<meta name="author" content="BentoPDF"> <meta name="author" content="BentoPDF">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
@@ -20,7 +21,8 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://www.bentopdf.com/pdf-to-webp"> <meta property="og:url" content="https://www.bentopdf.com/pdf-to-webp">
<meta property="og:title" content="Pdf To Webp Online Free - Pdf To Webp Tool | BentoPDF"> <meta property="og:title" content="Pdf To Webp Online Free - Pdf To Webp Tool | BentoPDF">
<meta property="og:description" content="★ Pdf To Webp online free - Pdf to webp PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta property="og:description"
content="★ Pdf To Webp online free - Pdf to webp PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta property="og:image" content="https://www.bentopdf.com/images/og-pdf-to-webp.png"> <meta property="og:image" content="https://www.bentopdf.com/images/og-pdf-to-webp.png">
<meta property="og:image:width" content="1200"> <meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630"> <meta property="og:image:height" content="630">
@@ -30,7 +32,8 @@
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://www.bentopdf.com/pdf-to-webp"> <meta name="twitter:url" content="https://www.bentopdf.com/pdf-to-webp">
<meta name="twitter:title" content="Pdf To Webp Free"> <meta name="twitter:title" content="Pdf To Webp Free">
<meta name="twitter:description" content="★ Pdf To Webp online free - Pdf to webp PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ F"> <meta name="twitter:description"
content="★ Pdf To Webp online free - Pdf to webp PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ F">
<meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-pdf-to-webp.png"> <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-pdf-to-webp.png">
<meta name="twitter:site" content="@BentoPDF"> <meta name="twitter:site" content="@BentoPDF">
@@ -41,8 +44,7 @@
<title>PDF to WebP - BentoPDF</title> <title>PDF to WebP - BentoPDF</title>
<meta name="description" <meta name="description" content="Convert PDF pages to WebP images. Free, secure, and runs entirely in your browser.">
content="Convert PDF pages to WebP images. Free, secure, and runs entirely in your browser.">
<link rel="alternate" hreflang="en" href="/en/pdf-to-webp.html" /> <link rel="alternate" hreflang="en" href="/en/pdf-to-webp.html" />
<link rel="alternate" hreflang="de" href="/de/pdf-to-webp.html" /> <link rel="alternate" hreflang="de" href="/de/pdf-to-webp.html" />
@@ -85,15 +87,13 @@
class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
aria-controls="mobile-menu" aria-expanded="false"> aria-controls="mobile-menu" aria-expanded="false">
<span class="sr-only">Open main menu</span> <span class="sr-only">Open main menu</span>
<svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
d="M4 6h16M4 12h16M4 18h16" />
</svg> </svg>
<svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
d="M6 18L18 6M6 6l12 12" />
</svg> </svg>
</button> </button>
</div> </div>
@@ -119,7 +119,8 @@
<span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span> <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
</button> </button>
<h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:pdfToWebp.name">Pdf To Webp Converter Free Online - Convert Files Fast</h1> <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:pdfToWebp.name">Pdf To Webp Converter Free Online
- Convert Files Fast</h1>
<p class="text-gray-400 mb-6" data-i18n="tools:pdfToWebp.subtitle"> <p class="text-gray-400 mb-6" data-i18n="tools:pdfToWebp.subtitle">
Convert each page of a PDF file into a modern WebP image format with smaller file sizes. Convert each page of a PDF file into a modern WebP image format with smaller file sizes.
</p> </p>
@@ -128,9 +129,8 @@
class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300"> class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
<div class="flex flex-col items-center justify-center pt-5 pb-6"> <div class="flex flex-col items-center justify-center pt-5 pb-6">
<i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i> <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
<p class="mb-2 text-sm text-gray-400"><span class="font-semibold" <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to
data-i18n="upload.clickToSelect">Click to select a file</span> <span select a file</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
<p class="text-xs text-gray-500">A single PDF file</p> <p class="text-xs text-gray-500">A single PDF file</p>
<p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
device.</p> device.</p>
@@ -145,8 +145,7 @@
<div class="mb-4"> <div class="mb-4">
<label for="webp-quality" class="block mb-2 text-sm font-medium text-gray-300">Image Quality</label> <label for="webp-quality" class="block mb-2 text-sm font-medium text-gray-300">Image Quality</label>
<div class="flex items-center gap-4"> <div class="flex items-center gap-4">
<input type="range" id="webp-quality" min="0.1" max="1.0" step="0.01" value="0.85" <input type="range" id="webp-quality" min="0.1" max="1.0" step="0.01" value="0.85" class="flex-1">
class="flex-1">
<span id="webp-quality-value" class="text-white font-medium w-16 text-right">85%</span> <span id="webp-quality-value" class="text-white font-medium w-16 text-right">85%</span>
</div> </div>
<p class="mt-1 text-xs text-gray-400">Higher quality = larger file size</p> <p class="mt-1 text-xs text-gray-400">Higher quality = larger file size</p>
@@ -169,8 +168,8 @@
<div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden"> <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
<div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700"> <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
<h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
data-i18n="alert.title">Alert</h3> Alert</h3>
<p id="alert-message" class="text-gray-300 mb-6"></p> <p id="alert-message" class="text-gray-300 mb-6"></p>
<button id="alert-ok" <button id="alert-ok"
class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200"> class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
@@ -185,7 +184,8 @@
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
<div class="space-y-6"> <div class="space-y-6">
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
1 1
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -194,7 +194,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
2 2
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -203,7 +204,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
3 3
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -218,23 +220,28 @@
<section class="max-w-6xl mx-auto px-4 py-12"> <section class="max-w-6xl mx-auto px-4 py-12">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4"> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
<a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/merge-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Merge Pdf</h3> <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
<p class="text-gray-400 text-sm">Free online merge pdf tool</p> <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
</a> </a>
<a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/compress-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Compress Pdf</h3> <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
<p class="text-gray-400 text-sm">Free online compress pdf tool</p> <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
</a> </a>
<a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/split-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Split Pdf</h3> <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
<p class="text-gray-400 text-sm">Free online split pdf tool</p> <p class="text-gray-400 text-sm">Free online split pdf tool</p>
</a> </a>
<a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/edit-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Edit Pdf</h3> <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
<p class="text-gray-400 text-sm">Free online edit pdf tool</p> <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
</a> </a>
<a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/rotate-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Rotate Pdf</h3> <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
<p class="text-gray-400 text-sm">Free online rotate pdf tool</p> <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
</a> </a>
@@ -250,14 +257,16 @@
Is pdf to webp really free? Is pdf to webp really free?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p> <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
file processing.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Are my files private and secure? Are my files private and secure?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p> <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
device, ensuring complete privacy.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -277,7 +286,7 @@
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm"> <p class="text-gray-400 text-sm">
&copy; 2025 BentoPDF. All rights reserved. &copy; 2026 BentoPDF. All rights reserved.
</p> </p>
<p class="text-gray-500 text-xs mt-2"> <p class="text-gray-500 text-xs mt-2">
Version <span id="app-version"></span> Version <span id="app-version"></span>
@@ -328,8 +337,7 @@
title="LinkedIn"> title="LinkedIn">
<i data-lucide="linkedin"></i> <i data-lucide="linkedin"></i>
</a> </a>
<a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
title="X (Twitter)">
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path <path
d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" /> d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />

61
src/pages/pdf-to-zip.html
View File

@@ -8,7 +8,8 @@
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>Pdf To Zip Online Free - Pdf To Zip Tool | BentoPDF</title> <title>Pdf To Zip Online Free - Pdf To Zip Tool | BentoPDF</title>
<meta name="title" content="Pdf To Zip Online Free - Pdf To Zip Tool | BentoPDF"> <meta name="title" content="Pdf To Zip Online Free - Pdf To Zip Tool | BentoPDF">
<meta name="description" content="★ Pdf To Zip online free - Pdf to zip PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta name="description"
content="★ Pdf To Zip online free - Pdf to zip PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta name="keywords" content="pdf to zip, pdf to zip, online pdf"> <meta name="keywords" content="pdf to zip, pdf to zip, online pdf">
<meta name="author" content="BentoPDF"> <meta name="author" content="BentoPDF">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
@@ -20,7 +21,8 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://www.bentopdf.com/pdf-to-zip"> <meta property="og:url" content="https://www.bentopdf.com/pdf-to-zip">
<meta property="og:title" content="Pdf To Zip Online Free - Pdf To Zip Tool | BentoPDF"> <meta property="og:title" content="Pdf To Zip Online Free - Pdf To Zip Tool | BentoPDF">
<meta property="og:description" content="★ Pdf To Zip online free - Pdf to zip PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta property="og:description"
content="★ Pdf To Zip online free - Pdf to zip PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta property="og:image" content="https://www.bentopdf.com/images/og-pdf-to-zip.png"> <meta property="og:image" content="https://www.bentopdf.com/images/og-pdf-to-zip.png">
<meta property="og:image:width" content="1200"> <meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630"> <meta property="og:image:height" content="630">
@@ -30,7 +32,8 @@
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://www.bentopdf.com/pdf-to-zip"> <meta name="twitter:url" content="https://www.bentopdf.com/pdf-to-zip">
<meta name="twitter:title" content="Pdf To Zip Free"> <meta name="twitter:title" content="Pdf To Zip Free">
<meta name="twitter:description" content="★ Pdf To Zip online free - Pdf to zip PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas"> <meta name="twitter:description"
content="★ Pdf To Zip online free - Pdf to zip PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas">
<meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-pdf-to-zip.png"> <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-pdf-to-zip.png">
<meta name="twitter:site" content="@BentoPDF"> <meta name="twitter:site" content="@BentoPDF">
@@ -81,15 +84,13 @@
class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
aria-controls="mobile-menu" aria-expanded="false"> aria-controls="mobile-menu" aria-expanded="false">
<span class="sr-only">Open main menu</span> <span class="sr-only">Open main menu</span>
<svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
d="M4 6h16M4 12h16M4 18h16" />
</svg> </svg>
<svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
d="M6 18L18 6M6 6l12 12" />
</svg> </svg>
</button> </button>
</div> </div>
@@ -114,7 +115,8 @@
<span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span> <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
</button> </button>
<h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:pdfsToZip.name">Pdf To Zip Converter Free Online - Convert Files Fast</h1> <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:pdfsToZip.name">Pdf To Zip Converter Free Online -
Convert Files Fast</h1>
<p class="text-gray-400 mb-6" data-i18n="tools:pdfsToZip.subtitle"> <p class="text-gray-400 mb-6" data-i18n="tools:pdfsToZip.subtitle">
Package multiple PDF files into a single ZIP archive for easy sharing and storage. Package multiple PDF files into a single ZIP archive for easy sharing and storage.
</p> </p>
@@ -161,8 +163,8 @@
<!-- Alert Modal --> <!-- Alert Modal -->
<div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden"> <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
<div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700"> <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
<h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
data-i18n="alert.title">Alert</h3> Alert</h3>
<p id="alert-message" class="text-gray-300 mb-6"></p> <p id="alert-message" class="text-gray-300 mb-6"></p>
<button id="alert-ok" <button id="alert-ok"
class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200"> class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
@@ -177,7 +179,8 @@
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
<div class="space-y-6"> <div class="space-y-6">
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
1 1
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -186,7 +189,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
2 2
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -195,7 +199,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
3 3
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -210,23 +215,28 @@
<section class="max-w-6xl mx-auto px-4 py-12"> <section class="max-w-6xl mx-auto px-4 py-12">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4"> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
<a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/merge-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Merge Pdf</h3> <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
<p class="text-gray-400 text-sm">Free online merge pdf tool</p> <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
</a> </a>
<a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/compress-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Compress Pdf</h3> <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
<p class="text-gray-400 text-sm">Free online compress pdf tool</p> <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
</a> </a>
<a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/split-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Split Pdf</h3> <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
<p class="text-gray-400 text-sm">Free online split pdf tool</p> <p class="text-gray-400 text-sm">Free online split pdf tool</p>
</a> </a>
<a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/edit-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Edit Pdf</h3> <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
<p class="text-gray-400 text-sm">Free online edit pdf tool</p> <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
</a> </a>
<a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/rotate-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Rotate Pdf</h3> <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
<p class="text-gray-400 text-sm">Free online rotate pdf tool</p> <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
</a> </a>
@@ -242,14 +252,16 @@
Is pdf to zip really free? Is pdf to zip really free?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p> <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
file processing.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Are my files private and secure? Are my files private and secure?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p> <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
device, ensuring complete privacy.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -268,7 +280,7 @@
<img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" /> <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" />
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm">&copy; 2025 BentoPDF. All rights reserved.</p> <p class="text-gray-400 text-sm">&copy; 2026 BentoPDF. All rights reserved.</p>
<p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p> <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
</div> </div>
<div> <div>
@@ -309,8 +321,7 @@
title="Instagram"><i data-lucide="instagram"></i></a> title="Instagram"><i data-lucide="instagram"></i></a>
<a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400" <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
title="LinkedIn"><i data-lucide="linkedin"></i></a> title="LinkedIn"><i data-lucide="linkedin"></i></a>
<a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
title="X (Twitter)">
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path <path
d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" /> d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />

73
src/pages/png-to-pdf.html
View File

@@ -8,7 +8,8 @@
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>PNG to PDF Converter Free Online - Convert Files | BentoPDF</title> <title>PNG to PDF Converter Free Online - Convert Files | BentoPDF</title>
<meta name="title" content="PNG to PDF Converter Free Online - Convert Files | BentoPDF"> <meta name="title" content="PNG to PDF Converter Free Online - Convert Files | BentoPDF">
<meta name="description" content="★ PNG to PDF online free - Convert PNG to PDF PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta name="description"
content="★ PNG to PDF online free - Convert PNG to PDF PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta name="keywords" content="png to pdf, image to pdf, convert png"> <meta name="keywords" content="png to pdf, image to pdf, convert png">
<meta name="author" content="BentoPDF"> <meta name="author" content="BentoPDF">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
@@ -20,7 +21,8 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://www.bentopdf.com/png-to-pdf"> <meta property="og:url" content="https://www.bentopdf.com/png-to-pdf">
<meta property="og:title" content="PNG to PDF Converter Free Online - Convert Files | BentoPDF"> <meta property="og:title" content="PNG to PDF Converter Free Online - Convert Files | BentoPDF">
<meta property="og:description" content="★ PNG to PDF online free - Convert PNG to PDF PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta property="og:description"
content="★ PNG to PDF online free - Convert PNG to PDF PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta property="og:image" content="https://www.bentopdf.com/images/og-png-to-pdf.png"> <meta property="og:image" content="https://www.bentopdf.com/images/og-png-to-pdf.png">
<meta property="og:image:width" content="1200"> <meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630"> <meta property="og:image:height" content="630">
@@ -30,7 +32,8 @@
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://www.bentopdf.com/png-to-pdf"> <meta name="twitter:url" content="https://www.bentopdf.com/png-to-pdf">
<meta name="twitter:title" content="PNG to PDF Free"> <meta name="twitter:title" content="PNG to PDF Free">
<meta name="twitter:description" content="★ PNG to PDF online free - Convert PNG to PDF PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in brows"> <meta name="twitter:description"
content="★ PNG to PDF online free - Convert PNG to PDF PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in brows">
<meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-png-to-pdf.png"> <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-png-to-pdf.png">
<meta name="twitter:site" content="@BentoPDF"> <meta name="twitter:site" content="@BentoPDF">
@@ -85,15 +88,13 @@
class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
aria-controls="mobile-menu" aria-expanded="false"> aria-controls="mobile-menu" aria-expanded="false">
<span class="sr-only">Open main menu</span> <span class="sr-only">Open main menu</span>
<svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
d="M4 6h16M4 12h16M4 18h16" />
</svg> </svg>
<svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
d="M6 18L18 6M6 6l12 12" />
</svg> </svg>
</button> </button>
</div> </div>
@@ -119,7 +120,8 @@
<span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span> <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
</button> </button>
<h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:pngToPdf.name">PNG to PDF Converter Free - Convert Images Fast</h1> <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:pngToPdf.name">PNG to PDF Converter Free - Convert
Images Fast</h1>
<p class="text-gray-400 mb-6" data-i18n="tools:pngToPdf.subtitle"> <p class="text-gray-400 mb-6" data-i18n="tools:pngToPdf.subtitle">
Convert one or more PNG images into a single PDF file. Convert one or more PNG images into a single PDF file.
</p> </p>
@@ -129,15 +131,14 @@
class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300"> class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
<div class="flex flex-col items-center justify-center pt-5 pb-6"> <div class="flex flex-col items-center justify-center pt-5 pb-6">
<i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i> <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
<p class="mb-2 text-sm text-gray-400"><span class="font-semibold" <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to
data-i18n="upload.clickToSelect">Click to select a file</span> <span select a file</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
<p class="text-xs text-gray-500">PNG Images</p> <p class="text-xs text-gray-500">PNG Images</p>
<p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
device.</p> device.</p>
</div> </div>
<input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer" <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer" multiple
multiple accept="image/png"> accept="image/png">
</div> </div>
<!-- Control buttons --> <!-- Control buttons -->
@@ -160,8 +161,7 @@
<div class="mb-4"> <div class="mb-4">
<label for="jpg-pdf-quality" class="block mb-2 text-sm font-medium text-gray-300"> PDF Quality <label for="jpg-pdf-quality" class="block mb-2 text-sm font-medium text-gray-300"> PDF Quality
</label> </label>
<select id="jpg-pdf-quality" <select id="jpg-pdf-quality" class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5">
class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5">
<option value="high"> High Quality (Larger file) </option> <option value="high"> High Quality (Larger file) </option>
<option value="medium" selected> Medium Quality (Balanced) </option> <option value="medium" selected> Medium Quality (Balanced) </option>
<option value="low"> Low Quality (Smaller file) </option> <option value="low"> Low Quality (Smaller file) </option>
@@ -188,8 +188,8 @@
<!-- Alert Modal --> <!-- Alert Modal -->
<div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden"> <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
<div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700"> <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
<h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
data-i18n="alert.title">Alert</h3> Alert</h3>
<p id="alert-message" class="text-gray-300 mb-6"></p> <p id="alert-message" class="text-gray-300 mb-6"></p>
<button id="alert-ok" <button id="alert-ok"
class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200"> class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
@@ -204,7 +204,8 @@
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
<div class="space-y-6"> <div class="space-y-6">
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
1 1
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -213,7 +214,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
2 2
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -222,7 +224,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
3 3
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -237,23 +240,28 @@
<section class="max-w-6xl mx-auto px-4 py-12"> <section class="max-w-6xl mx-auto px-4 py-12">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4"> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
<a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/merge-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Merge Pdf</h3> <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
<p class="text-gray-400 text-sm">Free online merge pdf tool</p> <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
</a> </a>
<a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/compress-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Compress Pdf</h3> <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
<p class="text-gray-400 text-sm">Free online compress pdf tool</p> <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
</a> </a>
<a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/split-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Split Pdf</h3> <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
<p class="text-gray-400 text-sm">Free online split pdf tool</p> <p class="text-gray-400 text-sm">Free online split pdf tool</p>
</a> </a>
<a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/edit-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Edit Pdf</h3> <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
<p class="text-gray-400 text-sm">Free online edit pdf tool</p> <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
</a> </a>
<a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/rotate-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Rotate Pdf</h3> <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
<p class="text-gray-400 text-sm">Free online rotate pdf tool</p> <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
</a> </a>
@@ -269,14 +277,16 @@
Is png to pdf really free? Is png to pdf really free?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p> <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
file processing.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Are my files private and secure? Are my files private and secure?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p> <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
device, ensuring complete privacy.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -296,7 +306,7 @@
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm"> <p class="text-gray-400 text-sm">
&copy; 2025 BentoPDF. All rights reserved. &copy; 2026 BentoPDF. All rights reserved.
</p> </p>
<p class="text-gray-500 text-xs mt-2"> <p class="text-gray-500 text-xs mt-2">
Version <span id="app-version"></span> Version <span id="app-version"></span>
@@ -359,8 +369,7 @@
title="LinkedIn"> title="LinkedIn">
<i data-lucide="linkedin"></i> <i data-lucide="linkedin"></i>
</a> </a>
<a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
title="X (Twitter)">
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path <path
d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" /> d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />

47
src/pages/posterize-pdf.html
View File

@@ -8,7 +8,8 @@
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>Posterize Pdf Online Free - Posterize Pdf Tool | BentoPDF</title> <title>Posterize Pdf Online Free - Posterize Pdf Tool | BentoPDF</title>
<meta name="title" content="Posterize Pdf Online Free - Posterize Pdf Tool | BentoPDF"> <meta name="title" content="Posterize Pdf Online Free - Posterize Pdf Tool | BentoPDF">
<meta name="description" content="★ Posterize Pdf online free - Posterize pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta name="description"
content="★ Posterize Pdf online free - Posterize pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta name="keywords" content="posterize pdf, posterize pdf, online pdf"> <meta name="keywords" content="posterize pdf, posterize pdf, online pdf">
<meta name="author" content="BentoPDF"> <meta name="author" content="BentoPDF">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
@@ -20,7 +21,8 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://www.bentopdf.com/posterize-pdf"> <meta property="og:url" content="https://www.bentopdf.com/posterize-pdf">
<meta property="og:title" content="Posterize Pdf Online Free - Posterize Pdf Tool | BentoPDF"> <meta property="og:title" content="Posterize Pdf Online Free - Posterize Pdf Tool | BentoPDF">
<meta property="og:description" content="★ Posterize Pdf online free - Posterize pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta property="og:description"
content="★ Posterize Pdf online free - Posterize pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta property="og:image" content="https://www.bentopdf.com/images/og-posterize-pdf.png"> <meta property="og:image" content="https://www.bentopdf.com/images/og-posterize-pdf.png">
<meta property="og:image:width" content="1200"> <meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630"> <meta property="og:image:height" content="630">
@@ -30,7 +32,8 @@
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://www.bentopdf.com/posterize-pdf"> <meta name="twitter:url" content="https://www.bentopdf.com/posterize-pdf">
<meta name="twitter:title" content="Posterize Pdf Free"> <meta name="twitter:title" content="Posterize Pdf Free">
<meta name="twitter:description" content="★ Posterize Pdf online free - Posterize pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser"> <meta name="twitter:description"
content="★ Posterize Pdf online free - Posterize pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser">
<meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-posterize-pdf.png"> <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-posterize-pdf.png">
<meta name="twitter:site" content="@BentoPDF"> <meta name="twitter:site" content="@BentoPDF">
@@ -114,7 +117,8 @@
<span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span> <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
</button> </button>
<h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:posterizePdf.name">Posterize Pdf Free Online - Fast & Secure</h1> <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:posterizePdf.name">Posterize Pdf Free Online
- Fast & Secure</h1>
<p class="text-gray-400 mb-6" data-i18n="tools:posterizePdf.subtitle"> <p class="text-gray-400 mb-6" data-i18n="tools:posterizePdf.subtitle">
Split pages into multiple smaller sheets to print as a poster. Navigate the preview and see the grid Split pages into multiple smaller sheets to print as a poster. Navigate the preview and see the grid
update based on your settings. update based on your settings.
@@ -295,7 +299,8 @@
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
<div class="space-y-6"> <div class="space-y-6">
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
1 1
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -304,7 +309,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
2 2
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -313,7 +319,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
3 3
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -328,23 +335,28 @@
<section class="max-w-6xl mx-auto px-4 py-12"> <section class="max-w-6xl mx-auto px-4 py-12">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4"> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
<a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/merge-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Merge Pdf</h3> <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
<p class="text-gray-400 text-sm">Free online merge pdf tool</p> <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
</a> </a>
<a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/compress-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Compress Pdf</h3> <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
<p class="text-gray-400 text-sm">Free online compress pdf tool</p> <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
</a> </a>
<a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/split-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Split Pdf</h3> <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
<p class="text-gray-400 text-sm">Free online split pdf tool</p> <p class="text-gray-400 text-sm">Free online split pdf tool</p>
</a> </a>
<a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/edit-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Edit Pdf</h3> <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
<p class="text-gray-400 text-sm">Free online edit pdf tool</p> <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
</a> </a>
<a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/rotate-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Rotate Pdf</h3> <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
<p class="text-gray-400 text-sm">Free online rotate pdf tool</p> <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
</a> </a>
@@ -360,21 +372,24 @@
Is posterize pdf really free? Is posterize pdf really free?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p> <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and
unlimited file processing.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Are my files private and secure? Are my files private and secure?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p> <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave
your device, ensuring complete privacy.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Is there a file size limit? Is there a file size limit?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">No! Process files of any size, as many times as you want, completely free.</p> <p class="mt-3 text-gray-400">No! Process files of any size, as many times as you want, completely free.
</p>
</details> </details>
</div> </div>
</section> </section>
@@ -386,7 +401,7 @@
<img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" /> <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" />
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm">&copy; 2025 BentoPDF. All rights reserved.</p> <p class="text-gray-400 text-sm">&copy; 2026 BentoPDF. All rights reserved.</p>
<p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p> <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
</div> </div>
<div> <div>

66
src/pages/powerpoint-to-pdf.html
View File

@@ -8,7 +8,8 @@
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>PowerPoint to PDF Converter Free Online - Convert Files | BentoPDF</title> <title>PowerPoint to PDF Converter Free Online - Convert Files | BentoPDF</title>
<meta name="title" content="PowerPoint to PDF Converter Free Online - Convert Files | BentoPDF"> <meta name="title" content="PowerPoint to PDF Converter Free Online - Convert Files | BentoPDF">
<meta name="description" content="★ PowerPoint to PDF online free - Convert PowerPoint to PDF PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta name="description"
content="★ PowerPoint to PDF online free - Convert PowerPoint to PDF PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta name="keywords" content="powerpoint to pdf, ppt to pdf, presentation to pdf"> <meta name="keywords" content="powerpoint to pdf, ppt to pdf, presentation to pdf">
<meta name="author" content="BentoPDF"> <meta name="author" content="BentoPDF">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
@@ -20,7 +21,8 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://www.bentopdf.com/powerpoint-to-pdf"> <meta property="og:url" content="https://www.bentopdf.com/powerpoint-to-pdf">
<meta property="og:title" content="PowerPoint to PDF Converter Free Online - Convert Files | BentoPDF"> <meta property="og:title" content="PowerPoint to PDF Converter Free Online - Convert Files | BentoPDF">
<meta property="og:description" content="★ PowerPoint to PDF online free - Convert PowerPoint to PDF PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secu"> <meta property="og:description"
content="★ PowerPoint to PDF online free - Convert PowerPoint to PDF PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secu">
<meta property="og:image" content="https://www.bentopdf.com/images/og-powerpoint-to-pdf.png"> <meta property="og:image" content="https://www.bentopdf.com/images/og-powerpoint-to-pdf.png">
<meta property="og:image:width" content="1200"> <meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630"> <meta property="og:image:height" content="630">
@@ -30,7 +32,8 @@
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://www.bentopdf.com/powerpoint-to-pdf"> <meta name="twitter:url" content="https://www.bentopdf.com/powerpoint-to-pdf">
<meta name="twitter:title" content="PowerPoint to PDF Free"> <meta name="twitter:title" content="PowerPoint to PDF Free">
<meta name="twitter:description" content="★ PowerPoint to PDF online free - Convert PowerPoint to PDF PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ "> <meta name="twitter:description"
content="★ PowerPoint to PDF online free - Convert PowerPoint to PDF PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ ">
<meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-powerpoint-to-pdf.png"> <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-powerpoint-to-pdf.png">
<meta name="twitter:site" content="@BentoPDF"> <meta name="twitter:site" content="@BentoPDF">
@@ -85,15 +88,13 @@
class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
aria-controls="mobile-menu" aria-expanded="false"> aria-controls="mobile-menu" aria-expanded="false">
<span class="sr-only">Open main menu</span> <span class="sr-only">Open main menu</span>
<svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
d="M4 6h16M4 12h16M4 18h16" />
</svg> </svg>
<svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
d="M6 18L18 6M6 6l12 12" />
</svg> </svg>
</button> </button>
</div> </div>
@@ -119,7 +120,8 @@
<span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span> <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
</button> </button>
<h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:powerpointToPdf.name">PowerPoint to PDF Converter - Convert PPT Free</h1> <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:powerpointToPdf.name">PowerPoint to PDF Converter
- Convert PPT Free</h1>
<p class="text-gray-400 mb-6" data-i18n="tools:powerpointToPdf.subtitle"> <p class="text-gray-400 mb-6" data-i18n="tools:powerpointToPdf.subtitle">
Convert PowerPoint presentations (PPTX, PPT, ODP) to PDF format. Supports multiple files. Convert PowerPoint presentations (PPTX, PPT, ODP) to PDF format. Supports multiple files.
</p> </p>
@@ -128,9 +130,8 @@
class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300"> class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
<div class="flex flex-col items-center justify-center pt-5 pb-6"> <div class="flex flex-col items-center justify-center pt-5 pb-6">
<i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i> <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
<p class="mb-2 text-sm text-gray-400"><span class="font-semibold" <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to
data-i18n="upload.clickToSelect">Click to select files</span> <span select files</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
<p class="text-xs text-gray-500" data-i18n="tools:powerpointToPdf.acceptedFormats">PPTX, PPT, ODP <p class="text-xs text-gray-500" data-i18n="tools:powerpointToPdf.acceptedFormats">PPTX, PPT, ODP
files</p> files</p>
<p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
@@ -155,8 +156,8 @@
<div id="file-display-area" class="mt-4 space-y-2"></div> <div id="file-display-area" class="mt-4 space-y-2"></div>
<div id="convert-options" class="hidden mt-6"> <div id="convert-options" class="hidden mt-6">
<button id="process-btn" class="btn-gradient w-full" <button id="process-btn" class="btn-gradient w-full" data-i18n="tools:powerpointToPdf.convertButton">Convert to
data-i18n="tools:powerpointToPdf.convertButton">Convert to PDF</button> PDF</button>
</div> </div>
</div> </div>
@@ -188,7 +189,8 @@
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
<div class="space-y-6"> <div class="space-y-6">
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
1 1
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -197,7 +199,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
2 2
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -206,7 +209,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
3 3
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -221,23 +225,28 @@
<section class="max-w-6xl mx-auto px-4 py-12"> <section class="max-w-6xl mx-auto px-4 py-12">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4"> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
<a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/merge-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Merge Pdf</h3> <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
<p class="text-gray-400 text-sm">Free online merge pdf tool</p> <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
</a> </a>
<a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/compress-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Compress Pdf</h3> <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
<p class="text-gray-400 text-sm">Free online compress pdf tool</p> <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
</a> </a>
<a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/split-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Split Pdf</h3> <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
<p class="text-gray-400 text-sm">Free online split pdf tool</p> <p class="text-gray-400 text-sm">Free online split pdf tool</p>
</a> </a>
<a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/edit-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Edit Pdf</h3> <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
<p class="text-gray-400 text-sm">Free online edit pdf tool</p> <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
</a> </a>
<a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/rotate-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Rotate Pdf</h3> <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
<p class="text-gray-400 text-sm">Free online rotate pdf tool</p> <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
</a> </a>
@@ -253,14 +262,16 @@
Is powerpoint to pdf really free? Is powerpoint to pdf really free?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p> <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
file processing.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Are my files private and secure? Are my files private and secure?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p> <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
device, ensuring complete privacy.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -280,7 +291,7 @@
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm"> <p class="text-gray-400 text-sm">
&copy; 2025 BentoPDF. All rights reserved. &copy; 2026 BentoPDF. All rights reserved.
</p> </p>
<p class="text-gray-500 text-xs mt-2"> <p class="text-gray-500 text-xs mt-2">
Version <span id="app-version"></span> Version <span id="app-version"></span>
@@ -343,8 +354,7 @@
title="LinkedIn"> title="LinkedIn">
<i data-lucide="linkedin"></i> <i data-lucide="linkedin"></i>
</a> </a>
<a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
title="X (Twitter)">
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path <path
d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" /> d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />

54
src/pages/prepare-pdf-for-ai.html
View File

@@ -8,7 +8,8 @@
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>Prepare Pdf For Ai Online Free - Prepare Pdf For Ai Tool | BentoPDF</title> <title>Prepare Pdf For Ai Online Free - Prepare Pdf For Ai Tool | BentoPDF</title>
<meta name="title" content="Prepare Pdf For Ai Online Free - Prepare Pdf For Ai Tool | BentoPDF"> <meta name="title" content="Prepare Pdf For Ai Online Free - Prepare Pdf For Ai Tool | BentoPDF">
<meta name="description" content="★ Prepare Pdf For Ai online free - Prepare pdf for ai PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta name="description"
content="★ Prepare Pdf For Ai online free - Prepare pdf for ai PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta name="keywords" content="prepare pdf for ai, prepare pdf for ai, online pdf"> <meta name="keywords" content="prepare pdf for ai, prepare pdf for ai, online pdf">
<meta name="author" content="BentoPDF"> <meta name="author" content="BentoPDF">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
@@ -20,7 +21,8 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://www.bentopdf.com/prepare-pdf-for-ai"> <meta property="og:url" content="https://www.bentopdf.com/prepare-pdf-for-ai">
<meta property="og:title" content="Prepare Pdf For Ai Online Free - Prepare Pdf For Ai Tool | BentoPDF"> <meta property="og:title" content="Prepare Pdf For Ai Online Free - Prepare Pdf For Ai Tool | BentoPDF">
<meta property="og:description" content="★ Prepare Pdf For Ai online free - Prepare pdf for ai PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta property="og:description"
content="★ Prepare Pdf For Ai online free - Prepare pdf for ai PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta property="og:image" content="https://www.bentopdf.com/images/og-prepare-pdf-for-ai.png"> <meta property="og:image" content="https://www.bentopdf.com/images/og-prepare-pdf-for-ai.png">
<meta property="og:image:width" content="1200"> <meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630"> <meta property="og:image:height" content="630">
@@ -30,7 +32,8 @@
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://www.bentopdf.com/prepare-pdf-for-ai"> <meta name="twitter:url" content="https://www.bentopdf.com/prepare-pdf-for-ai">
<meta name="twitter:title" content="Prepare Pdf For Ai Free"> <meta name="twitter:title" content="Prepare Pdf For Ai Free">
<meta name="twitter:description" content="★ Prepare Pdf For Ai online free - Prepare pdf for ai PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works "> <meta name="twitter:description"
content="★ Prepare Pdf For Ai online free - Prepare pdf for ai PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works ">
<meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-prepare-pdf-for-ai.png"> <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-prepare-pdf-for-ai.png">
<meta name="twitter:site" content="@BentoPDF"> <meta name="twitter:site" content="@BentoPDF">
@@ -81,15 +84,13 @@
class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
aria-controls="mobile-menu" aria-expanded="false"> aria-controls="mobile-menu" aria-expanded="false">
<span class="sr-only">Open main menu</span> <span class="sr-only">Open main menu</span>
<svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
d="M4 6h16M4 12h16M4 18h16" />
</svg> </svg>
<svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
d="M6 18L18 6M6 6l12 12" />
</svg> </svg>
</button> </button>
</div> </div>
@@ -192,7 +193,8 @@
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
<div class="space-y-6"> <div class="space-y-6">
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
1 1
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -201,7 +203,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
2 2
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -210,7 +213,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
3 3
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -225,23 +229,28 @@
<section class="max-w-6xl mx-auto px-4 py-12"> <section class="max-w-6xl mx-auto px-4 py-12">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4"> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
<a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/merge-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Merge Pdf</h3> <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
<p class="text-gray-400 text-sm">Free online merge pdf tool</p> <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
</a> </a>
<a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/compress-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Compress Pdf</h3> <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
<p class="text-gray-400 text-sm">Free online compress pdf tool</p> <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
</a> </a>
<a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/split-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Split Pdf</h3> <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
<p class="text-gray-400 text-sm">Free online split pdf tool</p> <p class="text-gray-400 text-sm">Free online split pdf tool</p>
</a> </a>
<a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/edit-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Edit Pdf</h3> <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
<p class="text-gray-400 text-sm">Free online edit pdf tool</p> <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
</a> </a>
<a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/rotate-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Rotate Pdf</h3> <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
<p class="text-gray-400 text-sm">Free online rotate pdf tool</p> <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
</a> </a>
@@ -257,14 +266,16 @@
Is prepare pdf for ai really free? Is prepare pdf for ai really free?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p> <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
file processing.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Are my files private and secure? Are my files private and secure?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p> <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
device, ensuring complete privacy.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -284,7 +295,7 @@
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm"> <p class="text-gray-400 text-sm">
&copy; 2025 BentoPDF. All rights reserved. &copy; 2026 BentoPDF. All rights reserved.
</p> </p>
<p class="text-gray-500 text-xs mt-2"> <p class="text-gray-500 text-xs mt-2">
Version <span id="app-version"></span> Version <span id="app-version"></span>
@@ -335,8 +346,7 @@
title="LinkedIn"> title="LinkedIn">
<i data-lucide="linkedin"></i> <i data-lucide="linkedin"></i>
</a> </a>
<a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
title="X (Twitter)">
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path <path
d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" /> d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />

57
src/pages/psd-to-pdf.html
View File

@@ -8,7 +8,8 @@
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>Psd To Pdf Online Free - Psd To Pdf Tool | BentoPDF</title> <title>Psd To Pdf Online Free - Psd To Pdf Tool | BentoPDF</title>
<meta name="title" content="Psd To Pdf Online Free - Psd To Pdf Tool | BentoPDF"> <meta name="title" content="Psd To Pdf Online Free - Psd To Pdf Tool | BentoPDF">
<meta name="description" content="★ Psd To Pdf online free - Psd to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta name="description"
content="★ Psd To Pdf online free - Psd to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta name="keywords" content="psd to pdf, psd to pdf, online pdf"> <meta name="keywords" content="psd to pdf, psd to pdf, online pdf">
<meta name="author" content="BentoPDF"> <meta name="author" content="BentoPDF">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
@@ -20,7 +21,8 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://www.bentopdf.com/psd-to-pdf"> <meta property="og:url" content="https://www.bentopdf.com/psd-to-pdf">
<meta property="og:title" content="Psd To Pdf Online Free - Psd To Pdf Tool | BentoPDF"> <meta property="og:title" content="Psd To Pdf Online Free - Psd To Pdf Tool | BentoPDF">
<meta property="og:description" content="★ Psd To Pdf online free - Psd to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta property="og:description"
content="★ Psd To Pdf online free - Psd to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta property="og:image" content="https://www.bentopdf.com/images/og-psd-to-pdf.png"> <meta property="og:image" content="https://www.bentopdf.com/images/og-psd-to-pdf.png">
<meta property="og:image:width" content="1200"> <meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630"> <meta property="og:image:height" content="630">
@@ -30,7 +32,8 @@
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://www.bentopdf.com/psd-to-pdf"> <meta name="twitter:url" content="https://www.bentopdf.com/psd-to-pdf">
<meta name="twitter:title" content="Psd To Pdf Free"> <meta name="twitter:title" content="Psd To Pdf Free">
<meta name="twitter:description" content="★ Psd To Pdf online free - Psd to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas"> <meta name="twitter:description"
content="★ Psd To Pdf online free - Psd to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas">
<meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-psd-to-pdf.png"> <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-psd-to-pdf.png">
<meta name="twitter:site" content="@BentoPDF"> <meta name="twitter:site" content="@BentoPDF">
@@ -84,15 +87,13 @@
class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
aria-controls="mobile-menu" aria-expanded="false"> aria-controls="mobile-menu" aria-expanded="false">
<span class="sr-only">Open main menu</span> <span class="sr-only">Open main menu</span>
<svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
d="M4 6h16M4 12h16M4 18h16" />
</svg> </svg>
<svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
d="M6 18L18 6M6 6l12 12" />
</svg> </svg>
</button> </button>
</div> </div>
@@ -117,7 +118,8 @@
<span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span> <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
</button> </button>
<h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:psdToPdf.name">Psd To Pdf Converter Free Online - Convert Files Fast</h1> <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:psdToPdf.name">Psd To Pdf Converter Free Online -
Convert Files Fast</h1>
<p class="text-gray-400 mb-6" data-i18n="tools:psdToPdf.subtitle"> <p class="text-gray-400 mb-6" data-i18n="tools:psdToPdf.subtitle">
Convert Adobe Photoshop (PSD) files to PDF format. Supports multiple files. Convert Adobe Photoshop (PSD) files to PDF format. Supports multiple files.
</p> </p>
@@ -177,7 +179,8 @@
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
<div class="space-y-6"> <div class="space-y-6">
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
1 1
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -186,7 +189,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
2 2
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -195,7 +199,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
3 3
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -210,23 +215,28 @@
<section class="max-w-6xl mx-auto px-4 py-12"> <section class="max-w-6xl mx-auto px-4 py-12">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4"> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
<a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/merge-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Merge Pdf</h3> <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
<p class="text-gray-400 text-sm">Free online merge pdf tool</p> <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
</a> </a>
<a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/compress-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Compress Pdf</h3> <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
<p class="text-gray-400 text-sm">Free online compress pdf tool</p> <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
</a> </a>
<a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/split-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Split Pdf</h3> <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
<p class="text-gray-400 text-sm">Free online split pdf tool</p> <p class="text-gray-400 text-sm">Free online split pdf tool</p>
</a> </a>
<a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/edit-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Edit Pdf</h3> <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
<p class="text-gray-400 text-sm">Free online edit pdf tool</p> <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
</a> </a>
<a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/rotate-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Rotate Pdf</h3> <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
<p class="text-gray-400 text-sm">Free online rotate pdf tool</p> <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
</a> </a>
@@ -242,14 +252,16 @@
Is psd to pdf really free? Is psd to pdf really free?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p> <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
file processing.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Are my files private and secure? Are my files private and secure?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p> <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
device, ensuring complete privacy.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -268,7 +280,7 @@
<img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" /> <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" />
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm">&copy; 2025 BentoPDF. All rights reserved.</p> <p class="text-gray-400 text-sm">&copy; 2026 BentoPDF. All rights reserved.</p>
<p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p> <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
</div> </div>
<div> <div>
@@ -309,8 +321,7 @@
title="Instagram"><i data-lucide="instagram"></i></a> title="Instagram"><i data-lucide="instagram"></i></a>
<a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400" <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
title="LinkedIn"><i data-lucide="linkedin"></i></a> title="LinkedIn"><i data-lucide="linkedin"></i></a>
<a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
title="X (Twitter)">
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path <path
d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" /> d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />

57
src/pages/pub-to-pdf.html
View File

@@ -8,7 +8,8 @@
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title>Pub To Pdf Online Free - Pub To Pdf Tool | BentoPDF</title> <title>Pub To Pdf Online Free - Pub To Pdf Tool | BentoPDF</title>
<meta name="title" content="Pub To Pdf Online Free - Pub To Pdf Tool | BentoPDF"> <meta name="title" content="Pub To Pdf Online Free - Pub To Pdf Tool | BentoPDF">
<meta name="description" content="★ Pub To Pdf online free - Pub to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta name="description"
content="★ Pub To Pdf online free - Pub to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta name="keywords" content="pub to pdf, pub to pdf, online pdf"> <meta name="keywords" content="pub to pdf, pub to pdf, online pdf">
<meta name="author" content="BentoPDF"> <meta name="author" content="BentoPDF">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
@@ -20,7 +21,8 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://www.bentopdf.com/pub-to-pdf"> <meta property="og:url" content="https://www.bentopdf.com/pub-to-pdf">
<meta property="og:title" content="Pub To Pdf Online Free - Pub To Pdf Tool | BentoPDF"> <meta property="og:title" content="Pub To Pdf Online Free - Pub To Pdf Tool | BentoPDF">
<meta property="og:description" content="★ Pub To Pdf online free - Pub to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"> <meta property="og:description"
content="★ Pub To Pdf online free - Pub to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
<meta property="og:image" content="https://www.bentopdf.com/images/og-pub-to-pdf.png"> <meta property="og:image" content="https://www.bentopdf.com/images/og-pub-to-pdf.png">
<meta property="og:image:width" content="1200"> <meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630"> <meta property="og:image:height" content="630">
@@ -30,7 +32,8 @@
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://www.bentopdf.com/pub-to-pdf"> <meta name="twitter:url" content="https://www.bentopdf.com/pub-to-pdf">
<meta name="twitter:title" content="Pub To Pdf Free"> <meta name="twitter:title" content="Pub To Pdf Free">
<meta name="twitter:description" content="★ Pub To Pdf online free - Pub to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas"> <meta name="twitter:description"
content="★ Pub To Pdf online free - Pub to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas">
<meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-pub-to-pdf.png"> <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-pub-to-pdf.png">
<meta name="twitter:site" content="@BentoPDF"> <meta name="twitter:site" content="@BentoPDF">
@@ -84,15 +87,13 @@
class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
aria-controls="mobile-menu" aria-expanded="false"> aria-controls="mobile-menu" aria-expanded="false">
<span class="sr-only">Open main menu</span> <span class="sr-only">Open main menu</span>
<svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
d="M4 6h16M4 12h16M4 18h16" />
</svg> </svg>
<svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
d="M6 18L18 6M6 6l12 12" />
</svg> </svg>
</button> </button>
</div> </div>
@@ -117,7 +118,8 @@
<span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span> <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
</button> </button>
<h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:pubToPdf.name">Pub To Pdf Converter Free Online - Convert Files Fast</h1> <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:pubToPdf.name">Pub To Pdf Converter Free Online -
Convert Files Fast</h1>
<p class="text-gray-400 mb-6" data-i18n="tools:pubToPdf.subtitle"> <p class="text-gray-400 mb-6" data-i18n="tools:pubToPdf.subtitle">
Convert Microsoft Publisher (PUB) files to PDF format. Supports multiple files. Convert Microsoft Publisher (PUB) files to PDF format. Supports multiple files.
</p> </p>
@@ -187,7 +189,8 @@
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
<div class="space-y-6"> <div class="space-y-6">
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
1 1
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -196,7 +199,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
2 2
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -205,7 +209,8 @@
</div> </div>
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold"> <div
class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
3 3
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -220,23 +225,28 @@
<section class="max-w-6xl mx-auto px-4 py-12"> <section class="max-w-6xl mx-auto px-4 py-12">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2> <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4"> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
<a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/merge-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Merge Pdf</h3> <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
<p class="text-gray-400 text-sm">Free online merge pdf tool</p> <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
</a> </a>
<a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/compress-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Compress Pdf</h3> <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
<p class="text-gray-400 text-sm">Free online compress pdf tool</p> <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
</a> </a>
<a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/split-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Split Pdf</h3> <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
<p class="text-gray-400 text-sm">Free online split pdf tool</p> <p class="text-gray-400 text-sm">Free online split pdf tool</p>
</a> </a>
<a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/edit-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Edit Pdf</h3> <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
<p class="text-gray-400 text-sm">Free online edit pdf tool</p> <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
</a> </a>
<a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700"> <a href="/rotate-pdf.html"
class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
<h3 class="text-white font-semibold mb-1">Rotate Pdf</h3> <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
<p class="text-gray-400 text-sm">Free online rotate pdf tool</p> <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
</a> </a>
@@ -252,14 +262,16 @@
Is pub to pdf really free? Is pub to pdf really free?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p> <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
file processing.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
Are my files private and secure? Are my files private and secure?
<i data-lucide="chevron-down" class="w-5 h-5"></i> <i data-lucide="chevron-down" class="w-5 h-5"></i>
</summary> </summary>
<p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p> <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
device, ensuring complete privacy.</p>
</details> </details>
<details class="bg-gray-800 p-5 rounded-lg border border-gray-700"> <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
<summary class="cursor-pointer font-semibold text-white flex items-center justify-between"> <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -278,7 +290,7 @@
<img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" /> <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" />
<span class="text-xl font-bold text-white">BentoPDF</span> <span class="text-xl font-bold text-white">BentoPDF</span>
</div> </div>
<p class="text-gray-400 text-sm">&copy; 2025 BentoPDF. All rights reserved.</p> <p class="text-gray-400 text-sm">&copy; 2026 BentoPDF. All rights reserved.</p>
<p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p> <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
</div> </div>
<div> <div>
@@ -319,8 +331,7 @@
title="Instagram"><i data-lucide="instagram"></i></a> title="Instagram"><i data-lucide="instagram"></i></a>
<a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400" <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
title="LinkedIn"><i data-lucide="linkedin"></i></a> title="LinkedIn"><i data-lucide="linkedin"></i></a>
<a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
title="X (Twitter)">
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path <path
d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" /> d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />

Some files were not shown because too many files have changed in this diff Show More