<!doctype html>
<html <?php language_attributes(); ?>>
<head>
	<meta charset="<?php bloginfo( 'charset' ); ?>">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="profile" href="https://gmpg.org/xfn/11">

	<?php wp_head(); ?>

	 <!-- ========== Favicon Icon ========== -->
	 <link rel="shortcut icon" href="<?php echo get_template_directory_uri() ?>/assets/img/favicon.png" type="image/x-icon">
	 <meta name="description" content="Farmi - Organic Farm Agriculture Template">

	<!-- ========== Start Stylesheet ========== -->
	<link href="<?php echo get_template_directory_uri() ?>/assets/css/bootstrap.min.css" rel="stylesheet" />
	<link href="<?php echo get_template_directory_uri() ?>/assets/css/font-awesome.min.css" rel="stylesheet" />
	<link href="<?php echo get_template_directory_uri() ?>/assets/css/themify-icons.css" rel="stylesheet" />
	<link href="<?php echo get_template_directory_uri() ?>/assets/css/flaticon-set.css" rel="stylesheet" />
	<link href="<?php echo get_template_directory_uri() ?>/assets/css/magnific-popup.css" rel="stylesheet" />
	<link href="<?php echo get_template_directory_uri() ?>/assets/css/owl.carousel.min.css" rel="stylesheet" />
	<link href="<?php echo get_template_directory_uri() ?>/assets/css/owl.theme.default.min.css" rel="stylesheet" />
	<link href="<?php echo get_template_directory_uri() ?>/assets/css/animate.css" rel="stylesheet" />
	<link href="<?php echo get_template_directory_uri() ?>/assets/css/bootsnav.css" rel="stylesheet" />
	<link href="<?php echo get_template_directory_uri() ?>/style.css" rel="stylesheet">
	<link href="<?php echo get_template_directory_uri() ?>/assets/css/responsive.css" rel="stylesheet" />


</head>

<body class="green">
<!-- Start Header Top 
    ============================================= -->
    <div class="top-bar-area bg-dark inc-shape text-light inc-pad">
        <div class="container">
            <div class="row align-center">
                <div class="col-lg-9">
                    <div class="flex-item left">
                        <p>
                            That's right, we only sell 100% organic
                        </p>
                        <ul>
                            <li>
                                <i class="fas fa-map-marker-alt"></i> 73, Naramminiya Road,Kelaniya, Sri Lanka.
                            </li>
                            <li>
                                <i class="fas fa-envelope-open"></i> info@staragri.lk
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-3 text-right">
                    <div class="social">
                        <ul>
                            <li>
                                <a href="#">
                                    <i class="fab fa-facebook-f"></i>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <i class="fab fa-twitter"></i>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <i class="fab fa-youtube"></i>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <i class="fab fa-linkedin-in"></i>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End Header Top -->

    <!-- Header 
    ============================================= -->
    <header id="home">

        <!-- Start Navigation -->
        <nav class="navbar navbar-default navbar-sticky bootsnav">

            <div class="container">

                <!-- Start Atribute Navigation -->
                <div class="attr-nav inc-border">
                    <div class="button animated fadeInUp">
                        <a class="btn btn-gradient green circle effect btn-md" href="<?php echo site_url() ?>/contact-us/">Contact Us</a>
                    </div>
                </div>
                <!-- End Atribute Navigation -->

                <!-- Start Header Navigation -->
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-menu">
                        <i class="fa fa-bars"></i>
                    </button>
                    <a class="navbar-brand" href="<?php echo site_url() ?>">
                        <img src="<?php echo get_template_directory_uri() ?>/assets/img/logo.jpg" class="logo" alt="Logo">
                    </a>
                </div>
                <!-- End Header Navigation -->

                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse" id="navbar-menu">
                    <ul class="nav navbar-nav navbar-center" data-in="fadeInDown" data-out="fadeOutUp">

                        <li><a href="<?php echo site_url() ?>">Home</a></li>
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">About Us</a>
                            <ul class="dropdown-menu">
                                <li><a href="<?php echo site_url() ?>/about-us">About Us</a></li>
                                <li><a href="<?php echo site_url() ?>/leadership">Leadership</a></li>
                                <li><a href="<?php echo site_url() ?>/csr">CSR</a></li>
                            </ul>
                        </li>
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Our Products</a>
                            <ul class="dropdown-menu">
                            <?php 
                            // Fetch terms of the taxonomy 'project-category'
                            $terms = get_terms( array(
                                'taxonomy' => 'project-category',
                                'hide_empty' => false,
                                'parent' => 0,
                            ) );

                            if ( !empty( $terms ) && !is_wp_error( $terms ) ) : 
                                foreach ( $terms as $term ) : 
                                    // Get the term link and term meta (if available)
                                    $term_link = get_term_link( $term );
                                    // Optional: Add ACF fields for images or content if applicable
                            ?>

                                <li><a href="<?php echo esc_url( $term_link ); ?>"><?php echo esc_html( $term->name ); ?></a></li>
                                <?php 
                                endforeach;
                            endif;
                            ?>
                                
                            </ul>
                        </li>
                        <li><a href="<?php echo site_url() ?>/blog">News & Events</a></li>
                        <li><a href="<?php echo site_url() ?>/careers">Careers</a></li>
                        <li><a href="<?php echo site_url() ?>/outlets">Outlets</a></li>
                    </ul>
                </div><!-- /.navbar-collapse -->
            </div>
        </nav>
        <!-- End Navigation -->

    </header>
    <!-- End Header -->