Scribd
Upload
98 views2 pages

Simple Image Gallery

This document is an HTML template for an image gallery webpage. It includes a header with a title and a flexible gallery layout that displays images in a grid format. The CSS styles define the appearance of the body, header, and gallery items.

Uploaded by

xifahah487
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
98 views2 pages

Simple Image Gallery

This document is an HTML template for an image gallery webpage. It includes a header with a title and a flexible gallery layout that displays images in a grid format. The CSS styles define the appearance of the body, header, and gallery items.

Uploaded by

xifahah487
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; background-color: #f8f8f8; margin: 0; }

header { background-color: #333; color: white; text-align: center; padding: 20px; }

.gallery { display: flex; flex-wrap: wrap; justify-content: center; }

.gallery-item { margin: 10px; }

.gallery-item img { width: 300px; height: 200px; border-radius: 8px; box-shadow: 0 4px
6px rgba(0, 0, 0, 0.1); }

</style>

</head>

<body>

<header>

<h1>Welcome to My Gallery</h1>

</header>

<div class="gallery">

<div class="gallery-item">

<img src="https://via.placeholder.com/300x200" alt="Image 1">

</div>

<div class="gallery-item">

<img src="https://via.placeholder.com/300x200" alt="Image 2">

</div>

<div class="gallery-item">

<img src="https://via.placeholder.com/300x200" alt="Image 3">


</div>

</div>

</body>

</html>

You might also like