index.html

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>Find Love</title>
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=0">
	<link rel="stylesheet" type="text/css" href="javascript2.css">
	<link rel="stylesheet" type="text/css" href="JavaScript.css">
	<script src="file.js" defar></script>
</head>
<body>
	<div class="header"><div id="header"><h1>Find Love</h1></div></div>
	<div id="main">
		<div class="row">
			<label>Gender:</label>
			<select id="gender">
				<option value="A">All</option>
				<option value="M">Male</option>
				<option value="F">Female</option>
			</select>
		</div>
		<div class="row">
			<label>Hobbies:</label>
			<input type="text" id="hobby">
		</div>
		<div class="row">
			<button id="search-btn">Search</button>
		</div>
		<div id="results"></div>
		<div class="noMatch">
			<marquee behavior="alternate"><p id="noMatchFound"></p></marquee>
		</div>
	</div>
	<footer>
		<div class="div-footer">
			<div class="copyright"><p>&copy; <script>
				let today = new Date()
				let year = today.getFullYear();
				document.write(year)
			</script> Shamxeed Inc. All Rights Reserved.</p></div>
		</div>
	</footer>
</body>
</html>