[av_hr class='default' icon_select='yes' icon='ue808' position='center' shadow='no-shadow' height='50' custom_border='av-border-thin' custom_width='50px' custom_margin_top='30px' custom_margin_bottom='30px' custom_border_color='' custom_icon_color='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' id='' custom_class='' template_class='' element_template='' one_element_template='' show_locked_options_fakearg='' av_uid='av-2dorbe' sc_version='1.0']

[av_codeblock wrapper_element='' wrapper_element_attributes='' codeblock_type='' alb_description='' id='' custom_class='' template_class='' av_uid='av-mbndxaul' sc_version='1.0']




<style>
        body {<br />
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;<br />
            background-color: #f4f7f6;<br />
            margin: 0;<br />
            padding: 20px;<br />
            color: #333;<br />
        }<br />
        .container {<br />
            max-width: 1200px;<br />
            margin: 0 auto;<br />
        }<br />
        h1 {<br />
            text-align: center;<br />
            color: #2c3e50;<br />
            font-size: 2.5em;<br />
            margin-bottom: 40px;<br />
        }<br />
        .services-grid {<br />
            display: grid;<br />
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));<br />
            gap: 20px;<br />
        }<br />
        .service-card {<br />
            background-color: #fff;<br />
            border-radius: 8px;<br />
            box-shadow: 0 4px 8px rgba(0,0,0,0.1);<br />
            padding: 20px;<br />
            transition: transform 0.3s ease, box-shadow 0.3s ease;<br />
            opacity: 0; /* Initially hidden for fade-in effect */<br />
            transform: translateY(20px); /* Start slightly lower for fade-in effect */<br />
            animation: fadeIn 0.6s ease-out forwards;<br />
        }<br />
        .service-card:hover {<br />
            transform: translateY(-5px);<br />
            box-shadow: 0 12px 24px rgba(0,0,0,0.15);<br />
        }<br />
        @keyframes fadeIn {<br />
            to {<br />
                opacity: 1;<br />
                transform: translateY(0);<br />
            }<br />
        }<br />
        .service-card h2 {<br />
            font-size: 1.5em;<br />
            color: #3498db;<br />
            margin-top: 0;<br />
            border-bottom: 2px solid #ecf0f1;<br />
            padding-bottom: 10px;<br />
            margin-bottom: 20px;<br />
        }<br />
        .service-card ul {<br />
            list-style: none;<br />
            padding: 0;<br />
        }<br />
        .service-card li {<br />
            margin-bottom: 15px;<br />
        }<br />
        .service-card li strong {<br />
            font-weight: 600;<br />
            color: #2980b9;<br />
            display: block;<br />
            margin-bottom: 5px;<br />
        }<br />
        .service-card li p {<br />
            margin: 0;<br />
            line-height: 1.6;<br />
        }<br />
    </style>

&nbsp;
<div class="container">
<h1>Our Programs and Services</h1>
<div class="services-grid">
<div class="service-card">
<h2>Clinical Programs</h2>
<ul>
 	<li><strong>Hepatitis C</strong>Provides specialized testing, treatment, and outreach for those with or at risk of Hepatitis C.</li>
 	<li><strong>HIV</strong>Offers access to testing and antiretroviral medication for individuals at risk of HIV infection.</li>
 	<li><strong>Testing &amp; Treatment</strong>Provides testing and treatment for various STIs, Hepatitis C, HIV, and pregnancy, along with follow-up care.</li>
 	<li><strong>Primary Care</strong>Delivers preventative healthcare, screening, chronic illness management, referrals, and support both in-clinic and through a mobile bus program.</li>
 	<li><strong>Safer Supply</strong>A physician and Nurse Practitioner-led program to reduce overdose harms by providing a safer drug supply.</li>
</ul>
</div>
<div class="service-card" style="animation-delay: 0.2s;">
<h2>Community Outreach</h2>
<ul>
 	<li><strong>Peer Support</strong>Utilizes individuals with lived experience to build trust and connections within the community.</li>
 	<li><strong>Community Health Van</strong>Makes daily stops in Waterloo Region and Guelph/Wellington to provide harm reduction supplies, food, clothing, and nursing and social support.</li>
 	<li><strong>Primary Care Bus</strong>Offers low-barrier healthcare to individuals who are precariously housed or unhoused.</li>
 	<li><strong>WINS Program</strong>The "Working to Improve Neighborhood Safety" initiative employs Peer Outreach Workers to find and safely dispose of improperly discarded syringes.</li>
 	<li><strong>Education and Training</strong>Provides harm reduction-focused educational workshops and presentations on various topics, emphasizing local resources.</li>
 	<li><strong>Volunteer Programs</strong>Offers various volunteer opportunities in Waterloo Region and Guelph Wellington.</li>
</ul>
</div>
<div class="service-card" style="animation-delay: 0.4s;">
<h2>Shelter and Housing Supports</h2>
<ul>
 	<li><strong>ESHRII</strong>The Emergency Shelter Harm Reduction Integration Initiative provides low-barrier training to shelter staff and participants to reduce harms associated with substance use.</li>
 	<li><strong>SHHI</strong>The Supportive Housing and Health Initiative helps individuals transitioning from homelessness to stable housing.</li>
</ul>
</div>
<div class="service-card" style="animation-delay: 0.6s;">
<h2>Overdose Management and Prevention</h2>
<ul>
 	<li><strong>Consumption &amp; Treatment Services (CTS)</strong>A healthcare service where people can use their own drugs under medical supervision.</li>
 	<li><strong>Drug Checking Program</strong>Allows individuals to test drug samples for dangerous fillers and other substances.</li>
 	<li><strong>Harm Reduction</strong>A core principle integrated across all programs and services.</li>
</ul>
</div>
</div>
</div>
<script>
document.addEventListener("DOMContentLoaded", function() {
    const cards = document.querySelectorAll('.service-card');

    const observer = new IntersectionObserver(entries => {
        entries.forEach(entry => {
            if (entry.isIntersecting) {
                entry.target.style.animationPlayState = 'running';
                observer.unobserve(entry.target);
            }
        });
    }, {
        threshold: 0.1
    });

    cards.forEach(card => {
        observer.observe(card);
    });
});
</script>


[/av_codeblock]