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="nav">





28

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





29

      </div>





30

      <div class="clearfix"></div>





31

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





32

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





33

    </div>





34






35

    <script>





36

      //Code to initialize the framework





37

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





38

      window.onload = function() {





39

        M.load("/maraa/data/maraa2.json");





40

      };





41

    </script>





42

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





43

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





44

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





45

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





46

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





47

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





48

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





49






50

    <!-- Underscore templates -->





51

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





52

      <div id="feeds">





53

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





54

      </div>





55

    </script>





56

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





57

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





58

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





59

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





60

      </div>





61

    </script>





62

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





63

      <li class="dropdown">





64

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





65

        data-target='#'>





66

        <%= name %>





67

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





68

      </a>





69

      <ul class="dropdown-menu">





70

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





71

          %>





72

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





73

          <%





74

        });





75

        %>





76

      </ul>





77

      </li>





78

    </script>





79

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





80

      <div class="img-wrapper">





81

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





82

      </div>





83

    </script>





84

  </body>





85

</html>