diff --git a/bedrock/firefox/templates/firefox/welcome/page15.html b/bedrock/firefox/templates/firefox/welcome/page15.html index 651a83fd40c..289ddaba986 100644 --- a/bedrock/firefox/templates/firefox/welcome/page15.html +++ b/bedrock/firefox/templates/firefox/welcome/page15.html @@ -73,60 +73,59 @@ {% block shoulder_cta %}{% endblock %} -{% block content_intro %} -
- -

{{ main_title }}

+{% block content_primary %} + +

{{ main_title }}

-
- {{ picture( - url="img/firefox/welcome/page15/hero-light.svg", - sources=[ - { - "media": "(prefers-color-scheme: light)", - "srcset": { - "img/firefox/welcome/page15/hero-light.svg": "default", - } - }, - { - "media": "(prefers-color-scheme: dark)", - "srcset": { - "img/firefox/welcome/page15/hero-dark.svg": "default", - } +
+ {{ picture( + url="img/firefox/welcome/page15/hero-light.svg", + sources=[ + { + "media": "(prefers-color-scheme: light)", + "srcset": { + "img/firefox/welcome/page15/hero-light.svg": "default", + } + }, + { + "media": "(prefers-color-scheme: dark)", + "srcset": { + "img/firefox/welcome/page15/hero-dark.svg": "default", } - ], - optional_attributes={ - "alt": "", - "width": "600", - "height": "300", } - ) }} -
-

- {{ main_tagline }} -

- {{ vpn_product_referral_link( - referral_id='welcome-page15', - link_to_pricing_page=True, - link_text=cta_text, - class_name='mzp-t-product mzp-t-xl', - optional_attributes= { - 'data-cta-text' : 'Try Mozilla VPN', - 'data-cta-type' : 'button' + ], + optional_attributes={ + "alt": "", + "width": "600", + "height": "300", } - )}} + ) }}
{% endblock %} - -{% block content_body %} +{% block content_secondary %} +

+ {{ main_tagline }} +

+{% endblock %} +{% block secondary_cta %} + {{ vpn_product_referral_link( + referral_id='welcome-page15', + link_to_pricing_page=True, + link_text=cta_text, + class_name='mzp-t-product mzp-t-xl', + optional_attributes= { + 'data-cta-text' : 'Try Mozilla VPN', + 'data-cta-type' : 'button' + } + )}} {% endblock %} {% block content_utility %} -

- - - {{ utility_link_copy }} - - -

+

+ + + {{ utility_link_copy }} + + +

{% endblock %} diff --git a/media/css/firefox/welcome15.scss b/media/css/firefox/welcome15.scss index cb945884fba..1c648ed7e55 100644 --- a/media/css/firefox/welcome15.scss +++ b/media/css/firefox/welcome15.scss @@ -20,7 +20,7 @@ $image-path: '/media/protocol/img'; // * -------------------------------------------------------------------------- */ // Main content -.c-main { +.page-body { text-align: center; }