diff --git a/version_control/katalyst_by_codurance/css/templates/course-page.css b/version_control/katalyst_by_codurance/css/templates/course-page.css index 238df34..1ea7bf8 100644 --- a/version_control/katalyst_by_codurance/css/templates/course-page.css +++ b/version_control/katalyst_by_codurance/css/templates/course-page.css @@ -121,10 +121,28 @@ section h2 { } {% endcall %} +.course-video--mobile { + position: relative; +} + +.course-video--mobile iframe { + height: 100%; + left: 0; + margin: 0 auto; + position: absolute; + right: 0; + top: 0; + width: 100%; +} + +.heading.mobile-view h1 { + margin-top: var(--space-l); +} + .course-info-banner { background-color: var(--light-grey); - padding: var(--space-m) var(--space-s); - + padding-top: var(--space-m); + padding-bottom: var(--space-m); } .course-info-banner__wrapper { @@ -132,7 +150,14 @@ section h2 { align-items: center; } +.course-features-listing--mobile { + margin-inline: auto; + max-width: min(var(--content-max-width),100% - var(--space-3xl)); +} +.course-features-listing--mobile ul { + margin: unset; +} .accordion { background-color: var(--dark-blue); diff --git a/version_control/katalyst_by_codurance/templates/course-page.html b/version_control/katalyst_by_codurance/templates/course-page.html index b52aebc..fd97897 100644 --- a/version_control/katalyst_by_codurance/templates/course-page.html +++ b/version_control/katalyst_by_codurance/templates/course-page.html @@ -12,7 +12,7 @@ {% module "course_video" path="@hubspot/video" video_type="embed" label="Course video" %}
- {% module "course_price_label" path="@hubspot/text" label="Course title" %} + {% module "course_price_label" path="@hubspot/text" label="Course price label" %} € {% module "course_price" path="@hubspot/text" label="Course price" no_wrapper=True %}
{% module "purchase_button" path="@hubspot/button" label="Purchase button" no_wrapper=True %} @@ -40,6 +40,11 @@ {% module "course_description" path="@hubspot/rich_text" label="Course description" %}
+
+
+ {{ content.widgets.course_video.body.embed_field.oembed_response.html }} +
+

{{ content.widgets.course_title.body.value }}

{{ content.widgets.course_description.body.html }}

@@ -51,6 +56,20 @@

{{ content.widgets.course_title.body.value }}

+ +
+ {% set course_features_listing = content.widgets.course_features_listing.body.list_items %} + + +
+
{% module "intro_description_title" path="@hubspot/header" label="Intro Text Title" %}