@include('layouts.headerplatform')

    <!-- About Section -->
    <section id="about" class="about section">

      <div class="container">

        <div class="row gy-4 gx-5">

          <div class="col-lg-6 position-relative align-self-start" data-aos="fade-up" data-aos-delay="200">
            <img src="{{ asset('assets/img/pf-3.png') }}" class="img-fluid" alt="">
            <!--img src="assets/img/about.jpg" class="img-fluid" alt="">
            <a href="https://www.youtube.com/watch?v=Y7f98aduVJ8" class="glightbox pulsating-play-btn"
            ></a-->
        
          </div>

          <div class="col-lg-6 content" data-aos="fade-up" data-aos-delay="100">
            <h3>About Us</h3>
            <p >
             The International Health Cooperation Platform in Sudan is a unified digital portal that 
             connects the Ministry of Health and international partners to enhance coordination, 
             transparency, and knowledge sharing.
              
            </p>
            <ul>
              <li>
                <i class="fa-solid fa-handshake"></i>
                <div>
                  <h5>Effective partnerships</h5>
                  <p>
                    The platform works to connect Sudan with international organizations such as 
                    the World Health Organization,
                     UNICEF, and the World Bank, to unify efforts and achieve a sustainable health impact.
                  </p>
                </div>
              </li>
              <li>
                <i class="fa-solid fa-eye"></i>
                <div>
                  <h5>Transparency and Reporting</h5>
                  <p>The platform provides regular reports and accurate data on projects and funding,
                     helping decision-makers to better plan and monitor healthcare performance.</p>
                </div>
              </li>
              <li>
                <i class="fa-solid fa-rocket"></i>
                <div>
                  <h5>Vision for the Future</h5>
                  <p>The platform aims to build a more efficient and sustainable healthcare system 
                    through international collaboration, innovation, and the development of national capabilities.</p>
                </div>
              </li>
            </ul>
          </div>

        </div>

      </div>

    </section><!-- /About Section -->

    <!-- Stats Section -->
    <section id="stats" class="stats section light-background">

      <div class="container" data-aos="fade-up" data-aos-delay="100">

        <div class="row gy-4">

          <div class="col-lg-3 col-md-6 d-flex flex-column align-items-center">
            <i class="fa-solid fa-people-group"></i>
            <div class="stats-item">
              <span data-purecounter-start="0" data-purecounter-end="53282719" data-purecounter-duration="1" class="purecounter"></span>
              <p>Population</p>
            </div>
          </div><!-- End Stats Item -->

           <div class="col-lg-3 col-md-6 d-flex flex-column align-items-center">
            <i class="fa fa-location-dot"></i>
            <div class="stats-item">
              <span data-purecounter-start="0" data-purecounter-end="18" data-purecounter-duration="1" class="purecounter"></span>
              <p>Stats</p>
            </div>
          </div><!-- End Stats Item -->


          <div class="col-lg-3 col-md-6 d-flex flex-column align-items-center">
            <i class="fa-regular fa-hospital"></i>
            <div class="stats-item">
              <span data-purecounter-start="0" data-purecounter-end="6000" data-purecounter-duration="1" class="purecounter"></span>
             <span style="margin-top: -60px;margin-left: 106px;">+</span>
              <p>Health Institutions</p>
            </div>
          </div><!-- End Stats Item -->

         
          <div class="col-lg-3 col-md-6 d-flex flex-column align-items-center">
            <i class="fa fa-users"></i>
            <div class="stats-item">
              <span data-purecounter-start="0" data-purecounter-end="9500000" data-purecounter-duration="1" class="purecounter"></span>
              <p>Displaced People</p>
            </div>
          </div><!-- End Stats Item -->

        </div>

      </div>

    </section><!-- /Stats Section -->


    <!-- Departments Section -->
    <section id="departments" class="departments section">

      <!-- Section Title -->
      <div class="container section-title" data-aos="fade-up">
        <h2>Departments</h2>
        <!--p>Necessitatibus eius consequatur ex aliquid fuga eum quidem sint consectetur velit</p-->
      </div><!-- End Section Title -->

      <div class="container" data-aos="fade-up" data-aos-delay="100">

        <div class="row">
          <div class="col-lg-3">
            <ul class="nav nav-tabs flex-column">
              <li class="nav-item">
                <a class="nav-link active show" data-bs-toggle="tab" href="#departments-tab-1">Projects</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" data-bs-toggle="tab" href="#departments-tab-2">Partnerships</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" data-bs-toggle="tab" href="#departments-tab-3">Communications and Operational</a>
              </li>
            
            </ul>
          </div>
          <div class="col-lg-9 mt-4 mt-lg-0">
            <div class="tab-content">
              <div class="tab-pane active show" id="departments-tab-1">
                <div class="row">
                  <div class="col-lg-8 details order-2 order-lg-1">
                    <h3>Projects</h3>
                    <p class="fst-italic">
                     Leads the comprehensive oversight of the management, coordination, and monitoring 
                     of all national and international health projects, ensuring their alignment with 
                     the Ministry of Health's strategy and official requirements. Through regular 
                     monitoring of implementation steps and outcomes, we work to achieve a tangible 
                     impact that enhances the quality of health services and promotes transparency and 
                     effectiveness in every project.
                    </p>
                  </div>
                  <div class="col-lg-4 text-center order-1 order-lg-2">
                    <img src="assets/img/departments-10.jpg" alt="" class="img-fluid">
                  </div>
                </div>
              </div>
              <div class="tab-pane" id="departments-tab-2">
                <div class="row">
                  <div class="col-lg-8 details order-2 order-lg-1">
                    <h3>Partnerships</h3>
                    <p class="fst-italic">
                      It works to develop comprehensive plans for Sudan's needs in coordination with 
                      partners, and presents the country's priorities clearly and professionally to
                       donors to open new channels for health investment and external financing. 
                       It also leads the building and development of partnerships with international, 
                       regional, and national entities, and manages bilateral and multilateral 
                       agreements to ensure compliance with the requirements of donors and partners.
                    </p>
                  </div>
                  <div class="col-lg-4 text-center order-1 order-lg-2">
                    <img src="assets/img/departments-20.jpg" alt="" class="img-fluid">
                  </div>
                </div>
              </div>
              <div class="tab-pane" id="departments-tab-3">
                <div class="row">
                  <div class="col-lg-8 details order-2 order-lg-1">
                    <h3>Communications and Operational</h3>
                    <p class="fst-italic">It oversees internal and external communications,
                       advocacy, and digital solutions, in addition to providing operational and 
                       logistical support to ensure the continuity of highly efficient work.
                        It also manages all resource mobilization processes, grants, and donations, 
                        with meticulous technical and operational oversight that enhances Sudan's 
                        ability to maximize the benefits of international and regional support.
                    </p>
                  </div>
                  <div class="col-lg-4 text-center order-1 order-lg-2">
                    <img src="assets/img/departments-30.jpg" alt="" class="img-fluid">
                  </div>
                </div>
              </div>
              <div class="tab-pane" id="departments-tab-4">
                <div class="row">
                  <div class="col-lg-8 details order-2 order-lg-1">
                    <h3>Fuga dolores inventore laboriosam ut est accusamus laboriosam dolore</h3>
                    <p class="fst-italic">Totam aperiam accusamus. Repellat consequuntur iure voluptas iure porro quis delectus</p>
                    <p>Eaque consequuntur consequuntur libero expedita in voluptas. Nostrum ipsam necessitatibus aliquam fugiat debitis quis velit. Eum ex maxime error in consequatur corporis atque. Eligendi asperiores sed qui veritatis aperiam quia a laborum inventore</p>
                  </div>
                  <div class="col-lg-4 text-center order-1 order-lg-2">
                    <img src="assets/img/departments-4.jpg" alt="" class="img-fluid">
                  </div>
                </div>
              </div>
              <div class="tab-pane" id="departments-tab-5">
                <div class="row">
                  <div class="col-lg-8 details order-2 order-lg-1">
                    <h3>Est eveniet ipsam sindera pad rone matrelat sando reda</h3>
                    <p class="fst-italic">Omnis blanditiis saepe eos autem qui sunt debitis porro quia.</p>
                    <p>Exercitationem nostrum omnis. Ut reiciendis repudiandae minus. Omnis recusandae ut non quam ut quod eius qui. Ipsum quia odit vero atque qui quibusdam amet. Occaecati sed est sint aut vitae molestiae voluptate vel</p>
                  </div>
                  <div class="col-lg-4 text-center order-1 order-lg-2">
                    <img src="assets/img/departments-5.jpg" alt="" class="img-fluid">
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>

      </div>

    </section><!-- /Departments Section -->


    <!-- Services Section -->
    <section id="services" class="services section">

      <!-- Section Title -->
      <div class="container section-title" data-aos="fade-up">
        <h2>Status and needs of the health system</h2>
        <p>The current state of the health system and the essential pillars required to ensure its efficiency and sustainability</p>
      </div><!-- End Section Title -->

      <div class="container">

        <div class="row gy-4">

          <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="100">
            <div class="service-item  position-relative">
              <div class="icon">
                <i class="fas fa-hospital"></i>
              </div>
              <a href="#" class="stretched-link">
                <h3>Work Environment</h3>
              </a>
              <p>
                This includes hospitals, health centers, and laboratories.
                It must be safe, clean, and technologically equipped to facilitate task performance.
              </p>
            </div>
          </div><!-- End Service Item -->

          <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="200">
            <div class="service-item position-relative">
              <div class="icon">
                <i class="fas fa-microscope"></i>
              </div>
              <a href="#" class="stretched-link">
                <h3>Tools and Technologies</h3>
              </a>
              <p>
                Medical devices, health information systems, and diagnostic and treatment tools.
                The more modern and digitally integrated the tools, the more efficient the healthcare system.
                </p>
            </div>
          </div><!-- End Service Item -->

          <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="300">
            <div class="service-item position-relative">
              <div class="icon">
                <i class="fas fa-user-doctor"></i>
              </div>
              <a href="#" class="stretched-link">
                <h3>Personnel</h3>
              </a>
              <p>
                Doctors, nurses, technicians, and administrators.
                They are the heart of the system and require ongoing training and psychological 
                and professional support.
              </p>
            </div>
          </div><!-- End Service Item -->

        
        </div>

      </div>

    </section><!-- /Services Section -->

    <!-- Appointment Section 
    <section id="appointment" class="appointment section">

      <-- Section Title >
      <div class="container section-title" data-aos="fade-up">
        <h2>Appointment</h2>
        <p>Necessitatibus eius consequatur ex aliquid fuga eum quidem sint consectetur velit</p>
      </div><-- End Section Title >

      <div class="container" data-aos="fade-up" data-aos-delay="100">

        <form action="https://themewagon.github.io/MediLab/forms/appointment.php" method="post" role="form" class="php-email-form">
          <div class="row">
            <div class="col-md-4 form-group">
              <input type="text" name="name" class="form-control" id="name" placeholder="Your Name" required="">
            </div>
            <div class="col-md-4 form-group mt-3 mt-md-0">
              <input type="email" class="form-control" name="email" id="email" placeholder="Your Email" required="">
            </div>
            <div class="col-md-4 form-group mt-3 mt-md-0">
              <input type="tel" class="form-control" name="phone" id="phone" placeholder="Your Phone" required="">
            </div>
          </div>
          <div class="row">
            <div class="col-md-4 form-group mt-3">
              <input type="datetime-local" name="date" class="form-control datepicker" id="date" placeholder="Appointment Date" required="">
            </div>
            <div class="col-md-4 form-group mt-3">
              <select name="department" id="department" class="form-select" required="">
                <option value="">Select Department</option>
                <option value="Department 1">Department 1</option>
                <option value="Department 2">Department 2</option>
                <option value="Department 3">Department 3</option>
              </select>
            </div>
            <div class="col-md-4 form-group mt-3">
              <select name="doctor" id="doctor" class="form-select" required="">
                <option value="">Select Doctor</option>
                <option value="Doctor 1">Doctor 1</option>
                <option value="Doctor 2">Doctor 2</option>
                <option value="Doctor 3">Doctor 3</option>
              </select>
            </div>
          </div>

          <div class="form-group mt-3">
            <textarea class="form-control" name="message" rows="5" placeholder="Message (Optional)"></textarea>
          </div>
          <div class="mt-3">
            <div class="loading">Loading</div>
            <div class="error-message"></div>
            <div class="sent-message">Your appointment request has been sent successfully. Thank you!</div>
            <div class="text-center"><button type="submit">Make an Appointment</button></div>
          </div>
        </form>

      </div>

    </section>     /Appointment Section -->

    <!-- Doctors Section -->
    <section id="doctors" class="doctors section">

      <!-- Section Title -->
      <div class="container section-title" data-aos="fade-up">
        <h2>Partners</h2>
        
      </div><!-- End Section Title -->

      <div class="container">

        <div class="row gy-4">

          <div class="col-lg-6" data-aos="fade-up" data-aos-delay="100">
            <div class="team-member d-flex align-items-start">
              <div class="pic"><img src="assets/img/who.png" class="img-fluid" alt=""></div>
              <div class="member-info">
                <h4>WHO</h4>
                <span>World Health Organization</span>
                <p>The United Nations agency working to promote health, keep the world safe and serve the vulnerable.</p>
                <div class="social">
                  <a href="#"><i class="bi bi-twitter-x"></i></a>
                  <a href="#"><i class="bi bi-facebook"></i></a>
                  <a href="#"><i class="bi bi-instagram"></i></a>
                  <a href="#"> <i class="bi bi-linkedin"></i> </a>
                </div>
              </div>
            </div>
          </div><!-- End Team Member -->

          <div class="col-lg-6" data-aos="fade-up" data-aos-delay="200">
            <div class="team-member d-flex align-items-start">
              <div class="pic"><img src="assets/img/UNICEF.png" class="img-fluid" alt=""></div>
              <div class="member-info">
                <h4>UNICEF</h4>
                <span>United Nations Children's Fund</span>
                <p> is a UN agency operating in over 190 countries and territories to provide humanitarian and 
                  developmental aid to children. 
                  It focuses on child survival, basic education, disease prevention, and emergency relief</p>
                <div class="social">
                  <a href="#"><i class="bi bi-twitter-x"></i></a>
                  <a href="#"><i class="bi bi-facebook"></i></a>
                  <a href="#"><i class="bi bi-instagram"></i></a>
                  <a href="#"> <i class="bi bi-linkedin"></i> </a>
                </div>
              </div>
            </div>
          </div><!-- End Team Member -->

          <div class="col-lg-6" data-aos="fade-up" data-aos-delay="300">
            <div class="team-member d-flex align-items-start">
              <div class="pic"><img src="assets/img/wfp.png" class="img-fluid" alt=""></div>
              <div class="member-info">
                <h4>WFP</h4>
                <span>World Food Programme</span>
                <p>is the food-assistance branch of the United Nations and the world's largest humanitarian organization addressing global hunger</p>
                <div class="social">
                  <a href="#"><i class="bi bi-twitter-x"></i></a>
                  <a href="#"><i class="bi bi-facebook"></i></a>
                  <a href="#"><i class="bi bi-instagram"></i></a>
                  <a href="#"> <i class="bi bi-linkedin"></i> </a>
                </div>
              </div>
            </div>
          </div><!-- End Team Member -->

          <div class="col-lg-6" data-aos="fade-up" data-aos-delay="400">
            <div class="team-member d-flex align-items-start">
              <div class="pic"><img src="assets/img/afdb.jpg" class="img-fluid" alt=""></div>
              <div class="member-info">
                <h4>AfDB</h4>
                <span>African Development Bank Group </span>
                <p>is a multilateral regional development finance institution, established in 1963 and currently 
                  headquartered in Abidjan, Côte d'Ivoire. 
                  Its primary objective is to stimulate economic development and social progress in African countries.</p>
                <div class="social">
                  <a href="#"><i class="bi bi-twitter-x"></i></a>
                  <a href="#"><i class="bi bi-facebook"></i></a>
                  <a href="#"><i class="bi bi-instagram"></i></a>
                  <a href="#"> <i class="bi bi-linkedin"></i> </a>
                </div>
              </div>
            </div>
          </div><!-- End Team Member -->

        </div>

      </div>

    </section><!-- /Doctors Section -->

    
    <!-- Gallery Section -->
    <section id="gallery" class="gallery section">

      <!-- Section Title -->
      <div class="container section-title" data-aos="fade-up">
        <h2>Gallery</h2>
        <p></p>
      </div><!-- End Section Title -->


    </section><!-- /Gallery Section -->

   
  </main>

  <footer id="footer" class="footer light-background">

    <div class="container footer-top">
      <div class="row gy-4">
        <div class="col-lg-4 col-md-6 footer-about">
          <a href="index-2.html" class="logo d-flex align-items-center">
            <span class="sitename">International Health Cooperation Platform</span>
          </a>
          <div class="footer-contact pt-3">
            <p>Khartoum - Nile Street,</p>
            <p>west of the Faculty of Engineering, University of Khartoum</p>
            <p class="mt-3"><strong>Phone:</strong> <span>+0917047000</span></p>
            <p><strong>Email:</strong> <span>info@fmoh.gov.sd</span></p>
          </div>
          <div class="social-links d-flex mt-4">
            <a href="#"><i class="bi bi-twitter-x"></i></a>
            <a href="#"><i class="bi bi-facebook"></i></a>
            <a href="#"><i class="bi bi-instagram"></i></a>
            <a href="#"><i class="bi bi-linkedin"></i></a>
          </div>
        </div>

    

      

      </div>
    </div>

    <div class="container copyright text-center mt-4">
      <p>© <span>Copyright</span> <strong class="px-1 sitename">Medilab</strong> <span>All Rights Reserved</span></p>
      <div class="credits">
        <!-- All the links in the footer should remain intact. -->
        <!-- You can delete the links only if you've purchased the pro version. -->
        <!-- Licensing information: https://bootstrapmade.com/license/ -->
        <!-- Purchase the pro version with working PHP/AJAX contact form: [buy-url] -->
        Designed by <a href="https://bootstrapmade.com/">BootstrapMade</a> Distributed by  <a href="https://themewagon.com/">ThemeWagon</a>
      </div>
    </div>

  </footer>

  <!-- Scroll Top -->
  <a href="#" id="scroll-top" class="scroll-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>

  <!-- Preloader -->
  <div id="preloader"></div>

  <!-- Vendor JS Files -->
  <script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
  <script src="assets/vendor/php-email-form/validate.js"></script>
  <script src="assets/vendor/aos/aos.js"></script>
  <script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
  <script src="assets/vendor/purecounter/purecounter_vanilla.js"></script>
  <script src="assets/vendor/swiper/swiper-bundle.min.js"></script>

  <!-- Main JS File -->
  <script src="assets/js/main.js"></script>

</body>


<!-- Mirrored from themewagon.github.io/MediLab/ by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 08 Jul 2026 14:29:35 GMT -->
</html>