head 


  <head>
    <script src="lib-present-jquery-desktop-basic-steps-lib-jquery-1.2.6.js"></script>
    <script src="lib-present-jquery-desktop-basic-steps-lib-jquery-ui-core-drag-drop-select-1.5.3.js"></script>
    <script src="lib-present-jquery-desktop-basic-steps-lib-jquery.mousewheel.js"></script>
    <link rel="stylesheet" href="lib-present-jquery-desktop-basic-steps-css-demo.css" type="text/css" media="screen" charset="utf-8">
    <title>Mockup</title>
    <script>

ready


      document.ready(function() {
        // our javascript code will go here
      });
    </script>
  </head>

body 


  <body>
    <h1>Mockup</h1>
    <p>
      This is the mockup application that we are going to enrich.
    </p>

container 


    <div id="container">
      <div id="box1" class="box">Blue</div>
      <div id="box2" class="box">Red</div>
      <div id="box3" class="box">Yellow</div>
      <div id="box4" class="box">Green</div>
    </div>
  </body>