<!-- CONTENT -->
<section class="Content R">

   <h2 class="GLOB-Title">Upload Profile Image: <span class="FR">Form</span></h2>

   <!-- FORM -->
   <form class="Form" onsubmit="exForm(event, this, 'ex/update.image.php')" method="POST" enctype="multipart/form-data">

      <!-- FILE: IMAGE -->
      <div class="field">
         <div class="icon"><img src="images/icons/file.png" width="100%" height="100%"></div>
         <label for="input-image" class="textfield" onclick="fileName(this);">Select PNG Image: <span class="FR">250px by 250px</span></label>
         <input type="file" name="image" class="H" id="input-image" accept="image/png">
      </div>

      <div class="ERRORS"></div>

      <!-- SUBMIT -->
      <div class="submit">
         <input type="submit" value="Change Profile Picture">
      </div>

   </form>
   <!-- FORM -->

   <h2 class="GLOB-Title">Edit Account: <span class="FR">Form</span></h2>

   <!-- FORM -->
   <form class="Form" onsubmit="exForm(event, this, 'ex/update.info.php')" method="POST">

      <!-- TEXTFIELD: EMAIL -->
      <div class="field">
         <div class="icon"><img src="images/icons/email.png" width="100%" height="100%"></div>
         <input type="email" name="email" class="textfield" maxlength="100" placeholder="Email Address" value="<?php echo $u['email']; ?>">
      </div>

      <!-- TEXTFIELD: TEXT -->
      <div class="field">
         <div class="icon"><img src="images/icons/text.png" width="100%" height="100%"></div>
         <input type="text" name="username" class="textfield" maxlength="30" placeholder="Username" value="<?php echo $u['username']; ?>">
      </div>

      <div class="ERRORS"></div>

      <!-- SUBMIT -->
      <div class="submit">
         <input type="submit" value="Edit Information">
      </div>

   </form>
   <!-- FORM -->

   <h2 class="GLOB-Title">Change Password: <span class="FR">Form</span></h2>

   <!-- FORM -->
   <form class="Form" onsubmit="exForm(event, this, 'ex/update.password.php')" method="POST">

      <!-- TEXTFIELD: PASSWORD -->
      <div class="field">
         <div class="icon"><img src="images/icons/password.png" width="100%" height="100%"></div>
         <input type="password" name="old_password" class="textfield" maxlength="20" placeholder="Old Password" value="">
      </div>

      <!-- TEXTFIELD: PASSWORD -->
      <div class="field">
         <div class="icon"><img src="images/icons/password.png" width="100%" height="100%"></div>
         <input type="password" name="new_password" class="textfield" maxlength="20" placeholder="New Password" value="">
      </div>

      <div class="ERRORS"></div>

      <!-- SUBMIT -->
      <div class="submit">
         <input type="submit" value="Change Password">
      </div>

   </form>
   <!-- FORM -->

</section>
<!-- CONTENT -->