Deepak Soni BCA First Year

Submitted By
Deepak Soni
BCA 1st Year
Dezyne E’cole College

Web Layout on HTML / CSS
Submitted By
Deepak soni
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,
Deepak soni
BCA 1st Year

Create An Account From
Deepak soni
Bachelor In Computer
Application
I Year
Dezyne E’cole College
www.dezyneecole.com
Source Code:
<html>
<head>
<style>
body{margin:0;
background:#eed;
}

#base #layer{background:#333;
height:98%;
width:98%;
border-radius:20px;
margin:1% 0 0 1%;
position:absolute;
}
#base #layer #l2{background:;
height:15%;
width:100%;
font-size:200%;
color:white;
font-family:century
gothic;
padding-top:2.5%;
box-sizing:border-box;
text-align:center;
border-bottom:3px solid
#000;
margin:0% 0 0 0%;
position:absolute;
}
#base{background:#fff;
height:80%;
width:40%;
margin:5% 0 0 25%;
position:absolute;}

#base #layer #l3{ background:;
height:84%;
width:100%;
margin:15.4% 0 0 0%;
position:absolute;
}
#base #layer #l3
#box{background:;
height:15%;
width:100%;
margin:0% 0 -10 0;
position:relative;
}
#base #layer #l3 #box
#head{background:;
height:30%;
width:50%;
padding:0 0 0 6%;
font-size:110%;
color:white;
margin:6% 0 0 0 ;
font-family:century gothic;
position;absolute;
}

#base #layer #l3 #box
#h1{height:70%;
width:100%;
background:;
position:absolute;
}
#base #layer #l3 #box #h1
input{height:70%;
width:90%;
margin:.5% 0 0 5%;
border-radius:45px;
}
#base #layer #foot{
background:;
height:25%;
width:100%;
font-size:100%;
padding:5% 0 0 5%;
position:absolute;
}
#base #layer #foot a{color:#990;}
#base #layer #foot #i{height:50%;
width:48%;
font-weight:bold;
color:white;

margin:2% 0 0 45%;
font-size:110%;
border-radius:20px;
background:#990;
}
</style>
</head>
<body>
<form name="a" action="#" method="post">
<div id="base">
<div id="layer">
<div id="l2">Create An Account</div>
<div id="l3">
<div id="box">
<div id="head">Name</div>
<div id="h1">
<input type="text"
placeholder="Deepak
soni" required >
</input></div></div>
<div id="box">
<div id="head">Phone number</div>
<div id="h1"><input type="text"
placeholder="000-000-0000"
required/>
</div>
</div>

<div id="box">
<div id="head">Email</div>
<div id="h1"><input type="E-mail"
placeholder="dsdpsoni41@gmail.com"
required />
</div>
</div>
<div id="box">
<div id="head">Password</div>
<div id="h1"><input type="Password"
placeholder="*******" required />
</div>
</div>
<div id="foot"><input type="checkbox" />I agree
to the <a href="#">Terms and conditions</a>
and <a href="#">privacy policy</a>
<input type="submit" id="i" value="Create
Account" />
</div>
</div>
</div>
</div>
</form>
</body>
</html>

Log in Form
Source Code:
<html>
<head>
<style>
body{margin:0;}
#base {background:url("rr.jpg");
height:50%;
width:30%;
margin:10% 0 0 35%;
position:absolute;
}
#base #box {background:#fff;
height:80%;
width:70%;
margin:8% 0 0% 15%;

position:absolute;
}
#base #box #layer{background:;
height:18%;
width:100%;
color:gray;
font-size:150%;
font-weight:bold;
text-align:center;
padding-top:2%;
margin:5% 0% 0 0;
position:relative;
}
#base #box #layer input{height:100%;
width:90%;
padding:0 0 0 2%;
color:white;
margin:-1% 0 0 0;
border-radius:5px;
}
#base #box #layer input[name="a"]{background:#19d;
font-size:70%;
font-weight:bold;
border-radius:6px;}

</style>
</head>
<body>
<div id="base">
<div id="box">
<div id="layer">Log in</div>
<div id="layer">
<input type="text"
placeholder="User name"
/>
</div>
<div id="layer">
<input type="text"
placeholder="Password”/>
</div>
<div id="layer">
<input name="a" type="submit"
value="Log in" />
</div>
</div>
</div>
</body>
</html>

Source Code:
<html>
<head>
<style>
body{margin:0;}
#base{background:gray;
height:40%;
width:35%;
margin:15% 0 0 25%;
position:absolute;
}
#base
#box{background:url("back.png");
height:98%;
width:99%;
background-size:120%;
Log in Form

border-radius:5px;
margin:.5% 0 0 .6%;
position:absolute;
}
#base #layer{background:;
height:10%;
width:90%;
padding:0 0 0 0%;
margin:15% 0 -12% 4%;
position:relative;
}
#base #layer #l2{background:;
height:100%;
width:20%;
color:#990;
font-size:140%;
text-align:center;
display:inline-block;
margin:0% -3% 0% 27%;
position;relative;
}
#base #layer #l2[name=r]{font-size:100%;
color:#17d;
padding:1% 0 0 0;
}

#base #layer #l2[name=a]{margin:0 0 0 3%;
padding:2% 0 0 3%;
color:white;
font-size:110%;
}
#base #layer #l2[name=b]{margin:0 0 0 -2%;
width:24%;
padding:2.5% 0 0 3%;
font-size:110%;
color:white;
}
#base #layer input[type=text]{margin:-6.2% 0 0% 27%;
border-radius:20px;
height:100%;
padding:.5% 0 0 3%;
font-weight:bold;
width:65.5%;
}
#base #but{height:10%;
width:17%;
margin:48% 0 0 70%;
background:;
position:absolute;
}

#base #but input{height:100%;
width:100%;
box-shadow:3px 3px 5px #000;
border-radius:15px;
color:white;
font-size:70%;
margin:0% 0 0 0;
font-weight:bold;
background:#29b9dd;}
</style>
</head>
<body>
<div id="base">
<div id="box">
<div id="layer">
<div id="l2">Log in</div>
<div id="l2" name="r">Trouble?</div>
</div>
<div id="layer">
<div id="l2" name="a"> Email:</div>
<input type="text"
placeholder="dsdpsoni41@gmail.com" />
</div>
<div id="layer">
<div id="l2" name="b"> Password:</div>
<input type="text"
placeholder="******" />

</div>
</div>
<div id="but">
<input type="submit" value="SUBMIT" /></div>
</div>
</body>
</html>

Source Code:
<html>
<head>
<style>
body{margin:0;}
Sign Up Form

#base{background:#02b5dd;
height:85%;
width:45%;
margin:5% 0 0 35%;
position:absolute;
#base #layer{background:;
height:10%;
width:100%;
margin:5% 0 0 0;
position:absolute;
}
#base #layer #s{background:;
height:100%;
width:30%;
padding:0% 0 0 0%;
font-size:200%;
margin:0 0 0 25;
position:absolute;
}
#base #layer #sl{background:;
height:100%;
width:30%;
padding:5% 0 0 11%;
font-size:100%;
margin:0% 0 0 65%;

position:absolute;
}
#base #layer #sl #a{height:50px;
width:50px;
margin:-24% 0 0 25%;
position:absolute;
}
#base #layer2{background:;
height:18%;
width:100%;
margin:1% 0 0 0;
padding:17% 0 0% 0;
position:relative;
}
#base #layer2 #l2{background:;
height:30%;
width:50%;
padding:0 0 0 2%;
font-size:120%;
margin:0 0 0 2%;
position:absolute;
}
#base #layer2 #l3{background:;
height:50%;

width:92%;
margin:5% 0 -9% 2%;
position:absolute;
}
#base #layer2 #l3 #i{height:80%;
width:100%;
margin:0 0 0 2%;
border-radius:15px;
}
#base #layer3{background:;
height:20%;
width:100%;
margin:15% 0 0 0;
position:absolute;
}
#base #layer3 #h1{height:30%;
width:90%;
background:;
font-size:130%;
margin:0 0 0 4%;
position:absolute;
word-spacing:2;
}

#base #layer3 #h1 #a{color:white;
margin:10% 0 0 0;}
#base #layer3 #h1 a{color:white;
margin:20% 0 0 0;}
#base #layer3 #i{background:orange;
height:150%;
color:black;
font-size:100%;
width:30%;
box-shadow:2px 2px 5px #000;
margin:9% 0 0 71%;
border-radius:10;
}
#base #y{color:#fff;
margin:16.2% 0 0 6%;
position:absolute;
font-size:130%;
}
</style>
</head>
<body>
<div id="base">
<div id="layer">
<div id="s">Sign up</div>
<div id="sl">SSL
<div id="a"><img src="lk.png" /></div>

</div>
</div>
<div id="layer2">
<div id="l2">Full name</div>
<div id="l3"><input id="i" type="text" /></div>
</div>
<div id="layer2">
<div id="l2">E-mail address</div>
<div id="l3"><input id="i" type="text" />
</div>
</div>
<div id="layer2">
<div id="l2">Password</div>
<div id="l3"><input type="text" id="i" />
</div>
</div>
<div id="layer3">
<div id="h1">
<input type="checkbox" />
<input type="checkbox" />
I agree to the
<a href="#" id="a">Gist Terms of
service</a>.<br />
<input type="submit" id="i"
value="Submit" />
</div>

<a href="#" id="y" >Cancel</a>
</div>
</div>
</div>
</body>
</html>

Deepak Soni BCA First Year

Recomendados

Recomendados

Mais conteúdo relacionado

Mais procurados

Mais procurados (20)

Semelhante a Deepak Soni BCA First Year

Semelhante a Deepak Soni BCA First Year (20)

Mais de dezyneecole

Mais de dezyneecole (20)

Último

Último (20)

Deepak Soni BCA First Year