Spacial - Theme docs

Examples of of Call to actions sections used throughout the theme.

Start engaging with your customers and earn more

Try our free trial for 30 days, no credit card required


<div class="index-app-devices my-4 py-4">
  <div class="container">
    <div class="cta my-4 py-4">
      <h3>
        Start engaging with your customers and earn more
      </h3>
      <p>
        Try our free trial for 30 days, no credit card required
      </p>
      <a href="#">Create an account</a>
    </div>
  </div>
</div>

Try it free for 30 days


<div class="call-to-action-signup my-4">
  <div class="container">
    <h3>
      Try it free for 30 days
    </h3>
    <form class="form-inline justify-content-center">
      <div class="form-group">
        <input type="email" class="form-control" placeholder="Your email address" />
      </div>
      <div class="form-group">
        <input type="password" class="form-control" placeholder="Your password" />
      </div>
      <button class="btn-shadow btn-shadow-primary" type="submit">
        Create account
      </button>
      <div class="agree w-100 pr-2">By signing up you agree to our <a href="#">Terms</a>.</div>
    </form>
  </div>
</div>

Let me capture the best moments of your life

Contact me now


<div class="index-photography-cta my-4">
  <h2>
    Let me capture the best moments of your life
  </h2>
  <a href="#contact" class="scroll">
    Contact me now
  </a>
</div>

Ready to get started and be awesome?

Try our 30-day trial no credit card required


<div class="index-features-cta">
  <div class="container">
    <div class="info">
      <strong>
        Ready to get started and be awesome?
      </strong>
      <p>
        Try our 30-day trial no credit card required
      </p>
    </div>
    <a href="#">Sign Up Now</a>
  </div>
</div>

Try it for 30 days no credit card required

We'll ask you for your billing information at the end of your trial

Get started now free


<div class="index-dark-cta my-4">
  <div class="container">
    <h2>
      Try it for 30 days no credit card required
    </h2>
    <p>
      We'll ask you for your billing information at the end of your trial
    </p>
    <a href="#" class="btn-shadow btn-shadow-info">
      Get started now free
    </a>
  </div>
</div>