Professional Documents
Culture Documents
Project Report On e Commerce Website
Project Report On e Commerce Website
Clothes Collection
Submitted by-
My Role ->
1.) Making sign up ang sign in form
2.) Connectivity of database
3.) Inserting flash objects
4.) Designing Part
Aknowledgements
HTML
HTML is a language for describing web pages.
HTML Tags
HTML markup tags are usually called HTML tags
The purpose of a web browser (like Internet Explorer or Firefox) is to read HTML documents and display
them as web pages. The browser does not display the HTML tags, but uses the tags to interpret the content
of the page:
<html>
<body>
</body>
</html>
HTML Headings
HTML headings are defined with the <h1> to <h6> tags.
Example
<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
HTML Paragraphs
HTML paragraphs are defined with the <p> tag.
Example
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
HTML Links
HTML links are defined with the <a> tag.
Example
HTML Images
HTML images are defined with the <img> tag.
Example
* The start tag is often called the opening tag. The end tag is often called the closing tag.
Tip: You will learn about attributes in the next chapter of this tutorial.
<body>
<p>This is my first paragraph.</p>
</body>
</html>
<body>
<p>This is my first paragraph.</p>
</body>
<html>
<body>
<p>This is my first paragraph.</p>
</body>
</html>
<br> is an empty element without a closing tag (the <br> tag defines a line break).
In XHTML, XML, and future versions of HTML, all elements must be closed.
Adding a slash to the start tag, like <br />, is the proper way of closing empty elements, accepted by HTML,
XHTML and XML.
Even if <br> works in all browsers, writing <br /> instead is more future proof.
Example
<html>
<body style="background-color:yellow">
<h2 style="background-color:red">This is a heading</h2>
<p style="background-color:green">This is a paragraph.</p>
</body>
</html>
Example
<html>
<body>
<h1 style="font-family:verdana">A heading</h1>
<p style="font-family:arial;color:red;font-size:20px;">A paragraph.</p>
</body>
</html>
Example
<html>
<body>
<h1 style="text-align:center">This is a heading</h1>
<p>The heading above is aligned to the center of this page.</p>
</body>
</html>
HTML Hyperlinks (Links)
A hyperlink (or link) is a word, group of words, or image that you can click on to jump to a new document or
a new section within the current document.
When you move the cursor over a link in a Web page, the arrow will turn into a little hand.
Example
<a href="http://www.akcjobconsultancy.com/">Visit akc</a>
Clicking on this hyperlink will send the user to akc job consultancy' homepage.
The example below will open the linked document in a new browser window:
Example
Bookmarks are not displayed in any special way. They are invisible to the reader.
Example
A named anchor inside an HTML document:
Create a link to the "Useful Tips Section" inside the same document:
Or, create a link to the "Useful Tips Section" from another page:
<a href="http://www.akcjobconsultancy.com/html_links.htm#tips">
Visit the Useful Tips Section</a>
The <img> tag is empty, which means that it contains attributes only, and has no closing tag.
To display an image on a page, you need to use the src attribute. Src stands for "source". The value of the
src attribute is the URL of the image you want to display.
The URL points to the location where the image is stored. An image named "boat.gif", located in the
"images" directory on "www.akcjobconsulatancy.com" has the URL:
www.akcjobconsultancy.com/images/boat.gif.
The browser displays the image where the <img> tag occurs in the document. If you put an image tag
between two paragraphs, the browser shows the first paragraph, then the image, and then the second
paragraph.
HTML Forms
HTML forms are used to pass data to a server.
A form can contain input elements like text fields, checkboxes, radio-buttons, submit buttons and more. A
form can also contain select lists, textarea, fieldset, legend, and label elements.
<form>
.
input elements
.
</form>
An input element can vary in many ways, depending on the type attribute. An input element can be of type
text field, checkbox, password, radio button, submit button, and more.
Text Fields
<input type="text" /> defines a one-line input field that a user can enter text into:
<form>
First name: <input type="text" name="firstname" /><br />
Last name: <input type="text" name="lastname" />
</form>
First name:
Last name:
Note: The form itself is not visible. Also note that the default width of a text field is 20 characters.
Password Field
<input type="password" /> defines a password field:
<form>
Password: <input type="password" name="pwd" />
</form>
Password:
Note: The characters in a password field are masked (shown as asterisks or circles).
Radio Buttons
<input type="radio" /> defines a radio button. Radio buttons let a user select ONLY ONE one of a limited
number of choices:
<form>
<input type="radio" name="sex" value="male" /> Male<br />
<input type="radio" name="sex" value="female" /> Female
</form>
Male
Female
Checkboxes
<input type="checkbox" /> defines a checkbox. Checkboxes let a user select ONE or MORE options of a
limited number of choices.
<form>
<input type="checkbox" name="vehicle" value="Bike" /> I have a bike<br />
<input type="checkbox" name="vehicle" value="Car" /> I have a car
</form>
I have a bike
I have a car
Submit Button
<input type="submit" /> defines a submit button.
A submit button is used to send form data to a server. The data is sent to the page specified in the form's
action attribute. The file defined in the action attribute usually does something with the received input:
Submit
Username:
If you type some characters in the text field above, and click the "Submit" button, the browser will send
your input to a page called "html_form_action.asp". The page will show you the received input.
CSS
Style sheets are a very powerful tool for the Web site developer. They give you the chance to be completely
consistent with the look and feel of your pages, while giving you much more control over the layout and
design than straight HTML ever did.
Invented in 1997, Cascading Style Sheets are just now starting to be widely used among browsers and Web
developers are learning to be more comfortable with them. Those of you who use HomeSite 4.0 know that
they are eventually going to take the place of tags such as <FONT>, which have been deprecated in HTML
4.0.
There are three parts to CSS: the styles, their placement, and the fact that they can cascade.
<head>
<style type="text/css">
body {background-color:yellow}
p {color:blue}
</style>
</head>
Inline Styles
An inline style can be used if a unique style is to be applied to one single occurrence of an element.
To use inline styles, use the style attribute in the relevant tag. The style attribute can contain any CSS
property. The example below shows how to change the text color and the left margin of a paragraph:
MS-ACCESS
Ms Access is a database management tool that enables one to have good command of data collected. The
programme enables one to retrieve, sort, summarize and report results speedily and effectively. It can
combine data from various files through creating relationships, and can make data entry more efficient and
accurate. Microsoft Access (MS Access) enables one to manage all important information from a single
Access database All Ms Access databases files are saved with extension .mdb. A database should have a
separate table for every major subject, such as pedigree records, Production data or Treatment information.
Data should not be duplicated in multiple tables. Microsoft Access provides three methods to create a
database
„ Database Wizard (though easy, the wizard offers limited options to customize the database)
„ Using a template (This method works best if one can find and use a template that closely matches the
specific requirements)
„ Creating a database directly (This is the most flexible method, but it requires one to define each database
element separately). Create a new Access database After creating a new database, this should be saved by
the name which reflects the content of the database. Upon saving the database, the Ms Access database
window opens with the Tables tab-active (i.e in such a way that the next activity should be to create a
Creating a table
Tables are the data storage facilities in Ms Access. Each table contains rows called records
and columns called fields. A record is a collection of facts about a particular animal or event. Each record in
a table should be unique. To distinguish one record from another, tables can contain a primary key field. A
field is a single kind of fact that may apply to each animal or event. For example, date of birth is a field in a
table on animal information. The fields in a database have settings that determine the
For example, field settings can ensure that birth dates are entered with two numbers for the month, two
numbers for the day, four numbers for the year, and slashes in between:
01/04/2006.
One important setting for fields is the data type, which could be a number, text, currency, and date/time.
The data type limits and describes the kind of information in the field. The data type also determines the
actions one can perform on a field and how much memory the data will use. Fields also have properties that
control the details of information inside them, including a character length, a default value, and a validation
- Table wizard,
- Design view
JAVA SCRIPT
JavaScript
JavaScript was designed to add interactivity to HTML pages
JavaScript is a scripting language
A scripting language is a lightweight programming language
JavaScript is usually embedded directly into HTML pages
JavaScript is an interpreted language (means that scripts execute without preliminary
compilation)
Everyone can use JavaScript without purchasing a license
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Clothes Fasion</title>
<link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" />
</head>
<body>
<div id="wrapper">
<div id="header">
<h1><a
href="index.html"><em>Clothes</em><strong>COLLECTION</strong></a></h1>
</div>
<div id="left-person"></div>
<div id="uppers">
<div id="nav-top">
<ul>
<li><a href="sign in.html">Sign In</a> |</li>
<li><a href="sign _up.html">Sign Up</a> |</li>
<li><a href="contact_us.html">Contact us</a></li>
</ul>
</div>
</div>
<div id="nav"><div>
<ul>
<li><a href="index.html"></a> | </li>
<div id="body">
</div>
<div id="black-tl">
<div id="black-tr">
<div id="black-br">
<div id="black-bl">
<div class="black-box">
<h2>MEN</h2>
<p><a href="men.html"><img
src="images/pic_1.jpg" alt="Pic 1" width="120" height="105" border="0" /></a></p>
<p>Men's Wear has always been a forte
and strong hold of Clothes Collection Clothing. We have the best possible set up to
design and produce any style in Men's Wear segment. Our range includes Formal wear,
Club wear, Street wear and Denims. The fabrics used are normally cottons sourced from
best of the mills in India.
<p class="more"> </p>
</div>
<div class="black-box">
<h2>WOMEN</h2>
<p><a href="women.html"><img
src="images/pic_2.jpg" alt="Pic 2" width="120" height="105" border="0" /></a></p>
<p>Our design team specialises in
designing the latest high fashion women's wear garments including Evening dresses,
Tunics, Embroidered shirts, sequenced tops etc. The range is always designed keep in
mind the season's latest international fashion trends. The fabrics used are Georgette,
Crepe, Viscose, Poplins and Cambric.</a>.</p>
<p class="more"> </p>
</div>
<div class="black-box">
<h2>KIDS</h2>
<p><a href="kids.html"><img
src="images/pic_3.jpg" alt="Pic 3" width="120" height="105" border="0" /></a></p>
<p class="more"> </p>
</div>
<div class="clear"></div>
</div>
</div>
</div>
</div>
<div id="footer">
<div id="tips">
<h2><em>Fasion</em> tips</h2>
<p>For those of you who are fat or on the heavier side, you
don't desire to be tiring turtlenecks this wintry weather. Try to purchase sweaters or
elongated covering tops with a V-neck. This obviously describes the eyes downhill
producing the cause of a sleeker outline. It as well crafts you come out to enclose a longer
neck instead of your small neck or dual chin.
</p>
<p class="more"><a
href="http://www.freewebsitetemplates.com"></a></p>
</div>
<div id="choose">
<h2><em> Choose</em> a designer</h2>
<div align="left">
<select name="q">
<option value=" ">Designer</option>
<option value="1">Manish Malhotra</option>
<option value="2">Rohit Bal</option>
<option value="3">Ritu kumar</option>
<option value="4">Zara</option>
</select>
<input type="image" name="submit"
src="images/btn_footer.gif" id="submit" />
</div>
</form>
</div>
</div>
<div class="clear"></div>
<div id="copyright">
<div align="center">Copyright information goes here. All rights reserved
</div>
</div>
</div>
</body>
</html>
MEN CLOTHING
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>MEN COLLECTION</title>
<link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" />
<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript">
var flashvars = {};
flashvars.folderPath = "men/";
var params = {};
params.scale = "noscale";
params.salign = "tl";
params.wmode = "transparent";
var attributes = {};
swfobject.embedSWF("men/ImageScrollerFX.swf",
"ImageScrollerFXDiv", "575", "700", "9.0.8", true, flashvars, params, attributes);
</script>
</head>
<body>
<div id="wrapper">
<div id="header">
<h1><em><a href="index.html">Clothes</a></em><a
href="index.html"><strong>COLLECTION</strong></a></h1>
</div>
<div id="left-person"></div>
<div id="uppers">
<div id="nav-top">
<ul>
<li><a href="sign in.html">Site in</a> |</li>
<li><a href="sign _up.html">Sign Up</a> |</li>
<li><a href="contact_us.html">Contact us</a></li>
</ul>
</div>
</div>
<div id="nav"><div>
<ul>
<li><a href="index.html">HOME</a> | </li>
<li><a href="acc.html">ACCESSORIES</a>
| </li>
</div></div>
<div id="copyright">
<div align="center">Copyright information goes here. All rights reserved
</div>
</div>
</div>
</body>
</html>
WOMEN CLOTHING
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>WOMEN COLLECTION</title>
<link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" />
<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript">
var flashvars = {};
flashvars.folderPath = "women/";
var params = {};
params.scale = "noscale";
params.salign = "tl";
params.wmode = "transparent";
var attributes = {};
swfobject.embedSWF("women/ImageScrollerFX.swf",
"ImageScrollerFXDiv", "575", "700", "9.0.8", true, flashvars, params, attributes);
</script>
</head>
<body>
<div id="wrapper">
<div id="header">
<h1><em>Clothes</em><strong>COLLECTION</strong></h1>
</div>
<div id="left-person"></div>
<div id="uppers">
<div id="nav-top">
<ul>
<li><a href="sign in.html">Sign in</a> |</li>
<li><a href="sign _up.html">Sign Up</a> |</li>
<li><a href="contact_us.html">Contact us</a></li>
</ul>
</div>
</div>
<div id="nav"><div>
<ul>
<li><a href="index.html">HOME</a> | </li>
<li><a href="acc.html">ACCESSORIES</a>
| </li>
</div></div>
<div id="copyright">Copyright information goes here. All rights reserved
</div>
</div>
</body>
</html>
KIDS CLOTHING
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>KIDS COLLECTION</title>
<link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" />
<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript">
var flashvars = {};
flashvars.folderPath = "kids/";
var params = {};
params.scale = "noscale";
params.salign = "tl";
params.wmode = "transparent";
var attributes = {};
swfobject.embedSWF("kids/ImageScrollerFX.swf",
"ImageScrollerFXDiv", "575", "700", "9.0.8", true, flashvars, params, attributes);
</script>
</head>
<body>
<div id="wrapper">
<div id="header">
<h1><em>Clothes</em><strong>COLLECTION</strong></h1>
</div>
<div id="left-person"></div>
<div id="uppers">
<div id="nav-top">
<ul>
<li><a href="sign in.html">Sign in</a> |</li>
<li><a href="sign _up.html">Sign Up</a> |</li>
<li><a href="contact_us.html">Contact us</a></li>
</ul>
</div>
</div>
<div id="nav"><div>
<ul>
<li><a href="index.html">HOME</a> | </li>
<li><a href="acc.html">ACCESSORIES</a>
| </li>
<li><a href="men.html">MEN COLLECTION</a>
| </li>
<li><a href="women.html">WOMEN COLLECTION</a>
| </li>
</ul><div id="ImageScrollerFXDiv">
</div></div>
SIGN UP
<html>
<head>
<title>Sign Up </title>
<link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" />
function validate(form)
{
var day=document.getElementById("txtday");
var month=document.getElementById("txtmonth");
var year=document.getElementById("txtyear");
var gender=document.getElementById("txtgender");
var country=document.getElementById("country");
var firstname=document.getElementById("firstname").value;
var lastname=document.getElementById("lastname");
var username=document.getElementById("username");
var pwd=document.getElementById("pwd");
var pwd2=document.getElementById("pwd2");
var email=document.getElementById("email");
var email2=document.getElementById("email2")
if(form.firstname.value =="")
{
alert("first name cannot be empty");
form.firstname.focus();
return false;
}
if(form.lastname.value =="")
{
alert("last name cannot be empty");
form.lastname.focus();
return false;
}
re = /^\w+$/;
if(!re.test(form.username.value))
{
alert("Error: Username must contain only letters, numbers and underscores!");
form.username.focus();
return false;
}
if(form.pwd.value == form.firstname.value)
{
alert("Error: Password must be different from Username!");
form.pwd.focus();
return false;
}
if (form.pwd.value != form.pwd2.value)
{
alert('both password dont match!');
form.pwd.focus();
return false;
}
if(form.pwd.value.length <6)
{
alert("Error: Password must contain at least six characters!");
form.pwd.focus();
return false;
}
if (form.email.value != form.email2.value)
{
alert('both email address dont match!');
form.email.focus();
return false;
}
adoConn.Open("Provider=Microsoft.Jet.OLEDB.4.0;Data
Source=C:/customer2.mdb");
adoRS.Open("Select * From cust", adoConn, 1, 3);
adoRS.AddNew;
adoRS.Fields("firstname").value =firstname.value;
adoRS.Fields("lastname").value = lastname.value;
adoRS.Fields("username").value = username.value;
adoRS.Fields("password").value = pwd.value;
adoRS.Fields("email").value = email.value;
adoRS.Fields("dob").value=abc;
adoRS.Fields("country").value= country.value;
adoRS.Update;
adoRS.Close();
adoConn.Close();
}
</script>
</head>
<body>
<div id="wrapper">
<div id="header">
<h1><a
href="index.html"><em>Clothes</em><strong>COLLECTION</strong></a></h1>
</div>
<div id="left-person"></div>
<div id="uppers">
<div id="nav-top">
<ul>
<li><a href="site.html">Site map</a> |</li>
<li><a href="sign.html">Sign Up</a> |</li>
<li><a href="contact.html">Contact us</a></li>
</ul>
</div>
</div>
<div id="nav"><div>
<ul>
<li><a href="index.html"></a> | </li>
<li><a href="acc.html">ACCESSORIES</a>
| </li>
<li><a href="men.html">MEN COLLECTION</a>
| </li>
<li><a href="women.html">WOMEN COLLECTION</a>
| </li>
<li><a href="kids.html">KIDS COLLECTION</a></li>
</ul>
</div></div>
<div id="body"> </div>
<table><td valign="center">Last
Name: &
nbsp;
<INPUT TYPE="TEXT" name="lastname" ></td></table><BR>
<table><td valign="center">User Id
:
<INPUT TYPE="TEXT" NAME="username" ></td></table><BR>
<table><td valign="center">Password
:
<INPUT TYPE="PASSWORD" NAME="pwd" /></td></table><BR>
<table><td valign="center">Confirm Password
<INPUT TYPE="password" NAME="pwd2" ></td></table><BR>
<table><td
valign="center">Email:  
;
<INPUT TYPE="text" NAME="email" ></td></table><BR>
<table><td
valign="center">Gender: &nbs
p;
<input type="radio" name="sex" value="male"> Male
<input type="radio" name="sex" value="female"> Female
<BR></td></table><br>
<table><td valign="center">Date of
Birth: <SELECT NAME="txtday"
VALUE="[SELECTDATE]">
<OPTION>SELECT DATE</OPTION>
<OPTION value="1">1</OPTION>
<OPTION value="2">2</OPTION>
<OPTION value="3">3</OPTION>
<OPTION value="4">4</OPTION>
<OPTION value="5">5</OPTION>
<OPTION value="6">6</OPTION>
<OPTION value="7">7</OPTION>
<OPTION value="8">8</OPTION>
<OPTION value="9">9</OPTION>
<OPTION value="10">10</OPTION>
<OPTION value="11">11</OPTION>
<OPTION value="12">12</OPTION>
<OPTION value="13">13</OPTION>
<OPTION value="14">14</OPTION>
<OPTION value="15">15</OPTION>
<OPTION value="16">16</OPTION>
<OPTION value="17">17</OPTION>
<OPTION value="18">18</OPTION>
<OPTION value="19">19</OPTION>
<OPTION value="20">20</OPTION>
<OPTION value="21">21</OPTION>
<OPTION value="22">22</OPTION>
<OPTION value="23">23</OPTION>
<OPTION value="24">24</OPTION>
<OPTION value="25">25</OPTION>
<OPTION value="26">26</OPTION>
<OPTION value="27">27</OPTION>
<OPTION value="28">28</OPTION>
<OPTION value="29">29</OPTION>
<OPTION value="30">30</OPTION>
<OPTION value="31">31</OPTION>
</SELECT>
</SELECT></td></table>
<BR>
<table>
<td
valign="center">country: &nbs
p;  
;
<input type=text name="country">
</td></table><br>
<table>
<tr>
<td valign="top">
<b>Terms of Service:</b>
</td>
<td valign="top">
<font size="-1" >
Please check the information you've entered above (feel free to change <br>anything
you like), and review the Terms of Service below.
you won't see blinking banner ads. Instead, we display ads you might find useful that
are
relevant to the content of your messages.
<br>
<td> </td></tr>
<td></td><td><br>
<font size="-1">
By clicking on 'I accept'below you are agreeing to the Terms of Service above.
</font>
</td></tr>
</table>
<div class="black-box"><br>
<br>
<p class="more"> </p>
</div>
<div class="clear"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="clear"></div>
<div id="copyright">
<div align="center">Copyright information goes here. All rights reserved
</div>
</div>
</div>
</form>
</body>
</html>
SIGN IN
<html>
<head>
<title>login form</title>
<link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" />
<script language="JavaScript" >
function login()
{
strQuery = "SELECT * FROM cust where username='" + username + "'" + " and
password='"+ pwd + "'";
adoRS.open(strQuery, conn, adOpenDynamic, adLockOptimistic);
if(!adoRS.bof)
{
adoRS.MoveFirst();
while(!adoRS.eof) {
strHtml += "<tr>";
strHtml += " <td><Font face ='tahoma'>Welcome " + username + "</font></td>";
strHtml += "</tr>";
adoRS.MoveNext();
}
else
{
strHtml += " <td><Font face ='tahoma'>Record not found</font></td>";
}
adoRS.Close();
adoConn.Close();
}
</script>
</head>
<body>
<div id="wrapper">
<div id="header">
<h1><a
href="index.html"><em>Clothes</em><strong>COLLECTION</strong></a></h1>
</div>
<div id="left-person"></div>
<div id="uppers">
<div id="nav-top">
<ul>
<li><a href="site.html">Sign IN</a> |</li>
<li><a href="sign.html">Sign Up</a> |</li>
<li><a href="contact.html">Contact us</a></li>
</ul>
</div>
</div>
<div id="nav"><div>
<ul>
<li><a href="index.html"></a> | </li>
<li><a href="acc.html">ACCESSORIES</a>
| </li>
<li><a href="men.html">MEN COLLECTION</a>
| </li>
<li><a href="women.html">WOMEN COLLECTION</a>
| </li>
<li><a href="kids.html">KIDS COLLECTION</a></li>
</ul>
</div></div>
<div id="body">
<br><br><br><br><br>
</div>
<div id="black-tl">
<div id="black-tr">
<div id="black-br">
<div id="black-bl">
<div class="black-box">
<FORM NAME="KANDY"
METHOD="GET"><P><font color=white>
<CENTER><H1>Sign In</H1></CENTER><br><br>
<B><div>User Name:<CENTER><INPUT TYPE="TEXT" NAME="username"
></CENTER></div><BR>
<b><div>Password :</div><center><INPUT TYPE="Password"
NAME="pwd"></center><br><center>
<input type=button value="Log in" onclick="login()"><center>
</div>
<div class="black-box">
</div>
<div class="black-box">
</div>
<div class="clear"></div>
</div>
</div>
</div>
</div>
<div id="footer">
</div>
</div>
<div class="clear"></div>
<div id="copyright">
<div align="center">Copyright information goes here. All rights reserved
</div>
</div>
</div>
</form>
</body>
</html>