Created
October 23, 2018 18:30
-
-
Save gera3d/035a702714a8791226ccb35d600d2e08 to your computer and use it in GitHub Desktop.
Responsive CTA block from CBOMS
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<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&autohide=1&rel=0&showinfo=0&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> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
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.