ngo.html

<!--
{% extends "./site_pages_base.html" %}
{% load static %}
{% load i18n %}

{% block page_title %}{% trans "NGOs" %}{% endblock page_title %}

{% block content %}
<div class="content-container-md-clear border-brand-green shadow mt-4 mb-4">
    {% if topics_header.show_header_image %}
    {% with 'site_pages/topics/header_image/'|add:topics_header.header_image_file_name as topics_img_static %}
    <div class="header-image" style="background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('{% static topics_img_static %}');">
        {% endwith %}
        <div class="hero-text-header text-center">
            <h1 class="text-light textshadow">{% trans "Our Members" %}</h1>
            {% if topics_header.header_text != '' %}
            <h4 class="header-text justify-content-center text-light">
                {{ topics_header.header_text }}
            </h4>
            {% endif %}
        </div>
    </div>
    {% else %}
    <div class="center-container pad-container">
        <h1 class="title-container text-center">{% trans "Our Members" %} </h1>
        {% if topics_header.header_text != '' %}
        <h4 class="text-center" style="margin-top: 2%;">
            {{ topics_header.header_text }}
        </h4>
        {% endif %}
    </div>
    {% endif %}

    <div id="accordion" class="myaccordion">
        <div class="card">
          <div class="card-header" id="headingOne">
            <h2 class="mb-0">
              <button class="d-flex align-items-center justify-content-between btn btn-link collapsed" data-toggle="collapse" data-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne">
                <h1>{% trans "Who can be a member?" %}</h1>
                <span class="fa-stack fa-sm">
                  <i class="fas fa-circle fa-stack-2x"></i>
                  <i class="fas fa-plus fa-stack-1x fa-inverse"></i>
              </span>
          </button>
      </h2>
  </div>
  <div id="collapseOne" class="collapse" aria-labelledby="headingOne">
    <div class="card-body">
      <p>{% blocktrans %}
        CNYC is the national representative body for voluntary youth organisations. Currently we have more than 11000 member organisations working with over 7,380,000 young people.
        {% endblocktrans %}<p>

          <p>{% blocktrans %}
            Membership is open to voluntary, not for profit or non-governmental organisations or agencies that have an interest in the youth sector in cameroon.
        {% endblocktrans %}</p>

    </div>
</div>
</div>
<div class="card">
  <div class="card-header" id="headingTwo">
    <h2 class="mb-0">
      <button class="d-flex align-items-center justify-content-between btn btn-link collapsed" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
        <h1>{% trans "Membership criteria" %}</h1>
        <span class="fa-stack fa-2x">
          <i class="fas fa-circle fa-stack-2x"></i>
          <i class="fas fa-plus fa-stack-1x fa-inverse"></i>
      </span>
  </button>
</h2>
</div>
<div id="collapseTwo" class="collapse" aria-labelledby="headingTwo">
    <div class="card-body">
      <p>{% blocktrans %}
        Membership is open to voluntary, not for profit or non-governmental organisations or agencies that have an interest in the youth sector in Cameroon.
        {% endblocktrans %}
    </p>
    <p>{% blocktrans %}
        Membership of CNYC is open to any voluntary or community sector organisation whose work involves delivering youth work services to young people or are advocating on behalf of young people and that agree with the vision where all young people are empowered to develop the knowledge, skills and confidence to realise their potential and to actively participate in an inclusive society that values and respects them.
        {% endblocktrans %}
    </p>
    
</p>
</div>
</div>
</div>
<p><h1 style="text-align: center;">{% trans "Benefits of membership" %}</h1></p>
<p><h3 style="text-align: center;">{% trans "Become a member of the Cameroon National Youth Council.&nbsp;Join the representative body for youth organisations in Cameroon and take advantage of the benefits for your organisation:" %}</h3></p>
<div class="card">
    <div class="card-header" id="headingThree">
      <h2 class="mb-0">
        <button class="d-flex align-items-center justify-content-between btn btn-link collapsed" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
          <h1>{% trans "Influence" %}</h1>

          <span class="fa-stack fa-2x">
            <i class="fas fa-circle fa-stack-2x"></i>
            <i class="fas fa-plus fa-stack-1x fa-inverse"></i>
        </span>
    </button>
</h2>
</div>
<div id="collapseThree" class="collapse" aria-labelledby="headingThree">
  <div class="card-body">
          <ul>
<li>{% trans "Influence the policy and practice agenda of youth work in Cameroon" %}</li>
<li>{% trans "Participate in CNYC campaigns and engage with policy makers and funders" %}</li>
<li>{% trans "Inform CNYC members’ consultation responses" %}</li>
<li>{% trans "Access up to date policy developments and have your views represented to government and policy makers" %}</li>
</ul>
</div>
</div>
</div>


<div class="card">
    <div class="card-header" id="headingFour">
      <h2 class="mb-0">
        <button class="d-flex align-items-center justify-content-between btn btn-link collapsed" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
          <h1>{% trans "Information" %}</h1>

          <span class="fa-stack fa-2x">
            <i class="fas fa-circle fa-stack-2x"></i>
            <i class="fas fa-plus fa-stack-1x fa-inverse"></i>
        </span>
    </button>
</h2>
</div>
<div id="collapseThree" class="collapse" aria-labelledby="headingFive">
  <div class="card-body">
<ul>
<li>{% trans "Stay in the loop through monthly e-bulletins updating you on events, funding opportunities, publications and practice issues around the youth sector" %}</li>
<li>{% trans "Receive regular policy briefings, and analysis of government initiatives and legislative developments that impact on young people and the youth sector" %}</li>
<li>{% trans "Avail of CNYC resources, good practice guides, policy and research reports" %}</li>
<li>{% trans "Information" %}</li>
</ul>
</div>
</div>
</div>


<div class="card">
    <div class="card-header" id="headingSix">
      <h2 class="mb-0">
        <button class="d-flex align-items-center justify-content-between btn btn-link collapsed" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
          <h1>{% trans "Advice, Training and Development" %}</h1>

          <span class="fa-stack fa-2x">
            <i class="fas fa-circle fa-stack-2x"></i>
            <i class="fas fa-plus fa-stack-1x fa-inverse"></i>
        </span>
    </button>
</h2>
</div>
<div id="collapseThree" class="collapse" aria-labelledby="headingSeven">
  <div class="card-body">
      <ul>
<li>{% trans "Enjoy free training courses" %}</li>
<li>{% trans "Access bespoke training packages in protection, development education, equality and inclusion, youth arts and youth health" %}</li>
<li>{% trans "Receive tailored advice and guidance on youth work issues" %}</li>
<li>{% trans "Access CNYC expert speakers for members’ conferences and events" %}</li>
</ul>
</div>
</div>
</div>


<div class="card">
    <div class="card-header" id="headingThree">
      <h2 class="mb-0">
        <button class="d-flex align-items-center justify-content-between btn btn-link collapsed" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
          <h1>{% trans "Events and Networking" %}</h1>

          <span class="fa-stack fa-2x">
            <i class="fas fa-circle fa-stack-2x"></i>
            <i class="fas fa-plus fa-stack-1x fa-inverse"></i>
        </span>
    </button>
</h2>
</div>
<div id="collapseThree" class="collapse" aria-labelledby="headingEight">
  <div class="card-body">
      <ul>
<li>{% trans "Network and collaborate with other CNYC members to share knowledge and expertise" %}</li>
<li>{% trans "Attend networking events, members meetings, and consultation workshops" %}</li>
<li>{% trans "articipate in a range of committees and networks including CNYC’s International Advisory Committee, Policy and Advocacy Committee, and the Specialist Organisations Network" %}P</li>
</ul>

</div>
</div>
</div>


<div class="card">
    <div class="card-header" id="headingNine">
      <h2 class="mb-0">
        <button class="d-flex align-items-center justify-content-between btn btn-link collapsed" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
          <h1>{% trans "Involvement" %}</h1>

          <span class="fa-stack fa-2x">
            <i class="fas fa-circle fa-stack-2x"></i>
            <i class="fas fa-plus fa-stack-1x fa-inverse"></i>
        </span>
    </button>
</h2>
</div>
<div id="collapseThree" class="collapse" aria-labelledby="headingNine">
  <div class="card-body">
      <ul>
<li>{% trans "Nominate representatives and have full voting rights at CNYC’s AGM<" %}/li>
<li>{% trans "Stand for election to CNYC’s Board of executives" %}</li>
<li>{% trans "Nominate to a range of external strategic groups, forums and international opportunities through CNYC" %}</li>
</ul>
</div>
</div>
</div>


<p style="text-align: center;">{% trans "For further information or to discuss the benefits of membership contact us on Email" %}:&nbsp;<strong><a href="mailto:members@CNYC.ie">members@CNYC.cm</a>&nbsp;</strong>T:&nbsp;<strong><a href="tel:014784122">+237 2 22 222 222</a></strong></p>



<div class="row" id="topics-list">
    <div class="col-md" style="max-width: 1000px; padding: 2em;">
        <div class="lightly-pad-container bg-front-neutral border-dotted-brand-green">
            <span class="title-bolder">{% trans "Registered Members" %}</span>
            {% for topic in topics %}
            <div class="container topic-container">
                <a class="topic-link" href="{% url 'ngo_posts' topic.id %}">
                    {% with 'site_pages/topics/topic_splash_images/' as topic_img_static %}
                    <img src="{% static topic_img_static %}"
                    alt="Topic Splash Image"
                    style="width: 100%; height: 150px; object-fit: cover; border-radius: 5px;">
                    {% endwith %}
                    <div class="topic-name text-light textshadow title">
                        {{ topic.name }}
                    </div>
                </a>
            </div>

            <div class="container topic-container">
                <a class="topic-link" href="{% url 'ngo_posts' topic.id %}">
                    <img src="{% static 'images/topic-null.png' %}"
                    alt="Topic Splash Image" style="width: 100%; height: 150px; object-fit: cover; border-radius: 5px;">
                    <div class="topic-name text-light textshadow title">
                        {{ topic.name }}
                    </div>
                </a>
            </div>

            {% endfor %}
        </div>
    </div>

    <div class="col-xs" style="min-width: 320px; max-width: 500px; padding: 2em;">
        <div class="lightly-pad-container bg-front-neutral border-dotted-brand-green">
            <div class="d-flex">
                <span class="title">A-Z&ensp;</span>
                <label class="sr-only" for="topics-search">{% trans "Search  an Organization by name" %}</label>
                <input id="topics-search" type="text" class="search" placeholder="Search Organization" style="width: 176px;">
            </div>
            <ul class="list" style="margin-top: 6px; list-style: none;">
                {% for topic in topics %}
                {%if topic.name != 'FARMING'%}

                <li>
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="hsl(var( --clr-brand-green ))" class="bi bi-tag-fill" viewBox="0 0 16 16">
                        <path d="M2 1a1 1 0 0 0-1 1v4.586a1 1 0 0 0 .293.707l7 7a1 1 0 0 0 1.414 0l4.586-4.586a1 1 0 0 0 0-1.414l-7-7A1 1 0 0 0 6.586 1H2zm4 3.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z"/>
                    </svg>
                    <a href="{% url 'ngo_posts' topic.id %}" class="topic-name">
                        <span class="highlight">{{ topic.name }}</span>
                    </a>
                </li>
                {% endif %}
                {% endfor %}
            </ul>
        </div>
    </div>
</div>
<div><br></div>
</div>
{% endblock content %}

{% block body_scripts %}
<script src="{% static 'js/list.js' %}"></script>
<script src="{% static 'site_pages/js/topics-list.js'%}"></script>

<script>
    $(document).ready(function() {
        setActiveLink('topics');
    });
</script>
{% endblock body_scripts %}

-->