navbar.html.ftl

<nav class="navbar navbar-inverse navbar-fixed-top">
    <div class="container-fluid">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <a class="navbar-brand" href="http://www.ala.org.au">
                <img alt="Brand" class="img-responsive" src="https://www.ala.org.au/commonui-bs3/img/supporting-graphic-element-flat.png">
            </a>
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand font-xsmall" href="http://www.ala.org.au">Atlas Of Living Australia</a>
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li class="dropdown font-xsmall">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
              ALA Apps
              <span class="caret"></span>
            </a>
                    <ul class="dropdown-menu" role="menu">
                        <li><a href="http://spatial.ala.org.au">Spatial portal</a></li>
                        <li><a href="http://biocache.ala.org.au">Occurrence search</a></li>
                        <li><a href="http://fish.ala.org.au">Fish map</a></li>
                        <li><a href="http://regions.ala.org.au">Regions</a></li>
                        <li><a href="http://biocache.ala.org.au/explore/your-area">Explore your area</a></li>

                        <li class="divider"></li>
                        <li><a href="http://sightings.ala.org.au">Record a sighting</a></li>
                        <li><a href="http://collections.ala.org.au">Collections</a></li>
                        <li><a href="http://www.ala.org.au/biocollect/">Biocollect</a></li>
                        <li><a href="http://volunteer.ala.org.au">DigiVol</a></li>
                        <li><a href="http://fieldcapture.ala.org.au/merit">MERIT</a></li>
                        <li><a href="http://www.soils2satellites.org.au/">Soils to satellite</a></li>
                        <li><a href="http://lists.ala.org.au">Traits, species lists</a></li>
                        <li><a href="http://phylolink.ala.org.au/">Phylolink</a></li>

                        <li class="divider"></li>
                        <li><a href="http://root.ala.org.au">Community portals</a></li>
                        <li><a href="http://dashboard.ala.org.au">Dashboard</a></li>
                        <li><a href="http://collections.ala.org.au/datasets">Datasets browser</a></li>
                    </ul>
                </li>
                <li class="dropdown font-xsmall">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
                ALA Info
                <span class="caret"></span>
              </a>
                    <ul class="dropdown-menu" role="menu">
                        <li><a href="http://www.ala.org.au/about-the-atlas/">About the Atlas</a></li>
                        <li><a href="http://www.ala.org.au/get-involved/">Get Involved</a></li>

                        <li class="divider"></li>
                        <li><a href="http://www.ala.org.au/education-resources/">Education Resources</a></li>

                        <li class="divider"></li>
                        <li><a href="http://www.ala.org.au/about-the-atlas/contact-us/">Contact Us</a></li>
                        <!--<li><a href="#">Provide Feedback</a></li>-->
                    </ul>
                </li>
            </ul>
            <form class="navbar-form navbar-left" role="search" action="http://bie.ala.org.au/search" method="get">
                <div class="form-group">
                    <input type="text" class="form-control general-search ac_input" placeholder="Search the Atlas" name="q" autocomplete="off">
                </div>
                <button type="submit" class="btn btn-primary">Search</button>
            </form>
            <small>
        </small>
        </div>
        <!-- /.navbar-collapse -->
    </div>
    <!-- /.container-fluid -->
</nav>