{% 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, you’ll 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>