<h1 class="text-center">Student Evaluation Form</h1>
  <form action="" method="post" name="evaluationform">
  <!-- first and last name inputs-->
  <div class="row">
    <div class="col-lg-6">
      <div class="input-group">
        <span class="input-group-addon">
          First name:
        </span>
        <input type="text" class="form-control" aria-label="..." name="firstname">
      </div><!-- /input-group -->
    </div><!-- /.col-lg-6 -->
    <div class="col-lg-6">
      <div class="input-group">
        <span class="input-group-addon">
          Last name:
        </span>
        <input type="text" class="form-control" aria-label="..." name="lastname">
      </div><!-- /input-group -->
    </div><!-- /.col-lg-6 -->
  </div><!-- /.row -->
  <!-- math/level/reading option button-->
  <div class="row text-center">
    <div class="col-lg-4">
      <span class="fa-stack fa-3x">
          <i class="fa fa-circle fa-stack-2x text-primary"></i>
          <i class="fa fa-plus fa-stack-1x fa-inverse"></i>
      </span>
    </div>
    <!-- <div class="col-lg-4">
      <h4>Level:</h4>
    </div> -->
    <div class="col-lg-4">
      <span class="fa-stack fa-3x">
          <i class="fa fa-circle fa-stack-2x text-reading"></i>
          <i class="fa fa-book fa-stack-1x fa-inverse fa-custominverse"></i>
      </span>
    </div>
  </div>