@@ -10,7 +10,7 @@

<link rel="stylesheet" href="Data/css/foundation.min.css" />
<link rel="stylesheet" href="Data/css/foundation-icons.css" />
<link rel="stylesheet" href="Data/css/style.css" />
<link rel="stylesheet" href="Data/css/style2.css" />

<script src="Data/lib/vendor/modernizr.js"></script>

@@ -42,49 +42,64 @@



<div id="button_bar" class="icon-bar five-up">
<a class="item">
<i class="fi-info"></i>
<label>info</label>
</a>
<a class="item">
<i class="icon icon-hand"></i>
<label>use</label>
</a>
<a class="item">
<i class="fi-share"></i>
<label>share</label>
</a>
<a class="item">
<i class="fi-trash"></i>
<label>delete</label>
</a>
<a class="item">
<i class="fi-wrench"></i>
<label>Menu</label>
</a>
</div>




<div id="header2" class="bar">
<ul>
<li id="btn_play">
<a>
<img src="Data/img/fi-play.svg" class="icon">
</a>
</li>
<li id="audio_progress"></li>
<li class="seperator"></li>
<li id="btn_scan">
<a>
<img src="Data/img/Tourism-Icons_qr-code.svg" class="icon">
<label>scan</label>
</a>
</li>
</ul>
</div>

<ul id="header2" class="bar">
<li>
<button id="btn_play"></button>
</li>
<li id="audio_progress"></li>
<li class="separator"></li>
<li>
<button id="btn_scan">
<label>scan</label>
</button>

</li>
</ul>





<section id="content">

</section>







<ul id="button_bar" class="bar">
<li>
<button id="btn_info">
<label>info</label>
</button>
</li>
<li>
<button id="btn_use">
<label>use</label>
</button>
</li>
<li>
<button id="btn_share">
<label>share</label>
</button>
</li>
<li>
<button id="btn_delete">
<label>delete</label>
</button>
</li>
<li class="separator">
</li>
<li>
<button id="btn_menu">
<label>Menu</label>
</button>
</li>
</ul>