-
Notifications
You must be signed in to change notification settings - Fork 1
/
scallops.html
122 lines (113 loc) · 7.15 KB
/
scallops.html
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
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
<!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">
<link rel="stylesheet" type="text/css" href="style.css" />
<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3"
crossorigin="anonymous"
/>
<title>Buttery Scallops</title>
</head>
<body class="bg-secondary d-flex p-2 justify-content-center flex-column align-items-center">
<header>
<nav class="navbar navbar-expand-lg navbar-dark rounded bbq-recipe">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo03" aria-controls="navbarTogglerDemo03" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<a class="navbar-brand" href="#"></a>
<div class="collapse navbar-collapse" id="navbarTogglerDemo03">
<ul class="navbar-nav mr-auto mt-2 mt-lg-0">
<li class="nav-item active px-5 text-white">
<a class="nav-link" href="#">Home</a>
</li>
<li class="nav-item px-5">
<a class="nav-link" href="#">About</a>
</li>
<li class="nav-item px-5">
<a class="nav-link" href="#">Recipes</a>
</li>
<li class="nav-item px-5">
<a class="nav-link" href="#">Contact Us</a>
</li>
</ul>
</div>
</nav>
</header>
<div class="bbq-recipe bg-white rounded">
<h2 class="text-info">Buttery Scallops</h2>
<div class="big-flex">
<div class="flex-bbq">
<p>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-alarm" viewBox="0 0 16 16">
<path d="M8.5 5.5a.5.5 0 0 0-1 0v3.362l-1.429 2.38a.5.5 0 1 0 .858.515l1.5-2.5A.5.5 0 0 0 8.5 9V5.5z"/>
<path d="M6.5 0a.5.5 0 0 0 0 1H7v1.07a7.001 7.001 0 0 0-3.273 12.474l-.602.602a.5.5 0 0 0 .707.708l.746-.746A6.97 6.97 0 0 0 8 16a6.97 6.97 0 0 0 3.422-.892l.746.746a.5.5 0 0 0 .707-.708l-.601-.602A7.001 7.001 0 0 0 9 2.07V1h.5a.5.5 0 0 0 0-1h-3zm1.038 3.018a6.093 6.093 0 0 1 .924 0 6 6 0 1 1-.924 0zM0 3.5c0 .753.333 1.429.86 1.887A8.035 8.035 0 0 1 4.387 1.86 2.5 2.5 0 0 0 0 3.5zM13.5 1c-.753 0-1.429.333-1.887.86a8.035 8.035 0 0 1 3.527 3.527A2.5 2.5 0 0 0 13.5 1z"/>
</svg>
Cook Time : 35 mins<br>
</p>
<p>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-person-fill" viewBox="0 0 16 16">
<path d="M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"/>
</svg>
Serves : 4 people<br>
</p>
<p>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-speedometer2" viewBox="0 0 16 16">
<path d="M8 4a.5.5 0 0 1 .5.5V6a.5.5 0 0 1-1 0V4.5A.5.5 0 0 1 8 4zM3.732 5.732a.5.5 0 0 1 .707 0l.915.914a.5.5 0 1 1-.708.708l-.914-.915a.5.5 0 0 1 0-.707zM2 10a.5.5 0 0 1 .5-.5h1.586a.5.5 0 0 1 0 1H2.5A.5.5 0 0 1 2 10zm9.5 0a.5.5 0 0 1 .5-.5h1.5a.5.5 0 0 1 0 1H12a.5.5 0 0 1-.5-.5zm.754-4.246a.389.389 0 0 0-.527-.02L7.547 9.31a.91.91 0 1 0 1.302 1.258l3.434-4.297a.389.389 0 0 0-.029-.518z"/>
<path fill-rule="evenodd" d="M0 10a8 8 0 1 1 15.547 2.661c-.442 1.253-1.845 1.602-2.932 1.25C11.309 13.488 9.475 13 8 13c-1.474 0-3.31.488-4.615.911-1.087.352-2.49.003-2.932-1.25A7.988 7.988 0 0 1 0 10zm8-7a7 7 0 0 0-6.603 9.329c.203.575.923.876 1.68.63C4.397 12.533 6.358 12 8 12s3.604.532 4.923.96c.757.245 1.477-.056 1.68-.631A7 7 0 0 0 8 3z"/>
</svg>
Calories : 251 Kcal
</p><br>
<p>This recipe is all about the glorious union of shellfish and butter, inspired by Gambas al Ajillo (Spanish-style garlic shrimp) and writer Bonnie Garmus's memory of a wildly bad first date with the man who she would ultimately marry.</p>
<br>
<div id="liveAlertPlaceholder"></div>
<button type="button" class="btn btn-outline-info share" id="liveAlertBtn">Share</button>
</div>
<div class="hcontainer">
<img class="shadow p-3 mb-5 bg-white rounded himage" src="images/scallops.jpg">
<div class="middle">
<div class="htext">Buttery Scallops</div>
</div>
</div>
</div>
<br>
<h4>Ingredients</h4>
<ul class="list-group list-group-flush">
<li class="list-group-item">
<input class="form-check-input me-1" type="checkbox" value="" aria-label="...">
1 1/4 pounds scallops, about 24</li>
<li class="list-group-item">
<input class="form-check-input me-1" type="checkbox" value="" aria-label="...">
freshly ground black pepper, to taste</li>
<li class="list-group-item">
<input class="form-check-input me-1" type="checkbox" value="" aria-label="...">
kosher salt , to taste</li>
<li class="list-group-item">
<input class="form-check-input me-1" type="checkbox" value="" aria-label="...">
6 tablespoons unsalted butter, divided</li>
<li class="list-group-item">
<input class="form-check-input me-1" type="checkbox" value="" aria-label="...">
1 clove garlic, minced</li>
<li class="list-group-item">
<input class="form-check-input me-1" type="checkbox" value="" aria-label="...">
4 sprigs fresh thyme</li>
<li class="list-group-item">
<input class="form-check-input me-1" type="checkbox" value="" aria-label="...">
1 lemon, cut into wedges</li>
</ul>
<br>
<h4>Method</h4>
<p>Remove the small side muscle from the scallops, rinse with cold water and thoroughly pat dry.</p>
<p>Season scallops with 3/4 teaspoon salt and 1/2 teaspoon pepper.</p>
<p>Melt 1 tablespoon butter in a large skillet over medium high heat. Working in batches, add scallops to the skillet in a single layer and cook, flipping once, until golden brown and translucent in the center, about 1-2 minutes per side. Set aside and keep warm.</p>
<p>Reduce heat to medium low; melt remaining 5 tablespoons butter, 1 tablespoon at a time, until the butter starts to foam. Add garlic and thyme to the skillet, and cook, stirring frequently, until fragrant, about 1 minute.</p>
<p>Return scallops to the skillet; spoon butter over scallops for 1 minute.</p>
<p>Serve immediately with lemon wedges.</p>
</div>
<script src="main.js"></script>
</body>
</html>