Contact - Blocks

<!-- Contact Info -->
<div class="row icon-4xl">
  <!-- Contact Info box 1 -->
  <div class="col-12 col-sm-6 col-md-3">
    <i class="bi bi-envelope text-dark mb-3"></i>
    <h6 class="fw-medium m-0">Email:</h6>
    <p>contact@email.com</p>
  </div>
  <!-- Contact Info box 2 -->
  <div class="col-12 col-sm-6 col-md-3">
    <i class="bi bi-telephone text-dark mb-3"></i>
    <h6 class="fw-medium m-0">Phone:</h6>
    <p>+(987) 654 321 01</p>
  </div>
  <!-- Contact Info box 3 -->
  <div class="col-12 col-sm-6 col-md-3">
    <i class="bi bi-skype text-dark mb-3"></i>
    <h6 class="fw-medium m-0">Skype:</h6>
    <p>contact.skype</p>
  </div>
  <!-- Contact Info box 4 -->
  <div class="col-12 col-sm-6 col-md-3">
    <i class="bi bi-geo-alt text-dark mb-3"></i>
    <h6 class="fw-medium m-0">Address:</h6>
    <p>121 King St, Melbourne VIC 3000</p>
  </div>
</div><!-- end row -->
<!-- end Contact Info -->

<!-- Contact Form -->
<div class="mt-5">
  <div class="contact-form">
    <form method="post" id="contactform">
      <div class="row gx-3 gy-0">
        <div class="col-12 col-sm-6">
          <input class="border-radius" type="text" id="name" name="name" placeholder="Name" required>
        </div>
        <div class="col-12 col-sm-6">
          <input class="border-radius" type="email" id="email" name="email" placeholder="E-Mail" required>
        </div>
      </div>
      <input class="border-radius" type="text" id="subject" name="subject" placeholder="Subject" required>
      <textarea class="border-radius" name="message" id="message" placeholder="Message"></textarea>
      <button class="button button-lg button-radius button-outline-dark" type="submit">Send Message</button>
    </form>
    <!-- Submit result -->
    <div class="submit-result">
      <span id="success">Thank you! Your Message has been sent.</span>
      <span id="error">Something went wrong, Please try again!</span>
    </div>
  </div><!-- end contact-form -->
</div>
<!-- end Contact Form -->

<div class="mb-5">
  <div class="row text-center">
    <div class="col-12 col-md-10 offset-md-1 col-lg-8 offset-lg-2">
      <h2 class="fw-light">Say Hello!</h2>
      <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
    </div>
  </div>
</div>
<div class="row g-4">
  <div class="col-12 col-sm-10 offset-sm-1 col-md-8 offset-md-2 text-center">
    <!-- Contact Form -->
    <div class="contact-form">
      <form method="post" id="contactform">
        <div class="row gx-3 gy-0">
          <div class="col-12 col-sm-6">
            <input type="text" id="name" name="name" placeholder="Name" required>
          </div>
          <div class="col-12 col-sm-6">
            <input type="email" id="email" name="email" placeholder="E-Mail" required>
          </div>
        </div>
        <input type="text" id="subject" name="subject" placeholder="Subject" required>
        <textarea name="message" id="message" placeholder="Message"></textarea>
        <button class="button button-lg button-rounded button-turquiose" type="submit">Send Message</button>
      </form>
      <!-- Submit result -->
      <div class="submit-result">
        <span id="success">Thank you! Your Message has been sent.</span>
        <span id="error">Something went wrong, Please try again!</span>
      </div>
    </div><!-- end contact-form -->
  </div>
</div><!-- end row -->