Skip to content

Instantly share code, notes, and snippets.

@VickiLanger

VickiLanger/contact form

Created April 13, 2019 01:00
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save VickiLanger/f7c2d79177e9ebe72f34956de8cb7ef1 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save VickiLanger/f7c2d79177e9ebe72f34956de8cb7ef1 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. VickiLanger created this gist Apr 13, 2019.
    31 changes: 31 additions & 0 deletions contact form
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,31 @@
    <!-- Start Contact Form -->
    <section class="contact-form-area">
    <div class="container">
    <div class="row justify-content-center">
    <div class="col-lg-6">
    <div class="section-title text-center">
    <h2 class="text-white">Keep in Touch</h2>
    <p class="text-white">Most people who work in an office environment, buy computer products, or have a computer at home have had the “fun” experience of dealing </p>
    </div>
    </div>
    </div>
    <form id="myForm" action="mail.php" method="post" class="contact-form">
    <div class="row justify-content-center">
    <div class="col-lg-5">
    <input type="text" name="fname" placeholder="Enter your name" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Enter your name'" class="common-input mt-20" required>
    </div>
    <div class="col-lg-5">
    <input type="email" name="email" placeholder="Enter email address" pattern="[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{1,63}$" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Enter email address'" class="common-input mt-20" required>
    </div>
    <div class="col-lg-10">
    <textarea class="common-textarea mt-20" name="message" placeholder="Messege" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Messege'" required></textarea>
    </div>
    <div class="col-lg-10 d-flex justify-content-end">
    <button class="primary-btn submit-btn d-inline-flex align-items-center mt-20"><span class="mr-10">Send Message</span><span class="lnr lnr-arrow-right"></span></button> <br>
    <div class="alert-msg"></div>
    </div>
    </div>
    </form>
    </div>
    </section>
    <!-- End Contact Form -->