petpair/index.html at main · wo1vin/petpair · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<!DOCTYPE html>
<html lang="en">
	<head>
    	<meta charset="utf-8">
    	<meta name="description" content="This is where your description goes">
    	<meta name="keywords" content="one, two, three">

		<title>Pet Pair</title>

		<!-- external CSS link -->
		<link href="https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,400;0,600;0,700;0,800;0,900;1,400;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
		<link href="https://fonts.googleapis.com/css2?family=Modak&display=swap" rel="stylesheet">
		<link rel="stylesheet" href="css/style.css">
	</head>
	<body>
		<header>
			<div>
				<img src="assets/isolated-monochrome-white.svg" alt="Pet Pair logo, a heart with a pawprint inside">
			</div>
			<!-- <h1>Pet Pair</h1> -->
			<span><p>Meet adoptable pets<!-- in your area-->.</p></span>
		</header>
		<section id="main">
			<section id="petInfo">
				<h2>Name</h2>
				<h3>Age</h3>
				<h4>Location</h4>
			</section>
			<div id="imgCont">
				<img class="petPic" src="" alt=""> <!--Picture-->
			</div>

			<section id="interact">
				<button type="button" id="start" name="start">Start!</button>
				<button type="button" id="contact" name="contact"><a href="mailto:blank@blank.com">Contact</a></button>
				<!-- <button type="button" id="savePet" name="savePet">Save Pet</button> -->
			</section>
		</section>
		<section id="footer">
			<a href="https://del-monte.my.canva.site/" target="_blank">&copy; <script>document.write(new Date().getFullYear())</script> Del Monte</a>
		</section>
		<script type="text/javascript" src="js/script.js"></script>
	</body>
</html>