/
newrec.html
91 lines (81 loc) · 3.5 KB
/
newrec.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
<!DOCTYPE html>
<!-- WORKING CODE-CORRECT FILE -->
<html lang = "en" dir = "ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://fonts.googleapis.com/css?family=Inconsolata&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Bitter|Oswald&display=swap" rel="stylesheet">
<title>Consilium</title>
<link rel="stylesheet" href="newrec.css">
<center> <h1> Recommendations </h1> </center>
</head>
<body>
<div class="topnav">
<a href="homepage.html">Home</a>
<a class="active" href="newrec.html">Recommendations</a>
<a href="history.html">My History</a>
<a href="favorites.html">Favorites</a>
<a href="diet_info.html">Dietary Information</a>
</div>
<br>
<div class="row">
<div class="column">
<div class="card">
<img src="salad.jpg" alt="Salad" width="604" height="580">
<div class="container">
<h2>Kale-and-Chickpea Grain Bowl with Avocado Dressing</h2>
<p class="title">Salad Bowl</p>
<p> Serving Size: 4 </p>
<p> Cooking Time: 20 mins </p>
<p>This healthy vegan bowl is a great on-the-go lunch!</p>
<!-- <p>ishanisingh31@gmail.com</p> -->
<p><a href="https://www.cookinglight.com/recipes/kale-and-chickpea-grain-bowl-avocado-dressing"><button class="button">Recipe</button></a></p>
</div>
</div>
</div>
<div class="column">
<div class="card">
<img src="hummus.jpg" alt="Hummus" width="604" height="580" >
<div class="container">
<h2>Kimchi-Sesame Hummus</h2>
<p class="title">Hummus</p>
<p> Serving Size: 8 </p>
<p> Cooking Time: 20 mins </p>
<p> Try this for a spin on a Mediterranean appetizer! </p>
<!-- <p>shreya.holikatti@gmail.com</p> -->
<p><a href="https://www.cookinglight.com/recipes/kimchi-sesame-hummus"><button class="button">Recipe</button></a></p>
</div>
</div>
</div>
<div class="column">
<div class="card">
<img src="soup.jpg" alt="Soup" width="604" height="580">
<div class="container">
<h2>Vegetable Cream Broccoli Soup</h2>
<p class="title">Broccoli Soup</p>
<p> Serving Size: 6 </p>
<p> Cooking Time: 30 mins </p>
<p>This delicious, creamy broccoli soup is an excellent dish!</p>
<!-- <p>ishanisingh31@gmail.com</p> -->
<p><a href="https://www.foodnetwork.com/recipes/food-network-kitchen/vegan-cream-of-broccoli-soup-3362563"><button class="button">Recipe</button></a></p>
</div>
</div>
</div>
<div class="column">
<div class="card">
<img src="burger.jpg" alt="burger" width="604" height="580">
<div class="container">
<h2>Vegan Lentil Burger</h2>
<p class="title">Vegan Lentil Burger</p>
<p> Serving Size: 3 </p>
<p> Cooking Time: 50 mins </p>
<p>This nutritional lentil burger is a healthy alternative.</p>
<!-- <p>ishanisingh31@gmail.com</p> -->
<p><a href="https://www.foodnetwork.com/recipes/food-network-kitchen/vegan-lentil-burgers-3362403"><button class="button">Recipe</button></a></p>
</div>
</div>
</div>
</div>
</body>
</html>