+
Why Coffee and Tea?
+
Coffee and tea have been cherished for centuries, not just for their invigorating taste but for the profound impact they have on our lives. These beverages transcend the boundaries of mere drinks; they are a cultural phenomenon, a source of comfort, and a catalyst for social connections.
+
+
The Essence of Coffee and Tea
+
Imagine the warmth of a cup of coffee on a chilly morning or the calming ritual of sipping tea in the afternoon. Coffee, with its bold and robust flavor, awakens the senses, while tea, with its diverse blends, provides solace and relaxation. Together, they form a tapestry of experiences, weaving moments of joy into our daily lives.
+
+
The Journey Through History
+
The story of coffee and tea is a journey through time, tracing back to ancient civilizations where these beverages were revered for their medicinal properties. Coffee, with its origins in the highlands of Ethiopia, became a global sensation during the Arabian Peninsula's golden age. Tea, discovered in China, captivated the world with its delicate flavors and profound cultural significance.
+
+
Subscription Policy
+
Our subscription service offers flexible plans tailored to your preferences. Choose from a variety of blends and delivery frequencies. Easily manage your subscription, pause, or modify your order at any time through your account.
+
+
Cancellation Policy
+
We understand that preferences may change. Canceling your subscription is hassle-free. Simply log in to your account and follow the cancellation process. No hidden fees or complicated procedures.
+
+ © 2023 Coffee & Tea Delights | Contact us: info@coffeeandtea.com | Phone: (123) 456-7890
+
+
+
+
+
diff --git a/Assignments/CB.EN.U4CYS22015/ui/js/checkpass.js b/Assignments/CB.EN.U4CYS22015/ui/js/checkpass.js
new file mode 100644
index 00000000..896dfa88
--- /dev/null
+++ b/Assignments/CB.EN.U4CYS22015/ui/js/checkpass.js
@@ -0,0 +1,31 @@
+function checkPass(){
+ var pass1 = document.getElementById('password1');
+ var pass2 = document.getElementById('password2');
+ var message = document.getElementById('error-nwl');
+ var goodColor = "#66cc66";
+ var badColor = "#ff6666";
+
+
+ if(pass1.length > 7){
+ pass1.style.backgroundColor = goodColor;
+ message.style.color = goodColor;
+ message.innerHTML = "Character number ok!"
+ }
+ else{
+ pass1.style.backgroundColor = badColor;
+ message.style.color = badColor;
+ message.innerHTML = " You have to enter at least 8 digit!"
+ }
+ if(pass1.value == pass2.value){
+ pass2.style.backgroundColor = goodColor;
+ pass1.style.backgroundColor = goodColor;
+ message.style.color = goodColor;
+ message.innerHTML = "Passwords matched!"
+ }
+ else{
+ pass2.style.backgroundColor = badColor;
+ message.style.color = badColor;
+ message.innerHTML = " These passwords don't match"
+ }
+
+}
diff --git a/Assignments/CB.EN.U4CYS22015/ui/js/coffee.js b/Assignments/CB.EN.U4CYS22015/ui/js/coffee.js
new file mode 100644
index 00000000..9a29c851
--- /dev/null
+++ b/Assignments/CB.EN.U4CYS22015/ui/js/coffee.js
@@ -0,0 +1,68 @@
+document.addEventListener("DOMContentLoaded", function () {
+ const coffeeList = document.getElementById("coffee-list");
+
+ // Example coffee products
+ const coffeeProducts = [
+ { name: "Espresso", price: 5.99, image: "../img/Espresso1.jpg" },
+ { name: "Macchiato", price: 7.99, image: "../img/Macchiato.jpg" },
+ { name: "Ristretto", price: 6.49, image: "../img/Ristretto.jpg" },
+ { name: "Americano", price: 8.99, image: "../img/Americano1.jpg" },
+ { name: "Café Latte", price: 4.99, image: "../img/Café Latte.jpg" },
+ { name: "Cappuccino", price: 9.99, image: "../img/Cappuccino.jpg" },
+ { name: "Flat White", price: 11.49, image: "../img/Flat White.jpg" },
+ { name: "Piccolo Latte", price: 10.99, image: "../img/PiccoloLatte.jpg" },
+ { name: "Mocha", price: 12.99, image: "../img/Mocha.jpg" },
+ { name: "Affogato", price: 14.99, image: "../img/Affogato.jpg" },
+ // Add more coffee products as needed
+ ];
+
+ coffeeProducts.forEach(product => {
+ const productDiv = createProductDiv(product);
+ coffeeList.appendChild(productDiv);
+ });
+});
+
+function createProductDiv(product) {
+ const div = document.createElement("div");
+ div.classList.add("product");
+
+ const image = document.createElement("img");
+ image.src = product.image;
+ image.alt = product.name;
+
+ const name = document.createElement("p");
+ name.textContent = product.name;
+
+ const price = document.createElement("p");
+ price.textContent = `$${product.price.toFixed(2)}`;
+
+ const checkbox = document.createElement("input");
+ checkbox.type = "checkbox";
+ checkbox.value = product.price;
+ checkbox.addEventListener("change", updateTotal);
+
+ div.appendChild(image);
+ div.appendChild(name);
+ div.appendChild(price);
+ div.appendChild(checkbox);
+
+ return div;
+}
+
+function updateTotal() {
+ const checkboxes = document.querySelectorAll("#coffee-list input[type=checkbox]");
+ const totalSpan = document.getElementById("coffee-total-price");
+
+ let total = 0;
+ checkboxes.forEach(checkbox => {
+ if (checkbox.checked) {
+ total += parseFloat(checkbox.value);
+ }
+ });
+
+ if(total==0){
+ alert('Please order atleast one.Cannot proceed to payment portal');
+ }
+
+ totalSpan.textContent = total.toFixed(2);
+}
\ No newline at end of file
diff --git a/Assignments/CB.EN.U4CYS22015/ui/js/home.js b/Assignments/CB.EN.U4CYS22015/ui/js/home.js
new file mode 100644
index 00000000..0afced71
--- /dev/null
+++ b/Assignments/CB.EN.U4CYS22015/ui/js/home.js
@@ -0,0 +1,86 @@
+var k = 0 ;
+ function loadingflight(){
+ k = 1;
+ if(k==1){
+ document.getElementById("laodinginner2").style.display="none";
+ document.getElementById("laodinginner1").style.display="block";
+}
+else if(k==2){
+ document.getElementById("laodinginner1").style.display="none";
+ document.getElementById("laodinginner2").style.display="block";
+}
+else if (k==0){
+ document.getElementById("laodinginner2").style.display="none";
+ document.getElementById("laodinginner1").style.display="block";
+
+}
+
+ }
+ function loadingtrain(){
+ k=2;
+
+ if(k==1){
+ document.getElementById("laodinginner2").style.display="none";
+ document.getElementById("laodinginner1").style.display="block";
+ }
+ else if(k==2){
+ document.getElementById("laodinginner1").style.display="none";
+ document.getElementById("laodinginner2").style.display="block";
+ }
+ else if (k==0){
+ document.getElementById("laodinginner2").style.display="none";
+ document.getElementById("laodinginner1").style.display="block";
+
+ }
+ }
+ // function exploreeventbtn1(){
+ // window.location="movies.html"
+ // }
+
+ function exploreeventbtn2(){
+ window.open="m.html"
+ }
+
+ function exploreeventbtn3(){
+ window.open="t.html"
+ }
+
+ function changeVal() {
+ var dots = document.getElementById("dots");
+ var moreText = document.getElementById("dropdown");
+ var btnText = document.getElementById("about-btn");
+
+ if (dots.style.display === "none") {
+ dots.style.display = "inline";
+ btnText.innerHTML = "Read Less...";
+ moreText.style.display = "none";
+ } else {
+ dots.style.display = "none";
+ btnText.innerHTML = "Read More...";
+ moreText.style.display = "inline";
+ }
+ }
+
+ document.getElementById("about-btn").addEventListener("click", function () {
+ var dropdown = document.getElementById("dropdown");
+ dropdown.style.display = (dropdown.style.display === "none") ? "block" : "none";
+ });
+
+ let mybutton = document.getElementById("myBtn");
+
+// When the user scrolls down 20px from the top of the document, show the button
+window.onscroll = function() {scrollFunction()};
+
+function scrollFunction() {
+ if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
+ mybutton.style.display = "block";
+ } else {
+ mybutton.style.display = "none";
+ }
+}
+
+// When the user clicks on the button, scroll to the top of the document
+function topFunction() {
+ document.body.scrollTop = 0; // For Safari
+ document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera
+}
diff --git a/Assignments/CB.EN.U4CYS22015/ui/js/payment.js b/Assignments/CB.EN.U4CYS22015/ui/js/payment.js
new file mode 100644
index 00000000..6d0a9b04
--- /dev/null
+++ b/Assignments/CB.EN.U4CYS22015/ui/js/payment.js
@@ -0,0 +1,26 @@
+var cardNumInput = document.querySelector('#cardNum')
+
+cardNumInput.addEventListener('keyup', () => {
+ let cNumber = cardNumInput.value
+ cNumber = cNumber.replace(/\s/g, "")
+
+ if(Number(cNumber)){
+ cNumber = cNumber.match(/.{1,4}/g)
+ cNumber = cNumber.join(" ")
+ cardNumInput.value = cNumber
+ }
+});
+
+var expiryInput = document.querySelector('#expiry')
+
+expiryInput.addEventListener('keyup', () => {
+ let cNumber = expiryInput.value
+ cNumber = cNumber.replace(/\s/g, "")
+
+ if(Number(cNumber)){
+ cNumber = cNumber.match(/.{1,2}/g)
+ cNumber = cNumber.join("/")
+ expiryInput.value = cNumber
+ }
+});
+
diff --git a/Assignments/CB.EN.U4CYS22015/ui/js/tea.js b/Assignments/CB.EN.U4CYS22015/ui/js/tea.js
new file mode 100644
index 00000000..7c8619b7
--- /dev/null
+++ b/Assignments/CB.EN.U4CYS22015/ui/js/tea.js
@@ -0,0 +1,67 @@
+document.addEventListener("DOMContentLoaded", function () {
+ const coffeeList = document.getElementById("coffee-list");
+
+ // Example coffee products
+ const coffeeProducts = [
+ { name: "Black tea", price: 7.99, image: "../img/Black_tea.jpg" },
+ { name: "Green tea", price: 8.99, image: "../img/Green_tea.jpg" },
+ { name: "Oolong tea ", price: 9.49, image: "../img/Oolong_tea.jpg" },
+ { name: "Pu-erh tea", price: 12.99, image: "../img/Pu-erh tea.jpg" },
+ { name: "Matcha", price: 19.99, image: "../img/Matcha.jpg" },
+ { name: "Herbal tea", price: 15.99, image: "../img/Herbal tea.jpg" },
+ { name: "Rooibos teas", price: 20.49, image: "../img/Rooibos teas.jpg" },
+ { name: "White tea", price: 13.99, image: "../img/White tea.jpg" },
+
+ // Add more coffee products as needed
+ ];
+
+ coffeeProducts.forEach(product => {
+ const productDiv = createProductDiv(product);
+ coffeeList.appendChild(productDiv);
+ });
+});
+
+function createProductDiv(product) {
+ const div = document.createElement("div");
+ div.classList.add("product");
+
+ const image = document.createElement("img");
+ image.src = product.image;
+ image.alt = product.name;
+
+ const name = document.createElement("p");
+ name.textContent = product.name;
+
+ const price = document.createElement("p");
+ price.textContent = `$${product.price.toFixed(2)}`;
+
+ const checkbox = document.createElement("input");
+ checkbox.type = "checkbox";
+ checkbox.value = product.price;
+ checkbox.addEventListener("change", updateTotal);
+
+ div.appendChild(image);
+ div.appendChild(name);
+ div.appendChild(price);
+ div.appendChild(checkbox);
+
+ return div;
+}
+
+function updateTotal() {
+ const checkboxes = document.querySelectorAll("#coffee-list input[type=checkbox]");
+ const totalSpan = document.getElementById("coffee-total-price");
+
+ let total = 0;
+ checkboxes.forEach(checkbox => {
+ if (checkbox.checked) {
+ total += parseFloat(checkbox.value);
+ }
+ });
+
+ if(total==0){
+ alert('Please order atleast one.Cannot proceed to payment portal');
+ }
+
+ totalSpan.textContent = total.toFixed(2);
+}
\ No newline at end of file
+ 
+ 
+ 
+ 
+ 
+