Beruflich Dokumente
Kultur Dokumente
CERTIFICATE
This is to certify that Ridam Sharma (2316012), SanyamSharma (2316014),Gurvinder Kaur
(2316018),Garima Issar (2316054) studying in Ambala College of Engineering and Applied
Research, Devsthali, (Batch: 2016-2020) has completed their project (minor) entitled “Online
Stationery store” at Ambala College of Engineering and Applied Research, Devsthali under my
supervision.
It is further certified that they had attended required number of practical classes at Ambala
College of Engineering and Applied Research, Devsthali for the completion of their minor
project during 7th semester.
Project Supervisor
DECLARATION OF STUDENT
We hereby declare that the work which is present in this minor project report entitled “Online
Stationery Store” in the partial fulfillment for the award of the degree of Bachelor of
Technology and submitted to the Department of Computer Science and Engineering of Ambala
College of Engineering and Applied Research, Devsthali affiliated to Kurukshetra University,
Kurukshetra is an authentic record of us, carried out during a period of JUNE 2019 to DEC
2019, under the supervision of Er Tannu Chanana, Assistant Professor (CSE).
The matter presented in this project report has not been submitted by us for the award of any
other degree of this or any other institute/university.
Sanyam Sharma(2316014)
Gurvinder Kaur(2316018)
Garima Issar(2316054)
PREFACE
Having the right office supplies is essential for the day to day running of your business. Objects
such as pens ,pencils, paper, calculators and other office equipment such as printers ,need to be
available for your employees to work productively and efficiently. When looking for items you
need make sure that they’re fit for the job and that they are of a quality and comfort you desire.
If for example your company sends lots of internal mail consider the type of envelopes you’ll
need to provide them.
Finding a supplier however, that can accommodate all your office procurement needs whilst
keeping costs low and quality high can be hard to come by. With our online stationery store, the
customer can get widest range of stationery products, Office Supplies ,school stationery and
books and art and craft products under a single roof. The world of software development there
lots of improvement in this area and to reduce the complexity of purchasing the essential
stationery items . Online Stationery Store is a virtual store on Internet where customer can
browse the product and select the product of interest. The selected product may be collected in
shopping cart. At checkout time the items in the shopping care will be presented as an order. At
that time shipping information and payment method have to select to the customer. Finally by
confirming the orders have to complete the shopping and the product will deliver to customer via
courier, post office or by direct agent of company.
Chapter 1 It contains the Introduction. This chapter describes many types of requirements such
as importance of online Stationery Store, objectives, overall description, external interface
requirements & scope.
Chapter 2 It contains the requirement analysis of the system. This chapter describes the many
type of requirements falls in the category such as use case diagrams, data flow diagrams & ER
diagrams.
Chapter 3 It contains the detailed design of the system. It is very important to understand the
whole design of the system according to every perspective to make coding efficient and easy.
This chapter contains customer interface, admin interface etc...
Chapter 4 It contains the implementation and testing of the system. This chapter contains
implementation, testing of the project.
Chapter 5 It contains the results visuals of the Website. This Chapter simply contains the
pictures of the actual web application interface.
Chapter 6It contains the deployment for the system. Software deployment is of all activities
that make a software system available for use.
ACKNOWLEDGEMENT
Engineers in all disciplines must acquire knowledge of project making. Student, in particular,
will find ‘project making’ as an integral part of their studies that will infuse the spirit of doing
practical work in them.
The satisfaction that accompanies the successful completion of any task would be incomplete
without the mention of the people who made it possible whose constant guidance crowned our
efforts with success.
We sincerely express our deep gratitude to the management of our college for giving us liberty to
choose and to work on the most relevant project i.e. “Online Stationery store”. We are thankful
to Er. Manjit Singh (HOD CSE) for ensuring that wehave a smooth environment at the college
and lab. At the very outset we would like to offer our never ending thanks to our project
supervisor Er.Tannu Chanana (Assistant Professor, CSE) who helped us with our project from
the beginning till the end. Her continuous surveillance over our work allowed us to work more
efficiently.
Sanyam Sharma(2316014)
Gurvinder Kaur(2316018)
Garima Issar(2316054)
ABSTRACT
The business-to-consumer aspect of electronic commerce (e-commerce) is the most visible
business use of the World Wide Web. The primary goal of an e-commerce site is to sell goods
and services online. This project deals with developing an e-commerce website for online
stationery store. It provides the user with a catalog of different stationery items available for
purchase in the store. In order to facilitate online purchase a shopping cart is provided to the
user. The system is implemented using a 3-tier approach, with a backend MySQL database, a
middle tier apache server and a web browser as the front end client. In order to develop online
shopping application use HTML, CSS, BOOTSTRAP 3, server side scripting language PHP and
relational database MySQL. This is a project with the objective to develop a basic website where
consumer is provided with a shopping cart application and also to know about the technologies
used to develop such an application.
LIST OF TABLES
Table 4.1 Validation and Verification.......................................................................................................... 22
Table 4.2 Test case of Home page .............................................................................................................. 23
Table 4.3 Test case of login page ................................................................................................................ 24
Table 4.4 Test case of a registration form .................................................................................................. 25
Table 4.5 Test case of admin page .............................................................................................................. 26
LIST OF FIGURES
Figure 2-1 Customer Use Case ...................................................................................................................... 7
Figure 2-2 Administrative Management Use Case Diagram ......................................................................... 8
Figure 2-3 Context-Level DFD ....................................................................................................................... 9
Figure 2-4 Level-1 DFD ................................................................................................................................ 10
Figure 2-5 Level 2 DFD ................................................................................................................................ 11
Figure 2-6 ER diagram……………………………………………………………………………………………………………………………10
Figure5-1 Homepage................................................................................................................................... 33
Figure 5-2 Homepage.................................................................................................................................. 36
Figure 5-3 Homepage.................................................................................................................................. 38
Figure 5-4 Admin page ................................................................................................................................ 39
Figure 5-5 Contact Us page ........................................................................... Error! Bookmark not defined.
Figure 5-6 fLogin Page ................................................................................................................................. 39
Figure 5-7 Sign Up Page .............................................................................................................................. 40
Figure 5-8 fSearch page .............................................................................................................................. 41
Figure 5-9 iAdd Product Page ..................................................................................................................... 41
Figure 5-10 fView Product ......................................................................................................................... 41
Figure 5-11 Detail and add to card.............................................................................................................. 41
Table of Contents
CERTIFICATE ................................................................................................................................................... i
DECLARATION OF STUDENT .......................................................................................................................... ii
PREFACE ....................................................................................................................................................... iii
ACKNOWLEDGEMENT ................................................................................................................................... v
ABSTRACT..................................................................................................................................................... vi
LIST OF TABLES ............................................................................................................................................ vii
LIST OF FIGURES ......................................................................................................................................... viii
Chapter 1....................................................................................................................................................... 1
Introduction .................................................................................................................................................. 1
1.1 Purpose ......................................................................................................................................... 1
1.2 Objectives...................................................................................................................................... 1
1.3 Scope ............................................................................................................................................. 2
1.3.1 Customer ............................................................................................................................... 2
1.3.2 Admin .................................................................................................................................... 2
1.4 Benefits from Admin View ............................................................................................................ 3
Chapter 2....................................................................................................................................................... 4
Requirement Analysis ................................................................................................................................... 4
2.1 Requirement Analysis ................................................................................................................... 4
2.1.1 Customer requirements ........................................................................................................ 4
2.1.2 Data Requirement ................................................................................................................. 4
2.1.3 Process Requirement ............................................................................................................ 5
2.2 Use Case Diagram ......................................................................................................................... 6
2.2.1 Use Case Diagram for Customer ........................................................................................... 6
2.2.2 Use Case Diagram for Administrative Management ............................................................ 8
2.3 Data Flow Diagram (DFDs) ............................................................................................................ 9
2.3.1 Context Level Diagram .......................................................................................................... 9
2.3.2 First Level DFD....................................................................................................................... 9
Deployment ................................................................................................................................................ 43
Step 1: Extract the Zip File .......................................................................................................................... 43
Step 2: Open the Extracted file and in that ............................................................................................ 44
a)Cut/Copy the Shopping Folder and Goto this pc ................................................................................. 44
Step 3:Goto C drive ................................................................................................................................. 45
Step 4:Goto WAMP folder ...................................................................................................................... 46
Step 5:Goto www Folder and paste the shopping folder in it ................................................................ 47
Step 5:After pasting the shopping folder in the wamp,output in the wamp Server ............................. 48
Step 7:Open the Project on Localhost domain ....................................................................................... 49
Final Output: ........................................................................................................................................... 49
CONCLUSION........................................................................................................................................... 50
Future Scope ............................................................................................................................................... 51
Appendix A .................................................................................................................................................. 53
Appendix B .............................................................................................................................................. 53
Chapter 1
Introduction
1.1 Purpose
Having the right office supplies is essential for the day to day running of your business. Objects
such as pens ,pencils, paper, calculators and other office equipment such as printers ,need to be
available for your employees to work productively and efficiently. When looking for items you
need make sure that they’re fit for the job and that they are of a quality and comfort you desire.
If for example your company sends lots of internal mail consider the type of envelopes you’ll
need to provide them.
Finding a supplier however, that can accommodate all your office procurement needs whilst
keeping costs low and quality high can be hard to come by. With our online stationery store, the
customer can get widest range of stationery products, Office Supplies ,school stationery and
books and art and craft products under a single roof. The world of software development there
lots of improvement in this area and to reduce the complexity of purchasing the essential
stationery items . Online Stationery Store is a virtual store on Internet where customer can
browse the product and select the product of interest. The selected product may be collected in
shopping cart. At checkout time the items in the shopping care will be presented as an order. At
that time shipping information and payment method have to select to the customer. Finally by
confirming the orders have to complete the shopping and the product will deliver to customer via
courier, post office or by direct agent of company.
1.2 Objectives
The objective of the Online Shopping systems is to increase the point of customer choice, reduce
time used in shopping and efficiency in buying stationery products.
To develop an easy way to use web based interface where users can search for product
view the details of the product and order it without going to market.
The searching product can be done by product category, manufacturer as well as latest
product, view it purchase it become a convenient way for customer.
Customer can add product to cart to purchase, delete the product from cart before
selecting the final submission.
A user can view the complete specification of the product with various images and also
view the customer review the product.
It minimizes the shopping time of customer, increase the point of choice.
It also facilitate the service provider to know the current status of market and take
decision which product are selling more now a days and have to keep in store.
1.3 Scope
1.3.1 Customer
Online registration: Customer has to register to buy stationery products.
View Product: Customer can view product according to category, manufacturer and
latest product. Select the items to cart, also can delete from cart before final submission,
he can also view product details and find their specifications and features.
Payment Method: Customer can select the payment method what is easy for him for
payment the cost.
1.3.2 Admin
Category: admin can add category, view, publish, unpublished, edit and delete category.
Manufacturer: admin can add manufacturer, view, publish, unpublished, edit
manufacturer and delete manufacturer.
Product: admin can add product, view, unpublished, edit manufacturer and delete any
stationery product.
Chapter 2
Requirement Analysis
As the goal of the application is ease of use and to provide an interactive interface, extensive
research has been done to gain an insight into the needs and behaviors of various users. The
working of the application is made convenient and easy to use for the end user. In online web
based shopping systems there are two parties who interact with the system, one of them are
customer or user who wants to buy product and other the system admin manage the system. A
good web based Online Stationery Store should present the following factors to the customers for
better usability.
From user part or customer part when customers order from his part can manage the
order of the product.
To launch the system, admin have to select the category of product, company or
manufacturer of product will remain in the system for customer view and he can select
those from his panel.
Admin can add manufacturer of product, view manufacturer, delete manufacturer, update
manufacturer and its status those are not available in shop as unpublished.
Admin can add product, view product, delete product, update product and its status those
are not available in shop as unpublished.
Admin can add category of product, delete, view, update product and its status those are
not available in shop or stop to sell or not to show to customer.
Another important factor in the design of the software that the feedback. The interactive
cycle between a use and website in not complete until the responds to a command by the
user.
A valid admin user is needed to access the information of the system for the admin.
A valid customer ID is need to the customer to buy the product.
Admin login to the system can view, edit, delete and update category, manufacturer and
product related information. Also he can update the order information.
Customer can add product to cart only when he is a register user to the system, as well as
have to login to the system otherwise not able to add product to cart.
A use case is a methodology used in system analysis to identify, clarify, and organize system
requirements. The use case is made up of a set of possible sequences of interactions between
systems and users in a particular environment and related to a particular goal. It consists of a
group of elements (for example, classes and interfaces) that can be used together in a way that
will have an effect larger than the sum of the separate elements combined.
The use case should contain all system activities that have significance to the users. A use case
can be thought of as a collection of possible scenarios related to a particular goal, indeed, the use
case and goal are sometimes considered to be synonymous.
In this use case diagram of Online Shopping admin can add, delete, edit and view Category,
Manufacturer and Product as well as admin can manage all of them. Also Admin can manage
order those are requested by the customer, and can change the status.
A data flow diagram (DFD) is a graphical representation of the "flow" of data through an
information system, modeling its process aspects. A DFD is often used as a preliminary step to
create an overview of the system, which can later be elaborated.
First level DFD shows the major steps that have to complete to buy a stationery product .
Initially customer visit the website, search the product by category, manufacturer and top selling,
show the details of the product, select payment method, finally the product delivered by the
company agent.
Second level DFD shows the whole fact that happen in the system and it’s given below:
2.4 ER Diagram
In the ER diagram of Online Stationery Store the relationship between the customer to product is
one to many as same customer can buy multiple product, also for category to product is one to
many as for a single category have different product. Also here mentioned the relationship
between the tables, mention the primary key of the table. Here another important part is that its
mention all the entities of the table.
2.5.1 USERS
2.5.1.1 Registeration
A new user will have to register in the system by providing essential deatails in order to view the
products in the system. The admin must accept a new user by unblocking him.
2.5.1.2 Login
AA user can login with his userID and password. As for security reasons all the users of the
system are given a user ID and a password. Only if the ID and password are correct, the user
is allowed to entry in the system and select the options available in the system. Therefore,
user need to register once and can login anytime with credentials used in registration.
If user want to purchase an item then he has to add the product in to the cart and then user can
update and delete his cartaccording to his need .The item could be piurchased only after adding it
into the cart.
2.5.2 ADMIN
2.5.2.1 Manage the site
Admin could manage the features of website.It could easily maintain the sections for different
stationery products.
The admin can manage the user i.e. he can add ,remove ,block and view the user.
Admin can add or remove the model available on the site.Admin can also manage the mobile
features according to many categories by adding new model details.
Through our online stationery Store , customer can purchase their Stationery items
according to their need with a degree of easiness and quality in an efficient manner.
2.6.2Security Requirements
The system developed should be as secure as possible. Intrusions in the system as well as
loopholes are to be avoided. Furthermore only the authorized group of users should have the
privilege to access and change information.
2.6.3 Reliability
This system must be highly robust. Amount of computing resources and code required to
perform function extent to which program performs with required precision
• Correctness- extent to which program satisfies specifications, fulfils user’s mission and
objective.
• Efficiency - Flexibility - effort needed to modify operational program
• Interoperability- effort needed to couple one system with another
• Testability - effort needed to test to ensure performs as intended
2.6.4 Reusability
2.6.5 Portability
The Online Stationery Store is developed using HTML ,CSS,BOOTSRAP and PHP so that it
can be accessed from any type of system using just a regular web browser. Responsive web
designing is used for making website compatible for any type of screen .
The Online Stationery Store will be developed so that it uses all type of functions and fulfill the
requirements of the system .
2.6.7 Maintainability
Effort required to locate and fix an error during operation the project should be completed within
the stipulated time period. The cost involved in marketing the project should be less.
Chapter 3
Design Specification
3.1 Customer Interface
Top Selling Top of the home page showing top selling of the product.
Menu Home page includes menus according to category of product, and customer can
search the product according to category of product the customer needed.
Cart Customer can see the products he added in his cart.
Create Account The customer has no account can register from this page.
Latest product that added recently showing in the home page right part also the middle of
the home page.
In footer of the home page customer can view the product according to the manufacturer.
In the middle part of the home page showing the current promotion or offer running.
Bottom of the page showing Account, Help and Popular menu. Popular menu will show
the latest product, Help for contact and Account for register or existing user login.
Chapter 4
Implementation and Testing
4.1 Implementation
While there are number of software tools to develop and implement the web based Online
Stationery Store, I have chosen those are open source, so that it will reduce the developing cost
of the project. For designing the project HTML, CSS, Bootstraps, Apache server as web server,
PHP for making the system dynamic. MySQL as database server. All of the tools are open
source.
4.1.1 HTML
In this project HTML used for design the structure. HTML is a markup language for describing
web documents and stands for Hyper Text Markup Language, a markup language is a set of
markup tags.HTML documents are described by HTML tags. Each HTML tag describes
different document content. HTML used because:
Easy to learn.
Easy to use.
Supported by all browser.
Cost effective.
4.1.2 CSS
In this Project We used CSS along with HTML. Cascading Style Sheets (CSS) is a style sheet
language used for describing the presentation of a document written in a markup language like
HTML. CSS is designed to enable the separation of presentation and content, including layout,
colors, and fonts.. CSS also has rules for alternate formatting if the content is accessed on a
mobile device.CSS is used due to following features:
4.1.3 BOOTSTRAP
To make our website Responsive, we used Bootstrap 3. A website is called responsive website
which can automatically adjust itself to look good on all devices, from smart phones to desktops
. Bootstrap is a free and open source front end development framework for the creation of
websites and web apps. The Bootstrap framework is built on HTML, CSS, and JavaScript (JS) to
facilitate the development of responsive, mobile-first sites and apps. Following are the main
advantage of Bootstrap:
It is very easy to use. Anybody having basic knowledge of HTML and CSS can use
Bootstrap.
It facilitates users to develop a responsive website.
It is compatible on most of browsers like Chrome, Firefox, Internet Explorer, Safari and
Opera etc.
4.1.4 PHP
In this project making the web page content dynamic and for interconnecting with database
coding done by PHP. PHP stands for Hypertext Preprocessor. The reasons of using PHP are:
With PHP we cannot limit to output HTML. We can output images, PDF files, and even flash
movies. We can also output any text, such as XHTML and XML.
4.1.5 MySQL
MySQL is a database system used for the web application and it runs that run on a server. The
reason of using MySQL is
The data in a MySQL database are stored in tables. A table is a collection of related data, and it
consists of columns and rows.
WAMP is a variation of LAMP for Windows systems and is often installed as a software bundle
(Apache, MySQL, and PHP). It is often used for web development and internal testing, but may
also be used to serve live websites. The most important part of the WAMP package is Apache (or
"Apache HTTP Server") which is used run the web server within Windows. By running a local
Apache web server on a Windows machine, a web developer can test webpages in a web browser
without publishing them live on the Internet. WAMP also includes MySQL and PHP..
4.2 Testing
Exhaustive testing for the project is not possible. Some testing strategies and stage designed
manually. For this project Black box and White box testing are chosen. This two type testing
applied different part of the project.
These tests can be functional or non-functional, though usually functional. This method is named
so because the
Verification Validation
2. It does not involve executing the code. 2. It always involves executing the code.
5. Verification uses methods like 5. Validation uses methods like black box
inspections/review, walkthroughs, and Desk- (functional) testing, gray box testing, and
checking etc. white box (structural) testing etc.
7. It can catch errors that validation cannot 7. It can catch errors that verification cannot
catch. It is low level exercise. catch. It is High Level Exercise.
User feedback is one of the important part of a product, this survey is done by one of the
authority of the company employee, evaluate the feedback and take initiative to make the system
more con venient to the user as well as it will be a part of great satisfactory of developing the
system.
1. Functionality Testing – Functionality involves to check the functions of our system whether
it is working properly or not. It involves the following
2.press
login
Sr Tes Test cases descriptio Steps to Test Expecte Actual results Pass/fai
n t n execute data/inpu d results l
o cas t
e id
Press
submit
button.
Press
submit
button.
Press
submit
button.
Press
submit
button.
2.press
login
Chapter5
Results
5.1 Homepage
Figure5-1
Figure 5-2
Figure 5-3
Figure 5-4
Figure 5-5
Figure 5-6
Figure 5-7
Figure 5-8
Figure 5-9
Figure 5-10
Figure 5-11
Chapter 6
Deployment
Final Output:
CONCLUSION
The Internet has become a major resource in modern business, thus online shopping has gained
significance not only from the entrepreneur’s but also from the customers point of view. For the
entrepreneur, online shopping generates a new business opportunities and for the customer, it
makes the comparative shopping possible. A god shopping cart design must be accompanied
with user-friendly shopping cart application logic. It should be convenient for the customer to
view the content s of their cart and to be able to remove or add items to their cart. The shopping
cart application described in this project provides a numbers of features that are designed to
make the customer more comfortable. This project helps in understanding the creation of an
interactive web page and technologies user to implement it. During the course of the project, we
have across the wide variety of problems and difficulties. We have learned the appropriate
intricate working behind the dynamic website, how tricky data manipulation can be occurred
sometimes but we have done everything.
Successfully, the system has been designed in response to the system analysis. All possible error
in the program has been eliminated. Necessary validation techniques have been used and normal,
abnormal and extremely data was used to test the system. However, doing this project has been a
good boost to our confidence as the future IT member of our global village.
Limitation
The software we have developed has some limitation. We are trying to fulfill all requirements.
But some tasks are not done here. Real time services like voice, chatting and video conferencing
are not done here. The system is developed for only cash on delivery as payment method.
Upcoming product will display only website but not added messaging service that when any
product will come will send message to customer mobile that new product available.
Future Scope
If its limitation can be solved then it would be more effective. In future we will try to develop
our project so that we able to give these facilities and credit card validation is not done. The
administrator of the website can be given more functionality, looking specific customer generate
invoice from admin panel of customer till present for taking decision. Adding SMS gateway to
confirm that customer order successfully submitted, and also the current stats of order that means
any state change of order customer will get a notification.
References
www. https://getbootstrap.com/
https://www.w3schools.com/html/
https://www.phpmyadmin.net/
http://www.wampserver.com/en/
https://www.w3.org/Style/CSS/Overview.en.html
Appendix A
Software Requirements
Notepad ++
WAMP Server
Appendix B
//homepage.php
<html>
</head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
</head>
<body class="ex_body">
<div class="top">
<ul id="menu">
</ul>
</div>
<div class="container-fluid">
<div class="navbar-header">
</div>
<li><a href="allproduct.php">pen</a></li>
<li><a href="allproduct.php">pencil</a></li>
<li><a href="colorproduct.php">colorbox</a></li>
<li><a href="dairyproduct.php">Notebook</a></li>
</ul>
</div>
</nav>
<ol class="carousel-indicators">
</ol>
<div class="carousel-inner">
<img src="https://images.unsplash.com/photo-1568871391149-449702439177?ixlib=rb-
1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&w=1000&q=80" alt="Los Angeles" height="400px" width="100%">
</div>
<div class="item">
<img src="https://missmansi.com/wp-content/uploads/2019/08/videoblocks-office-and-school-
stationery-and-accessories_s85fav1pz_thumbnail-full01.png" alt="New York" height="400px"
width="100%">
</div>
<div class="item">
<img
src="https://s1.1zoom.me/big0/649/Stationery_White_background_Pencils_Sheet_of_paper_531441_1
280x915.jpg" alt="New York" height="400px" width="100%">
</div>
<div class="item">
<img src="https://st2.depositphotos.com/1177973/8956/i/950/depositphotos_89563852-stock-
photo-frame-of-colourful-stationary-on.jpg" alt="New York" height="400px" width="100%">
</div>
</div>
<span class="sr-only">Previous</span>
</a>
<span class="sr-only">Next</span>
</a>
</div>
</div>
<img src="https://i.pinimg.com/originals/88/a0/f5/88a0f5f5654bc50be57ee30a8d079f02.jpg"
alt="oops" class="img-rounded"></div>
<img src="https://i.pinimg.com/originals/88/a0/f5/88a0f5f5654bc50be57ee30a8d079f02.jpg"
alt="oops" class="img-rounded"></div>
</div>
</div>
<div class="container">
Our strategy is based on the integrated provision of corporate and industrial customers throughout
Delhi NCR. We also have 4 Outlets in Gurgaon, situated in the<br> sector- 55, Sector – 66, Sadar bazar &
In Old gurgaon. Thanks to 19 years of experience and the newest logistics structure (7 distribution
centres, including a unique<br> “Terminal” that has no analogues), we deliver orders of any volume to
the destination in the shortest possible time.</P>
</div>
</div>
<div class="container">
<?php
$link=mysqli_connect("127.0.0.1","root","");
mysqli_select_db($link,"project");
$row=mysqli_query($link,$q);
$i=0;
while($data=mysqli_fetch_array($row))
if($i%4==0)
?>
<table width=50%><tr><td>
<div class="card">
<div class="card_image">
<div class="transit">
</div>
</div>
<div class="card_data">
</div>
</td>
</div>
<?php
else
?>
<td>
<div class="card">
<div class="card_image">
</div>
<div class="card_data">
</div>
</td>
</div>
<?php
$i++;
echo "</tr></table>";
?>
</form>
</div>
</div>
<section class="section_class">
<li>folders-registers</li>
<li>writing accessories</li>
</div>
<li>CDS DVDS</li>
</div>
</section>
</div>
<section class="design">
<center><img
src="https://s1.1zoom.me/big0/649/Stationery_White_background_Pencils_Sheet_of_paper_531441_1
280x915.jpg" alt="oops" height="300px" width="70%"></center>
</div>
<form method="post">
</form>
</div>
</section>
</div>
</section>
<img src="https://encrypted-
tbn0.gstatic.com/images?q=tbn%3AANd9GcTL30w2jh0HpTwrCa6V9KdQuaQ7erC6YhlPNtW_qHm4zreKt
ycj" alt="oops" class="mark" height="90px" width="15%">
<img src="https://encrypted-
tbn0.gstatic.com/images?q=tbn%3AANd9GcSHzT5Xb0WTpd7h6my26MUQ0EkQO5dWEjuE9dAD7f5-
wER3GGcw" alt="oops" class="mark" height="90px" width="15%">
<img src="https://encrypted-
tbn0.gstatic.com/images?q=tbn%3AANd9GcTFoG3WVgAtkl1L3cSEQUrDbOr6uTHgw3Aw_k2ia7alHLFF1z
63" alt="oops" class="mark" height="90px" width="15%">
Ambala College of Engineering and Applied Research Page 63
Online Stationery Store 2316012, 2316014, 2316018,2316054
<img src="https://www.adlibweb.com/wp-
content/uploads/2018/05/1527587203_z7fViR_classmate_big.jpeg" alt="oops" class="mark"
height="90px" width="15%">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcQn-
9kQYpV3FhoYqC5p30tM1Zn1AirfujYY4R25Gmp-6_MyCX8I" alt="oops" class="mark" height="90px"
width="15%">
<img src="https://encrypted-
tbn0.gstatic.com/images?q=tbn%3AANd9GcT30kKayVlEqDgJkwDehNjQStCChG7lJDO71Sx_Tae81ADnK7i
z" alt="oops" class="mark" height="90px" width="15%">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcTBYqnZNM_-
F7hzq8yg2aEmXvBCZGxId850ZJR30Fm9UvDp28gY" alt="oops" class="mark" height="90px"
width="15%">
<img src="https://encrypted-
tbn0.gstatic.com/images?q=tbn%3AANd9GcS2WYCR9hr31d72zypmPKIMn3zU2tUnl7usPOI66JKXHIwT5t
dc" alt="oops" class="mark" height="90px" width="15%">
<img src="https://encrypted-
tbn0.gstatic.com/images?q=tbn%3AANd9GcR6LVDdsYAPrhDkyOS_j9L4heH92DmiHxIXj33xWdQoaGvH3d
2P" alt="oops" class="mark" height="90px" width="15%">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcSMMjKKw1J6OISUyY-
OvzutGHtMQKE42QVt5NF2P2znSnKTKUtR" alt="oops" class="mark" height="90px" width="15%">
<img src="https://encrypted-
tbn0.gstatic.com/images?q=tbn%3AANd9GcR6LVDdsYAPrhDkyOS_j9L4heH92DmiHxIXj33xWdQoaGvH3d
2P" alt="oops" class="mark" height="90px" width="15%">
</marquee>
</div>
</div>
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3431.420783307728!2d76.74530
921446008!3d30.678434895299876!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390fec0
fc0000001%3A0x2fe21eed866f0d52!2sThinkNEXT+Technologies+Pvt+Ltd+-
+Summer+6+Weeks+Industrial+Training+Internship+Chandigarh+Mohali!5e0!3m2!1sen!2sin!4v1563431
349136!5m2!1sen!2sin" width="200px" height="150" frameborder="0" style="border:0"
allowfullscreen></iframe>
</div>
jondoe19841@gmail.com<br>
MUMBAI
</address>
</div>
</div>
</div>
</body>
</html>
*//addproduct.php
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
</head>
<body>
<form method="post">
</form>
</div>
<h3 style="text-align:center";>PRODUCT</h3>
<div class="form-group">
<div class="col-sm-4">
</div>
</div>
<div class="form-group">
<div class="col-sm-4">
</div>
</div>
<div class="form-group">
<div class="col-sm-4">
</div>
</div>
<div class="form-group">
<div class="col-sm-4">
</div>
</div>
<div class="form-group">
<div class="col-sm-6">
</div>
</div>
<div class="form-group">
</div>
</div>
</form>
<?php
if(isset($_POST["b1"]))
$catg=$_POST["c"];
$pname=$_POST["n"];
$price=$_POST["p1"];
$des=$_POST["d1"];
$name=$_FILES["f1"]["name"];
$temp=$_FILES["f1"]["tmp_name"];
move_uploaded_file($temp,"image/".$name);
$link=mysqli_connect("127.0.0.1","root","");
mysqli_select_db($link,"project");
$q="insert into
product_info(category,name,price,description,images)values('$catg','$pname','$price','$des','$name')";
mysqli_query($link,$q);
?>
<?php
if(isset($_POST["b2"]))
header("location:project3.php");
?>
</body>
</html>
*//userproduct.php
<html>
<head>
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"
type="text/css" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
</head>
<body class="product_body">
<div class="top">
<ul id="menu">
</ul>
</div>
<div class="container-fluid">
<div class="navbar-header">
</div>
<li><a href="producttry.php">pen&pencil</a></li>
<li><a href="#">colorbox</a></li>
<li><a href="#">files</a></li>
</ul>
</div>
</nav>
<div class="container">
<?php
$link=mysqli_connect("127.0.0.1","root","");
mysqli_select_db($link,"project");
$row=mysqli_query($link,$q);
$i=0;
while($data=mysqli_fetch_array($row))
if($i%4==0)
?>
<table width=50%><tr><td>
<div class="card">
<div class="card_image">
<div class="transit">
</div>
</div>
</div>
<div class="name">
</div>
</td>
<?php
else
?>
<td>
<div class="card">
<div class="card_image">
</div>
</div>
<div class="name">
</div>
</td>
<?php
$i++;
echo "</tr></table>";
?>
</form>
</div>
</body>
</html>
*//user.css
.ex_body{
.top {
height: 45px;
ul#menu li {
display:inline;
float:right;
ul{
margin-top:-10px;
li{
margin-top:15px;
.anc{
color:black;
padding:10px;
.nav>li>a {
position: relative;
display: block;
font-family:cursive;
.navbar-default {
background-color: white;
border-color: #e7e7e7;
height: 85px;
.navbar-nav {
float: right;
margin-top: 10px;
.item{
height:430px;
.carousel-control{
width:2%;
.img-rounded {
height: 212px;
margin-left: 21px;
border-radius:15px;
width:88%;
.margin{
margin-top:70px;
h2{
color:#283346;
.card {
transition: -0.3s;
margin-left: 73px;
width: 88%;
height: 330px;
margin-top: 24px;
background-color: white;
border-radius: 4px;
.card:hover {
.card_image{
padding-top:15px;
.card_data{
padding-top: 7px;
padding-left: 15px;
.color{
color: red;
font-size: 19px;
font-variant-caps: petite-caps;
text-decoration: underline;
.size{
border-radius:4px;
margin-top:20px;
.bgcolor{
margin-top: 70px;
background-color: white;
height: 301px;
.lead_color{
color:#1aa79b;
.lead{
font-size:53px;
font-family:fantasy;
section{
display:flex;
.section_class{
display:flex;
margin-top:81px;
background-color:#f4f5fb;
.margin_flex{
margin-top:7px;
font-style:italic;
font-family:inherit;
.margin_flex2{
margin-top:32px;
font-style:italic;
font-family:inherit;
.brand{
margin-top:20px;
.mar{
width:100%;
.mark{
margin-left:20px;
.footer_1{
margin: 10px;
padding-left: 101px;
.footer{
margin-top: 40px;
background-color:#777;
.design{
display:flex;
margin-top:0px;
.flex_color{
background-color:white;
.color2{
color: white;
background-color: firebrick;
border-radius: 10px;
width: 135px;
height: 34px;
font-size: 20px;
border: white;
.cart_icon{
font-size: 35px;
margin-top: 28px;
padding-left: 17px;
.det{
float: right;
margin-top: 36px;
margin-right: -26px;
.product_design{
margin-top:1px;
background-color: #eeeeeeb0;
margin-left: -17px;
padding-left: 26px;
.faltu{
margin-top:30px;
.vl {
height: 250px;
position: absolute;
left: 50%;
margin-left: -3px;
top: 30%;
.divide{
width:50%;
.text{
width:20%;
.quant{
padding-top: 21px;
margin-top: 20px;
border-top-width: thin;