    </span>
        </div>
      </form><br>
      <hr>

       <!-- <ul style="color: #333;" class="list-group" id="messages"> </ul> -->

      <!-- Two columns: 50% width on large and up-->
      <div class="row">
        <div class="col-lg" style="background-color: rgb(227, 212, 144); color:rgb(16, 19, 228); border-color: brown;">
          <p style="color: rgb(12, 25, 204);"> --------- messages -------- </p>
          <ul class="list-group" id="messages"> </ul>
        </div> <br><br>
        <!-- <div 