Gallery

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Photo Collage</title>

<link rel="stylesheet" href="styles.css">

</head>

<body>

<header>

<h1>Seamless Photo Collage</h1>

</header>

<main>

<div class="collage-container">

<div class="photo-slot" id="slot1"></div>

<div class="photo-slot" id="slot2"></div>

<div class="photo-slot" id="slot3"></div>

</div>

<div class="controls">

<input type="file" id="upload" multiple>

<button id="download">Download Collage</button>

</div>

</main>

<script src="script.js"></script>

</body>

</html>