Scenario JS Snippet and Notes
This commit is contained in:
@ -1,21 +1,24 @@
|
||||
{% include "header" %}
|
||||
{% include "course_version_outdated_alert", courses: courses.featured %}
|
||||
<main class="np-main np-homepage">
|
||||
{% comment %}<div class="np-homepage-hero" >{% endcomment %}
|
||||
<div class="np-homepage-hero" style="background: #34abe2; top: -1.95rem; height: 14.8rem;">
|
||||
<img class="np-homepage-hero-image"
|
||||
src="{{ homepage.artwork_url }}"
|
||||
alt="{{ homepage.headline }}"
|
||||
/>
|
||||
<div class="np-homepage-hero-content homepage-only-hero">
|
||||
<div class="np-homepage-headline np-header-font-color">
|
||||
{{ homepage.headline }}
|
||||
</div>
|
||||
<div class="np-homepage-subheadline np-header-font-color">
|
||||
{{ homepage.subheadline }}
|
||||
</div>
|
||||
|
||||
{% include "messages" %}
|
||||
{% include "course_version_outdated_alert", courses: courses.enrolled %}
|
||||
|
||||
<div class="np-homepage-hero">
|
||||
<img class="np-homepage-hero-image"
|
||||
src="{{ homepage.artwork_url }}"
|
||||
alt="{{ homepage.headline }}"
|
||||
/>
|
||||
<div class="np-homepage-hero-content">
|
||||
<div class="np-homepage-headline np-header-font-color">
|
||||
{{ homepage.headline }}
|
||||
</div>
|
||||
<div class="np-homepage-subheadline np-header-font-color">
|
||||
{{ homepage.subheadline }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<main class="np-main np-homepage">
|
||||
{% include "sub_navigation" %}
|
||||
<div class="np-homepage-featured np-max-width">
|
||||
<div class="np-homepage-featured-text">
|
||||
@ -49,7 +52,7 @@
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
{% comment %}{% include "section_popular_topics" %}{% endcomment %}
|
||||
{% include "section_popular_topics" %}
|
||||
|
||||
{% comment %}{% include "section_tips_tricks" %}{% endcomment %}
|
||||
|
||||
@ -58,6 +61,14 @@
|
||||
</main>
|
||||
{% include "footer" %}
|
||||
<style>
|
||||
.np-homepage-hero{
|
||||
background: #34abe2;
|
||||
margin-bottom: -2rem;
|
||||
margin-top: -3rem;
|
||||
padding-top: 1rem;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 420px) {
|
||||
.np-homepage-hero-content {
|
||||
padding-bottom: 5rem;
|
||||
|
||||
Reference in New Issue
Block a user