Filter LVWP - HTML - 2010

<link rel="stylesheet" type="text/css" href="../SiteAssets/sgm-meetings/css/fontello.css" runat="server" />
<!--[if IE 7]>
   <link rel="stylesheet" type="text/css" href="../SiteAssets/sgm-meetings/css/fontello-ie7.css" runat="server" />
<![endif]-->

<!-- Lib CSS -->
<link rel="stylesheet" type="text/css" href="../SiteAssets/sgm-meetings/css/cdtm-main.css" runat="server" />

<!-- Lib JS -->
<script type="text/javascript" src="../SiteAssets/sgm-meetings/scripts/knockout-3.1.0.js"></script>

<!-- App JS -->   
<script type="text/javascript" src="../SiteAssets/sgm-meetings/app/cdtm-app.js"></script>

<div id="cdtm" class="cdtm">
   <div class="cdtm-wrapper">
      <div class='box-5'>
         <div class='header'>
            <h1>
               <span data-bind='text: LibraryTitle'></span><span data-bind='visible: LibraryTitle &amp;&amp; LibrarySubTitle' style='display:none;'> <i class='icon-angle-right' style=''></i> </span><span data-bind='text: LibrarySubTitle'></span>
               <img data-bind='visible: Working' src='/_layouts/images/hig_progcircle_loading24.gif' border='0' />
            </h1>
         </div>

         <div class="nav">
            <div class="row">
               <div class='left'>
                  <ul class='years' data-bind='foreach: FilterYears' title='filter the meetings by year'>
                     <li data-bind='css: { selected: $parent.isSelectedYear($data) }'>
                        <a    href='#' 
                              data-bind='
                                 text: $data, 
                                 click: $parent.filterByYear'>
                        </a></li>
                  </ul>
                  <ul class='months' data-bind='foreach: FilterMonths' title='filter the meetings by month'>
                     <li data-bind='css: { selected: $parent.isSelectedMonth($data) }'>
                        <a    href='#' 
                              data-bind='
                                 text: $data, 
                                 click: $parent.filterByMonth'>
                        </a></li>
                  </ul>
               </div>
               <div class='right'>
                  <div class='search-wrapper'>
                     <input class='searchfield' type='text' value='' data-bind='value: FilterTextIm, valueUpdate: "afterkeydown"' title='filter the meetings by name' />
                     <i class='icon-search'></i>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
</div>