এইচটিএমএল মিনিফায়ার

এই টুল সম্পর্কে

আপনার একটি HTML ফাইল আছে। এটি কাজ করে। এটি কার্যকর। কিন্তু এটি কিছুটা বড়—হয়তো অপ্রয়োজনীয় স্পেস, মন্তব্য এবং লাইন ব্রেকের কারণে ফুলে উঠেছে। এখানেই HTML মিনিফায়ারের ভূমিকা পালন করে। এটিকে একজন ডিজিটাল মারি কোন্ডোর মতো ভাবুন: এটি আপনার কোডটি পরিষ্কার করে, প্রয়োজনীয় অংশগুলো রাখে এবং বাকিগুলো বাদ দেয়। কোনো অতিরিক্ত জিনিস নয়। শুধুমাত্র আরও পরিষ্কার, হালকা HTML যা দ্রুত লোড হয় এবং কম জায়গা নেয়। আমি বছরখানেক ধরে এই ধরনের অনেক টুল ব্যবহার করেছি—কয়েকটি ভালো, কয়েকটি মোটামুটি। সেরা টুলগুলো শুধু স্পেস বাদ দেয় না। এগুলো জানে কখন কিছু অক্ষুণ্ণ রাখতে হবে, যেমন
 ট্যাগের ভিতরে বা ইনলাইন স্ক্রিপ্টে। এগুলো বুদ্ধিমান, আক্রমণাত্মক নয়। এবং সত্যি কথা বলছি? একবার নিয়মিত ব্যবহার শুরু করলে, আপনি ভাববেন কীভাবে এটি ছাড়া বেঁচে ছিলেন।প্রধান বৈশিষ্ট্যগুলো
 অপ্রয়োজনীয় স্পেস, লাইন ব্রেক এবং ইন্ডেন্টেশন সরিয়ে দেয়—আপনার লেআউট ভেঙে না দিয়ে।
 HTML মন্তব্যগুলো সরিয়ে দেয় (শর্তযুক্ত মন্তব্য ছাড়া, যদি আপনি চান)।
 ঐচ্ছিকভাবে বুলিয়ান অ্যাট্রিবিউটগুলো সংক্ষিপ্ত করে—disabled="disabled" কে শুধুমাত্র disabled এ পরিণত করে।
 স্টাইল এবং স্ক্রিপ্ট ট্যাগের ভিতরে ইনলাইন CSS এবং JavaScript মিনিফাই করে (যদি সক্রিয় করা থাকে)।
 , </code> এবং অন্যান্য স্পেস-সংবেদনশীল ট্যাগের ভিতরের কন্টেন্ট সংরক্ষণ করে।</li> <li>পূর্ণ ডকুমেন্ট বা আংশিক স্নিপেটেও কাজ করে—দ্রুত ফিক্স বা বিল্ড পাইপলাইনের জন্য আদর্শ।</li> <li>সাধারণত প্রিভিউ বা ডিফ ভিউ অফার করে, যাতে কমিট করার আগে কী পরিবর্তন হয়েছে তা দেখা যায়।</li></ul><h2>প্রায়শই জিজ্ঞাসিত প্রশ্নাবলী (FAQ)</h2><p><strong>মিনিফাই করলে কি আমার ওয়েবসাইট ভেঙে যাবে?</strong><br>যদি আপনি একটি ভালো টুল ব্যবহার করেন তবে নয়। বেশিরভাগ আধুনিক মিনিফায়ার সাবধান। এগুলো <code><pre></code> ব্লকের মতো স্পেসের প্রয়োজন এমন কন্টেন্ট ছাড়া অন্য কিছুই ছুঁয়ে দেয় না। কিন্তু মিনিফাই করার পর সর্বদা পরীক্ষা করুন—বিশেষ করে যদি আপনি প্রোডাকশনে এটি করেন। একটি দ্রুত স্থানীয় পরীক্ষা পরে ঝামেলা এড়ায়।</p><p><strong>মিনিফাইড HTML কি আবার পড়া যাবে?</strong><br>না। এবং এটাই লক্ষ্য। এটি মানুষের পড়ার জন্য নয়—এটি ব্রাউজারকে দ্রুত পার্স করার জন্য তৈরি। যদি আপনার ডিবাগ করার প্রয়োজন হয়, আপনার রিপোজিটরিতে একটি পরিষ্কার সংস্করণ রাখুন। শুধুমাত্র ডেপ্লয়মেন্ট বা পারফরম্যান্স-গুরুত্বপূর্ণ পৃষ্ঠাগুলোর জন্য মিনিফাই করুন।</p> </div> <!-- Ad Banner After Content --> <!-- Social Share --> <div class="social-share text-center mt-5" style="padding-top: 30px; border-top: 1px solid #e2e8f0;"> <div class="share-icons relative gap-2 d-flex justify-content-center" style="gap: 12px;"> <a href="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2F3tools.shop%2Fbn%2F%25E0%25A6%258F%25E0%25A6%2587%25E0%25A6%259A%25E0%25A6%259F%25E0%25A6%25BF%25E0%25A6%258F%25E0%25A6%25AE%25E0%25A6%258F%25E0%25A6%25B2-%25E0%25A6%25AE%25E0%25A6%25BF%25E0%25A6%25A8%25E0%25A6%25BF%25E0%25A6%25AB%25E0%25A6%25BE%25E0%25A6%25AF%25E0%25A6%25BC%25E0%25A6%25BE%25E0%25A6%25B0" target="_blank" class="btn btn-primary btn-icon-only rounded-circle" style="width: 45px; height: 45px; display: flex; align-items: center; justify-content: center;"><i class="fab fa-facebook-f"></i></a> <a href="https://twitter.com/intent/tweet?url=http%3A%2F%2F3tools.shop%2Fbn%2F%25E0%25A6%258F%25E0%25A6%2587%25E0%25A6%259A%25E0%25A6%259F%25E0%25A6%25BF%25E0%25A6%258F%25E0%25A6%25AE%25E0%25A6%258F%25E0%25A6%25B2-%25E0%25A6%25AE%25E0%25A6%25BF%25E0%25A6%25A8%25E0%25A6%25BF%25E0%25A6%25AB%25E0%25A6%25BE%25E0%25A6%25AF%25E0%25A6%25BC%25E0%25A6%25BE%25E0%25A6%25B0&text=%E0%A6%8F%E0%A6%87%E0%A6%9A%E0%A6%9F%E0%A6%BF%E0%A6%8F%E0%A6%AE%E0%A6%8F%E0%A6%B2+%E0%A6%AE%E0%A6%BF%E0%A6%A8%E0%A6%BF%E0%A6%AB%E0%A6%BE%E0%A6%AF%E0%A6%BC%E0%A6%BE%E0%A6%B0" target="_blank" class="btn btn-info btn-icon-only rounded-circle text-white" style="width: 45px; height: 45px; display: flex; align-items: center; justify-content: center;"><i class="fab fa-twitter"></i></a> <a href="https://wa.me/?text=%E0%A6%8F%E0%A6%87%E0%A6%9A%E0%A6%9F%E0%A6%BF%E0%A6%8F%E0%A6%AE%E0%A6%8F%E0%A6%B2+%E0%A6%AE%E0%A6%BF%E0%A6%A8%E0%A6%BF%E0%A6%AB%E0%A6%BE%E0%A6%AF%E0%A6%BC%E0%A6%BE%E0%A6%B0+http%3A%2F%2F3tools.shop%2Fbn%2F%25E0%25A6%258F%25E0%25A6%2587%25E0%25A6%259A%25E0%25A6%259F%25E0%25A6%25BF%25E0%25A6%258F%25E0%25A6%25AE%25E0%25A6%258F%25E0%25A6%25B2-%25E0%25A6%25AE%25E0%25A6%25BF%25E0%25A6%25A8%25E0%25A6%25BF%25E0%25A6%25AB%25E0%25A6%25BE%25E0%25A6%25AF%25E0%25A6%25BC%25E0%25A6%25BE%25E0%25A6%25B0" target="_blank" class="btn btn-success btn-icon-only rounded-circle" style="width: 45px; height: 45px; display: flex; align-items: center; justify-content: center;"><i class="fab fa-whatsapp"></i></a> </div> </div> </div> </section> </div> </div></div><footer class="footer bg-white pt-5 pb-3 mt-5 border-top"> <div class="container"> <!-- Footer Ad --> <div class="row gx-4"> <!-- About Column --> <div class="col-lg-3 col-md-6 mb-4"> <h5 class="fw-bold mb-3">3WEBTOOL – ফ্রি ওয়েব, এসইও, ইমেজ এবং ডেভেলপার টুলস</h5> <p class="text-muted small">3WEBTOOL হল একটি শক্তিশালী ফ্রি অনলাইন প্ল্যাটফর্ম যেখানে আপনি SEO টুলস, ইমেজ কম্প্রেশন, টেক্সট টুলস, ডেভেলপার ইউটিলিটিজ, কনভার্টার এবং ডিজিটাল ওয়েব টুলস ব্যবহার করতে পারবেন। ব্লগারদের, ডেভেলপারদের এবং ডিজিটাল মার্কেটারদের জন্য দ্রুত, নিরাপদ এবং 100% ফ্রি ওয়েব টুলস।</p> <div class="social-links mt-3"> <a href="#" class="text-muted me-3" aria-label="Facebook"><i class="fab fa-facebook fa-lg"></i></a> <a href="#" class="text-muted me-3" aria-label="Twitter"><i class="fab fa-twitter fa-lg"></i></a> <a href="#" class="text-muted me-3" aria-label="Instagram"><i class="fab fa-instagram fa-lg"></i></a> </div> </div> <!-- Tools Category Column --> <div class="col-lg-2 col-md-6 mb-4"> <h6 class="fw-bold mb-3"><span>টুলস ক্যাটাগরি</span></h6> <ul class="list-unstyled small"> <li class="mb-2"> <a href="https://3tools.shop/bn/category/%E0%A6%9F%E0%A7%87%E0%A6%95%E0%A7%8D%E0%A6%B8%E0%A6%9F-%E0%A6%9F%E0%A7%81%E0%A6%B2%E0%A6%B8" class="text-muted text-decoration-none"> টেক্সট টুলস </a> </li> <li class="mb-2"> <a href="https://3tools.shop/bn/category/span%E0%A6%87%E0%A6%89%E0%A6%9F%E0%A6%BF%E0%A6%89%E0%A6%AC-%E0%A6%9F%E0%A7%81%E0%A6%B2%E0%A6%B8%2Fspan" class="text-muted text-decoration-none"> <span>ইউটিউব টুলস</span> </a> </li> <li class="mb-2"> <a href="https://3tools.shop/bn/category/p%E0%A6%8F%E0%A6%B8%E0%A6%87%E0%A6%93-%E0%A6%9F%E0%A7%81%E0%A6%B2%E0%A6%B8%2Fp" class="text-muted text-decoration-none"> <p>এসইও টুলস</p> </a> </li> <li class="mb-2"> <a href="https://3tools.shop/bn/category/%E0%A6%A1%E0%A7%8B%E0%A6%AE%E0%A7%87%E0%A6%A8-%E0%A6%93-%E0%A6%86%E0%A6%87%E0%A6%AA%E0%A6%BF-%E0%A6%9F%E0%A7%81%E0%A6%B2%E0%A6%B8" class="text-muted text-decoration-none"> ডোমেন ও আইপি টুলস </a> </li> <li class="mb-2"> <a href="https://3tools.shop/bn/category/p%E0%A6%93%E0%A6%AF%E0%A6%BC%E0%A7%87%E0%A6%AC%E0%A6%B8%E0%A6%BE%E0%A6%87%E0%A6%9F-%E0%A6%AE%E0%A7%8D%E0%A6%AF%E0%A6%BE%E0%A6%A8%E0%A7%87%E0%A6%9C%E0%A6%AE%E0%A7%87%E0%A6%A8%E0%A7%8D%E0%A6%9F-%E0%A6%9F%E0%A7%81%E0%A6%B2%E0%A6%B8%2Fp" class="text-muted text-decoration-none"> <p>ওয়েবসাইট ম্যানেজমেন্ট টুলস</p> </a> </li> <li class="mb-2"> <a href="https://3tools.shop/bn/category/%E0%A6%93%E0%A6%AF%E0%A6%BC%E0%A7%87%E0%A6%AC-%E0%A6%A1%E0%A7%87%E0%A6%AD%E0%A7%87%E0%A6%B2%E0%A6%AA%E0%A6%AE%E0%A7%87%E0%A6%A8%E0%A7%8D%E0%A6%9F-%E0%A6%9F%E0%A7%81%E0%A6%B2%E0%A6%B8" class="text-muted text-decoration-none"> ওয়েব ডেভেলপমেন্ট টুলস </a> </li> <li class="mb-2"> <a href="https://3tools.shop/bn/category/%E0%A6%87%E0%A6%AE%E0%A7%87%E0%A6%9C-%E0%A6%8F%E0%A6%A1%E0%A6%BF%E0%A6%9F%E0%A6%BF%E0%A6%82-%E0%A6%9F%E0%A7%81%E0%A6%B2%E0%A6%B8" class="text-muted text-decoration-none"> ইমেজ এডিটিং টুলস </a> </li> <li class="mb-2"> <a href="https://3tools.shop/bn/category/%E0%A6%85%E0%A6%A8%E0%A6%B2%E0%A6%BE%E0%A6%87%E0%A6%A8-%E0%A6%95%E0%A7%8D%E0%A6%AF%E0%A6%BE%E0%A6%B2%E0%A6%95%E0%A7%81%E0%A6%B2%E0%A7%87%E0%A6%9F%E0%A6%B0" class="text-muted text-decoration-none"> অনলাইন ক্যালকুলেটর </a> </li> <li class="mb-2"> <a href="https://3tools.shop/bn/category/%E0%A6%AC%E0%A6%BE%E0%A6%87%E0%A6%A8%E0%A6%BE%E0%A6%B0%E0%A6%BF-%E0%A6%95%E0%A6%A8%E0%A6%AD%E0%A6%BE%E0%A6%B0%E0%A7%8D%E0%A6%9F%E0%A6%BE%E0%A6%B0-%E0%A6%9F%E0%A7%81%E0%A6%B2%E0%A6%B8" class="text-muted text-decoration-none"> বাইনারি কনভার্টার টুলস </a> </li> <li class="mb-2"> <a href="https://3tools.shop/bn/category/%E0%A6%87%E0%A6%89%E0%A6%A8%E0%A6%BF%E0%A6%9F-%E0%A6%95%E0%A6%A8%E0%A6%AD%E0%A6%BE%E0%A6%B0%E0%A7%8D%E0%A6%9F%E0%A6%BE%E0%A6%B0-%E0%A6%9F%E0%A7%81%E0%A6%B2%E0%A6%B8" class="text-muted text-decoration-none"> ইউনিট কনভার্টার টুলস </a> </li> <li class="mb-2"> <a href="https://3tools.shop/bn/category/%E0%A6%AC%E0%A6%BF%E0%A6%AC%E0%A6%BF%E0%A6%A7-%E0%A6%B8%E0%A6%B0%E0%A6%9E%E0%A7%8D%E0%A6%9C%E0%A6%BE%E0%A6%AE" class="text-muted text-decoration-none"> বিবিধ সরঞ্জাম </a> </li> </ul> </div> <!-- Legal Column --> <div class="col-lg-2 col-md-6 mb-4"> <h6 class="fw-bold mb-3"><span class="term">আইনি</span></h6> <ul class="list-unstyled small"> <li class="mb-2"> <a href="https://3tools.shop/bn/page/%E0%A6%86%E0%A6%AE%E0%A6%BE%E0%A6%A6%E0%A7%87%E0%A6%B0-%E0%A6%B8%E0%A6%AE%E0%A7%8D%E0%A6%AA%E0%A6%B0%E0%A7%8D%E0%A6%95%E0%A7%87" class="text-muted text-decoration-none"> আমাদের সম্পর্কে </a> </li> <li class="mb-2"> <a href="https://3tools.shop/bn/page/%E0%A6%86%E0%A6%AE%E0%A6%BE%E0%A6%A6%E0%A7%87%E0%A6%B0-%E0%A6%B8%E0%A6%BE%E0%A6%A5%E0%A7%87-%E0%A6%AF%E0%A7%8B%E0%A6%97%E0%A6%BE%E0%A6%AF%E0%A7%8B%E0%A6%97-%E0%A6%95%E0%A6%B0%E0%A7%81%E0%A6%A8" class="text-muted text-decoration-none"> আমাদের সাথে যোগাযোগ করুন </a> </li> <li class="mb-2"> <a href="https://3tools.shop/bn/page/%E0%A6%85%E0%A6%B8%E0%A7%8D%E0%A6%AC%E0%A7%80%E0%A6%95%E0%A6%B0%E0%A6%A3" class="text-muted text-decoration-none"> অস্বীকরণ </a> </li> <li class="mb-2"> <a href="https://3tools.shop/bn/page/p%E0%A6%97%E0%A7%8B%E0%A6%AA%E0%A6%A8%E0%A7%80%E0%A6%AF%E0%A6%BC%E0%A6%A4%E0%A6%BE-%E0%A6%A8%E0%A7%80%E0%A6%A4%E0%A6%BF%2Fp" class="text-muted text-decoration-none"> <p>গোপনীয়তা নীতি</p> </a> </li> <li class="mb-2"> <a href="https://3tools.shop/bn/page/%E0%A6%AA%E0%A6%B0%E0%A6%BF%E0%A6%B7%E0%A7%87%E0%A6%AC%E0%A6%BE%E0%A6%B0-%E0%A6%B6%E0%A6%B0%E0%A7%8D%E0%A6%A4%E0%A6%BE%E0%A6%AC%E0%A6%B2%E0%A7%80" class="text-muted text-decoration-none"> পরিষেবার শর্তাবলী </a> </li> <!-- Static Contact Link --> <li class="mb-2"> <a href="https://3tools.shop/bn/contact" class="text-muted text-decoration-none"> আমাদের সাথে যোগাযোগ করুন </a> </li> </ul> </div> <!-- Our YouTube Tools Column --> <div class="col-lg-2 col-md-6 mb-4"> <h6 class="fw-bold mb-3">আমাদের ইউটিউব টুলস</h6> <ul class="list-unstyled small"> <li class="mb-2"> <a href="https://3tools.shop/bn/ইউটিউব-অঞ্চল-সীমাবদ্ধতা-পরীক্ষক" class="text-muted text-decoration-none"> ইউটিউব অঞ্চল সীমাবদ্ধতা পরীক্ষক </a> </li> <li class="mb-2"> <a href="https://3tools.shop/bn/h1ইউটিউব-মানি-ক্যালকুলেটর/h1" class="text-muted text-decoration-none"> <h1>ইউটিউব মানি ক্যালকুলেটর</h1> </a> </li> <li class="mb-2"> <a href="https://3tools.shop/bn/strongyoutube-এমবেড-কোড-জেনারেটর/strong" class="text-muted text-decoration-none"> <strong>YouTube এমবেড কোড জেনারেটর</strong> </a> </li> <li class="mb-2"> <a href="https://3tools.shop/bn/spanইউটিউব-হ্যাশট্যাগ-জেনারেটর/span" class="text-muted text-decoration-none"> <span>ইউটিউব হ্যাশট্যাগ জেনারেটর</span> </a> </li> <li class="mb-2"> <a href="https://3tools.shop/bn/ইউটিউব-চ্যানেল-ব্যানার-ডাউনলোডার" class="text-muted text-decoration-none"> ইউটিউব চ্যানেল ব্যানার ডাউনলোডার </a> </li> <li class="mb-2"> <a href="https://3tools.shop/bn/strongইউটিউব-শিরোনাম-নিষ্কাশক/strong" class="text-muted text-decoration-none"> <strong>ইউটিউব শিরোনাম নিষ্কাশক</strong> </a> </li> <li class="mb-2"> <a href="https://3tools.shop/bn/spanইউটিউব-টাইটেল-জেনারেটর/span" class="text-muted text-decoration-none"> <span>ইউটিউব টাইটেল জেনারেটর</span> </a> </li> <li class="mb-2"> <a href="https://3tools.shop/bn/ইউটিউব-চ্যানেল-আইডি-এক্সট্র্যাক্টর" class="text-muted text-decoration-none"> ইউটিউব চ্যানেল আইডি এক্সট্র্যাক্টর </a> </li> <li class="mb-2"> <a href="https://3tools.shop/bn/ইউটিউব-ট্যাগ-এক্সট্রেক্টর" class="text-muted text-decoration-none"> ইউটিউব ট্যাগ এক্সট্রেক্টর </a> </li> <li class="mb-2"> <a href="https://3tools.shop/bn/ইউটিউব-ট্যাগ-জেনারেটর" class="text-muted text-decoration-none"> ইউটিউব ট্যাগ জেনারেটর </a> </li> <li class="mb-2"> <a href="https://3tools.shop/bn/strongyoutube-চ্যানেল-বয়স-পরীক্ষক/strong" class="text-muted text-decoration-none"> <strong>YouTube চ্যানেল বয়স পরীক্ষক</strong> </a> </li> <li class="mb-2"> <a href="https://3tools.shop/bn/pইউটিউব-চ্যানেল-পরিসংখ্যান/p" class="text-muted text-decoration-none"> <p>ইউটিউব চ্যানেল পরিসংখ্যান</p> </a> </li> <li class="mb-2"> <a href="https://3tools.shop/bn/strongইউটিউব-টাইমস্ট্যাম্প-লিঙ্ক-জেনারেটর/strong" class="text-muted text-decoration-none"> <strong>ইউটিউব টাইমস্ট্যাম্প লিঙ্ক জেনারেটর</strong> </a> </li> <li class="mb-2"> <a href="https://3tools.shop/bn/h1ইউটিউব-সাবস্ক্রাইব-লিঙ্ক-জেনারেটর/h1" class="text-muted text-decoration-none"> <h1>ইউটিউব সাবস্ক্রাইব লিঙ্ক জেনারেটর</h1> </a> </li> <li class="mb-2"> <a href="https://3tools.shop/bn/ইউটিউব-হ্যাশট্যাগ-এক্সট্রাক্টর" class="text-muted text-decoration-none"> ইউটিউব হ্যাশট্যাগ এক্সট্রাক্টর </a> </li> <li class="mb-2"> <a href="https://3tools.shop/bn/ইউটিউব-কমেন্ট-পিকার" class="text-muted text-decoration-none"> ইউটিউব কমেন্ট পিকার </a> </li> <li class="mb-2"> <a href="https://3tools.shop/bn/ইউটিউব-বিবরণ-জেনারেটর" class="text-muted text-decoration-none"> ইউটিউব বিবরণ জেনারেটর </a> </li> <li class="mb-2"> <a href="https://3tools.shop/bn/strongyoutube-চ্যানেল-খুঁজুন/strong" class="text-muted text-decoration-none"> <strong>YouTube চ্যানেল খুঁজুন</strong> </a> </li> <li class="mb-2"> <a href="https://3tools.shop/bn/ইউটিউব-চ্যানেল-লোগো-ডাউনলোডার" class="text-muted text-decoration-none"> ইউটিউব চ্যানেল লোগো ডাউনলোডার </a> </li> <li class="mb-2"> <a href="https://3tools.shop/bn/ইউটিউব-বর্ণনা-এক্সট্রাক্টর" class="text-muted text-decoration-none"> ইউটিউব বর্ণনা এক্সট্রাক্টর </a> </li> <li class="mb-2"> <a href="https://3tools.shop/bn/ইউটিউব-ভিউ-অনুপাত-ক্যালকুলেটর" class="text-muted text-decoration-none"> ইউটিউব ভিউ অনুপাত ক্যালকুলেটর </a> </li> <li class="mb-2"> <a href="https://3tools.shop/bn/ইউটিউব-ভিডিও-গণনা-পরীক্ষক" class="text-muted text-decoration-none"> ইউটিউব ভিডিও গণনা পরীক্ষক </a> </li> <li class="mb-2"> <a href="https://3tools.shop/bn/spanইউটিউব-শিরোনাম-দৈর্ঘ্য-পরীক্ষক/span" class="text-muted text-decoration-none"> <span>ইউটিউব শিরোনাম দৈর্ঘ্য পরীক্ষক</span> </a> </li> <li class="mb-2"> <a href="https://3tools.shop/bn/ইউটিউব-ভিডিও-শিরোনাম-ক্যাপিটালাইজার" class="text-muted text-decoration-none"> ইউটিউব ভিডিও শিরোনাম ক্যাপিটালাইজার </a> </li> <li class="mb-2"> <a href="https://3tools.shop/bn/youtube-থাম্বনেল-ডাউনলোডার" class="text-muted text-decoration-none"> YouTube থাম্বনেল ডাউনলোডার </a> </li> <li class="mb-2"> <a href="https://3tools.shop/bn/ইউটিউব-ভিডিও-পরিসংখ্যান" class="text-muted text-decoration-none"> ইউটিউব ভিডিও পরিসংখ্যান </a> </li> </ul> </div> <!-- Newsletter Column --> <div class="col-lg-3 col-md-6 mb-4"> <h6 class="fw-bold mb-3">নিউজলেটার</h6> <p class="small text-muted">আপডেটের জন্য আমাদের নিউজলেটারে সাবস্ক্রাইব করুন।</p> <form id="newsletterForm" class="mt-2" onsubmit="return handleSubscribe(event)"> <div class="input-group"> <input type="email" id="subEmail" class="form-control form-control-sm" placeholder="Your email" required> <button class="btn btn-primary btn-sm" type="submit" id="subBtn">সদস্যতা</button> </div> <small class="text-success d-none mt-2 d-block" id="subMsg"></small> </form> </div> </div> <hr class="my-4"> <div class="row align-items-center"> <div class="col-md-6 text-center text-md-start"> <p class="small text-muted mb-0">© 2026 3WEBTOOL – ফ্রি ওয়েব, এসইও, ইমেজ এবং ডেভেলপার টুলস. সর্বস্বত্ব সংরক্ষিত।</p> </div> </div> </div></footer><!-- Bootstrap JS -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
<!-- Custom JS -->
<script src="https://3tools.shop/assets/js/main.js"></script>
<script>
    function handleSubscribe(e) {
        e.preventDefault();
        const email = document.getElementById('subEmail').value;
        const btn = document.getElementById('subBtn');
        const msg = document.getElementById('subMsg');
        
        btn.disabled = true;
        btn.innerHTML = '...';
        
        const formData = new FormData();
        formData.append('email', email);
        
        fetch('https://3tools.shop/ajax/subscribe.php', {
            method: 'POST',
            body: formData
        })
        .then(response => response.json())
        .then(data => {
            btn.disabled = false;
            btn.innerHTML = 'Subscribe';
            msg.textContent = data.message;
            msg.classList.remove('d-none');
            
            if (data.success) {
                msg.classList.remove('text-danger');
                msg.classList.add('text-success');
                document.getElementById('subEmail').value = '';
            } else {
                msg.classList.remove('text-success');
                msg.classList.add('text-danger');
            }
        })
        .catch(err => {
            btn.disabled = false;
            btn.innerHTML = 'Subscribe';
            msg.textContent = 'Something went wrong.';
            msg.classList.remove('d-none');
        });
    }

    // Simple search filter with error checking
    const searchBox = document.getElementById('toolSearch');
    if (searchBox) {
        searchBox.addEventListener('keyup', function() {
            let filter = this.value.toLowerCase();
            let tools = document.querySelectorAll('.tool-card');
            
            tools.forEach(tool => {
                let titleElement = tool.querySelector('.tool-title span');
                if (titleElement) {
                    let title = titleElement.innerText.toLowerCase();
                    let container = tool.closest('.col-12, .col-sm-6, .col-md-4, .col-lg-3');
                    if (container) {
                        container.style.display = title.includes(filter) ? '' : 'none';
                    }
                }
            });
        });
    }

    // --- GLOBAL TABLE OVERFLOW FIX ---
    document.addEventListener('DOMContentLoaded', function() {
        // Wrap any table found in content areas with table-responsive for mobile safety
        const contentAreas = document.querySelectorAll('.prose, .article-content, .page-content, .tool-preview-content');
        contentAreas.forEach(function(area) {
            const tables = area.querySelectorAll('table');
            tables.forEach(function(table) {
                if (!table.parentElement.classList.contains('table-responsive')) {
                    const wrapper = document.createElement('div');
                    wrapper.className = 'table-responsive mb-4';
                    table.parentNode.insertBefore(wrapper, table);
                    wrapper.appendChild(table);
                }
            });
        });
    });
</script>
<!-- Cookie Consent Banner --><div id="cookie-consent" class="fixed-bottom p-4 bg-white border-top shadow-lg" style="display: none; z-index: 9999;"> <div class="container d-flex flex-column flex-md-row justify-content-between align-items-center"> <div class="mb-3 mb-md-0 text-muted small"> আমরা আপনার অভিজ্ঞতা উন্নত করতে এবং বিজ্ঞাপন ব্যক্তিগতকরণের জন্য কুকিজ ব্যবহার করি। এই সাইটটি ব্যবহার অব্যাহত রাখেন, তাহলে আপনি আমাদের <a href="/page/privacy-policy" class="text-primary text-decoration-none">গোপনীয়তা নীতি</a>-এর সাথে সম্মত হন। </div> <div> <button id="accept-cookies" class="btn btn-primary btn-sm px-4 rounded-pill"><p>গ্রহণ করুন</p></button> </div> </div></div><script>
document.addEventListener('DOMContentLoaded', function() {
    // --- COOKIE CONSENT ---
    if (!localStorage.getItem('cookie_consent')) {
        setTimeout(function() {
            const consent = document.getElementById('cookie-consent');
            if (consent) consent.style.display = 'block';
        }, 2000);
    }
    
    document.getElementById('accept-cookies')?.addEventListener('click', function() {
        localStorage.setItem('cookie_consent', 'true');
        const consent = document.getElementById('cookie-consent');
        if (consent) consent.style.display = 'none';
    });

    // --- SERVICE WORKER REGISTRATION (PUSH NOTIFICATIONS) ---
    if ('serviceWorker' in navigator) {
        navigator.serviceWorker.register('https://3tools.shop/sw.js')
        .then(function(registration) {
            console.log('SW registered:', registration.scope);
        })
        .catch(function(err) {
            console.log('SW failed:', err);
        });
    }
});
</script></body></html>