Spaces:
Running
on
Zero
Running
on
Zero
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Image Gallery</title> | |
| <style> | |
| .gallery { | |
| display: grid; | |
| grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); | |
| grid-gap: 20px; | |
| padding: 20px; | |
| } | |
| .gallery-item { | |
| overflow: hidden; | |
| border-radius: 10px; | |
| box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); | |
| } | |
| .gallery-item img { | |
| width: 100%; | |
| height: auto; | |
| display: block; | |
| } | |
| .gallery-item p { | |
| text-align: center; | |
| margin: 10px 0; | |
| font-size: 14px; | |
| color: #666; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <div class="gallery"> | |
| <!-- Replace the src attribute with the actual image URLs --> | |
| <div class="gallery-item"> | |
| <img src="assets/1.png" alt="Image 1"> | |
| <p>Photo of a rainbow-haired, 19 years old, Asian girl</p> | |
| </div> | |
| <div class="gallery-item"> | |
| <img src="7451277.jpeg" alt="Image 2"> | |
| <p>A old granny with pink hair, 95 years old</p> | |
| </div> | |
| <!-- Add more gallery items as needed --> | |
| </div> | |
| </body> | |
| </html> | |