Online Shopping Source Code

Source Code
Main.html
<!DOCTYPE html>
<html>
<title> Eyeglass </title>
<head>
<style>
body{background-color:#e8e8e8;}
#header{border: 1px solid white; width: 100%; height: 150px; background-color:
#D6F2D2; position: relative; margintop: 0px; }
#menu{background: #87CC99; position: relative; }

#menu ul{ list-style-type: none; padding: 0px; background: #485E49;margin: 0px; height:
50px; border: 2px solid white; border-radius: 10px; overflow: hidden; }
#menu ul li{float:left; }
#menu ul li a{font-size: 45px; color: white; text-decoration: none; margin: 109px; }
h1{color: #79E86A; font-size: 80px; padding: 0px; text-shadow: 2px 1px black; }
h2{color: #79E86A; font-size: 50px; padding: 0px; text-shadow: 2px 1px black; text-align:
center; }
center; }
div.img { margin: 45px ; padding: 5px; border: 2px solid black; height: auto; width: auto;
float: left; text-align: center; }
div.img img {display: inline; margin: 5px; border: 1px solid white; }
div.img a:hover img {border:1px solid black; }
div.desc {text-align: center; font-weight: normal; color:#1BA047; font-size:20pt; }
div.price {text-align: center; font-weight: normal; color:#1BA047; font-size:15pt; }
</style>
</head>
<body>
<div id="header">
<h1 align="center"> Eye Buy Glasses Shop </h1>

</div>
<div id="menu">
<ul>
<li><a href="Eyeglass.html">Eyeglasses</a></li>
<li><a href="Sunglass.html">Sunglasses</a></li>
<li><a href="Feature.html">Feature Collections</a></li>
<li><a href="About.html">About Us</a></li>
</ul>
</div>
<h2> We have the kind of Eyeglass that you wamt </h2>
<div class="img">
<img src="Round.jpg" width="350" height="200"></a>
<div class="desc">Round Eyeglasses</div>
</div>
<div class="img">
<img src="Cateye.jpg" width="350" height="200"></a>
<div class="desc">Cat Eye Eyeglasses</div>
</div>
<div class="img">
<img src="Full Frame.jpg" width="350" height="200"></a>
<div class="desc">Full Frame Eyeglasses</div>
</div>
<div class="img">
<img src="Progressive.jpg" width="350" height="200"></a>
<div class="desc">Progressive Eyeglasses</div>
</div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<h3> Best Sellers </h3>
<div class="img">
<a href="Best1.html">
<img src="Best1.jpg" width="500" height="200"></a>

<div class="desc">Flint Rectangle - Tortoise</div>
<div class="price">1400PHP</div>
</div></div>
<div class="img">
<div class="desc">Jefferson Wayfarer - Black</div>
</div></div>
<div class="img">
<div class="desc">Helen Round - Purple</div>
</div></div>
</div>
</body>
</html>
Eyeglass.html
<!DOCTYPE html>
<html>
<title> Eyeglass Shop </title>
<head>
<style>

center; }
center; }
</style>
</head>
<body>
<div id="header">

</div>
<div id="menu">
<ul>
</ul>
</div>
<h2> Eyeglasses</h2>
<div class="img">
<img src="eye1.jpg" width="500" height="200"></a>
<div class="desc">Round Eyeglasses</div>
</div>
<div class="img">
<div class="desc">Cat Eye Eyeglasses</div>
</div>
<div class="img">
<div class="desc">Full Frame Eyeglasses</div>
</div>
</div>
</body>
</html>
Sunglass.html
<!DOCTYPE html>
<html>
<title> Eyeglass Shop </title>
<head>
<style>

center; }
center; }
</style>
</head>
<body>
<div id="header">

</div>
<div id="menu">
<ul>
<li><a
<li><a
<li><a
<li><a
</ul>
</div>
href="Eyeglass.html">Eyeglasses</a></li>
href="Sunglass.html">Sunglasses</a></li>
href="Feature.html">Feature Collections</a></li>
href="About.html">About Us</a></li>
<h2> Sunglasses</h2>
<div class="img">
<img src="sun1.jpg" width="500" height="200"></a>
<div class="desc">PIERRE AVIATOR - GOLDEN</div>
</div>
<div class="img">
<div class="desc">GEOFFREY RECTANGLE - GUNMETAL</div>
</div>
<div class="img">
<div class="desc">MOULINEAUX AVIATOR - TORTOISE</div>
</div>
</div>
</body>
</html>
Best1.html
<!DOCTYPE html>
<html>
<head>
<style>
div.img { display: block; margin: auto; width: 40%;}
.button {
background-color: #4CAF50;
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
position:relative;
}
</style>
</head>
<body>
<div id="header">

</div>
<div id="menu">
<ul>
</ul>
</div>
<div class="img">
<img src="Best1.jpg" width="700" height="400">
<div class="desc">Flint Rectangle - Tortoise</div>
</div>
<center>
<a href="Buy.html" class="button">Buy</a>
</div>
</body>
</html>
Best2.html
<!DOCTYPE html>
<html>
<head>
<style>
.button {
border: none;
color: white;
padding: 15px 32px;
text-align: center;
font-size: 16px;
position:relative;
}
</style>
</head>
<body>
<div id="header">

</div>
<div id="menu">
<ul>
</ul>
</div>
<div class="img">
<div class="desc">Jefferson Wayfarer - Black</div>
</div>
<center>
</div>
</body>
</html>
Best3.html
<!DOCTYPE html>
<html>
<head>
<style>
.button {
border: none;
color: white;
padding: 15px 32px;
text-align: center;
font-size: 16px;
position:relative;
}
</style>
</head>
<body>
<div id="header">


</div>
<div id="menu">
<ul>
</ul>
</div>
<div class="img">
<div class="desc">Helen Round - Purple</div>
</div></div>
</div>
<center>
</div>
</body>
</html>
Buy.html
<!DOCTYPE html>
<html>
<head>
<style>
</style>
</head>
<body>
<div id="header">

</div>
<div id="menu">
<ul>
<li><a
<li><a
<li><a
<li><a
</ul>
</div>
href="Eyeglass.html">Eyeglasses</a></li>
href="Sunglass.html">Sunglasses</a></li>
href="Feature.html">Feature Collections</a></li>
href="About.html">About Us</a></li>
<center>
<h2> Order Form </h2>
Full Name:<br><br>
<input type="text" name="fullname">
<br><br>
Address:<br><br>
<input type="text" name="address">
<br><br>
Contact Number:<br><br>
<input type="text" name="contactnumber">
<br><br>
Mode of Payment:<br><br>
<input type="checkbox" name="mode" value="lbc">LBC
<br>
<input type="checkbox" name="mode" value="western union">Western Union
<br>
<input type="checkbox" name="mode" value="paypal">Paypal
<br>
<input type="checkbox" name="mode" value="moneygram">Money Gram
<br>
<input type="checkbox" name="mode" value="bdo">Banco De Oro(BDO)
<br>
<input type="checkbox" name="mode" value="bpi">Bank of the Philippine Islands(BPI)

<br><br>
<input type="submit" value="Submit">
</body>
</html>
Printed Output
Main
Eyeglass
Sunglass
Best1
Best2
Best3
Buy

Online Shopping Source Code

Загружено:

Сведения о документе

Авторское право

Доступные форматы

Поделиться этим документом

Поделиться или встроить документ

Параметры публикации

Этот документ был вам полезен?

Это неприемлемый материал?

Авторское право:

Доступные форматы

Online Shopping Source Code

Загружено:

Авторское право:

Доступные форматы

Source Code

#menu{background: #87CC99; position: relative; }

<img src="Best1.jpg" width="500" height="200"></a>

#menu{background: #87CC99; position: relative; }

#menu{background: #87CC99; position: relative; }

<h1 align="center"> Eye Buy Glasses Shop </h1>

<input type="checkbox" name="mode" value="bpi">Bank of the Philippine Islands(BPI)

Вам также может понравиться