TABLE OF CONTENTS

S.No. Particulars Remarks

1. Introduction 2

2. Javascript and Jquery 15

3. Screenshots of Project 22
4. Coding 34
5. System Maintenance 88
6. Future Scope 89
7. Testing 90
8 BIBLIOGRAPHY 91

9 CONCLUSION 92

INTRODUCTION TO PROJECT

[1]
You can contact us everyone wants to wear the bright, trendy , and diverse clothes of their
choice and needs to be taken care of while shopping the clothes it becomes very tedious to
select clothes when we do not know the clothes to which area it is according to the choice and
many options here we have the system which has the capability of making the clothes of a
kind to register on the different places which could be further taken care when needed .

Mainly this system is concerned with the classification of the clothes. However it is shirt then
it is taken care that which color it is and which gender it supports and which size it is of and
then it like this all clothes like trousers , pants , inner and apart from this all others clothes
also managed in the particular area of the shop and administered by the staff of the store then
the admin takes it care.

Cloth collection system is concerned with the classification of the clothes. which color it is
and which gender it supports and which size it is of and then it like this all clothes like
trousers , pants , inner and apart from this all others clothes also managed in the particular
area of the shop and administered by the staff of the store then the admin takes it care.

FONT-END/BACK-END

FORT-END:

Web pages using ,HTML ,CSS, and JAVA SCRIPT,PHP.

BACK-END: PHP,MY SQL

OBJECTIVE OF PROJECT

[2]
 Its basically build in the platform of php & Html which makes When working in the fashion
industry, there are many tasks that must be completed on a daily basis. Everything from
initial designs to production and client management are monitored diligently, making fashion
a world in which business and creativity collide. There are a number of key clothing and
fashion design objectives that are kept in mind by fashion industry workers at all levels.

 The main objective of the cloth collection system project is to help the ongoing user help to
attain an easy way to navigate the customer details and solve the offline store problems.

 It is basically a very instant processing System by which customers can get the product in the
right time.

the application quite flexible and easy to be operated.

MODULES OF THE PROJECT

[3]
Classify Clothes:

This is the interface of the system in which one can put all the clothes in various racks
according to the type, price, color and few more attributes of it.It is like a managing the
clothes of types at different places and here he is giving it to the system about the information
of it

Choice:

The user selects the clothes by color, size, when to wear kind of situation clothes type and
many more things are considered here. This choice interface is necessary to choose the
clothes and to estimate the pricing of it making a bill out of it according to the quantity and
pricing.

Staff:

This interface is for staff in this interface admin assigns the teams on particular rack area
from where the choices need to be taken care of. Now the assignment is based on his quality
and needs to be taken care he can do the job or not.

Login:

Login with their unique identity and passwords. After this, they will be directed to the
primary user interface from where they have further options

Admin:

Admin has the official powers to control the flow of the data from one part of the system to
the other. He can manipulate the access of the users to the data

IMPORTANCE OF PROJECT

[4]
 Compatibility:-
Web based applications are far more compatible across platforms than traditional
installed software. The web browsers like Internet Explorer, Firefox, etc are available
for a multitude of operating systems and so whether you use Windows, Linux or Mac
OS you can run the web application without any problem.
 Highly Deployable:-
Because of its manageability and cross platform support deploying web applications
to the end user is very easy. They are also perfect where bandwidth is restricted and
the system and data is remote to the user. As they are most deployable you simply
need to send the user a website address to log into and provide them with internet
access facility.
 Security of live data:-

Normally in more complex systems data is moved about separate systems and data
sources. In web based systems these systems and processes can often be merged by
reducing the need to move the data around. Web based applications also provide an
additional security by removing the need for the user to have access to the data and
back end servers.

 Cost Effective:-

Web based applications can considerably lower the costs because of reduced support
and maintenance, lower requirements on the end user system and simplified plans.

SYSTEM ANALYSIS

[5]
Systems analysis is a process of collecting factual data, understand the processes involved,
identifying problems and recommending feasible suggestions for improving the system
functioning. This involves studying the business processes, gathering operational data,
understand the information flow, finding out bottlenecks and evolving solutions for
overcoming the weaknesses of the system so as to achieve the organizational goals.

Analysis is a detailed study of the various operations performed by a system and their
relationship within and outside of the system. In journal view system is collection of people,
procedures and equipments. People are not an important component of any information
system. Information is produced and used by people in an organization in their everyday
activities to make decisions. Information system establishes procedures ensuring that right
people receive right data at right time. These procedures determine what is to be done at it
enter and passed through the system. System analysis is the method that is used to analyze the
system, design them and build them. Analysis is used to gain an understanding of existing
and what is required in system. The analysis phase ends with the system description and a set
of requirement of the new system. Analysis is a process of diagnosis the situation with the
boundaries of system kept in mind to produce a report based own findings. Planning for
information system development is done within in the framework of organizations overall
MIS plan.

SYSTEM REQUIREMENTS

Hardware Specifications:

• Processor Used : Intel core i3

• Processor Speed : 1.60 GHZ
• RAM : 512 MB
• Hard Disk Capacity: 80 GB
• Display Device: Any Monitor
• Keyboard Type: Any Keyboard

Software Specifications:

[6]
 • Technology Implemented: PHP
• Database: MySQL
• Web Browser: Mozilla, Google Chrome, Wamp Server
• User Interface Design: HTML,BOOTSTRAP, CSS

SYSTEM DEVELOPMENT LIFE CYCLE

The Systems Development Life Cycle (SDLC) is a conceptual model used in project
management that describes the stages involved in an information system development project
from an initial feasibility study through maintenance of the completed application.

Feasibility considerations

ECONOMIC FEASIBILITY:

 Economic analysis is the most frequently used method for evaluating the
effectiveness of a this system.
 This procedure is used to determine the benefits and savings that are expected
from candidate system and compare them with the cost.
TECHNICAL FEASIBILTY:

 Technical feasibility centers around the exiting computer system and to what
extent it can support the proposed addition.
 We have to keep in mind the capacity of the proposed system and make an
effort not to over load the system.
BEHAVIORAL FEASIBILITY:

 Peoples are naturally accepting to change a computers are known to make

possible change.
 An estimate should be made of how strong the reactions of the user staff are
likely to have toward the development of a computerized system.
SYSTEM DESIGN

[7]
Systems design is the process of defining the architecture, components, modules, interfaces,
and data for a system to satisfy specified requirements. One could see it as the application of
systems theory to product development.

There is some overlap with the disciplines of systems analysis, systems architecture and
systems engineering. If the broader topic of product development "blends the perspective of
marketing, design, and manufacturing into a single approach to product development, then
design is the act of taking the marketing information and creating the design of the product to
be manufactured.

Systems design is therefore the process of defining and developing systems to satisfy
specified requirements of the user.

Object-oriented analysis and design methods are becoming the most widely used methods for
computer systems design. System design is to deliver the requirements as specified in the
feasibility report.

The main objectives of the design are :

 Practicality
 Efficiency
 Cost
 Flexibility
 Security

Benefits: - A System Design engagement typically provides the following benefits:

 Customers gain a detailed understanding of how their users use their system. This
Usage Profile can be leveraged to develop future architecture changes.
 Potential to learn of future concerns, allowing customers to take proactive
measures to avoid problems.
 Improved system performance; individually tailored configuration advice
demonstrates where improvement is necessary, and how to improve the system
to regain lost performance.

[8]
 ER DIAGRAM

Entity – Relationship Diagram: This depicts relationship between data objects. The attribute
of each data objects noted in the entity- relationship diagram can be described using a data
object description. Data flow diagram serves two

Purposes:

To provide an indication of how data are transformed as they move through the
system.

To depict the functions that transformation the data flow.

Data Objects:A data object is a representation of almost any composite information

that must be understood by the software. By composite information, we mean something
that has a number of different properties or attributes. A data object encapsulates data
only there is no reference within a data object to operations that act on the data.

Attributes: Attributes define the properties of a data object and take on one of three
different characteristics. They can be used to:

 Name an instance of data object.

 Describe the instance.
 Make reference to another instance in other table

Relationships: Data objects are connected to one another in a variety of different

ways. We can define a set of object relationship pairs that define the relevant
relationships.

Cardinality:
The data model must be capable of representing the number of occurrences of objects in a
given relationship. The cardinality of an object relationship pair is

♦ One-To-One (1:1):An occurrence of object ‘A’ can relate to one and only one occurrence of
object ‘B’ and vice versa.

♦ One-To-Many (1:N): One occurrence of object ‘A’ can relate to one or may occurrences of
object ‘B’ but an occurrence of object ‘B’ can relate to only one occurrence of object ‘A’.

[9]
♦ Many-To-Many (M: N): An occurrences of ‘B’ and an occurrence of ‘B’ can relate to one or
many occurrence of ‘A’.

Modality:
The modality of a relationship is zero if there is no explicit need for the relationship to occur or the
relationship is optional. The Modality is one if the occurrence of the relationship is mandatory.
The object relationship pair can be represented graphically using the Entity Relationship
Diagrams. A set of primary components are identified for the Entity Relationship Diagram,
1. Attributes,
2. Relationships and
3. Various Type Indicators.
DFD

A data flow diagram is a graphical representation of the “flow” of data through an

information system, modeling its process aspects. A Data Flow Diagram is a structured
analysis and design tool that can be used for flowcharting in place of, or in association with,
information-oriented systems flowcharts. A DFD is often used as a preliminary step to create
an overview of the system, which can later be elaborated. DFDs can also be used for the
utilizing of data processing.A DFD shows what kind of information will be input to and
output from the system, where the data will come from and go to, and where the data will be
stored. It does not show information about the timing of process or information about
whether processes will operate in sequence or in parallel.

Splash Activity

Login

Main
Activity

Admin App User App

[10]
 THREE-TIER WEB APPLICATION DEVELOPMENT

To implement a web application client-server architecture is required. The most popular

client-server architectures are the two-tier and the three-tier architecture. In web application
development, three-tier architecture refers to separating the application process into three
specific layers. What the user sees via a web browser is called the presentation tier and is
content served from a web server. The middle tier performs the business logic processing that
occurs, for example, when a user submits a form. The back end consists of the data tier which
handles the database processing and access to the data.
This system is designed based on a traditional three-tier architecture used bymany web
applications. Three-tier architecture includes a presentation layer, businessrules/ logic layer r,
and the data layer. The three-tier architecture is shown in Figure.

PRESENTATION TIER:

The Presentation Tier or User Interface is the portion the user sees when they open a web
page in the browser. It is what is presented to the user on the client side within their web
browser. If you were to view the source code, you would only see code such as HTML, PHP,

[11]
and Cascading Style Sheets Viewing source code on a web page, you would not see database
queries or loops or calls to classes or any behind-the-scenes processing. Languages used in
this layer are typically HTML, PHP, CSS,jquery and Bootstrap.

BUSINESS LOGIC OR APPLICATION TIER:

The Business Logic, Functional Process Logic, Business Rules are kept in a separate layer.
You would not use HTML or PHP in this layer. In this layer you typically define your
classes, properties, etc.

DATA ACCESS TIER

In PHP, the Data Access layer is where you define your database server. In our project we
have used xampp server. It is where you define your queries. The business tier may then
make use of this functionality.

TOOLS AND TECHNOLOGIES HTML AND CSS

WHAT IS HTML?

Hypertext Markup Language (HTML) is the standard markup language for creating web
pages and web applications. With Cascading Style Sheets (CSS) and JavaScript, it forms a
triad of cornerstone technologies for the World Wide Web.

Web browsers receive HTML documents from a web server or from local storage and render
the documents into multimedia web pages. HTML describes the structure of a web page
semantically and originally included cues for the appearance of the document.

HTML elements are the building blocks of HTML pages. With HTML constructs, images
and other objects such as interactive forms may be embedded into the rendered page. HTML
provides a means to create structured documents by denoting structural semantics for text
such as headings, paragraphs, lists, links, quotes and other items. HTML elements are
delineated by tags, written using angle brackets. Tags such as <img /> and <input /> directly
introduce content into the page. Other tags such as <p> surround and provide information

[12]
about document text and may include other tags as sub-elements. Browsers do not display the
HTML tags, but use them to interpret the content of the page.

HTML FORMS

A webform, web form or HTML form on a web page allows a user to enter data that is sent to
a server for processing. Forms can resemble paper or database forms because web users fill
out the forms using checkboxes, radio buttons, or text fields

Forms can be made up of standard graphical user interface elements:

 text — a simple text box that allows input of a single line of text.
 email - a type of text that requires a partially validated email address
 number - a type of text that requires a number
 password — similar to text, it is used for security purposes, in which the characters
typed in are invisible or replaced by symbols such as *)
 radio — a radio button
 file — a file select control for uploading a file
 reset — a reset button that, when activated, tells the browser to restore the values to
their initial values.
 submit — a button that tells the browser to take action on the form (typically to send
it to a server)
 textarea — much like the text input field except a textarea allows for multiple rows of
data to be shown and entered
 select — a drop-down list that displays a list of items a user can select from

HTML TABLES

The HTML tables allow web authors to arrange data like text, images, links, other tables,
etc. into rows and columns of cells.

The HTML tables are created using the <table> tag in which the <tr> tag is used to create
table rows and <td> tag is used to create data cells. The elements under <td> are regular and
left aligned by default

[13]
 CSS (CASCADING STYLE SHEET)

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 a cornerstone technology of the
World Wide Web, alongside HTML and JavaScript.

CSS is designed to enable the separation of presentation and content, including layout, colors,
and fonts.This separation can improve content accessibility, provide more flexibility and
control in the specification of presentation characteristics, enable multiple web pages to share
formatting by specifying the relevant CSS in a separate .css file, and reduce complexity and
repetition in the structural content.

Three Types of CSS

CSS comes in three types:

 In a separate file (external)

 At the top of a web page document (internal)
 Right next to the text it decorates (inline)

1. External style sheets are separate files full of CSS instructions (with the file
extension .css). When any web page includes an external style sheet, its look and feel
will be controlled by this CSS file (unless you decide to override a style using one of
these next two types). This is how you change a whole website at once. And that's
perfect if you want to keep up with the latest fashion in web pages without rewriting
every page!

2. . Internal styles are placed at the top of each web page document, before any of the
content is listed. This is the next best thing to external, because they're easy to find,
yet allow you to 'override' an external style sheet -- for that special page that wants to
be a nonconformist

3. Inline styles are placed right where you need them, next to the text or graphic you
wish to decorate. You can insert inline styles anywhere in the middle of your HTML
code, giving you real freedom to specify each web page element. On the other hand,
this can make maintaining web pages a real chore!

[14]
 JAVASCRIPT AND JQUERY

JAVASCRIPT

JavaScript often abbreviated as JS, is a high-level, interpreted programming language that

conforms to the ECMAScript specification. JavaScript has curly-bracket syntax, dynamic
typing, prototype-based object-orientation, and first-class functions.

Alongside HTML and CSS, JavaScript is one of the core technologies of the World Wide
Web. JavaScript enables interactive web pages and is an essential part of web applications.
The vast majority of websites use it, and major web browsers have a dedicated JavaScript
engine to execute it.

As a multi-paradigm language, JavaScript supports event-driven, functional, and imperative

(including object-oriented and prototype-based) programming styles. It has APIs for working
with text, arrays, dates, regular expressions, and the DOM, but the language itself does not
include any I/O, such as networking, storage, or graphics facilities. It relies upon the host
environment in which it is embedded to provide these features.

Where to put your scripts?

You can place your scripts in any of the following locations:

 Between the HTML document's head tags.

 Within the HTML document's body (i.e. between the body tags).
 In an external file (and link to it from your HTML document).

JQUERY

JQuery is a JavaScript library designed to simplify HTML DOM tree traversal and
manipulation, as well as event handling, CSS animation, and Ajax It is free, open-source
software using the permissive MIT License. Web analysis (from 2017) indicates that it is the
most widely deployed JavaScript library by a large margin.

jQuery's syntax is designed to make it easier to navigate a document, select DOM elements,
create animations, handle events, and develop Ajax applications. jQuery also provides
capabilities for developers to create plug-ins on top of the JavaScript library. This enables
developers to create abstractions for low-level interaction and animation, advanced effects

[15]
 and high-level, theme able widgets. The modular approach to the jQuery library allows the
creation of powerful dynamic web pages and Web applications.

BOOTSTRAP

Bootstrap is a free front-end framework for faster and easier web development Bootstrap
includes HTML and CSS based design templates for typography, forms, buttons, tables,
navigation, modals, image carousels and many other, as well as optional JavaScript
plugins.Bootstrap also gives you the ability to easily create responsive designs

Introduction to PHP

PHP is a powerful language and the interpreter, whether included in a web server as a module or
executed as a separate CGI binary, is able to access files, execute commands and open network
connections on the server. These properties make anything run on a web server insecure by
default. PHP is designed specifically to be a more secure language for writing CGI programs
than Perl or C, and with correct selection of compile-time and runtime configuration options,
and proper coding practices, it can give you exactly the combination of freedom and security
you need.
The configuration flexibility of PHP is equally rivalled by the code flexibility. PHP can be used
to build complete server applications, with all the power of a shell user, or it can be used for
simple server-side includes with little risk in a tightly controlled environment. How you build
that environment, and how secure it is, is largely up to the PHP developer.
Features:

 Open Source (Only one file encrypted) .

 Nice layout from start.
 Support Most payment vendors.
 Unlimited level of categories.
 Unique Extra Fields that is also sortable.
 Large user community.
 Uses Template and language system that keeps your customize.
 Regions Module is included (using Ajax).
 Picture Gallery.
 Publishing tool for custom pages by you.

[16]
 Easy code.
 Normalized Database Layout
 Fast.

Installation and configuration

There are two primary ways for adding support for PHP to a web server – as a native web server
module, or as a CGI executable. PHP has a direct module interface calledServer Application
Programming Interface (SAPI), which is supported by many web servers including Apache
HTTP Server, Microsoft IIS, Netscape (now defunct) and iPlanet. Some other web servers, such
as OmniHTTPd, support the Internet Server Application Programming Interface (ISAPI), which
is a Microsoft's web server module interface. If PHP has no module support for a web server, it
can always be used as a Common Gateway Interface (CGI) or FastCGI processor; in that case,
the web server is configured to use PHP's CGI executable to process all requests to PHP files.

Usage

PHP is a general-purpose scripting language that is especially suited to server-side web

development, in which case PHP generally runs on a web server. Any PHP code in a requested
file is executed by the PHP runtime, usually to create dynamic web page content or dynamic
images used on websites or elsewhere. It can also be used for command-line scripting and client-
side graphical user interface (GUI) applications. PHP can be deployed on most web servers,
many operating systems and platforms, and can be used with many relational database
management systems (RDBMS). Most web hosting providers support PHP for use by their
clients. It is available free of charge, and the PHP Group provides the complete source code for
users to build, customize and extend for their own use.

Dynamic web page: example of server-side scripting (PHP and MySQL).

PHP acts primarily as a filter, taking input from a file or stream containing text and/or PHP
instructions and outputting another stream of data. Most commonly the output will be HTML,

[17]
although it could be JSON, XMLor binary data such as image or audio formats. Since PHP 4,
the PHP parser compiles input to producebytecode for processing by the Zend Engine, giving
improved performance over its interpreterpredecessor.

BACK END

MySQL

MySQL is an open-source relational database management system (RDBMS). Its name is a

combination of "My", the name of co-founder Michael Widenius' daughter, and "SQL", the
abbreviation for Structured Query Language. The MySQL development project has made its
source code available under the terms of the GNU General Public License, as well as under a
variety of proprietary agreements. MySQL was owned and sponsored by a single for-profit firm,
the Swedish company MySQL AB, now owned by Oracle Corporation.MySQL is a central
component of the LAMP open-source web application software stack (and other "AMP" stacks).
LAMP is an acronym for "Linux, Apache,MySQL, Perl/PHP/Python".Applications
include: TYPO3, MODx, Joomla, WordPress, phpBB, MyBB, and Drupal. MySQL is also used
in many high-profile, large-scale websites, including Google (though not for
searches), Facebook, Twitter, Flickr, and YouTube.

Features

MySQL is offered under two different editions: the open source MySQL Community Server and
the proprietary Enterprise Server. MySQL Enterprise Server is differentiated by a series of
proprietary extensions which install as server plugins, but otherwise shares the version
numbering system and is built from the same code base

Major features as available in MySQL 5.6:

 A broad subset of ANSI SQL 99, as well as extensions

 Cross-platform support
 Stored procedures, using a procedural language that closely adheres to SQL/PSM
 Cursors
 Triggers
 Updatable views
 Partitioned tables with pruning of partitions in optimizer

[18]
 Multiple storage engines, allowing one to choose the one that is most effective for each table
in the application.

Deployment

MySQL can be built and installed manually from source code, but it is more commonly installed
from a binary package unless special customizations are required. On most Linux distributions,
the package management system can download and install MySQL with minimal effort, though
further configuration is often required to adjust security and optimization settings.Though
MySQL began as a low-end alternative to more powerful proprietary databases, it has gradually
evolved to support higher-scale needs as well. It is still most commonly used in small to medium
scale single-server deployments, either as a component in a LAMP-based web application or as
a standalone database server. Much of MySQL's appeal originates in its relative simplicity and
ease of use, which is enabled by an ecosystem of open source tools such as phpMyAdmin. In the
medium range, MySQL can be scaled by deploying it on more powerful hardware, such as a
multi-processor server with gigabytes of memory.A typical high-end configuration can include a
powerful master database which handles data write operations and is replicated to multiple
slaves that handle all read operations. The master server continually pushes binlog events to
connected slaves so in the event of failure a slave can be promoted to become the new master,
minimizing downtime. Further improvements in performance can be achieved by caching the
results from database queries in memory using memcached, or breaking down a database into
smaller chunks called shards which can be spread across a number of distributed server clusters.

For the Back End WAMP is being utilized for Database:-

WampServer refers to a software stack for the Microsoft Windows operating system, created
by Romain Bourdon and consisting of the Apache web server, OpenSSL for SSL
support, MySQL database and PHP programming language.
It stands for "Windows, Apache, MySQL, and PHP." 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

[19]
 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, which are two of the most common technologies
used for creating dynamic websites. MySQL is a high-speed database, while PHP is a
scripting language that can be used to access data from the database. By installing these two
components locally, a developer can build and test a dynamic website before publishing it to
a public web server.

While Apache, MySQL, and PHP are open source components that can be installed
individually, they are usually installed together. One popular package is called
"WampServer," which provides a user-friendly way to install and configure the "AMP"
components on Windows

Latest Version of Wamp is 7.2.14 :

WampServer is a Web development platform on Windows that allows you to create dynamic
Web applications with Apache2, PHP, MySQL and MariaDB. WampServer automatically
installs everything you need to intuitively develope Web applications. You will be able to tune
your server without even touching its setting files. Best of all, WampServer is available for free
(under GPML license) in both 32 and 64 bit versions. Wampserver is not compatible with
Windows XP, SP3, or Windows Server 2003..

Functionalities of Wamp:

WampServer’s functionalities are very complete and easy to use .

With a left click on WampServer’s icon, you will be able to:
 manage your Apache and MySQL services
 switch online/offline (give access to everyone or only localhost)
 install and switch Apache, MySQL and PHP releases
 manage your servers settings
 access your logs
 access your settings files
 create alias
With a right click :
 change WampServer’s menu language
 access this page

[20]
SCREENSHOTS OF PROJECT

HOME PAGE

[21]
ABOUT US

[22]
PRODUCTS OF CATEGORIES

MEN

[23]
WOMEN

[24]
KIDS BOYS

[25]
KIDS GIRLS

[26]
QUALITY&INFRASTRUCTURE

[27]
CONTACT US

[28]
ADMIN PAGE

[29]
ADD NEW CATEGORIES

ADD NEW PRODUCTS

[30]
VIEW PRODUCTS

[31]
VIEW CATEGORIES

[32]
 CODING

Index

[33]
<?php include('header.php')

<section class="main-slider">

<div class="slider-wrapper theme-default">

<div id="slider" class="nivoSlider">

<img src="img/product/slide1.jpg" />

<img src="img/product/slide2.jpg" />

<img src="img/product/slide3.jpg" />

<img src="img/product/slide4.jpg" />

</div>

</div>

</section>

<h5 style="background-color: #c10238;font-size:18px;margin:0px; padding: 10px; font-

weight: 500;"><marquee scrollamount="6" onmouseover="this.stop()"
onmouseout="this.start()"><span style="color:#ffffff;">Mfrs. & Exporters of: Woolen/
Cotton, Hosiery & Knitwears</span></marquee></h5>

<section id="about" class="ls section_padding_top_150 section_padding_bottom_150">

<div class="container">

<h2 class="section_header text-center">ONS International</h2>

<p class="small-text grey text-center">for a better look</p>

<div class="row flex-wrap v-center">

<div class="col-md-6">

<img src="images/about.png" alt="" class="about-cover"> </div>

<div class="col-md-6">

<p style="text-align:justify;">we would like to introduce ourselves as one of the leading

manufacturers and exporters of knitwears ( all kinds of sweaters for mens, womens & kids in
ludhiana (pb), india. )we are supplying our quality products to good brands only. also we are
exporting our products to usa, uk. we manufacture all kinds of mens pullovers, ladies cdgn,
kids pullovers, caps, mufflers, scarfes; ponchus in different kinds of yarns (cotton, wool,
acrylic and other blends).<br>

[34]
<a href="about.php">Read More</a> </p>

<!--

<div class="toppadding_40 visible-lg"></div>

<div class="content-justify v-center v-spacing">

<img src="images/stamps.png" alt=""> <img src="images/signature.png" alt=""> </div>

-->

</div>

</div>

</div>

</section>

<section id="products" class="ls fluid_padding_0 columns_padding_0">

<div class="container-fluid">

<div class="row">

<div class="col-xs-12 text-center">

<h2 class="section_header">Our Products</h2>

<div class="filters carousel_filters"> <a href="#" data-filter="*">All</a>

<a href="#" data-filter=".men">Men</a>

<a href="#" data-filter=".women">Women</a>

<a href="#" data-filter=".kids">Kids</a> </div>

<div class="owl-carousel products-carousel gallery-carousel" data-nav="true" data-

dots="false" data-responsive-xlg="5" data-responsive-sm="3" data-responsive-xs="2" data-
responsive-xxs="1" data-filters=".carousel_filters" data-margin="30">

<article class="product vertical-item text-center with-corner-label kids">

<div class="item-media-wrap bottommargin_25">

<div class="item-media"> <a href="#">

<img src="img/product/1.jpg" alt=""/>

<img src="img/product/1-1.jpg" alt=""/>

</a>

[35]
<div class="product_buttons darklinks"> <!--<a href="#" class="add_to_cart" data-
toggle="tooltip" title="Add to Cart">

<i class="qtyler-shop-bag"></i>

<span class="sr-only">Add to cart</span>

</a> <a href="#" class="add_to_wishlist" data-toggle="tooltip" title="Add to Wishlist">

<i class="qtyler-heart"></i>

<span class="sr-only">Add to Wishlist</span> </a>-->

<a class="p-view prettyPhoto " data-gal="prettyPhoto[product1-gal]"

href="img/product/1.jpg" data-toggle="tooltip" title="Expand Photo">

<i class="qtyler-external"></i>

<span class="sr-only">Expand Photo</span>

</a>

</div>

</div>

</div>

<div class="item-content">

<!--

<h3 class="entry-title"> <a href="shop-product.html">Black tank top</a> </h3>-->

<!--

<div class="price"> <span class="amount">$24.95</span> </div>-->

</div>

</article>

<article class="product vertical-item text-center kids">

<div class="item-media-wrap bottommargin_25">

<div class="item-media"> <a href="#">

<img src="img/product/2.jpg" alt="" />

<img src="img/product/2-2.jpg" alt="" />

</a>

[36]
<div class="product_buttons darklinks"> <!--<a href="#" class="add_to_cart" data-
toggle="tooltip" title="Add to Cart">

<i class="qtyler-shop-bag"></i>

<span class="sr-only">Add to cart</span </a> <a href="#" class="add_to_wishlist" data-

toggle="tooltip" title="Add to Wishlist">

<i class="qtyler-heart"></i>

<span class="sr-only">Add to Wishlist</span>

</a>--> <a class="p-view prettyPhoto " data-gal="prettyPhoto[product2-gal]"

href="img/product/2.jpg" data-toggle="tooltip" title="Expand Photo">

<i class="qtyler-external"></i>

<span class="sr-only">Expand Photo</span>

</a> </div>

</div>

</div>

<div class="item-content">

<!--

<h3 class="entry-title"> <a href="shop-product.html">White pullover</a> </h3>

<div class="price"> <span class="amount">$19.95</span> </div>

-->

</div>

</article>

<article class="product vertical-item text-center with-corner-label women">

<div class="item-media-wrap bottommargin_25">

<div class="item-media"> <a href="#">

<img src="img/product/3.jpg" alt="" />

<img src="img/product/3-3.jpg" alt="" />

</a>

<div class="product_buttons darklinks"> <!--<a href="#" class="add_to_cart" data-

toggle="tooltip" title="Add to Cart">

[37]
<i class="qtyler-shop-bag"></i>

<span class="sr-only">Add to cart</span>

</a>

<a href="#" class="add_to_wishlist" data-toggle="tooltip" title="Add to Wishlist">

<i class="qtyler-heart"></i>

<span class="sr-only">Add to Wishlist</span>

</a>--> <a class="p-view prettyPhoto " data-gal="prettyPhoto[product3-gal]"

href="img/product/3.jpg" data-toggle="tooltip" title="Expand Photo">

<i class="qtyler-external"></i>

<span class="sr-only">Expand Photo</span>

</a></div>

</div>

<!—

<div class="corner-label sale">sale</div>-->

</div>

<div class="item-content">

<!--

<h3 class="entry-title"> <a href="shop-product.html">Heather grey pullover</a> </h3>

<div class="price"> <span class="amount">$29.95</span> </div>

-->

</div>

</article>

<article class="product vertical-item text-center women">

<div class="item-media-wrap bottommargin_25">

<div class="item-media"> <a href="#">

<img src="img/product/4.jpg" alt="" />

<img src="img/product/4-4.jpg" alt="" />

[38]
</a>

<div class="product_buttons darklinks">

<!--<a href="#" class="add_to_cart" data-toggle="tooltip" title="Add to Cart">

<i class="qtyler-shop-bag"></i>

<span class="sr-only">Add to cart</span>

</a>

<a href="#" class="add_to_wishlist" data-toggle="tooltip" title="Add to Wishlist">

<i class="qtyler-heart"></i>

<span class="sr-only">Add to Wishlist</span>

</a>-->

<a class="p-view prettyPhoto " data-gal="prettyPhoto[product4-gal]"

href="img/product/4.jpg" data-toggle="tooltip" title="Expand Photo">

<i class="qtyler-external"></i>

<span class="sr-only">Expand Photo</span>

</a> </div>

</div>

</div>

<div class="item-content">

<!--

<h3 class="entry-title"> <a href="shop-product.html">White sport bra</a> </h3>

<div class="price"> <span class="amount">$14.95</span> </div>

-->

</div>

</article>

<article class="product vertical-item text-center with-corner-label kids">

<div class="item-media-wrap bottommargin_25">

<div class="item-media"> <a href="shop-product.html">

[39]
<img src="img/product/5.jpg" alt="" />

<img src="img/product/5-5.jpg" alt="" />

</a>

<div class="product_buttons darklinks"> <!--<a href="#" class="add_to_cart" data-

toggle="tooltip" title="Add to Cart">

<i class="qtyler-shop-bag"></i>

<span class="sr-only">Add to cart</span>

</a> <a href="#" class="add_to_wishlist" data-toggle="tooltip" title="Add to Wishlist">

<i class="qtyler-heart"></i>

<span class="sr-only">Add to Wishlist</span>

</a>--> <a class="p-view prettyPhoto " data-gal="prettyPhoto[product5-gal]"

href="img/product/5.jpg" data-toggle="tooltip" title="Expand Photo">

<i class="qtyler-external"></i>

<span class="sr-only">Expand Photo</span>

</a> </div>

</div>

<!—

<div class="corner-label new">new</div>-->

</div>

<div class="item-content">

<!--

<h3 class="entry-title"> <a href="shop-product.html">Slim short dress</a> </h3>

<div class="price"> <span class="amount">$34.95</span> </div>

-->

</div>

</article>

<article class="product vertical-item text-center with-corner-label men">

<div class="item-media-wrap bottommargin_25">

[40]
<div class="item-media"> <a href="shop-product.html">

<img src="img/product/6.jpg" alt="" />

<img src="img/product/6-6.jpg" alt="" />

</a>

<div class="product_buttons darklinks"> <!--<a href="#" class="add_to_cart" data-

toggle="tooltip" title="Add to Cart">

<i class="qtyler-shop-bag"></i>

<span class="sr-only">Add to cart</span>

</a>

<a href="#" class="add_to_wishlist" data-toggle="tooltip" title="Add to Wishlist">

<i class="qtyler-heart"></i>

<span class="sr-only">Add to Wishlist</span>

</a>-->

<a class="p-view prettyPhoto " data-gal="prettyPhoto[product6-gal]" href="img/product/6-

6.jpg" data-toggle="tooltip" title="Expand Photo">

<i class="qtyler-external"></i>

<span class="sr-only">Expand Photo</span>

</a> </div>

</div>

<!—

<div class="corner-label hot">hot</div>-->

</div>

<div class="item-content">

<!--

<h3 class="entry-title"> <a href="shop-product.html">Black t-shirt</a> </h3>

<div class="price"> <span class="amount">$9.95</span> </div>

-->

</div>

[41]
</article>

</div>

</div>

</div>

</div>

</section>

<section id="contact-form" class="ls section_padding_top_150">

<div class="container">

<div class="row flex-wrap v-center">

<div class="col-xs-12 col-md-5 col-md-push-6">

<img src="img/product/contact.jpg" alt="" class="contact-form-cover">

</div>

<div class="col-xs-12 col-md-7 col-md-pull-5">

<h2 class="section_header">Contact Us</h2>

<p class="small-text grey">for cheapest price</p>

<div class="toppadding_5"></div>

<form class="contact-form row columns_padding_10" method="post" action="">

<div class="col-xs-12">

<div class="form-group"> <input type="text" aria-required="true" size="30" value=""

name="name" id="name" class="form-control with_icon" placeholder="Your Name"> <i
class="qtyler-user grey"></i> </div>

</div>

<div class="col-xs-12 col-sm-6">

<div class="form-group"> <input type="email" aria-required="true" size="30" value=""

name="email" id="email" class="form-control with_icon" placeholder="Email Address"> <i
class="qtyler-envelope grey"></i> </div>

</div>

<div class="col-xs-12 col-sm-6">

[42]
<div class="form-group"> <input type="tel" size="30" value="" name="phone" id="phone"
class="form-control with_icon" placeholder="Phone Number"> <i class="qtyler-phone
grey"></i> </div>

</div>

<div class="col-xs-12">

<div class="form-group"> <textarea aria-required="true" rows="3" cols="45"

name="message" id="message" class="form-control with_icon"
placeholder="Message"></textarea> <i class="qtyler-comment grey"></i> </div>

</div>

<div class="col-xs-12 bottommargin_0">

<div class="contact-form-submit"> <button type="submit" id="contact_form_submit"

name="contact_submit" class="theme_button min_width_button margin_0">Contact
Us</button> </div>

</div>

</form>

</div>

</div>

</div>

</section>

About

<?php include('footer.php') ?>

<?php include('header.php') ?>

<style>

table {

border-collapse: collapse;

border-spacing: 0;

width: 100%;

border: 1px solid #ddd;

[43]
th, td {

text-align: left;

padding: 8px;

tr:nth-child(even){background-color: #f2f2f2}

p{

text-align: justify;

</style>

<section class="page_breadcrumbs ls background_coverrr section_padding_50">

<div class="container">

<div class="row">

<div class="col-xs-12 text-center">

<h1 class="sr-only">About</h1>

<ol class="breadcrumb darklinks">

<li> <a href="index.php">

Home

</a> </li>

<a href="about.php">

<li class="active"> <span> / About Us</span> </li></a>

</ol>

</div>

</div>

</div>

</section>

<section class="ls section_padding_top_150 ">

<div class="container" >

[44]
<div class="row">

<div class="col-xs-12">

<img src="images/about.jpg" class="alignright" alt="">

<h2 class="section_header topmargin_0">ONS International</h2>

<p class="small-text grey">About our comapny</p>

<p style="text-transform: capitalize">we would like to introduce ourselves as one of the

leading manufacturers and exporters of knitwears ( all kinds of sweaters for mens, womens &
kids in ludhiana (pb), india. ) </p>

<p style="text-transform: capitalize">we are supplying our quality products to good brands
only. also we are exporting our products to usa, uk. we manufacture all kinds of mens
pullovers, ladies cardigans, kids pullovers, caps, mufflers, scarfes; ponchus in different kinds
of yarns (cotton, wool, acrylic and other blends).

<br>we are very well experienced in knitwears manufacturing. our garments production
centres are managed by extremely experienced professionals who are totally committed to
quality and on time deliveries.

we have skilled manpower to maintain garment quality. trained packers pack the finished
garments only after thorough inspection done by our quality assurance department- under
close supervision of prop. himself.

</p>

<div style="overflow-x:auto;">

<table>

<tr>

<td>NAME OF PROP :-</td>

<td>MR. RANJEET SINGH</td>

</tr>

<tr>

<td>CONTACT PERSONS:- </td>

<td>MR. SANDEEP KUMAR <br/>

*CELL NO + 91 98558 26100

& 81980 05154

[45]
MR-NAVDEEP KUMAR

*CELL NO. 8968385164

</td>

</tr>

<tr>

<td>LANDLINE:-</td>

<td> +91 161 2335871 , 9478028429 </td>

</tr>

<tr>

<td>MAIL ADDRESS: </td>

<td> <footer class="page_footer parallax overlay_color ds ms section_padding_top_150

columns_padding_30">

<div class="container">

<div class="row">

<div class="col-md-4 col-sm-12">

<div class="widget widget_text">

<div class="logo"> <img src="img/product/flogo.png" alt=""> </div>

<p> we would like to introduce ourselves as one of the leading manufacturers and exporters
of knitwears ( all kinds of sweaters for mens, womens & kids in ludhiana (pb), india.we are
supplying our quality products to good brands only. <a href="about.php">Read More</a>
</p>

</div>

</div>

<div class="col-md-4 col-sm-6">

<div class="widget">

<h3 class="widget-title">Quick Links</h3>

<ul style="width:180px;">

<li><a href="index.php">Home</a></li>

<li><a href="about.php">About Us </a></li>

[46]
<li><a href="about.php">Infrastructure</a></li>

<li><a href="about.php">Quality</a></li>

<li><a href="catagory.php?id=86">Our Products</a></li>

<li><a href="contact.php">Contact Us</a></li>

</ul>

</div>

</div>

<div class="col-md-4 col-sm-6">

<div class="widget">

<h3 class="widget-title">Contacts</h3>

<div class="media small-teaser">

<div class="media-left"> <i class="rt-icon2-map2 highlight fontsize_24"></i> </div>

<div class="media-body"> 120,Ashok Nagar,near Bus Stand,Ludhiana- 141010 ( PB)

INDIA</div>

</div>

<div class="media small-teaser">

<div class="media-left"> <i class="rt-icon2-device-phone highlight fontsize_24"></i> </div>

<div class="media-body"> +91-7888956849 </div>

</div>

<div class="media small-teaser">

<div class="media-left"> <i class="rt-icon2-mail2 highlight fontsize_24"></i> </div>

<div class="media-body"> <a href="mailto:[email protected]">[email protected]</a>

<br/><a href="mailto:[email protected]">[email protected]</a> </div>

</div>

<div class="topmargin_20" style="float:right;"> <a href="#" class="social-icon color-bg-

icon socicon-facebook"></a>

</div>

</div>

[47]
</div>

</div>

</div>

</footer>

<section class="ds ms page_copyright parallax overlay_color section_padding_15

with_top_border_container">

<div class="container">

<div class="row">

<div class="col-sm-12 text-center">

<p>&copy; Copyright 2019 All Rights Reserved</p>

</div>

</div>

</div>

</section>

</div>

<!-- eof #box_wrapper -->

</div>

<script type="text/javascript" src="js/jquery.nivo.slider.js"></script>

<script type="text/javascript">

$(window).load(function() {

$('#slider').nivoSlider();

});

</script>

</body>

</html> <footer class="page_footer parallax overlay_color ds ms section_padding_top_150

columns_padding_30">

<div class="container">

[48]
<div class="row">

<div class="col-md-4 col-sm-12">

<div class="widget widget_text">

<div class="logo"> <img src="img/product/flogo.png" alt=""> </div>

<p> we would like to introduce ourselves as one of the leading manufacturers and exporters
of knitwears ( all kinds of sweaters for mens, womens & kids in ludhiana (pb), india.we are
supplying our quality products to good brands only. <a href="about.php">Read More</a>
</p>

</div>

</div>

<div class="col-md-4 col-sm-6">

<div class="widget">

<h3 class="widget-title">Quick Links</h3>

<ul style="width:180px;">

<li><a href="index.php">Home</a></li>

<li><a href="about.php">About Us </a></li>

<li><a href="about.php">Infrastructure</a></li>

<li><a href="about.php">Quality</a></li>

<li><a href="catagory.php?id=86">Our Products</a></li>

<li><a href="contact.php">Contact Us</a></li>

</ul>

</div>

</div>

<div class="col-md-4 col-sm-6">

<div class="widget">

<h3 class="widget-title">Contacts</h3>

<div class="media small-teaser">

<div class="media-left"> <i class="rt-icon2-map2 highlight fontsize_24"></i> </div>

[49]
<div class="media-body"> 120,Ashok Nagar,near Bus Stand,Ludhiana- 141010 ( PB)
INDIA</div>

</div>

<div class="media small-teaser">

<div class="media-left"> <i class="rt-icon2-device-phone highlight fontsize_24"></i> </div>

<div class="media-body"> +91-7888956849 </div>

</div>

<div class="media small-teaser">

<div class="media-left"> <i class="rt-icon2-mail2 highlight fontsize_24"></i> </div>

<div class="media-body"> <a href="mailto:[email protected]">[email protected]</a>

<br/><a href="mailto:[email protected]">[email protected]</a> </div>

</div>

<div class="topmargin_20" style="float:right;"> <a href="#" class="social-icon color-bg-

icon socicon-facebook"></a>

</div>

</div>

</div>

</div>

</div>

</footer>

<section class="ds ms page_copyright parallax overlay_color section_padding_15

with_top_border_container">

<div class="container">

<div class="row">

<div class="col-sm-12 text-center">

<p>&copy; Copyright 2019 All Rights Reserved</p>

</div>

</div>

[50]
</div>

</section>

</div>

<!-- eof #box_wrapper -->

</div>

<script type="text/javascript" src="js/jquery.nivo.slider.js"></script>

<script type="text/javascript">

$(window).load(function() {

$('#slider').nivoSlider();

});

</script>

</body>

</html> 6769, Street No.6, New Janta Nagar, Daba Road, Ludhiana- 141003, Punjab (India).

</td>

</tr>

<tr>

<td>E-MAIL:</td>

<td>[email protected] , [email protected] </td>

</tr>

<tr>

<td>DETAIL OF MFG. ITEMS </td>

<td>GENTS PULLOVERS, LADIES CARDIGENS,

JUMPERS AND ALL KINDS OF SWEATERS,

WORKER WEARS, UNIFORMS ETC ETC .

</td>

[51]
</tr>

<tr>

<td>YARN USED :</td>

<td>ACRYLIC, WOOL BLENDED, COTTON,

FLAGYARN, FUR YARN,

CHENYL YARN, FANCY IMPORTED

YARN.

</td>

</tr>

<tr>

<td>YARN SUPPLIERS : </td>

<td>OSWALWOOLLEN MILLS, VARDHMAN SPG.MILLS,

SHARMAN WOOLLEN MILLS, YOGINDERA WOOLLEN MILLS, ETC.

</td>

</tr>

<tr>

<td>Our buyers :</td>

<td>Hypercity Retail India Limited , Max Lifestyle India Ltd., Vishal Mega Mart Pvt.Ltd,
Arvind Brands etc .

ESS ENN Creation ( USA ) , SQP PLC Incorporation ( UK ) , John incorporations ( Canada )
etc.

</td>

</tr>

</table>

<br/>

<table>

<tr>

<td>BANKERS :- </td>

[52]
<td>STATE BANK OF INDIA

SME BRANCH, G.T.ROAD,

FOCAL POINT

LUDHIANA-141010

</td>

</tr>

<tr>

<td>OUR C/C NO :- </td>

<td>1041 572 1665 </td>

</tr>

<tr>

<td>IFSC CODE (RTGS):- </td>

<td>SBIN 000 4112</td>

</tr>

<tr>

<td>SWIFT NO :- </td>

<td>SBI NIN BB 597</td>

</tr>

</table>

<br/>

<!-- <table>

<tr>

<td>DETAIL OF MACHINES:- </td>

<td>IN HOUSE

</td>

<td>CONTRACTUAL</td>

</tr>

[53]
<tr>

<td>FLAT MACHINES:- 12 GG </td>

<td>50 </td>

<td>100</td>

</tr>

<tr>

<td> 10GG </td>

<td>15 </td>

<td>30</td>

</tr>

<tr>

<td>8GG </td>

<td>60 </td>

<td>100</td>

</tr>

<tr>

<td>6 GG </td>

<td>10 </td>

<td>40</td>

</tr>

<tr>

<td>4 GG </td>

<td>15 </td>

<td>60</td>

</tr>

<tr>

<td>COMPUTERISED KNITTING MACHINES:- </td>

[54]
</tr>

<tr>

<td> 10GG </td>

<td>3 </td>

<td>10</td>

</tr>

<tr>

<td>8GG </td>

<td>2 </td>

<td>10</td>

</tr>

<tr>

<td>LINKING MACHINES: - </td>

<td> 25 </td>

<td>25 </td>

</tr>

<tr>

<td>SEWING MACHINES: - </td>

<td> 30 </td>

<td>40 </td>

</tr>

<tr>

<td>OVERLOCKING MACHINES: - </td>

<td> 5 </td>

<td>0 </td>

</tr>

<tr>

[55]
<td>SIDE LOCKING MACHINES: - </td>

<td> 3 </td>

<td>0 </td>

</tr>

<tr>

<td>WASHING MACHINES (SETS):- </td>

<td> 2 </td>

<td>4 </td>

</tr>

<tr>

<td>STEAM PRESSESS: - </td>

<td> 5 </td>

<td>5 </td>

</tr>

<tr>

<td>AV.DAILY PRODUCTION: - </td>

<td> 3000 PCS </td>

<td> </td>

</tr>

</table>

<br/>-->

</div>

</div>

</div>

</div>

<div class="container" style="padding: 0px;" id="f">

<h3>

[56]
Infrastructure Facilities

</h3>

<p>We have state of art infrastructural set up that spreads over a wide land. This
infrastructure is separated into various sections like procurement, manufacturing,
warehousing & packaging, quality testing, R&D and sales & marketing. Due to the supported
of our advanced and the latest infrastructural unit, Our daily production capacity is around
3000*(Depend upon design) pcs. we have been able to provide a high-quality range of
products to the patrons. Furnished with hi-tech tools and machinery, this infrastructural unit
helps us to manufacture optimum quality products. To attain the best quality in the
manufacturing process, all the equipped tools and machines are usually updated.</p>

</div>

<br/>

<div class="container" style="padding: 0px;" id="q">

<h3>

Quality Policy

</h3>

<p>"Ons International " provides consistent quality to the customers. Strict quality assurance
is inherent in every step of our process, from incoming materials to shipment of the finished
product. Beaver sensitive to quality benchmarks of the core Infrastructure Industry, Attain
standards set by management with a sharp sense of clarity, confidence and conviction.
Encourage and empower human resources across the organization to scale ever new heights
of performance excellence. Our company’s motive is to provide optimum client satisfaction.
We have a good set up for testing of garments as per international standered. The client
centric approach reflects from our work and efforts of providing only high quality and
innovative products to our customers. We follow ethical business policies and transparent
business dealings, which has helped us in earning the trust of large client network. Also, we
always try to meet the stringent demands of our clients and try to provide best services to
them by offering customization on all of our products.</p>

</div>

</section>

<?php include('footer.php') ?>

Product

<?php include('header.php') ?>

<style>

[57]
.ec img:hover {

transition: all 0.2s ease-in-out 0s;

opacity:0.6;

position:relative;

height:auto;

width:auto;

.ec ul{

list-style: none;

margin:0px;

.ec ul li{

float:left;

margin-right: 20px;

.title{

font-size: 18px;

font-weight: 400;

margin-bottom: 12px;

color: #363636;

line-height: 1em;

text-align: center;

padding-bottom: 20px;

margin: 0px;

[58]
}

</style>

<section class="page_breadcrumbs ls background_cover section_padding_50">

<div class="container">

<div class="row">

<div class="col-xs-12 text-center">

<h1 class="sr-only">Products</h1>

<ol class="breadcrumb darklinks">

<li> <a href="index.html">

Home

</a> </li>

<!--<li> <a href="#">Shop</a> </li>-->

<li class="active"> <span>Products</span> </li>

</ol>

</div>

</div>

</div>

</section>

<section class="ls section_padding_top_150 ">

<div class="container">

<div class="row">

<div class="col-xs-12 col-md-9 col-lg-9 col-md-push-3 col-lg-push-3">

<div class="col-md-12 ec">

<?php

include ('kitecms/config.php');

error_reporting(E_ERROR | E_PARSE);

$query1=mysql_query('select * from product where cat_id ="'.$_GET["id"].'"');

[59]
while($query2=mysql_fetch_array($query1)){

?>

<ul>

<li>

<?php

echo '<a href="product_description.php?id='.$query2['id'].'">';

echo '<img src="kitecms/images/'.$query2['image'].'" class="img-responsive thumbnail"

style="width:250px;height:300px;">';

echo" </a>";

echo"<h3 class='title'>";

echo' '.$query2['name'].'';

echo" </h3>";

?>

</li>

</ul>

<?php

}?>

</div>

</div>

<!-- eof .columns-* -->

<aside class="col-xs-12 col-sm-6 col-md-3 col-lg-3 col-md-pull-9 col-lg-pull-9 col-sm-

offset-3 col-md-offset-0">

<div class="widget widget_categories">

<h3 class="widget-title">Categories</h3>

<?php

$query1=mysql_query('select * from categorie where p_id=0');

[60]
?>

<ul class="greylinks" name="p_id">

<?php

while($query2=mysql_fetch_array($query1)){

?>

<li><a href="catagory.php?id=<?php echo $query2['id'] ?>"><?php echo $query2['name'] ?

></a>

</li>

<?php

?>

</ul>

</div>

</aside>

<!-- eof aside sidebar -->

</div>

</div>

</section>

<?php include('footer.php') ?>

Category

<?php include('header.php') ?>

<style>

.ec img:hover {

transition: all 0.2s ease-in-out 0s;

opacity:0.6;

position:relative;

height:auto;

[61]
 width:auto;

.ec ul

list-style: none;

margin:0px;

.ec ul li

float:left;

margin-right: 20px;

.title{

font-size: 18px;

font-weight: 400;

margin-bottom: 12px;

color: #363636;

line-height: 1em;

text-align: center;

padding-bottom: 20px;

margin: 0px;

</style>

<section class="page_breadcrumbs ls background_cover section_padding_50">

<div class="container">

<div class="row">

[62]
<div class="col-xs-12 text-center">

<h1 class="sr-only">Products</h1>

<ol class="breadcrumb darklinks">

<li> <a href="index.html">

Home

</a> </li>

<!--<li> <a href="#">Shop</a> </li>-->

<li class="active"> <span>Products</span> </li>

</ol>

</div>

</div>

</div>

</section>

<section class="ls section_padding_top_150 ">

<div class="container">

<div class="row">

<div class="col-xs-12 col-md-9 col-lg-9 col-md-push-3 col-lg-push-3">

<div class="col-md-12 ec">

<?php

include ('kitecms/config.php');

error_reporting(E_ERROR | E_PARSE);

$query1= mysql_query("select * from categorie where p_id= '$_GET[id]'");

while($query2=mysql_fetch_array($query1)){

?>

<ul>

<li>

<?php

[63]
echo '<a href="product.php?id='.$query2['id'].'">';

echo '<img src="kitecms/images/'.$query2['images'].'" class="img-responsive thumbnail"

style="width:250px;height:300px;">';

echo" </a>";

echo"<h3 class='title'>";

echo' '.$query2['name'].'';

echo" </h3>";

?>

</li>

</ul>

<?php }?>

</div>

</div>

<!-- eof .columns-* -->

<aside class="col-xs-12 col-sm-6 col-md-3 col-lg-3 col-md-pull-9 col-lg-pull-9 col-sm-

offset-3 col-md-offset-0">

<div class="widget widget_categories">

<h3 class="widget-title">Categories</h3>

<?php

$query1=mysql_query('select * from categorie where p_id=0');

?>

<ul class="greylinks" name="p_id">

<?php

while($query2=mysql_fetch_array($query1)){

?>

<li><a href="catagory.php?id=<?php echo $query2['id'] ?>"><?php echo $query2['name'] ?

></a>

</li>

[64]
<?php

?>

</ul>

</div>

</aside>

<!-- eof aside sidebar -->

</div>

</div>

</section>

<?php include('footer.php') ?>

Contact

<?php include('header.php') ?>

<section class="page_breadcrumbs ls background_coverr section_padding_50">

<div class="container">

<div class="row">

<div class="col-xs-12 text-center">

<h1 class="sr-only">Contact 4</h1>

<ol class="breadcrumb darklinks">

<li> <a href="index.html">

Home

</a> </li>

<a href="Contact.php">

<li class="active"> <span> / Contact Us</span> </li></a>

</ol>

</div>

</div>

[65]
</div>

</section>

<section class="ls columns_padding_30 section_padding_top_150

section_padding_bottom_110">

<div class="container">

<div class="row">

<div class="col-sm-12">

<h2>Contact Form</h2>

</div>

</div>

<div class="row">

<div class="col-md-8 to_animate" data-animation="scaleAppear">

<form class="contact-form columns_padding_10 bottommargin_40" method="post"

action="http://webdesign-finder.com/html/qtyler/">

<div class="row">

<div class="col-sm-6">

<div class="form-group bottommargin_0"> <label for="name">Full Name <span

class="required">*</span></label> <i class="fa fa-user highlight" aria-hidden="true"></i>
<input type="text" aria-required="true" size="30" value="" name="name" id="name"
class="form-control" placeholder="Full Name">

</div>

</div>

<div class="col-sm-6">

<div class="form-group bottommargin_0"> <label for="phone">Phone Number<span

class="required">*</span></label> <i class="fa fa-phone highlight" aria-hidden="true"></i>
<input type="text" aria-required="true" size="30" value="" name="phone" id="phone"
class="form-control" placeholder="Phone Number">

</div>

</div>

[66]
<div class="col-sm-6">

<div class="form-group bottommargin_0"> <label for="email">Email address<span

class="required">*</span></label> <i class="fa fa-envelope highlight" aria-
hidden="true"></i> <input type="email" aria-required="true" size="30" value=""
name="email" id="email" class="form-control" placeholder="Email Address">

</div>

</div>

<div class="col-sm-6">

<div class="form-group bottommargin_0"> <label for="subject">Subject<span

class="required">*</span></label> <i class="fa fa-flag highlight" aria-hidden="true"></i>
<input type="text" aria-required="true" size="30" value="" name="subject" id="subject"
class="form-control" placeholder="Subject">

</div>

</div>

<div class="col-sm-12">

<div class="contact-form-message form-group bottommargin_0"> <label

for="message">Message</label> <i class="fa fa-comment highlight"
aria-hidden="true"></i> <textarea aria-required="true" rows="3" cols="45" name="message"
id="message" class="form-control" placeholder="Message"></textarea> </div>

</div>

<div class="col-sm-12 bottommargin_0">

<div class="contact-form-submit topmargin_10"> <button type="submit"

id="contact_form_submit" name="contact_submit" class="theme_button color1
margin_0">Send message</button> </div>

</div>

</div>

</form>

</div>

<div class="col-md-4 to_animate" data-animation="scaleAppear">

<ul class="list1 no-bullets no-top-border no-bottom-border">

<li>

[67]
<div class="media">

<div class="media-left"> <i class="rt-icon2-shop highlight fontsize_18"></i> </div>

<div class="media-body">

<h6 class="media-heading grey">Postal Address:</h6>

K-253,Phase 8,Munjal Gases Road, Focal Point,Ludhiana- 141010 ( PB) INDIA </div>

</div>

</li>

<li>

<div class="media">

<div class="media-left"> <i class="rt-icon2-phone5 highlight fontsize_18"></i> </div>

<div class="media-body">

<h6 class="media-heading grey">Customer Care No:</h6>(Landline)+91-94780-28429

</div>

</div>

</li>

<li>

<div class="media">

<div class="media-left"> <i class="rt-icon2-globe highlight fontsize_18"></i> </div>

<div class="media-body">

<h6 class="media-heading grey">Website:</h6> www.onsonline.in </div>

</div>

</li>

<li>

<div class="media">

<div class="media-left"> <i class="rt-icon2-mail highlight fontsize_18"></i> </div>

<div class="media-body greylinks">

<h6 class="media-heading grey">Email:</h6> <a

href="mailto:[email protected]">[email protected]<br/>[email protected] </a> </div>

[68]
</div>

</li>

</ul>

</div>

</div>

</div>

</section>

<?php include('footer.php') ?>

Header

<!DOCTYPE html>

<html class="no-js">

<head>

<title>ONS International</title>

<meta charset="utf-8">

<meta name="description" content="">

<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="stylesheet" href="css/bootstrap.min.css">

<link rel="stylesheet" href="css/animations.css">

<link rel="stylesheet" href="css/fonts.css">

<!-- nivo slider -->

<link rel="stylesheet" href="themes/default/default.css" type="text/css" media="screen" />

<link rel="stylesheet" href="themes/light/light.css" type="text/css" media="screen" />

<link rel="stylesheet" href="themes/dark/dark.css" type="text/css" media="screen" />

<link rel="stylesheet" href="themes/bar/bar.css" type="text/css" media="screen" />

<link rel="stylesheet" href="css/nivo-slider.css" type="text/css" media="screen" />

<link rel="stylesheet" href="css/main.css">

<link rel="stylesheet" href="css/shop.css">

[69]
<script src="js/jquery-1.10.1.min.js"></script>

<script src="js/vendor/modernizr-2.6.2.min.js"></script>

<!-- eof #canvas -->

<script src="js/compressed.js"></script>

<script src="js/selectize.min.js"></script>

<script src="js/main.js"></script>

<!-- <script src="js/switcher.js"></script>-->

<style>

.logo img

-webkit-backface-visibility: visible;

backface-visibility: visible;

max-width: 362px;

@media (min-width:320px) and (max-width:640px){

.logo img {

-webkit-backface-visibility: visible;

backface-visibility: visible;

max-width: 270px;

</style>

</head>

<body>

<div id="canvas">

<div id="box_wrapper">

<!-- template sections -->

[70]
<section class="page_topline ds background_cover">

<div class="container-fluid">

<div class="row flex-wrap v-center">

<div class="col-xs-12 col-md-8 text-center text-md-left">

<!--

<div class="inline-content big-spacing"> <span>

<i class="qtyler-phone rightpadding_5"></i>

0-800-123-4567

</span> <span>

<i class="qtyler-envelope rightpadding_5"></i>

[email protected]

</span> <span>

<i class="qtyler-map-marker rightpadding_5"></i>

248 Hedge St, NJ 07201

</span> </div>

-->

<div id="google_translate_element"></div>

<script type="text/javascript">

function googleTranslateElementInit() {

new google.translate.TranslateElement({pageLanguage: 'en', layout:

google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');

</script>

<script type="text/javascript" src="//translate.google.com/translate_a/element.js?

cb=googleTranslateElementInit"></script>

</div>

<div class="col-xs-12 col-md-4 text-center text-md-right ">

<!--

[71]
<div class="widget_search">

<form method="get" class="searchform form-inline" action="./">

<div class="form-group-wrap">

<div class="form-group with_button margin_0">

<label class="sr-only" for="topline-search">Search for:</label>

<input id="topline-search" type="text" value="" name="search" class="form-control"

placeholder="Search Keyword">

<button type="submit" class="theme_button">Search</button>

</div>

</div>

</form>

</div> -->

<div class="dropdown search-dropdown"> <a id="search" data-target="#" href="index.html"

data-toggle="dropdown" aria-haspopup="true" role="button" aria-expanded="false"
class="theme_button small_button round_button bg_button margin_0">

<i class="qtyler-search" aria-hidden="true"></i>

</a>

<div class="dropdown-menu ls" role="menu" aria-labelledby="search">

<div class="widget_search">

<form method="get" class="searchform form-inline"

action="http://webdesign-finder.com/html/qtyler/">

<div class="form-group-wrap">

<div class="form-group with_button margin_0"> <label class="sr-only" for="topline-

search">Search for:</label> <input id="topline-search" type="text" value="" name="search"
class="form-control" placeholder="Search Keyword"> <button type="submit"
class="theme_button">Search</button> </div>

</div>

</form>

</div> <i class="qtyler-close dropdown-close" aria-hidden="true"></i> </div>

</div>

[72]
</div>

</div>

</div>

</section>

<header class="page_header header_white header_v1 toggler_xxs_right">

<div class="container-fluid">

<div class="row">

<div class="col-sm-12 display-flex v-center">

<div class="header_left_logo"> <a href="index.html" class="logo">

<img src="img/product/logo.png" alt="">

</a> </div>

<div class="header_mainmenu text-center">

<!-- main nav start -->

<nav class="mainmenu_wrapper">

<ul class="mainmenu nav sf-menu navbar-right">

<li class="active"> <a href="index.php">Home</a>

<!--

<ul>

<li> <a href="index-2.html">Home</a> </li>

<li> <a href="index-static.html">Home static intro</a> </li>

<li> <a href="index-single.html">Home single page</a> </li>

</ul>

-->

</li>

<li> <a href="about.php">About Us</a>

<!--

<ul>

[73]
<li> <a href="about.html">About</a> </li>

<li> <a href="team.html">Management</a> </li>

<li> <a href="services.html">Services</a> </li>

<li> <a href="equipment.html">Equipment</a> </li>

<li> <a href="partnership.html">Partnership</a> </li>

</ul>

-->

</li>

<li>

<?php

include('config.php');

?>

<a href="catagory.php?id=86">

Products

</a>

<?php

$query1=mysql_query('select * from categorie where p_id=0');

?>

<ul name="p_id">

<?php

while($query2=mysql_fetch_array($query1)){

?>

<li>

<a href="catagory.php?id=<?php echo $query2['id'] ?>"><?php echo $query2['name'] ?></a>

</li>

<?php

[74]
?>

</ul>

</li>

<!-- eof shop -->

<!-- blog -->

<li> <a href="about.php#q">Quality</a>

</li>

<!-- eof blog -->

<li><a href="about.php#f">Infrastructure</a></li>

<!-- contacts -->

<li> <a href="contact.php">Contact Us</a>

<!--

<ul>

<li> <a href="contact.html">Contact 1</a> </li>

<li> <a href="contact2.html">Contact 2</a> </li>

<li> <a href="contact3.html">Contact 3</a> </li>

<li> <a href="contact4.html">Contact 4</a> </li>

</ul>

-->

</li>

<!-- eof contacts -->

</ul>

</nav>

<!-- eof main nav -->

<!-- header toggler --><span class="toggle_menu"><span></span></span>

</div>

<!--

[75]
<div class="header_right_buttons text-right">

<ul class="inline-dropdown inline-block">

<li class="dropdown login-dropdown"> <a id="login" data-target="#" href="index.html"

data-toggle="dropdown" aria-haspopup="true" role="button" aria-expanded="false"
class="theme_button small_button round_button bg_button margin_0">

<i class="qtyler-user" aria-hidden="true"></i>

</a>

<div class="dropdown-menu small-text darklinks" aria-labelledby="login"> <strong

class="grey">currency</strong><br> <a href="#" class="active">usd</a><br> <a
href="#">eur</a><br> <a href="#">gbp</a>

<hr> <strong class="grey">My Account</strong><br> <a href="#">log in</a><br> <a

href="#">register</a> </div>

</li>

<li class="dropdown cart-dropdown"> <a id="cart" data-target="#" href="index.html" data-

toggle="dropdown" aria-haspopup="true" role="button" aria-expanded="false"
class="theme_button small_button round_button bg_button margin_0">

<i class="qtyler-shop-bag" aria-hidden="true"></i>

<span class="count">3</span>

</a>

<div class="dropdown-menu" aria-labelledby="cart">

<div class="widget widget_shopping_cart">

<div class="widget_shopping_cart_content">

<ul class="cart_list product_list_widget">

<li class="media">

<div class="media-left media-middle"> <a href="shop-product.html">

<img src="images/shop/03.jpg" alt="">

</a> </div>

<div class="media-body media-middle"> <a href="#" class="remove" title="Remove this

item"></a>

[76]
<p class="darklinks"> <a href="shop-product.html">Heather grey pullover</a> </p> <span
class="product-quantity">

<span class="price">$29.95</span> <span>x 1</span> </span>

</div>

</li>

<li class="media">

<div class="media-left media-middle"> <a href="shop-product.html">

<img src="images/shop/05.jpg" alt="">

</a> </div>

<div class="media-body media-middle"> <a href="#" class="remove" title="Remove this

item"></a>

<p class="darklinks"> <a href="shop-product.html">Slim short dress</a> </p> <span

class="product-quantity">

<span class="price">$34.95</span> <span>x 2</span> </span>

</div>

</li>

</ul>

<p class="total grey"> <span>Subtotal:</span> <span class="price">$69.94</span> </p>

<p class="buttons"> <a href="shop-cart.html" class="theme_button">View cart</a> <a

href="shop-cart.html" class="theme_button color1">Checkout</a> </p>

</div>

</div>

</div>

</li>

<li class="dropdown social-dropdown"> <a id="social" data-target="#" href="index.html"

data-toggle="dropdown" aria-haspopup="true" role="button" aria-expanded="false"
class="theme_button small_button round_button bg_button margin_0">

<i class="qtyler-share" aria-hidden="true"></i>

</a>

[77]
<div class="dropdown-menu"> <a class="social-icon socicon-facebook dark-icon" href="#"
title="Facebook"></a> <a class="social-icon socicon-googleplus dark-icon" href="#"
title="Google Plus"></a> <a class="social-icon socicon-linkedin dark-icon" href="#"
title="Linkedin"></a>
<a class="social-icon socicon-twitter dark-icon" href="#" title="Twitter"></a> <a
class="social-icon socicon-instagram dark-icon" href="#" title="Instagram"></a> </div>

</li>

</ul>

</div>

-->

</div>

</div>

</div>

</header>

CONFIG

<?php

$query=mysql_connect("localhost","root","");

mysql_select_db("ons",$query);

?>

Footer

<footer class="page_footer parallax overlay_color ds ms section_padding_top_150

columns_padding_30">

<div class="container">

<div class="row">

<div class="col-md-4 col-sm-12">

<div class="widget widget_text">

<div class="logo"> <img src="img/product/flogo.png" alt=""> </div>

[78]
<p> we would like to introduce ourselves as one of the leading manufacturers and exporters
of knitwears ( all kinds of sweaters for mens, womens & kids in ludhiana (pb), india.we are
supplying our quality products to good brands only. <a href="about.php">Read More</a>
</p>

</div>

</div>

<div class="col-md-4 col-sm-6">

<div class="widget">

<h3 class="widget-title">Quick Links</h3>

<ul style="width:180px;">

<li><a href="index.php">Home</a></li>

<li><a href="about.php">About Us </a></li>

<li><a href="about.php">Infrastructure</a></li>

<li><a href="about.php">Quality</a></li>

<li><a href="catagory.php?id=86">Our Products</a></li>

<li><a href="contact.php">Contact Us</a></li>

</ul>

</div>

</div>

<div class="col-md-4 col-sm-6">

<div class="widget">

<h3 class="widget-title">Contacts</h3>

<div class="media small-teaser">

<div class="media-left"> <i class="rt-icon2-map2 highlight fontsize_24"></i> </div>

<div class="media-body"> 120,Ashok Nagar,near Bus Stand,Ludhiana- 141010 ( PB)

INDIA</div>

</div>

<div class="media small-teaser">

<div class="media-left"> <i class="rt-icon2-device-phone highlight fontsize_24"></i> </div>

[79]
<div class="media-body"> +91-7888956849 </div>

</div>

<div class="media small-teaser">

<div class="media-left"> <i class="rt-icon2-mail2 highlight fontsize_24"></i> </div>

<div class="media-body"> <a href="mailto:[email protected]">[email protected]</a>

<br/><a href="mailto:[email protected]">[email protected]</a> </div>

</div>

<div class="topmargin_20" style="float:right;"> <a href="#" class="social-icon color-bg-

icon socicon-facebook"></a>

</div>

</div>

</div>

</div>

</div>

</footer>

<section class="ds ms page_copyright parallax overlay_color section_padding_15

with_top_border_container">

<div class="container">

<div class="row">

<div class="col-sm-12 text-center">

<p>&copy; Copyright 2019 All Rights Reserved</p>

</div>

</div>

</div>

</section>

</div>

<!-- eof #box_wrapper -->

</div>

[80]
<script type="text/javascript" src="js/jquery.nivo.slider.js"></script>

<script type="text/javascript">

$(window).load(function() {

$('#slider').nivoSlider();

});

</script>

</body>

</html>

PRODUCT DESCRIPTIONS

<?php include('header.php') ?>

<style>

.ec img:hover {

transition: all 0.2s ease-in-out 0s;

opacity:0.6;

position:relative;

height:auto;

width:auto;

.ec ul{

list-style: none;

margin:0px;

.ec ul li{

float:left;

margin-right: 20px;

.title{

[81]
font-size: 18px;

font-weight: 400;

margin-bottom: 12px;

color: #363636;

line-height: 1em;

text-align: center;

padding-bottom: 20px;

margin: 0px;

.mfp-title{

display:none;

.styleswitcher{

display:none;

.styleswitcher-inner{

/*display:none;*/

pre {

display: block;

padding: 0px;

margin: 0 0 10px;

font-size: 13px;

line-height: 1.42857143;

/*color: #333;*/

word-break: break-all;

word-wrap: break-word;

[82]
background-color: transparent !important;

border: none !important;

border-radius: 4px;

</style>

<section class="page_breadcrumbsls background_cover section_padding_50">

<div class="container">

<div class="row">

<div class="col-xs-12 text-center">

<h1 class="sr-only">Products</h1>

<ol class="breadcrumb darklinks">

<li> <a href="index.html">

Home

</a> </li>

<!--<li> <a href="#">Shop</a> </li>-->

<li class="active"> <span>Products</span> </li>

</ol>

</div>

</div>

</div>

</section>

<section class="ls section_padding_top_150 ">

<div class="container">

<div class="row">

<div class="col-xs-12 col-md-9 col-lg-9 col-md-push-3 col-lg-push-3">

<div class="col-md-12 ec">

<?php

[83]
include ('kitecms/config.php');

$query1=mysql_query('select * from product where id ="'.$_GET["id"].'"');

while($query2=mysql_fetch_array($query1))

echo "<div class='col-md-12 ' style='margin-bottom:20px;box-shadow: 0 0 10px rgba(0, 0, 0,

0.1);'>";

echo "<div class='col-md-6' style='border-right:1px solid #e44a7a; -webkit-gradient(linear, 0

100%, 0 0, from(#e44a7a), to(rgba(0, 0, 0, 0))) 1 100%; -webkit-border-image: -webkit-
linear-gradient(bottom, #e44a7a, rgba(0, 0, 0, 0)) 1 100%; -moz-border-image: -moz-linear-
gradient(bottom, #e44a7a, rgba(0, 0, 0, 0)) 1 100%; -o-border-image: -o-linear-
gradient(bottom, #e44a7a, rgba(0, 0, 0, 0)) 1 100%; border-image: linear-gradient(to top,
#e44a7a, rgba(0, 0, 0, 0)) 1 100%;padding-top:50px;padding-bottom:20px;'>";

echo '<img src="kitecms/images/'.$query2['image'].'" class="thumbnail " />';

echo '</div>';

echo '<div class="col-md-6">';

echo '<h3 style="color:#2D3841;padding:10px;width:50%;border-bottom:1px solid

#e44a7a;" class="left" >' .$query2['name'].'</h3>';

echo '<p class="left" style="padding:10px;color:#2D3841;font-size:15px;text-

align:justify;">' .$query2['descr'].'</h1>';

/*echo'<br>';*/

echo'<a class="btn btn-default pull-right" href="javascript: history.go(-1)" role="button"

style="box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);background-color:rgba(0, 0, 0,
0.1);">Back</a>';

echo'<br><br>';

echo "</div>";

echo "</div>";

?>

<?php

[84]
}

?>

</div>

</div>

<!-- eof .columns-* -->

<aside class="col-xs-12 col-sm-6 col-md-3 col-lg-3 col-md-pull-9 col-lg-pull-9 col-sm-

offset-3 col-md-offset-0">

<div class="widget widget_categories">

<h3 class="widget-title">Categories</h3>

<?php

$query1=mysql_query('select * from categorie where p_id=0');

?>

<ul class="greylinks" name="p_id">

<?php

while($query2=mysql_fetch_array($query1)){

?>

<li><a href="catagory.php?id=<?php echo $query2['id'] ?>"><?php echo $query2['name'] ?

></a></li>

<?php

?>

</ul>

</div>

</aside>

<!-- eof aside sidebar -->

</div>

</div>

[85]
</section>

<?php include('footer.php') ?>

SYSTEM IMPLEMENTATION

System Implementation covers a broad spectrum of activities. The major activities in

implementation plan are cost estimation, schedule and milestone determination, project
staffing, quality control plans, and controlling and monitoring plans.

The system has two modules. They are

 Administrator
 User

[86]
 SYSTEM MAINTENANCE

After the installation and implementation phase is completed and the owner staff is adjusted
to the changes created by the candidate and purposed system evaluation and maintenance
begins. Like any system there is an ageing process that requires periodic maintenance of
hardware and software. If the new information is consistent with the design specification then
changes have to be made.

Maintenance is classified as:

 Corrective Maintenance

[87]
  Adaptive Maintenance
 Perfective Maintenance

Corrective Maintenance: This type of maintenance implies removing errors in a program,

which might have crept in the system due to faulty design or wrong assumptions. Thus, in
corrective maintenance, processing or performance failures are repaired.

Adaptive Maintenance: In adaptive maintenance, program functions are changed to enable

the information system to satisfy the information needs of the user. This type of maintenance
may become necessary because of organizational changes which may include:
a) Change in organizational objectives, goals, policies, etc.
b) Change in forms,
c) Change in information needs of managers.
d) Change in system controls and security needs, etc.

Perfective Maintenance:

Perfective maintenance means adding new programs or modifying the existing programs to
enhance the performance of the information system. This type of maintenance undertaken to
respond to user’s additional needs which may be due to the changes within or outside of the
organization These environmental changes include:
a) Changes in governmental policies, laws, etc.,
b) Economic and competitive conditions, and
c) New technology.

FUTURE SCOPE OF PROJECT

The future scope of this project is very broad. Few of them are:

 This can be accessed anytime anywhere, since it is a web application provided only
on internet connection.
 The user had no need to travel a long distance for the enquiry and his/her time is also
saved because of this automated system.
 The owner easily add or delete the product using the back end.
 User can easily contact the owner regaeding the product.

[88]
 TESTING

Is it possible to invoke each menu function using logical assumptions that if all parts of the
system are correct, the goal will be successfully achieved? In adequate testing or non-testing will
leads to errors that may appear few months later. That‟s why it is very important to always test
the new software. This create two problems The purpose of the system testing is to consider all
the likely variations to which it will be suggested and push the systems to limits. The testing
process focuses on the logical intervals of the software ensuring that all statements have been
tested and on functional interval is conducting tests to uncover errors and ensure that defined
input will produce actual results that agree with the required results. Program level testing,
modules level testing integrated and carried out. There are two major type of testing they are :

White Box Testing

[89]
White box sometimes called “Glass box testing” is a test case design that uses the control
structure of the procedural design to drive test case.Using white box testing methods, the
following tests were made on the system

 All independent paths within a module have been exercised once. In our system, ensuring that
case was selected and executed checked all case structures. The bugs that were prevailing in
some part of the code where fixed
 All logical decisions were checked for the truth and falsity of the values.
Black box Testing

Black box testing focuses on the functional requirements of the software. This is black box
testing enables the software engineering to derive a set of input conditions that will fully
exercise all functional requirements for a program. Black box testing is not an alternative to
white box testing rather it is complementary approach that is likely to uncover a different class
of errors that white box methods like..

 Interface errors
 Performance in data structure
 Performance errors
Initializing and termination errors

BIBLIOGRAPHY

Beyond the guidance of the staff members we have consulted some books while developing
the project. Some of these books & websites are:

 www.w3schools.com
 www.css-tricks.com
 www.php.net

[90]
  www.javascriptkit.com
 www.tutorialspoint.com/php/
 www.jquery.com
 www.w3schools.com
 www.tutorialpoints.com
 www.wikipedia.com
 www.phptponit.com
 www.w3layout.com
 www.freetemplate.com
 www.kishpara.com
 www.brpaper.com
 www.stackoverflow.com
 www.gethub.com

CONCLUSION

Ons international cloth collection system, we have a system in. The user chooses the
clothes staff picks the cloth and admin take them calculated, and the choice of clothes is
provided to him. Hence cloth collection system is working fine and giving the clothes
working a smooth and classified edge. This System will help them to properly manage the
requirements of both, i.e. the seller and the buyer and aid in growth without creating any
hassle.

[91]
Online Payment, Registration and cancellation make it easier to use. So, using this system
will help in reducing the lab our and provide more facility for Buyer/Seller to like the
services.

[92]