<div data-role="page" id=Start>

       <div data-role="header">

       <h1>Bienvenido</h1>

       </div>

       <div data-role="content">

                <style>

           .toolbarbutton-icon .ui-btn .ui-btn-inner { padding-top: 40px !important; }

           .toolbarbutton-icon .ui-btn .ui-icon { width: 30px!important; height: 30px!important; margin-left: -15px !important; box-shadow: none!important; -moz-box-shadow: none!important; -webkit-box-shadow: none!important; -webkit-border-radius: 0 !important; border-radius: 0 !important; }

           #map .ui-icon { background:  url(../img/map.png) 50% 50% no-repeat; background-size: 26px 21px;  }

           #search .ui-icon { background:  url(../img/search.png) 50% 50% no-repeat;  background-size: 24px 24px; }

           #numbers .ui-icon { background:  url(../img/shopping-cart.png) 50% 50% no-repeat;  background-size: 26px 19px; }

           #stockpile .ui-icon { background:  url(../img/calendar.png) 50% 50% no-repeat;  background-size: 23px 25px; }

           #place .ui-icon { background:  url(../img/marker.png) 50% 50% no-repeat; background-size: 16px 26px; }

           </style>

       <div data-role="navbar" class="toolbarbutton-icon">

           <ul>

           <li><a href="#Places" id="place" data-icon="custom" data-theme="b">Lugares</a></li>

           <li><a href="#Location" id="map" data-icon="custom" data-theme="b">Mapa</a></li>

           <li><a href="#Search" id="search" data-icon="custom" data-theme="b">Buscar</a></li>

           </ul>

           <ul>

           <li><a href="#" id="numbers" data-icon="custom" data-theme="b">Compras</a></li>

           <li><a href="#" id="stockpile" data-icon="custom" data-theme="b">Reservaciones</a></li>

           </ul>

       </div>

            </div>

            <div data-role="footer" data-id="foo1" data-position="fixed">

           <div data-role="navbar">

           <ul>

           <li><a href=#Start class="ui-btn-active ui-state-persist" data-icon=home>Inicio</a></li>

           <li><a href=#Profile data-icon=info>Perfil</a></li>

                        <li><a href=#Help data-icon=help>Ayuda</a></li>

                        <li><a href=#Close data-icon=delete class=Close>Cerrar</a></li>

           </ul>

           </div>

            </div>

        </div>