Skip to content

Commit

Permalink
Website link
Browse files Browse the repository at this point in the history
  • Loading branch information
WillowInTheWind committed Feb 13, 2023
0 parents commit 52a5b28
Show file tree
Hide file tree
Showing 9 changed files with 216 additions and 0 deletions.
Binary file added .DS_Store
Binary file not shown.
Binary file added Burratta.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Crudo.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
36 changes: 36 additions & 0 deletions index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,36 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Recipe Book</title>
<style type="text/css">
img {
width:15%;
}
/*#Scallops {
border: 3px solid #555;
}
#Burrata {
border: 3px solid #555;
}
#Lamb {
border: 3px solid #555;
}*/
</style>
</head>
<body>
<h1>Recipe List:</h1>
<ul>
<div id = "Scallops">
<li><div id = "img1"><a href = ./pages/Scallop_crudo.html><img src = "Crudo.png"><div id = "text1">Citrus-y Scallop Crudo</div></a></li>
</div>
<div id = "Burrata">
<li><a href = "./pages/Burrata.html"><img src ="Burratta.png"><figcaption>Grilled Peach Burrata</figcaption></a></li>
</div>
<div id = "Lamb">
<li><a href = ./pages/Seared_lamb_chops.html><img src = "lamb.png"><figcaption>Seared lamb chops, salad, and Tzatziki</figcaption></a></li>
</div>
</ul>
</body>
</html>
Binary file added lamb.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added pages/.DS_Store
Binary file not shown.
72 changes: 72 additions & 0 deletions pages/Burrata.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,72 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
blockquote {
margin: 0;
}

blockquote p {
padding: 15px;
background: #eee;
border-radius: 5px;
}
img {
width: 290px;
length: auto;
}
img {
float:left;
}

#Ingredients {
/* float:right;*/
margin-left: 300px;
}
#Instructions {
padding: 30px;
}
#Directions {
font-size: 18px;
}
</style>
<title></title>
</head>
<body>
<h1>Grilled Peach Burrata</h1>
<p><h3>Description</h3></p>
<p> This bright summery dish is the perfect appetizer for a dinner party and just to devour as fast as possible </p>
<img src = "../Burratta.png">
<div id = "Ingredients">
<p><h3>Ingredients</h3></p>
<ul>
<li>2 whole Peaches</li>
<ul>
<li>Frozen is also fine just make sure to throughly pat them dry</li>
</ul>
<li>4 ounces of Burrata</li>
<li>1<sup>1</sup>&frasl;<sub>2</sub> cups of Cherry Tomatoes</li>
<li>8 ounces of Basil</li>
<li>1/4 cup of olive oil</li>
<li>salt and pepper to taste</li>
</ul>
</div>
<div id = "Instructions">
<blockquote><p>&#128161; Tip: This is a recipe all about personal prefrence, adjust these numbers as you see fit!</p></blockquote>
<h3>Directions</h3>
<ol>
<div id = "Directions">
<li>Slice peaches into 2 inch slices and set aside</li>
<li>Add a light amount of oil on a grill, or grill pan, and place the peaches on the pan, making sure not to stack</li>
<li>Well the peaches grill, julienne the basil and half the cherry tomatoes</li>
<li>flip the peaches off the pan when grill marks are visible on the bottom. Remove from pan and place on a large plate</li>
<li>Place tomato halves over the peaches as well as jullienned basil.</li>
<li>place the burrata on top and drizzle with olive oil, salt, and pepper</li>
<li>Serve with crusty bread and enjoy!!</li>
</div>
</ol>
</div>
</body>
</html>
48 changes: 48 additions & 0 deletions pages/Scallop_crudo.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,48 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
img {
width: 290px;
length: auto;
border: 3px solid #555;
}
img {
float:left;
}
#div1 {
margin-left: 325px;
}
</style>
<title></title>
</head>
<body>
<h1>Scallop Crudo</h1>
<h3>Description</h3>
<p>A citrusy fresh dish that is a perfect dish to share with a crowd, each component combines together to make a bite to die for</p>
<img src = "../Crudo.png">
<div id = "div1">
<p><h3>Ingredients</h3></p>
<ul>
<li>1 cup Coconut Milk</li>
<li>2 Blood oranges</li>
<li>1 lemon</li>
<li>1 Naval Orange</li>
<li>1 pound of Scallops</li>
<li>1 shallot</li>
<li>1 green onion</li>
<li><sup>1</sup>&frasl;<sub>4</sub> cup Chili Oil</li>
<li>6 pieces of Sushi Ginger</li>
</ul>
</div>
<h3>Directions</h3>
<ol>
<li>Halve the scallops and place at the bottom of a shallow bowl</li>
<li>In a measuring cup combine the juice of the Orange, 1 blood orange and half of the other, <sup>1</sup>&frasl;<sub>2</sub> lemon and mix until a light pink, almost pepto bismol coloured liquid </li>
<li>Pour the liquid over the scallops until just the tops of the scallop are visible</li>
<li>top with pieces of sushi ginger, sliced shallot, sliced blood orange and lemon, and a drizzle of chilli oil </li>
</ol>
</body>
</html>
60 changes: 60 additions & 0 deletions pages/Seared_lamb_chops.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,60 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Seared lamb chops</title>
<style type="text/css">
img {
width: 390px;
length: auto;
border: 3px solid #555;
}
img {
float:left;
}
#div1 {
margin-left: 425px;
}
</style>
</head>
<body>
<h1>Seared Lamb Chops</h1>
<h3>Description</h3>
<p>A meaty dish with a refreshing Tzatziki sauce and salad is a great entree for any dinner party or just for your own enjoyment</p>
<img src = "../lamb.png">
<div id="div1">
<p><h3>Ingredients</h3></p>
<ul>
<li>6 medium lamp chops</li>
<li>5 cups arugula</li>
<li>2 blood oranges</li>
<li>2 cups fennel</li>
<li>3 cups olive oil</li>
<li>1 cup lemon juice</li>
<li>½ cup balsamic vinegar</li>
<li>2 cup yogurt</li>
<li>2 cucumbers</li>
<li>3 cloves garlic</li>
<li>1 lemon</li>
<li>2 cups dill</li>
<li>Salt to taste</li>
</ul>
</div>
<h3>Directions</h3>
<ol>
<li>Chop the cucumbers and dill (don’t need to be even; will be blended)</li>
<li>Large dice the blood orange in chunks as evenly as possible.</li>
<li>Juice and zest the lemon</li>
<li>In a food processor combine the yogurt, cucumbers, dill, lemon juice and zest, salt and pepper. Blend usinging the pulse function,</li>
<li>Season the lamb chops with salt and pepper.</li>
<li>Add oil to cast iron pan and heat over medium heat until you can feel the heat by hovering your hand over the pan</li>
<li>Place the lamb chops in the cast iron pan.</li>
<li>Sear one on side for approximately 6 minutes and the other for approximately 4 minutes.</li>
<li>While lamb chops are cooking, combine the fennel, arugula, and blood orange in a bowl. </li>
<li>Make a vinaigrette with some olive oil, vinegar, salt and pepper, and lemon juice.</li>
<li>Add the vinaigrette to the salad and mix!</li>
<li>Now Plate- Place lamb chops down together, put cucumber salad on side, put tzatziki on other section of plate and drizzle a little over the plate. </li>
</ol>
</body>
</html>

0 comments on commit 52a5b28

Please sign in to comment.