Contact Forms

CSS/JS files (add code to <HEAD> section):


<!-- DC Contact Form CSS -->
<link type="text/css" rel="stylesheet" href="dreamcodes/contact_forms/css/tsc_form_contact_dark.css" />
<link type="text/css" rel="stylesheet" href="dreamcodes/contact_forms/css/tsc_form_contact_light.css" />

<!-- DC Contact Form JS -->
<script type="text/javascript" src="dreamcodes/contact_forms/js/tsc_form_contact.js"></script>

Contact Form Style 1 : Black Standard

View code:


<!-- DC Contact Form Start -->
  <div style="margin-bottom:20px; padding:20px 20px 0; color:#ccc; background:#000000; border:1px solid #000; border-radius:8px;">
    <form action="" class="tsc_form_contact_dark">
      <label for="name">Name <span>(required)</span></label>
      <input type="text" name="name" class="form-input" required />
      <label for="email">Email <span>(required)</span></label>
      <input type="email" name="email" class="form-input" required />
      <label for="subject">Subject <span>(optional)</span></label>
      <input type="text" name="subject" class="form-input" />
      <label for="message">Message <span>(required)</span></label>
      <textarea name="message" class="form-input" required></textarea>
      <input class="form-btn" type="submit" value="Send Message" />
    </form>
	</div> 
<!-- DC Contact Form End -->

Contact Form Style 1 : Black Internal

View code:


<!-- DC Contact Form Start -->
  <div style="margin-bottom:20px; padding:20px 20px 0; color:#ccc; background:#000000; border:1px solid #000; border-radius:8px;"> 
    <form action="" class="tsc_form_contact_dark nolabel">
      <input type="text" name="name" class="form-input" placeholder="Name (required)" required />
      <input type="email" name="email" class="form-input" placeholder="Email (required)" required />
      <input type="text" name="subject" class="form-input" placeholder="Subject (optional)" />
      <textarea name="message" class="form-input"  placeholder="Message (required)" required></textarea>
      <input class="form-btn" type="submit" value="Send Message" />
    </form>
  </div>
<!-- DC Contact Form End -->

Contact Form Style 1 : White Standard


View code:


<!-- DC Contact Form Start -->
  <form action="" class="tsc_form_contact_light">
    <label for="name">Name <span>(required)</span></label>
    <input type="text" name="name" class="form-input" required />
    <label for="email">Email <span>(required)</span></label>
    <input type="email" name="email" class="form-input" required />
    <label for="subject">Subject <span>(optional)</span></label>
    <input type="text" name="subject" class="form-input" />
    <label for="message">Message <span>(required)</span></label>
    <textarea name="message" class="form-input" required></textarea>
    <input class="form-btn" type="submit" value="Send Message" />
  </form>
<!-- DC Contact Form End -->

Contact Form Style 1 : White Internal


View code:


<!-- DC Contact Form Start -->
  <form action="" class="tsc_form_contact_light nolabel">
    <input type="text" name="name" class="form-input" placeholder="Name (required)" required />
    <input type="email" name="email" class="form-input" placeholder="Email (required)" required />
    <input type="text" name="subject" class="form-input" placeholder="Subject (optional)" />
    <textarea name="message" class="form-input"  placeholder="Message (required)" required></textarea>
    <input class="form-btn" type="submit" value="Send Message" />
  </form>
<!-- DC Contact Form End -->

Contact Form Style 2 : Black

How can we help you?

View code:


<!-- DC Contact Form Start -->
  <div style="margin-bottom:20px; padding:20px 20px 0; color:#ccc; background:#000000; border:1px solid #000; border-radius:8px;">
    <form action="" class="tsc_form_contact_dark frame tbar">
      <h3>How can we help you?</h3>
      <label for="name">Name <span>(required)</span></label>
      <input type="text" name="name" class="form-input" required />
      <label for="email">Email <span>(required)</span></label>
      <input type="email" name="email" class="form-input" required />
      <label for="subject">Subject <span>(optional)</span></label>
      <input type="text" name="subject" class="form-input" />
      <label for="message">Message <span>(required)</span></label>
      <textarea name="message" class="form-input" required></textarea>
      <input class="form-btn" type="submit" value="Send Message" />
    </form>
		</div>
<!-- DC Contact Form End -->

Contact Form Style 2 : Black Internal

How can we help you?

View code:


<!-- DC Contact Form Start -->
    <div style="margin-bottom:20px; padding:20px 20px 0; color:#ccc; background:#000000; border:1px solid #000; border-radius:8px;">
    <form action="" class="tsc_form_contact_dark frame tbar nolabel">
      <h3>How can we help you?</h3>
      <input type="text" name="name" class="form-input" placeholder="Name (required)" required />
      <input type="email" name="email" class="form-input" placeholder="Email (required)" required />
      <input type="text" name="subject" class="form-input" placeholder="Subject (optional)" />
      <textarea name="message" class="form-input"  placeholder="Message (required)" required></textarea>
      <input class="form-btn" type="submit" value="Send Message" />
    </form>
 		 </div>
<!-- DC Contact Form End -->

Contact Form Style 2 : White Standard


How can we help you?

View code:


<!-- DC Contact Form Start -->
  <form action="" class="tsc_form_contact_light frame tbar">
    <h3>How can we help you?</h3>
    <label for="name">Name <span>(required)</span></label>
    <input type="text" name="name" class="form-input" required />
    <label for="email">Email <span>(required)</span></label>
    <input type="email" name="email" class="form-input" required />
    <label for="subject">Subject <span>(optional)</span></label>
    <input type="text" name="subject" class="form-input" />
    <label for="message">Message <span>(required)</span></label>
    <textarea name="message" class="form-input" required></textarea>
    <input class="form-btn" type="submit" value="Send Message" />
  </form>
<!-- DC Contact Form End -->

Contact Form Style 2 : White Internal


How can we help you?

View code:


<!-- DC Contact Form Start -->
  <form action="" class="tsc_form_contact_light frame tbar nolabel">
    <h3>How can we help you?</h3>
    <input type="text" name="name" class="form-input" placeholder="Name (required)" required />
    <input type="email" name="email" class="form-input" placeholder="Email (required)" required />
    <input type="text" name="subject" class="form-input" placeholder="Subject (optional)" />
    <textarea name="message" class="form-input"  placeholder="Message (required)" required></textarea>
    <input class="form-btn" type="submit" value="Send Message" />
  </form>
<!-- DC Contact Form End -->


© TemplateAccess