codehub27: May 2023

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>

<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>

<label for="Query"> Query:</label>

</body>

</html>

when you execute this code, you will get a window like below…

These are simple design of about us and enquiry page.

Food… Its one of the basic needs of our life. without food,we cant live. If you know cooking, then its fine. We design a food receipe website with following features.

Here, a food receipe website. let us name it as “foodie”. It has Home page, about us,enquiry form and receipes page.

Home page displays the title, logo and categories along with a welcome message.About us page displays the details of the website owning authority.

Receipes page has many categories. They are divided into 4 types as follows…

· South special
· North Indian combo
· Continental menus
· Italy receipes

At last, enquiry form is used to collect the user queries.

Steps to follow:

· Create a folder and name it as “foodie”.
· Create a two logos. one for the top and another one for the welcoming page.
· Now, create a file “home.html” which divides the webpage into three parts. first part is “top.html”. it displays the logo and title with menu’s like home, About us and enquiry.
· Left part of the web page includes the receipe categories.
· Right part of the web page includes the welcoming message.

Html coding is given below.

“home.html”

</frameset>

“top.html”

<html>

<head>

<title>Top Frame</title>

</head>

<font face="Brush Script MT" size="8" color="green"><b><i>Foodie- Receipes encyclopedia</i></b>

</font>

</marquee> <br>

<font face="Brush Script" size="4" color="white"><b>Created & Maintained By

rajeeva84@blogspot.com</b></font>

</center>

<br>

<td> <a href="Aboutus.html" target="rightframe"> <font face="Brush Script" size="6" color="navy">ABOUT US</a> </td>

<td> <a href="Enquiry.html" target="rightframe"> <font face="Brush Script" size="6" color="navy">ENQUIRY</a>

</td>

</tr>

</table>

</body>

</html>

“Left.html”

<html>

<a href="SouthSpecial.html" target="rightframe"><font size="6">Southindian Specials</font></a><br><br>

<a href="Northindiancombo.html" target="rightframe"><font size="6">Northindian Combo</font></a><br><br>

<a href="Continentalmenu.html" target="rightframe"><font size="6">Continental Menu</font></a><br><br>

<a href="Italyreceipes.html" target="rightframe"><font size="6">Italy Receipes</font></a><br>

</body>

</html>

“Right.html”

<html>

<h1><b>Welcome to foodie!!!</b></font><br />

<h2><b> "A Huge Collection Of receipes of delicious foods"</b></h2></font>

</center>

</body>

</html>

The output is

Image: Output for foodie

This is a simple,elegant website for a food receipe .

codehub27

how to create About us and enquiry page using HTML coding???

how to create a simple,elegant food receipe website????