Files
Gainsight/Custom_Templates/customer_templates/GoGuardian/communication.html.liquid

250 lines
8.9 KiB
Plaintext
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

{% include "header" %}
{% include "sub_navigation" %}
<main class="communication-page">
<div class="advocacy">
<div class="heading">Certified Coach Program Contacts</div>
<div class="subheading">For all Coach related questions</div>
<div class="advocacy-content-wrapper">
<div class="advocacy-member">
<img class="icon-image" src="https://s3.amazonaws.com/static.northpass.com/Educator's+Hub/communication-page/pear.png" alt="">
<div class="content-block">
<span class="team-member">Amber Trout, Manager, Customer Marketing</span>
<span>Pear Deck Specialist</span>
<span>Email: <a class="communication-link" href="mailto:amber@goguardian.com">amber@goguardian.com</a></span>
<span>Twitter: <a class="communication-link" href="https://twitter.com/AmberPearDeck">@AmberPearDeck</a></span>
</div>
</div>
<div class="advocacy-member">
<img class="icon-image" src="https://s3.amazonaws.com/static.northpass.com/Educator's+Hub/communication-page/goguardian.png" alt="">
<div class="content-block ">
<span class="team-member">Mary Alys Foutz, Senior Customer Marketing Manager</span>
<span>GoGuardian Teacher Certified Coach Program Specialist</span>
<span>Email: <a class="communication-link" href="mailto:malysfoutz@goguardian.com">malysfoutz@goguardian.com</a></span>
<span>Twitter: <a class="communication-link" href="https://twitter.com/MA_PearDeck">@MA_PearDeck</a></span>
</div>
</div>
<div class="advocacy-member">
<img class="icon-image" src="https://s3.amazonaws.com/static.northpass.com/Educator's+Hub/communication-page/edulastic.png" alt="">
<div class="content-block ">
<span class="team-member">Gary Giordano, Customer Marketing Manager</span>
<span>Edulastic Certified Coach Program Specialist</span>
<span>Email: <a class="communication-link" href="mailto:gary@goguardian.com">gary@goguardian.com</a></span>
<span>Twitter: <a class="communication-link" href="https://twitter.com/GaryPearDeck">@GaryPearDeck</a></span>
</div>
</div>
</div>
</div>
<div class="information-wrapper">
<div class="info">
<img class="icon-image" src="https://s3.amazonaws.com/static.northpass.com/Educator's+Hub/communication-page/newsletter.png" alt="">
<div class="info-text">
<div class="bold-heading info-heading">Coach Newsletters</div>
<div class="content">You'll receive the Pear Deck, GoGuardian Teacher, or Edulastic Coach newsletter in your inbox on a quarterly basis with announcements about new features before they're publicly released, opportunities to present at conferences, invitations to write for our blog, and more! Don't worry about signing up — you are automatically subscribed!</div>
</div>
</div>
{% comment %} <div class="heading">Stay Connected</div>
<div class="info">
<img class="icon-image" src="https://s3.amazonaws.com/static.northpass.com/Educator's+Hub/communication-page/slack.png" alt="">
<div class="info-text">
<div class="bold-heading info-heading">Slack</div>
<div class="content">Slack is an instant messaging platform that Coaches use to stay connected. During your training, youll be part of a private group with other educators from your cohort. Join the broader Coach community <a class="communication-link" href="https://educatorshub.slack.com/archives/CQ0UD78UD">here</a>!</div>
</div>
</div> {% endcomment %}
</div>
<div class="general-contacts">
<div class="heading">General Contacts</div>
<div class="subheading">For all non-Coach related questions</div>
<div class="general-contacts-content-wrapper">
<div class="general-contact-member">
<div class="content-block">
<span class="team-member">Jacklyn Grummel</span>
<span>Manager, Customer Education</span>
<span>Email: <a class="communication-link" href="mailto:jgrummel@goguardian.com" target="_blank">jgrummel@goguardian.com</a></span>
</div>
</div>
<div class="advocacy-member">
<div class="content-block ">
<span class="team-member">Elizabeth Navarro</span>
<span>Senior Customer Education Specialist</span>
<span>Email: <a class="communication-link" href="mailto:enavarro@goguardian.com" target="_blank">enavarro@goguardian.com</a></span>
</div>
</div>
</div>
</div>
{% comment %} <div class="heading">General News</div>
<div class="content text-center">Want to be in the know about everything Pear Deck, GoGuardian, or Edulastic? Sign up for the general newsletter to get your name on the list. </div>
<div class="sub-container">
<div class="subscribe">
<div class="bold-heading sub-heading">Subscribe to Pear Deck news</div>
<div class="sub-link-container">
<a class="communication-link sub-link" href="https://www.peardeck.com/newsletter">Subscribe</a>
</div>
</div>
<div class="subscribe">
<div class="bold-heading sub-heading">Subscribe to GoGuardian news</div>
<div class="sub-link-container">
<a class="communication-link sub-link" href="https://www.goguardian.com/newsletter">Subscribe</a>
</div>
</div>
<div class="subscribe">
<div class="bold-heading sub-heading">Subscribe to Edulastic news</div>
<div class="sub-link-container">
<a class="communication-link sub-link" href="https://edulastic.com/newsletter/">Subscribe</a>
</div>
</div>
</div> {% endcomment %}
</main>
{% include "footer" %}
<style>
.text-center {
text-align: center;
}
.communication-page {
margin: 20px 4%;
}
.communicaton-heading {
background: #0c65b8;
color: #fff;
font-weight: bold;
padding: 1rem 1.5rem;
font-size: 1.5rem;
text-align: center;
}
.bold-heading {
font-weight: bold;
color: #000;
}
.content-block, .info {
margin: 1rem 0;
}
.content-block br {
margin: 3px;
}
.info {
display: flex;
max-width: 1000px;
background: #fff;
padding: 1.5rem 0;
border-radius: 12px;
box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.info-text {
display: flex;
flex-direction: column;
justify-content: center;
}
.advocacy,
.general-contacts {
display: flex;
flex-direction: column;
align-items: center;
}
.advocacy-content-wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 15px;
grid-row-gap: 0px;
}
.general-contacts-content-wrapper {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 15px;
grid-row-gap: 0px;
}
@media only screen and (max-width: 1040px) {
.advocacy-content-wrapper {
grid-template-columns: repeat(1, 1fr);
}
}
@media only screen and (max-width: 740px) {
.advocacy-content-wrapper,
.general-contacts-content-wrapper {
grid-template-columns: repeat(1, 1fr);
}
}
.content-block {
display: flex;
flex-direction: column;
padding: 1rem;
}
.team-member {
font-weight: bold;
margin-bottom: 5px;
}
.information-wrapper {
display: flex;
flex-direction: column;
align-items: center;
}
.info-heading {
margin-bottom: 0.5rem;
font-size: 1.2rem;
}
.subscribe {
background: #fff;
margin: 1rem 0;
padding: 1.5rem;
border-radius: 12px;
text-align: center;
box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.sub-heading {
margin-bottom: 1.5rem;
}
.sub-link {
background: #0c65b8;
color: #fff;
text-decoration: none;
padding: 10px 15px;
border-radius: 8px;
font-weight: bold;
font-size: 0.85rem;
}
.sub-link-container {
display: flex;
justify-content: center;
}
.sub-container {
display: flex;
flex-wrap: wrap;
width: 100%;
justify-content: center;
gap: 15px;
margin-bottom: 2rem;
}
.heading {
text-align: center;
font-size: 1.5rem;
font-weight: bold;
color: #000;
margin: 32px 0 12px;
}
.subheading {
text-align: center;
font-size: 18px;
color: #000;
margin: 0 0 1rem;
}
.advocacy-member,
.general-contact-member {
display: flex;
background: #fff;
padding: 0.5rem;
border-radius: 12px;
box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
margin: 10px;
align-items: center;
}
.icon-image {
height: 100px;
padding: 1rem;
}
</style>