Course Search

<article class="course-search">
    <h2 class="visually-hidden">Search for a course</h2>
    <label class="visually-hidden" for="course-search__keywords">Keyword(s) to search</label>
    <input class="course-search__keywords" id="course-search__keywords" name="cQueryH" type="search" placeholder="Search courses by keyword">
    
    <label class="visually-hidden" for="course-search__level">Filter</label>

    <button class="button  course-search__submit" id="course-search__submit--ug" name="cSubmit" type="button">Search undergraduate courses</button>
    <button class="button  button--digital-blue  course-search__submit" id="course-search__submit--pg" name="cSubmit" type="button">Search postgraduate courses</button>

    <section class="course-search__subjects">
        <h3>Browse by subject area</h3>
        <ul class="course-search__subject-list  list--unstyled">
            <li><a href="/courses/subjects/accounting-and-finance">Accounting and Finance</a></li>
            <li><a href="/courses/subjects/allied-health-and-paramedic-science">Allied Health and Paramedic Science</a></li>
            <li><a href="/courses/subjects/animation">Animation</a></li>
            <li><a href="/courses/subjects/art-and-design">Art and Design</a></li>
            <li><a href="/courses/subjects/augmented-and-virtual-realities">Augmented and Virtual Realities</a></li>
            <li><a href="/courses/subjects/biological-and-biomedical-sciences">Biological and Biomedical Sciences</a></li>
            <li><a href="/courses/subjects/business-and-marketing">Business and Marketing</a></li>
            <li><a href="/courses/subjects/computer-science-ai-and-robotics">Computer Science, AI and Robotics</a></li>
            <li><a href="/courses/subjects/drama-performance-and-theatre-studies">Drama, Performance and Theatre Studies</a></li>
            <li><a href="/courses/subjects/education">Education</a></li>
            <li><a href="/courses/subjects/engineering">Engineering</a></li>
            <li><a href="/courses/subjects/english-creative-writing-and-philosophy">English, Creative Writing and Philosophy</a></li>
            <li><a href="/courses/subjects/esports">Esports</a></li>
            <li><a href="/courses/subjects/fashion">Fashion</a></li>
            <li><a href="/courses/subjects/film-and-media">Film and Media</a></li>
            <li><a href="/courses/subjects/forensic-sciences-and-policing">Forensic Sciences and Policing</a></li>
            <li><a href="/courses/subjects/games-arts-and-visual-effects">Games Arts and Visual Effects</a></li>
            <li><a href="/courses/subjects/games-culture-pr-and-management">Games Culture, PR and Management</a></li>
            <li><a href="/courses/subjects/games-design-production-and-programming">Games Design, Production and Programming</a></li>
            <li><a href="/courses/subjects/international-studies-and-history">International Studies and History</a></li>
            <li><a href="/courses/subjects/journalism-and-content-creation">Journalism and Content Creation</a></li>
            <li><a href="/courses/subjects/law">Law</a></li>
            <li><a href="/courses/subjects/music-and-sound">Music and Sound</a></li>
            <li><a href="/courses/subjects/nursing-and-midwifery">Nursing and Midwifery</a></li>
            <li><a href="/courses/subjects/psychology-and-counselling">Psychology and Counselling</a></li>
            <li><a href="/courses/subjects/social-work-and-social-welfare">Social Work and Social Welfare</a></li>
            <li><a href="/courses/subjects/sociology-criminology-and-terrorism">Sociology, Criminology and Terrorism</a></li>
            <li><a href="/courses/subjects/sport-and-exercise">Sport and Exercise</a></li>
            <li><a href="/courses/subjects/tourism-and-event-management">Tourism and Event Management</a></li>
        </ul>
    </section>
</article>

<hr />

<article class="course-search">
    <h2>Search for a course</h2>
    <label class="visually-hidden" for="course-search__keywords">Keyword(s) to search</label>
    <input class="course-search__keywords" id="course-search__keywords" name="cQueryH" type="search" placeholder="Search courses by keyword">
    
    <label class="visually-hidden" for="course-search__level">Filter</label>

    <button class="button  course-search__submit" id="course-search__submit--ug" name="cSubmit" type="button">Search undergraduate courses</button>
    <button class="button  button--digital-blue  course-search__submit" id="course-search__submit--pg" name="cSubmit" type="button">Search postgraduate courses</button>
</article>