diff --git "a/JameskBarclayIII/images/Screenshot 2026-04-01 at 4.47.15\342\200\257PM.png" "b/JameskBarclayIII/images/Screenshot 2026-04-01 at 4.47.15\342\200\257PM.png"
new file mode 100644
index 0000000..5400b69
Binary files /dev/null and "b/JameskBarclayIII/images/Screenshot 2026-04-01 at 4.47.15\342\200\257PM.png" differ
diff --git a/JameskBarclayIII/index.html b/JameskBarclayIII/index.html
new file mode 100644
index 0000000..38fb89b
--- /dev/null
+++ b/JameskBarclayIII/index.html
@@ -0,0 +1,41 @@
+
+
+
+
+
+ Sunny Bites Menu
+
+
+
+
+
+
+
+ ☀️ Sunny Bites
+ "Fresh food, happy mood"
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/JameskBarclayIII/script.js b/JameskBarclayIII/script.js
new file mode 100644
index 0000000..87ec5eb
--- /dev/null
+++ b/JameskBarclayIII/script.js
@@ -0,0 +1,64 @@
+
+const buttons = document.querySelectorAll(".menu-btn");
+const menuDisplay = document.getElementById("menu-display");
+const menuTitle = document.getElementById("menu-title");
+const weekendMessage = document.getElementById("weekend-message");
+
+const menu = {
+ breakfast: [
+ "Pancakes - $8",
+ "Eggs & Bacon - $10",
+ "French Toast - $9"
+ ],
+ brunch: [
+ "Chicken & Waffles - $12",
+ "Avocado Toast - $10",
+ "Omelette - $11"
+ ],
+ lunch: [
+ "Cheeseburger - $12",
+ "Grilled Chicken Sandwich - $11",
+ "Caesar Salad - $9"
+ ],
+ dinner: [
+ "Steak - $20",
+ "Salmon - $18",
+ "Pasta - $15"
+ ],
+ desserts: [
+ "Ice Cream - $5",
+ "Cheesecake - $6",
+ "Brownie - $4"
+ ],
+ drinks: [
+ "Soda - $2",
+ "Juice - $3",
+ "Coffee - $3"
+ ]
+};
+
+
+buttons.forEach(function(button) {
+ button.addEventListener("click", function() {
+ const category = button.getAttribute("data-category");
+
+
+ menuTitle.textContent = category.toUpperCase();
+
+ menuDisplay.innerHTML = "";
+
+ if (category === "brunch") {
+ weekendMessage.style.display = "block";
+ } else {
+ weekendMessage.style.display = "none";
+ }
+
+ const items = menu[category];
+
+ items.forEach(function(item) {
+ const p = document.createElement("p");
+ p.textContent = item;
+ menuDisplay.appendChild(p);
+ });
+ });
+});
\ No newline at end of file
diff --git a/JameskBarclayIII/style.css b/JameskBarclayIII/style.css
new file mode 100644
index 0000000..639cfa0
--- /dev/null
+++ b/JameskBarclayIII/style.css
@@ -0,0 +1,66 @@
+
+* {
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+}
+
+body {
+ font-family: Arial, sans-serif;
+ background-color: #f4f4f4;
+ color: #333;
+}
+
+.hero {
+ background-color: #ff914d;
+ color: white;
+ text-align: center;
+ padding: 30px;
+}
+
+.hero h1 {
+ margin-bottom: 10px;
+}
+
+.menu-controls {
+ text-align: center;
+ padding: 15px;
+}
+
+.menu-btn {
+ margin: 5px;
+ padding: 10px 15px;
+ border: none;
+ background-color: #ddd;
+ cursor: pointer;
+}
+
+.menu-btn:hover {
+ background-color: #ff914d;
+ color: white;
+}
+
+.menu-section {
+ max-width: 700px;
+ margin: 20px auto;
+ padding: 20px;
+ background-color: white;
+ border-radius: 8px;
+}
+
+
+#menu-title {
+ text-align: center;
+ margin-bottom: 15px;
+}
+
+#menu-display {
+ padding: 10px;
+}
+
+footer {
+ text-align: center;
+ margin-top: 20px;
+ padding: 10px;
+ background-color: #eee;
+}
\ No newline at end of file