Contact Sections

Contact us 1

Copy
<section class="py-5">
  <div class="container">
    <div class="row align-items-center">
      <div class="col-lg-8 mx-auto text-center">
        <div class="ms-3 mb-md-5">
          <div class="icon icon-shape bg-gradient-info shadow text-center mb-4">
            <i class="fas fa-user"></i>
          </div>
          <h3>Contact us</h3>
          <p>
            For further questions, including partnership opportunities, please email [email protected]
            or contact using our contact form.
          </p>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-lg-8 mx-auto">
        <div class="card card-plain">
          <form id="contact-form" method="post" autocomplete="off">
            <div class="card-body">
              <div class="row">
                <div class="col-md-6">
                  <label>First Name</label>
                  <div class="input-group mb-4">
                    <input class="form-control" placeholder="eg. Michael" aria-label="First Name..." type="text">
                  </div>
                </div>
                <div class="col-md-6 ps-2">
                  <label>Last Name</label>
                  <div class="input-group">
                    <input type="text" class="form-control" placeholder="eg. Jordan" aria-label="Last Name...">
                  </div>
                </div>
              </div>
              <div class="mb-4">
                <label>Company</label>
                <div class="input-group">
                  <input type="text" class="form-control" placeholder="eg. Apple Inc.">
                </div>
              </div>
              <div class="mb-4">
                <label>Email Address</label>
                <div class="input-group">
                  <input type="email" class="form-control" placeholder="eg. [email protected]">
                </div>
              </div>
              <div class="mb-4">
                <label>Phone Number</label>
                <div class="input-group mb-3">
                  <select class="input-group-text" id="inputGroupSelect01">
                    <option selected>RU</option>
                    <option value="1">EN</option>
                    <option value="2">US</option>
                    <option value="3">AR</option>
                  </select>
                  <input type="number" class="form-control ps-3" aria-label="Phone Number" placeholder="+(1111) 32322 11">
                </div>
              </div>
              <div class="form-group mb-4">
                <label>Your message</label>
                <textarea name="message" class="form-control" placeholder="Type here" id="message" rows="6"></textarea>
              </div>
              <div class="row">
                <div class="col-md-6">
                  <div class="form-check form-switch mb-4">
                    <input class="form-check-input" type="checkbox" id="flexSwitchCheckDefault" checked="">
                    <label class="form-check-label" for="flexSwitchCheckDefault">I agree to the <a href="javascript:;" class="text-dark"><u>Terms and Conditions</u></a>.</label>
                  </div>
                </div>
                <div class="col-md-12">
                  <button type="submit" class="btn bg-gradient-info w-100">Send Message</button>
                </div>
              </div>
            </div>
          </form>
        </div>
      </div>
    </div>
  </div>
</section>

Contact us 2

Screenshot
contactus-2

Contact us 3

Screenshot
contactus-3

Contact us 4

Screenshot
contactus-4

Contact us 5

Screenshot
contactus-5

Contact us 6

Screenshot
contactus-6

Contact us 7

Screenshot
contactus-7

Contact us 8

Screenshot
contactus-8