x x x
x
Only portrait mode is currently supported - please rotate your device.

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Updated brex copy

...

HTML
<style>
body .green-overlay {
    background-color: #41b46a;
    opacity: 0.80;
    -moz-opacity: 80%;
    -webkit-opacity: 80%;
}
#passportonly .price-content p:first-child {
    margin-top: 0px;
}
#passporttrial .pricing-card-price-container p.price-individuals {
    font-size: 17px;
    color: #ff7e5f;
}
#passportonly p.price-individuals.display-none{ display: flex !important; }
#passporttrial .pricing-card-price-container {
    background: black;
}

#passporttrial .pricing-card-price-container p {
    font-size: 30px;
    display: flex !important;
}

#passporttrial .price-indivuals-row {
    margin-top: -10px;
}
body .price-individuals{
    letter-spacing: -.2px;
}
#passporttrial .pricing-card-price-text {
    width: 70%;
}

#passporttrial .price-content {
    width: 75%;
    margin: auto;
}
body .pricing-card-title {
    color: black;
    display: flex;
    align-items: center;
    justify-content: center;
}
img#brex_logo {
    width: 55px;
    margin-left: 5px;
}
#passporttrial .price-content, #passportonly .price-content {
    max-height: 400px;
    font-size: 16px;
}

#passportonly .price-content p {
    margin: 16.5px;
}
div#brex_content {
    margin: 15px0px 13px;
}

img#brex_logo_content {
    width: 70px;
}

p#greytext {
    color: #999999;
}
body .pricing-card-container{
	height: 750px;
}
.logo_title {
    display: flex;
    align-items: center;
    height: 35px;
    margin-bottom: 0px;
    justify-content: center;
}
p#scholarship-text {
    height: auto;
    line-height: initial;
    margin-bottom: 8px;
}
body .pricing-card-title {
    flex-direction: column;
    padding: 15px;
}

img#brex_logo {
    margin-right: 5px;
    width: 65px;
}

p#title_logo_caveat {
    font-size: 15px;
    font-weight: 200;
    height: auto;
    margin-top: -5px;
    line-height: initial;
    margin-bottom: 5px;
}

#brex_content p {
    line-height: initial;
}

#brex_content p:nth-child(3) {
    margin-top: 3px;
}

#brex_content div {
    display: flex;
    justify-content: center;
}

img#brex_logo_content {
    margin-right: 5px;
}

div#brex_content {
    margin-bottom: 40px10px;
}

#passporttrial .pricing-card-price-container p {
    font-size: 33px;
}

#passporttrial .price-amount-row {
    height: 45%;
}

#passporttrial .price-indivuals-row {
    margin-top: -20px;
}

body .pricing-card-title {
    font-size: 18px;
}

body .price-indivuals-row {
    margin-top: -5px;
}

p.price-amount {
    height: 85px;
    font-size: 44px;
}

.logo_title div#scholarship {
    height: 35px;
    position: relative;
    bottom: 5px;
}
body .price-amount-row {
    display: flex;
    flex-direction: row;
    height: 44%;
    justify-content: center;
    align-items: center;
}
body .price-amount-per {
    font-family: var(--header-font-family);
    font-size: 18.5px;
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.14;
    letter-spacing: 1.9px;
    text-align: center;
    color: #f0f0f0;
    height: auto;
    margin-top: 35px;
}
#passportonly .pricing-card-price-container p.price-individuals {
    font-size: 17px;
}
p#greytext {
    color: #999999;
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.64;
    letter-spacing: -0.06px;
    text-align: center;
    color: #898383;
    margin-top: 0px;
    width: 85%;
    margin: auto;
}
body #passporttrial .pricing-card-title {
    padding-top: 20px;
}
#passportonly .pricing-card-price-text {
    margin-bottom: 10px;
}
</style>

...

Custom section
CustomCSSheight:auto;width:100%;background:#ECF1F1;flex-wrap:wrap;


Background image div
CustomCSSheight: 600px
ImageUrl/download/attachments/14746690/new_background.jpg
Classthree-hundred



Custom section
CustomCSSflex-wrap:wrap;margin-top:-540px;
Classtwo-hundred

Pricing page message
TitleJoin for unlimited access to Passport™

Custom section
CustomCSSz-index: 5; flex-wrap: wrap; height: auto; width: 80%; justify-content: center; margin-left: auto; margin-right: auto;
Classcontent

Pricing card
ReftToggleTextAnnually
UnderText*Billed Annually
DefaultToggleRight
UpgradeUrlTwo/display/FEAT/Checkout+-+Yearly
PriceAmount$50
PricePermonth
PriceContent$800K+ in Discounts#Slack Community#24 Coworking Days#Templates & Guides#Curated Events Calendar#Investor Connections#Direct Access To Mentorship
TitlePassport
UpgradeUrl/display/FEAT/Checkout+-+Yearly
IDpassportonly
RightToggleTextAnnually
LeftToggleTextAnnually
Pricing card
ReftToggleTextAnnually
UnderTextFirst Year Passport Membership
DefaultToggleRight
UpgradeUrlTwohttps://bit.ly/brexpassport
PriceAmountFREE
PriceContentPassport First Year Free#<p Free<p id="plussign" style="margin-top: 0px;" >+</p>#<div p><div id="brex_content"><div><img id="brex_logo_content" src="/download/attachments/14746690/brex_logo.png" /> Scholarship*</div><p>Corporate Card</p><p>Waived p><p>With waived fees for life</p><p>or</p><p>Brex Cash</p><p>With unlimited wire transfers and no minimum balance required</p></div>#<p div><p id="greytext">*Available for U.S. startups only, and valid for new Brex applications after 5/20/20. Approved applicants receive 1 year free Passport membership.</p><p id="greytext">*Signing up for a BREX Corporate Card will not affect your credit score</p>
Title<div class="logo_title"><img id="brex_logo" src="/download/attachments/14746690/brex_logo.png" /> <p id="scholarship-text">Scholarship </p></div><p id="title_logo_caveat">Available for U.S. startups only.</p>
UpgradeUrlhttps://bit.ly/brexpassport
IDpassporttrial
RightToggleTextAnnually
LeftToggleTextAnnually

Hide If
special@anonymous
groupconfluence-users

Pricing card
PriceAmountTwo$350
PriceAmount$350
PricePermo
YellowText
PriceContentAccess to Passport#Community Events# Unlimited Coffee & Tea#Free Print, Scan, Copy#Company Mail Box#Conference Rooms#Free Craft Beer
TitleHot Desk
UnderTextTwo
HasToggletrue
UnderText
UpgradeUrlTwo/display/FEAT/Checkout+-+Hot+Desk+-+Boston
PricePerTwomo
UpgradeUrl/display/FEAT/Checkout+-+Hot+Desk+-+San+Mateo
RightToggleTextBoston
LeftToggleTextSan Mateo




Background image div
CustomCSSheight: 550px; margin-top: 150px; margin-bottom: 100px
ImageUrl/download/attachments/14746690/pricing-gsvlabsconference-background.jpg?api=v2
Classfive-hundred



Custom section
CustomCSSz-index: 50; justify-content: center; margin-top: -585px;
Classfive-hundred-margin

Contact us block
ButtonOneFREE TRIAL
ButtonTwoUrl#
ButtonTwoContact Us
TitleHave any questions? Take advantage of our FREE TRIAL *Perks not included in free trial
ButtonOneUrl/display/FEAT/First+Month+Free+-+Checkout
LocationsTextPerks not included in free trial

HTML
<script>
$('.contact-button').click(function(e){
    if(e.target.innerText == "Contact Us"){
     console.log("trigger intercom");
	 Intercom('show');
   } else { console.log(e.target.innerText) }
});
</script>



...