Harendra Singh,BCA Third Year

Information Technology
Project
HTML & CSS
Submitted By
Harendra Singh Rawat
BCA 3rdYear
Dezyne E´cole College
www.dezyneecole.com

HTML & CSS Assignment
Dezyne E’ cole College
106/10, Civil Lines, Ajmer
Tel: 0145-2624679
www.dezyneecole.com
2015-2016
A WORK REPORT SUBMITTED
IN PARTIAL FULLFILLMENT OF THE REQUIREMENT FOR THE
DEGREE
Bachelor of Computer Application

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 Sharmaforhelping 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,
BCA 1st Year

Layout
Layout
<html>
<style>
body{
background:rgba(200,255,255,0.3);}
#contaner_1{ height:50%; width:33%;
background:#fff; position:absolute;
margin:10% 10% 10% 29%;}
#contaner_1 #contaner{ height:94%; width:96%;
background:rgb(50,50,50);
border-radius:3%; margin:3% 2% 3% 2%;
position:absolute;}

Log in form
Log in form
#contaner_1 #contaner #header{ height:12%; width:100%;
color:#fff; font-size:200%; text-
align:center; font-family:Arial;
padding:4% 0px 10px 0;
border-bottom:2px solid #222;}
#a{ color:#fff; font-family:Arial; font-
size:90%;}
table{ padding:2% 0 0 4%;}
input[type=text]{ padding:5px 5px 5px 10px; font-
size:110%; width:95%;
margin-left:5px; border-radius:
20px; border:none; background:-
webkit-linear-gradient
(rgb(195,195,195),rgb(223,223,223),
rgb(217,217,217));}
input[type=email],[type=password]{ padding:5px 5px 5px 10px; font-
size:110%; width:95%;
margin-left:5px; border-radius:20px;
border:none; background:-webkit-
linear-gradient(rgb(195,195,195),
rgb(223,223,223),rgb(217,217,217));
}
#f{ font-family:Arial; color:#fff; font-
size:80%;}
#f font{ color:rgb(124,130,24);}
input[type=submit]{ background:-webkit-linear-
gradient(rgb(118,123,0),rgb
(133,135,2), rgb(148,153,1));
text-align:center;padding:3%;
width:52%; border-radius:20px;
border:none; border-top:2px solid
rgb(148,153,2); font-size:120%;
color:#fff; word-spacing:2px;
margin-left:45%; margin-top:5%;}

Log in form
Log in form
</style>
<body>
<div id="contaner_1">
<div id="contaner">
<div id="header">Create an Account </div>
<form method="post" action="">
<table width="100%" height="50%">
<tr>
<td id="a">Name</td></tr>
<tr>
<td>
<input type="text" name="a"
placeholder="Enter Your Name"/>
</td>
</tr>
<tr>
<td id="a">Phone Number</td>
</tr>
<tr>
<td>
<input type="text" name="a"
placeholder="Enter Your Phone
Number" maxlength="11"/>
</td>
</tr>
<tr>
<td id="a">Email</td>
</tr>
<tr>
<td>
<input type="email" name="a"
placeholder="Enter Your Id"/>
</td>
</tr>
<tr>
<td id="a">Password</td>

Log in form
Log in form
</tr>
<tr>
<td>
<input type="password" name="a"
placeholder="Enter Your Password"/></td>
</tr>
<tr>
<td>
<div id="f"><input type="checkbox" name="j" />I
agree to the <font><u>Terms and Conditions</u>
</font> and <font><u>Privacy Policy</u></font>
</div></td>
</tr>
<tr>
<td>
<input type="submit" value="Create Account" />
</td>
</tr>
</table>
</form>
</div>
</div>
</body>
</html>

Layout
Layout
<html>
<style>
#f{ height:4%; width:100%; background:rgba(143,45,83,0.6);}
table{ font-family:Arial Narrow bold; border:1px solid
rgba(143,45,83,0.6);}
input[type=text]{ width:50%; height:80%;}
#a{ text-align:center;}
#l{ background:rgba(100,100,100,0.4); text-align:center;}

Log in form
Log in form
input[type=submit],[type=reset]{ font-size:110%; color:#fff; background
:rgba(143,45,83,0.4); border:none; border:1px solid rgba(143,45,83,0.6);}
td select{ width:50%; height:80%;}
</style>
<body>
<table width="80%" height="90%">
<tr>
<td colspan="4" id="f">Emergency Contact Info</td>
</tr>
<tr>
<td id="a">First Name</td>
<td><input type="text" name="a"></td>
<td colspan="2"><u>Emergency Contact Info
</u></td>
</tr>
<tr>
<td id="a">Last Name</td>
<td id="a">Name</td>
</tr>
<tr>
<td id="a">Gender</td>
<td>
<select>
<option>Male</option>
<option>Female</option>
</select>
</td>
<td id="a">Relationship</td>
<td><input type="text" name="a" /></td>
</tr>
<tr>
<td id="a">Date of Birth</td>
<td><input type="date" name="a" />[dd-MMM-YYYY]
</td>

Log in form
Log in form
<td id="a">Address</td>
<td><textarea rows="8" cols="15"></textarea></td>
</tr>
<tr>
<td id="a"><u>Medical Information</u></td>
</tr>
<tr>
<td id="a">Hospital<br>Preference</td>
<td id="a">City</td><td><input type="text"
name="a"></td>
</tr>
<tr>
<td id="a">Insourance<br>Company</td>
<td id="a">State</td>
<td>
<select>
<option>-select-</option>
<option>M.P.</option>
<option>U.P.</option>
<option>Rajasthan</option>
<option>Gujrat</option>
</select>
</td>
</tr>
<tr>
<td id="a">Policy<br>Number</td>
<td id="a">Country</td>
<td>
<select>

Log in form
Log in form
</select>
</td>
</tr>
<tr>
<td id="a">Physician's<br>Name</td>
<td id="a">Home Phone</td>
</tr>
<tr>
<td id="a">Phone Number</td>
<td id="a">work Phone</td>
</tr>
<tr>
<td id="a">Allergies(if<br>any)</td>
<td><textarea rows="8" cols="30"></textarea></td>
</tr>
<tr>
<td colspan="4" id="l"><input type="submit"
value="Submit" />
<input type="reset" value="Reset" /></td>
</tr>
</table>
</form>
</body>
</html>

Layout
Layout
<html>
<style>
body{ margin:0px;}
#header{ width:100%; height:15%; background:#f00;}
#header #name{ font-size:350%; color:#fff; font-family:Arial;
box-sizing:border-box; padding:6% 0 0 13%; font-weight:bold;}
#header #menu{ width:100%; height:5%; text-align:center;
color:#fff; margin-top:-50px; margin-left:85px;}
#header #menu #menus{ color:#fff; margin-right:5px; font-
family:Arial; margin-left:20px; display:inline-block;}

Log in form
Log in form
#contaner{ background-image:url(./image/Untitle.jpg);
width:100%; height:76%; background-repeat:no-repeat;
background-size:cover;}
#contaner #text{ color:#fff; font-size:300%; padding-top:10%; text-
align:center; font-family:Arial;}
#contaner #text_1{ color:#fff; font-size:150%; padding-top:1%; text-
align:center;font-family:Arial;font-weight:bold;}
#contaner #text span{ font-size:110%;}
#contaner #text p{ font-size:45%; margin-top:-4px;}
#contaner #text font{ font-weight:bold;}
table{ font-family:Arial;}
input[type=email],[type=password]{ padding:10px; width:50%;
margin:10px 0 0 45%; font-size:120%;}
input[type=sumbit]{ width:50%; background:rgb(59,89,151); color:#fff;
padding:10px; font-size:120%; text-align:center;
border:none; margin:10px 0 0 45%;}
#sign{ width:30%; height:9%; background:rgb(29,158,254);
margin:-14% 0 0 56%;}
#play{ width:30%; height:9%; background:rgb(248,194,8);
margin:1% 0 0 56%;}
#sign span{color:#fff; font-size:130%; font-family:Arial; font-weight:bold;
padding-left:34%;}
#play span{color:#fff; font-size:130%; font-family:Arial; font-weight:bold;
padding-left:34%;}
#sign p{ color:#fff; font-size:100%; font-family:Arial; text-align:center;
padding-top:-9px;}
#play p{ color:#fff; font-size:100%; font-family:Arial; text-align:center;
padding-top:-9px;}
hr{ width:1px; height:29%; margin-top:-16%; background:#fff;
border:none;}
#w{ height:10%; width:100%; background:rgb(75,75,75);}
#w #menu_1{ padding:20px 0 0 50px;}
#w #menu_1 #menus_1{ color:#fff; float:left; margin-left:10px;
font-family:Arial;}
</style>
<body>

Log in form
Log in form
<div id="header">
<div id="name">ROBLOX</div>
<div id="menu">
<div id="menus">Home </div>
<div id="menus">Games </div>
<div id="menus">Catalogue </div>
<div id="menus">Build </div>
<div id="menus">Upgrade </div>
<div id="menus">Forum </div>
<div id="menus">More </div>
</div>
</div>
<div id="contaner">
<div id="text">
Welcome to <span>ROBLOX.</span>
<p>The free online building game where user <font>
Asimo3089</font> built <font>The Wind</font></p>
</div>
<div id="text_1">TAKE A TOUR.</div>
<table width="50%">
<tr>
<td>
<input type="email" name="a"
placeholder="Username"/>
</td>
</tr>
<tr>
<td>
<input type="password" name="a"
placeholder="Password"/>
</td>
</tr>
<tr>
<td>
<input type="sumbit" name="b" value="Login

Log in form
Log in form
with Facebook"/>
</td>
</tr>
</table>
</form>
<hr>
<div id="sign">
<span>Sign Up</span><p>It'll only take a
minute to start playing.</p></div>
<div id="play">
<span>Play Now</span><p>No Signup
Required</p></div>
</div>
<div id="w">
<div id="menu_1">
<div id="menus_1">Priacy Policy |</div>
<div id="menus_1">Advertise with Us |</div>
<div id="menus_1">Press |</div>
<div id="menus_1">Contact Us |</div>
<div id="menus_1">About Us |</div>
<div id="menus_1">Blog |</div>
<div id="menus_1">Jobs |</div>
<div id="menus_1">Parents </div>
</div>
</div>
</body>
</html>

Thank You…
Bachelor of Computer Application
Dezyne E’cole College
106/10, CIVIL LINES
AJMER
RAJASTHAN - 305001 (INDIA)
www.dezyneecole.com

Harendra Singh,BCA Third Year

Recommended

Recommended

More Related Content

Similar to Harendra Singh,BCA Third Year

Similar to Harendra Singh,BCA Third Year (20)

More from dezyneecole

More from dezyneecole (20)

Recently uploaded

Recently uploaded (20)

Harendra Singh,BCA Third Year