CodePen

HTML

            
                      <div id="afui"> 
            <div id="content">
                <div class="panel" title="Listview"  id="listviewpage" selected="selected" >
                    <ul class="list inset" style="">
                        <li class="divider"><a href="#">Books</a></li>
                        <li><a href="#detailitem">Classics</a></li>
                        <li><a href="#detailitem">Fictions</a></li>
                        <li class="divider"><a href="#">Videos</a></li>
                        <li><a href="#detailitem">Comdey</a></li>
                        <li><a href="#detailitem">Kids</a></li>
                    </ul>
                    <div>
                        <p>Additional items on the page go here</p>
                    </div>
                </div>
                <div id="detailitem" title="Item Details" class="panel">Item Description</div>
            </div>
           
            <div id="navbar">
                <a href="#listviewpage" id='navbar_home' class='icon home'>Home</a>
            </div>
        </div>

            
          
!

↑ Insert the most common viewport meta tag

CSS

            
              
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................