ui/user.html
<!DOCTYPE html>
<html>
<head>
<title>Dashboard</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- enqueue fonts and styles -->
<link href="https://fonts.googleapis.com/css?family=Poppins:300,400,600" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="assets/css/main.css">
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/normalize.css@8.0.0/normalize.css">
</head>
<body>
<div class="container">
<nav><a href="../index.html">Home</a> | <a href="user.html">User Dashboard</a> | <a href="user-requests.html">Admin Dashboard</a></nav>
<h2>Maintenance Requests</h2>
<ul>
<a class="card" href="user-request-details.html">
<li class="single-request">
<h4 class="request-title">My Dog Died</h4>
<p><span class="status-a"></span></p>
</li>
</a>
<a class="card" href="user-request-details.html">
<li class="single-request">
<h4 class="request-title">My Cat Ran Away</h4>
<p><span class="status-r"></span></p>
</li>
</a>
<a class="card" href="user-request-details.html">
<li class="single-request">
<h4 class="request-title">My Fish Disappeared</h4>
<p><span class="status-d"></span></p>
</li>
</a>
<a class="card" href="user-request-details.html">
<li class="single-request">
<h4 class="request-title">My Cow Slept Off</h4>
<p><span class="status-r"></span></p>
</li>
</a>
<a class="card" href="user-request-details.html">
<li class="single-request">
<h4 class="request-title">My Chicken Fell Inside Gutter</h4>
<p><span class="status-a"></span></p>
</li>
</a>
</ul>
<a href="new-request.html" class="button alt">Create New Request</a>
</div>
</body>
</html>