0% found this document useful (0 votes)
6 views

HTML

Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
6 views

HTML

Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 2

html

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
<title>Background</title>
<link rel="stylesheet" href="background.css">
<link rel="icon" href="AC..PNG">
</head>
<body>
<div class="container">
<h1>Background</h1>
<img src="AC..PNG" alt="">
<div class="wallpaper"><img src="wallpaper.PNG.png" alt=""><div
class="light"><img src="Lightholder.PNG" alt="A lightholder"><img
src="Lightholder.PNG.png" alt="A lightholder"></div>
</div>
</body>
</html>

css
body{
background-color: white;
}

.container{
text-align: center;
width: 80%;
height: 100%;
background-color:burlywood;
margin-left: 12%;
border-radius: 20px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}
.wallpaper img{
width: 100%;
}
.wallpaper {
position:relative;
display:inline-flex;
flex-direction: row;

}
.light img{
padding: 2px;
width: 200px;

}
.light{
display:inline-flex;
flex-direction: row;
margin-right: 5%;
}

You might also like