Contact Form /* Custom styles */ body { font-family: Arial, sans-serif; background-color: #f4f4f4; margin: 0; padding: 0; } .container { max-width: 600px; margin: 0 auto; padding: 20px; background-color: #fff; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .contact-form { margin-bottom: 20px; } .contact-form label { font-weight: bold; margin-bottom: 5px; } .contact-form input[type="text"], .contact-form input[type="tel"], .contact-form select { width: 100%; padding: 10px; margin-bottom: 10px; border: 1px solid #ccc; border-radius: 5px; } .contact-form input[type="text"]:focus, .contact-form input[type="tel"]:focus, .contact-form select:focus { outline: none; border-color: #009688; } .confirm-order-button { width: 100%; padding: 14px 32px; border: none; border-radius: 5px; background-color: #4CAF50; color: white; font-size: 16px; cursor: pointer; transition: background-color 0.3s ease; } .confirm-order-button:hover { background-color: #45a049; } .info-section { background-color: #f0f0f0; border-radius: 8px; padding: 20px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); margin-top: 20px; text-align: left; /* Align left */ } .info-section h2 { font-size: 18px; color: #009688; margin-bottom: 20px; } .order-detail { margin-bottom: 16px; } .order-detail label { font-weight: 600; font-size: 16px; color: #333; } .order-detail p { margin: 0; font-size: 16px; color: #333; } .order-detail p span { font-weight: 600; color: #009688; } .book-photo-container { display: flex; justify-content: center; align-items: center; flex-direction: column; } .book-photo { width: 120px; height: 120px; border-radius: 50%; margin-bottom: 10px; } .book-name { font-size: 16px; color: #333; } Contact Form Book Name: Kariana Quran Shikkha Kariana Quran Full With Bangla Kariana Namaz Shikkha Name: Mobile Number: Address: Order Information Kariana Quran Full With Bangla Book Price: 1100 BDT Delivery fee: 10 BDT Total Amount: 1110 BDT Confirm Order function updatePrice() { var selectBox = document.getElementById("book-select"); var selectedValue = selectBox.options[selectBox.selectedIndex].value; var bookPrice = getBookPrice(selectedValue); var deliveryFee = 10; var totalAmount = bookPrice ? parseInt(bookPrice) + deliveryFee : 0; var bookPhotoSrc = ""; switch (selectedValue) { case "Kariana Quran Shikkha": bookPhotoSrc = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTa38FZfK3knQ1wNI7kf5JVuMUlgM0c5VAlJVlIYTYyoxA8tz4eLFzBaB6fg6AlpDxq3r9_NEAnN1UK8rbyyfqpL1gADez1etWNph6CyKlBZKo16baGgajWNEsfH2fy6gJmXUKyeJgZ60/s1280/20210713_160041.jpg"; break; case "Kariana Quran Full With Bangla": bookPhotoSrc = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXomsIpNWIbd_3MkCn9TR1Xqiwn3fCGwqTqMCBtad65cme7_65aVCMh_ZAMDlRV4ydJb3ID7Ko3LOhAoXDcsfnAI6UsNPIKK-hMyq1ukEgFNZ-zsDcdYzbEFcj71R3100uN-dCMOQMdW4/s1280/20210713_155842.jpg"; break; case "Kariana Namaz Shikkha": bookPhotoSrc = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBSgD7aT9IZ4DMVsTYUlk-Putazn1rdUprW5XUvS8D0j6ApSt0id7nYhNNlayFuNqvAe2uw_S6f2K0HM1SKgURFIkrpqpPMTdJRTBdBHlJJWGdv_0HgmN6fVRGRNmmXP9Afu7sUw7AHgw/s1280/20210713_164617.jpg"; break; } if (bookPrice) { document.querySelector(".book-photo").src = bookPhotoSrc; document.querySelector(".book-name").textContent = selectedValue; document.getElementById("product-price").innerHTML = "" + bookPrice + " BDT"; document.getElementById("delivery-fee").innerHTML = "" + deliveryFee + " BDT"; document.getElementById("total-amount").innerHTML = "" + totalAmount + " BDT"; } } function getBookPrice(bookName) { switch (bookName) { case "Kariana Quran Shikkha": return "100"; case "Kariana Quran Full With Bangla": return "1100"; case "Kariana Namaz Shikkha": return "100"; default: return ""; } } // Add event listener to update price when dropdown selection changes document.getElementById("book-select").addEventListener("change", updatePrice); // Call updatePrice initially to set the default values updatePrice(); .notifContent { display: none; } .headerContent { position: relative; height: auto; display: flex; } .headerDiv { display: none; } .postEntry p { margin: -40px; } .breadcrumbs { display: none; /* display: flex; */ align-items: baseline; margin-bottom: 10px; } footer .creditInner { display: none;