Web Interface Frontend
Web Interface Frontend
<html>
<head>
<title>Table Designs </title>
<style>
body
{
margin:0px;
padding:0px;
}
#bg
{
height:650px;
width:100%;
background-image:url("resort.jpg");
background-size: 100% 650px;
box-sizing:border-box;
}
#hed1
{
height:80px;
width:30%;
padding:15px 50px;
font-size:38px;
color:white;
text-shadow:2px 2px 2px green;
box-sizing:border-box;
float:left;
}
#hed2
{
height:80px;
width:70%;
box-sizing:border-box;
float:left;
}
ul
{
list-style-type:none;
padding:0px;
margin:0px;
}
li
{
float:left;
display:block;
padding-top:20px;
}
li a
{
padding:20px;
text-decoration:none;
font-size:24px;
color:white;
}
.tex
{
height:100px;
width:250px;
position:absolute;
top:250px;
left:350px;
box-sizing:border-box;
font-size:32px;
word-spacing:16px;
color:orange;
}
</style>
</head>
<body>
<div id="bg">
<div id="hed1"><i><b>Resort</b></i></div>
<div id="hed2">
<ul>
<li><a href="#"><b>Home</b></a></li>
<li><a href="#"><b>About</b></a></li>
<li><a href="#"><b>Blog</b></a></li>
<li><a href="#"><b>Gallery</b></a></li>
<li><a href="#"><b>Contact us</b></a></li>
</ul>
</div>
<div class="tex">
<center><b><i>Welcome <br> XYZ Resort</b></i></center>
</div>
</div>
</body>
</html>
<html>
<head>
<title>Table Designs </title>
<style>
body
{
margin:0px;
padding:0px;
}
#bg
{
height:650px;
width:100%;
background-image:url("resort.jpg");
background-size: 100% 650px;
box-sizing:border-box;
}
#hed1
{
height:80px;
width:30%;
padding:15px 50px;
font-size:38px;
color:white;
text-shadow:2px 2px 2px green;
box-sizing:border-box;
float:left;
}
#hed2
{
height:80px;
width:70%;
box-sizing:border-box;
float:left;
}
ul
{
list-style-type:none;
padding:0px;
margin:0px;
}
li
{
float:left;
display:block;
padding-top:20px;
}
li a
{
padding:20px;
text-decoration:none;
font-size:24px;
color:white;
}
.tex
{
height:100px;
width:250px;
position:absolute;
top:250px;
left:350px;
box-sizing:border-box;
font-size:32px;
word-spacing:16px;
color:orange;
}
</style>
</head>
<body>
<div id="bg">
<div id="hed1"><i><b>Resort</b></i></div>
<div id="hed2">
<ul>
<li><a href="#"><b>Home</b></a></li>
<li><a href="#"><b>About</b></a></li>
<li><a href="#"><b>Blog</b></a></li>
<li><a href="#"><b>Gallery</b></a></li>
<li><a href="#"><b>Contact us</b></a></li>
</ul>
</div>
<div class="tex">
<center><b><i>Welcome <br> XYZ Resort</b></i></center>
</div>
</div>
</body>
</html>
Comments
Post a Comment