| <!DOCTYPE html> | 
 | <html> | 
 |   <head> | 
 |     <title>Menu demo</title> | 
 |     <meta charset="utf-8" /> | 
 |     <script data-main="menudemo.js" src="../js/lib/require.js" async="async"></script> | 
 |     <link type="text/css" rel="stylesheet" href="../css/kalamar.css" /> | 
 |     <style type="text/css" rel="stylesheet"> | 
 | .info { | 
 |   background-color: #ddd; | 
 |   color: black; | 
 |   padding: 1em; | 
 |   font-family: mono; | 
 | } | 
 | body { | 
 |   margin: 0; | 
 |   background-color: #ddd; | 
 | } | 
 |     </style> | 
 |   </head> | 
 |   <body> | 
 |     <div style="position: absolute; background-color: #7ba400; height: 50px; width: 100%;"></div> | 
 |  | 
 |     <div id="menu" class="vc" style="padding-top: 80px; padding-left: 80px;"></div> | 
 |     <div id="largemenu" style="padding-top: 0px; padding-left: 500px;"></div> | 
 |     <div id="multisortmenu" style="padding-top: 0px; padding-left: 550px;"></div> | 
 |  | 
 |     <span id="choose-ql" class="menu select" style="position: absolute; right: 100px; top: 90px;"> | 
 |       <select name="ql"> | 
 | 	      <option value="poliqarp">Poliqarp</option> | 
 | 	      <option value="cosmas2">Cosmas 2</option> | 
 | 	      <option value="annis" selected>Annis QL</option> | 
 | 	      <option value="cql">CQL</option> | 
 |       </select> | 
 |     </span> | 
 |      | 
 |     <main> | 
 |       <div> | 
 | 	      <div id="pagination"><a rel="prev"><span><i class="fa fa-caret-left"></i></span></a><a rel="self"><span>1</span></a><a href="/kalamar?q=der+%5Bmate/m%3Dnumber:sg%5D&ql=poliqarp&p=2"><span>2</span></a><a href="/kalamar?q=der+%5Bmate/m%3Dnumber:sg%5D&ql=poliqarp&p=3"><span>3</span></a><span><i class="fa fa-ellipsis-h"></i></span><a href="/kalamar?q=der+%5Bmate/m%3Dnumber:sg%5D&ql=poliqarp&p=52230"><span>52230</span></a><a rel="next" href="/kalamar?q=der+%5Bmate/m%3Dnumber:sg%5D&ql=poliqarp&p=2"><span><i class="fa fa-caret-right"></i></span></a></div> | 
 |       </div> | 
 |     </main> | 
 |   </body> | 
 | </html> |