<div class="container">
    <div class="row">
        <div class="col-md-8 p-4">

            <div class="module-div" style="cursor:pointer;background:orange;margin-left:20px;" onclick="window.location='./faculty/staff'">
                <i class="fa fa-user"></i>
                <label>Faculty</label>
            </div>

            <div class="module-div" style="cursor:pointer;background:teal;margin-left:20px;">
                <i class="fa fa-calendar"></i>
                <label>Attendance</label>
            </div>

            <div class="module-div" style="cursor:pointer;background:red;margin-left:20px;">
                <i class="fa fa-inr"></i>
                <label>Payroll</label>
            </div>

            <div class="module-div" style="cursor:pointer;background:Gold;margin-left:20px;">
                <i class="fa fa-envelope"></i>
                <label>SMS</label>
            </div>

            <div class="module-div" style="cursor:pointer;background:navy;margin-left:20px;">
                <i class="fa fa-user"></i>
                <label>Faculty</label>
            </div>

            <div class="module-div" style="cursor:pointer;background:skyblue;margin-left:20px;">
                <i class="fa fa-calendar"></i>
                <label>Attendance</label>
            </div>

            <div class="module-div" style="cursor:pointer;background:yellowgreen;margin-left:20px;">
                <i class="fa fa-inr"></i>
                <label>Payroll</label>
            </div>

            <div class="module-div" style="cursor:pointer;background:brown;margin-left:20px;">
                <i class="fa fa-envelope"></i>
                <label>SMS</label>
            </div>

            <div class="module-div" style="cursor:pointer;background:#FF6833;margin-left:20px;">
                <i class="fa fa-user"></i>
                <label>Faculty</label>
            </div>

            <div class="module-div" style="cursor:pointer;background:green;margin-left:20px;">
                <i class="fa fa-calendar"></i>
                <label>Attendance</label>
            </div>

            <div class="module-div" style="cursor:pointer;background:olive;margin-left:20px;">
                <i class="fa fa-inr"></i>
                <label>Payroll</label>
            </div>

            <div class="module-div" style="cursor:pointer;background:orange;margin-left:20px;">
                <i class="fa fa-envelope"></i>
                <label>SMS</label>
            </div>

        </div>
        <div class="col-md-4"></div>
    </div>
</div>