-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
137 lines (114 loc) · 6.08 KB
/
about.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,600" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous" />
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.6/css/all.css" />
<link rel="stylesheet" href="assets/css/animate.css" />
<link rel="stylesheet" href="assets/css/style.css" />
<link rel="stylesheet" href="assets/css/media-queries.css" />
<title>Totoro Kitchen</title>
<link rel="shortcut icon" type="image/jpg" href="./assets/images/cooking-tools.png"/>
</head>
<body>
<!-- HEADER START -->
<nav class="navbar navbar-expand-lg navbar-dark header_footer" style="padding: 1rem 1rem;">
<a class="navbar-brand " href="index.html">
<img class="align-middle" src="https://i.ibb.co/svrvHTr/totoro-s-kitchen-02.png" alt="Totoro's-Kitchen" width="80"
height="70" ></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo02"
aria-controls="navbarTogglerDemo02" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarTogglerDemo02">
<ul class="navbar-nav mr-auto mt-2 mt-lg-0">
<li class="nav-item active">
<a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">About us</a>
</li>
<li class="nav-item">
<a class="nav-link" href="recipeList.html">My Recipes</a>
</li>
<li class="nav-item">
<a class="nav-link" href="feedback.php">Feedback</a>
</li>
</ul>
</div>
</nav>
<!-- HEADER END -->
<!-- About us-->
<div class="container-fluid text_header row align-items-center" style="width: 100%; padding-top: 2rem; padding-bottom: 2rem; color: black;">
<div class="col">
<h1><br>
ABOUT US.
</h2>
<p style="font-weight: bolder;">About Us is a page where we will tell you about the Website<br>
This is OUR FIRST WEBSITE AND DATABASE project in which you can enjoy the following features. <br> <br>
In this Website you can search for Recipes for the main ingredient of your food. <br>Type the name of ingredient and press 'Enter'.
<br>A number of cards will appear having the Nutritional facts about the respective recipe.
<br> You can favorite the Recipe you like. and it will be stored in the My recipes tab in the Header/Navbar. <br>
You can also give us your Precious feedback so that we can improve the Website for your best experience. <br>
<br>This Website was Developed by : <br>
=> Noor Rida (FA18-BCS-086).
<br>
=> M.ZAFEER.YASEEN. (FA18-BCS-078).
</div>
</div>
<!-- FOOTER START -->
<div class="header_footer p-3 mb-2">
<footer class="page-footer font-small pt-4">
<div class="container-fluid text-center text-md-right">
<div class="row">
<div class="col-md-3 mb-md-0 mb-3">
<img class="logo-footer"
src="https://i.ibb.co/svrvHTr/totoro-s-kitchen-02.png"
height="110px" width="133px" alt="Totoro's Kitchen" />
<p >Totoro's Kitchen</p>
</div>
<div class="col-md-3 mb-md-0 mb-3">
<ul class="list-unstyled">
<li> Learn more. </li>
<li> <a class="link" href="about.html">About us.</a></li>
<li>
<a class="link" href="#">[email protected]</a>
</li>
</ul>
</div>
<div class="col-md-5 mb-4 md-4 mb-4 ">
<h5>Connect to us..</h5>
<ul class="list-unstyled">
<li>
<a href="facebook.com"><i class="fab fa-facebook mr-md-5 mr-3 fa-2x link"></i></a> <br>
<a href="Twitter.com"><i class="fab fa-twitter mr-md-5 mr-3 fa-2x link"></i></a> <br> <a
href="instagram.com"><i class="fab fa-instagram mr-md-5 mr-3 fa-2x link"></i></a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="footer-copyright text-center py-3 text_footer">
TOTORO's KITCHEN.. <br>@All Rights Reserved.
</div>
</footer>
<!-- FOOTER END -->
<!-- BOOTSTRAP JS FILES -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
crossorigin="anonymous"></script>
</body>
</body>
</html>