Create a website using html and css on your schools , collages and university...
Create a website using html and css on your schools , collages and university...
Here, how to code website on your schools , collages and university... on school project or experiments...
<!doctype html>
<html>
<head>
<title>project</title>
<style >
*{
margin: 0;
padding: 0;
}
#banner{
background: linear-gradient(rgba(243, 94, 94, 0.5),#009688),
url(https://images.pexels.com/photos/117018/pexels-photo-117018.
jpeg?cs=srgb&dl=pexels-george-becker-117018.jpg&fm=jpgghd.jpg);
background-size: cover;
background-position: center;
height:100vh;
}
h1{
font-family: serif;
font-size: 2cm;
text-align: center;
padding-top: 90px;
margin-right: 50px;
color: white;
text-shadow: 2px 2px black;
}
a{
width: 150px;
height: 40;
font-family: cursive;
background-color: rgba(44, 167, 161, 0);
color: aliceblue;
border: 0px;
text-decoration: none;
}
#logo{
text-align: right;
margin-right: 1cm;
margin-top: 15px;
font-family: serif;
}
p{
font-size: 30px;
margin: 1cm 1cm;
text-shadow: 2px 2px grey;
text-align: center;
}
ul{
list-style-type: none;
background-color: inherit;
position:relative;
display: flex;
justify-content: center;
li{
text-align: center;
padding: 16px;
text-decoration: none;
}
</style>
</head>
<body>
<div id="banner">
<h1>@EngineerTrensZoo</h1>
<ul>
<li><a href="#">COURCES</a></li>
<li><a href="#">FACULTIES</a></li>
<li><a href="#">DEPARTMENTS</a></li>
<li><a href="#">LIBRARY</a></li>
</ul>
<P>
@EngineerTrensZoo is working efficiently to achieve proficiency in
technical education and will blossom into an institution par
excellence.<br> The management has provided all infrastructure
facilities required for quality education.
</P>
<p id="logo">by @EngineerTrensZoo</p>
</div>
</body>
</html>
Here is how your page will look like:
Comments
Post a Comment