<div data-role="page" id="RecipelistPage" data-iscroll="enable" >

<div class="line" id="line"></div>

<div data-role="header" data-theme="a" data-position="fixed" id="RecipeListPageHeader" >

<h1 id="RecipeListPageHeaderName">Recipes</h1>

<a href="#" data-role="button" data-rel="popup"  id="ButtonSync" data-iconpos="notext"  data-theme="c" data-iconshadow="false"></a>

<a href="#popupMenu" data-role="button" data-rel="popup"  id="ButtonMenu" data-iconpos="notext" data-icon="gear" data-theme="c" data-iconshadow="false"></a>

</div><!-- /header -->

<div data-role="content"  id="RecipeListContent" >

                  

<div data-role="output">

<ul id="RecipeList" data-role="listview" data-split-icon="custom" data-split-theme="c" data-inset="true"  >

                                          <li>1</li>

                                          <li>2</li>

                                          <li>1</li>

                                          <li>2</li>

</ul>

               </div>    

</div>