Skip to content

Instantly share code, notes, and snippets.

@gera3d
Created October 23, 2018 18:30
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save gera3d/035a702714a8791226ccb35d600d2e08 to your computer and use it in GitHub Desktop.
Save gera3d/035a702714a8791226ccb35d600d2e08 to your computer and use it in GitHub Desktop.
Responsive CTA block from CBOMS
<div class="container cta cta-desktop-section text-light ">
<br class="spacer20">
<div class="row hidden-xs hidden-sm hidden-md">
<div class="col-lg-5 col-md-12 col-md-offset-0">
<h2 class="col-lg-12">Our Patients </h2>
<p class="col-lg-12">Save some time when you come in. Register for your appointment online.</p>
<ul class="saved-buttons-list">
<li class="col-md-6 col-sm-6"><a target="_blank" href="https://secureform.seamlessdocs.com/f/cbomsreg/" class="type3"><button type="button" class="btn-md pri ">Registration</button></a></li>
</ul>
</div>
<div class="col-lg-5 col-lg-offset-1 col-md-12 col-md-offset-0">
<h2 class="col-lg-12">Referring Providers</h2>
<p class="col-lg-12">Send us a referral and see how much dentists love working with us.</p>
<ul class="saved-buttons-list">
<li class="col-md-6 col-sm-6"><a href="https://youtu.be/nOXCVsMXXWU?autoplay=1&amp;autohide=1&amp;rel=0&amp;showinfo=0&amp;hd=1" class="type3"><button type="button" class="btn-md pri ">Watch Video</button></a></li>
<li class="col-md-6 col-sm-6"><a target="_blank" href="https://secureform.seamlessdocs.com/f/cbomsref/" class="type3"><button type="button" class="btn-md pri ">Referral</button></a></li>
</ul>
</div>
</div>
<br class="spacer20">
</div>
<div class="container cta cta-mobile-section visible-xs visible-sm visible-md text-light ">
<br class="spacer20">
<div class="row">
<ul>
<li class="col-md-6">
<a target="_blank" href="https://secureform.seamlessdocs.com/f/cbomsreg/" class="full-click"><h2>Registration Form ↗</h2>
<p>Save some time when you come in. Register for your appointment online.</p></a>
</li>
<li class="col-md-6">
<a target="_blank" href="https://secureform.seamlessdocs.com/f/cbomsref/" class="full-click"><h2>Referral Form ↗</h2>
<p>Send us a referral and see how much dentists love working with us.</p></a>
</li>
</ul>
</div>
</div>
@gera3d
Copy link
Author

gera3d commented Oct 23, 2018

For this, to work you need bootstrap on your website. It also needs some clean up for the classes. I will come back to this. Just wanted to save it for the future.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment