Scribd
Upload
18 views2 pages

Doctype HTML

The document is an HTML code for an image gallery webpage. It includes a title, styling for the body and images, and a grid layout for displaying images. The gallery features hover effects on images and is designed to be responsive.

Uploaded by

iandoradoxd123
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
18 views2 pages

Doctype HTML

The document is an HTML code for an image gallery webpage. It includes a title, styling for the body and images, and a grid layout for displaying images. The gallery features hover effects on images and is designed to be responsive.

Uploaded by

iandoradoxd123
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd

<!

DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
<title>Image gallery</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: white;
}
h1 {
text-align: center;
padding: 20px;
background-color: rgb(112, 6, 116);
color: white;
}
.gallery {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px,
1fr));
gap: 20px;
padding: 20px;
}
.gallery img {
width: 100%;
height: auto;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
transition: transform 0.3s ease-in-out;
}
.gallery img:hover {
transform: scale(1.1);
}
</style>
</head>
<body>
<body background="[Link]">
<h1>Image Gallery</h1>
<div class="gallery">
<img src="[Link]" alt="image1">
<img src="[Link]" alt="image1">
<img src="[Link]" alt="image1">
<img src="[Link]" alt="image1">
<img src="[Link]" alt="image1">
<img src="[Link]" alt="image1">
<img src="[Link]" alt="image1">
<img src="[Link]" alt="image1">
</body>
</html>

You might also like