rendered index.php


<!doctype html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
<head>
  <meta charset="utf-8">

  <title>FFD</title>
  <meta name="description" content="FFD bestillings app">
  <meta name="author" content="Anders Fylling">


    <!-- Mobile Specific Metas
  ================================================== -->
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

    <!-- CSS
  ================================================== -->
  <link rel="stylesheet" href="css/base.css?v=1.0">
  <link rel="stylesheet" href="css/skeleton.css?v=1.0">
  <link rel="stylesheet" href="css/layout.css?v=1.0">

  <!-- Favicons
    ================================================== -->
    <link rel="shortcut icon" href="images/favicon.ico">
    <link rel="apple-touch-icon" href="images/apple-touch-icon.png">
    <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">


  <!--[if lt IE 9]>
  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  <![endif]-->
</head>

<body ng-app>
    <nav id="topNav" class>
        <h1 id="navTitle" class>FFD Bestillingsliste</h1>
        <ul id="navUl">
            <li class="navList"><a class="navListA" href="" title="link 1">Varer</a></li>
            <li class="navList"><a class="navListA" href="" title="link 2">Handlevogn</a></li>
            <li class="navList"><a class="navListA" href="" title="link 3">Historikk</a></li>
            <li class="navList"><a class="navListA" href="" title="link 4">Kontakt</a></li>
            <li class="navList"><a class="navListA" href="" title="link 3">Om</a></li>
        </ul>
    </nav>
    <div id="mainContainer" class="container">

        {{1*2}}
        <!-- Side menu
     ================================================== -->
        <aside class="four columns" id="items-category-list" ng-controller="itemsCategoryList">
            <h1>side meny</h1>
            {{ 1 + 2 }}
        </aside>

        <!-- Main content
     ================================================== -->
        <div class="twelve columns nospace">

            <article id="new-items" class="row twelve columns">
                <h1>Nyheiter! {{ 2 + 2 }}</h1>
            </article>

            <section class="row twelve columns">
                            </section>

        </div>

    </div>

    <footer>
        <p>footer</p>
    </footer>


    <script src="js/angular.min.js"></script>
    <script src="js/app.js"></script>
    <script src="js/controllers.js"></script>

    <script type="text/javascript">
        //when scrolling passes h1#navTitle, hide #navTitle and set menu as sticky
        (function stickyNavScroller(){
            //static vars
            var minTop = document.getElementById('navTitle').offsetHeight,
                navOffset = document.getElementById('topNav').offsetHeight,
                container = document.getElementById('mainContainer'),
                active = 0;
            //function
            window.onscroll = function (event) {
                var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
                if (active == 0 && minTop <= scrollTop) {
                    active = 1;
                    topNav.className = 'sticky';
                    topNav.style.top = -minTop + 'px';
                    container.style.paddingTop = navOffset + 'px';
                } else if (active == 1 && scrollTop <= minTop) {
                    active = 0;
                    topNav.style.top = 0;
                    topNav.className = '';
                    container.style.paddingTop = 0;
                }
            };
        })();
    </script>
</body>
</html>