{header} 
<header class="header">
    <div class="container-xl">
        <div class="align-items-md-center justify-content-between row">
            <div class="col-auto">
                 <div class="logo">
                    <a href="/"><img src="/images/sylvie-ratelle_logofinal_720.png" width="50%" alt="">
                    </a>
                </div>
            </div>
            <div class="align-items-md-center col-auto d-flex main-nav ml-md-auto">
                <div class="align-items-center d-flex menu" id="menu"><span class="text">Menu</span><span class="d-flex icon"><img src="/images/ham-icon.svg" height="14px" width="24px" alt="" class="ham"><span class="cross-icon">&#x2715;</span> </span>
                </div>
                <a href="/admin.php" class="cta login d-none d-md-block">Log In</a>
                <a href="/contact" class="cta login blue d-none d-md-block">Contact</a>
            </div>
        </div>
    </div>
    <div class="nav-link" id="nav-link">
        <div class="container-xl">
            <ul class="flex-column flex-md-row justify-content-md-end nav">
                 <li><a href="/">Home</a></li>
                 <li><a href="/about">About</a></li>
                <li><a href="/courses">Course Description</a></li>
                <li><a href="/schedule">Schedule at a Glance</a></li>
                <li><a href="/resources">Resources and Links</a></li>
                <li><a href="/course-event-materials">Course Event Materials</a></li>
                <li><a href="/faqs">FAQs</a></li>
                <li class="d-md-none"><a href="/contact">Contact</a></li>
                <!--<li class="d-md-none"><a href="#">Log In</a></li>-->
            </ul>
        </div>
    </div>
</header>

<section class="welcome-back" style="display:block;">
    <div class="container">
        <div class="welcome">
            <h3>Welcome Back!</h3>
        </div>
        <form id="login_form" method="post" action="https://ratelleptc.org/index.php"  >
<div class='hiddenFields'>
<input type="hidden" name="ACT" value="15" />
<input type="hidden" name="RET" value="survey" />
<input type="hidden" name="site_id" value="1" />
<input type="hidden" name="csrf_token" value="45d70a5ce8796d7cb5119276992b03f9294c257b" />
</div>


        <input type="hidden" name="XID" value="45d70a5ce8796d7cb5119276992b03f9294c257b" />
            <div class="col-sm-6">
                <div class="form-group">
                    <input type="email" name="username" class="form-control required" placeholder="Your email address">
                </div>
            </div>
            <div class="col-sm-6">
                <div class="form-group">
                    <input type="password" name="password" class="form-control required" placeholder="Password">
                </div>
            </div>
            <button id="login" type="submit" name="submit" class="btn btn-default next blocked">Login</button>
        </form>
    </div>
</section>
{footer}
<script type="text/javascript">
    // $('.logout').click(function(){//});
     $('.logout').trigger('click');
</script>