Popup-Html

<boday>

    <!-- get quotation popup when click -->
  <div id="getQuot">
    <i class="far fa-times-circle" id="popupClose"></i>
    <div class="container">
      <div class="row contact-form">
        <div class="col-md-8">
          <h2 class="contact-head">Tell Us Your Query</h2>
          <form>
            <div class="form-row align-items-center">
              <div class="col">
                <div class="input-group mb-4">
                  <div class="input-group-prepend">
                    <div class="input-group-text"><i class="fas fa-user"></i></div>
                  </div>
                  <input type="text" class="form-control" id="inlineFormInputGroup" placeholder="Your Name Here">
                </div>
              </div>
              <div class="col">
                <div class="input-group mb-4">
                  <div class="input-group-prepend">
                    <div class="input-group-text"><i class="fas fa-envelope-open"></i></div>
                  </div>
                  <input type="email" class="form-control" placeholder="Email Here">
                </div>
              </div>
            </div><!-- .form-row -->
            <div class="form-row align-items-center">
              <div class="col">
                <div class="input-group mb-4">
                  <div class="input-group-prepend">
                    <div class="input-group-text"><i class="far fa-building"></i></div>
                  </div>
                  <input type="text" class="form-control" id="inlineFormInput" placeholder="Company name">
                </div>
              </div>
              <div class="col">
                <div class="input-group mb-4">
                  <div class="input-group-prepend">
                    <div class="input-group-text"><i class="fas fa-map-marker-alt"></i></div>
                  </div>
                  <input type="text" class="form-control" placeholder="Location">
                </div>
              </div>
            </div><!-- .form-row -->
            <div class="form-row align-items-center">
              <div class="col">
                <div class="input-group mb-4">
                  <div class="input-group-prepend">
                    <div class="input-group-text"><i class="fas fa-pen-nib"></i></div>
                  </div>
                  <input type="text" class="form-control" placeholder="What you looking for">
                </div>
              </div>
            </div>
            <textarea name="text" cols="20" rows="5" class="form-control"
              placeholder="Type your query here"></textarea>
            <button type="submit" class="btn btn-primary mt-4 mb-4">Submit <i class="fas fa-arrow-right"></i></button>
          </form><!-- form -->
        </div><!-- .col-md-6 -->
        <div class="col-md-4">
          <img src="img/sewing-vertcal.png" alt="" class="img-fluid">
        </div><!-- .col-md-6 -->
      </div><!-- .row -->
    </div><!-- .container -->
  </div><!-- #getQuot -->
  <!-- popup end -->
</body>