-
Notifications
You must be signed in to change notification settings - Fork 1
/
favourite.html
131 lines (100 loc) · 4.17 KB
/
favourite.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<!-- css for favourite.html -->
<Link rel="stylesheet" href="./style/favourite.css">
</Link>
<!-- CDN for fontawsome -->
<script src="https://kit.fontawesome.com/776f38ba77.js" crossorigin="anonymous"></script>
</head>
<body>
<!-- for nav section -->
<nav>
<!-- nav container-->
<div class="nav-container">
<!-- left section of the nav -->
<div class="nav-left">
<!-- logo part of the nav section -->
<div class="nav-logo">
<a href="index.html"><i class="fa-solid fa-utensils"></i></a>
<span>Pour Tous</span>
</div>
</div>
<!-- right section of the nav-->
<div class="nav-right">
<!-- meal section for the nav bar-->
<div class="nav-meal">
<a href="./meal.html">Meal</a>
</div>
<!-- favourite section for the nav bar-->
<div class="like-button">
<a href="./favourite.html" > <i class="fa-sharp fa-solid fa-heart"></i>
<span id="like-conunt">0</span></a>
</div>
</div>
</div>
</nav>
<!-- for main section -->
<main>
<!-- for showing data in the main section of the favourite.html-->
<div class="container-fluid py-1" style="background-color:black;">
<h3 id="display-fav" class="py-1" style="color:#FEDE00; font-size:2rem;font-weight:300;padding:50px;">Your Favourite Food Section
</h3>
<!-- favourite section of the main section will display when nothing is present -->
<div id="go-back">
<h3 class="text-a">Your Favourite Meal is empty </h3>
<button id="btn"><a href="index.html">Go-Back</a></button>
<h3 class="text-b"> Add Something to the cart.</h3>
</div>
<!-- favourite section of the main section will display when data is present in the favourite section-->
<div id="display_common_food">
<!-- data is fetched from index.js -->
</div>
</div>
</main>
<!-- for fotter section -->
<fotter>
<!-- container for the whole fotter section-->
<div class="fotter-div">
<!-- for the soical icon of the fotter-->
<div class="soical-icons-div">
<div class="soical-icons">
<i class="fa-brands fa-facebook-f"></i>
</div>
<div class="soical-icons">
<i class="fa-brands fa-instagram"></i>
</div>
<div class="soical-icons">
<i class="fa-brands fa-linkedin-in"></i>
</div>
<div class="soical-icons">
<i class="fa-brands fa-youtube"></i>
</div>
</div>
<!--for the options of the fotter section-->
<div class="fotter-options">
<span>PRIVACY</span>
<span>T&C</span>
<span>DISCLAIMER</span>
<span>FEEDBACK</span>
<span>COVID-19 PRECAUTION</span>
<span>CONTACT LESS DELIVERY</span>
</div>
<!-- for the copyright section of the fotter section -->
<div class="fotter-copyrighgt">
<div class="fotter-copyrighgt-span">
<span>______________________________________________________________________________________________________________________________________________</span>
</div>
<br>
<div class="fotter-copyrighgt-span">
<span>@2020 Copyright.All Rights Are Reserved @Pour Tous Food Works Pvt.Ltd.. </span>
</div>
</div>
</fotter>
<!-- including script tag for favourite.js -->
<script src="./js/favourite.js"></script>
</body>
</html>