77 lines
1.8 KiB
Plaintext
77 lines
1.8 KiB
Plaintext
{% include "header" %}
|
|
{% comment %} {% include "sub_navigation" %} {% endcomment %}
|
|
<div class="row subpage-intro">
|
|
<div class="color-layer"></div>
|
|
<div class="col-xs-12 col-sm-9 col-md-6" style="margin:auto;">
|
|
<div class="subpage-intro-content-wrapper">
|
|
<div class="subpage-intro-title">Professional Events</div>
|
|
<div class="subpage-intro-divider"></div>
|
|
<div class="subpage-intro-subtitle">Join us in learning, connecting, and sharing knowledge at one of our symposiums or virtual events.</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<main class="np-main np-training-events np-subpage-container np-max-width">
|
|
<div class="row">
|
|
<div class="col-xs-12 col-sm-2">
|
|
{% include "training_events_filter" %}
|
|
</div>
|
|
</div>
|
|
{% include "training_events_index" %}
|
|
</main>
|
|
{% include "footer" %}
|
|
|
|
<style>
|
|
.subpage-intro {
|
|
position:relative;
|
|
background: url(https://s3.amazonaws.com/static.northpass.com/J%26J/homepage_banner_professional_events.png);
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
background-position: center;
|
|
padding: 64px 16px;
|
|
margin: 0;
|
|
}
|
|
|
|
.color-layer {
|
|
background-color: rgba(51, 51, 51, 0.7);
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.subpage-intro-content-wrapper {
|
|
text-align:center;
|
|
color: #fff;
|
|
position: relative;
|
|
font-size: 18px;
|
|
}
|
|
|
|
.subpage-intro-title {
|
|
font-size: 32px;
|
|
line-height: normal;
|
|
text-transform: uppercase;
|
|
font-weight: 900;
|
|
}
|
|
|
|
.subpage-intro-divider {
|
|
height: 5px;
|
|
margin: 16px auto;
|
|
width:100px;
|
|
background-color:#cc0033;
|
|
}
|
|
|
|
@media (min-width:768px) {
|
|
.subpage-intro {
|
|
min-height:400px;
|
|
}
|
|
.subpage-intro-content-wrapper {
|
|
font-size: 20px;
|
|
}
|
|
|
|
.subpage-intro-title {
|
|
font-size: 50px;
|
|
}
|
|
}
|
|
</style> |