Akshay BCA 1st year

Submitted By
Akshay Sharma
BCA 1st Year
Dezyne E’cole College

Web Layout on HTML / CSS
Submitted By
Akshay Sharma
BCA – 1st Year
Dezyne E’ Cole College
106/10, Civil Lines, Ajmer
Tel: 0145-2624679
www.dezyneecole.com
2015-2016

Acknowledgement
This Web Layout on “HTML Language” was developed at Dezyne E’cole
College.
During the making of this project I have learnt a lot and I thank my mentor
Mr. Tarun Sharma for helping us during the making of project.
I thank my college “Dezyne E’cole College” for helping us to bring out our
skill.
With Due Regards,
Akshay Sharma
BCA 1st Year

Web Layout
Web layout of ROBLOX
<html>
<head>
<style>
body {background:#666363;
margin:0px;}
#back { width:100%;
height:100px;
background:#f10;
position:absolute;}

#back #backa {background:#f10;
width:15%;
height:70px;
text-align:center;
font-size:50px;
margin:1% 0 0 15%;
color:#fff;
font-family:century gothic;
font-weight:bolder;
}
#back #backb {background:#f10;
width:55%;
height:70px;
margin:-4.4% 0 0 31%;
}
#back #backb #menu { background:#f10;
color:#fff;
width:10%;
text-align:center;
position:relative;
display:inline-block;
font-size:110%;
margin:20px 0 0 30px;
}

#back #backb #menu a{text-decoration:none;
color:#fff;}
#back #data {background:666363;
width:100%;
height:200px;
margin:150px 0 0 0;
color:#fff;
font-size:40px;
text-align:center;}
#back #data_1 {background:#666363;
width:100%;
height:100px;
color:#fff;
font-size:20px;
text-align:center;
margin:-95px 0 0 0;
font-weight:bolder;}
#t {width:25%;
height:140px;
margin:-65px 0 0 370px;
}
#t #tab {width:100%;
height:90%;

font-size:20px;
margin:0px 0 0px 0px;}
#back #face {width:25%;
height:25px;
background:#0d3a8f;
font-size:20px;
color:#fff;
padding:20px 0px;
text-align:center;
#back #face a {text-decoration:none;
color:#fff;}
#back #line {width:2px;
height:220px;
background:#fff;
margin:-205px 0 0 795px;}
#back #sign {width:23%;
height:55px;
background:#07a8c0;
text-align:center;
margin:-220px 0 0 830px;
color:#fff;
font-size:20px;
padding:15px; }

#back #sign a {text-decoration:none;
color:#fff;}
#back #play {width:23%;
height:55px;
background:#f86;
text-align:center;
color:#fff;
font-size:20px;
padding:15px;
#back #play a {text-decoration:none;
color:#fff;}
#back #foot {width:97.5%;
height:58px;
background:#3f3c39;
margin:135px 0 0 0;
font-size:20px;
color:#fff;
padding:20px;}
</style>
</head>
<body>
<div id="back">
<div id="backa"> ROBLOX</div>
<div id="backb">

<table width="40%" height="" border="0" id="t">
<tr>
<td align="center"><input type="text"
placeholder="Username"id="tab"></input
></td>
</tr>
<tr>
<td align="center"><input
type="password" placeholder="Password"
id="tab"></input></td>
</tr>
<div id="menu"><ahref="">Home</a></div>
<div id="menu"><a href="">Games</a></div>
<div id="menu"><a href="">Catalogue</a></div>
<div id="menu"><a href="">Build</a></div>
<div id="menu"><a href="">Upgrade</a></div>
<div id="menu"><a href="">Forum</a></div>
<div id="menu"><a href="">More</a></div>
</div>
<div id="data"> Welcome to <b>ROBLOX</b><br>
<font size="5px"> The free online Building game
where user Asimo3089 built <b>The
<b>wind.</font>
</div>
<div id="data_1"> <b>TAKE A TOUR.</div>

</table>
<div id="face"><a href="#"> Login with
<b>Facebook</b></a></div>
<div id="line"> </div>
<div id="sign">
<a href="#"><b>Sign up</b> <br> it'll
take a minute to start playing</a></div>
<div id="play">
<a href="#"><b>Play now</b> <br> No
sign up required</a></div>
<div id="foot">Privacy policy / Advertise with us /
Press / contect us / About us / Blog / Jobs /
Parents</div>
</div>
</body>
</html>

Akshay BCA 1st year

Recommended

Recommended

More Related Content

Similar to Akshay BCA 1st year

Similar to Akshay BCA 1st year (20)

More from dezyneecole

More from dezyneecole (20)

Recently uploaded

Recently uploaded (20)

Akshay BCA 1st year