forked from hack4impact-calpoly/bootcamp-project-2022
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathmeatballs.html
More file actions
58 lines (56 loc) · 11.1 KB
/
meatballs.html
File metadata and controls
58 lines (56 loc) · 11.1 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
<!--This is the meatballs file. The goal is for users to find the recipe through the link to this page--->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Meatballs</title>
<link rel = "stylesheet" href="index.css"> <!--linking css!-->
</head>
<body style = "background-color: peachpuff;"> <!--site wide color theming-->
<div class = "flex-container"> <!--flexbox for title and navigation. Use a bunch of   to make space between title (left)and nav (right).. hopefully I find a more efficient way to do this! UPDATE: created flex-container2 class in index.css which allows for proper spacing btwn title and nav links!-->
<h1> Mediterranean Meatballs</h1>
<nav>
<div class = "flex-container2">
<h2 class = "padding"> <a href = "recipe.html"> Home </a> </h2>
<h2 class = "padding"> <a href = "about.html"> About </a> </h2>
</div>
</nav>
</div>
<br>
<h3>Comfort food alert! The combination of spiced meatballs, peas, and white rice is flavor heaven. This Mediterranean dish is full of a lot of refreshing middle eastern spices and flavor. Make sure to serve hot! </h3>
<!--image below-->
<br>
<img src = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHCBUVEhgSEhIYGBgZGBgYGRgaGRkYFRoZGBgZGRgYGBgcIS4lHB4sHxkYJjgmKzAxNTU1GiQ7QD00Py40NTEBDAwMEA8QHxISHz4rISw0NDY9NDc0NDQ0NjQ2NDQ0ND00NDQ0NDQ0NDQ0NDQ0NDQ0NDE0NDQ0NDQ0NDQ0NDQ0NP/AABEIANsA5gMBIgACEQEDEQH/xAAbAAABBQEBAAAAAAAAAAAAAAAAAQIDBAUGB//EADkQAAEDAgUCBAQEBQUAAwAAAAEAAhEDIQQFEjFBUWETInGBBjKRoUJSsdEjksHh8BQVU3LxYoKi/8QAGQEBAQEBAQEAAAAAAAAAAAAAAAECAwQF/8QAJBEAAwEAAgIDAAIDAQAAAAAAAAECEQMhEjETQVEiYTJScQT/2gAMAwEAAhEDEQA/APXUIQoaBCEIAQhKEAIQhACEIQAhCEICEIQoIQhACRKkQAhCEAIQhACEIQAkSpEAJClSFAIhCEA9CEIAQhCAVCEIAQhCEBCEIAQhCAEIQhQQhCARCEIAQhCAEIQgBCEIASIQgBIlKagBCVCAchCEAJUIQAhCEICEIQAhCEAIQhACEIQoJEqEAiEqRACEIQAhCEAIQhACRCEAiEIQAhIhASIQhCAhCEAIQhACEFwTTUCAchRGr0Cb4pQpOhV9Z6o1HqgLCRV5KagLUpJVaEQgLM90Sq8IhAWUKq4wCTwJ+i4/E/ELzNRtVrWg/KN/Q9SuPJyzGaamG/R3SFi5DmX+ooipzJaeBIvP0IWlrPVdJfktRGseFhCg8Qo8XstEJykUYqhODx1QDkiJSoBEIQgHoSFyjdU6ICWU01AoC5CAkNRMLyklIgFQkSwgBInQiEAkIhKhQCQiFTx2Z06UB5MkTAEmOqycZ8Rtc1raBhzpu4C0C0Xi5/Rc3yzO6zSin9HRQlhcHh/it9KuG4ipqZME2gDqIC2MV8TaSHMYCyYlxOo94GwWfnnNZfjrcOgr1WsYXuMBokrnK/xG9xApsa0dSZcekcBZ+dZv4zmEWoljSRqvrN/MB029u6oseyBtM7SN7RA5/wAuufJytvJfR6eLhlTtey+/M8Q8mKhPECI+wXOYvI6xaS1zdpIggx1ud9lp1cwY27amtgkHSRIdvBjc3THZmTT8geJdpcSPNAN4BG0e64vyfs6uZz0SZXjauFa1oqBzBcsIJaS65MgT7ruMvzBlZgdTcCYEt5Ht07rzJ9LEvGoB2giA3U1r4G0lJlOYPw9QvBILSGuHMS2REX/su3HytHG+NP0eswkTMLiG1KbajPlcJE7+6kIXrPKIhBSIQVODymIQEgq9QhMQgHkpEJCgBCEIACWEoSPMCym4UUBV8Rj6VMhr6jWk3AJvHWOiys6zl1N2inAgS9xExyAB1WCyqXl1V9y8A3AMybEdrLz3z4/GfZ0ni32ddiM1psMTqJv5bjad9lQxPxAGj5bzEE+kTa24WHWDXU3Mqkjba29gAI7qlnFH+H4bHechoaDqPIuY5ifdYfLTZ6Z4JS/Tcdn1R8eHDQTYxINpuTx3Cq4vNnu/hvcWzf8AhkgnaxtceizMtoaA0PBLhql5M+Zx2E32n6Kw+u4VHmo7SwCTOmIEyJF7QPqs02+iqJ/DMzBjyJNQPuIEu1R077iyqeGSRDXaoECDsAI9k7/dWVKn8NsOALdRt5QSQSRceX6wm4nMnN0gQC6GAi0h5FyQsqcOktSs+itgcEyq46iJ6mCJPO/vYe6dj3Fg8PX5oIGqRxAP+dFfL3Ydzi9jY0mHAgOEkFzY6zF4VfF5yC5lTTpvOl0Hymx0/uubbddLUYql5f0LgHA0QHOgt6SSY7bkyR6qXB4pj3uFWnAFxI80kek7A+iiexj3ktqEGQ5oHN7E+8Ku/U0FrQ1z7TfTI6gzexK3L3s1vRbdj2MaBSYxkusI3k6Qe5sr1HBgMcKsuLnTbUQZA6DrxMKpk2F1k1K1Ng0RovJm5l3HtK2GPdfYN6iQQSZt053Vb+h/ZI2m1o9QBIj0gSoMXgWO3a25Gpx+a1hJbxCfTwrIDhJgyHON+eeibi81psEay5xgHS2QDInfm8z2WR7NbKczbh2NpuYS0lzg5rtW940lbWAzWjWkU6gLhu02ePVp/VeVu+JnCrp8JzodHlIjbcATP6IGLLqhqNOh7HTMmQRu2ZteV3jkqV2ujhfFL7Xs9gKRZPwzmpxNAVHNIcCWPnlzQJMcTIWuvSnq08rWPGIhKkWiAhCEA5CRKgAJwCRZePzhjCRc6fmgWHYlYu5layzLp9F3GYtlNhe8wB0ub9AubzT4ga5sAuYBvw7t7KpmuaCsCQ/yAi0iZ/6/VZJosc4vqvJAFmm0SOV4eTndPF6PRMJf9LFPEsIJdUku2LoMiJueApaIimXutqs0TIgdBxz9FyeaPBgUp1TAa35T3AWrg8VUYwNfS0inTBMnfiARYbT+q5pJLTrPs2MxxjdDNEF4gO6QZj/O6yhViXa3PdMF7TGkwQQJHmP6KSs2zTaHiS4m4BEkB3FpCj8Gk0NbqLQ7V5wYdbmRxzC6I7N56LLsW5jG6hJBBuIFxIJPNo+ip13aRD3B5IMGWz5oJ7Rf1Uld7QQxrtbdJEl2kjkaRx6xx3UeGwlEuJddzWF06ib2mx5791rURJ+yHGYhjQ9ulsvZp8gvr4t9TP7rmsW6o8jUdRsA0NvwBAG5M8K5Vq/xXOp3I2BE32FuSei6nKcpLR4j3Br3BpDWtOphN3Ak88ekrSedsw58uihRwVV7mvxT9MQS2Q57i2DxIA2vM9kmMyWi+oapD+mkvJDrRfkAdBC6J+gN4M/iMbzF7rPxWEBcHg+UTI3E8Edbrmq/Ojfxz+ENSi53lawMDR5TDg6QJEajcCLFZWYBwqMpOph73kAPBI3tII7m4MrSY97CHvDSLTO+kckGOJUVem3WKjSTcObLbCNy21rdLolgqU10VsLTqCr/AKdzgWMnfytcTG5HIM91utqw0sJ1AQDuJ4iT++ya9gfQBiNiYsBaQT0Bg7KNlBrabgHSRJII67HVv/7HVN0iWdF19RgAc8iBEXgDg/8AqyMfjWF+zr6SdLgBYWuqOb0HDzOeDNtAuZsY4Ht0VTDYKoYFRwY0/hvPMdQNjytKetG+LLFLFBlTVoDWk/NAG4uI5EKKgAX+JUc4s1OIEAEmbR0Gyr4zDOBuQRBDbiRbYydrz9U0k6dPJMfNYcrUpGKp/Z0/wf8AEApVHtqmGOAgD8wI80HYQT9F6JhMUyq3VTeHiYkdd/6rxChRe4AQQ4DynrawXofw684emKZIkmXep4+y0+b4/fo5vh81q9naQkhQYTFNeN7qeV6ItWtR5aly8YiEqFsgJUgSPKyylfGVS1pfEgAmOq84zqtUdOim8hxJs1xEz2C73McTDXA9PQLkatAu1HU4Nm4DolfO5qTtfh7OOEp1mFgcoratVTUy1gD5xM7xsY47q/isucxge67QbySHEFv4iIA323lT4PFUmNcBeJm8EmTcwsN2Ya64bvMxPB3Cwm228CaTLz8uptiqymRy0lxiRuIO4UhrtdPiuDGl0bi9pbHf1spMwYXBvmAiCSD+lhHRUs1wLPB/1HiM1fLpMSQfyt673KqymtNdI06lJ5bpAIiZJBIHewv6Kq/Aw8lpa4gDzuJESCDAIgbwocvzQimHP8w2JJ2jr2WPjMxLnkggAwN5FuV0ndxHV5msuvayn5n0w9xJ2dYR6BZOIx4mGSJ3E3j2/qpTiGiiWjd1iTx3E7KHA5Y2s7RSOpw3IiBvF10WLtnKqpdI2cjYNZqN/AG2mYc5t5PNl0rKhsB7O3k+w2WXlmHGHig2ZjU90C9vNc7Xt6BajWkPDSQIAIkeU+49lzppvo6x0uyQ4Bpa1xF4PRsbbqocOA3ykuEzBkbEmOhWgyoCzaW6rO27E3OyrVMUHSwNAvYHa25+xUKZ7MI5+pxf5WulrRJkOg3O8STYqhmjCY0PaXAiW32M3I7QfZaeBqSXsBc2NMHiJggT3O6hdjWSfDa0hp3dYutFrTH0WkyMqYTCF1PxG1HOMRBnyjeLf5YrP/3oscWvsSNJv+nfutEYzSAabSNRMAGZEkHf3uufzosFUAkEOuT9r91ZSp9nO25Wm2+sypQbqJcGmSTYnoLfdOx1djvI3ytDQO92m8zc3XNPzGGii0Awfm2cROxlT08abeUWgD+605ZFyThNXwwZ+KYbqJdyOvbZQua4w2BJE2+6bicQ0uJe/VJ6xff6DaEj3vc0mjTdpFnPAJ7XMeq0kzDaNJ2btIa3wy0C0niLfuulweN102vJHO8XgxN1wVRlZjAXUzBIAMWk7AwZEwVNTxZkPkiIEbgdInjssXxKkVcviemYTGkXC6fA1tbJXlWT5j/EAJhpnsB0XeZVjwLTYrnw7xVj9MvLnJOpdnQoTWGRKVfQ1Hhwco6roFlImVWSCISl0WfZzueOJa4OEiLgfN7QsLDOeGeI6oGWhvlGoATfzDczyOVq540NPklr/qYP/Zc8a2oaCxzj1u2ODIIIPtC+XUvybTPpeOwsKdeixwc5uoueT5iXOJMyXD+whJkmUNZU8TEGBs3UNInrJ5VzBMeyp52NMDyySIHEbzdTZhjHfJI0njp1nlPJro5eK0o4jDvqv1tDQy+5kEdo3/RRPhrtIABAtAuL37rSoOexjmBzTqkQW+YTuAZB+yjw2XS0vc9uqCNLi3bbY8on9Gk/056vgwCXgvEmfKAb/wDWQCPpCqHLXTL2vjgxpB39V0L8M0PHl1cW2nbUQtEVmCNgLCJB9StvlqUsRKlfRFlWHYylLaZJIEmJMH/5fssfEYs0qvkb5nua0j8RvaY9SukxeJpMZBfJ/LBsO07fRczVzJhrh43aLd77Fc48m22jLZo13gFtTiDr6ggkQp3ZhIBYNWkQW9iOYtIWfWaXsc+mXeY6tJAi86gOoF729FLhMTSZTa0y15JNtMEHiYnccrri9naWyfC4h7qjXNs0AyDGkD0tB/8Abqvjc1Ie4WA+UENv30+sx2hWsO0GGAEknqJMXvbos7OqdMOOgGxs2IEkCb9AtS19kpZ2hr8T5ZDbOHBl3v0Pos3E4ouZ8oAngec8G/Tsgk6Y6RtP3Kkw1APY6bkOsOjY68/0W0kuzDpvotYjEte1vhsLNADIJ4A83/6m6oU8eGVdWkPBEGRtBn2SVajWvIHG/SeYiyoMqAuE7kz9SqpMW+iXOMU17tTWN1TsOhuQrOSZRUqzUeNLADEmCY7dPuU7EFvADtJMHr/VamGdXbTBnQ2A03MgG1wApVYkkc5XesixuR0SyKbpeDJIJl1zI3Iiy08NiAzRTdDbCGxLpvYdVmMzFrG6GASSTMAm9yZWpgH0wNbrm8kkehtM8hcndJdo7yt7SMrPcZvR+XWQf/q0Wmb3M/4FVweTPezUS0NPU7/sulqvpukBrb2/+PYfb7KTKsPLDTqOGkSQAZBHBk39p4Pony/x6OdJutM7KW06LXavnuARB+/T03V3Lczc6qGS0gnfkfuqua4VriQ0BrhMEbH1G2w+yMqyZxcDqPFv7rGr22bmW3p6XllYFiFBlGFLGQPdIvbxt+KPNanyNZIU8hNcF6DkZ2ZYPWCQJMbLkmeVx1MMNIDu07fou7VXE4Fj7lvmiNQ3jp3HZeTm4PJ7J6OPmxeNejz3H6n1PDpm4Opp2gRM9rKzhMu1F3iAvcdjuIi8DcrbxWQuYXPpgPkAX8r4E2BGwM9FmMr1BIAAfeWgtDhNrNJmF5LipSWdnbZa1FEuYx2knUGmACQYJnYm+wPZVc3zRhsxgaB7Geqmo5cXPJqERHmYCC61xcbGx2vHqpsyoUSwNNNpseNhxBFxypqTxmezLyvMXFwLGA3h3lkDoYBHdIyi+tUipa4hxkOtwLxB7q98OYPQXOFPU03E/MR6RspSW+LqcYaJjoCdhP1+itXnUm1TzGZOb5U4tAbUm5uR5ib2nor2RZRRbTLywvdxYPM7Q4fhPbukzrFh8MYGjTFx0HJI2VKi+agNiQASDYujkwYWk6c4/Rnx16SY1j3PcymJDCQAwGBBI/DxIVGmAXRJDhEzYj19LLQpYvVOmnHpcuneY/qrjMI/EMB1aYm8S8iR5SdxtYR1VTU+zboyW1NFQaqgIgQeOf3UL5MnTEk233PVNx2XPozUc8PbwL6v0EqhTxpeAGB0j8IF1tTvaDtMsVxoZqAnabkDeLD3Cy35k8SAbbdx6KTF4fEvuWuj8sx9uSo8oyx9Wpp07fNPHqu0qVO0zhVU3iI6DnPOhgkn1IHclaOGyio8+ZmnST5oMWExtf36rYGCbRDtMAECdiZ4Ppb7oyunUeZ8STOqSZHlMX6/KsvlTWr0d44pc7TM+phSyoAHCxiDYDuPSZW1g21XkU5aGfMSCDPYcyVnZsC19ok7Rfm3F79uitYLD4pr9bmDT3LQeIPXquNvZ3Rcwu5LuZZfTa4280bgnVG8GVgPwdSNTD5ZOx82/wCy0cRmD6jvDFM6u/vufYp7MDWY0hzm3OrTeRIHJtwsS3K7Zz8mukZWEq1KjvDpy47EkRBG9vdbDstqta0MqiQRqsR6hUcLiiyqfDb5nXJAvI/z7LWfmOvzPN+ePqryNrMRFolbL3xra7URxsSOYK6v4ewpLRLYH+crBypmIr+VrgGTuBBidpK7rA4XQwNmepXTh46b/kLvJwtg8BCAEL3YeUtOYoyFIyqCnloK0QquYo3BW3MUbmICtKpY7L6dQedgJ68rTdTUbmLNSqWMqprtHI4jIXsOqnD27aJ0mPUcrGxVEtf5qTzEeRz7HtZoMTHVeiFirV8K1whwB9RK81f+de0d55v9kcNQx8B/iVCx2o6gGE2N7HaLnhQhjKj2uLAfLq+Y6ZbMBw2JiB7rq8X8O0njYj02+ixsR8NVWtd4bgby0bH3k2XKuGkukady/TMfHgF4YAHCo0TpMaYG23BIJ4NlFUygUQDO4m5kGew4TWZNiBWBqU3taA7zAaxNonTwn4+g8eUubE9SI7kET9lhzaxG5vVgmVUwxrhTe1xIh7XOhx3uz0nvuJ7PZiq7N3Na08Q2/d0c91LgqFNjiGHXGkucJ81hPoJlVs4xTSTpaGj8sk/qstvcGvMLzmMfTlzdRMBoixGxP2WSzCOpvD3hzWAQ1xAfHrBnT9YlaeAp+F5X3MAkX5AMX9YVbNMVIJEDoO3RRU1WIqHOp6zAqtdAFwCABOw1ASd7AK4cIyiwVGuhzpEcdCT1nvdY+WVGky/UI2i4m4GodL8J2Ka5ztIcXDewIk95VpPSuH9BVxTdDibbtIN7xaJ3mT6KfC1Qykx7AdBaQSLwQ5wIPTr7qph8kc86qjSLzC1qWWOa0taSAeASL94hG5SzTahsycK99XEAtZLWAvdInsPeTK38ZjYBGiHRzY7dFHgcoex2thLXdrz6jlaeHy6u5+p4JafwjysnqWyJ9ysvKzE+iPj8fbOey7UKpqRJcA5pAkA7uabWO3axT8fmGuSXAnbhdN/sdckta9jGcfiPsAp8H8J0GXf5zvewn0XSeGqetYcaqJ+zjcryvx6moMMdQOV2eF+GKW7wXHmefU8rboUGsEMYGjsIUwC9c8KX+XZyrlfqSPD4ZjG6WNAA6KWU5rE8MhdksOWkYBQpZCFoGWHuaZaf2U9LMY+YR3Fx9E17FVexZBtUcUHbEH0VgPaVy7mxspGY17eZHf8AdXSYdJoCaaSx6ebD8QI9LhW6WYsOzx72P3TUMZZdRKjdSUjcSniuFQVXU+yYaSva2pfKpg0zTRUVTCg7tB9QCtbQE3wR2UwumKcrpzPht9hB+oVHE/DdB7tTqZJ66nf1K6c0Ak8AKOJ/C+b/AE5hvw7SEwH36kO2/wCwMKm/4Rokkl1T6tj2Gldl4AR4AWfin8NfJX6cjR+FKDfzn1I/oFdZklNuzXH3/suh8EI8IKPhh+0X5r/THpYBg2Z9VM3Ct/I36LSLGpdLVpcUJYkZfJT+yi2lHACkFNWC4JDWC0kjOsiFFPFJNdiB1UT8UE6J2WNHdLICovxRVPEZi1vzVGjtN/omoprurAKCrioXP1s6Z+HU77D7qjVzd5+UBv3P1KeQw6R2KPCFx76r3Xc4n1KVTRh372KrUprXexVqlJaaJpkvpqu9i1n0lWdRUKZrmKNzVfdSUDqagKrXOb8pI9DClbjqg/FPqAUrqaYWKAnbmzxuwH0kKRucDlh9jKoFiY5iusYbDc4ZyXD2/ZSDNmf8n1B/ZYBYmFiaxh0gzNn/ACN+qf8A7g387f5guWLEhYnkMOr/ANcPzt/mCP8AWj87f5guRLE0sTyGHXHHD87f5gozmDf+Rv8AMFyhYk0pow6l2Zs/5G/VQuzen/yfQE/0XN6UhYmjDefnTOC4+g/dV3543hjj6kBZOhJoU0pffnT/AMLGj1k/sq78zqn8UegAUHho0poGVKr3fM9x9zH0UYpqctSaVARBicGqWEioGQhSQhAemkJrmp6CuhgrvpKu+ir5UbkKZr6SrvorVqBV3BZaBmPpKF9JaTlC4JhTOdTTHMV5wULlAUyxMLFbco3INKxYmlincmlQulcsTSxWCmlCkBYk0qYpCgIdKSFKhCEOlGlSoQEWhIWqcIKAr6UulTBKEBD4aXwVZapGhAVBRQtEMHRCpD//2Q==" height = '300' width = '350' > <!--changing image dimensions-->
<h1 class = "important"> Ingredient List </h1>
<ul><h3> <!--unordered list of ingredients-->
1.5 lb ground beef <br>
1 egg <br>
1 potato & 1 sweet potato <br>
3-4 TBSP dry breadcrumbs <br>
Parsley <br>
Barhat spice <br>
Salt <br>
1 bag of frozen peas <br>
1/2 tsp tumeric <br>
1 medium onion <br>
3 Garlic cloves <br>
1 cup rice <br>
1.5 cups Water <br>
</h3>
</ul>
<br>
<h1 class = "important">Cooking Instructions: </h1>
<ol> <h3> <!--ordered list of ingredients-->
1. Grate potatoes and onions <br>
2. Mix all ingredients together by hand (let it sit for half an hour) <br>
3. Sauce: Cut onions into small pieces and mince garlic, and saute <br>
4. Add meatballs, 1 bag frozen peas, salt, tumeric and water <br>
5. Broil on low heat for an hour <br>
6. Rice instructions: wash rice x2 times <br>
7. Boil rice on lite for 10 minutes, then turn to low and let it sit for an hour <br>
8. Serve warm and enjoy!
</ol> </h3>
</body>
</html>