<!doctype html>
<html>

<head>
	<title>FashionTrendz</title>
	<link rel="preconnect" href="https://fonts.googleapis.com">
	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
	<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400&display=swap" rel="stylesheet">
	<link rel="stylesheet" href="index.css">
</head>

<body>
	<main>
		<section class="container">
			<div class="title-text">
				<h1>FashionTrendz</h1>
			</div>
			<div class="box box-1">
				<img src="/shoes.png" alt="A colleaction of stylish, colourful shoes">
			</div>
			<div class="box box-2">
				<img src="/woman.png" alt="A woman in a smart suit walking between large buildings">
			</div>
			<div class="box box-3">
				<img src="/man.png" alt="A man wearing stylish glasses">
				<div class="attribution-container">
					<p>All images: GriftStock</p>
				</div>
			</div>
			<div class="box box-4">
				<img src="/jewellery.png" alt="A display of mdoern jewellery">
			</div>
		</section>
	</main>
	<script src="index.js"></script>
</body>

</html>

</div>

</div>

</div>

<p>All images: GriftStock</p>

</div>

</div>

</section>

</main>

</body>

</html>

<!doctype html>

<html>

<head>

<title>FashionTrendz</title>

rel="stylesheet">

</head>

<body>

<main>

<h1>FashionTrendz</h1>

-2:23