map.html

<html>
    <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
        <title>Taken Tracking</title>
        <link rel="icon" href="/img/rsz_avatar2.png" type="image/png" sizes="16x16">
        <style type="text/css">
            body { font: normal 10pt Helvetica, Arial; }
            #map { width: 100%; height: 100%; border: 0px; padding: 0px; }
        </style>
</head>


     <body class="metro" onload="initMap()" style="margin:0px; border:0px; padding:0px;">

     <nav class="navigation-bar dark">
                <div class="navigation-bar-content">
                    <a href="/" class="element"><span class="icon-grid-view"></span> Taken Tracking <sup>1.0</sup></a>
                    <span class="element-divider"></span>

                    <a class="pull-menu" href="#"></a>
                    <ul class="element-menu">
                        <li>
                            <a class="dropdown-toggle" href="#">Company</a>
                            <ul class="dropdown-menu dark" data-role="dropdown">
                                <li><a href="#">Requirements</a></li>
                                <li>
                                    <a href="#" class="dropdown-toggle">Dummy1</a>
                                    <ul class="dropdown-menu dark" data-role="dropdown">
                                        <li><a href="#">Dummy2</a></li>
                                        <li><a href="#">Dummy3</a></li>
                                        <div class="divider"></div>
                                        <li><a href="#">Dummy4</a></li>
                                        <li><a href="#">Dummy5</a></li>
                                        <li><a href="#">Dummy6</a></li>
                                        <li><a href="#">Dummy7</a></li>
                                        <li><a href="#">Dummy8</a></li>
                                    </ul>
                                </li>
                                <li class="divider"></li>
                                <li><a href="#">Dummy9</a></li>
                                <li class="disabled"><a href="#">Layouts and templates</a></li>
                                <li class="divider"></li>
                                <li><a href="#">Dummy10</a></li>
                            </ul>
                        </li>
                        <li>
                            <a class="dropdown-toggle"  href="#">Support</a>
                            <ul class="dropdown-menu dark" data-role="dropdown">
                                <li><a href="https://thomasdanielborg.wordpress.com" target="_blank">Blog</a></li>
                                <li class="disabled"><a href="http://forum.metroui.net">Community Forum</a></li>
                                <li class="divider"></li>
                                <li><a href="#">Github</a></li>
                                <li class="divider"></li>
                                <li><a href="#">License</a></li>
                            </ul>
                        </li>
                    </ul>

                    <div class="no-tablet-portrait">
                        <span class="element-divider"></span>
                        <a class="element brand" href="#"><span class="icon-spin"></span></a>
                        <a class="element brand" href="http://taken-tracking.com/maps/map.html"><span class="icon-location-3"></span></a>
                        <span class="element-divider"></span>

                        <div class="element input-element">
                            <form>
                                <div class="input-control text">
                                    <input type="text" placeholder="Search...">
                                    <button class="btn-search"></button>
                                </div>
                            </form>
                        </div>

                        <div class="element place-right">
                            <a class="dropdown-toggle" href="#">
                                <span class="icon-cog"></span>
                            </a>
                            <ul class="dropdown-menu place-right" data-role="dropdown">
                                <li><a href="/logout.php">Logout</a></li>
                                <li><a href="#">Products</a></li>
                                <li><a href="#">Download</a></li>
                                <li><a href="#">Support</a></li>
                                <li><a href="#">Buy Now</a></li>
                            </ul>
                        </div>
                        <span class="element-divider place-right"></span>

                    </div>
                </div>
            </nav>


     <div id="map"></div>

      <script src="js/hitua.js"></script>

     </body>
     </html>