<html>

<head>
	<link rel="stylesheet" href="index.css">
	<!-- google fonts -->
	<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=Caesar+Dressing&display=swap" rel="stylesheet">
	<!-- font awesome -->
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g=="
	 crossorigin="anonymous" referrerpolicy="no-referrer" />
</head>

<body>
	<header>
		<div class="title">
			<h1>Triassic World</h1>
		</div>
		<div class="logo"><img src="dino.png"></div>
	</header>
	<section class="gallery-container">
		
		<div class="img-container">
			<img src="dino2.jpeg"
			 alt="Man in front of dinosaur"
			 id="image-1">
			<div class="social-icons-container">
				<i class="fa-solid fa-heart"></i>
				<i class="fa-solid fa-share"></i>
			</div>
		</div>
	</section>

	<script src="index.pack.js"></script>
</body>

</html>

<h1>Triassic World</h1>

</div>

</header>

<img src="dino2.jpeg"

alt="Man in front of dinosaur"

id="image-1">

</div>

</section>

</body>

</html>

<html>

<head>

rel="stylesheet">

href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css"

integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWa

ZqXgel0g=="

crossorigin="anonymous" referrerpolicy="no-referrer" />

</head>

<body>

-3:30