App Ios Android

Fiz um aplicativo utilizando html/css/js.

Gostaria de criar uma versão para iOS e para Android.

O Aplicativo é muito simples, apenas com diferentes listas de telefones que passam de uma página para outra e fazem a ligação quando for feito click no número. A lista deve ser atualizada automaticamente a cada mês. As funções são muito simples e não requerem a utilização de banco de dados nem um trabalho visual complexo.


Segue exemplo de conteúdo e função:

<div id="home">
  <div class="container">
    <div class="toolbar"> <h1>Emergência</h1> <a class="button flip" href="#sobre">Sobre</a>
    </div>
    <ul class="edgetoedge">
      <li class="arrow"><a href="#Estradas">Estradas e Rodovias</a></li>
    </ul>
    <ul class="edgetoedge">
      <li class="arrow"><a href="#Servicos24hs">Serviços 24 hs</a></li>
    </ul>
    <ul class="button.active"> <hr align="center" width="100%" size="2" color="gray" />
      <li class="active"><a href="tel:190"><img width="10%" align="center" src="temas/jqt/img/chevron_circle.png" />190 - Polícia Militar</a> </li>
      <li class="active"><a href="tel:191"><img width="10%" align="center" src="temas/jqt/img/chevron_circle.png" />191 - Polícia Rodoviária Federal</a></li>
      <li class="active"><a href="tel:192"><img width="10%" align="center" src="temas/jqt/img/chevron_circle.png" />192 - Ambulância</a></li>
      <li class="active"><a href="tel:193"><img width="10%" align="center" src="temas/jqt/img/chevron_circle.png" />193 - Corpo de Bombeiros</a></li>
      <li class="active"><a href="tel:194"><img width="10%" align="center" src="temas/jqt/img/chevron_circle.png" />194 - Polícia Federal</a></li>
      <li class="active"><a href="tel:197"><img width="10%" align="center" src="temas/jqt/img/chevron_circle.png" />197 - Polícia Civil</a></li>
      <li class="active"><a href="tel:199"><img width="10%" align="center" src="temas/jqt/img/chevron_circle.png" />199 - Defesa Civil</a></li>
      <li class="active"><a href="tel:100"><img width="10%" align="center" src="temas/jqt/img/chevron_circle.png" />100 - Secretaria de Direitos Humanos</a></li>
      <li class="active"><a href="tel:180"><img width="10%" align="center" src="temas/jqt/img/chevron_circle.png" />180 - Delegacia da Mulher</a></li>
      <li class="active"><a href="tel:181"><img width="10%" align="center" src="temas/jqt/img/chevron_circle.png" />181 - Disque Denúncia</a></li>
      <li class="active"><a id="0" href="tel:132"><img width="10%" align="center" src="temas/jqt/img/chevron_circle.png" />132 - Dependentes de Agentes Químicos</a></li>
      <li class="active"><a id="0" href="tel:135"><img width="10%" align="center" src="temas/jqt/img/chevron_circle.png" />135 - Previdência Social INSS</a></li>
      <li class="active"><a id="0" href="tel:141"><img width="10%" align="center" src="temas/jqt/img/chevron_circle.png" />141 - Centro de Valorização da Vida CVV</a></li>
      <li class="active"><a id="0" href="tel:167"><img width="10%" align="center" src="temas/jqt/img/chevron_circle.png" />167 - ANEEL - Agência Nacional de Energia Elétrica</a></li>
      <li class="active"><a id="0" href="tel:148"><img width="10%" align="center" src="temas/jqt/img/chevron_circle.png" />148 - Justiça Eleitoral</a></li>
      <li class="active"><a id="0" href="tel:166"><img width="10%" align="center" src="temas/jqt/img/chevron_circle.png" />Auditoria ANTT - 166</a></li>
    </ul> <hr align="center" width="100%" size="2" color="gray" />
  </div>
</div>