Hero Alt Layout
Full Page Layout for Homepage, excluding main content
Hero Alt Layout Sample(s):
Headline
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
You work hard.Make your
insurance easy
Take two minutes and see for yourself.
<div class="main-wrap bg-white">
<div class="c_hero-main">
<div class="c_hero-landingpage">
<div class="c_hero-container">
<div class="c_hero-img">
<picture>
<source media='(min-width: 1024px)' srcset='//images.ctfassets.net/cpg1cj8zsc60/1mFKu5qVMUSugaqAs0GEqi/0248e38c1472d1ec2dec2fff48ad3ae0/landing-page-large.jpg?fm=jpg&q=70&fl=progressive&w=1230&h=550,
//images.ctfassets.net/cpg1cj8zsc60/1mFKu5qVMUSugaqAs0GEqi/0248e38c1472d1ec2dec2fff48ad3ae0/landing-page-large.jpg?fm=jpg&q=40&fl=progressive&w=2460&h=1100 2x'>
<source media='(min-width: 768px)' srcset='//images.ctfassets.net/cpg1cj8zsc60/1mFKu5qVMUSugaqAs0GEqi/0248e38c1472d1ec2dec2fff48ad3ae0/landing-page-large.jpg?fm=jpg&q=70&fl=progressive&w=984&h=440,
//images.ctfassets.net/cpg1cj8zsc60/1mFKu5qVMUSugaqAs0GEqi/0248e38c1472d1ec2dec2fff48ad3ae0/landing-page-large.jpg?fm=jpg&q=40&fl=progressive&w=1968&h=880 2x'>
<source media='(min-width: 414px)' srcset='//images.ctfassets.net/cpg1cj8zsc60/1mFKu5qVMUSugaqAs0GEqi/0248e38c1472d1ec2dec2fff48ad3ae0/landing-page-large.jpg?fm=jpg&q=70&fl=progressive&w=690&h=406,
//images.ctfassets.net/cpg1cj8zsc60/1mFKu5qVMUSugaqAs0GEqi/0248e38c1472d1ec2dec2fff48ad3ae0/landing-page-large.jpg?fm=jpg&q=40&fl=progressive&w=1380&h=812 2x'>
<source media='(min-width: 320px)' srcset='//images.ctfassets.net/cpg1cj8zsc60/1mFKu5qVMUSugaqAs0GEqi/0248e38c1472d1ec2dec2fff48ad3ae0/landing-page-large.jpg?fm=jpg&q=70&fl=progressive&w=528&h=308,
//images.ctfassets.net/cpg1cj8zsc60/1mFKu5qVMUSugaqAs0GEqi/0248e38c1472d1ec2dec2fff48ad3ae0/landing-page-large.jpg?fm=jpg&q=40&fl=progressive&w=1048&h=616 2x'>
<img src='//images.ctfassets.net/cpg1cj8zsc60/1mFKu5qVMUSugaqAs0GEqi/0248e38c1472d1ec2dec2fff48ad3ae0/landing-page-large.jpg?fm=jpg&q=70&fl=progressive' srcset='//images.ctfassets.net/cpg1cj8zsc60/1mFKu5qVMUSugaqAs0GEqi/0248e38c1472d1ec2dec2fff48ad3ae0/landing-page-large.jpg?fm=jpg&q=70&fl=progressive&w=1230&h=550,
//images.ctfassets.net/cpg1cj8zsc60/1mFKu5qVMUSugaqAs0GEqi/0248e38c1472d1ec2dec2fff48ad3ae0/landing-page-large.jpg?fm=jpg&q=40&fl=progressive&w=2460&h=1100 2x' alt='Landing Page: Prod 1' class=''>
</picture>
</div>
<div class="c_hero-logo-container">
<a href="https://www.itsacinch.com/">
<svg>
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#logos-logo-color"></use>
</svg>
</a>
</div>
<div class="c_hero-content-left">
<div class="c_hero-content">
<h2>Get More. Spend Less.
<span>It's a Cinch.</span>
</h2>
<p>Simple, Affordable and Reliable Malpractice Insurance tailored for the needs of Nurses.</p>
</div>
<div class="c_hero-content-cta">
<form action="" class="validate">
<div class="form-group select-box-group">
<select name="" id="" class="ih-5 br-sm b-s-md bc-steel-grey ph-5 ts-lg" required="">
<option value="" class="placeholder" hidden="">Please select your profession</option>
<option value="Audiology,_Speech_and_Hearing">Audiology, Speech and Hearing</option>
<option value="Nurse_Anesthetist_(CRNA)">Nurse Anesthetist (CRNA)</option>
<option value="Nurse_Practitioner">Nurse Practitioner</option>
<option value="Optometry">Optometry</option>
<option value="Physical_and_Occupational_Therapy">Physical and Occupational Therapy</option>
<option value="Physician_Assistant">Physician Assistant</option>
<option value="Psychology_and_Mental_Health">Psychology and Mental Health</option>
<option value="Nursing_(RN,_LPN,_LVN)">Nursing (RN, LPN, LVN)</option>
<option value="Nuclear_Medicine_Professionals">Nuclear Medicine Professionals</option>
<option value="Social_Work_and_Counseling_Services">Social Work and Counseling Services</option>
<option value="Dentistry">Dentistry</option>
<option value="Other_Healthcare_Profession_not_listed">Other Healthcare Profession not listed</option>
</select>
</div>
<div class="form-group">
<input type="text" pattern="(\d{5}([\-]\d{4})?)" aria-describedby="msg-zip_code" name="zip_code" id="zip_code" required="" aria-required="true" placeholder="Zip code">
</div>
<div>
<button class="btn btn-primary" data-tracking-location="c_hero-container" data-tracking-event="get-quote" data-url='/quote'>Get a Quote</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<main class="container mx-auto">
Main content goes here.
</main>
</div>
<div class="c_landingpage-sum-section">
<div class="c_landingpage-sum-section-wrap">
<div class="c_sum-section-one">
<h2>You work hard.<span>Make your <br/>insurance easy</span></h2>
<p>Take two minutes and see for yourself.</p>
<div class="c_hero-content-cta">
<form action="" class="validate">
<div class="form-group select-box-group">
<select name="" id="" class="ih-5 br-sm b-s-md bc-steel-grey ph-5 ts-lg" required="">
<option value="" class="placeholder" hidden="">Please select your profession</option>
<option value="Audiology,_Speech_and_Hearing">Audiology, Speech and Hearing</option>
<option value="Nurse_Anesthetist_(CRNA)" >Nurse Anesthetist (CRNA)</option>
<option value="Nurse_Practitioner" >Nurse Practitioner</option>
<option value="Optometry" >Optometry</option>
<option value="Physical_and_Occupational_Therapy" >Physical and Occupational Therapy</option>
<option value="Physician_Assistant" >Physician Assistant</option>
<option value="Psychology_and_Mental_Health" >Psychology and Mental Health</option>
<option value="Nursing_(RN,_LPN,_LVN)" >Nursing (RN, LPN, LVN)</option>
<option value="Nuclear_Medicine_Professionals" >Nuclear Medicine Professionals</option>
<option value="Social_Work_and_Counseling_Services" >Social Work and Counseling Services</option>
<option value="Dentistry" >Dentistry</option>
<option value="Other_Healthcare_Profession_not_listed" >Other Healthcare Profession not listed</option>
</select>
</div>
<div class="form-group">
<input type="text" pattern="(\d{5}([\-]\d{4})?)" aria-describedby="msg-zip_code" name="zip_code" id="zip_code" required="" aria-required="true" placeholder="Zip code">
</div>
<div>
<button class="btn btn-primary" data-tracking-location="c_hero-container" data-tracking-event="get-quote" data-url='/quote'>Get a Quote</button>
</div>
</form>
</div>
</div>
<div class="c_sum-section-two">
<div class="c_sum-section-content">Nurses are the heart and soul of the healthcare system, and serve on the front lines of patient care. Whether you’re an RN, LPN, or LVN, you work in a fast-paced practice setting, and you’re a critical source of compassion and empathy for patients faced with uncertainty and anxiety. We understand the challenges Nurses face as caregivers, advocates, and educators, and the risks that come with the job. We developed our Professional Protection – Healthcare™ product to offer comprehensive and affordable malpractice protection Nurses need, so you can focus on what’s most important – your patients’ well-being.</div>
</div>
</div>
</div>
<footer class="c_footer-primary">
<div class="container c_footer-wrapper">
<div class="c_footer__row-one">
<div class="c_footer-nav-wrapper">
<div class="c_footer-nav-container">
<nav>
<ul>
<li>
<a href="#">Insurance</a>
</li>
<li>
<a href="#">Customer Support</a>
</li>
<li>
<a href="#">Resources</a>
</li>
<li>
<a href="#">About</a>
</li>
<li>
<a href="#">FAQ</a>
</li>
</ul>
</nav>
</div>
<div class="c_footer-nav-cta">
<p>Need Help?</p>
<p>
<a href="tel:8332423794">833-24-BERXI</a>
</p>
<p>
<a href="tel:8332423794">833-242-3794</a>
</p>
</div>
</div>
<div>
<svg>
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#logos-logo-white"></use>
</svg>
</div>
</div>
<div class="c_footer__row-two">
<p>Ⓒ Copyright 2016
<span id="copyright"></span> Cinch™ is a part of Berkshire Hathaway Specialty Insurance Company</p>
<nav>
<ul>
<li>
<a href="#">Privacy Policy</a>
</li>
<li>
<a href="#">Terms of Use</a>
</li>
<li>
<a href="#">NY Residents</a>
</li>
<li>
<a href="#">Disclaimer</a>
</li>
</ul>
</nav>
</div>
</div>
</footer>Hero Image Dimensions
| Size (px) | Resolution | Compression | Ideal Raw File Size |
|---|---|---|---|
| 3000 x 1599 | 72dpi | 50% | < 200KB |