Heroes
Main image on Homepage and Marketing Landing pages
Heroes Sample(s):
Homepage Hero
Security, meet savings
Professional and Small Business Insurance is a cinch with Berxi.
Image Dimensions
| Size (px) | Resolution | Compression | Ideal Raw File Size |
|---|---|---|---|
| 3000 x 1354 | 72dpi | 50% | < 200KB |
<div class="c_hero-main">
<div class="c_hero-homepage">
<div class="c_hero-container">
<div class="c_hero-img">
<picture>
<source media='(min-width: 1024px)' srcset='https://images.ctfassets.net/cpg1cj8zsc60/4uvW3GUzgpST8GsGq3APkz/cf01ae0c1f77c536c0d4f8ed2e6474aa/hero-img-texture-2.png?fm=jpg&q=70&fl=progressive&w=1230&h=550,
https://images.ctfassets.net/cpg1cj8zsc60/4uvW3GUzgpST8GsGq3APkz/cf01ae0c1f77c536c0d4f8ed2e6474aa/hero-img-texture-2.png?fm=jpg&q=40&fl=progressive&w=2460&h=1100 2x'>
<source media='(min-width: 768px)' srcset='https://images.ctfassets.net/cpg1cj8zsc60/4uvW3GUzgpST8GsGq3APkz/cf01ae0c1f77c536c0d4f8ed2e6474aa/hero-img-texture-2.png?fm=jpg&q=70&fl=progressive&w=984&h=440,
https://images.ctfassets.net/cpg1cj8zsc60/4uvW3GUzgpST8GsGq3APkz/cf01ae0c1f77c536c0d4f8ed2e6474aa/hero-img-texture-2.png?fm=jpg&q=40&fl=progressive&w=1968&h=880 2x'>
<source media='(min-width: 414px)' srcset='https://images.ctfassets.net/cpg1cj8zsc60/4uvW3GUzgpST8GsGq3APkz/cf01ae0c1f77c536c0d4f8ed2e6474aa/hero-img-texture-2.png?fm=jpg&q=70&fl=progressive&w=690&h=406,
https://images.ctfassets.net/cpg1cj8zsc60/4uvW3GUzgpST8GsGq3APkz/cf01ae0c1f77c536c0d4f8ed2e6474aa/hero-img-texture-2.png?fm=jpg&q=40&fl=progressive&w=1380&h=812 2x'>
<source media='(min-width: 320px)' srcset='https://images.ctfassets.net/cpg1cj8zsc60/4uvW3GUzgpST8GsGq3APkz/cf01ae0c1f77c536c0d4f8ed2e6474aa/hero-img-texture-2.png?fm=jpg&q=70&fl=progressive&w=528&h=308,
https://images.ctfassets.net/cpg1cj8zsc60/4uvW3GUzgpST8GsGq3APkz/cf01ae0c1f77c536c0d4f8ed2e6474aa/hero-img-texture-2.png?fm=jpg&q=40&fl=progressive&w=1048&h=616 2x'>
<img src='https://images.ctfassets.net/cpg1cj8zsc60/4uvW3GUzgpST8GsGq3APkz/cf01ae0c1f77c536c0d4f8ed2e6474aa/hero-img-texture-2.png?fm=jpg&q=70&fl=progressive' srcset='//images.ctfassets.net/cpg1cj8zsc60/N0pY6sQdhfyxKZC32gXe0/bc29bf099b44556806cba7655e50a5a6/berxi_homepage_hero.jpg?fm=jpg&q=70&fl=progressive&w=1230&h=550,
https://images.ctfassets.net/cpg1cj8zsc60/4uvW3GUzgpST8GsGq3APkz/cf01ae0c1f77c536c0d4f8ed2e6474aa/hero-img-texture-2.png?fm=jpg&q=40&fl=progressive&w=2460&h=1100 2x' alt='Group of users' class=''>
</picture>
</div>
<div class="c_hero-content-right">
<div class="c_hero-content">
<p>
<span>Security, meet savings</span>
</p>
<h1>Professional and Small Business Insurance is a cinch with Berxi.</h1>
</div>
<a href="#" class="btn btn-primary" data-tracking-location="c_hero-container" data-tracking-event="get-quote" data-url='/quote'>Get a Quote</a>
<span>Have a quote already?
<a class="link__quote" href='#' data-tracking-location="c_hero-container" data-tracking-event="find-quote">View your saved quote</a>
</span>
</div>
</div>
</div>
</div>Landingpage Hero
Image Dimensions
| Size (px) | Resolution | Compression | Ideal Raw File Size |
|---|---|---|---|
| 3000 x 1599 | 72dpi | 50% | < 200KB |
<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>
Landingpage Hero alt 1
Image Dimensions
| Size (px) | Resolution | Compression | Ideal Raw File Size |
|---|---|---|---|
| 3000 x 1606 | 72dpi | 50% | < 200KB |
<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/18FUgVQbiowsm2yaKGKs4/f5c284330da3afa58559937953a11286/Cinch_Hero-ImageRealEstate.jpg?fm=jpg&q=70&fl=progressive&w=1230&h=550,
//images.ctfassets.net/cpg1cj8zsc60/18FUgVQbiowsm2yaKGKs4/f5c284330da3afa58559937953a11286/Cinch_Hero-ImageRealEstate.jpg?fm=jpg&q=40&fl=progressive&w=2460&h=1100 2x'>
<source media='(min-width: 768px)' srcset='//images.ctfassets.net/cpg1cj8zsc60/18FUgVQbiowsm2yaKGKs4/f5c284330da3afa58559937953a11286/Cinch_Hero-ImageRealEstate.jpg?fm=jpg&q=70&fl=progressive&w=984&h=440,
//images.ctfassets.net/cpg1cj8zsc60/18FUgVQbiowsm2yaKGKs4/f5c284330da3afa58559937953a11286/Cinch_Hero-ImageRealEstate.jpg?fm=jpg&q=40&fl=progressive&w=1968&h=880 2x'>
<source media='(min-width: 414px)' srcset='//images.ctfassets.net/cpg1cj8zsc60/18FUgVQbiowsm2yaKGKs4/f5c284330da3afa58559937953a11286/Cinch_Hero-ImageRealEstate.jpg?fm=jpg&q=70&fl=progressive&w=690&h=406,
//images.ctfassets.net/cpg1cj8zsc60/18FUgVQbiowsm2yaKGKs4/f5c284330da3afa58559937953a11286/Cinch_Hero-ImageRealEstate.jpg?fm=jpg&q=40&fl=progressive&w=1380&h=812 2x'>
<source media='(min-width: 320px)' srcset='//images.ctfassets.net/cpg1cj8zsc60/18FUgVQbiowsm2yaKGKs4/f5c284330da3afa58559937953a11286/Cinch_Hero-ImageRealEstate.jpg?fm=jpg&q=70&fl=progressive&w=528&h=308,
//images.ctfassets.net/cpg1cj8zsc60/18FUgVQbiowsm2yaKGKs4/f5c284330da3afa58559937953a11286/Cinch_Hero-ImageRealEstate.jpg?fm=jpg&q=40&fl=progressive&w=1048&h=616 2x'>
<img src='//images.ctfassets.net/cpg1cj8zsc60/18FUgVQbiowsm2yaKGKs4/f5c284330da3afa58559937953a11286/Cinch_Hero-ImageRealEstate.jpg?fm=jpg&q=70&fl=progressive' srcset='//images.ctfassets.net/cpg1cj8zsc60/18FUgVQbiowsm2yaKGKs4/f5c284330da3afa58559937953a11286/Cinch_Hero-ImageRealEstate.jpg?fm=jpg&q=70&fl=progressive&w=1230&h=550,
//images.ctfassets.net/cpg1cj8zsc60/18FUgVQbiowsm2yaKGKs4/f5c284330da3afa58559937953a11286/Cinch_Hero-ImageRealEstate.jpg?fm=jpg&q=40&fl=progressive&w=2460&h=1100 2x' alt='Landing Page: Prod 2' 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-berxi-logo-color"></use>
</svg>
</a>
</div>
<div class="c_hero-content-left-alt1">
<div class="c_hero-content">
<h2>Get More. Spend Less.
<span>It's a Cinch.</span>
</h2>
<p>Simple, affordable errors & omissions (E&O) insurance that’s tailored to the needs of real estate appraisers.</p>
</div>
<div class="c_hero-content-cta">
<button class="btn btn-primary" data-tracking-location="c_hero-container" data-tracking-event="get-quote" data-url="">Get a Quote</button>
</div>
</div>
</div>
</div>
</div>Landingpage Hero alt 2
Stay covered. Save money. Congratulations!
You’ve got the degree! Now protect your hard work with the right policy
Confirm your details to get your recent grad discount of 50% off
Ready to start your new job?
Image Dimensions
| Size (px) | Resolution | Compression | Ideal Raw File Size |
|---|---|---|---|
| 3000 x 1375 | 72dpi | 50% | < 200KB |
<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/2xzpoe8SKYMQKe8Ae8SmE4/b7031ad6d511cb812e5c9fd8cceb78c2/Grad_LP_Asset.png?fm=jpg&q=70&fl=progressive&w=1230&h=550,
//images.ctfassets.net/cpg1cj8zsc60/2xzpoe8SKYMQKe8Ae8SmE4/b7031ad6d511cb812e5c9fd8cceb78c2/Grad_LP_Asset.png?fm=jpg&q=40&fl=progressive&w=2460&h=1100 2x'>
<source media='(min-width: 768px)' srcset='//images.ctfassets.net/cpg1cj8zsc60/2xzpoe8SKYMQKe8Ae8SmE4/b7031ad6d511cb812e5c9fd8cceb78c2/Grad_LP_Asset.png?fm=jpg&q=70&fl=progressive&w=984&h=440,
//images.ctfassets.net/cpg1cj8zsc60/2xzpoe8SKYMQKe8Ae8SmE4/b7031ad6d511cb812e5c9fd8cceb78c2/Grad_LP_Asset.png?fm=jpg&q=40&fl=progressive&w=1968&h=880 2x'>
<source media='(min-width: 414px)' srcset='//images.ctfassets.net/cpg1cj8zsc60/2xzpoe8SKYMQKe8Ae8SmE4/b7031ad6d511cb812e5c9fd8cceb78c2/Grad_LP_Asset.png?fm=jpg&q=70&fl=progressive&w=690&h=406,
//images.ctfassets.net/cpg1cj8zsc60/2xzpoe8SKYMQKe8Ae8SmE4/b7031ad6d511cb812e5c9fd8cceb78c2/Grad_LP_Asset.png?fm=jpg&q=40&fl=progressive&w=1380&h=812 2x'>
<source media='(min-width: 320px)' srcset='//images.ctfassets.net/cpg1cj8zsc60/2xzpoe8SKYMQKe8Ae8SmE4/b7031ad6d511cb812e5c9fd8cceb78c2/Grad_LP_Asset.png?fm=jpg&q=70&fl=progressive&w=528&h=308,
//images.ctfassets.net/cpg1cj8zsc60/2xzpoe8SKYMQKe8Ae8SmE4/b7031ad6d511cb812e5c9fd8cceb78c2/Grad_LP_Asset.png?fm=jpg&q=40&fl=progressive&w=1048&h=616 2x'>
<img src='//images.ctfassets.net/cpg1cj8zsc60/2xzpoe8SKYMQKe8Ae8SmE4/b7031ad6d511cb812e5c9fd8cceb78c2/Grad_LP_Asset.png?fm=jpg&q=70&fl=progressive' srcset='//images.ctfassets.net/cpg1cj8zsc60/2xzpoe8SKYMQKe8Ae8SmE4/b7031ad6d511cb812e5c9fd8cceb78c2/Grad_LP_Asset.png?fm=jpg&q=70&fl=progressive&w=1230&h=550,
//images.ctfassets.net/cpg1cj8zsc60/2xzpoe8SKYMQKe8Ae8SmE4/b7031ad6d511cb812e5c9fd8cceb78c2/Grad_LP_Asset.png?fm=jpg&q=40&fl=progressive&w=2460&h=1100 2x' alt='Grad LP Asset' class=''>
</picture>
</div>
<div class="c_hero-content-right-alt2">
<div class="c_hero-content">
<h2>Stay covered. Save money.
<span>Congratulations!</span>
</h2>
<p>You’ve got the degree! Now protect your hard work with the right policy</p>
<p>Confirm your details to get your recent grad discount of 50% off</p>
</div>
<div class="c_hero-content-cta">
<p>Ready to start your new job?</p>
<button class="btn btn-primary w-full" data-tracking-location="c_hero-container" data-tracking-event="get-quote" data-url="">Stay Protected</button>
</div>
</div>
</div>
</div>
</div>