Home Page Basic Html Code





<html>
<head>
<style>

body {
font-family: Arial, Helvetica, sans-serif;
background-color:white;
border:solid 4px #bfbfbf;
border-radius:20px;
width: 30%;
height:80%;
margin-left:20px;
margin-right:10px;
padding: 3px;
box-shadow: 1px 2px 4px #999999;
position:relative;
left:100px;
}
.div2{
font-family: Arial, Helvetica, sans-serif;
background-color:white;
border:solid 4px #bfbfbf;
border-radius:10px;
width: 92%;
height:33%;
margin-left:1px;
margin-right:1px;
padding: 3px;
box-shadow: 1px 1px 1px #999999;

}
h1{
color: #009900;
text-align:center;
text-shadow: 1px 1px 2px #999999;
}
input[type=text],textarea{
width: 100%;
padding: 20px 20px;
margin: 8px 0;
display: inline-block;
border: 1px solid #bfbfbf;
border-radius: 20px;
box-sizing: border-box;
box-shadow: 1px 1px 2px #000000;
background-color:;
}
input[type=text],textarea1{
width: 100%;
padding: 10px 10px;
margin: 8px 0;
display: inline-block;
border: 1px solid #bfbfbf;
border-radius: 0px;
box-sizing: border-box;
box-shadow: 1px 1px 2px #000000;
background-color:;
}

hr {
border: 1px   solid white;
margin-bottom:1px;
box-shadow: 2px 2px 4px #999999;
}
.label{
color:black;
font-size:21px;
}
button1{
border: solid 2px #bfbfbf;
width:10%;
background-color: #f0f0f0;
border-radius:8px;
padding: 5px 23px;
box-shadow: 1px 1px 1px #000000;
color:#000000
}
</style>
<script src="https://kit.fontawesome.com/a076d05399.js"></script>
</head>
<body>
<form class="form">
<div class=""style="background-color:;">
<h1>HOME PAGE</h1><hr>
<label class="label" >Name:<label>
<input type="text" class="textarea1"><br><hr>
<label class="lable">Heading Post----<label>
<textarea rows="1" cols="1">
</textarea><br>
<label class="label">Content:<label>
<div class="div2"><img src="https://images.pexels.com/photos/462118/pexels-photo-462118.jpeg?

auto=compress&cs=tinysrgb&dpr=1&w=500" alt="" height="180" width="380"></div>
<br>
<label class="label">
</div><br>
<button1 type="button" style='margin-right:60px'>like</button1>
<button1 type="button" style='margin-right:48px'>comment</button1>
<button1 type="button" style='margin-right:0px'>share</button1>
</div>
</form>
</body>

0 Comments