CodePen

HTML

            
                      <div id="afui"> 
            <div id="content">
                <div id="home" class="panel" selected="true" data-header="customheader">
                    <h3>home</h3>
                    <p>Home panel
                    </p>
                </div>
                <div id="sketch" class="panel" data-header="customheader" >
                     <h3>Sketch Pad</h3>
                     <p>Sketch Pad panel
                    </p>
                </div>
                 <div id="picture" class="panel" data-header="customheader">
                     <h3>Pictures</h3>
                     <p>Pictures panel
                    </p>
                </div>
            </div>
           
            <header id="customheader">
                <h1>Custom Header</h1>
                <a id="backButton" href="javascript:;" class="button" ></a>
            </header>
      </div>
  
            
          
!

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 ..................