-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
165 lines (160 loc) · 5.9 KB
/
index.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
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
<!DOCTYPE html>
<html lang="en">
<head>
<title>Dishes with Dragos</title>
<meta charset="utf-8" />
<meta
name="description"
content="Delicious recipes to nourish the body and soul."
/>
<meta name="robots" content="index,follow" />
<link rel="icon" href="./assets/meal.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="style.css" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap"
rel="stylesheet"
/>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Thasadith:ital,wght@0,400;1,400;1,700&display=swap"
rel="stylesheet"
/>
</head>
<body>
<div id="page-container">
<div id="content-wrap">
<!-- Title section to fancy up the page -->
<header class="title">
<div>
<h1><a href="./index.html" id="dishes">Dishes with Dragos</a></h1>
</div>
<div class="header-left">
<img
src="./assets/search.png"
alt="classic search magnifying class icon"
width="33px"
/>
<a href="https://www.pickuplimes.com/recipe/" id="recipes"
><h3>Recipes</h3></a
>
<a href="https://www.pickuplimes.com/article/" id="articles"
><h3>Articles</h3></a
>
<a href="https://www.pickuplimes.com/video/" id="videos"
><h3>Videos</h3></a
>
</div>
<div class="header-right">
<a href="https://www.pickuplimes.com/shop/?filter=Kitchen" id="shop"
><h3>Shop</h3></a
>
<a href="https://www.pickuplimes.com/about" id="about"
><h3>About</h3></a
>
<img
src="./assets/mail.png"
alt="classic mail envelope icon"
width="33px"
/>
</div>
</header>
<!-- Recipe cards section -->
<main>
<div class="recipes">
<a href="./recipes/potatolentilsoup.html">
<div class="card1">
<img
class="potato"
src="images/Potato & Red Lentil Soup.jpg"
alt="potato and red lentil soup with cream topping in a bowl"
/>
<div class="card-content">
<h2>Potato & Red Lentil Soup</h2>
<br />
<p>
A delicious and highly nutritious meal that you can enjoy at
any time of day. It takes very little prep time, has a
lovely texture and you can always blend it up if you want it
creamier.
</p>
</div>
</div>
</a>
<a href="./recipes/chocomousse.html">
<div class="card2">
<img
class="choco"
src="images/Choco Mousse.jpg"
alt="chocolate and strawberry mousse in a glass"
height="200"
width="200"
/>
<div class="card-content">
<h2>Layered Chocolate Raspberry Mousse</h2>
<br />
<p>
This fruity, chocolatey mousse that is easy to prep and
serve makes for a very seductive dessert that you can enjoy
especially when you're in no mood to bake.
</p>
</div>
</div>
</a>
<a href="./recipes/orangemocktail.html">
<div class="card3">
<img
class="orange"
src="images/Spiced Orange Mocktail.jpg"
alt="spiced orange mocktail drink in a glass"
height="100"
width="100"
/>
<div class="card-content">
<h2>Cinnamon-Spiced Orange & Thyme Mocktail</h2>
<br />
<p>
The most amazing fancy (optionally alcoholic) drink to
impress your friends and family with and brighten up your
day, even at night!
</p>
</div>
</div>
</a>
</div>
</main>
</div>
<!-- Footer Section -->
<footer id="footer">
<div class="footer-right">
<a href="https://www.pickuplimes.com/about" id="about2"
><p>About</p></a
>
<a href="https://www.pickuplimes.com/privacy" id="privacy"
><p>Privacy Policy</p></a
>
<a href="https://www.pickuplimes.com/terms" id="terms"
><p>Terms</p></a
>
</div>
<div class="footer-left">
<a href="https://www.facebook.com/pickuplimes/?locale=ro_RO"
><img src="./assets/facebook.png" alt="" width="35px"
/></a>
<a href="https://www.instagram.com/pickuplimes/"
><img src="./assets/insta.png" alt="" width="35px"
/></a>
<a href="https://www.youtube.com/@PickUpLimes"
><img src="./assets/youtube.png" alt="" width="35px"
/></a>
<a href="https://github.com/Drragos"
><img src="./assets/github.png" alt="" width="35px"
/></a>
</div>
</footer>
</div>
</body>
</html>