|  | <!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> |