{% extends 'base.html' %}
{% block title %}About APSS | APSS Nepal{% endblock %}
{% block content %}
<section class="page-ribbon"><div class="container">⌂ <a href="{{ url_for('home') }}">HOME</a> &nbsp; &gt; &nbsp; ABOUT APSS</div></section>
<section class="page-intro" id="overview">
  <div class="container">
    <h1>About APSS</h1>
    <p>Association of Political Science Studies is a politically independent, non-profit and non-religious association working for political science, democratic dialogue, policy learning and civic participation in Nepal.</p>
  </div>
</section>

<section class="section compact" id="mission">
  <div class="container split">
    <div>
      <span class="eyebrow">Mission Statement</span>
      <div class="quote-box"><p>“{{ MISSION }}”</p></div>
    </div>
    <div>
      <span class="eyebrow">Institutional Identity</span>
      <h2>Political independence, professionalism, diversity and knowledge</h2>
      <p>APSS facilitates political parties, Government of Nepal, various state institutions, academia and civil society in stimulating dialogue, advocacy and scholarly research for a well-just society and national development.</p>
      <p>Since its inception in 2001, APSS has contributed to Nepal’s peace process, constitution-writing process, democratic dialogue, political stability and youth participation.</p>
    </div>
  </div>
</section>

<section class="section muted" id="values">
  <div class="container">
    <div class="section-heading left"><h2>Vision and Values</h2></div>
    <div class="card-grid four">
      {% for value in VALUES %}
      <article class="value-card">
        <h3>{{ value.title }}</h3>
        <p>{{ value.text }}</p>
      </article>
      {% endfor %}
    </div>
  </div>
</section>

<section class="section" id="objectives">
  <div class="container">
    <div class="section-heading left"><h2>Core Objectives</h2></div>
    <div class="objective-list wide">
      {% for objective in CORE_OBJECTIVES %}
      <div class="objective-item"><span>{{ loop.index }}</span>{{ objective }}</div>
      {% endfor %}
    </div>
  </div>
</section>

<section class="section muted" id="governance">
  <div class="container split">
    <div>
      <span class="eyebrow">Governance</span>
      <h2>Institutional Setup</h2>
      <p>The General Assembly is the apex decision-making body of APSS. The Central Executive Committee executes the General Assembly mandate and works with advisory, sub-committee, staff and volunteer structures.</p>
      <p>The live website can later include current CEC members, advisory committee, district chapters, and institutional documents.</p>
    </div>
    <div class="support-panel">
      <h3>Production content to confirm</h3>
      <p>Before final launch, verify the current membership number, current executive committee, official address, phone, email, chapter list and activities after 2019.</p>
    </div>
  </div>
</section>
{% endblock %}