-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
96 lines (72 loc) · 3.2 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
<!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">
<title>Document</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>ODIN - RECIPES</h1>
<!-- navbar -->
<nav>
<a href="#home">Home</a>
<a href="#contact">Contact Us</a>
<a href="#about">About us</a>
</nav>
<div class="indian-recipes">
<h2>INDIAN RECIPES</h2>
<img src="./images/indian-cuisine.webp" alt="" class= "center">
</div>
<hr class= " hr">
<!-- list of the recipe items -->
<div class="recipe-items">
<div class="recipe-item">
<div class="header">
<div class="index"><h4>01</h4></div>
<div class="title">
<h3>Dal Makhani</h3>
</div>
</div>
<div class="recipe-img">
<img src="./images/download.jpeg" alt="" class="center">
</div>
<div class="btn"><a href = "https://www.indianhealthyrecipes.com/dal-makhani-recipe/">view recipe </a> </div>
<div class="recipe-summary">
"Dal Makhani is one of the most popular lentil recipes from the North Indian Punjabi cuisine made with Whole Black Lentils (known as Urad dal or Kaali Dal in Hindi) and Kidney Beans (known as Rajma in Hindi)."
</div>
</div>
<div class="recipe-item">
<div class="header">
<div class="index"><h4>02</h4></div>
<div class="title">
<h3>Gobi Manchurian</h3>
</div>
</div>
<div class="recipe-img">
<img src="./images/download 2.jpeg" alt="" class="center">
</div>
<div class="btn"><a href = "https://www.allrecipes.com/recipe/267609/gobi-manchurian/">view recipe </a> </div>
<div class="recipe-summary">
"This spicy Asian dish is one of my favorite gobi (cauliflower) recipes, available at many Indian restaurants," says sunwind. "Occasionally, I even love to bake the cauliflower to lower the calories. Keep in mind, baking will take away from the crispiness of fried cauliflower."
</div>
</div>
<div class="recipe-item">
<div class="header">
<div class="index"><h4>03</h4></div>
<div class="title">
<h3>Authentic Saag Paneer</h3>
</div>
</div>
<div class="recipe-img">
<img src="./images/download 3.jpeg" alt="" class="center">
</div>
<div class="btn"><a href = "https://www.allrecipes.com/recipe/228957/authentic-saag-paneer/">view recipe </a> </div>
<div class="recipe-summary">
"Saag paneer is a classic Indian dish of cooked spinach studded with cubes of fried paneer cheese. Thickened with cream or coconut milk, it's a hearty and filling vegetarian meal."
</div>
</div>
</div>
</body>
</html>