2024-02-04 16:29:54 +00:00
|
|
|
<!doctype html>
|
|
|
|
|
<html lang="en">
|
2024-02-19 20:42:24 +00:00
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
|
<title>P2672045</title>
|
|
|
|
|
<link rel="stylesheet" href="css/styles.css">
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<main>
|
2024-02-23 23:56:16 +00:00
|
|
|
<div id="landing">
|
2024-02-19 20:42:24 +00:00
|
|
|
<div id="background"></div>
|
|
|
|
|
<div id="background-transition"></div>
|
|
|
|
|
<h1 id="titleBanner" class="black">Tom Cornes</h1>
|
|
|
|
|
<div id="colorSelector">
|
2024-02-19 22:13:06 +00:00
|
|
|
<label for="bgColour">Background Color:</label>
|
|
|
|
|
<input id="bgColour" type="color" value="#ffffff">
|
2024-02-19 20:42:24 +00:00
|
|
|
</div>
|
|
|
|
|
</div>
|
2024-02-23 23:56:16 +00:00
|
|
|
<div id="carousel">
|
|
|
|
|
<div id="carousel-container">
|
|
|
|
|
<div class="carousel-item" id="carousel-1">
|
|
|
|
|
<p class="carousel-id">1</p>
|
|
|
|
|
<p class="carousel-title">Night Trees</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="carousel-item" id="carousel-2">
|
|
|
|
|
<p class="carousel-id">2</p>
|
|
|
|
|
<p class="carousel-title">Rocket Head</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="carousel-item" id="carousel-3">
|
|
|
|
|
<p class="carousel-id">3</p>
|
|
|
|
|
<p class="carousel-title">Spaceship</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="carousel-item" id="carousel-4">
|
|
|
|
|
<p class="carousel-id">4</p>
|
|
|
|
|
<p class="carousel-title">Fantasy Archer</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2024-02-19 20:42:24 +00:00
|
|
|
</main>
|
2024-02-08 17:21:26 +00:00
|
|
|
<script src="js/scripts.js"></script>
|
2024-02-19 20:42:24 +00:00
|
|
|
</body>
|
2024-02-04 16:29:54 +00:00
|
|
|
</html>
|
