SHARE
TWEET

Untitled

a guest Mar 18th, 2019 70 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <section class="campaign">
  2.     <link rel="preload" as="font" href="https://www.gainbridge.life/GTPressura-Bold.3c08bac3.woff" type="font/woff" crossorigin="anonymous">
  3.     <link rel="preload" as="font" href="https://www.gainbridge.life/GTPressura-Bold.3557d3f1.woff2" type="font/woff2" crossorigin="anonymous">
  4.     <style>
  5.         header {z-index:10;}
  6.         .campaign {position:relative;width:2100px;text-align:right;max-width:calc(100% - 100px);}
  7.         .campaign div:last-of-type {width:500px;float:right;}
  8.         .image {position:fixed;top:0;left:0;width:calc(100% - 600px);height:100vh;z-index:-1;max-width:calc(1600px);overflow:hidden;background:rgba(0,0,0,1);}
  9.         .image img:nth-of-type(1) {position:absolute;left:50%;bottom:0;transform:translateX(-50%);min-width:calc(100% + 2px);/*min-height:100%;*/width:100%;z-index:1;-webkit-mask-image:linear-gradient(to bottom, transparent 0%, black 55%);mask-image:linear-gradient(to bottom, transparent 0%, black 50%);}
  10.         .image img:nth-of-type(2) {display:none;}
  11.         .image .text {position:absolute;top:150px;left:100px;width:600px;max-width:calc(100% - 200px);color:rgba(255,255,255,1);z-index:2;text-align:left;font-family:"GT Pressura", -apple-system, BlinkMacSystemFont, sans-serif;}
  12.         .image .text h1 {font-size:100px;margin:0 0 20px 0;font-family:"GT Pressura", -apple-system, BlinkMacSystemFont, sans-serif;font-weight:700;text-transform:uppercase;}
  13.         .image .text p {font-size:30px;margin:0 0 40px 0;line-height:1.25em;font-family:"Chronicle","Chronicle SSm A", "Chronicle SSm B", Georgia, serif;}
  14.         .image .text a {padding:0 0 .1em 0;font-size:18px;font-family:"GT Pressura", -apple-system, BlinkMacSystemFont, sans-serif;font-weight:600;color:rgba(255,255,255,1);text-decoration:none;border-bottom:1px solid rgba(255,255,255,0.4);transition:border .2s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;}
  15.         .image .text a:hover {border-bottom:1px solid rgba(255,255,255,1);}
  16.         .image .text a:visited {color:rgba(255,255,255,1);}
  17.         .image:after {content:'';position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:0;border-top:0;border-right:80px solid rgba(255,255,255,0);border-bottom:80px solid rgba(255,219,0,1);border-left:80px solid rgba(255,255,255,0);z-index:2;}
  18.         @media only screen and (max-width:1400px) {
  19.             .image .text h1 {font-size:80px;}
  20.         }
  21.         @media only screen and (max-width:1200px) {
  22.             .campaign {width:100%;max-width:100%;}
  23.             .image {position:relative;display:block;width:100%;height:auto;top:auto;left:auto;z-index:1;}
  24.             .image:after {border-top:0;border-right:40px solid rgba(255,255,255,0);border-bottom:40px solid rgba(255,219,0,1);border-left:40px solid rgba(255,255,255,0);}
  25.             .image img:nth-of-type(1) {display:none;}
  26.             .image img:nth-of-type(2) {position:relative;display:block;width:100%;-webkit-mask-image:linear-gradient(to bottom, transparent 0%, black 55%);mask-image:linear-gradient(to bottom, transparent 0%, black 50%);}
  27.             .image .text {top:30px;left:50%;max-width:calc(100% - 100px);width:500px;transform:translateX(-50%);margin:0 auto;padding:0 50px;}
  28.             .image .text h1 {font-size:40px;}
  29.             .image .text p {font-size:18px;margin:0 0 20px 0;}
  30.             .image .text a {font-size:18px;}
  31.             .campaign {width:100%;}
  32.             .campaign div:last-of-type {width:100%;}
  33.         }
  34.     </style>
  35.    
  36.     <div class="image">
  37.         <span class="text">
  38.             <h1>Win With Gainbridge.</h1>
  39.             <p>Grow your savings tax deferred with guaranteed rates starting at 3.75% APY</p>
  40.             <a href="">Learn more</a>
  41.         </span>
  42.         <img src="https://res.cloudinary.com/viralsweep/image/upload/v1552925267/slack-imgs_ce06k8.jpg">
  43.         <img src="https://res.cloudinary.com/viralsweep/image/upload/v1552678519/image_jvc70c.png">
  44.     </div>
  45.    
  46.     <div id="vsscript_48616_114121"></div><script async type="text/javascript" src="https://app.viralsweep.com/vsa-widget-535b5e-48616.js?sid=48616_114121"></script>
  47. </section>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top