generated from Code-Institute-Org/gitpod-full-template
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathrecipe-spicy-chicken-fajitas.html
132 lines (122 loc) · 5.65 KB
/
recipe-spicy-chicken-fajitas.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
119
120
121
122
123
124
125
126
127
128
129
130
131
132
<!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">
<meta name="description" content="Love 2 Cook - Cooking Recipes that won't break the bank">
<meta name="keywords" content="cooking, beginner, recipes, budget">
<link rel="stylesheet" href="assets/css/style.css">
<link rel="icon" href="assets/img/frying-pan-icon.png">
<title>Love 2 Cook</title>
</head>
<body>
<header>
<a href="index.html">
<h1 id="logo" >
<img id="icon" src="assets/img/frying-pan-icon.png" alt="Frying Pan Icon">Love 2 Cook
</h1>
</a>
<nav>
<div id="header-menu">
<ul id="menu">
<li>
<a href="index.html">Home</a>
</li>
<li>
<a href="recipes-main.html" >Recipes</a>
</li>
<li>
<a href="contact.html">Contact</a>
</li>
</ul>
</div>
</nav>
</header>
<section class="recipe-outer">
<div class="recipe-card">
<div class="recipe-image">
<img src="assets/img/fajitas-504.png" alt="Spicy Chicken Fajitas image">
</div>
<div class="method-ingredients">
<div class="recipe-card-heading">
<h2>
Spicy Chicken Fajitas
</h2>
</div>
<div class="prep-cook">
<h3><i class="fas fa-mortar-pestle"></i> Prep Time: 15 mins </h3>
<h3><i class="fab fa-gripfire"></i> Cook Time: 10 min </h3>
<h3><i class="fas fa-clock"></i> Total Time: 25 mins </h3>
</div>
<div class="recipe-ingredients">
<div class="ingredients-heading">
<h3>Ingredients</h3>
</div>
<div class="ingredients-list">
<ul>
<li>2 tbsp / 30ml olive oil</li>
<li>2 chicken breasts, cut into strips </li>
<li>1 large onion, cut into strips</li>
<li>1 red pepper, cut into strips</li>
<li>1 green pepper, cut into strips</li>
<li>1 garlic clove, finely chopped / minced</li>
<li>1 heaped tbsp smoked paprika</li>
<li>1 tsp ground coriander</li>
<li>1/2 tsp ground cumin</li>
<li>1 tbsp chilli powder</li>
<li>1 lime, juiced</li>
<li>6 flour tortillas</li>
<li>guacamole (optional)</li>
<li>cheddar cheese, grated</li>
<li>fresh salsa</li>
</ul>
</div>
</div>
<div class="recipe-method">
<div class="method-heading">
<h3>Method</h3>
</div>
<div class ="method-list">
<ol>
<li>Heat up the oven to 180C for heating your tortillas</li>
<li>Put a large wok on a high heat and add your olive oil.</li>
<li>Add the sliced chicken, season with salt and pepper and fry for 6 mins until cooked on the outside.</li>
<li>Next add the onions, peppers and garlic cloves and fry for 2-3 mins until veg softens slightly.</li>
<li>Add the seasoning mix and cook for further 7-8 minutes until fully cooked</li>
<li>Wrap tortillas in tinfoil and add them to oven for 2 minutes to warm throughly</li>
<li>Add the lime juice to fajita mix near the end for a zesty kick to your fajitas.</li>
<li>Check chicken is throughly cooked and serve with salsa and a salad (optional)</li>
<li>Enjoy!</li>
</ol>
</div>
</div>
</div>
</div>
</section>
<footer>
<h2 class="socials-note">Find us on our Social Accounts</h2>
<hr class="hr-thick">
<ul class="socials">
<li>
<a href="https://facebook.com" target="_blank" rel="noopener"
aria-label="Visit our Facebook page (opens in a new tab)"><i class="fab fa-facebook-f"></i></a>
</li>
<li>
<a href="https://twitter.com" target="_blank" rel="noopener"
aria-label="Visit our Twitter page (opens in a new tab)"><i class="fab fa-twitter"></i></a>
</li>
<li>
<a href="https://youtube.com" target="_blank" rel="noopener"
aria-label="Visit our Youtube page (opens in a new tab)"><i class="fab fa-youtube"></i></a>
</li>
<li>
<a href="https://instagram.com" target="_blank" rel="noopener"
aria-label="Visit our Facebook page (opens in a new tab)"><i class="fab fa-instagram"></i></a>
</li>
</ul>
</footer>
<!-- font awesome script -->
<script src="https://kit.fontawesome.com/0dd576827f.js" crossorigin="anonymous"></script>
</body>
</html>