historia-de-zainab/templates/index_mob.tmpl.html
2017-11-06 12:53:02 +01:00

45 lines
2.1 KiB
HTML

<nav class="navbar navbar-default navbar-fixed-top" >
<div class="container-fluid">
<div class="col-xs-6">
<a class="navbar-brand-custom" href="#">Historia de Zainab</a>
{{if showPrev}} <a class="prev move-link" href="#"> <span class="circle glyphicon glyphicon-chevron-left"> </span></a> {{/if}}
<span class="chapter-name"> Capitulo {{:n_page}} </span>
{{if showNext}} <a class="next move-link" href="#"><span class="circle glyphicon glyphicon-chevron-right"> </span></a>{{/if}}
</div>
<div class="col-xs-2 nopadding ">
<a class="link-menu" href="#story"><img src="images/c1_menu_story.png" class="img-menu"/>
story
</a>
</div>
<div class="col-xs-2 nopadding">
<a class="link-menu" href="#mapa"> <img src="images/c1_menu_mapa.png" class="img-menu"/>
mapa
</a>
</div>
<div class="col-xs-2 nopadding">
<a class="link-menu" href="#datos"> <img src="images/c1_menu_datos.png" class="img-menu"/>
datos
</a>
</div>
</div>
</nav>
<div class="container-fluid">
<div id="main-content">
<div id="story" class="section">
<img src="images/c{{:n_page}}_IMG_story_mob.jpg" class="img-responsive"/>
<div id="story-text">
{{:storytext}}
</div>
</div>
<div id="mapa" class="section">
<img src="images/c{{:n_page}}_mapa_mob.jpg" class="img-responsive"/>
</div>
<div id="datos" class="section">
<img src="images/c{{:n_page}}_IMG_grafico_mob.jpg" class="img-responsive"/>
<div id="map-text">
{{:maptext}}
</div>
</div>
</div>
</div>