<html>
    <head>
    </head>
    <body>
        
        <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
        <meta content="initial-scale = 1.0,maximum-scale = 1.0" name="viewport">
        <link href="favicon.png" rel="shortcut icon" type="image/x-icon">
        <link href="favicon.png" rel="icon" type="image/x-icon">
        <title>
            Spinattic
        </title>
        <!--google font-->
        <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700" rel="stylesheet" type="text/css">
        <link href="https://fonts.googleapis.com/css?family=PT+Sans" rel="stylesheet" type="text/css">
        <!-- css main -->
        <link href="../css/mobile.css" media="screen" rel="stylesheet" type="text/css">
        <!-- jquery -->
        <script src="../js/jquery-1.9.1.min.js" type="text/javascript">
        </script>
        <script src="../js/jquery.easing.1.3.js" type="text/javascript">
        </script>
        <!-- jquery ui -->
        <script src="../js/jquery-ui.js">
        </script>
        <script src="../js/custom_mobile.js">
        </script>
        <script src="../js/ajaxlike_mobile.js">
        </script>
        <script src="../js/ajaxscroll_mobile.js">
        </script>
        <!-- start Google Analitycs -->
        <script>
            (function(i, s, o, g, r, a, m) {
                i['GoogleAnalyticsObject'] = r;
                i[r] = i[r] || function() {
                    (i[r].q = i[r].q || []).push(arguments);
                }, i[r].l = 1 * new Date();
                a = s.createElement(o), m = s.getElementsByTagName(o)[0];
                a.async = 1;
                a.src = g;
                m.parentNode.insertBefore(a, m);
            })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
            ga('create', 'UA-55373405-1', 'auto');
            ga('send', 'pageview');
        </script>
        <!-- end Google Analitycs -->
        <div class="loading" id="loading" style="display: none;">
            <div class="loading_img">
            </div>
        </div>
        <header class="header">
            <div class="text-message">
                <p>
     All Spinattic tours are mobile ready, but you must create the tour with your desktop or laptop. Have fun browsing some of the recent mobile tours created with Spinattic.
                </p>
                <a class="bt_close" href="#">
                    close
                </a>
            </div>
            <div class="inner-header">
                <a class="spinattic" href="#">
                    <img src="../images/spinattic.png">
                </a>
                <a class="spinattic spinattic_mobile" href="#">
                    <img src="../images/spinattic_mobile.png">
                </a>
                <a class="nav_btn_mobile" href="#">
                </a>
                <!--<a href="#" class="login_btn_mobile"></a>-->
            </div>
        </header>
        <div class="nav nav_panel">
            <div class="search_mobile">
                <div class="search">
                    <div class="bg_search">
                        <form action="search.php" method="POST" name="formsearch">
                            <input id="search-input" name="search" onblur="this.value=!this.value?'Search':this.value;" onclick="if(this.value == 'Search'){this.value=''};" onfocus="this.select()" type="text" value="Search">
                            <!--a href="#" class="clear_input"></a-->
                            <!-- CRUZ PARA LIMPIAR BUSQUEDA-->
                            <a class="glass_input" href="#" onclick="if (document.formsearch.search.value != '' &amp;&amp; document.formsearch.search.value != 'Search'){document.formsearch.submit();};">
                            </a>
                            <!-- LUPA DE BUSQUEDA-->
                            <input name="order" type="hidden" value="">
                            <input name="c" type="hidden" value="">
                            <!--
                                                                            <div class="predictive">
                                                                                <ul>
                                                                                                <li><a href="#"><strong>text</strong> 1</a></li>
                                                                                                <li><a href="#"><strong>text</strong> 2</a></li>
                                                                                                <li><a href="#"><strong>text</strong> 3</a></li>
                                                                                                <li><a href="#"><strong>text</strong> 4</a></li>
                                                                                                <li><a href="#"><strong>text</strong> 5</a></li>
                                                                                                <li><a href="#"><strong>text</strong> 6</a></li>
                                                                                            </ul>
                                                                            </div>
							-->
                        </form>
                        <a class="nav_btn_mobile">
                        </a>
                    </div>
                </div>
            </div>
            <div class="content_nav">
                <ul class="menu">
                    <li>
                        <a class="world-map" href="map.php">
                            World map
                        </a>
                    </li>
                    <li>
                        <a class="accordion browse" href="#">
                            Browse
                        </a>
                        <ul class="submenu">
                            <li>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </body>
</html>