frontend/category.html

<!DOCTYPE html>
<html>

<head>
    <title>Category - Coding 101. learn where you fit in tech</title>
    <link rel="stylesheet" href="assets/css/style.css">
</head>

<body>
    <div class="container">
        <div class="row">
            <div class="nav-icon col-6">
                <a href="index.html"><img src="assets/img/logo.png"> </a>
            </div>
            <div class="col-6 nav-link" style="text-align:right">
                <h3>Coding101</h3>
            </div>
        </div>

        <div class="row">
            <div class="col-12" id="content" style="text-align:center">
                <h2>I am a..</h2>
            </div>
        </div>

        <div class="row">
            <div id="sec-cat" class="col-4">
                <div class="background">
                    <div class="transbox blue" onclick="addQuestion(className.this)">
                        <p>Secondary School Graduate</p>
                    </div>
                </div>
            </div>
            <div id="grad-awt-cat" class="col-4">
                <div class="background">
                    <div class="transbox green" onclick="addQuestion(className.this)">
                        <p>Student/ Graduate/ Awaiting NYSC</p>
                    </div>
                </div>
            </div>
            <div id="empl-cat" class="col-4">
                <div class="background">
                    <div class="transbox dark" onclick="addQuestion(className.this)">
                        <p>Employed/ Corp Members/ Unemployed</p>
                    </div>
                </div>
            </div>
        </div>
    </div>

</body>

</html>