<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>Class Search</title>
    <style>
        .wrap{width:400px;margin:60px auto;font-family:Arial,Helvetica,sans-serif}
        label{display:block;margin:8px 0 4px}
        input{width:100%;padding:8px;box-sizing:border-box}
    </style>
</head>
<body>
<div class="wrap">
    <h1>Search Classes</h1>
    <form action="ClassResults.php" method="get">
        <label>Class name</label>
        <input type="text" name="q" placeholder="e.g. ACAD, CSCI, Dev">

        <label>Room</label>
        <input type="text" name="room" placeholder="e.g. 210 or IYH 210">

        <p><button type="submit">Search</button></p>
    </form>
</div>
</body>
</html>
