<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Malawi Political Science Association</title>

  
  <!-- mobile responsive meta -->
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  
  <!-- Bootstrap -->
  <link rel="stylesheet" href="plugins/bootstrap/bootstrap.min.css">
  <!-- magnific popup -->
  <link rel="stylesheet" href="plugins/magnific-popup/magnific-popup.css">
  <!-- Slick Carousel -->
  <link rel="stylesheet" href="plugins/slick/slick.css">
  <link rel="stylesheet" href="plugins/slick/slick-theme.css">
  <!-- themify icon -->
  <link rel="stylesheet" href="plugins/themify-icons/themify-icons.css">
  <!-- animate -->
  <link rel="stylesheet" href="plugins/animate/animate.css">
  <!-- Aos -->
  <link rel="stylesheet" href="plugins/aos/aos.css">
  <!-- swiper -->
  <link rel="stylesheet" href="plugins/swiper/swiper.min.css">
  <!-- Stylesheets -->
  <link href="css/style.css" rel="stylesheet">
  
  <!--Favicon-->
  <link rel="shortcut icon" href="images/favicon.png" type="image/x-icon">
  <link rel="icon" href="images/favicon.png" type="image/x-icon">

</head>

<body>
  


<header>
    <!-- top header -->
    <div class="top-header">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <ul class="list-inline text-lg-right text-center">
                        <li class="list-inline-item">
                            <a href="mailto:admin@psamalawi.org"><i class="ti-email"></i></a>
                        </li>
                        <li class="list-inline-item">
                            <a href="callto:+265 (0) 993 47 397">
                                <span class="ml-2"><i class="ti-mobile"></i></span>
                            </a>
                        </li>
                        <li class="list-inline-item">
                            <a href="https://www.facebook.com/psamw">
                                <span class="ml-2"><i class="ti-facebook"></i></span>
                            </a>
                        </li>
                        <li class="list-inline-item">
                            <a href="https://www.twitter.com/psa_mw">
                                <span class="ml-2"><i class="ti-twitter"></i></span>
                            </a>
                        </li>                       
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- nav bar -->
    <div class="navigation">
        <div class="container">
            <nav class="navbar navbar-expand-lg navbar-light bg-light">
                <a class="navbar-brand" href="home.html">
                    <img src="images/logo.png" alt="PSA logo">
                </a>
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
                    aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>

                <div class="collapse navbar-collapse" id="navbarSupportedContent">
                    <ul class="navbar-nav ml-auto">

                        <li class="nav-item dropdown">
                            <a class="nav-link" href="home.html" role="" data-toggle="" aria-haspopup="true"
                                aria-expanded="false">
                                Home
                            </a>
                  
                        </li>
                        <li class="nav-item dropdown">
                            <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true"
                                aria-expanded="false">
                                About Us
                            </a>
                            <div class="dropdown-menu" >
                                <a class="dropdown-item" href="about.html">About PSA</a>
                                <a class="dropdown-item" href="psa-history.html">History of PSA</a>
                                <a class="dropdown-item" href="comming-soon.html">Constitution and <br> Mission Statement</a>
                                <a class="dropdown-item" href="team.html">Organisation <br> Structure</a>
                                <a class="dropdown-item" href="afpart.html">Affiliates <br> and Partners</a>                    
                            </div>
                        </li>
                        <li class="nav-item dropdown">
                            <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true"
                                aria-expanded="false">
                                PSA Membership
                            </a>
                            <div class="dropdown-menu" >
                                <a class="dropdown-item" href="members.html">PSA Members</a>
                                <a class="dropdown-item" href="membership.html">Become a Member</a>
                            </div>
                        </li>
                        <li class="nav-item dropdown">
                            <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true"
                                aria-expanded="false">
                                News & Events
                            </a>
                            <div class="dropdown-menu" >
                                <a class="dropdown-item" href="psa-news.html">News</a>
                                <a class="dropdown-item" href="psa-events.html">Events</a>
                            </div>

                        </li>
                        <li class="nav-item dropdown">
                            <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true"
                                aria-expanded="false">
                              Research  
                            </a>
                            <div class="dropdown-menu" >
                                <a class="dropdown-item" href="comming-soon.html">Overview</a>
                                <a class="dropdown-item" href="comming-soon.html">Research</a>
                                <a class="dropdown-item" href="comming-soon.html">Consultancy</a>
                                <a class="dropdown-item" href="comming-soon.html">Training</a>                              
                            </div>
                        </li>
                        <li class="nav-item dropdown">
                            <a class="nav-link dropdown-toggle" href="" role="button" data-toggle="dropdown" aria-haspopup="true"
                                aria-expanded="false">
                                Publications
                            </a>
                            <div class="dropdown-menu" >
                                <a class="dropdown-item" href="comming-soon.html">Books</a>
                                <a class="dropdown-item" href="comming-soon.html">Policy Papers</a>
                                <a class="dropdown-item" href="comming-soon.html">Journal Articles</a>
                                <a class="dropdown-item" href="comming-soon.html">Newsletter</a>                                
                            </div>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="contact.html">Contacts</a>
                        </li>
                    </ul>
                </div>
            </nav>
        </div>
    </div>
</header>


<!-- /navigation --> 

<section class="page-title overlay" style="background-image: url(images/background/page-title.jpg);">
    <div class="container">
        <div class="row">
            <div class="col-12 text-center">
                <h2 class="text-white font-weight-bold">Our History</h2>
            </div>
        </div>
    </div>
</section>

<!-- project single -->
<section class="section">
    <div class="container">
        <div class="row">
            <aside class="col-lg-4 order-lg-1 order-2">
                <!-- overview -->
                <div class="p-4 rounded border mb-50">
                    <h4 class="text-color mb-20">Overview</h4>
                    <ul class="pl-0 mb-20">
                        <li class="py-3 border-bottom">
                            <span class="d-inline-block" style="width: 140px;">Company Name:</span>Political Science Association</li>
                        <li class="py-3 border-bottom">
                            <span class="d-inline-block" style="width: 140px;">Short Name:</span>PSA Malawi</li>
                        <li class="py-3 border-bottom">
                            <span class="d-inline-block" style="width: 140px;">Founder:</span>Political Scientists</li>
                        <li class="py-3 border-bottom">
                            <span class="d-inline-block" style="width: 140px;">Expertise:</span>Political Science</li>
                        <li class="py-3 border-bottom">
                            <span class="d-inline-block" style="width: 140px;">Date:</span>April, 2017</li>
                    </ul>
                    <a href="#" class="btn btn-primary">Watch Launch Event</a>
                </div>
                <!-- case study -->
                <div class="rounded bg-gray border py-3 px-4 mb-50">
                    <i class="d-inline-block mr-1 text-dark ti-files" style="font-size: 20px;"></i>
                    <h4 class="mb-1 d-inline-block">Membership Form</h4>
                    <a class="font-secondary text-color d-block ml-4" href="PSA Form.pdf">Download pdf</a>
                </div>
                <!-- Consultation -->
                <div class="mb-50">
                    <h5 class="mb-20">Become a Member</h5>
                    <form action="memberreg.php" class="row">
                        <div class="col-12">
                            <input type="text" class="form-control" name="name" id="name" placeholder="Name" required>
                        </div>
                        <div class="col-12">
                            <input type="email" class="form-control" name="email" id="email" placeholder="Email Address"
                                required>
                        </div>
                        <div class="col-12">
                            <input type="text" class="form-control" name="subject" id="subject" placeholder="Subject"
                                required>
                        </div>
                        <div class="col-12">
                            <textarea name="question" id="question" class="form-control p-2" placeholder="Your Question Here..."
                                style="height: 150px;"></textarea>
                        </div>
                        <div class="col-12">
                            <button class="btn btn-primary" type="submit" value="send">Submit Request</button>
                        </div>
                    </form>
                </div>
            </aside>
            <!-- project content -->
            <div class="col-lg-8 order-lg-2 order-1">
                <img class="img-fluid w-100 mb-60" src="images/project/project-single.jpg" alt="project image">
                <h3 class="mb-10">Political Science Association</h3>
                <p class="mb-40">Political Science Association (PSA) is a registered entity with 
                a diverse membership of academics and professionals in the fields of Political Science, 
                Political Philosophy, Political and Economic Governance, Public Administration,
                International Relations, Public Law, Public Policy Analysis, Human Rights and related disciplines 
                relevant to the study, analysis and understanding of politics. The purpose of the 
                PSA is to contribute to political and socio-economic development of Malawi through promoting 
                the study and analysis of politics, governance practices and public policy through research, 
                advocacy and policy dialogue.</p>
                <!-- nav tabs menu -->
                <ul class="nav nav-tabs" id="myTab" role="tablist">
                    <li class="nav-item">
                        <a class="nav-link active" id="challanges-tab" data-toggle="tab" href="#challanges" role="tab"
                            aria-controls="challanges" aria-selected="true">How we started</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" id="solution-tab" data-toggle="tab" href="#solution" role="tab"
                            aria-controls="solution" aria-selected="false">PSA Present</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" id="results-tab" data-toggle="tab" href="#results" role="tab" aria-controls="results"
                            aria-selected="false">PSA Future</a>
                    </li>
                </ul>
                <!-- tab content -->
                <div class="tab-content" id="myTabContent">
                    <!-- tab 1 -->
                    <div class="tab-pane fade show active" id="challanges" role="tabpanel" aria-labelledby="challanges-tab">
                        <p>During early days we used to be categorised as ............................. . During early days we used to be categorised as ............................. . Loading......................</p>
                        <div class="tab-content-item">
                            <h6>Malawi Political Science Association</h6>
                            <p>Loading..................................</p>
                        </div>
                        <div class="tab-content-item">
                            <h6>Malawi Political Science Association</h6>
                            <p>Loading..................................</p>
                        </div>
                    </div>
                    <!-- tab 2 -->
                    <div class="tab-pane fade" id="solution" role="tabpanel" aria-labelledby="solution-tab">
                        <p>Panopa Malawi PSA has brosomed into one of the leading political association all over Malawi................</p>
                        <div class="tab-content-item">
                            <h6>Malawi Political Science Association</h6>
                            <p>Loading....................................</p>
                        </div>
                        <div class="tab-content-item">
                            <h6>Malawi Political Science Association</h6>
                            <p>Loading.....................................</p>
                        </div>
                    </div>
                    <!-- tab 3 -->
                    <div class="tab-pane fade" id="results" role="tabpanel" aria-labelledby="results-tab">
                        <p>Loading.........................................</p>
                        <div class="tab-content-item">
                            <h6>Research centre plans</h6>
                            <p>Loading....................................... </p>
                        </div>
                        <div class="tab-content-item">
                            <h6>Political science camapaigns</h6>
                            <p>Loading.......................................... </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="bg-primary py-4">
    <div class="container">
        <div class="client-logo-slider align-self-center">
            <a href="#" class="text-center d-block outline-0 py-3 px-2"><img class="d-unset" src="images/client-logo/client-logo-1-white.png" alt="client-logo"></a>
            <a href="#" class="text-center d-block outline-0 py-3 px-2"><img class="d-unset" src="images/client-logo/client-logo-2-white.png" alt="client-logo"></a>
            <a href="#" class="text-center d-block outline-0 py-3 px-2"><img class="d-unset" src="images/client-logo/client-logo-3-white.png" alt="client-logo"></a>
            <a href="#" class="text-center d-block outline-0 py-3 px-2"><img class="d-unset" src="images/client-logo/client-logo-4-white.png" alt="client-logo"></a>
            <a href="#" class="text-center d-block outline-0 py-3 px-2"><img class="d-unset" src="images/client-logo/client-logo-5-white.png" alt="client-logo"></a>
            <a href="#" class="text-center d-block outline-0 py-3 px-2"><img class="d-unset" src="images/client-logo/client-logo-6-white.png" alt="client-logo"></a>            
			<a href="#" class="text-center d-block outline-0 py-3 px-2"><img class="d-unset" src="images/client-logo/client-logo-1-white.png" alt="client-logo"></a>
            <a href="#" class="text-center d-block outline-0 py-3 px-2"><img class="d-unset" src="images/client-logo/client-logo-2-white.png" alt="client-logo"></a>
            <a href="#" class="text-center d-block outline-0 py-3 px-2"><img class="d-unset" src="images/client-logo/client-logo-3-white.png" alt="client-logo"></a>
            <a href="#" class="text-center d-block outline-0 py-3 px-2"><img class="d-unset" src="images/client-logo/client-logo-4-white.png" alt="client-logo"></a>
            <a href="#" class="text-center d-block outline-0 py-3 px-2"><img class="d-unset" src="images/client-logo/client-logo-5-white.png" alt="client-logo"></a>
            <a href="#" class="text-center d-block outline-0 py-3 px-2"><img class="d-unset" src="images/client-logo/client-logo-6-white.png" alt="client-logo"></a> 
		</div>
    </div>
</section>


<!-- footer -->
<footer class="bg-secondary">
  <div class="py-100 border-bottom" style="border-color: green !important">
    <div class="container">
      <div class="row">
        <div class="col-md-4">
          <div class="mb-5 mb-md-0 text-center text-md-left">
            <!-- logo -->
            <img class="mb-30" src="images/logo-footer.png" alt="logo">
            <p class="text-white mb-30">We have diverse membership of academics and professionals in the fields of political science, 
                political philosophy, political and economic governance, public administration, international relations, 
                public law, public policy analysis, human rights and related disciplines relevant to the study, analysis and 
                understanding of politics.</p>
            <!-- social icon -->
            <ul class="list-inline">
              <li class="list-inline-item">
                <a class="social-icon-outline" href="">
                  <i class="ti-facebook"></i>
                </a>
              </li>
              <li class="list-inline-item">
                <a class="social-icon-outline" href="#">
                  <i class="ti-twitter-alt"></i>
                </a>
              </li>
              <li class="list-inline-item">
                <a class="social-icon-outline" href="#">
                  <i class="ti-vimeo-alt"></i>
                </a>
              </li>
              <li class="list-inline-item">
                <a class="social-icon-outline" href="#">
                  <i class="ti-linkedin"></i>
                </a>
              </li>
            </ul>
          </div>
        </div>
        <!-- footer links -->
        <div class="col-lg-2 col-md-4 col-6">
          <h4 class="text-white mb-4">What we do</h4>
          <ul class="footer-links">
            <li>
              <a href="#">Research</a>
            </li>
            <li>
              <a href="about.html">Publications</a>
            </li>
            <li>
              <a href="contact.html">Trainings</a>
            </li>
            <li>
              <a href="/">Academics</a>
            </li>
            <li>
              <a href="#">Political News</a>
            </li>
          </ul>
        </div>
        <!-- footer links -->
        <div class="col-lg-2 col-md-4 col-6">
          <h4 class="text-white mb-4">Quick Links</h4>
          <ul class="footer-links">
            <li>
              <a href="#">Our History</a>
            </li>
            <li>
              <a href="/">About Us</a>
            </li>
            <li>
              <a href="contact.html">Contact Us</a>
            </li>
            <li>
              <a href="/">Service</a>
            </li>
            <li>
              <a href="#">Privacy Policy</a>
            </li>
          </ul>
        </div>
        <!-- subscribe form -->
        <div class="col-lg-3 offset-lg-1">
          <div class="mt-5 mt-lg-0 text-center text-md-left">
            <h4 class="mb-4 text-white">Subscribe Us</h4>
            <p class="text-white mb-4">Receive our Newsletters, Opportunities, Events and latest news </p>
            <form action="#" class="position-relative">
              <input type="text" class="form-control subscribe" name="subscribe" id="Subscribe"
                placeholder="Enter Your Email">
              <button class="btn-subscribe" type="submit" value="send">
                <i class="ti-arrow-right"></i>
              </button>
            </form>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- copyright -->
  <div class="pt-4 pb-3 position-relative">
    <div class="container">
      <div class="row">
        <div class="col-lg-6 col-md-5">
          <p class="text-white text-center text-md-left">
            <span class="text-primary">Malawi PSA</span> &copy; 2025-2026 All Right Reserved</p>
        </div>
        <div class="col-lg-6 col-md-7">
          <ul class="list-inline text-center text-md-right">
            <li class="list-inline-item mx-lg-3 my-lg-0 mx-2 my-2">
              <a class="font-secondary text-white" href="#">Register</a>
            </li>
            <li class="list-inline-item mx-lg-3 my-lg-0 mx-2 my-2">
              <a class="font-secondary text-white" href="#">Legal</a>
            </li>
            <li class="list-inline-item mx-lg-3 my-lg-0 mx-2 my-2">
              <a class="font-secondary text-white" href="faqs.html">Faq</a>
            </li>
            <li class="list-inline-item ml-lg-3 my-lg-0 ml-2 my-2 ml-0">
              <a class="font-secondary text-white" href="#">Terms &amp; Conditions</a>
            </li>
          </ul>
        </div>
      </div>
    </div>
    <!-- back to top -->
    <button class="back-to-top">
      <i class="ti-angle-up"></i>
    </button>
  </div>
</footer>
<!-- /footer --> 

<!-- jQuery -->
<script src="plugins/jQuery/jquery.min.js"></script>
<!-- Bootstrap JS -->
<script src="plugins/bootstrap/bootstrap.min.js"></script>
<!-- magnific popup -->
<script src="plugins/magnific-popup/jquery.magnific.popup.min.js"></script>
<!-- slick slider -->
<script src="plugins/slick/slick.min.js"></script>
<!-- filter -->
<script src="plugins/filterizr/jquery.filterizr.min.js"></script>
<!-- Google Map -->
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBu5nZKbeK-WHQ70oqOWo-_4VmwOwKP9YQ"></script>
<script  src="plugins/google-map/gmap.js"></script>
<!-- Syo Timer -->
<script src="plugins/syotimer/jquery.syotimer.js"></script>
<!-- aos -->
<script src="plugins/aos/aos.js"></script>
<!-- swiper -->
<script src="plugins/swiper/swiper.min.js"></script>
<!-- Main Script -->
<script src="js/script.js"></script>

</body>
</html>