<!DOCTYPE html>
<html lang="zxx">
<head>
        <!-- meta tag -->
        <meta charset="utf-8" />
        <title>Tanzania Health Environment and Development  Initiatives (THEDI)</title>
        <meta name="description" content="" />
        <!-- responsive tag -->
        <meta http-equiv="x-ua-compatible" content="ie=edge" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <!-- favicon -->
        <link rel="apple-touch-icon" href="apple-touch-icon.php" />
        <link rel="shortcut icon" type="image/x-icon" href="assets/images/logo.png" />
        <!-- Bootstrap  v5.1.3 css -->
        <link rel="stylesheet" href="assets/css/bootstrap.min.css" />
        <!-- Sall css -->
        <link rel="stylesheet" type="text/css" href="assets/css/sal.css" />
        <!-- magnific css -->
        <link rel="stylesheet" type="text/css" href="assets/css/magnific-popup.css" />
        <!-- Swiper Slider css -->
        <link rel="stylesheet" type="text/css" href="assets/css/swiper.min.css" />
        <!-- Remixicon Fonts css -->
        <link rel="stylesheet" type="text/css" href="assets/css/ico-fonts.css" />
        <!-- Remixicon Fonts css -->
        <link rel="stylesheet" type="text/css" href="assets/css/odometer.min.css" />
        <!-- style css -->
        <link rel="stylesheet" type="text/css" href="assets/css/style.css" />
    </head>
    <body>
        <!-- preloader -->
        <div id="preloader" class="preloader">
            <div class="animation-preloader">
                <div class="spinner">
                    <div class="loader-icon">
                        <img src="assets/images/logo.png" alt="Corporate Business HTML Template" />
                    </div>
                </div>
                <div class="txt-loading">
                    <span data-text-preloader="T" class="letters-loading"> T </span>
                    <span data-text-preloader="H" class="letters-loading"> H </span>
                    <span data-text-preloader="E" class="letters-loading"> E </span>
                    <span data-text-preloader="D" class="letters-loading"> D </span>
                    <span data-text-preloader="I" class="letters-loading"> I </span>
                </div>
                <p class="text-center">Loading</p>
            </div>
        </div>
        <!-- welcome content start from here -->

        <!--========== Header Section Start ==============-->
        <header class="sc-header-section" id="sc-header-sticky">
            <div class="sc-topbar-section sc-topbar-section-two">
                <div class="container">
                    <!-- Topbar Section Start -->
                    <div class="row ">
                        <div class="col-lg-12 col-md-12">
                            <div
                                class="sc-menu-inner p-z-idex d-flex justify-content-md-start"
                            >
                                <div class="sc-header-content-left">
                                    <ul class="list-gap white-color">
                                        <li>
                                            <i class="icon-phone"></i
                                            ><a href="tel:+255759788542"> +255 759 788 542 | +255 754 027 522 </a>
                                        </li>
                                        <li class="header-mail">
                                            <i class="icon-message"></i
                                            ><a href="mailto:info@thedi.or.tz"> info@thedi.or.tz</a>
                                        </li>
                                        <li>
                                            <i class="icon-map"></i
                                            ><a href="mailto:info@thedi.or.tz"> Nyamanoro "A" Road,Ghana Bondeni,Plot No. 451, House No.7,
                                                Nyamagana, Mwanza - Tanzania</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- Topbar Section End -->
                </div>
            </div>
            <!-- Header Section Start -->
            <div class="sc-header-content sc-header-content-two">
                <div class="container">
                    <div class="row align-items-center justify-content-between p-z-idex">
                        <div class="col-lg-9 col-6">
                            <div class="sc-menu-inner d-flex align-items-center">
                                <div class="sc-header-logo sc-pr-112">
                                    <a href="index.php"><img src="assets/images/logo.png" width="150px" alt="Logo" /></a>
                                </div>
                                <div class="sc-main-menu d-lg-block d-none">
                                    <!-- Mainmenu Section Start -->
                                    <ul class="list-gap main-menu">
                                        <li class="current-menu-item">
                                            <a class="active" href="index.php"> Home</a>
                                        </li>
                                        <!-- <li>
                                            <a href="about.php"> Who We Are</a>
                                        </li> -->
                                        <li class="menu-item-has-children">
                                            <a href="#">  Who We Are</a>
                                            <ul class="list-gap sub-menu-list">
                                                <li><a href="#about">About us </a></li>
                                                <li><a href="#about">Our history</a></li>
                                                <li class="dropdown menu-item-has-children">
                                                    <a class="dropbtn" href="#team">Our Team </a>
                                                    <ul class="dropdown-content">
                                                        <li><a href="#team">Founder Members </a></li>
                                                        <li><a href="#team">Board Members </a></li>
                                                    </ul>
                                                </li>
                                                <li class="dropdown menu-item-has-children">
                                                    <a class="dropbtn" href="#">Capabilities </a>
                                                    <ul class="dropdown-content">
                                                        <li><a href="#">Vector control </a></li>
                                                        <li><a href="#">Environmental management </a></li>
                                                        <li><a href="#">Gender mainstream and inclusion</a></li>
                                                        <li><a href="#">Program design, planning, monitoring, evaluation, accountability, and learning.</a></li>
                                                        <li><a href="#publichealth">Public health, community engagement, and development</a></li>
                                                        <li><a href="#">ICT and data management</a></li>
                                                    </ul>
                                                </li>
                                            </ul>
                                        </li>
                                        <li class="current-menu-item">
                                            <a class="" href="#">Our Projects </a>
                                        </li>
                                        <li class="menu-item-has-children">
                                            <a href="#"> Work With Us </a>
                                            <ul class="list-gap sub-menu-list">
                                                <li><a href="#">Carrier</a></li>
                                                <li><a href="#">Internships</a></li>
                                                <li><a href="#">Tenders</a></li>
                                            </ul>
                                        </li>
                                        <li class="menu-item-has-children">
                                            <a href="#"> Resources </a>
                                            <ul class="list-gap sub-menu-list">
                                                <li><a href="#">Publications</a></li>
                                                <li class="dropdown menu-item-has-children">
                                                    <a class="dropbtn" href="#news"> Media</a>
                                                    <ul class="dropdown-content">
                                                        <li><a href="#news">Events/ News</a></li>
                                                        <li><a href="#">Success stories</a></li>
                                                        <li><a href="#">Photo Gallery</a></li>
                                                    </ul>
                                                </li>
                                            </ul>
                                        </li>
                                        <li><a href="#contact">Contact</a></li>
                                    </ul>
                                    <!-- Mainmenu Section End -->
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-6">
                            <div class="sc-menu-select-box d-flex align-items-center justify-content-end">
                                <div class="sc-hambagur-icon sc-mr-20">
                                    <a id="canva_expander" href="#" class="nav-menu-link menu-button">
                                        <span class="dot1"></span>
                                        <span class="dot2"></span>
                                        <span class="dot3"></span>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </header>
        <!--========== Header Section End ==============-->

        <!--=========== Slider Section Start =========-->
        <section class="sc-slider-section sc-slider-style2">
            <div class="swiper sc-slider-2">
                <div class="swiper-wrapper">
                    <!-- Slide One -->
                    <div class="swiper-slide">
                        <div class="slide-image-1 sc-image-layer"></div>
                        <div class="container position-relative">
                            <div class="sc-slider-content p-z-idex">
                                <div class="sc-slider-subtitle">Vision</div>
                                <h5 class="slider-title white-color sc-mb-25 sc-sm-mb-15">
                                    The vision of THEDI is to envision achieving optimal health for community development for the people we serve.
                                </h5>
                                <div class="slider-desc white-dark-color sc-mb-40 sc-sm-mb-25">
                                    
                                </div>
                                <div class="slider-btn-area d-flex align-items-center">
                                    
                                </div>
                            </div>
                            <div class="shape-overly-one"></div>
                        </div>
                    </div>

                    <!-- Slide two -->
                    <div class="swiper-slide">
                        <div class="slide-image-2 sc-image-layer"></div>
                        <div class="container position-relative">
                            <div class="sc-slider-content p-z-idex">
                                <div class="sc-slider-subtitle">Mission</div>
                                <h1 class="slider-title white-color sc-mb-25 sc-sm-mb-15">
                                    THEDI is out to partner with communities, and stakeholders to protect, promote, and improve people’s health and well-being to achieve sustainable community development.
                                </h1>
                                <div class="slider-desc white-dark-color sc-mb-40 sc-sm-mb-25">
                                    
                                </div>
                            </div>
                            <div class="shape-overly-one"></div>
                        </div>
                    </div>
                    <!-- Slide three -->
                    <div class="swiper-slide">
                        <div class="slide-image-3 sc-image-layer"></div>
                        <div class="container position-relative">
                            <div class="sc-slider-content p-z-idex">
                                <div class="sc-slider-subtitle">Goal</div>
                                <h1 class="slider-title white-color sc-mb-25 sc-sm-mb-15">
                                    Our goal is to have IMPACT IN LIVES by protecting, promoting, and improving the well-being of the people with a focus to promote sustainable community development in Tanzania.
                                </h1>
                            </div>
                            <div class="shape-overly-one"></div>
                        </div>
                    </div>
                </div>
                <div class="swiper-button-next"></div>
                <div class="swiper-button-prev"></div>
            </div>
        </section>
        <!--=========== Slider Section End =========-->
<div id="status"></div>
        <!--=========== statistics Section Start =========-->
        <section class="sc-statistics-section-area gray-bg-color sc-pb-80">
        </section>
        <!--=========== statistics Section End =========-->

        <!--=========== service section Start =========-->
        <div class="sc-service-section-two sc-pb-95 sc-md-pb-50 sc-pt-100 sc-md-pt-80">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6 offset-lg-3 col-md-8 offset-md-2">
                        <div class="sc-heading-area sc-mb-35 text-center">

                            <h2 class="title">
                               Vision <span class="primary-color italic">&</span> Mission
                            </h2>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-6 col-md-6" data-sal="slide-up" data-sal-duration="800" data-sal-delay="300">
                        <div class="sc-service-content-box">
                            <div class="sc-services-image">
                                <div class="sc-service-icon">
                                    <i class="icon-bussness2"></i>
                                </div>
                            </div>
                            <div class="sc-service-text">
                                <h4><a class="title" href="#">Vision</a></h4>
                                <p class="des sc-mb-25">
                                    The vision of THEDI is to envision achieving optimal health for community development for the people we serve.
                                </p>
                                <br>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-6" data-sal="slide-up" data-sal-duration="800" data-sal-delay="400">
                        <div class="sc-service-content-box">
                            <div class="sc-services-image">
                                <div class="sc-service-icon">
                                    <i class="icon-human"></i>
                                </div>
                            </div>
                            <div class="sc-service-text">
                                <h4><a class="title" href="#">Mission</a></h4>
                                <p class="des sc-mb-25">
                                    THEDI is out to partner with communities, and stakeholders to protect, promote, and improve people’s health and well-being to achieve sustainable community development.
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-12 col-md-12" data-sal="slide-up" data-sal-duration="800" data-sal-delay="400">
                        <div class="sc-service-content-box">
                            <div class="sc-services-image">
                                <div class="sc-service-icon">
                                    <i class="icon-proccess"></i>
                                </div>
                            </div>
                            <div class="sc-service-text">
                                <h4><a class="title" href="#">Goal</a></h4>
                                <p class="des sc-mb-25">
                                    Our goal is to have IMPACT IN LIVES by protecting, promoting, and improving the well-being of the people with a focus to promote sustainable community development in Tanzania.
                                </p>
                                <h5>Specific objectives</h5>
                                <ul>
                                    <li>Optimize community involvement and participation in addressing public health issues.</li>
                                    <li>Integrating innovative vector control strategies for tangible population protection impact.</li>
                                    <li>Development of monitoring and evaluation framework to assess the impact of health and community development </li>
                                    <li>Promoting equity, gender mainstreaming, and enhancing the role of women in health, environment, and sustainable development.</li>
                                    <li>Integration of health policies and programs in the national strategic development agendas.</li>
                                    <li>Promote community engagement in environmental protection, and advocate for compliance with environmental laws and regulations.</li>
                                    
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--=========== service section End =========-->

        <!--=========== about Section Start =========-->
        <div class="sc-about-area sc-about-section-two position-relative">
            <div class="container-fluid sc-pl-0 sc-md-pr-20 sc-md-pl-20">
                <div
                    class="sc-about-content-area sc-pt-40 sc-pb-40 position-relative p-z-idex d-flex align-items-center sc-md-pt-80 sc-md-pb-80"
                >
                    <div class="sc-about-bg-image" data-sal="slide-right" data-sal-duration="800" >
                        <img src="assets/images/slider/about.jpg" alt="About" style="width: 600px; height: auto; margin-right: 20px;"/>
                    </div>
                    <div
                        class="sc-about-text-box sc-md-mt-50 sc-pl-30 sc-md-pl-0"
                        data-sal="slide-left"
                        data-sal-duration="800"
                    >
                        <div class="sc-heading-area sc-mb-35">
                            <h2 class="title">
                                Tanzania Health Environment  
                                <span class="primary-color italic">and Development Initiatives</span>   
                            </h2>
                            <P>

                            </P>
                        </div>
                        
                        <div class="sc-process-content" id="about">
                            <p class="des sc-mb-20" style="font-weight:400">
                                Tanzania Health Environment and Development  Initiatives (THEDI) was founded in October 2022 by a group of
                                 energetic specialists in public health, environment,
                                 finance and administration, monitoring and evaluation, and information technology. They came together with 
                                the mission to partner with communities, and stakeholders to protect, promote, and 
                                improve people’s health and well-being. They also realized the necessity of this establishment
                                 as a driving force in contributing to sustainable community development in Tanzania. 
                                 THEDI like other Non-Governmental Organizations and international humanitarian institutions,
                                  aims at achieving sustainable results from developmental  where health promotion is 
                                  seen as a core driving force. The multisectoral approach will lead to the success of 
                                  the organization and the focus will be on strengthening the participation and involvement 
                                  of communities and different stakeholders for impactful .
                            </p>
                        </div>
                        <div class="sc-about-item sc-ipade-pr-0 d-flex align-items-center sc-mb-20 ">
                            
                            <div class="sc-process-content">
                                <h4><a class="title" href="#">Legal Status </a></h4>
                                <p class="des sc-mb-20">
                                    Tanzania Health Environment and Development Initiatives (THEDI) is a local NGO established under
                                     the Non-Governmental Organization Act, 2002 with registration No. 00NGO/R/4153. 
                                     THEDI is legally operating in accordance with its governing constitution and the 
                                     law of the United Republic of Tanzania.   For the bolded impact of its mission,
                                      THEDI shall jointly work in partnership with the Ministry of Health, Community 
                                      Development, Gender, Women, and Special Groups, and Regional Administration and
                                       Local Government (PORALG).  
                                </p>
                            </div>
                        </div>
                        <!-- <div id="publichealth"></div>
                        <div class="sc-about-item sc-ipade-pr-0 d-flex align-items-center sc-mb-20 ">
                            
                            <div class="sc-process-content">
                                <h4><a class="title" href="#">Capabilities</a></h4>
                                <p class="des des sc-mb-20">
                                    For THEDI community engagement is the cornerstone in addressing viable community concerns 
                                    toward attaining total well-being and community development.  THEDI focuses to 
                                    work with a range of stakeholders including Community-owned Resource Persons (CRP)
                                     like local leaders, religious leaders, Community Health Workers (CHWs), Community 
                                     Change Agents (CCA), community groups such as women’s groups, and youth groups, 
                                     teachers, and school children through the implementation of different .
                                      The purpose of engaging various stakeholders is to implore communities’ 
                                      insights and consequently influence the entire community’s needs assessment
                                       and planning process. THEDI believed that common decisions among stakeholders 
                                       towards the implementation of various public health, environmental, and 
                                       development  could lead to impactful and viable results. 
                                </p>
                            </div>
                        </div> -->
                        <div class="sc-about-shape">
                            <img src="assets/images/icons/about-shape.png" alt="Shape" />
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--=========== about Section End =========-->
        
  
<!--=========== news Section Start =========-->
<!--=========== news Section Start =========-->
<div class="sc-about-area sc-about-section-two position-relative" id="news">
    <div class="container-fluid sc-pl-0 sc-pr-0 sc-md-pr-20 sc-md-pl-20">
        <div
            class="sc-about-content-area sc-pt-40 sc-pb-40 position-relative d-flex flex-column align-items-center sc-md-pt-80 sc-md-pb-80"
        >
            <div
                class="sc-about-text-box sc-md-mt-50 sc-pl-30 sc-pr-30 sc-md-pl-0 sc-md-pr-0"
                data-sal="slide-left"
                data-sal-duration="800"
                style="width: 80%;"
            >
                <div class="sc-heading-area sc-mb-35 text-center">
                    <h2 class="title">
                        THEDI News and Updates  
                        <span class="primary-color italic">Latest Events and Activities</span>   
                    </h2>
                </div>
                
                <div class="sc-process-content" id="news">
                    <div class="sc-about-item d-flex align-items-start sc-mb-20">
                        <img src="assets/images/news/oral.png" alt="Oral Health Outreach" class="sc-news-image" style="width: 250px; height: auto; margin-right: 20px;"/>
                        <div class="sc-process-content">
                            <h4><a class="title" href="#">Oral Health Outreach at Kamanga Health Center Sengerema District</a></h4>
                            <p class="des sc-mb-20" style="font-weight:400">
                                THEDI and Cedar Foundation conducted an oral outreach mission at Kamanga health center in Sengerema district in July 2023. Public awareness was raised through community health workers, community leaders, and religion leaders. The mission involved screening and treating individuals with oral health conditions as well as assessing oral health knowledge, attitude, and practice. The mission helped the organization to understand the extent of oral health issues, the availability and accessibility of quality healthcare services, and the level of basic oral health knowledge and practice among communities.
                            </p>
                        </div>
                    </div>
                    <div class="sc-about-item d-flex align-items-start sc-mb-20">
                        <img src="assets/images/news/micro.png" alt="Solid Waste Management" class="sc-news-image" style="width: 250px; height: auto; margin-right: 20px;"/>
                        <div class="sc-process-content">
                            <h4><a class="title" href="#">Micro Planning Session on Solid Waste Management</a></h4>
                            <p class="des sc-mb-20">
                                THEDI team organized and conducted a micro planning session with Mwanza City Council Environment Department in May 2023. The purpose of the meeting was to orient the Mwanza City Team on the electronic tools which could enhance conducting supervision of solid waste management. The session enabled the team to review the various tools, plans, and strategies for stakeholders’ engagement during the entire planning, implementation, and evaluation process of the proposed initiative.
                            </p>
                        </div>
                    </div>
                    <div class="sc-about-item d-flex align-items-start sc-mb-20">
                        <img src="assets/images/news/cleanup.png" alt="Cleanup Day" class="sc-news-image" style="width: 250px; height: auto; margin-right: 20px;"/>
                        <div class="sc-process-content">
                            <h4><a class="title" href="#">Mwanza City Cleanup Day 2023</a></h4>
                            <p class="des sc-mb-20">
                                THEDI in collaboration with Mwanza City Council joined hands to clean up recreational areas and public transport stops during World Cleanup Day in 2023. Volunteers worked in teams from 8 am to noon, receiving a free event t-shirt, clean-up supplies, and a "Thank You" from Mwanza City Council Authority. THEDI advised the City Council to conduct a public awareness campaign for the entire commemoration week to increase community involvement.
                            </p>
                        </div>
                    </div>
                    <div class="sc-about-item d-flex align-items-start sc-mb-20">
                        <img src="assets/images/news/strategy.png" alt="Strategic Planning" class="sc-news-image" style="width: 250px; height: auto; margin-right: 20px;"/>
                        <div class="sc-process-content">
                            <h4><a class="title" href="#">Strategic Planning Sessions between THEDI and Bridge2Aid</a></h4>
                            <p class="des sc-mb-20">
                                In January 2024, THEDI and B2A conducted a joint strategic planning meeting at Tilapia Hotel Mwanza. The meeting was for 2 days with the aim of orienting the teams from both organizations on the proposed ORAL HEALTH PROJECT “Improving Access to Oral Healthcare Education and Promotion among Underserved Population in Six Districts Mwanza - Tanzania: “A Comprehensive Approach.” The meeting was very successful and enabled both organizations to align the project documents including the project proposal, project action plans, project M&E matrix, and proposed project milestones. The meeting provided the green light for the kick-off of the project to Misungwi pilot district.
                            </p>
                        </div>
                    </div>
                    <div class="sc-about-item d-flex align-items-start sc-mb-20">
                        <img src="assets/images/news/project.png" alt="Advocacy Meeting" class="sc-news-image" style="width: 250px; height: auto; margin-right: 20px;"/>
                        <div class="sc-process-content">
                            <h4><a class="title" href="#">Project Advocacy and Sensitization Meeting Misungwi</a></h4>
                            <p class="des sc-mb-20">
                                In January 2024, THEDI organized an advocacy and sensitization meeting with Misungwi district Council. This was a follow-on meeting after the fore advocacy meetings conducted at National and Regional levels. The main purpose of all meetings was to mark the introduction of the project “Improving Access to Oral Healthcare Education and Promotion among Underserved Population in Six Districts Mwanza - Tanzania: “A Comprehensive Approach” and win support throughout project planning, implementation, and evaluation. The reception of the project was very impressive at all levels. In Misungwi, the meeting was chaired by the District Executive Director (DED), and during his opening remarks, he appreciated THEDI for the initiatives and emphasized joint planning and implementation. DED guarantees full support throughout the project duration. THEDI team used the meeting platform to highlight the goal and objectives of the project and the expected outcomes.
                            </p>
                        </div>
                    </div>
                    <div class="sc-about-item d-flex align-items-start sc-mb-20">
                        <img src="assets/images/news/logistics.png" alt="Logistic Assessment" class="sc-news-image" style="width: 250px; height: auto; margin-right: 20px;"/>
                        <div class="sc-process-content">
                            <h4><a class="title" href="#">Project Logistic Assessment and Micro Planning Misungwi</a></h4>
                            <p class="des sc-mb-20">
                                In February 2024, THEDI conducted a logistic assessment in Misungwi district to gather information for effective project planning and implementation. The team included health education and community-based coordinators from Misungwi district council. The team conducted a desk review and compiled all potential information that will inform the micro planning session. The team also conducted a two-day field visit to assess the feasibility of rural health facilities for oral health outreach programs. This allowed the team to identify suitable outreach centers and training venues for the project.
                            </p>
                        </div>
                    </div>
                </div>
                <div class="sc-about-shape">
                    <img src="assets/images/icons/about-shape.png" alt="Shape" />
                </div>
            </div>
        </div>
    </div>
</div>
<!--=========== news Section End =========-->

<!--=========== news Section End =========-->




<!--=========== news Section End =========-->

        <!--=========== news Section End =========-->

        <!--=========== form section Start =========-->
        <div class="sc-form-section-area sc-pt-100 sc-md-pt-75" id="contact">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-6" data-sal="slide-right" data-sal-duration="800">
                        <h4 class="title" style="color: white;">Address</h4>
                        <p style="color:white">
                            P.O. Box 1784, Mwanza - Tanzania<br>
                            Nyamanoro "A" Road,Ghana Bondeni,Plot No. 451, House No.7,
                                                Nyamagana, Mwanza - Tanzania.
                        </p>
                        <p style="color:white">
                            Phone: +255 759 788 542 | +255 754 027 522<br>
                            Email: info@thedi.or.tz<br>
                            Website: www.thedi.or.tz<br>
                        </p>
                        <form  method="post" id="contact-form">
                        <div class="sc-slider-form-box sc-form-inner">
                            <div class="sc-heading-area sc-mb-35">
                            </div>
                            <div class="sc-form-area">
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="sc-slider-form sc-mb-20">
                                            <input
                                                type="text"
                                                name="fullName"
                                                id="name"
                                                placeholder="Full Names *"
                                                required=""
                                            />
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="sc-slider-form sc-mb-20">
                                            <input
                                                type="text"
                                                name="email"
                                                id="email"
                                                placeholder="Your Email *"
                                                required=""
                                            />
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="sc-slider-form sc-mb-20">
                                            <input
                                                type="text"
                                                name="subject"
                                                id="subject"
                                                placeholder="subject "
                                            />
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="sc-slider-form">
                                            <textarea
                                                rows="4"
                                                cols="50"
                                                name="message"
                                                placeholder="Write your message"
                                            ></textarea>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="sc-form-btn">
                                <button class="sc-white-btn" type="submit">Send</button>
                              
                            </div>
                        </form>
                        </div>
                    </div>
                    <div class="col-lg-6"></div>
                </div>
            </div>
            <div class="sc-form-image" data-sal="slide-left" data-sal-duration="800"></div>
        </div>
        <!--=========== form section End =========-->

        <!--=========== Brand section Start =========-->
        <!-- <div class="sc-brand-section-two sc-long-width2">
            <div class="container">
                <div class="swiper sc-brand-slider">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <div class="sc-brand-image-box">
                                <div class="sc-brand-image">
                                    <a href="#"><img src="assets/images/brand/brand.png" alt="Brand" /></a>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="sc-brand-image-box">
                                <div class="sc-brand-image">
                                    <a href="#"><img src="assets/images/brand/brand_1.png" alt="Brand" /></a>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="sc-brand-image-box">
                                <div class="sc-brand-image">
                                    <a href="#"><img src="assets/images/brand/brand_2.png" alt="Brand" /></a>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="sc-brand-image-box">
                                <div class="sc-brand-image">
                                    <a href="#"><img src="assets/images/brand/brand_3.png" alt="Brand" /></a>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="sc-brand-image-box">
                                <div class="sc-brand-image">
                                    <a href="#"><img src="assets/images/brand/brand_4.png" alt="Brand" /></a>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="sc-brand-image-box">
                                <div class="sc-brand-image">
                                    <a href="#"><img src="assets/images/brand/brand.png" alt="Brand" /></a>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="sc-brand-image-box">
                                <div class="sc-brand-image">
                                    <a href="#"><img src="assets/images/brand/brand_1.png" alt="Brand" /></a>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="sc-brand-image-box">
                                <div class="sc-brand-image">
                                    <a href="#"><img src="assets/images/brand/brand_2.png" alt="Brand" /></a>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="sc-brand-image-box">
                                <div class="sc-brand-image">
                                    <a href="#"><img src="assets/images/brand/brand_3.png" alt="Brand" /></a>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="sc-brand-image-box">
                                <div class="sc-brand-image">
                                    <a href="#"><img src="assets/images/brand/brand_4.png" alt="Brand" /></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div> -->
        <!--=========== Brand section End =========-->

        <!--=========== team Section Start =========-->
        <div class="sc-team-section-area sc-long-map sc-pb-100 sc-md-pb-80" id="team">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6 offset-lg-3 col-md-8 offset-md-2">
                        <div class="sc-heading-area sc-mb-55 text-center">
                            <h2 class="title">Founder Members</h2>
                        </div>
                    </div>
                </div>
                <div class="swiper sc-pagination-active sc-swiper-slider">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <div class="sc-team-item text-center">
                                <div class="item-img">
                                    <div class="team-image">
                                        <a href="rubona.php"
                                            ><img src="assets/images/team/team-img1.png" alt="Team"
                                        /></a>
                                    </div>
                                    <div class="sc-team-content">
                                        <h4><a href="rubona.php" class="title">Joshua Mutagahywa Rubona</a></h4>
                                        <span>Environmental and Public Health Expert <br>THEDI Chairperson</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="sc-team-item text-center">
                                <div class="item-img">
                                    <div class="team-image">
                                        <a href="mshana.php"
                                            ><img src="assets/images/team/team-img2.png" width="180"  height="230" alt="Team"
                                        /></a>
                                    </div>
                                    <div class="sc-team-content">
                                        <h4><a href="mshana.php" class="title">Christopher Eliatosha Mshana</a></h4>
                                        <span>Public Health Specialist<br>THEDI General Secretary</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--<div class="swiper-slide">-->
                        <!--    <div class="sc-team-item text-center">-->
                        <!--        <div class="item-img">-->
                        <!--            <div class="team-image">-->
                        <!--                <a href="mwansansu.php"-->
                        <!--                    ><img src="assets/images/team/team-img3.png" height="230" alt="Team"-->
                        <!--                /></a>-->
                        <!--            </div>-->
                        <!--            <div class="sc-team-content">-->
                        <!--                <h4><a href="mwansansu.php" class="title">Kenan Louis <br>Mwansasu</a></h4>-->
                        <!--                <span>IT Specialist & Digital Health Solutions Expert</span>-->
                        <!--            </div>-->
                        <!--        </div>-->
                        <!--    </div>-->
                        <!--</div>-->
                        <div class="swiper-slide">
                            <div class="sc-team-item text-center">
                                <div class="item-img">
                                    <div class="team-image">
                                        <a href="kikompolisi.php"
                                            ><img src="assets/images/team/team-img5.png" height="260" alt="Team"
                                        /></a>
                                    </div>
                                    <div class="sc-team-content">
                                        <h4><a href="kikompolisi.php" class="title">Dr. Joachim Gordian Kikompolisi</a></h4>
                                        <span>Public Health Specialist</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="sc-team-item text-center">
                                <div class="item-img">
                                    <div class="team-image">
                                        <a href="rutta.php"
                                            ><img src="assets/images/team/team-img6.jpeg" width="200" height="260" alt="Team"
                                        /></a>
                                    </div>
                                    <div class="sc-team-content">
                                        <h4><a href="rutta.php" class="title">Gaudence Juma Rutta</a></h4>
                                        <span>Environmental, Safety, and Vector Control Expert</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="sc-team-item text-center">
                                <div class="item-img">
                                    <div class="team-image">
                                        <a href="murage.php"
                                            ><img src="assets/images/team/team-img7.png" height="230" alt="Team"
                                        /></a>
                                    </div>
                                    <div class="sc-team-content">
                                        <h4><a href="murage.php" class="title">Ms. Grace J. <br>Murage</a></h4>
                                        <span>M&E and Public Health Expert</span><br><br>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="sc-team-item text-center">
                                <div class="item-img">
                                    <div class="team-image">
                                        <a href="novat.php"
                                            ><img src="assets/images/team/team-img8.jpeg" height="290" alt="Team"
                                        /></a>
                                    </div>
                                    <div class="sc-team-content">
                                        <h4><a href="novat.php" class="title">Ditrick Nkuba Novat</a></h4>
                                        <span>Data Scientist</span><br>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-button-next"></div>
                    <div class="swiper-button-prev"></div>
                </div>
            </div>
        </div>
        <!--=========== team Section End =========-->

        <!--=========== testimonial section Start =========-->
        <!-- <div class="sc-testimonial-section-two sc-arrow-btn sc-pt-100 sc-pb-100 sc-md-pt-80 sc-md-pb-80">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6" data-sal="slide-right" data-sal-duration="800">
                        <div class="testimonial-slider-image">
                            <img src="assets/images/testimonial/slider-image.png" alt="Testimonial" />
                        </div>
                    </div>
                    <div class="col-lg-6 sc-md-mt-50" data-sal="slide-left" data-sal-duration="800">
                        <div class="sc-slider-content-area">
                            <div class="sc-heading-area sc-mb-20">
                                <span class="sub-title"><i class="icon-line"></i> Client Feedback</span>

                                <h2 class="title">
                                    Happy Client Feedback <span class="primary-color italic">About</span> Our Service
                                </h2>
                            </div>
                            <div class="swiper sc-tes-slider">
                                <div class="swiper-wrapper">
                                    <div class="swiper-slide">
                                        <div class="sc-testimonial-content">
                                            <p class="des sc-mb-40">
                                                Abundantly centise that may be wonora wasinton Open gathering they are
                                                not nights multiple brings living created sheller first two beginning
                                                beast alrigh airot you ando divide subdue one margin herb light
                                            </p>
                                            <div class="sc-slider-auother d-flex align-items-center">
                                                <div class="auother-image sc-mr-15">
                                                    <img src="assets/images/testimonial/small-slider.jpg" alt="Test" />
                                                </div>
                                                <div class="sc-auother-texty">
                                                    <h5 class="title">David Backum</h5>
                                                    <span>Senior Marketing Manager</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="sc-testimonial-content">
                                            <p class="des sc-mb-40">
                                                Created sheller first two Open gathering they are not nights multiple
                                                brings living centise that may be wonora wasinton beginning beast alrigh
                                                airot you ando divide subdue one margin herb light
                                            </p>
                                            <div class="sc-slider-auother d-flex align-items-center">
                                                <div class="auother-image sc-mr-15">
                                                    <img src="assets/images/testimonial/small-slider1.jpg" alt="Test" />
                                                </div>
                                                <div class="sc-auother-texty">
                                                    <h5 class="title">David Backum</h5>
                                                    <span>Senior Marketing Manager</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="sc-testimonial-content">
                                            <p class="des sc-mb-40">
                                                Beginning beast alrigh airot you ando divide subdue Open gathering they
                                                are not nights multiple brings living abundantly centise that may be
                                                wonora created sheller first two one margin herb light
                                            </p>
                                            <div class="sc-slider-auother d-flex align-items-center">
                                                <div class="auother-image sc-mr-15">
                                                    <img src="assets/images/testimonial/small-slider2.jpg" alt="Test" />
                                                </div>
                                                <div class="sc-auother-texty">
                                                    <h5 class="title">David Backum</h5>
                                                    <span>Senior Marketing Manager</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-button-next"></div>
                                <div class="swiper-button-prev"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div> -->
        <!--=========== testimonial section End =========-->

        <!-- =========== project section Start =========
        <div class="sc-project-section-area sc-project-section-two">
            <div class="container-fluid sc-project-container">
                <div class="swiper sc-swiper-slider sc-pagination-active">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <div class="sc-project-item">
                                <a href="project-details.php"></a>
                                <img src="assets/images/project/image_7.jpg" alt="Image" />
                                <div class="sc-project-content-box">
                                    <div class="sc-project-icon">
                                        <a href="#"><i class="icon-sliuder-arrow2"></i></a>
                                    </div>
                                    <div class="sc-project-text">
                                        <span class="sub-title">Consulting</span>
                                        <h4><a class="title" href="project-details.php">Business Meeting</a></h4>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="sc-project-item">
                                <img src="assets/images/project/image_8.jpg" alt="Image" />
                                <div class="sc-project-content-box">
                                    <div class="sc-project-icon">
                                        <a href="#"><i class="icon-sliuder-arrow2"></i></a>
                                    </div>
                                    <div class="sc-project-text">
                                        <span class="sub-title">Marketing</span>
                                        <h4><a class="title" href="project-details.php">Business Growth</a></h4>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="sc-project-item">
                                <img src="assets/images/project/pro-image2.jpg" alt="Image" />
                                <div class="sc-project-content-box">
                                    <div class="sc-project-icon">
                                        <a href="#"><i class="icon-sliuder-arrow2"></i></a>
                                    </div>
                                    <div class="sc-project-text">
                                        <span class="sub-title">Strategy</span>
                                        <h4><a class="title" href="project-details.php">Marketing Solution</a></h4>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="sc-project-item">
                                <img src="assets/images/project/pro-image3.jpg" alt="Image" />
                                <div class="sc-project-content-box">
                                    <div class="sc-project-icon">
                                        <a href="#"><i class="icon-sliuder-arrow2"></i></a>
                                    </div>
                                    <div class="sc-project-text">
                                        <span class="sub-title">Business</span>
                                        <h4><a class="title" href="project-details.php">Strategy Growth</a></h4>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="sc-project-item">
                                <a href="project-details.php"></a>
                                <img src="assets/images/project/image_7.jpg" alt="Image" />
                                <div class="sc-project-content-box">
                                    <div class="sc-project-icon">
                                        <a href="#"><i class="icon-sliuder-arrow2"></i></a>
                                    </div>
                                    <div class="sc-project-text">
                                        <span class="sub-title">Consulting</span>
                                        <h4><a class="title" href="project-details.php">Business Meeting</a></h4>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="sc-project-item">
                                <img src="assets/images/project/image_8.jpg" alt="Image" />
                                <div class="sc-project-content-box">
                                    <div class="sc-project-icon">
                                        <a href="#"><i class="icon-sliuder-arrow2"></i></a>
                                    </div>
                                    <div class="sc-project-text">
                                        <span class="sub-title">Marketing</span>
                                        <h4><a class="title" href="project-details.php">Business Growth</a></h4>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="sc-project-item">
                                <img src="assets/images/project/pro-image2.jpg" alt="Image" />
                                <div class="sc-project-content-box">
                                    <div class="sc-project-icon">
                                        <a href="#"><i class="icon-sliuder-arrow2"></i></a>
                                    </div>
                                    <div class="sc-project-text">
                                        <span class="sub-title">Strategy</span>
                                        <h4><a class="title" href="project-details.php">Marketing Solution</a></h4>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="sc-project-item">
                                <img src="assets/images/project/pro-image3.jpg" alt="Image" />
                                <div class="sc-project-content-box">
                                    <div class="sc-project-icon">
                                        <a href="#"><i class="icon-sliuder-arrow2"></i></a>
                                    </div>
                                    <div class="sc-project-text">
                                        <span class="sub-title">Business</span>
                                        <h4><a class="title" href="project-details.php">Strategy Growth</a></h4>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-button-next"></div>
                    <div class="swiper-button-prev"></div>
                </div>
            </div>
        </div> -->
        <!--=========== project section Start =========-->

        

        <!--=========== Footer Section Start =========-->
        <section class="sc-footer-section sc-footer-style2 sc-pt-120 footer-bg-image2 sc-md-pt-170">
            <div class="container">
                <!--=========== cta Section Start =========-->
                <div class="sc-cta-section-area">
                    <div class="sc-footer-cta sc-cta-content-box d-flex align-items-center">
                        <div class="sc-cta-image">
                            
                        </div>
                        <div class="sc-cta-content rounded-0 d-flex align-items-center justify-content-between">
                            <h2 class="title white-color" style="text-align: center;">
                                Tanzania Health Environment and Development  Initiatives (THEDI)
                            </h2>
                        </div>
                    </div>
                </div>
                <!--=========== cta Section End =========-->
                <div class="row sc-pt-80 sc-pb-80 sc-md-pb-70">
                    <div
                        class="col-xl-4 col-md-6 col-sm-12"
                        data-sal="slide-up"
                        data-sal-duration="500"
                        data-sal-delay="300"
                    >
                        <div class="footer-about">
                            <div class="">
                                <a href="#"><img src="assets/images/footer-logo.png" width="200" alt="Footer Logo" /></a><br>
                            </div>
                            <br>
                            <p class="footer-des">
                                We are professionals committed to integrity, transparency, knowledge, diversity, 
                                Community volunteerism, Constructive engagement, respect, honesty, accountability, 
                                and Professionalism. we are trusted to care for the community’s health and environment.
                            </p>
                        </div>
                    </div>
                    <div
                        class="col-xl-6 col-md-6 col-sm-12"
                        data-sal="slide-up"
                        data-sal-duration="500"
                        data-sal-delay="500"
                    >
                    <!-- <div class="footer-menu-area sc-footer-user sc-pl-75 sc-md-pl-0 sc-md-mb-40 sc-lg-pl-0">
                        <h4 class="footer-title white-color sc-md-mb-15">Address</h4>
                        <div class="row">
                            <div class="col-6">
                                <p>P.O. Box 1784, Mwanza - Tanzania<br>
                                    Makongoro Road, Plot C, Block No. 08, Nyakahoja Parish, Nyamagana.<br>
                                    Email: info@thedi.or.tz<br>
                                    Website: www.thedi.or.tz<br>
                                    </p>
                                    <div class="sc-contact-number d-flex align-items-center sc-mb-35">
                                        <div class="phone-icon">
                                            <i class="icon-phone white-bg-color"></i>
                                        </div>
                                        <div class="contact-number">
                                            Call:
                                            <a href="tel:255759788542" class="number">+255 759 788 542 | +255 754 027 522</a>
                                        </div>
                                    </div>
                            </div>
                        </div>
                    </div> -->
                    </div>
                </div>
            </div>
            <div class="copyright-area border-0">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-12">
                            <div
                                class="copyright-text text-center"
                                data-sal="slide-up"
                                data-sal-duration="800"
                                data-sal-delay="400"
                            >
                                <p>© 2023 <a href="#" target="_blank"> THEDI, </a> All Rights Reserved.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!--=========== Footer Section End =========-->

        <!--Sc Offcanvas Area Start-->
        <div id="sc-overlay-bg2" class="sc-overlay-bg2"></div>
        <div class="sc-product-offcanvas-area">
            <div class="sc-offcanvas-header d-flex align-items-center justify-content-between">
                <div class="sticky-logo logo-area text-center">
                    <a href="index.php"><img src="assets/images/logo.png" alt="Logo" /></a>
                </div>
                <div class="offcanvas-icon">
                    <a id="canva_close" href="#">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" width="25px" height="25px">
                            <path
                                d="M 9.15625 6.3125 L 6.3125 9.15625 L 22.15625 25 L 6.21875 40.96875 L 9.03125 43.78125 L 25 27.84375 L 40.9375 43.78125 L 43.78125 40.9375 L 27.84375 25 L 43.6875 9.15625 L 40.84375 6.3125 L 25 22.15625 Z"
                            />
                        </svg>
                    </a>
                </div>
            </div>

            <!-- Canvas Mobile Menu start -->
            <nav class="right_menu_togle mobile-navbar-menu" id="mobile-navbar-menu">
                <ul class="nav-menu sc-mb-45 sc-pl-0">
                    <li class="list-gap menu-item-has-children current-menu-item">
                        <a class="active" href="index.php"> Home</a>
                    </li>
                    <li class="list-gap menu-item-has-children">
                        <a href="#"> Who Are We</a>
                        <ul class="list-gap sub-menu-list">
                            <li><a href="#about">About Us</a></li>
                            <li><a href="#">Our history</a></li>
                            <li class="list-gap menu-item-has-children">
                                <a href="#team">Our Team</a>
                                <ul class="list-gap sub-menu-list">
                                    <li><a href="#team">Founder Members</a></li>
                                    <li><a href="#team">Board Members</a></li>
                                </ul>
                            </li>
                            <li class="list-gap menu-item-has-children">
                                <a href="#team">Capabilities</a>
                                <ul class="list-gap sub-menu-list">
                                    <li><a href="#">Vector control </a></li>
                                    <li><a href="#">Environmental management </a></li>
                                    <li><a href="#">Gender mainstream and inclusion</a></li>
                                    <li><a href="#">Program design, planning, monitoring, evaluation, accountability, and learning.</a></li>
                                    <li><a href="#">Public health, community engagement, and development</a></li>
                                    <li><a href="#">ICT and data management</a></li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                    <li class="list-gap"><a href="#">Projects</a></li>
                    <li class="list-gap menu-item-has-children">
                        <a href="#"> Work with Us</a>
                        <ul class="list-gap sub-menu-list">
                            <li><a href="#">Carrier</a></li>
                            <li><a href="#">Internships</a></li>
                            <li><a href="#">Tenders</a></li>
                        </ul>
                    </li>
                    <li class="list-gap menu-item-has-children">
                        <a href="#"> Resources</a>
                        <ul class="list-gap sub-menu-list">
                            <li><a href="#">Publications</a></li>
                            <li class="list-gap menu-item-has-children">
                                <a href="#">Media</a>
                                <ul class="list-gap sub-menu-list">
                                    <li><a href="#news">Events/News</a></li>
                                    <li><a href="#">Success Stories</a></li>
                                    <li><a href="#">Photo Gallery</a></li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                    <li class="list-gap"><a href="#contact">Contact</a></li>
                </ul>
            </nav>
            <!-- Canvas Menu end -->
            <div class="sc-offcanvas-list-info">
                <p class="des sc-mb-20">
                    Tanzania Health Environment and Development  Initiatives (THEDI)
                </p>
                <h4 class="product-title">Contact Info</h4>
                <ul class="list-gap">
                    <li>
                        <i class="icon-map"></i>
                        P.O. Box 1784, Mwanza - Tanzania<br>
                    </li>
                    <li><i class="icon-phone"></i><a href="tel:+255759788542">+255 759 788 542 | +255 754 027 522</a></li>
                    <li><i class="icon-mail"></i><a href="mailto:info@thedi.or.tz">info@thedi.or.tz</a></li>
                </ul>
            </div>
            <!-- <div class="contact-map">
                <iframe
                    src="https://maps.google.com/maps?q=manhatan&amp;t=&amp;z=13&amp;ie=UTF8&amp;iwloc=&amp;output=embed"
                    style="border: 0"
                    allowfullscreen=""
                ></iframe>
            </div> -->
        </div>
        <!--Sc Offcanvas Area End-->

        <!-- Search Modal Start -->
        <div aria-hidden="true" id="search-modal" class="modal fade search-modal" role="dialog" tabindex="-1">
            <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
                <svg class="svg-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" width="30px" height="30px">
                    <path
                        d="M 9.15625 6.3125 L 6.3125 9.15625 L 22.15625 25 L 6.21875 40.96875 L 9.03125 43.78125 L 25 27.84375 L 40.9375 43.78125 L 43.78125 40.9375 L 27.84375 25 L 43.6875 9.15625 L 40.84375 6.3125 L 25 22.15625 Z"
                    />
                </svg>
            </button>
            <div class="modal-dialog modal-dialog-centered">
                <div class="modal-content">
                    <div class="search-block clearfix">
                        <form>
                            <div class="form-group">
                                <input class="form-control" placeholder="Search Here..." type="text" />
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        <!-- Search Modal End -->

        <!-- start scrollUp  -->
        <div id="scrollUp">
            <i class="icon-angle_right"></i>
        </div>
        <!-- End scrollUp  -->

        <!-- start scrollUp  -->
        <div class="boxfin-scroll-top progress-done">
            <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
                <path
                    d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98"
                    style="
                        transition: stroke-dashoffset 10ms linear 0s;
                        stroke-dasharray: 307.919px, 307.919px;
                        stroke-dashoffset: 71.1186px;
                    "
                ></path>
            </svg>
            <div class="boxfin-scroll-top-icon">
                <svg
                    xmlns="http://www.w3.org/2000/svg"
                    aria-hidden="true"
                    role="img"
                    width="1em"
                    height="1em"
                    viewBox="0 0 24 24"
                    data-icon="mdi:arrow-up"
                    class="iconify iconify--mdi"
                >
                    <path
                        fill="currentColor"
                        d="M13 20h-2V8l-5.5 5.5l-1.42-1.42L12 4.16l7.92 7.92l-1.42 1.42L13 8v12Z"
                    ></path>
                </svg>
            </div>
        </div>
        <!-- End scrollUp  -->

        <script>
            document.getElementById('contact-form').addEventListener('submit', function(event) {
            event.preventDefault(); // prevent default form submission
            
            // show loading message
            document.getElementById('status').innerHTML = 'Sending...';
            const spinner = document.createElement('div');
                  spinner.classList.add('spinner');
                  document.getElementById('status').appendChild(spinner);
            // send form data to server
            fetch('/mail.php', {
                method: 'POST',
                body: new FormData(event.target)
            })
            .then(function(response) {
                // handle response
                if (response.ok) {
                // show success message
                document.getElementById('status').innerHTML = 'Message sent!';
                setTimeout(function() {
                    window.location.href = '/'; // redirect to main page
                }, 3000); // wait 3 seconds before redirecting
                } else {
                // show error message
                document.getElementById('status').innerHTML = 'Error: ' + response.statusText;
                }
            })
            .catch(function(error) {
                // show error message
                document.getElementById('status').innerHTML = 'Error: ' + error.message;
            })
            .finally(function() {
                // remove circular indicator
                document.getElementById('status').removeChild(spinner);
            });
            });

        </script>
        <!-- Bootstrap.min js -->
        <script src="assets/js/bootstrap.min.js"></script>
        <!-- jquery.min js -->
        <script src="assets/js/jquery.min.js"></script>
        <!-- modernizr.js -->
        <script src="assets/js/modernizr-2.8.3.min.js"></script>
        <!-- Swiper JS -->
        <script src="https://cdn.jsdelivr.net/npm/swiper/swiper-bundle.min.js"></script>
        <!-- imagesloaded.pkgd.min js -->
        <script src="assets/js/imagesloaded.pkgd.min.js"></script>
        <!-- magnific.min js -->
        <script src="assets/js/jquery.magnific-popup.min.js"></script>
        <!-- Swiper.min js -->
        <script src="assets/js/swiper.min.js"></script>
        <!-- appear js -->
        <script src="assets/js/jquery.appear.min.js"></script>
        <!-- odometer js -->
        <script src="assets/js/odometer.min.js"></script>
        <!-- sal js -->
        <script src="assets/js/sal.js"></script>
        <!-- main js -->
        <script src="assets/js/main.js"></script>
    </body>

<!-- Mirrored from softcoders.net/html/boxfin/index.php by HTTrack Website Copier/3.x [XR&CO'2014], Sun, 05 Mar 2023 08:23:23 GMT -->
</html>
