<div class="jumbotron jumbotron-fluid">
            <div class="container">
              <h1 class="display-4">Employee Data Management</h1>
                <p class="lead">A Comprehensive Directory of Employee Billable Hours</p>
            </div>
        </div>

        <br>

        <div class="card">
        <div class="card-header">Add Person</div>
            <form>
                <div class="form-group">
                    <label for="formGroupExampleInput">Name</label>
                    <input type="text" class="form-control" id="formGroupExampleInput" placeholder="">
                </div>
                <div class="form-group">
                    <label for="formGroupExampleInput2">Role</label>
                    <input type="text" class="form-control" id="formGroupExampleInput2" placeholder="">
                </div>
                <div class="form-group">
                    <label for="formGroupExampleInput3">Rate (Monthly)</label>
                    <input type="text" class="form-control" id="formGroupExampleInput3" placeholder="">
                </div>
                <div class="form-group">
                    <label for="formGroupExampleInput4">Date Hired</label>
                    <input type="text" class="form-control" id="formGroupExampleInput4" placeholder="">
                </div>
                <button type="submit" class="btn btn-primary">Submit</button>
            </form>
        </div>