Bhanu Pratap Singh Shekhawat, BCA Third Year

SUBMITED BY
Bhanu Pratap Singh Shekhawat
Bachelor of Computer Application II YEAR
Dezyne E’cole College
www.dezyneecole.com
INFORMATION TECHNOLOGY
PROJECT REPORT
HTML & CSS PROGRAMMING
Shopping Site
TOPIC
HTML

Project Report
On
HTML & CSS Programming
At
Ajmer
Submitted to
Towards the
Partial Fulfillment on
Bachelor of Computer Application
By
Bhanu Pratap Singh Shekhawat
106/10 Civil Line, Ajmer
Tel – 0145-2624679
Www.dezyneecole.com
2016

Acknowledgement
I Bhanu Pratap Singh Shekhawat, Student On Dezyne E’cole College,
An Extremely Grateful To Each And Every Individual. Who Has
Contributed. In Successful Completion Of My Project. I Express My
Gratitude Towards Dezyne E’cole College For Their. Guidance and
Contrast Supervision As Well As For Providing The Necessary
Information And Support Regarding The Completion Of Project
Thank You

1 | P a g e
Synopsis
This Project Is A Minor. Project Made, Based On The Practical Concept
Of HTML & CSS This Project Has Made Our Basic Practical Concepts On
HTML & CSS Strong

5 | P a g e
<html>
<head>
<link rel="stylesheet" href="external.css" type="text/css" />
<style>
</style>

<link rel="stylesheet" type="text/css" href="engine1//style.css"
media="screen" />
<script type="text/javascript"
src="engine1//jquery.js"></script>

</head>
<body>
<div id="head">
</div>
<div id="heading">
<div id="logo"><font id="top1"></font>
<a href="login.html"><div id="logo1"><img
src="icons/user.png" /></div>
<div id="logo2">Login</div></a>
<a href="create an account.html"><div
id="logo3"><img src="icons/lock.png" /></div>
<div id="logo4">Create an
Account</div></a>
</div>
<div id="bottom1">
<div id="fb_menus">
<div id="fb_menus1">
<img src="email.png" />
<div id="fb2">
<img
src="email1.png" title="Email"/>
</div>
</div>
<img src="google.png" />
<div id="fb2">

6 | P a g e
<img
src="google1.png" title=""/>
</div>
</div>
<img src="fb.png" />
<div id="fb2">
<img src="fb1.png"
title=""/>
</div>
</div>
<img src="blogger.png" />
<div id="fb2">
<img
src="blogger1.png" title=""/>
</div>
</div>
<img src="linkedin.png" />
<div id="fb2">
<img
src="linkedin1.png" title=""/>
</div>
</div>
</div>
</div>
</div>
<div id="logo_name">
<div id="logo_name1">E</div>
<div id="logo_name2">-Shop</div>
</div>
<div id="menu">
<div id="menus" tabindex="1"><a
href="index.html">HOME</a></div>
<div id="menus" tabindex="1">MEN
<div id="sub_menus">
<div id="upper"><img
src="upper.png" /></div>
<div id="menus11">NEW
IN</div>
<div
id="menus11">CLOTHING</div>

7 | P a g e
<div
id="menus11">WATCHES</div>
<div id="menus1"><a
href="men shirts.html">New in clothes</a></div>
<div id="menus1"><a
href="men jens.html">Jeans</a></div>
<div id="menus1"><a
href="watches men analog.html">Analog</a></div>
<div id="menus1"><a
href="begs men.html">New in bages</a></div>
<div id="menus1"><a
href="men shirts.html">Shirts</a></div>
<div id="menus1"><a
href="watches men digital.html">Digital</a></div>
<div id="menus1"><a
href="shoes men.html">New in Shoes</a></div>
<div id="menus1"><a
href="men trouser.html">Trousers</a></div>
<div id="menus1"><a
href="men watchcase.html">Watch Case</a></div>
<div id="menus1"><a
href="watches men digital.html">New in Watches</a></div>
<div id="menus1"><a
href="men shorts.html">Shorts</a></div>
<div id="menus1"></div>
</div>
</div>
<div id="menus" tabindex="1">WOMEN
<div id="upper1"><img
IN</div>
<div
<div
<div id="menus1"><a
href="women shirts.html">New in Clothes</a></div>
<div id="menus1"><a
href="women shirts.html">Shirts</a></div>
<div id="menus1"><a
href="watches women analog.html">Analog</a></div>

8 | P a g e
<div id="menus1"><a
href="women bags.html">New in Bages</a></div>
<div id="menus1"><a
href="women trouser.html">Trousers</a></div>
<div id="menus1"><a
href="watches women digital.html">Digital</a></div>
<div id="menus1"><a
href="women shoes.html">New in Shoes</a></div>
<div id="menus1"><a
href="women jens.html">Jeans</a></div>
<div id="menus1"><a
href="women watchcase.html">Watch Case</a></div>
<div id="menus1"><a
href="watches women digital.html">New in Watches</a></div>
<div id="menus1"><a
href="women jwellery.html">New in Jewellery</a></div>
</div>
</div>
<div id="menus" tabindex="1">KIDS
<div id="sub_menus1">
IN</div>
<div
id="menus12">ACCESSORIES</div>
<div id="menus2"><a href="kid
boy dress.html">Boys s Clothing</a></div>
bags.html">Bags</a></div>
girl dress.html">Girls Clothing</a></div>
watch.html">Watches</a></div>
boy shoes.html">Boyes Shoes</a></div>
sunglasses.html">Sunglasses</a></div>

9 | P a g e
girl shoes.html">Girls Shoes</a></div>
jwellery.html">Jewellery</a></div>
</div>
</div>
<div id="menus" tabindex="1">CONTACT
</div>
</div>
<div id="container">
<div id="cons">

<div id="wowslider-container1">
<div class="ws_images"><ul>
<li><img src="data1/images/27.jpg"
alt="27" title="27" id="wows1_0"/></li>
<li><img src="data1/images/46.png"
alt="46" title="46" id="wows1_1"/></li>
<li><img src="data1/images/ban.png"
alt="ban" title="ban" id="wows1_2"/></li>
<li><img
src="data1/images/banner_img.jpg" alt="banner_img" title="banner_img"
id="wows1_3"/></li>
<li><img
src="data1/images/closeupfashionbeautifulwomanportraitwearingsungla
ssescloseup40811335.jpg" alt="close-up-
fashion-beautiful-woman-portrait-wearing-sunglasses-closeup-
40811335" title="close-up-fashion-beautiful-woman-portrait-wearing-
sunglasses-closeup-40811335"
id="wows1_4"/></li>
</ul></div>
<div class="ws_bullets"><div>
<a href="#" title="27"><img
src="data1/tooltips/27.jpg" alt="27"/>1</a>
<a href="#" title="46"><img
src="data1/tooltips/46.png" alt="46"/>2</a>
<a href="#" title="ban"><img
src="data1/tooltips/ban.png" alt="ban"/>3</a>

10 | P a g e
<a href="#" title="banner_img"><img
src="data1/tooltips/banner_img.jpg" alt="banner_img"/>4</a>
<a href="#" title="close-up-fashion-
beautiful-woman-portrait-wearing-sunglasses-closeup-40811335"><img
src="data1/tooltips/closeupfashionbeautifulwomanportraitwearingsunglas
sescloseup40811335.jpg" alt="close-up-fashion-beautiful-woman-
portrait-wearing-sunglasses-closeup-
40811335"/>5</a>
</div></div>
<span class="wsl"><a
href="http://wowslider.net">jquery carousel</a> by WOWSlider.com
v5.5</span>
<a href="#" class="ws_frame"></a>
<div class="ws_shadow"></div>
</div>
src="engine1//wowslider.js"></script>
src="engine1//script.js"></script>

</div>
<div id="slide_written">
<div id="butt1" tabindex="1">
<div id="slide">Shop online</div>
</div>
<div id="slide">Smart and
casual</div>
</div>
<div id="slide">Pack your bag</div>
</div>
</div>
<div id="butt_down">Start Your Shopping</div>
<div id="mens_contain">
<div id="mens_contain_heading">
Mens
</div>
<div id="mens_contain_img">

11 | P a g e
<img src="tshirt1.png" /><div
id="rate_box">Men shirt<br>Price Just: 999<br><br>
<input type="button"
value="Purchase Now" id="purchase"/></div>
</div>
</div>
</div>
<div id="more">More</div>
</div>
Men Bags
</div>
<img src="men bags1.png" /><div
id="rate_box">Men Bags<br>Price Just: 1199<br><br>
</div>
</div>
</div>
</div>

12 | P a g e
Men Shoes
</div>
<img src="men shoes1.png" /><div
id="rate_box">Men Shoes<br>Price Just: 1199<br><br>
</div>
</div>
</div>
</div>
Womens
</div>
<img src="wo tshirts1.png" /><div
id="rate_box">Women t-shirt<br>Price Just: 1199<br><br>
</div>
<img src="wo tshirts5.1.png" /><div
id="rate_box">women t-shirt<br>Price Just: 1299<br><br>
</div>
<img src="wo tshirts3.png" /><div
id="rate_box">women t-shirt<br>Price Just: 1399<br><br>

13 | P a g e
</div>
</div>
Women Bags
</div>
<img src="women bags1.png" /><div
id="rate_box">Women Bags<br>Price Just: 1199<br><br>
</div>
id="rate_box">women Bags<br>Price Just: 1299<br><br>
</div>
id="rate_box">women Bags<br>Price Just: 1399<br><br>
</div>
</div>
Women Shoes
</div>
<img src="women shoes1.png" /><div
id="rate_box">Women Shoes<br>Price Just: 1199<br><br>
</div>

14 | P a g e
</div>
</div>
</div>
<div id="go_top">
<a href="#top1">GO TOP</a>
</div>
<div id="bottom">
<div id="bottom_box">
<div
id="bottom_box_written1"><span id="span1">Shop</span></div>
<div
id="bottom_box_written"><a>Men</a></div>
<div id="bottom_box_written"><a
href="men.html">Women</a></div>
href="kid boy dress.html">Kids</a></div>
href="women shoes.html">Shoes</a></div>
href="kid jwellery.html">Jwellery</a></div>
href="watches men analog.html">Watch</a></div>
</div>
<div
id="bottom_box_written1"><span id="span1">Help</span></div>
href="men.html">Men</a></div>
href="woman.html">Women</a></div>
href="kid.html">Kids</a></div>
<div
id="bottom_box_written"> </div>

15 | P a g e
<div
<div
</div>
<div
id="bottom_box_written1"><span id="span1">Account</span></div>
href="login.html">Login</a></div>
href="create an account.html">Create an Account</a></div>
<div
id="bottom_box_written"><a>Brands</a></div>
<div
<div
<div
</div>
<div id="bottom2">
Created By : Bhanu
</div>
</div>
</div>
</body>
</html>

16 | P a g e
<html>
<head>
<style>
body{margin:0px;}
#cont{background:rgb(248,248,248);
height:800px;
width:100%;
position:;}
#cont #form1{background:#;
height:75%;
width:50%;
margin:100px 0 0 0;}
#cont #f1{background:#;
height:8%;
width:auto;
font-weight:bold;
font-size:160%;
font-family:calibri;
box-sizing:border-box;
padding:1.4% 0 0 5%;}
height:9%;
width:auto;
font-size:96%;
color:#444;
padding:1.2% 0 0 5%;}
#LOGIN{COLOR:rgb(153,102,102);
text-decoration:none;}
#LOGIN:hover{cursor:pointer;
COLOR:rgb(203,150,150);}
#cont #a{background:#;
height:67%;
width:98%;
padding:1.4% 0 0 2%;
display:inline-block;}

17 | P a g e
height:auto;
width:45%;
padding:1% 0 0 2%;
display:inline-block;}
#cont #f3 #f3_1{background:#;
height:10%;
width:99%;
margin:0 0 3% 0;
font-weight:bold;
font-size:130%;
color:rgb(153,102,102);
padding:0% 0 0 0%;}
#i{height:100%;
width:100%;
margin:1% 0% 0% 0%;
border:1px solid #999;
outline:none;
font-size:100%;
display:block;
padding:0% 0% 0% 4%;}
#cont #f4{background:rgb(153,102,102);
height:10%;
width:25%;
margin:3% 0 0 2%;
font-size:110%;
text-align:center;
color:white;
padding:1.5% 0 0 0;}
#register_form{
text-decoration:none;
cursor:pointer;
}
height:8%;

18 | P a g e
width:98%;
margin:2% 0 0 0%;
font-size:110%;
color:#444;
box-sizing:border:box;
padding:0% 0 0 2%;}
#s1{color:rgb(153,102,102);}
#cont #form2{background:#;
height:75%;
width:50%;
margin:-600px 0 0 50%;
}
height:100%;
width:80%;
margin:0% 0 0 10%;}
#cont #f6_1{background:#;
height:15%;
width:100%;
font-weight:bold;
font-size:170%;
padding:7% 0 0 0%;
box-sizing:border-box;}
#cont #f6_2{background:#;
height:85%;
width:100%;
font-size:130%;
text-align:justify;
}
</style>
</head>
<body>
<div id="head">
</div>
<div id="heading">

19 | P a g e
Account</div></a>
</div>
<div id="bottom1">
<div id="fb_menus">
<div id="fb2">
<img
</div>
</div>
<div id="fb2">
<img
</div>
</div>
<div id="fb2">
<img src="fb1.png"
title=""/>
</div>
</div>
<div id="fb2">
<img
</div>
</div>
<div id="fb2">
<img

20 | P a g e
</div>
</div>
</div>
</div>
</div>
</div>
<div id="menu">
IN</div>
<div
<div
<div id="menus1"><a
href="men shirts">New in clothes</a></div>
<div id="menus1"><a
<div id="menus1"><a
<div id="menus1"><a
<div id="menus1"><a
<div id="menus1"><a
<div id="menus1"><a
<div id="menus1"><a
<div id="menus1"><a
<div id="menus1"><a

21 | P a g e
<div id="menus1"><a
</div>
</div>
IN</div>
<div
<div
<div id="menus1"><a
<div id="menus1"><a
<div id="menus1"><a
<div id="menus1"><a
<div id="menus1"><a
<div id="menus1"><a
<div id="menus1"><a
<div id="menus1"><a
<div id="menus1"><a
<div id="menus1"><a
<div id="menus1"><a
</div>
</div>

22 | P a g e
IN</div>
<div
</div>
</div>
</div>
</div>
<div id="cont">
<div id="form1">
<div id="f1">REGISTRATION</div>
<div id="f2">Welcome,please enter
the following details to continue.
<br>If you have
previously registered with us, <A HREF="LOGIN.HTML"
ID="LOGIN">click here</A></div>
<div id="a">
<div id="f3">

23 | P a g e
<div id="f3_1">FIRST
NAME :</div>
<div id="f3_1">LAST
NAME :</div>
<div id="f3_1">E-
MAIL:</div>
<div
id="f3_1">PASSWORD :</div>
<div id="f3_1">RE-
ENTER PASSWORD :</div>
<div id="f3_1">MOBILE
NUMBER :</div>
</div>
<div id="f3">
<div id="f3_1"><input
id="i" type="text" placeholder="Enter First Name" /></div>
id="i" type="text" placeholder="Enter Last Name" /></div>
id="i" type="email" placeholder="abc@gmail.com" /></div>
id="i" type="password" placeholder="**********" /></div>
id="i" type="password" placeholder="Re-Enter Password" /></div>
id="i" type="text" placeholder="Enter Mobile No."
maxlength="10"/></div>
</div>
<a href="index.html"
id="register_form">
<div id="f4">Register
Now</div>
</a>
</div>
<div id="f5">By clicking this button,
you are agree to my
<span id="s1"> Policy Terms and
Condition</span></div>
</div>
<div id="form2">
<div id="f6">
<div id="f6_1">Completely Free
Account</div>

24 | P a g e
<div id="f6_2">Video provides a
powerful way to help you prove your point.
When you click
Online Video, you can paste in the embed code for the
video you want to
add. You can also type a keyword to search online
for the video that
best fits your document.
To make your
document look professionally produced, Word
provides header,
footer, cover page, and text box designs that complement
each other. For
example, you can add a matching cover page, header, and
sidebar. Click Insert
and then choose the elements you want from the
different galleries.
Themes and styles
also help keep your document coordinated. When you
click Design and
choose a new Theme, the pictures, charts, and
SmartArt graphics
change to match your new theme. When you apply
styles, your
headings change to match the new theme.
</div>
</div>
</div>
</div>
<div id="bottom">
<div
<div
id="bottom_box_written">Men</a></div>

25 | P a g e
</div>
<div
<div
<div
<div
</div>
<div
<div
id="bottom_box_written">Brands</div>
<div
<div
<div
</div>
<div id="bottom2">
Created By : Bhanu
</div>
</div>
</div>
</div>
</body>
</html>

26 | P a g e
<html>
<head>
<style>
</style>
</head>
<body>
<div id="head">
</div>
<div id="heading">
Account</div></a>
</div>
<div id="bottom1">
<div id="fb_menus">
<div id="fb2">
<img
</div>

27 | P a g e
</div>
<div id="fb2">
<img
</div>
</div>
<div id="fb2">
<img src="fb1.png"
title=""/>
</div>
</div>
<div id="fb2">
<img
</div>
</div>
<div id="fb2">
<img
</div>
</div>

28 | P a g e
</div>
</div>
</div>
</div>
<div id="menu">
IN</div>
<div
<div
<div id="menus1"><a
href="men shirts.html">New in clothes</a></div>
<div id="menus1"><a
<div id="menus1"><a
<div id="menus1"><a
<div id="menus1"><a

29 | P a g e
<div id="menus1"><a
<div id="menus1"><a
<div id="menus1"><a
<div id="menus1"><a
<div id="menus1"><a
<div id="menus1"><a
</div>
</div>
IN</div>
<div
<div
<div id="menus1"><a
<div id="menus1"><a
<div id="menus1"><a

30 | P a g e
<div id="menus1"><a
<div id="menus1"><a
<div id="menus1"><a
<div id="menus1"><a
<div id="menus1"><a
<div id="menus1"><a
<div id="menus1"><a
<div id="menus1"><a
</div>
</div>
IN</div>
<div

31 | P a g e
</div>
</div>
</div>
</div>
<div id="cons">
</div>
Mens

32 | P a g e
</div>
<img src="boy/0.png" /><div
id="rate_box"><br>Price Just: <br><br>
</div>
</div>
</div>
</div>
Womens
</div>
</div>

33 | P a g e
</div>
</div>
</div>
Men Bags
</div>
</div>
</div>

34 | P a g e
</div>
</div>
Women Bags
</div>
</div>
</div>
</div>
</div>

35 | P a g e
Men Shoes
</div>
</div>
</div>
id="rate_box"><br>Price Just:<br><br>
</div>
</div>
Women Shoes
</div>

36 | P a g e
</div>
</div>
</div>
</div>
<div id="bottom">
<div
<div

37 | P a g e
</div>
<div
<div
<div
<div
</div>
<div
<div
<div
<div

38 | P a g e
<div
</div>
<div id="bottom2">
Created By : Bhanu
</div>
</div>
</div>
</div>
</body>
</html>
<html>
<head>
<style>
</style>
</head>
<body>
<div id="head">
</div>
<div id="heading">

39 | P a g e
Account</div></a>
</div>
<div id="bottom1">
<div id="fb_menus">
<div id="fb2">
<img
</div>
</div>
<div id="fb2">
<img
</div>
</div>
<div id="fb2">
<img src="fb1.png"
title=""/>

40 | P a g e
</div>
</div>
<div id="fb2">
<img
</div>
</div>
<div id="fb2">
<img
</div>
</div>
</div>
</div>
</div>
</div>
<div id="menu">

41 | P a g e
IN</div>
<div
<div
<div id="menus1"><a
href="men shirts">New in clothes</a></div>
<div id="menus1"><a
<div id="menus1"><a
<div id="menus1"><a
<div id="menus1"><a
<div id="menus1"><a
<div id="menus1"><a
<div id="menus1"><a
<div id="menus1"><a
<div id="menus1"><a
<div id="menus1"><a
</div>

42 | P a g e
</div>
IN</div>
<div
<div
<div id="menus1"><a
<div id="menus1"><a
<div id="menus1"><a
<div id="menus1"><a
<div id="menus1"><a
<div id="menus1"><a
<div id="menus1"><a
<div id="menus1"><a
<div id="menus1"><a
<div id="menus1"><a

43 | P a g e
<div id="menus1"><a
</div>
</div>
IN</div>
<div

44 | P a g e
</div>
</div>
</div>
</div>
<div id="cons1">
<img src="bagsbanner bag men.png"/>
</div>
Mens
</div>
<div id="mens_contain_img1">
<img src="bagsbag1.png" /><div
id="rate_box1"><br>Price Just: <br><br>
value="Purchase Now" id="purchase1"/></div>
</div>
</div>

45 | P a g e
</div>
</div>
</div>
Mens
</div>
</div>
</div>

46 | P a g e
</div>
</div>
</div>
Mens
</div>
</div>
</div>

47 | P a g e
</div>
</div>
</div>
Mens
</div>
</div>
</div>

48 | P a g e
</div>
</div>
</div>
<div id="bottom">
<div
<div
</div>

49 | P a g e
<div
<div
<div
<div
</div>
<div
<div
<div
<div
<div
</div>

50 | P a g e
<div id="bottom2">
Created By : Bhanu
</div>
</div>
</div>
</div>
</body>
</html>

Bhanu Pratap Singh Shekhawat, BCA Third Year

Recommandé

Recommandé

Contenu connexe

Similaire à Bhanu Pratap Singh Shekhawat, BCA Third Year

Similaire à Bhanu Pratap Singh Shekhawat, BCA Third Year (20)

Plus de Dezyneecole

Plus de Dezyneecole (20)

Dernier

Dernier (20)

Bhanu Pratap Singh Shekhawat, BCA Third Year