Jump Start

Theme Blvd framework at its core
  • Home
  • Post List
  • Post Grid
    • Post Grid – 2 Columns
    • Post Grid – 3 Columns
    • Post Grid – 4 Columns
    • Post Grid – 5 Columns
  • Sidebar Layouts
    • Full Width Page
    • Sidebar Right
    • Sidebar Left
    • Double Sidebars
    • Double Right Sidebars
    • Double Left Sidebars
  • Sample Layouts
    • Business Homepage #1
    • Business Homepage #2
    • Business Homepage #3
    • Business Homepage #4
    • Classic Magazine #1
    • Classic Magazine #2
    • Design Agency
    • Portfolio Homepage
    • Showcase Blogger
  • Features
    • Bootstrap Integration
    • Contact Forms
    • Footer Options
    • Layout Builder
    • Lightbox Integration
    • Responsive Design
    • Shortcodes
      • Buttons
      • Columns
      • Components
      • Display Posts
      • Image Icons
      • Inline Elements
      • Lightbox
      • Sliders
        • Custom Sliders
        • Gallery Slider
        • Post Sliders
      • Tabs & Toggles
    • Slider Manager
    • Typography
    • Unlimited Sidebars
    • Vector Icon Integration
    • Widgets
  • Page Templates
    • Archives
    • Post List
    • Post Grid
    • Sitemap
    • Redirect
  • Home
  • Features
  • Contact Forms

Contact Forms

Contact Form 7 is a great, free plugin you can use to insert contact forms into your pages and posts. If you’re looking for a paid forms plugin that you can do more with and works great with the theme, checkout Gravity Forms.

Note: The contact form examples below will not actually send because our demo servers do not have PHP mail configured.

Sample Contact Form

Here’s an example of a basic contact form setup with Contact Form 7 and HTML compatible with our baked-in version of Twitter Bootstrap.

    Source Code

    <div class="form-horizontal">
      <div class="form-group">
        <label class="col-sm-2 control-label">Name</label>
        <div class="col-sm-10">
          [text* your-name class:form-control]
        </div>
      </div>
      <div class="form-group">
        <label class="col-sm-2 control-label">Email</label>
        <div class="col-sm-10">
          [text* your-email class:form-control]
        </div>
      </div>
      <div class="form-group">
        <label class="col-sm-2 control-label">Email</label>
        <div class="col-sm-10">
          [textarea your-message class:form-control]
        </div>
      </div>
      <div class="form-group">
        <div class="col-sm-offset-2 col-sm-10">
          [submit class:btn class:btn-default "Send Message"]
        </div>
      </div>
    </div>

    Copy the above source code into your Contact Form 7 form builder for a quick start.

    • Feature Highlights
    • Contact Forms
    • Footer Options
    • Layout Builder
    • Lightbox Integration
    • Responsive Design
    • Shortcodes
    • Slider Manager
    • Typography
    • Unlimited Sidebars
    • Widgets
    • Bootstrap + Fontawesome
    • Bootstrap Integration
    • Navigation Menus
    • Vector Icon Integration

    From Twitter

    • My first big NPM published package is up! It's a front-end web framework I'll be using to replace Bootstrap in my W… https://t.co/hctj3YLBaR
      August 1, 2018

    Recent Posts

    • The city is powering down for the night
    • Cheap cars can photograph well
    • I’m thinking a vacation is in order
    • There’s no one enjoying the sunset

    Raw Content

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

    Get in Touch

    • 907-555-5555
    • you@youremail.com
    • Contact Us
    • YourSkypeName
      • Twitter
      • Facebook
      • Google+
      • Pinterest
      • Linkedin
      • RSS
    (c) 2013 Jump Start - Powered by WordPress, Designed by Theme Blvd
    • Sitemap
    • Archives
    • Terms of Service