diff --git a/.DS_Store b/.DS_Store index 1266bffa..c0fc53ab 100644 Binary files a/.DS_Store and b/.DS_Store differ diff --git a/.vscode/settings.json b/.vscode/settings.json index 3d25faff..99c499e3 100644 --- a/.vscode/settings.json +++ b/.vscode/settings.json @@ -1,4 +1,3 @@ { - - "liveServer.settings.port": 5502 + "liveServer.settings.port": 5504 } diff --git a/Coverpage.html b/Coverpage.html index 2acbd06a..91eefc77 100644 --- a/Coverpage.html +++ b/Coverpage.html @@ -183,6 +183,8 @@ domain="www.chatbase.co" defer> - +
+ + diff --git a/Css-files/about.css b/Css-files/about.css index 46e4c152..27ec4701 100644 --- a/Css-files/about.css +++ b/Css-files/about.css @@ -105,7 +105,7 @@ } .mainhead h1 { font-family: Georgia; - font-size: 3.8rem; + font-size: 3rem; color: white; padding-bottom: 20px; } diff --git a/Css-files/content.css b/Css-files/content.css index 7dbdf3be..4b2a42e7 100644 --- a/Css-files/content.css +++ b/Css-files/content.css @@ -123,7 +123,7 @@ body { } .mainhead h1 { font-family: Georgia; - font-size: 3.8rem; + font-size: 3rem; color: white; padding-bottom: 20px; } @@ -240,6 +240,7 @@ input[type="submit"]:hover { .first_cont { display: flex; + flex-wrap: wrap; justify-content: center; } @@ -288,6 +289,7 @@ input[type="submit"]:hover { } .second_cont{ display: flex; + flex-wrap: wrap; padding: 40px; justify-content: center; } @@ -389,7 +391,7 @@ div.deals:hover{ /* footer */ .foot-panel2{ background-color: transparent; - color:white; + /* color:white; */ display: flex; justify-content: space-evenly; } @@ -562,7 +564,6 @@ td{ flex-direction: column; justify-content: center; align-items: center; - width: 20rem; height: max-content; } diff --git a/Css-files/login1.css b/Css-files/login1.css index 3ba147a6..cbe234ea 100644 --- a/Css-files/login1.css +++ b/Css-files/login1.css @@ -129,7 +129,7 @@ body { } .textfield > input { - width: 100%; + width: 95%; height: 45px; border-radius: 15px; border: 1px solid #b38484; diff --git a/Css-files/popup.css b/Css-files/popup.css new file mode 100644 index 00000000..b429412f --- /dev/null +++ b/Css-files/popup.css @@ -0,0 +1,128 @@ + + /* Styling for the pop-up */ + .popup { + display: none; + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(0, 0, 0, 0.7); + justify-content: center; + align-items: center; + z-index: 1000; + } + + .popup-content { + display: flex; + background-color: #feaea5; + border-radius: 10px; + max-width: 800px; + height: 450px; + overflow: hidden; + position: relative; + box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); + } + + .popuplogo{ + position: absolute; + top: 0; + right: 12px; + height: 50px; + } + + .popup-left img { + width: 100%; + height: 100%; + object-fit: cover; + } + + .popup-right { + padding: 20px; + width: 50%; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + } + + .popup h1 { + font-size: 31px; + color: #8B4513; + margin-bottom: 10px; + margin-top: 45px; + padding-top: 10px; + } + + #h2{ + font-size: 18px; + margin-bottom: 16px; + font-weight: bold; + } + + /* h2 { + font-size: 24px; + margin-bottom: 10px; + color: #4B3B2A; + } */ + + .popup-right p{ + margin-bottom: 26px; + color: #4B3B2A; + margin-bottom: 30px; + } + + input[type="email"] { + width: 100%; + padding: 18px; + padding-bottom: 20px; + margin-bottom: 10px; + border: 1px solid #8B4513; + border-radius: 5px; + font-size: 14px; + } + + #emailForm{ + padding-top: 0px; + padding-bottom: 0px; + } + + .signup-btn { + width: 100%; + padding: 10px 0; + background-color: #8B4513; + color: white; + border: none; + border-radius: 5px; + cursor: pointer; + font-size: 13px; + } + + .signup-btn:hover { + background-color: #6f3920; + font-size: 13.2px; + } + + .no-thanks { + display: block; + margin-top: 14px; + color: #4B3B2A; + text-decoration: none; + margin-bottom: 40px; + } + + .no-thanks:hover { + text-decoration: underline; + color: #381d0a; + } + + .terms { + margin-top: 15px; + font-size: 10px; + color: #4B3B2A; + } + + .terms a { + color: #8B4513; + } + \ No newline at end of file diff --git a/Css-files/signup1.css b/Css-files/signup1.css index 11321066..ce2ce7f5 100644 --- a/Css-files/signup1.css +++ b/Css-files/signup1.css @@ -24,7 +24,6 @@ body { align-items: center; height: 100vh; /* Full viewport height */ padding: 20px; /* Padding to avoid overflow */ - overflow: hidden; /* Prevents overflow */ position:relative; } @@ -154,14 +153,13 @@ body { } /* Responsive design for smaller screens */ -@media only screen and (max-width: 600px) { +@media only screen and (max-width: 980px) { .main-login { flex-direction: column; padding: 0 20px; /* Added padding to avoid edge overflow */ } .card-login { - width: 100%; /* Full width for mobile */ padding: 20px; /* Adjust padding */ } } diff --git a/Html-files/Electronic.html b/Html-files/Electronic.html index d7ff794f..4c6cf100 100644 --- a/Html-files/Electronic.html +++ b/Html-files/Electronic.html @@ -563,6 +563,41 @@ .card[for="c10"] { background-image: url(https://i.pinimg.com/474x/42/69/19/426919f03cc846b881903e3dd40a0bc6.jpg); } + + .foot-panel2 .footer-colums a { + /* /* color: black!important; */ + text-decoration: none !important; + transition:transform 0.2s ease, text-decoration-color 0.2s ease; + /* display: inline-block; */ + + + text-decoration: none; + /* color: #000; */ + position: relative; + padding-bottom: 2px; + + } + + .foot-panel2 .footer-colums a::after{ + content: ''; + position: absolute; + left: 0; + bottom: 0; + width: 0; + height: 2px; + background-color: black; + transition: width 0.3s ease; + width:0; + + } + + .foot-panel2 .footer-colums a:hover{ + transform: scale(1.05); + } + + .foot-panel2 .footer-colums a:hover::after{ + width:100%; + } Retro @@ -1261,5 +1296,8 @@

domain="www.chatbase.co" defer > +
+ + diff --git a/Html-files/about.html b/Html-files/about.html index a52bac8c..d8adc62d 100644 --- a/Html-files/about.html +++ b/Html-files/about.html @@ -492,15 +492,23 @@ height: 266px; } +/* Background Animations */ +.new_footer_top .footer_bg { + position: absolute; + bottom: 0; + width: 100%; + height: 266px; + overflow: hidden; /* Ensure animations don't cause scrollbars */ +} + .new_footer_top .footer_bg .footer_bg_one { - /* background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia0PYPxwT5ifToyP3SNZeQWfJEWrUENYA5IXM6sN5vLwAKvaJS1pQVu8mOFFUa_ET4JuHNTFAxKURFerJYHDUWXLXl1vDofYXuij45JZelYOjEFoCOn7E6Vxu0fwV7ACPzArcno1rYuVxGB7JY6G7__e4_KZW4lTYIaHSLVaVLzklZBLZnQw047oq5-Q/s16000/volks.gif") no-repeat center center; */ width: 330px; height: 105px; background-size: 100%; position: absolute; bottom: 0; - left: 30%; - animation: myfirst 22s linear infinite; + right: -330px; /* Start off-screen to the right */ + animation: moveRightToLeft 22s linear infinite; } .new_footer_top .footer_bg .footer_bg_two { @@ -509,22 +517,21 @@ height: 105px; background-size: 100%; bottom: 0; - left: 38%; + right: -330px; /* Start off-screen to the right */ position: absolute; - animation: myfirst 30s linear infinite; + animation: moveRightToLeft 30s linear infinite; } /* Animation Keyframes */ -@keyframes myfirst { - 0% { - left: -25%; - } - 100% { - left: 100%; - } +@keyframes moveRightToLeft { + 0% { + right: -330px; /* Start from right, off-screen */ + } + 100% { + right: 100%; /* End at left side of the container */ + } } - .social-icons a { font-size: 1.2rem; padding: 8px; @@ -959,7 +966,9 @@

Follow Us

domain="www.chatbase.co" defer> - +
+ + diff --git a/Html-files/booknow.html b/Html-files/booknow.html index 841fe953..08a73e1e 100644 --- a/Html-files/booknow.html +++ b/Html-files/booknow.html @@ -66,16 +66,14 @@ padding: 0.5em 0; } .gallery { - display: flex; - flex-wrap: wrap; - justify-content: space-around; - gap: 1em; + display: grid; + grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); /* 3 columns with a minimum size of 300px */ + gap: 3rem; } .gallery .item { border: 1px solid #ddd; border-radius: 5px; overflow: hidden; - width: 23%; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); transition: transform 0.2s; text-align: center; @@ -228,6 +226,8 @@

Our Services

domain="www.chatbase.co" defer> - +
+ + diff --git a/Html-files/cart.html b/Html-files/cart.html index da423369..62957623 100644 --- a/Html-files/cart.html +++ b/Html-files/cart.html @@ -219,25 +219,35 @@ } .decrease-quantity { - padding-inline: 10px; - background: #1454f7; + padding-inline: 12px; + background: #a52a2a; border: none; border-radius: 2px; font-size: 20px; font-weight: 500; - color: #cbf7e3; + color: white; + margin: 5px; + } + .decrease-quantity:hover{ + background-color: white; + color: #a52a2a; } .increase-quantity { - padding-inline: 10px; - background: #1454f7; + padding-inline: 12px; + background: #a52a2a; border: none; border-radius: 2px; font-size: 20px; font-weight: 500; - color: #cbf7e3; + color: white; + margin: 5px; } + .increase-quantity:hover{ + background-color: white; + color:#a52a2a; + } #cart-total { background: #a52a2a; padding: 3px 5px; @@ -255,39 +265,77 @@ border: 3px solid whitesmoke; } -.social-icons a { - font-size: 1.2rem; - padding: 8px; - margin: 15px; - text-decoration: none; - color: brown !important; -} + .social-icons a { + font-size: 1.2rem; + padding: 8px; + margin: 15px; + text-decoration: none; + color: brown !important; + } + + .social-icons a:hover { + color: brown; + background-color: hsl(22, 76%, 85%); + border-radius: 10px; + transform: scale(1.5); /* Increase size */ + transition: transform 0.3s ease; /* Smooth transition effect */ + } + .fa-brands.fa-facebook:hover { + color: #3B5998 !important; + } + + .fa-brands.fa-instagram:hover { + color: #D62976 !important; + } + + .fa-brands.fa-x-twitter:hover { + color: #181e20 !important; + } + @media (max-width: 768px) { + .foot-panel2{ + display: flex; + flex-direction: column; + + } + } + + .foot-panel2 .footer-colums a { + /* /* color: black!important; */ + text-decoration: none !important; + transition:transform 0.2s ease, text-decoration-color 0.2s ease; + /* display: inline-block; */ + + + text-decoration: none; + color: #000; + position: relative; + padding-bottom: 2px; + + } + + .foot-panel2 .footer-colums a::after{ + content: ''; + position: absolute; + left: 0; + bottom: 0; + width: 0; + height: 2px; + background-color: brown; + transition: width 0.3s ease; + width:0; + + } + + .foot-panel2 .footer-colums a:hover{ + transform: scale(1.05); + } + + .foot-panel2 .footer-colums a:hover::after{ + width:100%; + } -.social-icons a:hover { - color: brown; - background-color: hsl(22, 76%, 85%); - border-radius: 10px; - transform: scale(1.5); /* Increase size */ - transition: transform 0.3s ease; /* Smooth transition effect */ -} -.fa-brands.fa-facebook:hover { - color: #3B5998 !important; -} -.fa-brands.fa-instagram:hover { - color: #D62976 !important; -} -.fa-brands.fa-x-twitter:hover { - color: #181e20 !important; -} -@media (max-width: 768px) { - .foot-panel2{ - display: flex; - flex-direction: column; - - } -} @@ -490,6 +538,7 @@

C A R T

Price Quantity Actions + Total individual price @@ -524,24 +573,24 @@

C A R T

@@ -549,11 +598,11 @@

C A R T

@@ -738,7 +787,9 @@

Follow domain="www.chatbase.co" defer> - +
+ + diff --git a/Html-files/cart.js b/Html-files/cart.js index addf6077..e0f1cd44 100644 --- a/Html-files/cart.js +++ b/Html-files/cart.js @@ -1,22 +1,54 @@ -//CODE FOR TABLE OF ADD TO CART document.addEventListener('DOMContentLoaded', () => { loadCartFromLocalStorage(); - updateBadgeCount() ; // update badge on load - if (document.getElementById('cart-items')){ + updateBadgeCount(); // Update badge on load + if (document.getElementById('cart-items')) { document.getElementById('cart-items').addEventListener('click', (event) => { if (event.target.classList.contains('increase-quantity')) { updateQuantity(event.target, 1); } else if (event.target.classList.contains('decrease-quantity')) { updateQuantity(event.target, -1); } + updateCart(); // Update total price when quantity changes }); } + + const cartTable = document.getElementById('cart-table'); + + // Function to update the total individual price and bill + function updateCart() { + const cartItems = document.querySelectorAll('.cart-item'); + let totalAmount = 0; + + cartItems.forEach(item => { + const price = parseFloat(item.dataset.productPrice); + const quantityElement = item.querySelector('.quantity'); + const quantity = parseInt(quantityElement.textContent, 10); + const totalIndividualPrice = price * quantity; + + // Add or update the total individual price column + let totalCell = item.querySelector('.total-individual-price'); + if (!totalCell) { + totalCell = document.createElement('td'); + totalCell.classList.add('total-individual-price'); + item.appendChild(totalCell); + } + totalCell.textContent = `$${totalIndividualPrice.toFixed(2)}`; + + totalAmount += totalIndividualPrice; + }); + + // Update the cart total + document.getElementById('cart-total').textContent = `Total: $${totalAmount.toFixed(2)}`; + } + + // Initial update on page load + updateCart(); }); function loadCartFromLocalStorage() { const cartItems = JSON.parse(localStorage.getItem('cartItems')) || []; const cartItemsContainer = document.getElementById('cart-items'); - if(cartItemsContainer){ + if (cartItemsContainer) { cartItemsContainer.innerHTML = ''; // Clear existing items cartItems.forEach(item => { @@ -25,7 +57,7 @@ function loadCartFromLocalStorage() { cartItemRow.setAttribute('data-product-id', item.id); cartItemRow.setAttribute('data-product-price', item.price); cartItemRow.innerHTML = ` - ${item.name} + ${item.name} $${item.price.toFixed(2)} ${item.quantity} @@ -69,23 +101,25 @@ function saveCartToLocalStorage() { document.querySelectorAll('.cart-item').forEach(item => { cartItems.push({ id: item.getAttribute('data-product-id'), + name: item.querySelector('td').textContent, // Fetch the item name from the first price: parseFloat(item.getAttribute('data-product-price')), quantity: parseInt(item.querySelector('.quantity').textContent) }); }); localStorage.setItem('cartItems', JSON.stringify(cartItems)); - updateBadgeCount(); // update badge count after saving + updateBadgeCount(); // Update badge count after saving } -//CODE FOR COUPON RECEIVED ON CLICKING ORDER NOW - // Function to generate a random coupon code - const generateCouponCode = () => { + +// Function to generate a random coupon code +const generateCouponCode = () => { const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789'; let couponCode = ''; for (let i = 0; i < 8; i++) { couponCode += characters.charAt(Math.floor(Math.random() * characters.length)); } return couponCode; -} +}; + // Check if it's the user's first order and apply discount const applyFirstTimeDiscount = () => { let couponCode = localStorage.getItem('couponCode'); @@ -93,12 +127,12 @@ const applyFirstTimeDiscount = () => { couponCode = generateCouponCode(); localStorage.setItem('couponCode', couponCode); } - if(document.getElementById('couponCode')){ + if (document.getElementById('couponCode')) { document.getElementById('couponCode').innerHTML = `Use coupon code ${couponCode} for 30% off!`; alert(`Congratulations! Your coupon code is ${couponCode}. You've received a 30% discount on your first order.`); } - -} +}; + window.onload = applyFirstTimeDiscount; function updateBadgeCount() { diff --git a/Html-files/contact.html b/Html-files/contact.html index f202a024..f7279820 100644 --- a/Html-files/contact.html +++ b/Html-files/contact.html @@ -204,7 +204,7 @@ .foot-panel2 { background-color: rgb(138, 37, 37); color: white; - height: 300px; + height: auto; /* height: fit-content; */ display: flex; /* padding: 10px; */ @@ -237,7 +237,7 @@ flex-direction: column; justify-content: center; align-items: center; - width: 20rem; + width: 100%; height: max-content; } @@ -251,6 +251,7 @@ } #contactForm h3 { + margin-top: 10px; height: 30px; color: #141414; } @@ -273,7 +274,7 @@ .foot_panel4 { background-color: rgb(66, 16, 16); color: white; - height: 160px; + height: 0px; font-size: 0.9rem; text-align: center; } @@ -320,6 +321,47 @@ padding: 20px; } } + + .foot-panel2 ul a { + padding: 0; /* Reset padding */ + list-style: none; /* Remove default bullet points */ + } + + .foot-panel2 ul a { + /* /* color: black!important; */ + text-decoration: none !important; + transition:transform 0.2s ease, text-decoration-color 0.2s ease; + /* display: inline-block; */ + + + text-decoration: none; + color: #000; + position: relative; + padding-bottom: 2px; + + } + + .foot-panel2 ul a::after{ + content: ''; + position: absolute; + left: 0; + bottom: 0; + width: 0; + height: 2px; + background-color: brown; + transition: width 0.3s ease; + width:0; + + } + + .foot-panel2 ul a:hover{ + transform: scale(1.05); + } + + .foot-panel2 ul a:hover::after{ + width:100%; + } + + + + + + + + + - - + } + +
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+

Contact Us!

@@ -674,11 +735,6 @@

Conta - - -

- -

Follow @@ -855,7 +911,9 @@

Conta domain="www.chatbase.co" defer> - +
+ + diff --git a/Html-files/signed.html b/Html-files/signed.html index 29054bfd..bcaf7502 100644 --- a/Html-files/signed.html +++ b/Html-files/signed.html @@ -173,6 +173,8 @@ domain="www.chatbase.co" defer> - +
+ + \ No newline at end of file diff --git a/Html-files/signup.html b/Html-files/signup.html index dd6bc0cd..5f5beb3a 100644 --- a/Html-files/signup.html +++ b/Html-files/signup.html @@ -239,6 +239,7 @@