diff --git a/services/web/app/views/subscriptions/new.pug b/services/web/app/views/subscriptions/new.pug index b0bf34e249..42f8fd54b5 100644 --- a/services/web/app/views/subscriptions/new.pug +++ b/services/web/app/views/subscriptions/new.pug @@ -214,6 +214,16 @@ block content | {{ monthlyBilling ? '#{translate("upgrade_cc_btn")}' : '#{translate("upgrade_now")}'}} span(ng-if="paymentMethod.value !== 'credit_card'") #{translate("upgrade_paypal_btn")} + p.tos-agreement-notice + | By subscribing, you agree to our + | + a( + href="/legal#Terms" + target="_blank" + rel="noopener noreferrer" + ) terms of service + | . + div.three-d-secure-container.card.card-highlighted.card-border(ng-show="threeDSecureFlow") .alert.alert-info.small(aria-live="assertive") strong #{translate('card_must_be_authenticated_by_3dsecure')} diff --git a/services/web/frontend/stylesheets/app/base.less b/services/web/frontend/stylesheets/app/base.less index 7f1e8b35b8..7a73652bdc 100644 --- a/services/web/frontend/stylesheets/app/base.less +++ b/services/web/frontend/stylesheets/app/base.less @@ -128,3 +128,18 @@ .grecaptcha-badge { display: none; } + +.tos-agreement-notice { + text-align: center; + margin-top: (@line-height-computed / 4); + margin-bottom: 0; + font-size: @font-size-small; + &.tos-agreement-notice-homepage { + margin-top: (@line-height-computed / 2); + color: #fff; + & > a { + color: #fff; + text-decoration: underline; + } + } +}