Deepika Mittal , BCA Third Year

Web Layout on HTML + CSS
Submitted By
Deepika Mittal
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,
Deepika Mittal
BCA 1st Year

Source Code
<html>
<style>
body{ margin:0px; width:100%;}
img{ height:35px; width:10%; margin:2.5% 0 0
45%;}
#a{ text-align:center; font-fa ily :‘Ope Sa s',
arial; font-weight:300; font-size:39px;color:#999; margin-top:3%;}
#b{ text-align:center; font-family
:arial; font-weight:300; font-size:19px; color:#999; margin-top:3%;}
#c{ height:46%; width:34%;
background:rgb(247,247,247); border-radius:6px; margin:2% auto; border-bottom:3px
solid rgb(200,200,220); border-left:1px solid rgb(220,220,250); border-right:1px solid
rgb(220,220,250);}
#c img{ height:96px; width:96px; border-radius:50%;
margin:9% 0 5% 35%;}
input[type=email]{ padding:8px 0px 8px 6px;
width:90%; margin-left:10%;}
input[type=submit]{ padding:10px 0px 10px 6px;
width:90%; margin-left:10%; color:#fff; background:-webkit-linear-
gradient(rgb(74,142,255), rgb(74,138,247),rgb(74,142,255)); border:none;
font-weight:bold; border-radius:3px; border:1px solid rgb(79,128,255);}
#f{ font-family:arial; color: rgb(66,125,239);
font-size:80%; text-align:right; padding-top:6px;}
#l{ font-family:arial; font-size:90%; text-
align:center; margin-top:2%;}
#l a{text-decoration:none; color:rgb (66,125,239);}
#m{ font-family:Arial Narrow;text-align:center;
color:#444; margin-top:4%;}
#n{ height:6%; width:20%; margin-left:31%;
margin-top:-4px;}
#n img { height:100%; width:100%;}
</style>
<body>
<img src= "./images/GoogleLogoSept12015.png" />
<div id="a">One account. All of Google.</div>
<div id="b">Sign in to continue to Gmail</div>
<div id="c">
<img src="./images/login_avatar.png" />
<form method="post" action= "password.html">
<table width="90%" height= "35%">
<tr>
<td>

<input type="email" name="a" required
placeholder="Enter your email" />
</td>
</tr>
<tr>
<td>
<input type="submit" name="a" value="Next" />
</td>
</tr>
<tr>
<td id="f">Need help?</td>
</tr>
</table>
</form>
</div>
<div id="l"><a href="#">Create account</a></div>
<div id="m">One Google Account for everything
Google</div>
<div id="n"><img src= "./images/logos.png" /></div>
</body>
</html>

Password Page
<html>
<style>
body{ margin:0px; width:100%;}
img{ height:35px; width:10%; margin:2.5% 0 0
45%;}
#a{ text-align:center; font-
family:'Open Sans', arial; font-weight:300;font-size:39px;color:#999; margin-top:3%;}
#b{ text-align:center; font-family:arial;
font-weight:300; font-size:19px; color:#999; margin-top:3%;}
#c{ height:49%; width:34%;
background:rgb(247,247,247); border-radius:6px; margin:2% auto; border-
bottom:3px solid rgb(200,200,220); border-left:1px solid rgb(220,220,250); border-
right:1px solid rgb(220,220,250);}
#c a img{ height:7%; width:7%; margin:6% 0 0
13%;}
#c #r{ height:96px; width:96px; border-
radius:50%; margin:-23% 0 8% 35%; background:rgb(49,105,33);}
#c #r p {font-size:50px; color:#fff; text-align:
center; box-sizing:border-box; padding-top:20px; font-family:arial;}
input[type=password]{ padding:8px 0px 8px 6px;
width:90%; margin-left:10%;}
input[type=submit]{ padding:10px
0px 10px 6px; width:90%; margin-left:10%;
color:#fff; background:-webkit-linear-
gradient(rgb(74,142,255),rgb(74,138,247),rgb(74,142,255));
border:none; font-weight:bold; border-radius:3px;
border:1px solid rgb(79,128,255);}
#f{ font-family:arial;
color:rgb(66,125,239); font-size:80%;
text-align:right; padding-
top:6px;}
#l{ font-family:arial; font-size:90%;
text-align:center; margin-top:2%;}
#l a{text-decoration:none; color:rgb(66,125,239);}
#m{ font-family:Arial Narrow; text-
align:center; color:#444; margin-top:4%;}
#n{ height:6%; width:20%; margin-left:31%;
margin-top:-4px;}
#n img { height:100%; width:100%;}
input[type=checkbox]{ margin-left:22%; margin-
top:4%;}

td font{ font-family:Arial Narrow;}
</style>
<body>
<img src="./images/GoogleLogoSept12015.png" />
<div id="a">One account. All of Google.</div>
<div id="b">Sign in to continue to Gmail</div>
<div id="c">
<a href="gmail.html"><img
src="./images/ftline_line_arrow_begin_Vector_Clipart.png" /></a>
<div id="r"><p>d</p></div>
<form method="post" action="">
<table width="90%"
height="35%“>
<tr>
<td colspan="2">
<input type="password" name="a" required
placeholder="Password" />
</td>
</tr>
<tr>
<td colspan="2">
<input type="submit" name="a" value="Sign in" />
</td>
</tr>
<tr>
<td>
<input type="checkbox" name="h" /><font>Stay signed in</font>
</td>
<td id="f"><u>Forget password?</u></td>
</tr>
</table>
</form>
</div>
<div id="l"><a href="#">Create account</a></div>
<div id="m">One Google Account for everything Google</div>
<div id="n"><img src="./images/logos.png" /></div>
</body>
</html>

Deepika Mittal , BCA Third Year

Recommended

Recommended

More Related Content

Similar to Deepika Mittal , BCA Third Year

Similar to Deepika Mittal , BCA Third Year (20)

More from dezyneecole

More from dezyneecole (20)

Recently uploaded

Recently uploaded (20)

Deepika Mittal , BCA Third Year