when user wants to know about the author’s details and enquire about the recipes, the following codes are used.
About us page:
This page contains
basic information about foodie website. The html code for about us page is
given below.
“Aboutus.html”
<html>
<head>
<title> Foodie </title></head>
<style>
p {
color: navy;
text-indent: 30px;
}
</style>
<body
bgcolor="lightgreen">
<h1> Foodie
</h1>
<p> Foodie is a great collection of
mouth watering receipes. It has variety of receipes in different categories.
South special,North Indian combo,Continental menus and Italy receipes
</p>
</body>
</html>
the about us page is
like as follows
Next,enquiry page code is given below.
Enquiry page
When someone wants to find some
recipes or doubts in the recipes, this enquiry form helps to find the
solution. User enters the name, contact mail id and queries. The coding is given
below.
“Enquiry.html”
<html>
<head><title>
Foodie </title></head>
<body bgcolor=”yellow”>
<form action="output.html" method="get">
<label for="name">Name:</label>
<input type="text" id="name" name="name"><br><br>
<label for="mailid">Mail id:</label>
<input
type=”text” id=”mailid” name=”mailid”><br><br>
<label for="Query"> Query:</label>
<input type=”text” id=”query” name=”Query”><br><br>
<input type="submit" value="Submit">
</form>
</body>
</html>
when
you execute this code, you will get a window like below…
These are simple design of about us and enquiry page.
No comments:
Post a Comment