title: Single Page App with Bootstrap and AngularJS
body: <p>I am new to javascript (although I've developed a small nodejs API server before, but it is nothing interactive, animating, or fancy at all)</p>
  
  <p>I'd like to develop a static, single page website that works on modern browser and mobiles. The intended design looks a lot like </p>
  
  <p><a href="http://global.tommy.com/int/en/Collections/runway/spring-women" rel="nofollow">http://global.tommy.com/int/en/Collections/runway/spring-women</a></p>
  
  <p>which is quite common with</p>
  
  <ol>
  <li>Static Title Bar that follows wherever user scroll</li>
  <li>&lt; li > on the left acting like quick jump control + navigation/position indicator</li>
  <li>carousel</li>
  </ol>
  
  <p>I'm totally at blank on how to achieve such impressive look and feel and animation and responsiveness. So far, I tried out several libraries such as Twitter's BootStrap, Google's AngularJS, and AmberJS but none is as impressive as my intended outcome. The closest I get into is the sample from <a href="http://www.portalapp.com/" rel="nofollow">http://www.portalapp.com/</a> but that's my best trial.</p>
  
  <p>Would any of you recommend any good resources (technology/libraries, or getting started guide and tutorial) to get off the ground fast?</p>
  
  <p>Thank you very much!</p>
  
  <p>EDIT:</p>
  
  <p>Do anyone has open source projects or sample on GitHub that uses any javascript/css libraries to achieve cross device, responsive, single page web app?</p>
  
  <p>Please provide the breakdown of the libraries used as well., since javascript libraries are numerous</p>