Hub - Contact Form Templates

You can copy the codes of the contact forms you like and add them to your site.

Form 1

Form 1 Template Code

<div class="row d-flex flex-wrap">
<div class="col-md-6">[text* your-name placeholder akismet:author "Your name"][email* your-email placeholder akismet:author_email "Your email"][text* your-subject "Subject"]
</div>
<div class="col-md-6 col-xs-12">[textarea* your-message 10x6 placeholder "Your message"]</div>
<div class="col-md-6 mt-4"><p>By clicking Send a message button, you agree to use our “Form” terms And consent cookie usage in browser.</p></div>
<div class="col-md-6 mt-4 text-md-right">[submit "Send a message"]</div>
</div>

Form 2

Form 2 Template Code

<div class="row">
<div class="col-md-6">
<p style="margin: 0; color: rgba(0 0 0 / 0.3); font-size: 12px;">Your name</p>
[text* your-name placeholder akismet:author "Full name"]
</div>
<div class="col-md-6">
<p style="margin: 0; color: rgba(0 0 0 / 0.3); font-size: 12px;">Email address</p>
[email* your-email placeholder akismet:author_email "Email Address"]
</div>
<div class="col-md-6">
<p style="margin: 0; color: rgba(0 0 0 / 0.3); font-size: 12px;">(Optional)</p>
[tel your-phone placeholder "Phone number"]
</div>
<div class="col-md-6">
<p style="margin: 0; color: rgba(0 0 0 / 0.3); font-size: 12px;">Subject</p>
[text* your-subject placeholder "New Project"]
</div>
<div class="col-md-12">
<p style="margin: 0; color: rgba(0 0 0 / 0.3); font-size: 12px;">Your message</p>
[textarea* your-message 10x4 placeholder "Tell us about your project"]
</div>
<div class="col-md-12">
[acceptance acceptance-666 optional] I am bound by the terms of the Service I accept Privacy Policy [/acceptance]
</div>
<div class="col-md-12">
[submit "Send message"]
</div>
</div><br>

Form 3

Form 3 Template Code

<div class="row">
<div class="col-md-12">
[text* your-name placeholder akismet:author "Your name"]<i class="lqd-icn-ess icon-lqd-user"></i>
</div>
<div class="col-md-12">
[email* your-email placeholder akismet:author_email "Email Address"]<i class="lqd-icn-ess icon-lqd-envelope"></i>
</div>
<div class="col-md-12">
[select* your-subject "How can we help you" "Web Design" "Developments" "Others"]
</div>
<div class="col-md-12">
[acceptance acceptance-288] I agree to the terms of service. [/acceptance]
</div>
<div class="col-md-12">
[submit "get a quote"]
</div>
</div><br>

Form 4

Form 4 Template Code

<div class="row">
<div class="col-md-6">
[text* your-name placeholder akismet:author "Full name"]
</div>
<div class="col-md-6">
[email* your-email placeholder akismet:author_email "Email Address"]
</div>
<div class="col-md-6">
[select* your-subject "Subject" "Subject 1" "Subject 2" "Subject 3"]
</div>
<div class="col-md-6">
[select* your-budget "Your budget" "< 1000" "< 2000" "< 3000"]
</div>
<div class="col-md-12">
[textarea* your-message 10x4 placeholder "Your message"]
</div>
<div class="col-md-12">
[submit "get a quote"]
</div>
</div><br>

Form 5

Form 5 Template Code

<div class="row">
  <div class="col-xs-12 col-sm-6"><i class="lqd-icn-ess icon-lqd-user"></i>[text* your-name placeholder akismet:author "What’s your name?"]</div>
  <div class="col-xs-12 col-sm-6"><i class="lqd-icn-ess icon-lqd-envelope"></i>[email* your-email placeholder akismet:author_email "Email address"]</div>
  <div class="col-xs-12 col-sm-6"><i class="lqd-icn-ess icon-speech-bubble"></i>[text* your-subject placeholder akismet:author "Select a Discussion Topic"]</div>
  <div class="col-xs-12 col-sm-6"><i class="lqd-icn-ess icon-lqd-dollar"></i>[text* your-budget placeholder akismet:author "What’s your budget?"]</div>
  <div class="col-xs-12 lqd-form-textarea"><i class="lqd-icn-ess icon-lqd-pen-2"></i>[textarea* your-message 10x6 placeholder "A brief description about your project/request/consultation"]</div>
  <div class="col-xs-12 text-center">[submit "&mdash; send message"]<p class="mt-3" style="color: #000;">&mdash; copy email: info@liquid-themes.com</p></div>
</div><br>

Form 6

Form 6 Template Code

<div class="row">
<div class="col-md-6">[text* your-name placeholder akismet:author "Full name"]</div>
<div class="col-md-6">[email* your-email placeholder akismet:author_email "Your email address"]</div>
<div class="col-md-6">[text* your-subject placeholder "Your Subject"]</div>
<div class="col-md-6">[tel* your-phone placeholder "Phone number"]</div>
<div class="col-md-12">[select* your-product "Select a product" "Mobile App" "Web App" "Desktop App"]</div>
<div class="col-md-12">[textarea* your-message 10x4 placeholder "Your message"]</div>
<div class="col-md-12">[acceptance acceptance-120 optional] I am bound by the terms of the Service I accept Privacy Policy. [/acceptance]</div>
<div class="col-md-12">[submit "Send message"]</div>
</div><br>

Form 7

Form 7 Template Code

[text* your-name placeholder "Name"]
[email* your-email placeholder "Email Address"]
[textarea your-message 10x3 placeholder "Message"]
[submit "Send a message"]<br>