[viewBag]

[officenavigation]
==
<div class="collapse navbar-collapse" id="navbarCollapse">
    <ul class="navbar-nav mx-xl-auto">
        <li class="nav-item"><a class="nav-link" href="/">Home&nbsp;<span class="sr-only">(current)</span></a></li>
        <li class="nav-item dropdown"><a class="nav-link dropdown-toggle" href="/about-us">About Us</a>

            <ul class="dropdown-menu mega-menu-wrap mega-size1 mega-about">
                <li>
                    <div class="row">
                        <div class="col-sm-6">
                            <div class="mega-menu">

                                <h3 class="mega-title"><a class="dropdown-item" href="/about-us/the-sgf">The SGF</a>
                                </h3>
                            </div>
                            <div class="mega-menu">

                                <h3 class="mega-title"><a class="dropdown-item" href="/about-us/mandate">Mandate</a>
                                </h3>
                            </div>
                            <div class="mega-menu">

                                <h3 class="mega-title"><a class="dropdown-item" href="/about-us/vision">Vision</a></h3>
                            </div>
                            <div class="mega-menu">
                                <h3 class="mega-title"><a class="dropdown-item" href="/about-us/mission">Mission</a>
                                </h3>
                            </div>
                            <div class="mega-menu">

                                <h3 class="mega-title"><a class="dropdown-item"
                                                          href="/about-us/organogram">Organogram</a></h3>
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="mega-menu">

                                <h3 class="mega-title"><a class="dropdown-item" href="/about-us/history">History</a>
                                </h3>
                                <div class="mega-links"><a class="dropdown-item" href="/about-us/history/past-sgfs">Past
                                    SGFs</a>
                                    <a class="dropdown-item" href="/about-us/history/past-presidents-and-heads-state">Past
                                        Presidents and Heads of State</a>
                                    <a class="dropdown-item" href="/about-us/units">Units</a>


                                </div>
                            </div>
                        </div>
                    </div>
                </li>
            </ul>
        </li>
        <li class="nav-item dropdown"><a class="nav-link dropdown-toggle" href="/offices">Offices</a>

            <ul class="dropdown-menu mega-menu-wrap mega-size5 mega-offices">
                <li>
                    <div class="row">
                        <div class="col-sm-4">
                            <div class="mega-menu">

                                <h3 class="mega-title"><a class="dropdown-item" href="/offices/general-offices">General
                                    Services</a></h3>
                                <div class="mega-links">
                                    {% component 'officenavigation' url='offices/general-offices' %}
                                </div>
                            </div>
                            <div class="mega-menu">

                                <h3 class="mega-title"><a class="dropdown-item"
                                                          href="/offices/general-services-offices">Cabinet Affairs
                                    Office</a></h3>
                                <div class="mega-links">
                                    {% component 'officenavigation' url='offices/general-services-offices' %}
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-4">
                            <div class="mega-menu">
                                <h3 class="mega-title"><a class="dropdown-item" href="/offices/political-affairs">Political
                                    &amp; Economic Affairs</a></h3>
                                <div class="mega-links">
                                    {% component 'officenavigation' url='offices/political-affairs' %}
                                </div>
                            </div>
                            <div class="mega-menu">
                                <h3 class="mega-title"><a class="dropdown-item" href="/offices/ecological-project">Ecological
                                    Project Office</a></h3>
                                <div class="mega-links">
                                    {% component 'officenavigation' url='offices/ecological-project' %}
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-4">
                            <div class="mega-menu">

                                <h3 class="mega-title"><a class="dropdown-item" href="/offices/special-services">Special
                                    Services</a></h3>
                                <div class="mega-links">
                                    {% component 'officenavigation' url='offices/special-services' %}
                                </div>
                            </div>

                        </div>
                </li>
            </ul>
        </li>
        <li class="nav-item"><a class="nav-link" href="/agencies">Agencies</a></li>
        <li class="nav-item dropdown"><a class="nav-link dropdown-toggle" href="/news-media">News &amp; Media</a>

            <ul class="dropdown-menu mega-menu-wrap mega-size2 mega-news">
                <li>
                    <div class="row">
                        <div class="col-sm-6">
                            <div class="mega-menu">

                                <h3 class="mega-title"><a class="dropdown-item" href="/news-media/news">News</a></h3>
                            </div>
                            <div class="mega-menu">

                                <h3 class="mega-title"><a class="dropdown-item" href="#">Gallery</a></h3>
                                <div class="mega-links"><a class="dropdown-item" href="/news-media/photo-gallery">Photo
                                    Gallery</a>
                                    <a class="dropdown-item" href="/news-media/video-gallery">Video Gallery</a></div>
                            </div>
                            <div class="mega-menu">

                                <h3 class="mega-title"><a class="dropdown-item" href="/news-media/speeches">Speeches</a>
                                </h3>
                                <div class="mega-links"><a class="dropdown-item" href="/news-media/speeches/pres">President</a>
                                    <a class="dropdown-item" href="/news-media/speeches/sgf">SGF</a></div>
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="mega-menu">

                                <h3 class="mega-title"><a class="dropdown-item" href="/news-media/events">Events</a>
                                </h3>
                            </div>
                            <div class="mega-menu">

                                <h3 class="mega-title">
                                    <!--href="/news-media/press-articles/newsletter"-->
                                    <a class="dropdown-item"
                                       href="#">Press
                                    Articles</a></h3>
                                <div class="mega-links"><a class="dropdown-item"
                                                           href="/news-letters">Newsletter</a>
                                    <a class="dropdown-item" href="/news-media/press-articles-presido">President</a>
                                    <a class="dropdown-item" href="/news-media/press-articles-sgf">SGF</a></div>
                            </div>
                        </div>
                    </div>
                </li>
            </ul>
        </li>
        <li class="nav-item dropdown"><a class="nav-link dropdown-toggle" href="/resources">Resources</a>

            <ul class="dropdown-menu mega-menu-wrap mega-size3 mega-resources">
                <li>
                    <div class="row">
                        <div class="col-sm-6">
                            <div class="mega-menu">

                                <h3 class="mega-title"><a class="dropdown-item" href="/resources/policies">Policies</a>
                                </h3>
                                <div class="mega-links"><a class="dropdown-item"
                                                           href="/resources/policies/information-technology">Information
                                    Technology</a>
                                    <a class="dropdown-item" href="/resources/policies/agriculture">Agriculture</a>
                                    <a class="dropdown-item" href="/resources/policies/health">Health</a>
                                    <a class="dropdown-item" href="/resources/policies/power">Power</a>
                                    <a class="dropdown-item" href="/resources/policies/health">Health</a>
                                    <a class="dropdown-item" href="/resources/policies/telecomm">Telecomm</a>
                                    <a class="dropdown-item" href="/resources/policies/employment">Employment</a>
                                    <a class="dropdown-item" href="/resources/policies/energy">Energy</a>
                                    <a class="dropdown-item" href="/resources/policies/housing">Housing</a>
                                    <a class="dropdown-item" href="/resources/policies/science-and-technology">Science
                                        and Tech</a>
                                    <a class="dropdown-item" href="/resources/policies/solid-minerals">Solid
                                        Minerals</a>
                                    <a class="dropdown-item" href="/resources/policies/water-resources">Water
                                        Resources</a></div>
                            </div>
                            <div class="mega-menu">

                                <h3 class="mega-title"><a class="dropdown-item" href="/resources/treaties">Treaties</a>
                                </h3>
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="mega-menu">

                                <h3 class="mega-title"><a class="dropdown-item"
                                                          href="/resources/circulars">Circulars</a></h3>
                                <div class="mega-links"><a class="dropdown-item"
                                                           href="/resources/circulars/compensation-scheme-public-service">Compensation
                                    Scheme in Public Service</a>
                                    <a class="dropdown-item" href="/resources/circulars/dissolution-boards">Dissolution
                                        of Boards</a>
                                    <a class="dropdown-item"
                                       href="/resources/circulars/foreign-affairs-international-affairs">Foreign
                                        Affairs-International Affairs</a>
                                    <a class="dropdown-item" href="/resources/circulars/guidelines-travelling-abroad">Guidelines
                                        for Travelling Abroad</a>
                                    <a class="dropdown-item" href="/resources/circulars/procurement-audit">Procurement
                                        Audit</a>
                                    <a class="dropdown-item" href="/resources/circulars/security-measures-mdas">Security
                                        Measures for MDAs</a>
                                    <a class="dropdown-item"
                                       href="/resources/circulars/security-measures-fed-sec-phase-i">Security Measures
                                        for Fed. Sec. Phase I</a>
                                    <a class="dropdown-item" href="/resources/circulars/vip-security-checks">VIP for
                                        Security Checks</a>
                                    <a class="dropdown-item" href="/resources/circulars/procurement-records-2011">Procurement
                                        Records for 2011</a>
                                    <a class="dropdown-item" href="/resources/tenders-journal">Tenders</a>
                                    <a class="dropdown-item" href="/resources/law-reports">Law Reports</a>
                                    <a class="dropdown-item" href="/resources/constitution">Constitution</a></div>

                                <h3 class="mega-title"><a class="dropdown-item"
                                                          href="/resources/downloads">Downloads</a></h3>
                            </div>
                        </div>
                    </div>
                </li>
            </ul>
        </li>
        <li class="nav-item"><a class="nav-link" href="/contact">Contact Us</a></li>
    </ul>
    <div class="social-wrap clearfix">
        {% content 'social.htm' %}
        <div class="social-sep"></div>
        {% component 'searchInput' %}
        <button class="btn-search"></button>
        <div class="search-toggle"></div>
    </div>
</div>