Projectfinal 11111

Kashyap’s shoes store
PROJECT SUBMITTED TO THE

UNIVERSITY OF MUMBAI
IN PARTIAL FULFILLMENT TO THE DEGREE OF
BACHELOR OF SCIENCE
S.I.C.E. SOCIETY’S DEGREE COLLEGE OF ARTS,

SCIENCE, & COMMERCE AMBERNATH (west)
T. Y. B. Sc. (COMPUTER SCIENCE)

ACADEMIC YEAR 2018-2019
OOAD PROJECT ON
kashyap's shoes stores

BY RAHUL KASHYAP
PROJECT INCHARGE
MRS.JIVAN ROTHE
Rahul Kashyap Roll No:TCS-18001

kashyap's
shoes stores
PROJECT BY:
---------RAHUL KASHYAP
Page | 2
Page No.
Sr. No Topic
A. System Documentation
1. College Certificate 1
2. Acknowledgement 4
3. Organizational Overview 5
4. Description of Present System 6
5. Limitations of Present System 7
6. Proposed System and Its Advantages 8
7. Event List 9
8. Event Table 10
9. Entity Relationship Diagram (ER-Diagram) 12
10. Use Case Description 17
11. Activity Diagram 19
12. Deployment Diagram 22
13. Package Diagram 24
14. Database and List of Tables with descriptions 26
15. Steps to run 27
16. All php files 29
17. All html files 30
B. Project documentation
1 Program Source Code 32-122
C. Validations
1 Test Cases 125
2 Homepage 126
D. Reference and bibliography
Page | 3
ACKNOWLEDGEMENT
 It gives me great pleasure in presenting this project report. Its justification Will never sound
good if I do not express my vote of thanks to our C.H.M College and repective Principal. I
would also like to thanks our coordinator Mrs.RitikaSachdev for her timely support in this
completion of the project
 I thank our internal project guide Mrs. Sanjana Adavani, who has done a lot to keep this
project systematically and on schedule. I am thankful for their valuable guidance to every
stage of the project. Finally, I would thanks to all others, who give there extended support to
complete this project
Page | 4
Organizational Overview
 Name of the organization: kashyap's shoes stores
 The shoes store management is the management use for providing all information about
shoes terms and products
 Everything is computerized now a days
 Shoes store managements also is computerized now-a-days.
 Shoes store managements also in same way to help and make thing more save and easy for
people included in this field.
 This project helps to keep record of customer, product available with data
 The system enables to manage and record the activities of whole watch shop of multi facility
skills only.
 This software is comprehensive less and by which it handless complex task easily and very
helpful in managing a sales information of shoes store management system,
Page | 5
Description of Present System
 The software to be developed in “shoes store management”.

 First the user can select shoes according to here choice there are many types of shoes items
are present in this online website
 First user have to register or signup by providing all details which are required in field
 when user register is done then user can login by its username and password
 All records are to be maintained in one database
 For purchasing of shoes product user have to provide all details according to field
requirement and then submit the details
Page | 6
Limitation of Present System

1.present system has many limitations hence new system has been developed
 The product supplied details not have any records

 Slow data processing
 The system is concerned of security issues
 No facility much more than current
 The admin login cannot update the product
 The customer has to select product items by itself by selecting from order page
 The customer does not have many choice to select product items
 No user friendly interface
Page | 7
Proposed System and Its Advantages

 The software is comprehensive and handles complex taskeasily. It is helpful to manage sales
information of shoes online store and it can easily keep the records
 Admin can check the login details of customer
 Admin can check the payments details of customer
 The customer records are save to database
 Its eco friendly
 Less paper work
 Its save time and money both
User:
 The user will register/login and then search for the shoes items according to here choice
 The user place the order for the shoes and does the payment
Page | 8
EVENT LIST:-
 Admin login
 Admin check the details of customer login
 Admin check the details of payments of
customer
 Customer creates and Account/Register
 Customer log in his account
 Customer search for his product
 Customer places his order
 Customer does payments with card
 Logout
Page | 9
EVENT TABLE
A Table that lists events in tabular format that is in rows and key pieces of information about
each event in columns.
Designing of Event Table:
 While developing the list of events the analyst should note additional information about each
event for later use.
 This information is entered in an event table.
 An event table compares of rows and columns.
 Each row in the event table records information about one event.
 And row in the event table records information about one event.
Event table should consist of the following:
 Event: Occurrence happening at a determinable time & place with/without human agents.
 Trigger:An occurrence that tells the system about the event.
 Source: An external agent or actor that supplies information.
 Activity:Behaviour that the system provides.
 Response: An output produced by the system that gives information.
 Destination: An external agent or actor that receives data from the system.
Page | 10
Sr. Event Trigger Source Activity Response Destination

No.
1 Admin login LogIn Admin LogIn Logged In System
2 Admin check Check Admin check Check in System

the details of details
customer
login
3 Admin check Check Admin check Check in System
the details of payments
customer details
payments
2 Customer Create Customer Create Logging System
Create account account into
account account
3 Customer LogIn Customer LogIn Logging System
LogIn into
account
4 Customer Search Customer Searching Item System
Search Product items searched
Product
5 Customer Place Customer Placing Order System
Place the order order placed
order
6 Customer Do Customer Doing Payment System

Do Payment Payment done
Payment
Page | 11
Entity Relationship Diagram(ER-Diagram)

An entity-relationship diagram (ERD) is a data modeling technique that graphically illustrates an
information system’s entities and the relationships between those entities. An ERD is a conceptual
and representational model of data used to represent the entity framework infrastructure.
The elements of an ERD are:

Entities
Relationships
Attributes
Entity:
Refers to an attribute that uniquely defines an entity in an entity set. Entity keys can be super,
candidate or primary. Super key: A set of attributes (one or more) that together define an entity in an
entity set. Candidate key: A minimal super key, meaning it has the least possible number of attributes
to still be a super key. An entity set may have more than one candidate key. Primary key: A
candidate key chosen by the database designer to uniquely identify the entity set. Foreign key:
Identifies the relationship between entities.
Relationships:
How entities act upon each other or are associated with each other. Think of relationships
as verbs. For example, the named student might register for a course. The two entities
would be the student and the course, and the relationship depicted is the act of enrolling,
connecting the two entities in that way. Relationships are typically shown as diamonds or
labels directly on the connecting lines.
Page | 12
Attribute:
A property or characteristic of an entity. Often shown as an oval or circle.
Attribute categories: Attributes are categorized as simple, composite, derived, as well as single-
value or multi-value. Simple: Means the attribute value is atomic and can’t be further divided, such
as a phone number. Composite: Sub-attributes spring from an attribute. Derived: Attributed is
calculated or otherwise derived from another attribute, such as age from a birthdate.
Multi-value: More than one attribute value is denoted, such as multiple phone numbers for a person.
Single-value: Just one attribute value. The types can be combined, such as: simple single-value
attributes or composite multi-value attributes.
ERD Symbols:
Page | 13
Components of ER Diagram:-
Page | 14
ER Diagram:-
1)Registration
Username
Registration Password
Email id
2)Shoes_details
Size
Price Specficatio
n
Shoes_details
Product
name
Page | 15
3).Payment:
Exp month
CVV number Credit Card
Number
Payment
Expyear
4).Payment method:
Cash on Payment by
delivery card
Payment_method
Page | 16
Use Case Description:

 Use case describes the behavior of system from user’s point of view. It provides functional
description of system and its major processes. It provides graphical description of users of
system and what kind of interaction takes place within the system
Symbols used in Use Case diagram:-
Page | 17
Registration
Admin login
login
admin
Check the details
of customer login user
Order purchase
Does payment
Check the details

of payments
Page | 18
ACTIVITY DIAGRAM
Activities are a representation of the various operations performed by a class.

An activity diagram depicts the flow of control from one activity to another. An
activity diagram uses activities to model objects, classes, interfaces, components and
nodes. An activity represents a set of actions such as call to a method of class, send or
receive a signal, create or destroy an object, and evaluate an expression.
The basic elements of activity diagram are
 Action state: Represents the state of the system in terms of actions.

 Activity state: Represents an activity and therefore this state can further expand
into another activity state or action state.
 Transition: Represent the control flow performs a particular operation.
 Decision: Represents the if-else or branch condition that decides the path of
control flow.
 Initial State: A Filled circle followed by an arrow represents the initial action
state.
 Final State: An arrow pointing to a filled circle nested inside another circle
represents the final action state.
 Synchronization: A synchronization bar helps illustrate parallel transition. It is
also called fork and joining.
 Swim lanes: Swim lanes group related activities into one column.
Page | 19
Page | 20
1)customer
register
login View the product
Payment
Page | 21
DEPLOYMENT DIAGRAM
 The Deployment diagram is drawn to visualize the hardware on which the

software components need to be deployed. A deployment diagram is drawn
immediately after identifying classes, interfaces and their relationships.
 The various computer systems or processing devices on which components are

deployed are called nodes. We may have all the components on one node or on
different nodes. In UML a node is represented as a 3-D rectangular box
containing the components that execute within the node. A node may be located
anywhere in network.
Distinction among nodes is achieved by assigning each node a name and
classifying the various nodes into types depending on the type of components
they execute. Nodes are associated with each other by a connection, which
represents a communication channel. It depicts how the nodes are connected
with each other.
 The dependency on node on components is depicted using dashed lines.

This means that a node uses the services of the components that are executing
on another node.
• Deployment Diagrams help to:
Page | 22
– Capture the hardware topology.

– Model the distributed systems
<<Processor>>
Customer register
CPU
Customer login payment
Page | 23
Package Diagram
In addition to standard UML dependency relationship there are two special types dependcies defined
between packages:
 Package Import
 Package Merge
A package imports a relationship between an import namespace and a package indicating that
importing namespace adds the names of members an unlabeled dependency between two
packages an interpreted as a package import relationship. In this relationship elements within
the target package will be imported in source package.
A package merge is a directed relationship between two packages that indicates that the
contents of two packages that are to be combined. It is very similar to generalization.
 Elements of package Diagram:-
1) Package: It is a general purpose mechanism for organizing model contains elements is

designed diagrams into groups. It provides an encapsulated namespace within which all
names must be unique.
2) Class: It is representation of objects that reflects their structure and behavior of system.
3) Interface:It is specification of behavior. By implementing interface classes are required

to support the behavior
4) Object: It is instance of class. It often used in analysis to represent numerous artifacts and
item that exist.
5) Table: It is stereotyped class.
Page | 24
Shoes shopping
Customer
Database
Login
register
Page | 25
Database and List of Tables With Descriptions:

Name of database:project
1)login
Field Type Length
Username varchar 100
email varchar 100
password varchar 100
2)payment
Field Type Length
cname varchar 100
ccnum int 100
Expmonth int 100
expyear int 100
cvv int 100
Address varchar 100
Page | 26
Steps to run the project:

1.Open the XAMPP control panel
2.Start the Apache and MySQL
Page | 27
Page | 28
3.Click To Apache Admin

4.Click To Your Respective Project:
Page | 29
All PHP Files:-

register.php
login.php
admin.php
payment.php
Check.php
Insert.php
detailsofcustomer1.php
detailsofpayment.php
Page | 30
All html files:

 Product1.html
 Product2.html
 Product3.html
 Product4.html
 Product5.html
 Product6.html
 P1.html
 P2.html
 P3.html
 P4.html
 P5.html
 P6.html
 P7.html
 P8.html
 P9.html
 P10.html
 P11.html
 P12.html
 P13.html
 P14.html
 P15.html
 P16.html
 P17.html
 P18.html
 P19.html
 P20.html
 P21.html
 P22.html
 P23.html
 P24.html
 P25.html
 P26.html
 P27.html
 P28.html
 P29.html
 P30.html
 P31.html
 P32.html
 P33.html
 P34.html
 P35.html
 P36.html
Page | 31
PROJECT
DOCUMENTATION
Page | 32
B.Project Documentation
1.Program Source Code:-
1. register.php:
<?php
function register(){
$username = $_POST['username'];
$email = $_POST['email'];
$password = $_POST['password'];
$conn = new mysqli("localhost", "root", "", "project");
if ($conn->connect_error) {
die("Connection failed: " . $conn->connect_error);
}
$sql = "INSERT INTO login (username, email, password) VALUES ('$username', '$email', '$password')";
$fquery = $conn->query($sql);
if ($fquery == TRUE) {
echo "register successfully";

header("login.php");
} else {
echo "Error: " . $sql . "<br>" . $conn->error;
}
$conn->close();
}
?>
<!doctype html>
<html>
<head>
<link href="mainstyle.css", rel="stylesheet", type="text/css" />
<meta charset="utf-8">
<title>Contact</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">


<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet">
<link href="themes/css/bootstrappage.css" rel="stylesheet"/>


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


<script type="text/javascript" src="mainscript.js"></script>
<script src="themes/js/jquery-1.7.2.min.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>
<script src="themes/js/superfish.js"></script>
<script src="themes/js/jquery.scrolltotop.js"></script>
Page | 33
<style type="text/css">
</style>
</head>
<body>
<div id="top-bar" class="container">
<div class="row">
<div class="span4 style1"><strong><a href="index.html" class="logo pull-left style1 style1
style1">kashyap's shoes stores</a></strong></div>
<div class="span8">
<div class="account pull-right">
<ul class="user-menu">
<li><a href="cart.html">Your Cart</a></li>
<li><a href="37.html">Login</a></li>
</ul>
</div>
</div>
</div>
</div>
<div id="wrapper" class="container">
<section class="navbar main-menu">
<div class="navbar-inner main-menu">
<a href="index.html" class="logo pull-left"></a>
<nav id="menu" class="pull-right">
<ul>
<li><a href="index.html">Women</a>
<ul>
<li><a href="product1.html">Heels</a></li>
<li><a href="product2.html">Sports</a></li>
<li><a href="product3.html">flats</a></li>
</ul>
</li>
<li><a href="index.html">Men</a>
<ul>
<li><a href="product4.html">Dress
Shoes</a></li>
</ul>
</li>
</ul>
</nav>
</div>
</section>
<section class="google_map">
<br><br><br><br><br>
<title>Registration Form</title>
<body background="img14.jpg">
<form class="fossil" method="post" action="">

<table align="center" width="30%" height="20" border="1">
<tr>
<td align="center"><div class="header">

<h2>Register</h2></td>
</div>
</tr>
<tr>
<td align="center"><div class="input-group">
<label>Username</label>
<input type="text" required name="username" ><br><br></td>
</div>
Page | 34
</tr>
<tr>
<label>Email</label>                &
nbsp;
<input type="email" required name="email" ><br><br></td>
</div>
</tr>
<tr>
<label>Password</label>               &nbs
p;
<input type="password" required name="password"><br><br></td>
</div>
</tr>
<tr>

<button type="submit" name="submit" value="submit">Register</button>''</td>
</div>
</tr>
</table>
<p align="center">
Already a member? <a href="login.php">Sign in</a>
</p>
</form>
<?php
if(isset($_POST['submit']) && $_POST['submit']=="submit")

register();
?>
<table width="1000">
<div class="row feature_box">
<div class="span4">
<div class="service">
<div class="responsive">
<img
src="themes/images/feature_img_2.png" alt="" />
<h4>MODERN
<strong>DESIGN</strong></h4>
<p>We stand for top quality
products. </p>
</div>
</div>
</div>
<div class="span4">
<div class="customize">
<img
<h4>FREE
<strong>SHIPPING</strong></h4>
products. </p>
</div>
</div>
</div>
<div class="span4">
<div class="support">
<img
<h4>24/7 LIVE
<strong>SUPPORT</strong></h4>
products. </p>
</div>
</div>
</div>
Page | 35
</div>
</div>
</div>
</section>
<section class="our_client">
</section>
<section id="footer-bar">
<div class="row">
<div class="span3">
<h4>Help</h4>
<ul class="nav">
<li><a href="./index.html">Homepage</a></li>
<li><a href="./about.html">About Us</a></li>
<li><a href="./contact.html">Contact Us</a></li>
<li><a href="./cart.html">Your Cart</a></li>
<li><a href="./37.html">Login</a></li>
</ul>
</div>
<div class="span5">
<h2 class="animation animated-item-1" style="font-size:30px; line-
height:1.0;"><span>kashyap's shoes stores</span></h2>
<p> We stand for top quality products. </p>

<br/>
<span class="social_icons">
<a class="facebook" href="#">Facebook</a>
<a class="twitter" href="#">Twitter</a>
<a class="skype" href="#">Skype</a>
<a class="vimeo" href="#">Vimeo</a>
</span>
</div>
</div>
</section>
</section>
</div>
<script src="themes/js/common.js"></script>
<script src="themes/js/jquery.flexslider-min.js"></script>
<script type="text/javascript">
$(function() {
$(document).ready(function() {
$('.flexslider').flexslider({
animation: "fade",
slideshowSpeed: 4000,
animationSpeed: 600,
controlNav: false,
directionNav: true,
controlsContainer: ".flex-container" // the container that holds the
flexslider
});
});
});
</script>
</table>
</body>
</html>
Page | 36
2)login.php:
<?php
function registration(){
}
$rs = $conn->query("select count(username) from login where username='$username' and password='$password'");
$row = $rs->fetch_row();
$n = $row[0];
$rs->free();
$conn->close();
if($n > 0){

//echo "Accessed";
echo "login successfully";
}else{
echo "<b>login failed!</b>";
}
}
?>
<!DOCTYPE html>
<html>
<head>





</style>
</head>
<body>
<div class="row">
<div class="span4 style1"><strong><a href="index.html" class="logo pull-left style1 style1 style1">kashyap's
shoes stores</a></strong></div>
<div class="span8">
</ul>
</div>
Page | 37
</div>
</div>
</div>
<ul>
<ul>
</ul>
</li>
<ul>
Shoes</a></li>
</ul>
</li>
</ul>
</nav>
</div>
</section>
<center>
<title>Registration </title>
<style>
#mainHeading{
color:#340926;
padding-top:28px;
letter-spacing:4px;
font-family:Montserrat, sans-serif;
font-weight:bolder;
}
#loginMain{
color:#340926;
letter-spacing:15px;
font-weight:bolder;
font-size:20;
margin-top:50px;
}
#loginButton{
background-color:#340926;
color:white;
border:none;
width:100px;
margin-top:15px;
}
#loginButton:hover{
color:#CBE432;
}
input[type="email"], input[type="password"]{
border:none;
background:#f1f1f1;
padding:15px;
}
#signUp{
color:#AE0D7A;
}
#footerID{
Page | 38
padding-bottom:5px;
color:white;
opacity:0.9;
}
.fossil { font-style: italic;

font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
text-align:;
color: ;
position: absolute;
left: 40%;
top: 20%;
}
</style>
</head>
<body>
<table background-color="blue" width="25%" height="30" border="1">
<tr>
<h2>Login</h2>
</div></td>
</tr>
<form bgcolor="white" method="post" action="">

<label>Username</label>
<input type="text" required name="username" >
</div></td>
</tr>
<tr>

<label>Password</label>
<input type="password" required name="password">
</div></td>
</tr>
<tr>
<button type="submit" name="submit" value="submit">Login</button>
</div></td>
</tr>
</table>
<p>
Forgot Password? <a href="register.php">Sign up</a>
</p>
<h3><a href="index.html" style="text-decoration: none">Back to website</a></h3>
</form>
<?php

registration();
?>
<div class="span4">
<img
<h4>MODERN
products. </p>
</div>
</div>
</div>
<div class="span4">
<img
Page | 39
<h4>FREE
products. </p>
</div>
</div>
</div>
<div class="span4">
<img
<h4>24/7 LIVE
products. </p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</section>
<div class="row">
<div class="span3">
<h4>Help</h4>
<ul class="nav">
</ul>
</div>
<div class="span5">

<br/>
</span>
</div>
</div>
</section>
</section>
</div>
$(function() {
animation: "fade",
controlNav: false,
directionNav: true,
controlsContainer: ".flex-container" // the container that holds the flexslider
});
});
});
</script>
</table>
</body></html>
Page | 40
3)admin.php
<?php
function registration(){
}
$rs = $conn->query("select count(username) from login where username='$username' and password='$password'");
$row = $rs->fetch_row();
$n = $row[0];
$rs->free();
$conn->close();
if($n > 0){

//echo "Accessed";
echo "login successfully";
}else{
}
}
?>
<!DOCTYPE html>
<html>
<head>





</style>
</head>
<body>
<div class="row">
<div class="span8">
</ul>
Page | 41
</div>
</div>
</div>
</div>
<ul>
<ul>
</ul>
</li>
<ul>
Shoes</a></li>
</ul>
</li>
</ul>
</nav>
</div>
</section>
<center>
<title>Registration </title>
<style>
#mainHeading{
color:#340926;
padding-top:28px;
letter-spacing:4px;
font-family:Montserrat, sans-serif;
font-weight:bolder;
}
#loginMain{
color:#340926;
letter-spacing:15px;
font-weight:bolder;
font-size:20;
margin-top:50px;
}
#loginButton{
color:white;
border:none;
width:100px;
margin-top:15px;
}
#loginButton:hover{
color:#CBE432;
}
input[type="email"], input[type="password"]{
border:none;
background:#f1f1f1;
padding:15px;
}
#signUp{
color:#AE0D7A;
}
#footerID{
Page | 42
padding-bottom:5px;
color:white;
opacity:0.9;
}
.fossil { font-style: italic;

font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
text-align:;
color: ;
position: absolute;
left: 40%;
top: 20%;
}
</style>
</head>
<body>
<table background-color="white" width="25%" height="30" border="1">
<tr>
<h2>AdminLogin</h2>
</div></td>
</tr>
<form bgcolor="white" method="post" action="Check.php">

<label>Adminname</label>
<input type="text" required name="Adminname" >
</div></td>
</tr>
<tr>

<label>Password</label>
<input type="password" required name="AdminPassword">
</div></td>
</tr>
<tr>
<input type="submit" name="Adminsubmit" value="proceed">
</div></td>
</tr>
</table>
<h3><a href="index.html" style="text-decoration: none">Back to website</a></h3>
</form>
<?php

registration();
?>
<div class="span4">
<img
<h4>MODERN
products. </p>
</div>
</div>
</div>
<div class="span4">
<img
<h4>FREE
Page | 43

products. </p>
</div>
</div>
</div>
<div class="span4">
<img
<h4>24/7 LIVE
products. </p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</section>
<div class="row">
<div class="span3">
<h4>Help</h4>
<ul class="nav">
</ul>
</div>
<div class="span5">

<br/>
</span>
</div>
</div>
</section>
</section>
</div>
$(function() {
animation: "fade",
controlNav: false,
directionNav: true,
});
});
});
</script>
</table>
</body>
</html>
Page | 44
4)payment.php
<html>
<head>
<script language="javascript">
function feedb(){
if(!isNaN((document.f1.expyear.value)))
{
alert("The number is not allowed");
}
</script>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
body {
font-family: Arial;
font-size: 17px;
padding: 8px;
}
*{
box-sizing: border-box;
}
.row {
display: -ms-flexbox; /* IE10 */
display: flex;
-ms-flex-wrap: wrap; /* IE10 */
flex-wrap: wrap;
margin: 0 -16px;
}
.col-25 {
-ms-flex: 25%; /* IE10 */
flex: 25%;
}
.col-50 {
-ms-flex: 50%; /* IE10 */
flex: 50%;
}
.col-75 {
-ms-flex: 75%; /* IE10 */
flex: 75%;
}
.col-25,
.col-50,
.col-75 {
padding: 0 16px;
}
.container {
background-color: #f2f2f2;
padding: 5px 20px 15px 20px;
border: 1px solid lightgrey;
border-radius: 3px;
}
input[type=text] {
width: 100%;
margin-bottom: 20px;
padding: 12px;
border: 1px solid #ccc;
border-radius: 3px;
}
label {
Page | 45
display: block;
}
.icon-container {
padding: 7px 0;
font-size: 24px;
}
.btn {
background-color: #4CAF50;
color: white;
padding: 12px;
margin: 10px 0;
border: none;
width: 100%;
border-radius: 3px;
cursor: pointer;
font-size: 17px;
}
.btn:hover {
background-color: #45a049;
}
a{
color: #2196F3;
}
hr {
border: 1px solid lightgrey;
}
span.price {
float: right;
color: grey;
}
/* Responsive layout - when the screen is less than 800px wide, make the two columns stack on top of each other instead of next to each other
(also change the direction - make the "cart" column go on top) */
@media (max-width: 800px) {
.row {
flex-direction: column-reverse;
}
.col-25 {
}
}
</style>
</head>
<body>
<center>
<form action="insert.php" method="post">
<table width="800px">
<tr>
<td>
<div class="col-50">
<h1>Payment</h1>
<label for="fname">Accepted Cards</label>
<div class="icon-container">
<i class="fa fa-cc-visa" style="color:navy;"></i>
<i class="fa fa-cc-amex" style="color:blue;"></i>
<i class="fa fa-cc-mastercard" style="color:red;"></i>
<i class="fa fa-cc-discover" style="color:orange;"></i>
</div>
<label for="cname">Name on Card</label>
<input type="text" id="cname" name="cardname" required name=cname>
<label for="ccnum">Credit card number</label>
<input type="text" id="ccnum" name="cardnumber" required name=ccnum maxlength="16">
<label for="expmonth">Exp Month</label>
Months:<select name="expmonth" size="1" id="Expmonth">
<option>January</option>
<option>Februray</option>
<option>March</option>
Page | 46
<option>April</option>
<option>May</option>
<option>June</option>
<option>July</option>
<option>August</option>
<option>September</option>
<option>October</option>
<option>November</option>
<option>December</option>
</select>
<br><br><br>
<div class="row">
<label for="expyear">Exp Year</label>
<input type="text" id="expyear" name="expyear" required name=expyear maxlength="4">
</div>
<label for="cvv">CVV</label>
<input type="text" id="cvv" name="cvv" required name=cvv maxlength="3">
</div>
<label for="Address">Address</label>
<input type="text" id="Address" name="Address" required name=Address>
</div>
</div>
</div>
</div>
<label>
<input type="checkbox" checked="checked" name="sameadr"> Shipping address same as billing
</label>
<input type="submit" value="Continue to checkout" class="btn" name="submit">
</form>
</div>
</div>
</tr>
</td>
</table>
</center>
</body>
</html>
Page | 47
5)Check.php:
<html lang="en">
<head>






</style>
</head>
<body>
<div class="row">
<div class="span8">
</ul>
</div>
</div>
</div>
</div>
<ul>
<ul>
</ul>
</li>
<ul>
Shoes</a></li>
Page | 48
</ul>
</li>
</ul>
</nav>
</div>
</section>
<?php
$Adminname = $_POST['Adminname'];
$AdminPassword = $_POST['AdminPassword'];
if ($Adminname==("admin") & $AdminPassword==("123")){

echo "admin login successfully";
}else{
}
?>
<a href="detailsofcustomer1.php">
<table width="500px" height="100px" align="center" border="2px">
<tr>
<th>Customer details of login</th>
</tr>
</table>
<br>
<br>
<br>
<a href="detailsofpayments.php">
<table width="500px" height="100px" align="center" border="2px">
<tr>
<th>Customer details of payments</th>
</tr>
</table>
<div class="span4">
<img
<h4>MODERN
products. </p>
</div>
</div>
</div>
<div class="span4">
<img
<h4>FREE
products. </p>
</div>
</div>
</div>
<div class="span4">
Page | 49
<img
<h4>24/7 LIVE
products. </p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</section>
<div class="row">
<div class="span3">
<h4>Help</h4>
<ul class="nav">
</ul>
</div>
<div class="span5">

<br/>
</span>
</div>
</div>
</section>
</section>
</div>
$(function() {
animation: "fade",
controlNav: false,
directionNav: true,
});
});
});
</script>
</table>
</body>
</html>
Page | 50
6)insert.php
<?php
$server = "localhost";
$user = "root";
$pass = "";
$dbname = "project";
//Creating connection for mysqli
$conn = new mysqli($server, $user, $pass, $dbname);
//Checking connection
if($conn->connect_error){
die("Connection failed:" . $conn->connect_error);
}
$cname = mysqli_real_escape_string($conn, $_POST['cardname']);

$ccnum = mysqli_real_escape_string($conn, $_POST['cardnumber']);
$Expmonth = mysqli_real_escape_string($conn, $_POST['expmonth']);
$expyear = mysqli_real_escape_string($conn, $_POST['expyear']);
$cvv = mysqli_real_escape_string($conn, $_POST['cvv']);
$Address = mysqli_real_escape_string($conn, $_POST['Address']);
$sql = "INSERT INTO payment (cname, ccnum, Expmonth, expyear, cvv, Address) VALUES ('$cname',
'$ccnum', '$Expmonth', '$expyear', '$cvv', '$Address')";
if($conn->query($sql) === TRUE){

echo "Payment successfully";
}
else
{
echo "Error" . $sql . "<br/>" . $conn->error;
}
$conn->close();
?>
Page | 51
7) detailsofcustomer1.php
<?php
$con = mysqli_connect('localhost','root','','project');
if (mysqli_connect_errno())
{
echo "failed to connect to mysql: " . mysqli_connect_error();
}
$query="select * from login";
$result=mysqli_query($con,$query);
?>
<html>
<title>
<head>






</style>
</title>
<body>
<div class="row">
<div class="span8">
</ul>
</div>
</div>
</div>
</div>
<ul>
<ul>
Page | 52
</ul>
</li>
<ul>
Shoes</a></li>
</ul>
</li>
</ul>
</nav>
</div>
</section>
<table align="center" broder="1px" style="width:600px; line_height:40px;">

<tr>
<th colspan="4"><h2>Customer login records</h2></th>
</tr>
<t>
<th>usernamne</th>
<th>email</th>
<th>password</th>
</t>
<?php
while($rows=mysqli_fetch_assoc($result))
{
?>
<tr>
<td><?php echo $rows['username']; ?></td>
<td><?php echo $rows['email']; ?></td>
<td><?php echo $rows['password']; ?></td>
</tr>
<?php
}
?>
</table>
<div class="span4">
<img
<h4>MODERN
products. </p>
</div>
</div>
</div>
<div class="span4">
<img
<h4>FREE
products. </p>
</div>
</div>
</div>
<div class="span4">
Page | 53
<img
<h4>24/7 LIVE
products. </p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</section>
<div class="row">
<div class="span3">
<h4>Help</h4>
<ul class="nav">
</ul>
</div>
<div class="span5">

<br/>
</span>
</div>
</div>
</section>
</section>
</div>
$(function() {
animation: "fade",
controlNav: false,
directionNav: true,
});
});
});
</script>
</table>
</head>
</body>
</html>
Page | 54
8)detailsofpayment.php
<?php
$con = mysqli_connect('localhost','root','','project');
if (mysqli_connect_errno())
{
echo "failed to connect to mysql: " . mysqli_connect_error();
}
$query="select * from payment";
$result=mysqli_query($con,$query);
?>
<html>
<title>
<head>






</style>
</title>
<body>
<div class="row">
<div class="span4 style1"><strong><a href="index.html" class="logo pull-left style1 style1 style1">kashyap's shoes
stores</a></strong></div>
<div class="span8">
</ul>
</div>
</div>
</div>
</div>
<ul>
<ul>
Page | 55
</ul>
</li>
<ul>
Shoes</a></li>
</ul>
</li>
</ul>
</nav>
</div>
</section>
<table align="center" broder="1px" style="width:600px; line_height:40px;">

<tr>
<th colspan="4"><h2>Customer payments details</h2></th>
</tr>
<t>
<th>card name</th>
<th>card number</th>
<th>Expyear</th>
<th>CVV</th>
<th>Address</th>
</t>
<?php
while($rows=mysqli_fetch_assoc($result))
{
?>
<tr>
<td><?php echo $rows['cname']; ?></td>
<td><?php echo $rows['ccnum']; ?></td>
<td><?php echo $rows['expyear']; ?></td>
<td><?php echo $rows['cvv']; ?></td>
<td><?php echo $rows['Address']; ?></td>
</tr>
<?php
}
?>
</table>
<div class="span4">
<img
<h4>MODERN
<p>We stand for top quality products.
</p>
</div>
</div>
</div>
<div class="span4">
<img
Page | 56
<h4>FREE
</p>
</div>
</div>
</div>
<div class="span4">
<img
<h4>24/7 LIVE
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</section>
<div class="row">
<div class="span3">
<h4>Help</h4>
<ul class="nav">
</ul>
</div>
<div class="span5">

<br/>
</span>
</div>
</div>
</section>
</section>
</div>
$(function() {
animation: "fade",
controlNav: false,
directionNav: true,
});
});
}); </script>table></head></body></html>
Page | 57
1)product1.html
<html lang="en">
<head>






</style>
</head>
<body>
<div class="row">
<div class="span8">
</ul>
</div>
</div>
</div>
</div>
<ul>
<ul>
</ul>
</li>
<ul>
Shoes</a></li>
Page | 58
</ul>
</li>
</ul>
</nav>
</div>
</section>
<table width=1024px align="center">
<tr align="left">
<td>
<a href="p1.html">
<div class="womenrlmodel">
<table>
<tr>
<td width=140px><img src="themes\images\ladies\11.jpg"></td>
<td align=center>
<div class="title20px">Midsole Women's Black Corporate Casual
Comfortable Heels Bellies</div>
<div class="womenmainsep" style="margin-bottom:10px;"></div>
<div class="title20pxd">at only <img
src="res/womenrs.png">499</div>
</td>
</tr>
</table>
</div>
</a>
</td>
<td>
<a href="p2.html">
<table>
<tr>
<td align=center width=400px>
<div class="title20px">BEONZA Women's Synthetic Block
Heels</div>
</td>
<td width=200px height=100px><img
src="themes\images\ladies\12.jpg"></td>
</tr>
</table>
</div>
</a>
</td>
</tr>
<tr>
<td>
<a href="p3.html">
<table>
<tr>
<td align=center>
<div class="title20px">FASHIMO Women's Leather Ankle
Boots</div>
</td>
</tr>
</table>
</div>
</a>
</td>
<td>
<a href="p4.html">
<table>
<tr>
Page | 59
<td align=center>
<div class="title20px">BEONZA Women's Synthetic Block
Heels</div>
</td>
</tr>
</table>
</div>
</a>
</td>
</tr>
<tr>
<td>
<a href="p5.html">
<table>
<tr>
<td align=center>
<div class="title20px">Ligero Women's Heel Boot Sneakers</div>
</td>
</tr>
</table>
</div>
</a>
</td>
<td>
<a href="p6.html">
<table>
<tr>
<td align=center>
<div class="title20px">High Heel & Lazer Star Sneaker Shoes for
</div>
</td>
</tr>
</table>
</div>
</a>
</td>
</tr>
</table>
<center><video align="center" width="900" height="460" autoplay controls controlsList="nodownload" webkitallowfullscreen
mozallowfullscreen allowfullscreen poster="PATH-TO-STILL-IMAGE">
<source src="themes\adv1.mp4" type="video/mp4">
</video>
</center>
<div class="span4">
<img
<h4>MODERN
products. </p>
</div>
</div>
</div>
<div class="span4">
Page | 60
<img
<h4>FREE
products. </p>
</div>
</div>
</div>
<div class="span4">
<img
<h4>24/7 LIVE
products. </p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</section>
<div class="row">
<div class="span3">
<h4>Help</h4>
<ul class="nav">
</ul>
</div>
<div class="span5">

<br/>
</span>
</div>
</div>
</section>
</section>
</div>
$(function() {
animation: "fade",
controlNav: false,
directionNav: true,
});
});});</script></table></body></html>
Page | 61
2)product2.html
<html lang="en">
<head>






</style>
</head>
<body>
<div class="row">
<div class="span8">
</ul>
</div>
</div>
</div>
</div>
<ul>
<ul>
</ul>
</li>
<ul>
Shoes</a></li>
Page | 62
</ul>
</li>
</ul>
</nav>
</div>
</section>
<tr>
<td>
<a href="p13.html">
<table>
<tr>
<td align=center>
<div class="title20px">Lotto Women's Sancia Running Shoes</div>
src="res/womenrs.png">2,299</div>
</td>
</tr>
</table>
</div>
</a>
</td>
<td>
<a href="p14.html">
<table>
<tr>
<div class="title20px">Asian shoes Riya-01 Dark Grey Ladies Sports
Shoes</div>
</td>
</tr>
</table>
</div>
</a>
</td>
</tr>
<tr>
<td>
<a href="p15.html">
<table>
<tr>
<td align=center>
<div class="title20px">Power Women's Seattle Running
Shoes</div>
</td>
</tr>
</table>
</div>
</a>
</td>
<td>
<a href="p16.html">
<table>
<tr>
<td align=center>
<div class="title20px">Sparx Women's Running Shoes</div>
Page | 63

</td>
</tr>
</table>
</div>
</a>
</td>
</tr>
<tr>
<td>
<a href="p17.html">
<table>
<tr>
<td align=center>
<div class="title20px">Sparx Women's Mesh Sports Running Shoes
Grey Pink</div>
</td>
</tr>
</table>
</div>
</a>
</td>
<td>
<a href="p18.html">
<table>
<tr>
<td align=center>
<div class="title20px">Reebok Women's Pulse Lp Running
Shoes</div>
</td>
</tr>
</table>
</div>
</a>
</td>
</tr>
</table>
<div class="span4">
<img
<h4>MODERN
products. </p>
</div>
</div>
</div>
<div class="span4">
<img
<h4>FREE
products. </p>
Page | 64
</div>
</div>
</div>
<div class="span4">
<img
<h4>24/7 LIVE
products. </p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</section>
<div class="row">
<div class="span3">
<h4>Help</h4>
<ul class="nav">
</ul>
</div>
<div class="span5">

<br/>
</span>
</div>
</div>
</section>
</section>
</div>
$(function() {
animation: "fade",
controlNav: false,
directionNav: true,
});
});
});
</script>
</table>
</body>
</html>
Page | 65
3)product3.html
<html lang="en">
<head>






</style>
</head>
<body>
<div class="row">
<div class="span8">
</ul>
</div>
</div>
</div>
</div>
<ul>
<ul>
</ul>
</li>
<ul>
Shoes</a></li>
</ul>
</li>
Page | 66
</ul>
</nav>
</div>
</section>
<tr>
<td>
<a href="p7.html">
<table>
<tr>
<td width=130px><img src="themes\images\ladies\17.jpg""></td>
<td align=center>
<div class="title20px">JABASIC Women Driving Flats Shoes</div>
</td>
</tr>
</table>
</div>
</a>
</td>
<td>
<a href="p8.html">
<table>
<tr>
<div class="title20px">Midsole Women's Flat Shoes Belly Shoes-
(FT6008C)</div>
</td>
</tr>
</table>
</div>
</a>
</td>
</tr>
<tr>
<td>
<a href="p9.html">
<table>
<tr>
<td align=center>
<div class="title20px">Irsoe Cassiey Flats/Ballerinas</div>
</td>
</tr>
</table>
</div>
</a>
</td>
<td>
<a href="p10.html">
<table>
<tr>
<td align=center>
<div class="title20px">Ziaula Womens London Cutouts Flat
Sandal</div>
</td>
Page | 67

</tr>
</table>
</div>
</a>
</td>
</tr>
<tr>
<td>
<a href="p11.html">
<table>
<tr>
<td align=center>
<div class="title20px">FIT O FIT Faux Leather Flat Ballerinas for
Women</div>
</td>
</tr>
</table>
</div>
</a>
</td>
<td>
<a href="p12.html">
<table>
<tr>
<td align=center>
<div class="title20px">Rgk's Women's Flats Jutti for Girls 205</div>
</td>
</tr>
</table>
</div>
</a>
</td>
</tr>
</table>
<div class="span4">
<img
<h4>MODERN
products. </p>
</div>
</div>
</div>
<div class="span4">
<img
<h4>FREE
products. </p>
</div>
</div>
</div>
<div class="span4">
Page | 68
<img
<h4>24/7 LIVE
products. </p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</section>
<div class="row">
<div class="span3">
<h4>Help</h4>
<ul class="nav">
</ul>
</div>
<div class="span5">

<br/>
</span>
</div>
</div>
</section>
</section>
</div>
$(function() {
animation: "fade",
controlNav: false,
directionNav: true,
});
});
});
</script>
</table>
</body>
</html>
Page | 69
4)product4.html
<html lang="en">
<head>






</style>
</head>
<body>
<div class="row">
<div class="span8">
</ul>
</div>
</div>
</div>
</div>
<ul>
<ul>
</ul>
</li>
<ul>
Shoes</a></li>
Page | 70
</ul>
</li>
</ul>
</nav>
</div>
</section>
<tr>
<td>
<a href="p19.html">
<table>
<tr>
<td align=center>
<div class="title20px">Marino Oxford Dress Shoes for Men</div>
</td>
</tr>
</table>
</div>
</a>
</td>
<td>
<a href="p20.html">
<table>
<tr>
<div class="title20px">Marino Suede Oxford Dress Shoes for Men
</div>
</td>
</tr>
</table>
</div>
</a>
</td>
</tr>
<tr>
<td>
<a href="p21.html">
<table>
<tr>
<td align=center>
<div class="title20px">Mio Marino Mens Dress Shoes</div>
src="res/womenrs.png">10,155.</div>
</td>
</tr>
</table>
</div>
</a>
</td>
<td>
<a href="p22.html">
<table>
<tr>
<td align=center>
<div class="title20px">Auserio Men's Formal Shoes styles for
men</div>
Page | 71

</td>
</tr>
</table>
</div>
</a>
</td>
</tr>
<tr>
<td>
<a href="p23.html">
<table>
<tr>
<td align=center>
<div class="title20px">Marino Oxford Dress Shoes for Men</div>
</td>
</tr>
</table>
</div>
</a>
</td>
<td>
<a href="p24.html">
<table>
<tr>
<td align=center>
<div class="title20px">Escaro Men's Formal Oxford Lace up Dress
Shoes</div>
</td>
</tr>
</table>
</div>
</a>
</td>
</tr>
</table>
<div class="span4">
<img
<h4>MODERN
products. </p>
</div>
</div>
</div>
<div class="span4">
<img
<h4>FREE
products. </p>
</div>
Page | 72
</div>
</div>
<div class="span4">
<img
<h4>24/7 LIVE
products. </p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</section>
<div class="row">
<div class="span3">
<h4>Help</h4>
<ul class="nav">
</ul>
</div>
<div class="span5">

<br/>
</span>
</div>
</div>
</section>
</section>
</div>
$(function() {
animation: "fade",
controlNav: false,
directionNav: true,
});
});
});
</script>
</table>
</body>
</html>
Page | 73
5)product5.html
<html lang="en">
<head>






</style>
</head>
<body>
<div class="row">
<div class="span8">
</ul>
</div>
</div>
</div>
</div>
<ul>
<ul>
</ul>
</li>
<ul>
Shoes</a></li>
Page | 74
</ul>
</li>
</ul>
</nav>
</div>
</section>
<tr>
<td>
<a href="p25.html">
<table>
<tr>
<td align=center>
<div class="title20px">Avant Men's Lightweight Running and
Walking Shoes</div>
</td>
</tr>
</table>
</div>
</a>
</td>
<td>
<a href="p26.html">
<table>
<tr>
<div class="title20px">Bachini Running Sports Shoes Men's Running
Shoes</div>
</td>
</tr>
</table>
</div>
</a>
</td>
</tr>
<tr>
<td>
<a href="p27.html">
<table>
<tr>
<td align=center>
<div class="title20px">Lancer Men's Running Shoes</div>
</td>
</tr>
</table>
</div>
</a>
</td>
<td>
<a href="p28.html">
<table>
<tr>
<td align=center>
<div class="title20px">Shozie Men's Running Sports Shoes</div>
Page | 75

</td>
</tr>
</table>
</div>
</a>
</td>
</tr>
<tr>
<td>
<a href="p29.html">
<table>
<tr>
<td align=center>
<div class="title20px">layasa Men's Running Sports Shoes for
Men</div>
</td>
</tr>
</table>
</div>
</a>
</td>
<td>
<a href="p30.html">
<table>
<tr>
<td align=center>
<div class="title20px">Sparx Men's Running Shoes</div>
</td>
</tr>
</table>
</div>
</a>
</td>
</tr>
</table>
<div class="span4">
<img
<h4>MODERN
products. </p>
</div>
</div>
</div>
<div class="span4">
<img
<h4>FREE
products. </p>
</div>
Page | 76
</div>
</div>
<div class="span4">
<img
<h4>24/7 LIVE
products. </p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</section>
<div class="row">
<div class="span3">
<h4>Help</h4>
<ul class="nav">
</ul>
</div>
<div class="span5">

<br/>
</span>
</div>
</div>
</section>
</section>
</div>
$(function() {
animation: "fade",
controlNav: false,
directionNav: true,
});
});
});
</script>
</table>
</body>
</html>
Page | 77
6)product6.html
<html lang="en">
<head>






</style>
</head>
<body>
<div class="row">
<div class="span8">
</ul>
</div>
</div>
</div>
</div>
<ul>
<ul>
</ul>
</li>
<ul>
Shoes</a></li>
Page | 78
</ul>
</li>
</ul>
</nav>
</div>
</section>
<tr>
<td>
<a href="p31.html">
<table>
<tr>
<td align=center>
<div class="title20px">feetway Flat Navy Blue Denim Plain
Casual</div>
</td>
</tr>
</table>
</div>
</a>
</td>
<td>
<a href="p32.html">
<table>
<tr>
<div class="title20px">Chevit Men's Blue Casual Flat
Sneakers</div>
</td>
</tr>
</table>
</div>
</a>
</td>
</tr>
<tr>
<td>
<a href="p33.html">
<table>
<tr>
<td align=center>
<div class="title20px">TRASE Zoe Sneakers/flat Shoes for
Boys/Men</div>
</td>
</tr>
</table>
</div>
</a>
</td>
<td>
<a href="p34.html">
<table>
<tr>
<td align=center>
Page | 79
<div class="title20px">Fentacia Men Black Genuine Leather flat

Shoes</div>
</td>
</tr>
</table>
</div>
</a>
</td>
</tr>
<tr>
<td>
<a href="p35.html">
<table>
<tr>
<td align=center>
<div class="title20px">TTS Men's Red Color flat Shoes</div>
</td>
</tr>
</table>
</div>
</a>
</td>
<td>
<a href="p36.html">
<table>
<tr>
<td align=center>
<div class="title20px">feetway Flat White Sneaker Shoes for Men
Flat </div>
</td>
</tr>
</table>
</div>
</a>
</td>
</tr>
</table>
<div class="span4">
<img
<h4>MODERN
products. </p>
</div>
</div>
</div>
<div class="span4">
<img
<h4>FREE
Page | 80

products. </p>
</div>
</div>
</div>
<div class="span4">
<img
<h4>24/7 LIVE
products. </p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</section>
<div class="row">
<div class="span3">
<h4>Help</h4>
<ul class="nav">
</ul>
</div>
<div class="span5">

<br/>
</span>
</div>
</div>
</section>
</section>
</div>
$(function() {
animation: "fade",
controlNav: false,
directionNav: true,
});
});
});
</script>
</table>
</body>
</html>
Page | 81
7)p1.html
<html lang="en">
<head>






</style>
</head>
<body>
<div class="row">
<div class="span8">
</ul>
</div>
</div>
</div>
</div>
<ul>
<ul>
</ul>
</li>
<ul>
Shoes</a></li>
Page | 82
</ul>
</li>
</ul>
</nav>
</div>
</section>
<center>
<table border="0">
<tr>
<td><img class="imgresize" src="themes\images\ladies\11.jpg"></td>
<td>
<table>
<tr>
<td><div class="title" style="border-right:solid #2D98FF 1px;">Midsole Women's Black
Heels Bellies</div></td>
<td><div class="title" style="margin-center:5px;"><img
src="menrs.png">499</div></td>
</tr>
<tr>
<td colspan=2><div class="mentablesep" style="margin-bottom:10px;"></div></td>
</tr>
</table>
<center>
<table>
<tr>
<td><a class="btntab" href="themes\images\ladies\11.jpg" target="new">Full
Screen</a></td>
<td><a class="btntab" href="payment.php">Purchase Now</a></td>
</tr>
</table>
</center>
<table>
<tr><td><div class="mentablesep" style="margin-bottom:10px;"></div></td></tr>
<tr><td colspan=2 align=center><div class="titlespe">Specifications</div></td></tr>
<tr>
<td colspan=2>
<ol class="textspe men">
<li>Heel Height : 1 Inch
<li>Type : Premium Formal Shoes
<li>Light Weight : Comfort Fit
<li>Sole Material :- TPR (A Mixture Of EVA And PVC)
<li>Product Dimensions: 20 x 15 x 8 cm
<li>Item model number: FT5032C
<li>ASIN: B07PC3L9DV
</ol>
</td>
</tr>
<font size="6" color="blue">Size</font>
<div class="box">
<select color="black">
<option>select</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
</select>
</table>
</td>
</tr>
</table>
</center>
<div class="span4">
Page | 83
<img
<h4>MODERN
products. </p>
</div>
</div>
</div>
<div class="span4">
<img
<h4>FREE
products. </p>
</div>
</div>
</div>
<div class="span4">
<img
<h4>24/7 LIVE
products. </p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</section>
<div class="row">
<div class="span3">
<h4>Help</h4>
<ul class="nav">
</ul>
</div>
<div class="span5">

<br/>
</span>
</div>
</div>
</section>
</section>
</div>
Page | 84
$(function() {
animation: "fade",
controlNav: false,
directionNav: true,
});
});
});
</script>
</table>
</body>
</html>
Page | 85
8)p2.html
<html lang="en">
<head>






</style>
</head>
<body>
<div class="row">
<div class="span8">
</ul>
</div>
</div>
</div>
</div>
<ul>
<ul>
</ul>
</li>
<ul>
Shoes</a></li>
Page | 86
</ul>
</li>
</ul>
</nav>
</div>
</section>
<center>
<table border="0">
<tr>
<td>
<table>
<tr>
<td><div class="title" style="border-right:solid #2D98FF 1px;">BEONZA Women's
Synthetic Block Heels</div></td>
<td><div class="title" style="margin-left:10px;"><img src="menrs.png">499</div></td>
</tr>
<tr>
</tr>
</table>
<center>
<table>
<tr>
Screen</a></td>
</tr>
</table>
</center>
<table>
<tr>
<td colspan=2>
<li>Sole: manmade
<li>Closure: Slip On
<li>Style : Block Heels Shoes
<li>Wearability: casual
<li>Ocassion: Daily
<li>Material: synthetic
<li>comfort: very high
</ol>
</td>
</tr>
<div class="box">
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
</select>
</table>
</td>
</tr>
</table>
</center>
<div class="span4">
Page | 87
<img
<h4>MODERN
products. </p>
</div>
</div>
</div>
<div class="span4">
<img
<h4>FREE
products. </p>
</div>
</div>
</div>
<div class="span4">
<img
<h4>24/7 LIVE
products. </p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</section>
<div class="row">
<div class="span3">
<h4>Help</h4>
<ul class="nav">
</ul>
</div>
<div class="span5">

<br/>
</span>
</div>
</div>
</section>
</section>
</div>
Page | 88
$(function() {
animation: "fade",
controlNav: false,
directionNav: true,
});
});
});
</script>
</table>
</body>
</html>
Page | 89
9)p3.html
<html lang="en">
<head>
<center>
<table border="0">
<tr>
<td>
<table>
<tr>
<td><div class="title" style="border-right:solid #2D98FF 1px;">Footkart
Casual<br>Shoes-Brown & Green</div></td>
</tr>
<tr>
</tr>
</table>
<center>
<table>
<tr>
Screen</a></td>
</tr>
</table>
</center>
<table>
<tr>
<td colspan=2>
<li>Sole: manmade
<li>Style : Block Heels Shoes
<li>Wearability: casual
<li>Ocassion: Daily
<li>Material: synthetic
<li>comfort: very high
</ol>
</td>
</tr>
<div class="box">
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
</select>
</table>
</td>
</tr>
</table>
</center>
</body>
</html>
Page | 90
10)p4.html
<html lang="en">
<head>
<center>
<table border="0">
<tr>
<td>
<table>
<tr>
<td><div class="title" style="border-right:solid #2D98FF 1px;">BEONZA Women's
Synthetic Block Heels</div></td>
</tr>
<tr>
</tr>
</table>
<center>
<table>
<tr>
Screen</a></td>
</tr>
</table>
</center>
<table>
<tr>
<td colspan=2>
<li>Sole: manmade
<li>Closure: Lace-Up
<li>Style: Sneakers
<li>Wearability: Casual
<li>Occasion: Daily
<li>Material: Synthetic
<li>Comfort: Very high
</ol>
</td>
</tr>
<div class="box">
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
</select>
</table>
</td>
</tr>
</table>
</center>
</body>
</html
Page | 91
11)p5.html
<html lang="en">
<head>
<center>
<table border="0">
<tr>
<td>
<table>
<tr>
<td><div class="title" style="border-right:solid #2D98FF 1px;">Ligero Women's Heel
Boot Sneakers</div></td>
</tr>
<tr>
</tr>
</table>
<center>
<table>
<tr>
Screen</a></td>
</tr>
</table>
</center>
<table>
<tr>
<td colspan=2>
<li><Sole: rubber
<li>Extra lace comes with every pair (matching colour+white)
<li>Easy with your little feet
<li>Provide you stylish look
<li>Red black grey blue orange coffee colors heel sneakers for women
<li>Casual and party wear
</ol>
</td>
</tr>
<div class="box">
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
</select>
</table>
</td>
</tr>
</table>
</center>
</body>
</html>
Page | 92
12)p6.html
<html>
<body>
<center>
<table border="0">
<tr>
<td>
<table>
<tr>
<td><div class="title" style="border-right:solid #2D98FF 1px;">High Heel & Lazer Star
Sneaker Shoes for</div></td>
</tr>
<tr>
</tr>
</table>
<center>
<table>
<tr>
Screen</a></td>
</tr>
</table>
</center>
<table>
<tr>
<td colspan=2>
<li>Sole: rubber
<li>Package Contents: 2 Sneaker Shoes (High Heel & Flat Pink Sneaker)
<li>Sole: Rubber
<li>Occasion: Casual, Daily Wear; Toe Style: Closed-Toe
</ol>
</td>
</tr>
<div class="box">
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
</select>
</table>
</td>
</tr>
</table>
</center>
</body>
</html>
Page | 93
13)p7.html
<html lang="en">
<head>
<center>
<table border="0">
<tr>
<td>
<table>
<tr>
<td><div class="title" style="border-right:solid #2D98FF 1px;">JABASIC Women Driving
Flats Shoes</div></td>
</tr>
<tr>
</tr>
</table>
<center>
<table>
<tr>
Screen</a></td>
</tr>
</table>
</center>
<table>
<tr>
<td colspan=2>
<li><Closure: Slip On
<li>Lady Slip-on Loafers Made Of High-quality .
<li>Fashion Moccasins Shoes With Durable Non Slip Rubber Outsole.
<li>Breathable Leather Lining,No Smell After One Day Wearing.
<li>Design: Classic Outlook
</td>
</tr>
<div class="box">
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
</select>
</table>
</td>
</tr>
</table>
</center>
</body>
</html>
Page | 94
14)p8.html
<html lang="en">
<head>
<center>
<table border="0">
<tr>
<td>
<table>
<tr>
<td><div class="title" style="border-right:solid #2D98FF 1px;">Midsole Women's Flat
Shoes Belly Shoes</div></td>
</tr>
<tr>
</tr>
</table>
<center>
<table>
<tr>
Screen</a></td>
</tr>
</table>
</center>
<table>
<tr>
<td colspan=2>
<li>Premium Finish
<li>Standard Size
<li>Comfortable Footbed
<li>Casual & Party Wear
</ol>
</td>
</tr>
<div class="box">
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
</select>
</table>
</td>
</tr>
</table>
</center>
</body>
</html>
Page | 95
15)p9.html
<html lang="en">
<head>
<center>
<table border="0">
<tr>
<td>
<table>
<tr>
<td><div class="title" style="border-right:solid #2D98FF 1px;">Irsoe Cassiey
Flats/Ballerinas</div></td>
</tr>
<tr>
</tr>
</table>
<center>
<table>
<tr>
Screen</a></td>
</tr>
</table>
</center>
<table>
<tr>
<td colspan=2>
<li>Sole: rubber
<li>Outer Material: Synthetic
<li>Lifestyle: Casual, Official and Traditional
<li>Comfort: Allows the feet to move as naturally d.e.
<li>Soft Bottom Sole
<li>Latest Collection, Comfortable
</ol>
</td>
</tr>
<div class="box">
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
</select>
</table>
</td>
</tr>
</table>
</center>
</body>
</html>
Page | 96
16)p10.html
<html lang="en">
<head>
<center>
<table border="0">
<tr>
<td>
<table>
<tr>
<td><div class="title" style="border-right:solid #2D98FF 1px;">Ziaula Womens London
Cutouts Flat Sandal</div></td>
</tr>
<tr>
</tr>
</table>
<center>
<table>
<tr>
Screen</a></td>
</tr>
</table>
</center>
<table>
<tr>
<td colspan=2>
<li>Sole: PVC
<li>Closure: Zip
<li>Women Sandal, Flat Sandal For Women.
<li>Matterial : Inner - Synthetic; Outer : Synthetic
<li>Laser Cut Desgin And PU Pasting Used in This Sandal
<li>Life Style : Casual and Party Wear
<li>Attractive And High Quality Sandal.
</ol>
</td>
</tr>
<div class="box">
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
</select>
</table>
</td>
</tr>
</table>
</center>
</body>
</html>
Page | 97
17)p11.html
<html lang="en">
<head>
<center>
<table border="0">
<tr>
<td>
<table>
<tr>
<td><div class="title" style="border-right:solid #2D98FF 1px;">FIT Flat Ballerinas for
Women</div></td>
</tr>
<tr>
</tr>
</table>
<center>
<table>
<tr>
Screen</a></td>
</tr>
</table>
</center>
<table>
<tr>
<td colspan=2>
<li><Outer material: Synthetic, Sole material: Mesh, Inner Material:
Crepe
<li>Closure type: Slip on, Occasion: Casual
<li>Toe style: Closed Toe
<li>Attractive and Durable
</ol>
</td>
</tr>
<div class="box">
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
</select>
</table>
</td>
</tr>
</table>
</center>
</body>
</html>
Page | 98
18)p12.html
<html lang="en">
<head>
<center>
<table border="0">
<tr>
<td>
<table>
<tr>
<td><div class="title" style="border-right:solid #2D98FF 1px;">Rgk's Women's Flats Jutti
for Girls 205</div></td>
</tr>
<tr>
</tr>
</table>
<center>
<table>
<tr>
Screen</a></td>
</tr>
</table>
</center>
<table>
<tr>
<td colspan=2>
<li>Sole: Sheet
<li>Durable Soft Leather High Quality, Fashionable
<li>Closure: Slip_On
<li>Sole material: Mesh, Inner Material: Crepe
<li>Occasion: Casual and Party wear
</ol>
</td>
</tr>
<div class="box">
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
</select>
</table>
</td>
</tr>
</table>
</center>
</body>
</html>
Page | 99
19)p13.html
<html lang="en">
<head>
<center>
<table border="0">
<tr>
<td>
<table>
<tr>
<td><div class="title" style="border-right:solid #2D98FF 1px;">Lotto Women's Sancia
Running Shoes</div></td>
<td><div class="title" style="margin-left:10px;"><img
src="menrs.png">2,299</div></td>
</tr>
<tr>
</tr>
</table>
<center>
<table>
<tr>
Screen</a></td>
</tr>
</table>
</center>
<table>
<tr>
<td colspan=2>
<li>Material Type: Mesh
<li>Lifestyle: Sports
<li>Closure Type: Lace-Up
<li>Heel Type: Flats
<li>Warranty Type: Manufacturer
</ol>
</td>
</tr>
<div class="box">
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
</select>
</table>
</td>
</tr>
</table>
</center>
</body>
</html>
Page | 100
20)p14.html
<html lang="en">
<head>
<center>
<table border="0">
<tr>
<td>
<table>
<tr>
<td><div class="title" style="border-right:solid #2D98FF 1px;">Asian shoes Ladies Sports
Shoes</div></td>
</tr>
<tr>
</tr>
</table>
<center>
<table>
<tr>
Screen</a></td>
</tr>
</table>
</center>
<table>
<tr>
<td colspan=2>
<li>Colour: Dark Grey
<li>Designer Shoes
<li>Lifestyle:Sports
<li>Closer:Slip On
<li>Material:mesh
</ol>
</td>
</tr>
<div class="box">
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
</select>
</table>
</td>
</tr>
</table>
</center>
</body>
</html>
Page | 101
21)p15.html
<html>
<body>
<center>
<table border="0">
<tr>
<td>
<table>
<tr>
<td><div class="title" style="border-right:solid #2D98FF 1px;">Power Women's Seattle
<td><div class="title" style="margin-left:10px;"><img src="menrs.png">999.</div></td>
</tr>
<tr>
</tr>
</table>
<center>
<table>
<tr>
Screen</a></td>
</tr>
</table>
</center>
<table>
<tr>
<td colspan=2>
<li><Material Type: Canvas
<li>Lifestyle: Casual
<li>Toe Style: Closed Toe
</ol>
</td>
</tr>
<div class="box">
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
</select>
</table>
</td>
</tr>
</table>
</center>
</body>
</html>
Page | 102
22)p16.html
<html>
<head>
<center>
<table border="0">
<tr>
<td>
<table>
<tr>
<td><div class="title" style="border-right:solid #2D98FF 1px;">Sparx Women's
</tr>
<tr>
<td colspan=2><div class="mentablesep" style="margin-
bottom:10px;"></div></td>
</tr>
</table>
<center>
<table>
<tr>
Screen</a></td>
</tr>
</table>
</center>
<table>
<tr>
<td colspan=2>
<li>Sole: rubber
</ol>
</td>
</tr>
<div class="box">
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
</select>
</table>
</td>
</tr>
</table>
</center>
</head>
</html>
Page | 103
23)p17.html
<html>
<head>
<center>
<table border="0">
<tr>
<td>
<table>
<tr>
<td><div class="title" style="border-right:solid #2D98FF 1px;">Sparx Women's
Sports Running Shoes Grey </div></td>
</tr>
<tr>
</tr>
</table>
<center>
<table>
<tr>
Screen</a></td>
</tr>
</table>
</center>
<table>
<tr>
<td colspan=2>
<li>Sole: manmade
<li>Outer Material : Mesh
<li>Inner Material : Mesh
<li>Sole Material : Phylon
<li>Shoe Type : Running Shoes
<li>Shoe Category : Sports
</ol>
</td>
</tr>
<div class="box">
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
</select>
</table>
</td>
</tr>
</table>
</center>
</head></html>
Page | 104
24)p18.html
<html>
<head>
<table border="0">
<tr>
<td>
<table>
<tr>
<td><div class="title" style="border-right:solid #2D98FF 1px;">Reebok
Women's Running Shoes</div></td>
</tr>
<tr>
</tr>
</table>
<center>
<table>
<tr>
Screen</a></td>
</tr>
</table>
</center>
<table>
<tr>
<td colspan=2>
</ol>
</td>
</tr>
<div class="box">
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
</select>
</table>
</td>
</tr>
</table>
</center>
</head>
</html>
Page | 105
25)p19.html
<html>
<head>
<center>
<table border="0">
<tr>
<td>
<table>
<tr>
<td><div class="title" style="border-right:solid #2D98FF 1px;">Marino Oxford
Dress Shoes for Men</div></td>
</tr>
<tr>
</tr>
</table>
<center>
<table>
<tr>
Screen</a></td>
</tr>
</table>
</center>
<table>
<tr>
<td colspan=2>
<li>FASHION - Sport Avenue Dress Shoe.
<li>AWESOME FIT - Marino Avenue Dress Shoe's fit
<li>GENUINE LEATHER-blackin color
</ol>
</td>
</tr>
<div class="box">
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
</select>
</table>
</td>
</tr>
</table>
</center>
</head>
</html>
Page | 106
26)p20.html
<html>
<head>
<center>
<table border="0">
<tr>
<td>
<table>
<tr>
<td><div class="title" style="border-right:solid #2D98FF 1px;">Marino Suede
Oxford Dress Shoes for Men</div></td>
</tr>
<tr>
</tr>
</table>
<center>
<table>
<tr>
Screen</a></td>
</tr>
</table>
</center>
<table>
<tr>
<td colspan=2>
<li>FASHION - Sport the look of ultimate fashion
<li>AWESOME FIT -- Marino Avenue Dress Shoe's fit
<li>COMFORT - You'll be amazed dress
</ol>
</td>
</tr>
<div class="box">
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
</select>
</table>
</td>
</tr>
</table>
</center>
</head>
</html>
Page | 107
27)p21.html
<html>
<head>
<center>
<table border="0">
<tr>
<td>
<table>
<tr>
src="menrs.png">10,155.</div></td>
</tr>
<tr>
</tr>
</table>
<center>
<table>
<tr>
Screen</a></td>
</tr>
</table>
</center>
<table>
<tr>
<td colspan=2>
<li>Sole: rubber
<li>SUPER COMFY - pamper your feet
<li>fet for dress special in black
</ol>
</td>
</tr>
<div class="box">
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
</select>
</table>
</td>
</tr>
</table>
</center>
</head>
</html>
Page | 108
28)p22.html
<html>
<head>
<center>
<table border="0">
<tr>
<td>
<table>
<tr>
<td><div class="title" style="border-right:solid #2D98FF 1px;">Auserio Men's
Formal Shoes</div></td>
</tr>
<tr>
</tr>
</table>
<center>
<table>
<tr>
Screen</a></td>
</tr>
</table>
</center>
<table>
<tr>
<td colspan=2>
<li>Material Type: Synthetic
<li>Lifestyle: Business
</ol>
</td>
</tr>
<div class="box">
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
</select>
</table>
</td>
</tr>
</table>
</center>
</body>
</html>
Page | 109
29)p23.html
<html>
<head>
<center>
<table border="0">
<tr>
<td>
<table>
<tr>
<td><div class="title" style="border-right:solid #2D98FF 1px;">Marino Oxford
Dress Shoes for Men</div></td>
</tr>
<tr>
</tr>
</table>
<center>
<table>
<tr>
Screen</a></td>
</tr>
</table>
</center>
<table>
<tr>
<td colspan=2>
<li>FASHION - Sport Marino Avenue Dress Shoe.
<li>AWESOME FIT - Marino Avenue Dress Shoe's fit will astonish you!
<li>GENUINE LEATHER - The Marino Avenue Dress Shoes
</ol>
</td>
</tr>
<div class="box">
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
</select>
</table>
</td>
</tr>
</table>
</center>
</head>
</html>
Page | 110
30)p24.html
<html>
<body>
<head>
<center>
<table border="0">
<tr>
<td>
<table>
<tr>
<td><div class="title" style="border-right:solid #2D98FF 1px;">Escaro Men's
Formal Oxford Lace up Dress Shoes</div></td>
</tr>
<tr>
</tr>
</table>
<center>
<table>
<tr>
Screen</a></td>
</tr>
</table>
</center>
<table>
<tr>
<td colspan=2>
<li>Material:Synthetic Leather.
<li>Lifestyle: Formal / Business.
<li>Closure: Lace Up. Escaro shoes are hand-crafted
</ol>
</td>
</tr>
<font size="6"
color="blue">Size</font>
<div class="box">
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
</select>
</table>
</td>
</tr>
</table>
</center>
</head>
</body>
</html>
Page | 111
31)p25.html
<html>
<body>
<head>
<center>
<table border="0">
<tr>
<td>
<table>
<tr>
<td><div class="title" style="border-right:solid #2D98FF 1px;">Avant Men's
Lightweight Running and Walking Shoes</div></td>
</tr>
<tr>
</tr>
</table>
<center>
<table>
<tr>
Screen</a></td>
</tr>
</table>
</center>
<table>
<tr>
<td colspan=2>
<li>Lightweight Shoes Ideal for Running,
<li>Training, Gym Workouts, Walking,
<li>Outdoor Activities and Casual Wear
</ol>
</td>
</tr>
<font size="6"
<div class="box">
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
</select>
</table>
</td>
</tr>
</table>
</center>
</head>
</body>
</html>
Page | 112
32)p26.html
<html>
<body>
<head>
<center>
<table border="0">
<tr>
<td>
<table>
<tr>
<td><div class="title" style="border-right:solid #2D98FF 1px;">Bachini Shoes
Men's Running Shoes</td>
</tr>
<tr>
</tr>
</table>
<center>
<table>
<tr>
Screen</a></td>
</tr>
</table>
</center>
<table>
<tr>
<td colspan=2>
<li>Sole: EVA
<li>MATERIAL : Fine Quality Mesh
</ol>
</td>
</tr>
<font size="6"
<div class="box">
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
</select>
</table>
</td>
</tr>
</table>
</center>
</head>
</body></html>
Page | 113
33)p27.html
<html>
<body>
<head>
<center>
<table border="0">
<tr>
<td>
<table>
<tr>
<td><div class="title" style="border-right:solid #2D98FF 1px;">Lancer Men's
</tr>
<tr>
</tr>
</table>
<center>
<table>
<tr>
Screen</a></td>
</tr>
</table>
</center>
<table>
<tr>
<td colspan=2>
<li>Closure: Speed_Laces
<li>Closure Type: Speed laces
</ol>
</td>
</tr>
<font size="6"
<div class="box">
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
</select>
</table>
</td>
</tr>
</table>
</center>
</head>
</body></html>
Page | 114
34)p28.html
<html>
<body>
<head>
<center>
<table border="0">
<tr>
<td>
<table>
<tr>
<td><div class="title" style="border-right:solid #2D98FF 1px;">Shozie Men's
Running Sports Shoes</div></td>
</tr>
<tr>
</tr>
</table>
<center>
<table>
<tr>
Screen</a></td>
</tr>
</table>
</center>
<table>
<tr>
<td colspan=2>
<li>Lifestyle: Sports Shoes, Running Shoes
<li>Regular: Comfort
</ol>
</td>
</tr>
<font size="6"
<div class="box">
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
</select>
</table>
</td>
</tr>
</table>
</center>
</head>
</body></html>
Page | 115
35)p29.html
<html>
<body>
<head>
<center>
<table border="0">
<tr>
<td>
<table>
<tr>
<td><div class="title" style="border-right:solid #2D98FF 1px;">layasa Men's
Running Sports Shoes for Men</div></td>
</tr>
<tr>
</tr>
</table>
<center>
<table>
<tr>
Screen</a></td>
</tr>
</table>
</center>
<table>
<tr>
<td colspan=2>
<li>Sole: AIR MIX
<li>Sole: Airmix
<li>LifeStyle: Sports,Running,Casual
<li>Specially designed for Indian Men's feet
</ol>
</td>
</tr>
<font size="6"
<div class="box">
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
</select>
</table>
</td>
</tr>
</table>
</center>
</head></body></html>
Page | 116
36)p30.html
<html>
<body>
<head>
<center>
<table border="0">
<tr>
<td>
<table>
<tr>
<td><div class="title" style="border-right:solid #2D98FF 1px;">Sparx Men's
</tr>
<tr>
</tr>
</table>
<center>
<table>
<tr>
Screen</a></td>
</tr>
</table>
</center>
<table>
<tr>
<td colspan=2>
<li>Sole: manmade
</ol>
</td>
</tr>
<font size="6"
<div class="box">
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
</select>
</table>
</td>
</tr>
</table>
</center></head></body></html>
Page | 117
37)p31.html
<html>
<body>
<head>
<center>
<table border="0">
<tr>
<td>
<table>
<tr>
<td><div class="title" style="border-right:solid #2D98FF 1px;">feetway Flat
Navy Blue Denim Plain Casual</div></td>
</tr>
<tr>
</tr>
</table>
<center>
<table>
<tr>
Screen</a></td>
</tr>
</table>
</center>
<table>
<tr>
<td colspan=2>
<li>Material- Synthetic Denim
<li>Closure- Slip On
<li>Inner Material- Sweat Absorbing Cotton Cloth
<li>Lifestyle- Casual
</ol>
</td>
</tr>
<font size="6"
<div class="box">
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
</select>
</table>
</td>
</tr>
</table>
</center></head>
</body></html>
Page | 118
38)p32.html
<html>
<body>
<head>
<center>
<table border="0">
<tr>
<td>
<table>
<tr>
<td><div class="title" style="border-right:solid #2D98FF 1px;">Chevit Men's
Blue Casual Flat Sneakers</div></td>
</tr>
<tr>
</tr>
</table>
<center>
<table>
<tr>
Screen</a></td>
</tr>
</table>
</center>
<table>
<tr>
<td colspan=2>
<li>Material: Synthetic and Canvas
<li>Lifestyle: Urban Casual and Outdoor
<li>Shock-absorbing Anti-Skate sole
</ol>
</td>
</tr>
<font size="6"
<div class="box">
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
</select>
</table>
</td>
</tr>
</table>
</center>
</head>
</body>
</html>
Page | 119
39)p33.html
<html>
<body>
<head>
<center>
<table border="0">
<tr>
<td>
<table>
<tr>
</tr>
<tr>
</tr>
</table>
<center>
<table>
<tr>
Screen</a></td>
</tr>
</table>
</center>
<table>
<tr>
<td colspan=2>
<li>Simple yet trendy upper designs ; Material : Faux Leather
<li>Durable and texured out-sole with patterened groves ; Grippy Sole
<li>Comfortable Flat sole for all day comfort in all seasons
<li>Ideal As : Casual-wear, Party wear, Daily wear
</ol>
</td>
</tr>
<font size="6"
<div class="box">
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
</select>
</table>
</td>
</tr>
</table>
</center>
</head></body></html>
Page | 120
40)p34.html
<html>
<body>
<head>
<center>
<table border="0">
<tr>
<td>
<table>
<tr>
<td><div class="title" style="border-right:solid #2D98FF 1px;">Fentacia Men
Black Genuine Leather flat Shoes</div></td>
</tr>
<tr>
</tr>
</table>
<center>
<table>
<tr>
Screen</a></td>
</tr>
</table>
</center>
<table>
<tr>
<td colspan=2>
<li>Sole: leather
<li>100% pure leather
<li>rubber sole
<li>cushioned footbed
<li>leather lining
<li>slip-on style
</ol>
</td>
</tr>
<font size="6"
<div class="box">
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
</select>
</table>
</td>
</tr>
</table></center></head></body></html>
Page | 121
41)p35.html
<html>
<body>
<head>
<center>
<table border="0">
<tr>
<td>
<table>
<tr>
<td><div class="title" style="border-right:solid #2D98FF 1px;">TTS Men's Red
Color flat Shoes</div></td>
</tr>
<tr>
</tr>
</table>
<center>
<table>
<tr>
Screen</a></td>
</tr>
</table>
</center>
<table>
<tr>
<td colspan=2>
<li>Sole: rubber
<li>Buy only from TTS to Get Quality and Authentic Products
<li>Lifestyle: Office wear Casual, Party & Wedding Wear.
</ol>
</td>
</tr>
<font size="6"
<div class="box">
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
</select>
</table>
</td>
</tr>
</table>
</center>
</head>
</body></html>
Page | 122
42)p36.html
<html lang="en">
<head>
<center>
<table border="0">
<tr>
<td>
<table>
<tr>
<td><div class="title" style="border-right:solid #2D98FF 1px;">TTS Men's Red Color flat
Shoes</div></td>
</tr>
<tr>
</tr>
</table>
<center>
<table>
<tr>
Screen</a></td>
</tr>
</table>
</center>
<table>
<tr>
<td colspan=2>
<li>Sole: rubber
<li>Buy only from TTS to Get Quality and Authentic Products
<li>Lifestyle: Office wear Casual, Party & Wedding Wear.
</ol>
</td>
</tr>
<font size="6"
<div class="box">
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
</select>
</table>
</td>
</tr>
</table>
</center>
</body>
</html>
Page | 123
Validators
Page | 124
VALIDATIONS
Validations made to the system enable us to get rid of number of frequency made
mistakes. Validations prevent the further complications those may occur. It helps the
new user to enter proper data into the system.
 Security at login form:

For the security purpose the login form is used where the user should enter
proper user name and password. If the user enters wrong user name and
password will be denied to access the system.
 Addition of new Record:

When a new Record is added to any form, all the fields on the form will be
enabled except the text box from which id is generated and the update,
delete button will also be disabled.
 Updating of a new record:

When a record is updated all the textboxes will be enabled except add, reset
button will have disabled and the id field which will be in disabled mode.
 Textboxes for entering characters:

While entering the information into the textboxes user can only enter
characters into the textbox and not any numeric or any special characters
except space bar.
 Textboxes for entering numbers:

While entering the information into the textboxes user can only enter
numeric data into the textbox and not characters or any special characters.
 Textboxes for entering email id:

While entering the email id into the textboxes user can enter according to
email id pattern data into the textbox.
Page | 125
TEST CASES
Purpose: The System is being tested for better user satisfaction and an error
free software.
Assumptions: We must assume that all links should be working and user can login
successfully.
Test Data
SignIn{Valid login, Invalid login, Empty}
Steps:
1.First enter invalid email_id and password.
Click on Login Button.
2.Secondly check entering valid email_id and password .
Login Successful.
3. Enter Empty Fields .
Click on Login Button.
Comments: If username and Passwords are correctly entered only the you will be
taken to next page.
Page | 126
1)Homepage:-
Page | 127
REFERENCE AND BIBLIOGRAPHY
Books Referred:
 College Notes
Website Referred:
 www.youtube.com
 www.w3schools.com
Page | 128

Projectfinal 11111

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Projectfinal 11111

Uploaded by

Copyright:

Available Formats

Kashyap’s shoes store

PROJECT SUBMITTED TO THE

S.I.C.E. SOCIETY’S DEGREE COLLEGE OF ARTS,

T. Y. B. Sc. (COMPUTER SCIENCE)

kashyap's shoes stores

Rahul Kashyap Roll No:TCS-18001

1 Program Source Code 32-122

D. Reference and bibliography

Description of Present System

 The software to be developed in “shoes store management”.

Limitation of Present System

 The product supplied details not have any records

Proposed System and Its Advantages

Designing of Event Table:

Event table should consist of the following:

 Trigger:An occurrence that tells the system about the event.

 Source: An external agent or actor that supplies information.

 Activity:Behaviour that the system provides.

 Response: An output produced by the system that gives information.

Sr. Event Trigger Source Activity Response Destination

2 Admin check Check Admin check Check in System

6 Customer Do Customer Doing Payment System

Entity Relationship Diagram(ER-Diagram)

The elements of an ERD are:

Use Case Description:

Symbols used in Use Case diagram:-

Check the details

Activities are a representation of the various operations performed by a class.

The basic elements of activity diagram are

 Action state: Represents the state of the system in terms of actions.

login View the product

 The Deployment diagram is drawn to visualize the hardware on which the

 The various computer systems or processing devices on which components are

 The dependency on node on components is depicted using dashed lines.

• Deployment Diagrams help to:

– Capture the hardware topology.

Customer login payment

 Elements of package Diagram:-

1) Package: It is a general purpose mechanism for organizing model contains elements is

3) Interface:It is specification of behavior. By implementing interface classes are required

5) Table: It is stereotyped class.

Database and List of Tables With Descriptions:

Username varchar 100

email varchar 100

password varchar 100

Steps to run the project:

2.Start the Apache and MySQL

3.Click To Apache Admin

All PHP Files:-

All html files:

$conn = new mysqli("localhost", "root", "", "project");

echo "register successfully";

<form class="fossil" method="post" action="">

<td align="center"><div class="header">

<td align="center"><div class="input-group">

<td align="center"><div class="input-group">

if(isset($_POST['submit']) && $_POST['submit']=="submit")

<p> We stand for top quality products. </p>

$conn = new mysqli("localhost", "root", "", "project");

if($n > 0){