about_us.html

<div class="content_filler">

  <header id="about_header">
    <div class="bg-overlay">
      <div class="title">
        <h1>CherryDev</h1>
        <h3>About Us</h3>
      </div>

    </div>
  </header>

  <section id="contact" class="text-center">

    <div id="response_placeholder"></div>
    <h3 class="upper">Contact Us</h3>

    <div id="about_text">
      <div class="content_div">
        <picture id="notes_contact_img">
          <source srcset="images/typing_dark.png" media="(prefers-color-scheme: dark)">
          <img alt="Person typing on their computer" src="images/typing.png">
        </picture>

        <div class="text_div">
          <p>You can use this form to send a message to CherryDev. We'd love to hear your feedback!</p>

<!--  -->
<!-- action="http://naivist.net/form" method="post" -->
          <form id="form" autocomplete="off" onsubmit="event.preventDefault(); validateMyForm();" >
            <div id="error"></div>

            <label for="name">Name:</label>
            <input type="text" id="name" name="user_name" required />

            <label for="mail">E-mail:</label>
            <input type="email" id="mail" name="user_email" required />

            <label for="msg">Message:</label>
            <textarea style="resize: none;" id="msg" name="user_message" required></textarea>

            <button type="submit">Submit</button>



          </form>
        </div>



      </div>
    </div>

  </section>

</div>