<div class="listing-page-header listing-page-header--practice">
<div class="listing-page-header__background-pattern"> </div>
<div class="listing-page-header__container">
<div class="listing-page-header__content">
<div class="header-base header-base--dark">
<div class="header-base__breadcrumbs">
<nav aria-label="Breadcrumb navigation" class="breadcrumbs breadcrumbs--dark">
<ul class="breadcrumbs__list">
<li class="breadcrumbs__item">
<a href="#" class="breadcrumbs__item-link">
Home</a><span class="breadcrumbs__separator"><svg aria-hidden="true" class="icon-right-triangle" xmlns="http://www.w3.org/2000/svg" width="6" height="8" viewBox="0 0 6 8">
<path class="_mark icon-right-triangle__shape" fill="#AEB4BA" fill-rule="evenodd" d="M0 0l6 4-6 4z" />
</svg>
</span>
</li>
<li class="breadcrumbs__item">
<a href="#" class="breadcrumbs__item-link">
Our Work</a><span class="breadcrumbs__separator"><svg aria-hidden="true" class="icon-right-triangle" xmlns="http://www.w3.org/2000/svg" width="6" height="8" viewBox="0 0 6 8">
<path class="_mark icon-right-triangle__shape" fill="#AEB4BA" fill-rule="evenodd" d="M0 0l6 4-6 4z" />
</svg>
</span>
</li>
<li class="breadcrumbs__item">
<a href="#" class="breadcrumbs__item-link">
Interior Page One</a><span class="breadcrumbs__separator"><svg aria-hidden="true" class="icon-right-triangle" xmlns="http://www.w3.org/2000/svg" width="6" height="8" viewBox="0 0 6 8">
<path class="_mark icon-right-triangle__shape" fill="#AEB4BA" fill-rule="evenodd" d="M0 0l6 4-6 4z" />
</svg>
</span>
</li>
<li class="breadcrumbs__item">
<span class="breadcrumbs__item-current">
Child Page 2
</span>
</li>
</ul>
</nav>
</div>
<div class="header-base__title">
<div class="header-base__title-icon">
<svg class="light-bulb" viewBox="0 0 9 13" xmlns="http://www.w3.org/2000/svg">
<path class="light-bulb__path" d="M6.96094 6.33594C7.28906 5.86719 7.5 5.28125 7.5 4.625C7.5 2.98438 6.14062 1.625 4.5 1.625C2.83594 1.625 1.5 2.98438 1.5 4.625C1.5 5.28125 1.6875 5.86719 2.01562 6.33594C2.10938 6.47656 2.20312 6.61719 2.32031 6.75781C2.625 7.17969 2.97656 7.67188 3.25781 8.16406C3.49219 8.60938 3.63281 9.07812 3.67969 9.5H2.55469C2.48438 9.21875 2.41406 8.96094 2.27344 8.70312C2.03906 8.28125 1.75781 7.88281 1.45312 7.48438C1.33594 7.32031 1.21875 7.15625 1.10156 6.99219C0.632812 6.3125 0.375 5.51562 0.375 4.625C0.375 2.35156 2.20312 0.5 4.5 0.5C6.77344 0.5 8.625 2.35156 8.625 4.625C8.625 5.51562 8.34375 6.3125 7.875 6.99219C7.75781 7.15625 7.64062 7.32031 7.52344 7.48438C7.21875 7.88281 6.9375 8.28125 6.70312 8.70312C6.5625 8.96094 6.49219 9.21875 6.42188 9.5H5.29688C5.36719 9.07812 5.48438 8.60938 5.71875 8.16406C6 7.67188 6.35156 7.17969 6.65625 6.75781C6.77344 6.61719 6.86719 6.47656 6.96094 6.33594ZM4.5 3.5C3.86719 3.5 3.375 4.01562 3.375 4.625C3.375 4.83594 3.1875 5 3 5C2.78906 5 2.625 4.83594 2.625 4.625C2.625 3.59375 3.44531 2.75 4.5 2.75C4.6875 2.75 4.875 2.9375 4.875 3.125C4.875 3.33594 4.6875 3.5 4.5 3.5ZM4.5 12.5C3.44531 12.5 2.625 11.6797 2.625 10.625V10.25H6.375V10.625C6.375 11.6797 5.53125 12.5 4.5 12.5Z" fill="white" />
</svg>
</div>
<h1 class="header-base__title-header">Promising Practices</h1>
</div>
<div class="header-base__intro-text">
E3 Alliance and our partners establish measurable focus areas to improve outcomes for Central Texas students. These focus areas are based on data, feedback from the community, and expert guidance.
</div>
</div>
</div>
</div>
</div>
<div class="listing-page-header listing-page-header--{{ post.postType }}">
{% include 'partials/small-secondary-navigation/small-secondary-navigation.twig' %}
<div class="listing-page-header__background-pattern"> </div>
<div class="listing-page-header__container">
<div class="listing-page-header__content">
{% include "templates/header-base/header-base.twig" with {
breadcrumbs: breadcrumbs,
post: post,
isListingPage: true,
background: 'dark'
} %}
</div>
</div>
</div>
{
"site": {
"name": "E3 Alliance"
},
"breadcrumbs": [
{
"title": "Home",
"url": "#"
},
{
"title": "Our Work",
"url": "#"
},
{
"title": "Interior Page One",
"url": "#"
},
{
"title": "Child Page 2",
"url": "#"
}
],
"post": {
"postType": "practice",
"title": "Promising Practices",
"introText": "E3 Alliance and our partners establish measurable focus areas to improve outcomes for Central Texas students. These focus areas are based on data, feedback from the community, and expert guidance."
}
}
breakpoint = 1000px
.listing-page-header
&--focus-area
--backgroundColor greenAppleDark3
&--practice
--backgroundColor aquaDark
&--case-study
&--news
&--press-release
--backgroundColor grape
background-color var(--backgroundColor)
position relative
&__background-pattern
background-image url('../images/header-pattern.svg')
background-repeat no-repeat
background-position 50% 0
background-size cover
display block
width 100%
height 100%
opacity 0.05
position absolute
&__container
fluid(padding-bottom, 64px, 80px)
fluid(padding-top, 64px, 80px)
position relative
No notes defined.