আপনার ব্লগের আকর্ষণীয় শিরোনাম এখানে দিন
প্রকাশিত: ২০ মার্চ, ২০২৬ | লেখক: আপনার নাম
এই ডিজাইনটি এখন আপনার স্ক্রিনের পুরো জায়গা জুড়ে কাজ করবে। আপনি পিসিতে দেখলে এটি ১২০০ পিক্সেল পর্যন্ত চওড়া হবে (যাতে লেখা পড়তে কষ্ট না হয়), আর মোবাইলে এটি স্ক্রিনের ১০০% জায়গা নিয়ে নেবে।
কেন ফুল-উইথ ডিজাইন গুরুত্বপূর্ণ?
ফুল উইথ ডিজাইন ব্যবহার করলে সাইট দেখতে আধুনিক মনে হয় এবং বড় স্ক্রিনে ছবিগুলো খুব সুন্দর ফুটে ওঠে। এটি ব্যবহারকারীর পড়ার অভিজ্ঞতাকেও উন্নত করে।
আপনার কন্টেন্ট এখানে লিখতে থাকুন। আপনি চাইলে আরও টেক্সট বা ইমেজ নিচে যোগ করতে পারেন।
![Coming Soon](<div id="comingSoonTrigger" style="cursor: pointer; display: inline-flex; align-items: center; font-family: sans-serif; padding: 5px;"> <i class="ri-time-line" style="margin-right: 5px;"></i> Coming Soon </div> <div id="fatehModal" style="display:none; position:fixed; z-index:2147483647; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.85); backdrop-filter:blur(5px); align-items: center; justify-content: center;"> <div style="background:#fff; padding:15px; border-radius:15px; width:85%; max-width:320px; text-align:center; position:relative; box-shadow: 0 10px 40px rgba(0,0,0,0.6); animation: fatehPop 0.3s ease-out;"> <span id="closeFateh" style="position:absolute; right:12px; top:5px; font-size:32px; cursor:pointer; color:#333; line-height:1;">×</span> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdG7mCWNkrOkig5RMJYIWK2lOn3tO7-pS8DXdsq8OhsvEYmcxBA4zyZrrbUV_lH-RHYsFiko_ZCo4KflgXvwgo3JZW69IuWVev40u8BzxZaoKQf7osIgviVQ0emUwNMNqXI2uysnNP4oU6uppKw6KDg4qFHK4LPWPHhEMTS1j4EDMgS5RCpmy40h2MeZQ/s3464/1000118343.png" style="width:100%; border-radius:10px; margin-bottom:12px; display:block;"> <div style="font-size:15px; color:#222; line-height:1.6;"> <strong style="color:#d90429; font-size:18px; display:block; margin-bottom:8px;">লক্ষ্য এবার ফতেহ! 🎯</strong> <p style="margin:0; font-weight:500;">আমাদের ওয়েবসাইটের জন্য দিনরাত কাজ করছি। আপনাদের জন্য শীঘ্রই আসবে আমাদের নতুন অপশনগুলি। পাশে থাকবেন। 💪</p> </div> </div> </div> <style> @keyframes fatehPop { from {opacity: 0; transform: scale(0.8) translateY(20px);} to {opacity: 1; transform: scale(1) translateY(0);} } </style> <script> (function() { var trigger = document.getElementById('comingSoonTrigger'); var modal = document.getElementById('fatehModal'); var closeBtn = document.getElementById('closeFateh'); // পপ-আপটিকে বডির একদম শেষে পাঠিয়ে দেওয়া যাতে এটি কোনো বক্সে আটকে না থাকে document.body.appendChild(modal); trigger.onclick = function() { modal.style.display = "flex"; } closeBtn.onclick = function() { modal.style.display = "none"; } window.onclick = function(event) { if (event.target == modal) { modal.style.display = "none"; } } })(); </script>){kind=link}
![Coming Soon](<div style="cursor: pointer; display: inline-block; font-family: sans-serif;" onclick="openFatehModal()"> <i class="ri-time-line"></i> Coming Soon </div> <div id="fatehModal" style="display:none; position:fixed; z-index:9999; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.7); backdrop-filter:blur(3px);"> <div style="background:#fff; margin:15vh auto; padding:15px; border-radius:12px; width:85%; max-width:300px; text-align:center; position:relative; box-shadow: 0 4px 15px rgba(0,0,0,0.3);"> <span style="position:absolute; right:12px; top:5px; font-size:24px; cursor:pointer; color:#666;" onclick="closeFatehModal()">×</span> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdG7mCWNkrOkig5RMJYIWK2lOn3tO7-pS8DXdsq8OhsvEYmcxBA4zyZrrbUV_lH-RHYsFiko_ZCo4KflgXvwgo3JZW69IuWVev40u8BzxZaoKQf7osIgviVQ0emUwNMNqXI2uysnNP4oU6uppKw6KDg4qFHK4LPWPHhEMTS1j4EDMgS5RCpmy40h2MeZQ/s3464/1000118343.png" style="width:100%; border-radius:8px; margin-bottom:10px;"> <div style="font-size:14px; color:#333; line-height:1.5;"> <strong style="color:#d90429; font-size:16px;">লক্ষ্য এবার ফতেহ! 🎯</strong> <p>আমাদের ওয়েবসাইটের জন্য দিনরাত কাজ করছি। আপনাদের জন্য শীঘ্রই আসবে আমাদের নতুন অপশনগুলি। পাশে থাকবেন। 💪</p> </div> </div> </div> <script> function openFatehModal() { document.getElementById("fatehModal").style.display = "block"; } function closeFatehModal() { document.getElementById("fatehModal").style.display = "none"; } // বাইরে ক্লিক করলে বন্ধ হবে window.onclick = function(event) { var modal = document.getElementById("fatehModal"); if (event.target == modal) { modal.style.display = "none"; } } </script>){kind=link}
0 মন্তব্যসমূহ
Fateh SSC GD