내 포폴 - 7

jb kim·2023년 6월 12일
0

부트스트랩

목록 보기
38/48
     <!-- Contact Section -->
     <section class="py-5" id="contact">
      <div class="container-xxl py-5">
        <div class="col-12 d-flex flex-column text-center justify-content-center">
          <h2 class="text-white">CONTACT ME</h2>
          <h5 class="text-white fw-normal py-2 fst-italic">관심이 있으시면 연락 부탁드립니다. 24-48시간안에 답변 드리겠습니다!</h5>
        </div>
        <div class="row pt-4 mt-5">
          <div class="col-12">
            <form class="gform" action="https://script.google.com/macros/s/본인url" method="POST">
              <div style="display:none" class="thankyou_message alert alert-primary" role="alert">
                <h2 class="text-white">연락 주셔서 감사합니다! 빠른시일 내에 답변드리겠습니다.</h2>
              </div>
              <div class="row d-flex justify-content-center">
                <div class="col-lg-6">
                  <div class="form-floating mb-3">
                    <input type="text" name="name" class="form-control" id="name" placeholder="Enter Name*" required>
                    <label for="name">Enter Name*</label>
                  </div>
                  <div class="form-floating mb-3">
                    <input type="email" name="email" class="form-control" id="email" placeholder="Enter Email*" required>
                    <label for="floatingEmail">Enter Email*</label>
                  </div>
                  <div class="form-floating mb-3">
                    <input type="phone" name="phone" class="form-control" id="phone" placeholder="Enter Phone*" >
                    <label for="phone">Enter Phone(옵션)*</label>
                  </div>
                </div>
                <div class="form-floating col-lg-6">
                  <textarea class="form-control" name="message" placeholder="Leave a comment here" id="message" style="height: 205px" required></textarea>
                  <label for="message" class="px-4">Enter Message*</label>
                </div>
                <div class="col-12 mt-5 d-flex justify-content-center">
                  <button class="btn btn-lg btn-outline-light">메세지 보내기</button>
                </div>
              </div>
  
            </form>
          </div>
        </div>
       </div>
     </section>

profile
픽서

0개의 댓글