ব্লগ - 𝚉𝚒𝚊𝚞𝚕 𝙸𝚜𝚕𝚊𝚖

৩ টি সহজ ধাপে ওয়েব ডেভেলপার হওয়ার কৌশল

15/10/2023

এটি শক্ত-থেকে-পৌঁছনো লক্ষ্যের মতো শোনাতে পারে তবে ডেভেলপার হয়ে ওঠার পথটি আপনি যতটা কঠিন ভাবেন ততটা কঠিন নয় — উদাহরণস্বরূপ, আপনার প্রয়োজনীয় দক্ষ...

আরো পড়ুন

PHP দিয়ে ডাটাবেস কানেকশন

20/11/2023

PHP দিয়ে MySQL ডাটাবেসের সাথে কানেকশন তৈরি করা খুবই সহজ। এই পোস্টে আমরা দেখব কিভাবে PHP দিয়ে ডাটাবেসের সাথে কানেকশন তৈরি করা যায় এবং কিভাবে বেসি...

আরো পড়ুন

আলিম পরীক্ষা ২০২৫ - হাতিয়া রহমানিয়া ফাজিল মাদ্রাসা

20/06/2025

...</p> <div class="mt-auto pt-3 text-center"> <a href="blog.php?id=1750392606" class="btn btn-primary w-100"> আরো পড়ুন <i class="fas fa-arrow-right ms-2"></i> </a> </div> </div> </div> </div> </div> </div>  <footer> <div class="container"> <div class="row"> <div class="col-md-6 mb-4 mb-md-0"> <h5>𝚉𝚒𝚊𝚞𝚕 𝙸𝚜𝚕𝚊𝚖</h5> <p>দক্ষ ওয়েব ডেভেলপার ও ডিজাইনার এবং 𝕤𝕖𝕠 𝕖𝕩𝕡𝕖𝕣𝕥</p> </div> <div class="col-md-3 mb-4 mb-md-0"> <h5>লিঙ্কসমূহ</h5> <ul class="list-unstyled"> <li><a href="index.php#home">হোম</a></li> <li><a href="index.php#services">সেবাসমূহ</a></li> <li><a href="index.php#projects">প্রোজেক্ট</a></li> <li><a href="blog.php">ব্লগ</a></li> <li><a href="index.php#contact">যোগাযোগ</a></li> </ul> </div> <div class="col-md-3"> <h5>যোগাযোগ</h5> <ul class="list-unstyled contact-info"> <li><i class="fas fa-envelope"></i> jishopspot@gmail.com</li> <li><i class="fas fa-phone"></i> +880 1607 571955</li> <li><i class="fas fa-map-marker-alt"></i> চরকৈলাশ, হাতিয়া পৌরসভা, হাতিয়া উপজেলা, নোয়াখালী জেলা, চট্টগ্রাম বিভাগ – ৩৮৯০ বাংলাদেশ</li> </ul> </div> </div> <div class="text-center copyright"> Md.Ziaul Islam © 2025 | সর্বসত্ব সংরক্ষিত </div> </div> </footer>  <div class="live-chat-widget" id="liveChatWidget"> <div class="chat-header"> <div class="chat-title">লাইভ চ্যাট সহায়তা</div> <button class="chat-close" id="closeChatBtn"><i class="fas fa-times"></i></button> </div> <div class="chat-body" id="chatMessages"> <div class="system-message">আসসালামু আলাইকুম! আমাদের লাইভ চ্যাট সার্ভিসে স্বাগতম। আপনি কিভাবে সাহায্য করতে পারি?</div> <div class="typing-indicator" id="typingIndicator"> <div class="typing-dot"></div> <div class="typing-dot"></div> <div class="typing-dot"></div> </div> <div class="suggested-questions" id="suggestedQuestions"> <div class="suggested-question">আপনার সেবাসমূহ কি?</div> <div class="suggested-question">মূল্য কত?</div> <div class="suggested-question">কিভাবে যোগাযোগ করব?</div> </div> </div> <div class="chat-footer"> <input type="text" id="chatInput" class="chat-input" placeholder="আপনার বার্তা লিখুন..."> <button id="sendMessageBtn" class="chat-send"><i class="fas fa-paper-plane"></i></button> </div> </div> <div class="chat-button" id="chatButton"> <i class="fas fa-comments"></i> <span class="badge" id="unreadBadge">1</span> </div> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script> <script src="assets/js/script.js"></script> <script> // Enhanced Live Chat JavaScript Code document.addEventListener('DOMContentLoaded', function() { const chatButton = document.getElementById('chatButton'); const chatWidget = document.getElementById('liveChatWidget'); const closeChatBtn = document.getElementById('closeChatBtn'); const chatInput = document.getElementById('chatInput'); const sendMessageBtn = document.getElementById('sendMessageBtn'); const chatMessages = document.getElementById('chatMessages'); const typingIndicator = document.getElementById('typingIndicator'); const suggestedQuestions = document.getElementById('suggestedQuestions'); const unreadBadge = document.getElementById('unreadBadge'); let unreadCount = 0; let isChatOpen = false; // Object mapping keywords to responses const responseMap = { 'সেবা': "আমাদের প্রধান সেবাসমূহ হল ওয়েব ডিজাইন, গ্রাফিক ডিজাইন, ডিজিটাল মার্কেটিং এবং কন্টেন্ট রাইটিং। আপনি কোন সেবা সম্পর্কে জানতে চান?", 'মূল্য': "আমাদের প্যাকেজের মূল্য পরিষেবা অনুযায়ী ভিন্ন। বিস্তারিত জানতে অনুগ্রহ করে আমাদের প্রাইসিং পৃষ্ঠা দেখুন বা সরাসরি যোগাযোগ করুন।", 'যোগাযোগ': "আমাদের সাথে যোগাযোগ করতে info@yourwebsite.com ইমেইল করুন বা +880 1XXX XXXXXX নম্বরে কল করুন।", 'ঠিকানা': "আমাদের অফিসের ঠিকানা: ঢাকা, বাংলাদেশ", 'সময়': "আমাদের অফিস সোম থেকে শুক্রবার সকাল ৯টা থেকে সন্ধ্যা ৬টা পর্যন্ত খোলা থাকে।", 'প্রোজেক্ট': "আপনার নতুন প্রোজেক্ট নিয়ে আলোচনা করতে, আমাদের ওয়েবসাইটের যোগাযোগ ফর্ম পূরণ করুন অথবা সরাসরি ইমেইল করুন।", 'সালাম': "ওয়ালাইকুমুস সালাম! আজ আপনাকে কিভাবে সাহায্য করতে পারি?", 'হ্যালো': "হ্যালো! আপনার সেবায় আমি উপস্থিত আছি। কোন বিষয়ে জানতে চান?", 'হাই': "হাই! আপনাকে কিভাবে সাহায্য করতে পারি?", 'ধন্যবাদ': "আপনাকেও অনেক ধন্যবাদ! আমাদের সাথে যোগাযোগ করার জন্য।", 'ব্লগ': "আমাদের ব্লগে নতুন পোস্ট প্রতি সপ্তাহে আপডেট করা হয়। সর্বশেষ আর্টিকেল দেখতে ব্লগ পৃষ্ঠা ভিজিট করুন।", 'পোর্টফোলিও': "আমাদের সম্পন্ন করা কাজের নমুনা দেখতে পোর্টফোলিও সেকশন দেখুন। আমরা বিভিন্ন শিল্প খাতে সফলভাবে প্রোজেক্ট সম্পন্ন করেছি।" }; // Default response when no keyword matches const defaultResponse = "আপনার প্রশ্নের জন্য ধন্যবাদ। আমরা শীঘ্রই আপনার সাথে যোগাযোগ করব। আপনি আরও কোন বিষয়ে জানতে চান?"; // Toggle chat widget chatButton.addEventListener('click', function() { chatWidget.style.display = 'flex'; chatButton.style.display = 'none'; isChatOpen = true; unreadCount = 0; updateBadge(); }); // Close chat widget closeChatBtn.addEventListener('click', function() { chatWidget.style.display = 'none'; chatButton.style.display = 'flex'; isChatOpen = false; }); // Update unread badge function updateBadge() { if (unreadCount > 0) { unreadBadge.textContent = unreadCount; unreadBadge.style.display = 'flex'; } else { unreadBadge.style.display = 'none'; } } // Send message function function sendMessage() { const message = chatInput.value.trim(); if (message !== '') { // Add user message to chat addMessage(message, 'user-message'); chatInput.value = ''; // Hide suggested questions after first message suggestedQuestions.style.display = 'none'; // Show typing indicator typingIndicator.classList.add('active'); // Simulate typing delay before bot response setTimeout(function() { typingIndicator.classList.remove('active'); // Check message against response map for intelligent replies let response = defaultResponse; // Check if any keywords match for (const keyword in responseMap) { if (message.toLowerCase().includes(keyword.toLowerCase())) { response = responseMap[keyword]; break; } } // Special case for greetings if (message.toLowerCase().includes('আসসালামু') || message.toLowerCase().includes('অ্যাসালামু')) { response = "ওয়ালাইকুমুস সালাম! আজ আপনাকে কিভাবে সাহায্য করতে পারি?"; } // Special handling for questions if (message.includes('?') || message.includes('কি') || message.includes('কোথায়') || message.includes('কখন') || message.includes('কেন')) { if (message.includes('দাম') || message.includes('খরচ') || message.includes('কত টাকা')) { response = "আমাদের সেবার মূল্য প্রোজেক্টের ধরন এবং প্রয়োজনীয়তার উপর নির্ভর করে। বিস্তারিত আলোচনার জন্য আমাদের সাথে যোগাযোগ করুন।"; } else if (message.includes('ডেডলাইন') || message.includes('সময়সীমা') || message.includes('কত দিন')) { response = "প্রোজেক্টের কাজ সাধারণত ২-৪ সপ্তাহের মধ্যে সম্পন্ন করা হয়, তবে এটি প্রোজেক্টের আকার ও জটিলতার উপর নির্ভর করে পরিবর্তন হতে পারে।"; } } addMessage(response, 'system-message'); // Update unread count if chat is closed if (!isChatOpen) { unreadCount++; updateBadge(); } }, 1500); } } // Add message to chat function addMessage(text, className) { const messageElement = document.createElement('div'); messageElement.classList.add(className); messageElement.textContent = text; chatMessages.appendChild(messageElement); // Scroll to bottom chatMessages.scrollTop = chatMessages.scrollHeight; } // Send message on button click sendMessageBtn.addEventListener('click', sendMessage); // Send message on Enter key chatInput.addEventListener('keypress', function(e) { if (e.key === 'Enter') { sendMessage(); } }); // Handle suggested question clicks document.querySelectorAll('.suggested-question').forEach(question => { question.addEventListener('click', function() { chatInput.value = this.textContent; sendMessage(); }); }); // Auto-focus input when chat opens chatButton.addEventListener('click', function() { setTimeout(() => { chatInput.focus(); }, 300); }); // Notification sound for new messages function playNotificationSound() { const sound = new Audio('https://assets.mixkit.co/sfx/preview/mixkit-software-interface-start-2574.mp3'); sound.volume = 0.3; sound.play(); } }); </script> </body> </html>