1 
<!DOCTYPE html>
2 
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
3 
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
4 
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
5 
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
6 
  <head>
7 
    <meta charset="utf-8">
8 
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
9 
    <title> Mouchak - ummm!</title>
10 
    <meta name="description" content="">
11 
    <meta name="viewport" content="width=device-width">
12 





13

    <!-- Place favicon.ico in the root directory -->





14






15

    <link rel="stylesheet" href="css/normalize.css">





16

    <link rel="stylesheet" href="css/bootstrap.css">





17

    <link rel="stylesheet" href="css/main.css">





18

    <script src="js/lib/modernizr-2.6.1.min.js"></script>





19

  </head>





20

  <body>





21

    <!--[if lt IE 7]>





22

    <p class="chromeframe">You are using an outdated browser. <a href="http://browsehappy.com/">Upgrade your browser today</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to better experience this site.</p>





23

    <![endif]-->





24






25

    <div class="container" id="container">





26

      <div id="header"></div>





27

      <div id="content-container"></div>





28

      <div id="footer"></div>





29

    </div>





30






31

    <script>





32

      //Code to initialize the framework





33

      window.M = window.M || {};





34

      window.onload = function() {





35

        //M.load('mainmaraafinal.json');





36

        M.load('example.json');





37

      };





38

    </script>





39

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>





40

    <script>window.jQuery || document.write('<script src="js/lib/jquery-1.8.0.min.js"><\/script>')</script>





41

    <script src="js/lib/underscore.js"></script>





42

    <script src="js/lib/backbone.js"></script>





43

    <script src="js/lib/bootstrap.js"></script>





44

    <script src="js/plugins.js"></script>





45

    <script src="js/mouchak.js"></script>





46






47

    <!-- Underscore templates -->





48

    <script type="text/template" id="news-template">





49

      <div id="feeds">





50

        <img src="img/ajax-loader.gif" id="feeds-loader"/>





51

      </div>





52

    </script>





53

    <script type="text/template" id="news-item-template">





54

      <div class="news-item-wrapper">





55

        <div class="news-title"><%= title %></div>





56

        <a href="<%= link %>">Read More</a>





57

      </div>





58

    </script>





59






60

    <script type="text/template" id="nav-template">





61

      <div class="navigation" id="nav-<%= page %>">





62

        <ul class="nav nav-pills"></ul>





63

      </div>





64

    </script>





65

    <script type="text/template" id="nav-dropdown-template">





66

      <li class="dropdown">





67

      <a class="dropdown-toggle" data-toggle="dropdown" href="#/<%= M.sanitize(name) %>"





68

        data-target='#'>





69

        <%= name %>





70

        <b class="caret"></b>





71

      </a>





72

      <ul class="dropdown-menu">





73

        <% _.each(list, function(item) {





74

          %>





75

          <li><a href="#/<%= M.sanitize(item) %>"> <%= item %> </a></li>





76

          <%





77

        });





78

        %>





79

      </ul>





80

      </li>





81

    </script>





82






83

    <script type="text/template" id="image-view-template">





84

      <div class="img-wrapper">





85

        <img src="<%= src %>">





86

      </div>





87

    </script>





88

  </body>





89

</html>