You are on page 1of 53

A Study on Online Website: Grokkart

Submitted in partial fulfillment of the requirements

for the award of the degree of

Bachelor of Business Administration

To
Guru Gobind Singh Indraprastha University, Delhi

Guide: Submitted by:

Mr. Harjinder Singh Ansh Talwar (01421201715)

(Assistant Professor) Anusha Mudgil (01721201715)

Inseh Seth(60221201715)

BBA (G) 5th SEMESTER

MAHARAJA SURAJMAL INSTITUTE

Affiliated To Guru Gobind Singh Indraprastha University, Delhi

C-4, Janak Puri, New Delhi-110018

Batch (2015-2018)
Certificate

We, Ansh Talwar (01421201715), Anusha Mudgil (01721201715), Inesh Seth (60221201715 )
verify that the this project entitled “A Study on Online Website: Grokkart” is done by us and
it is an authentic work carried out by us at the campus itself. The matter embodied in this project
work has not been submitted earlier for the award of any degree or diploma to the best of our
knowledge and belief.

1. Signature of the Student 2. Signature of the Student

3. Signature of the Student

Certified that the Project Report entitled “A Study on Online Website: Grokkart” done by the above
students is completed under my guidance.

Signature of the Guide Date:

Name of the Guide: Mr. Harjinder Singh

(Assistant Professor)

ii
Acknowledgement

We have made efforts in making this project report. However, it would not have been possible
without the kind support and help of many individuals and organization. We would like to
extend my sincere thanks to all of them.

We are highly indebted to Mr. Harjinder Singh for his guidance and constant supervision as
well as for providing necessary information regarding the project & also for her support in
completing the project.

We would like to express our gratitude towards the director of Maharaja Surajmal Institure, for
giving us this golden opportunity to design a static website and prepare a project report for it.

We would like to express our special gratitude and thanks to our parents for their kind
cooperation and encouragement which helped us in the completion of this project.

Last but not the least, our thanks and appreciations also go to our friends who have willingly
helped us out with their abilities in finalizing this project within the limited time frame.

Ansh Talwar
Anusha Mudgil
Inesh Seth

ii
i
Table of Contents

S No Topic Page No
1 Certificate i
2 Acknowledgements ii
3 List of Tables/Figures iii
4 Chapter-1: Problem Definition 1-7
5 Chapter-2: System Analysis & Design 8-20
6 Chapter-3: System Coding & Implementation 21-47
7 Bibliography -

List of Tables

1 Webpage Description (ORDER FORM)) 11

2 Webpage Description (FEEDBACK FORM) 11

iii
List of Figures

Figure Title Page No


No
1 Gantt Chart 7

2 Functioning of the Website via Block Diagram 9

3 Site Map of the Physical Design 10

4 Flow Chart of Web Pages 12

5 Grocery 13

6 Packaged Food 14

7 Personal Care 15

8 Fresh Produce 16

9 Confectionary and Beverages 17

10 Household 18

11 Contact Us 19

12 Feedback 20

13 Homepage 22

14 Grocery 22

15 Packaged food 23

16 Personal Care 23

17 Fresh Produce 24

18 Household 24

19 Place Order 25

20 Contact Us 25

21 Feedback Form 26

iv
Bibliography

 Websites Accessed

• www.bigbasket.com (accessed on 13/08/17)

• www.naturesbasket.com (accessed on 13/08.17)

• www.reliancefreshdirect.com (accessed on 15/08/17)

• www.greencart.in (accessed on 18/08/17)

• www.aaramshop.com (accessed on 22/0817)

 Newspapers and Magazines

• The Times of India

• India Today

• Brunch

• Hindustan Times

v
Chapter – 1

PROBLEM DEFINITION

1.1 System Objectives and Needs

The objective of the project is to develop an e-commerce website for a company that wishes to

set up a grocery business on a wide platform. The company seeks to attract customers from all

over Delhi. The website would be named as “mygrokkart.com”. This Delhi-based website would

deal in a number of grocery items, mainly fresh produce, dairy products, meat, frozen food,

bread, cereal, rice, and pasta, staples and miscellaneous foods, ready-to-eat packs and household

items. The objectives are as follows:

Building Sales and Profits: The major objective of the website is to sell products and earn

the highest profits possible. However, there might be a major competition from other retailers

like mass merchandisers. One strategy to counter the competition would be to serve more take-

out meals. These ready-to-eat meals would serve the customer sector that is looking for

convenience. It would also offer non-food products to build sales and profits. The aforesaid

strategies would help focus on the customers who are more interested in one-stop shopping.

Increasing Customer Traffic: Small grocery store companies also strive for more customer

traffic in their stores. The best way to achieve high customer traffic levels is to locate stores

in high-traffic areas. This may include business districts or areas close to residential or

apartment buildings. Customer traffic can also be enhanced by providing plenty of parking

spaces and easy access to and from major roads. Owners can also increase customer traffic

by providing proper lighting and security for those who shop at night. To overcome all such

1
problems and achieve high customer traffic level, online business is the best alternative to be

chosen amongst others as it can be easily accessible without any security, lighting or parking

issue.

Building Customer Loyalty: The website aims to increase customer loyalty in their stores.

Loyal customers are those who repeatedly come back each week. One way to builds a repetitive

customer base is through loyalty programs. Loyalty programs are designed to reward

customers according to their purchase volumes. These rewards can include coupons on

popular items or even free products, discounts and cash back up to a certain limit.

Improving Department Ratings: Another aim of the website is to improve its department

ratings. The grocery company would conduct periodic marketing research on their various

departments: fresh produce, meat, and dairy and also how the services are provided to the

customers. The impetus behind such research is that grocery stores are only as strong as their

weakest links. Customers expect high-quality food and exceptional service when shopping

for groceries. They expect the quality and service to be the same whether they are shopping

for dairy products or produce. Marketing research agencies would be hired to conduct phone

surveys among customers. Each department then might be rated on quality, service, cleanliness

and other key factors. The website is also likely to use a 1-to-5 rating scale for each of the

attribute ratings -- with 5 being the highest. Customers should be encouraged to make

comments on their ratings. That way grocer can study the survey results and make the

necessary changes to upgrade certain departments.

1.2 Needs of the website

1.2.1 To the Grocery Company


2
With advancements in technology and with the popularity of the internet, more and more people

are turning to the web for a variety of purposes. The internet is no longer limited to searching

information or connecting with people but is a platform where you can also buy and sell

products. An ecommerce website is a website which allows a business to sell products and services

to its online audience. These days, an increasing number of consumers prefer making most of their

purchases online and in such a scenario, having an ecommerce website for the business is the need

of an hour.

The following is a list of reasons to have an ecommerce platform:

Wider Customer Reach: Selling a product or service through a national or global platform

of an ecommerce website can help reach out to a much wider audience as compared to

traditional commerce methods. This gives a broader audience and hence possibility of better

overall sales.

Ability to be Open 24/7: With an ecommerce website, it allows audiences to purchase from

you not just during regular store hours but throughout the day. Whether it is Sunday or a

national holiday, the e-store is always opened. This too helps boost the sales.

Better Conversion Rates: No matter how popular a brand is, if conversion rate is low, then

profits will be low. Having an ecommerce platform helps increase the conversion rate since

people get a chance to immediately buy from website rather than wait to visit the store.

Easier to Set Up: An ecommerce platform is definitely much easier to set up and run than an

actual physical store. A good website development and management platforms is required

which can easily do this task at reasonable rates. It is not just easier but also a lot cheaper.

3
Reduced risk & increased profitability: To manage and run an online store, a smaller

workforce is needed thereby increasing margin between profits and spending. Also, there is

an advantage of reduced risk which adds to the list of the benefits of having an ecommerce

store.

Having an ecommerce website gives a certain competitive edge to the company over those who

may still not have gone online. Customers these days are looking for the easiest and cheapest

way to make their purchasing and thus search online for their desired products and services. In

such a case, presence of an online store not only helps retain existing customers but also attract

new ones.

1.2.2 To the Customers:

There are many advantages of purchasing online with grokkart.com as opposed to shopping from

a traditional grocery store.

Saving time in terms of driving to a physical grocery store, standing in the line at the

checkout counter, loading the groceries in car, and driving home.

Less likely to overspend if purchase from grocery online rather than a visiting a physical

grocery store. It happens with everyone; a person goes to the grocery store with a shopping

list and wind up walking out of the store having bought a million other things which were

not on the list.

A great help to physically handicapped or impaired people by preventing them from the

physical labour associated with grocery shopping. It proves to be a necessity for them more

than a convenience.

4
People can shop anytime they want at their own convenience i.e. 24 hours a day and 7 days a

week.

People can automate their grocery deliveries so that frequently purchased grocery items are

shipped to them on regular basis.

1.3 Data Collection

Primary Research involves the collection of original primary data. Primary data is collected

directly by interviewing and questioning the owner of the website. The questionnaire is as follows:

1) What kind of website you wish to develop?

2) What is the purpose of your website?

3) Who are your potential customers? Kindly elaborate regarding your target market.

4) How many modules you want to include?

5) What all information you want the modules to contain?

6) Do you have a logo you plan to incorporate or will need one to be created?

7) Do you want to include a tagline as well? If yes, do you have any preference regarding one?

8) Name 3 things that are the most and the least important in the design of your website?

9) Do you want the website to comprise of videos and audio clips as well?

10) Do you require your site to be mobile-friendly?

11) What features does your competitors’ websites have that you wish to incorporate?

5
12) Do you want any feedback form to be included so that your customers are able to reach you

in a better way?

However, Secondary Data refers to data that was collected by someone other than the user.

Secondary data collected for the website is through magazines, newspapers and journals and also

through internet links.

The information for development of Grokkart has been taken from the following shopping

websites:

www.bigbasket.com (accessed on 13/08/17)

www.naturesbasket.com (accessed on 13/08.17)

www.reliancefreshdirect.com (accessed on 15/08/17)

www.greencart.in (accessed on 18/08/17)

www.aaramshop.com (accessed on 22/0817)

1.4 Project Planning

Project planning is part of project management, which relates to the use of schedules such as

Gantt charts to plan and subsequently report progress within the project environment. Initially,

the project scope is defined and the appropriate methods for completing the project are

determined. The Gantt chart would illustrate the start and finish dates of the terminal elements

and summary elements of a project. Terminal elements and summary elements comprise the

work breakdown structure of the project. It would also show the dependency (i.e., precedence

6
network) relationships between activities. It would also show the current schedule status using

percent-complete shadings and a vertical "TODAY" line.

Fig1. Gantt Chart

7
Chapter – 2

SYSTEM ANALYSIS AND DESIGN

2.1 Overall Design of the System

Groceries are sold no matter what the state of economy is. One can stop going to cinema and

restaurants but there’s no way to live without toothpaste, soap and veggies. Caught in the cities’

fast pace, tedious commuting and extended working hours, many customers do not have time to

buy groceries and thus, wish to avoid the chores.

However, the solution to this big problem is buying the groceries from online stores. The

purpose of this website is thus to help the customers especially working as well as non- working

women buy groceries and daily household necessary items with one click. The website aims to

provide an ease of shopping the daily needed products even during the odd times. Moreover, the

aged people who find it difficult to step out of their homes to buy one item specially can do so

with just one click while completely relaxing at homes. Being a mobile-friendly website, its

purpose is to make it easy for all the age groups of people.

2.1.1 Functioning of the Website

Block diagram has been used to explain the functioning of the website.

8
View Fresh Produce

View Personal Care

View Packaged Food

View Grocery

URL
Homepage Grocery
Customer

Packaged
Food

Personal Care

Fresh Produce

Household

Confectionary
& Beverages

Contact Us for the services Contact us

View Confectionary and Beverages

View Household

Fig2. Functioning of the Website via Block Diagram

9
2.2 Physical Design
Following is the physical design of the website.

Homepage

Personal Fresh Confectionary Household Contact


Grocery Packaged Care Produce & Beverages Us
Food

Feedback
Form

Fig3. Site Map of the Physical Design

10
2.3 Webpage(s) Design for Data Entry

INPUT NAME: PURCHASE ORDER FORM (FOR PURCHASE ORDER PROCESS)

Name of Label in the Form Description/Purpose Validation Required

First Name Name of the buyer Alphabetic (Size 15)

Last name Last name of the buyer Alphabetic (Size 15)

Address Address of the buyer Text

Date Date of Purchase Order In the format ddmmyyyy

Item Code Unique code of each item Alphanumeric (size 10)

Item Name(s) Name of item(s) Alphabetic (Size 20)

Price Price of item(s) Numeric

E-mail address E-mail address of the purchaser Numeric (Size 10)

(Table-1: Webpage Description (ORDER FORM))

INPUT NAME: FEEDBACK FORM (FOR FEEDBACK PROCESS)

Name of Label in the Form Description/Purpose Validation Required

Name Name of the person Text (Size 25)

Mobile No. Mobile no. of the person Numbers from 0 to 9

E-mail Id E-mail address of the person Alphanumeric (Size 20)

Enquiry Type of Enquiry Text

Feedback Feedback to be given Text

Suggestion Suggestion to be given Text

(Table-2: Webpage Description (FEEDBACK FORM))

11
2.4 Logical Design of the Proposed Website
This includes a detailed flow chart of the overall logical working of the entire website.

Start

Enter URL

Load Homepage Html

Display Home Page and its Links


1. Grocery 4. Fresh Produce 7. Contact Us
2. Packaged Food 5. Confectionary & Beverages
3. Personal Care 6. Household

Select Link

No No No No No
If If If If If If
Link Link- Link- Link Link- Link-

Ye Ye Yes Ye Ye Ye
A B C D E F

Fig4. Flow chart of WebPages

12
A

Open grocery.html

Display vegetables and


fruits

Display link details

If link No
selected =
place order

Yes

Submit

Fig5. Grocery

13
B

Open packagedfood.html

Display ready to eat


items

Display link details

If link No
selected =
place order

Yes

Submit

Fig6. Packaged Food

14
C

Open personalcare.html

Display personal care


products

Display link details

If link No
selected =
place order

Yes

Submit

Fig7. Personal Care

15
D

Open freshproduce.html

Display dairy & meat


products

Display link details

If link No
selected =
place order

Yes

Submit

Fig8. Fresh Produce

16
E

Open confectionaryandbeverages.html

Display confectionary &


beverages

Display link details

If link No
selected =
place order

Yes

Submit

Fig9. Confectionary and Beverages

17
F

Open household.html

Display household
items

Display link details

If link No
selected =
place order

Yes

Submit

Fig10. Household

18
G

Open contactus.html

Display contact details

Display link feedback

If link
selected,
feedback

Yes
No
H

Fig11. Contact Us

19
H

Open feedback.html

Enter username,
mobile no.,
comments

Validate form

No
If
corre
ct

Yes

Submit form S

Fig12. Feedback

20
Chapter – 3

SYSTEM CODING AND IMPLEMENTATION

The website is about providing an ease to the people by buying groceries and other household

products while sitting at home.

3.1 Webpages

This website contains eight web pages which are as follows:

1. Homepage

2. Grocery

3. Packaged Food

4. Personal Care

5. Fresh Produce

6. Confectionary & Beverages

7. Household

8. Contact Us

The outlook of the web pages is like this:

21
3.1.1 Homepage

Fig13.Homepage

3.1.2 Grocery

Fig14.Grocery

22
3.1.3 Packaged Food

Fig15.Packaged food

3.1.4 Personal Care

Fig16.Personal Care

23
3.1.5 Fresh Produce

Fig17. Fresh Produce

3.1.6 Household

Fig18. Household

24
3.1.7 Place Order

Fig19. Place Order

3.1.8 Contact Us

Fig20. Contact Us

25
3.1.9 Feedback Form

Fig21. Feedback Form

3.2 HTML Coding

3.2.1 Homepage

<html>

<head>

<style>

body {

background-image: url("bg.jpg");

26
div.scrollmenu {

background-color: #8FA559;

overflow: auto;

white-space: nowrap;

div.scrollmenu a {

display: inline-block;a

color: white;

text-align: center;

padding: 14px;

text-decoration: none;

</style>

</head>

<body>

<div class="scrollmenu">

<h1><a href="homepage.html"><img src="LOGO.png" alt="logo"></a></h1>

27
<h2><a href="grocery.html">Grocery</a>

<a href="packaged food.html">Packaged food</a>

<a href="Personal care.html">Personal care</a>

<a href="fresh produce.html">Fresh produce</a>

<a href="Households.html">Households</a>

<a href="confectionery and beverages.html">Confectionery and Beverages</a>

<a href="contact us.html">Contact us</a><br></h2>

</div>

<font size="4">

<p align="left"><h3>Objectives</h3></p>

The objective of the project is to develop an e-commerce website for a company that wishes to

set up a grocery business on a wide platform. The company seeks to attract customers from all

over Delhi. The website would be named as “mygrokkart.com”. This Delhi-based website would

deal in a number of grocery items, mainly fresh produce, dairy products ,frozen food, bread, cereal,

rice, and pasta, staples and miscellaneous foods, ready-to-eat packs and household items.

<br>

<h2><u>Vision</h2></u>

<p> 1.To deliver the products in less time.<br>

2.To deal in all kinds of food.<br>

28
<h2><u>Mission</h2></u>

<p> 1.To satisfy the customers needs.<br>

2.To create value and make a difference.<br>

</body>

</html>

3.2.2 Grocery

<html>

<head>

<style>

body {

background-image: url("bg.jpg");

div.scrollmenu {

background-color: #8FA559;

overflow: auto;

white-space: nowrap;

div.scrollmenu a {

display: inline-block;

color: white;

29
text-align: center;

padding: 14px;

text-decoration: none;

div.scrollmenu a:hover {

background-color: #8FA559;

</style>

</head>

<body>

<div class="scrollmenu">

<h1><a href="homepage.html"><img src="LOGO.png" alt="logo"></a></h1>

<h2><a href="grocery.html">Grocery</a>

<a href="packaged food.html">Packaged food</a>

<a href="Personal care.html">Personal care</a>

<a href="fresh produce.html">Fresh produce</a>

<a href="Households.html">Households</a>

<a href="confectionery and beverages.html">Confectionery and Beverages</a>

<a href="contact us.html">Contact us</a><br></h2>

</div>

<body>

<p>

30
<table border=0 cellspacing="80">

<th><h2> <u>Grocery </u> </h2></th>

<tr>

<td><img src="1.jpg" height="175" width="175"></td>

<td><img src="2.jpg" height="175" width="175"></td>

<td><a href="placeorder.html"><img src="3.jpg" height="175" width="175"></a></td>

<td><a href="placeorder.html"><img src="4.jpg" height="175" width="175"></a></td>

</tr>

<tr>

<td><a href="placeorder.html">Saffola gold

Rs.250 </center></a>

</td>

<td><a href="placeorder.html">Ashirwad atta

Rs.80 </center></a>

</td>

<td><a href="placeorder.html">catch

Rs 50 </center></a>

</td>

<td><a href="placeorder.html">catch

Rs 40 </center></a>

</td>

<tr>

31
<td><a href="placeorder.html"><img src="5.jpg" height="175" width="175"></a></td>

<td><a href="placeorder.html"><img src="6.jpg" height="175" width="175"></a></td>

<td><a href="placeorder.html"><img src="7.jpg" height="175" width="175"></a></td>

<td><a href="placeorder.html"><img src="8.jpg" height="175" width="175"></a></td>

</tr>

<tr>

<td><a href="placeorder.html">moong daal

Rs.200 </center></a>

</td>

<td><a href="placeorder.html">tata salt

Rs.20 </center></a>

</td>

<td><a href="placeorder.html">almonds

Rs 300 </center></a>

</td>

<td><a href="placeorder.html">chuk de

Rs 80 </center></a>

</td>

</table>

</div>

</body>

</html>

32
3.2.3 Packaged food

<html>

<head>

<head>

<style>

body {

background-image: url("bg.jpg");

div.scrollmenu {

background-color: #8FA559;

overflow: auto;

white-space: nowrap;

div.scrollmenu a {

display: inline-block;

color: white;

text-align: center;

padding: 14px;

33
text-decoration: none;

div.scrollmenu a:hover {

background-color: #8FA559;

</style>

</head>

<body>

<div class="scrollmenu">

<h1><a href="homepage.html"><img src="LOGO.png" alt="logo"></a></h1>

<h2><a href="grocery.html">Grocery</a>

<a href="packaged food.html">Packaged food</a>

<a href="Personal care.html">Personal care</a>

<a href="fresh produce.html">Fresh produce</a>

<a href="Households.html">Households</a>

<a href="confectionery and beverages.html">Confectionery and Beverages</a>

<a href="contact us.html">Contact us</a><br></h2>

</div>

34
</div>

<body>

<p><table border=0 cellspacing="80">

<th><h2> <u>Packaged food </u> </h2></th>

<tr>

<td><img src="PA.jpg" height="175" width="175"></td>

<td><img src="p2.jpg" height="175" width="175"></td>

<td><img src="p3.jpg" height="175" width="175"></td>

<td><img src="p4.jpg" height="175" width="175"></td>

</tr>

<tr>

<td>

<a href="placeorder.html">Rs.250 </center></a>

</td>

<td>

<a href="placeorder.html">Rs.50 </center></a>

</td>

35
<td>

<a href="placeorder.html">Rs 500 </center></a>

</td>

<td>

<a href="placeorder.html">Rs 220 </center></a>

</td>

<tr>

<td><img src=p5.jpg height="175" width="175"></td>

<td><img src="p6.jpg" height="175" width="175"></td>

<td><img src="p7.jpg" height="175" width="175"></td>

<td><img src="p8.jpg" height="175" width="175"></td>

</tr>

<tr>

<td>

<a href="placeorder.html">Rs.80 </center></a>

</td>

<td>

36
<a href="placeorder.html">Rs.120 </center></a>

</td>

<td>

<a href="placeorder.html">Rs 200 </center></a>

</td>

<td>

<a href="placeorder.html">Rs 80 </center></a>

</td>

</table>

</body>

</html>

3.2.4 Fresh produce

<html>

<head>

<title>Fresh Produce</title>

</head>

<body>

<html>

37
<head>

</head>

<body>

<p>

<table border=0 cellspacing="80">

<th><h2><u>Fresh Produce</u></h2></th>

<tr>

<td><img src="d1.jpg" height="175" width="150"></td>

<td><img src="d2.jpg" height="175" width="175"></td>

<td><a href="placeorder.html"><img src="d3.jpg" height="175" width="175"></a></td>

<td><a href="placeorder.html"><img src="d4.jpg" height="175" width="175"></a></td>

</tr>

<tr>

<td><a href="placeorder.html">Hersheys

Rs.50 </center></a>

</td>

<td><a href="placeorder.html">Danone Milk

Rs.20 </center></a>

</td>

<td><a href="placeorder.html">Dairy Whitner

Rs 150 </center></a>

</td>

38
<td><a href="placeorder.html">Abbie's

Rs 40 </center></a>

</td>

<tr>

<td><a href="placeorder.html"><img src="d5.jpg" height="175" width="175"></a></td>

<td><a href="placeorder.html"><img src="d6.jpg" height="175" width="175"></a></td>

<td><a href="placeorder.html"><img src="d7.jpg" height="175" width="175"></a></td>

<td><a href="placeorder.html"><img src="d8.jpg" height="175" width="175"></a></td>

</tr>

<tr>

<td><a href="placeorder.html">Amul Fresh cream

Rs.200 </center></a>

</td>

<td><a href="placeorder.html">Amul Butter

Rs.40 </center></a>

</td>

<td><a href="placeorder.html">Paneer

Rs 80 </center></a>

</td>

<td><a href="placeorder.html">Cheezza

Rs 180 </center></a>

</td>

39
</table>

</body>

</html>

3.2.5 Households

<html>

<head>

<title>Households</title>

</head>

<body>

<table border=0 cellspacing="80">

<th><h2> <u>HOUSEHOLDS</u> </h2></th>

<tr>

<td><img src="a.jpg" height="175" width="175"></td>

<td><img src="b.jpg" height="175" width="175"></td>

<td><img src="c.jpg" height="175" width="175"></td>

<td><img src="d.jpg" height="175" width="175"></td>

</tr>

<tr>

<td>

<a href="placeorder.html">

<a href="placeorder.html">Rs.250 </center></a>

40
</td>

<td>

<a href="placeorder.html">

<a href="placeorder.html">Rs.80 </center></a>

</td>

<td><a href="placeorder.html">

<a href="placeorder.html">Rs 50 </center></a>

</td>

<td>

<a href="placeorder.html">Rs 40 </center></a>

</td>

<tr>

<td><img src=e.jpg height="175" width="175"></td>

<td><img src="f.jpg" height="175" width="175"></td>

<td><img src="g.jpg" height="175" width="175"></td>

<td><img src="h.jpg" height="175" width="175"></td>

</tr>

<tr>

<td><a href="placeorder.html">

<a href="placeorder.html">Rs.200 </center></a>

</td>

<td><a href="placeorder.html">

41
<a href="placeorder.html">Rs.20 </center></a>

</td>

<td><a href="placeorder.html">

<a href="placeorder.html">Rs 300 </center></a>

</td>

<td><a href="placeorder.html">

<a href="placeorder.html">Rs 80 </center></a>

</td>

</table>

</body>

</html>

3.2.6 Confectioneries and beverages

<html>

<head>

<title>Confectionery</title>

</head>

<body>

<html>

<head>

</head>

<body>

<p>

42
<table border=0 cellspacing="80">

<th><h2><u>Confectionery and Beverages</u></h2></th>

<tr>

<td><img src="d1.jpg" height="200" width="200"></td>

<td><img src="d2.jpg" height="175" width="175"></td>

<td><a href="placeorder.html"><img src="d3.jpg" height="175" width="175"></a></td>

<td><a href="placeorder.html"><img src="d4.jpg" height="175" width="175"></a></td>

</tr>

<tr>

<td><a href="placeorder.html">Hersheys

Rs.50 </center></a>

</td>

<td><a href="placeorder.html">Danone Milk

Rs.20 </center></a>

</td>

<td><a href="placeorder.html">Dairy Whitner

Rs 150 </center></a>

</td>

<td><a href="placeorder.html">Abbie's

Rs 40 </center></a>

</td>

<tr>

43
<td><a href="placeorder.html"><img src="d5.jpg" height="175" width="175"></a></td>

<td><a href="placeorder.html"><img src="d6.jpg" height="175" width="175"></a></td>

<td><a href="placeorder.html"><img src="d7.jpg" height="175" width="175"></a></td>

<td><a href="placeorder.html"><img src="d8.jpg" height="175" width="175"></a></td>

</tr>

<tr>

<td><a href="placeorder.html">Amul Fresh cream

Rs.200 </center></a>

</td>

<td><a href="placeorder.html">Amul Butter

Rs.40 </center></a>

</td>

<td><a href="placeorder.html">Paneer

Rs 80 </center></a>

</td>

<td><a href="placeorder.html">Cheezza

Rs 180 </center></a>

</td>

</table>

</body>

</html>

44
3.2.7 Contact us

<!doctype html>

<head>

<title>Contact Us</title>

<head>

</head>

<body>

<h1>Contact Us</h1>

<p>We would love to hear from you. You can reach us at one of our stores or our head office or

through the web forms provided.

<br>

<br></p>

<p><pre><blockquote>

<b><u>Online Customer Support</u> <u>Phone Customer Support</u> <u>Head Office

Address</u></b><br>

Email us at: cs@grokkart.co.in Call us at: +(011)80009000 Grokkart Pvt. Ltd.

45
Office Time: 08:00 am to 10:00 pm Rajinder Nagar

Pusa Road, 2nd Floor, Red Building</pre></blockquote></p>

<hr>

<a href="feedbackform.html">

<h2>Feedback Form</h2></a>

</body>

</html>

3.2.8 Feedback form

<!doctype html>

<head>

<title>Feedback Form</title>

<html>

<head>

</head>

<body>

<h1 align="center">Feedback Form</h1>

<form action="fb.html"><pre>

<p>First Name:<input type="text" name="username"></p>

46
<p>Last Name :<input type="text" name="username"></p>

<p>Mobile :<input type="text" name="phoneno."></p>

<p>Email Id :<input type="text" name="emailid"></p>

<p>Enquiry :<textarea name="enquiry" rows="3" cols="30"></textarea></p>

<p>Feedback :<input type="radio" name="satisfied">Satisfied

<input type="radio" name="notsatisfied">Not Satisfied</p>

<p>Suggestion:<textarea name="suggestion" rows="3" cols="30"></textarea></p>

<p><input type="submit" value="Submit">

<input type="reset" value="Reset"></p>

</pre>

</body>

</html>

47

You might also like