diff --git a/bryantferguson/src/code/index.html b/bryantferguson/src/code/index.html
new file mode 100644
index 0000000..4fde827
--- /dev/null
+++ b/bryantferguson/src/code/index.html
@@ -0,0 +1,36 @@
+
+
+
+
+
+ Interactive Restaurant Menu
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/bryantferguson/src/code/script.js b/bryantferguson/src/code/script.js
new file mode 100644
index 0000000..09aaf8c
--- /dev/null
+++ b/bryantferguson/src/code/script.js
@@ -0,0 +1,82 @@
+console.log("JavaScript is connected!");
+
+const buttons = document.querySelectorAll(".menu-btn");
+const menuTitle = document.querySelector("#menu-title");
+const menuDisplay = document.querySelector("#menu-display");
+
+console.log(buttons);
+console.log(menuTitle);
+console.log(menuDisplay);
+
+const menuData = {
+ vodka: [
+ { name: "Irish Coffee", description: "Whiskey, coffee, sugar, and cream", price: "$9" },
+ { name: "Mimosa", description: "Champagne and orange juice", price: "$8" },
+ { name: "Bloody Mary", description: "Vodka, tomato juice, and spices", price: "$9" }
+ ],
+ whiskey: [
+ { name: "Whiskey Sour", description: "Whiskey, lemon juice, and sugar", price: "$10" },
+ { name: "Old Fashioned", description: "Whiskey, bitters, sugar, and orange", price: "$12" },
+ { name: "Manhattan", description: "Whiskey, sweet vermouth, and bitters", price: "$12" }
+ ],
+ rum: [
+ { name: "Bellini", description: "Prosecco and peach purée", price: "$9" },
+ { name: "Aperol Spritz", description: "Aperol, prosecco, and soda", price: "$10" },
+ { name: "Screwdriver", description: "Vodka and orange juice", price: "$8" }
+ ],
+ tequila: [
+ { name: "Negroni", description: "Gin, Campari, and sweet vermouth", price: "$12" },
+ { name: "Martini", description: "Gin or vodka with dry vermouth", price: "$11" },
+ { name: "Boulevardier", description: "Whiskey, Campari, and sweet vermouth", price: "$12" }
+ ],
+ gin: [
+ { name: "Gin & Tonic", description: "Gin with tonic water and lime", price: "$9" },
+ { name: "Tom Collins", description: "Gin, lemon juice, sugar, and soda", price: "$10" },
+ { name: "Negroni", description: "Gin, Campari, and sweet vermouth", price: "$12" }
+],
+brandy: [
+ { name: "Sidecar", description: "Brandy, orange liqueur, and lemon juice", price: "$11" },
+ { name: "Brandy Alexander", description: "Brandy, cream, and chocolate liqueur", price: "$12" },
+ { name: "French Connection", description: "Brandy and amaretto", price: "$11" }
+]
+};
+
+
+function displayMenu(category) {
+ menuDisplay.innerHTML = "";
+
+ const categoryTitles = {
+ vodka: "Vodka",
+ whiskey: "Whiskey",
+ rum: "Rum",
+ tequila: "Tequila",
+ gin: "Gin",
+ brandy: "Brandy"
+ };
+
+ menuTitle.textContent = categoryTitles[category];
+
+ menuData[category].forEach(item => {
+ const menuItem = document.createElement("div");
+ menuItem.classList.add("menu-item");
+
+ menuItem.innerHTML = `
+ ${item.name}
+ ${item.description}
+ ${item.price}
+ `;
+
+ menuDisplay.appendChild(menuItem);
+ });
+}
+displayMenu("vodka");
+
+buttons.forEach(button => {
+ button.addEventListener("click", function () {
+ buttons.forEach(btn => btn.classList.remove("active"));
+ button.classList.add("active");
+
+ const selectedCategory = button.dataset.category;
+ displayMenu(selectedCategory);
+ });
+});
diff --git a/bryantferguson/src/code/style.css b/bryantferguson/src/code/style.css
new file mode 100644
index 0000000..45978bd
--- /dev/null
+++ b/bryantferguson/src/code/style.css
@@ -0,0 +1,100 @@
+*{
+ box-sizing: border-box;
+ margin: 0;
+ padding: 0;
+}
+
+body {
+ font-family: Arial, sans-serif;
+ background-color: #1F456E;
+ color: orange;
+ line-height: 1.6;
+ padding: 20px;
+ font-style: normal;
+ font-family: "Times New Roman", Times, serif;
+}
+
+.hero {
+ text-align: center;
+ margin-bottom: 30px;
+ color: goldenrod;
+}
+
+.logo {
+ width: 150px;
+ height: 150px;
+ margin-bottom: 20px;
+}
+
+.hero h1 {
+ font-size: 2.5rem;
+ margin-bottom: 10px;
+}
+
+.hero p {
+ font-size: 1.1rem;
+ color: goldenrod;
+}
+
+.menu-controls {
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: center;
+ gap: 10px;
+ margin-bottom: 30px;
+}
+
+.menu-btn {
+ padding: 12px 18px;
+ border: none;
+ background-color: goldenrod;
+ color: white;
+ border-radius: 8px;
+ cursor: pointer;
+ font-size: 1rem;
+}
+
+.menu-btn:hover {
+ background-color: orange;
+}
+
+.menu-btn.active {
+ background-color: #d97706;
+}
+
+.menu-section {
+ max-width: 900px;
+ margin: 0 auto;
+}
+
+#menu-title {
+ text-align: center;
+ margin-bottom: 20px;
+}
+
+#menu-display {
+ display: grid;
+ grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
+ gap: 20px;
+}
+
+.menu-item {
+ background-color: white;
+ border-radius: 10px;
+ padding: 18px;
+ box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
+}
+
+.menu-item h3 {
+ margin-bottom: 8px;
+}
+
+.menu-item p {
+ margin-bottom: 10px;
+ color: goldenrod;
+}
+
+.price {
+ font-weight: bold;
+ color: #d97706;
+}
\ No newline at end of file
diff --git a/bryantferguson/src/images/B.jpg b/bryantferguson/src/images/B.jpg
new file mode 100644
index 0000000..bd6367b
Binary files /dev/null and b/bryantferguson/src/images/B.jpg differ
diff --git a/bryantferguson/src/images/Screenshot.png b/bryantferguson/src/images/Screenshot.png
new file mode 100644
index 0000000..1f4e223
Binary files /dev/null and b/bryantferguson/src/images/Screenshot.png differ
+
+