/backend/Metis/src/templates/layouts/fixed.hbs

https://gitlab.com/kaouech/theme · Handlebars · 127 lines · 77 code · 19 blank · 31 comment · 0 complexity · e6e033b37c96eafbf79b97ea5552ec2a MD5 · raw file 

    

  1. <!doctype html>
    2. 

  2. <html class="no-js">
    3. 

  3. <head>
    4. 

  4.     <meta charset="UTF-8">
    5. 

  5.     <title>{{title}}</title>
    6. 

  6.     <!--IE Compatibility modes-->
    7. 

  7.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
    8. 

  8.     <!--Mobile first-->
    9. 

  9.     <meta name="viewport" content="width=device-width, initial-scale=1">
    10. 

  10.     <!-- Bootstrap -->
    11. 

  11.     {{#if rtl}}
    12. 

  12.     <link rel="stylesheet" href="{{assets}}/lib/bootstrap/dist/css/bootstrap.rtl.css">
    13. 

  13.     {{else}}
    14. 

  14.     <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.1/css/bootstrap.min.css">
    15. 

  15.     {{/if}}
    16. 

  16.     <!-- Font Awesome -->
    17. 

  17.     <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/css/font-awesome.min.css">
    18. 

  18.     <!-- Metis core stylesheet -->
    19. 

  19.     {{#if rtl}}
    20. 

  20.     <link rel="stylesheet" href="{{assets}}/css/main.rtl.css">
    21. 

  21.     {{else}}
    22. 

  22.     <link rel="stylesheet" href="{{assets}}/css/main.min.css">
    23. 

  23.     {{/if}}
    24. 

  24.     <!-- Metis Theme stylesheet -->
    25. 

  25.     <link rel="stylesheet" href="{{assets}}/css/theme.css">
    26. 

  26. 

  27.     {{#if rtl}}
    28. 

  28.     <style>body{direction: rtl;}</style>
    29. 

  29.     {{/if}}
    30. 

  30. 

  31.     <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    32. 

  32.     <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    33. 

  33.     <!--[if lt IE 9]>
    34. 

  34.     <script src="{{assets}}/lib/html5shiv/html5shiv.js"></script>
    35. 

  35.     <script src="{{assets}}/lib/respond/respond.min.js"></script>
    36. 

  36.     <![endif]-->
    37. 

  37.     <!--Modernizr -->
    38. 

  38.     <script src="//cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script>
    39. 

  39. </head>
    40. 

  40. <body>
    41. 

  41. <div id="wrap">
    42. 

  42.     <div id="top">
    43. 

  43. 

  44.         <!-- .navbar -->
    45. 

  45. <nav class="navbar navbar-inverse navbar-{{#if fixedNav}}fixed{{else}}static{{/if}}-top">
    46. 

  46.     <div class="container-fluid">
    47. 

  47. 

  48. 

  49.         <!-- Brand and toggle get grouped for better mobile display -->
    50. 

  50.         <header class="navbar-header">
    51. 

  51.             <a href="index.html" class="navbar-brand"><img src="{{assets}}/img/logo.png" alt=""></a>
    52. 

  52.         </header>
    53. 

  53. 

  54. 

  55. 

  56.         <div class="topnav">
    57. 

  57.             <div class="btn-group">
    58. 

  58.                 <a data-placement="bottom" data-original-title="Show / Hide Left" data-toggle="tooltip"
    59. 

  59.                    class="btn btn-primary btn-sm toggle-left">
    60. 

  60.                     <i class="fa fa-bars"></i>
    61. 

  61.                 </a>
    62. 

  62.                 <a data-placement="bottom" data-original-title="Show / Hide Right" data-toggle="tooltip"
    63. 

  63.                    class="btn btn-default btn-sm toggle-right">
    64. 

  64.                     <span class="glyphicon glyphicon-comment"></span>
    65. 

  65.                 </a>
    66. 

  66.             </div>
    67. 

  67. 

  68.         </div>
    69. 

  69. 

  70.     </div>
    71. 

  71.     <!-- /.container-fluid -->
    72. 

  72. </nav>
    73. 

  73. <!-- /.navbar -->
    74. 

  74. 

  75.         <header class="head">
    76. 

  76.             <div class="search-bar">
    77. 

  77.                 {{> mainSearch }}
    78. 

  78.             </div>
    79. 

  79.             <!-- /.search-bar -->
    80. 

  80. 

  81.             <div class="main-bar">
    82. 

  82.                 <h3><i class="{{ icon }}"></i> {{ title }}</h3>
    83. 

  83.             </div>
    84. 

  84.             <!-- /.main-bar -->
    85. 

  85.         </header>
    86. 

  86.         <!-- /.head -->
    87. 

  87.     </div>
    88. 

  88.     <!-- /#top -->
    89. 

  89.     <div id="left">
    90. 

  90.         <p>LEFT</p>
    91. 

  91.     </div>
    92. 

  92.     <!-- /#left -->
    93. 

  93.     <div id="content">
    94. 

  94.         <div class="outer">
    95. 

  95.             <div class="inner">
    96. 

  96.                 <p>BODY</p>
    97. 

  97.             </div>
    98. 

  98.             <!-- /.inner -->
    99. 

  99.         </div>
    100. 

  100.         <!-- /.outer -->
    101. 

  101.     </div>
    102. 

  102.     <!-- /#content -->
    103. 

  103. 

  104.     <div id="right">
    105. 

  105.         <p>RIGHT</p>
    106. 

  106.     </div>
    107. 

  107.     <!-- /#right -->
    108. 

  108. </div>
    109. 

  109. <!-- /#wrap -->
    110. 

  110. <footer id="footer">
    111. 

  111.     <p>2014 &copy; Metis Bootstrap Admin Template</p>
    112. 

  112. </footer>
    113. 

  113. <!-- /#footer -->
    114. 

  114. 

  115. 

  116. <!--jQuery 2.1.1 -->
    117. 

  117. <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    118. 

  118. <!--Bootstrap -->
    119. 

  119. <script src="//cdnjs.cloudflare.com/ajax/libs/metisMenu/1.1.3/metisMenu.min.js"></script>
    120. 

  120. 

  121. 

  122. 

  123. <!-- Metis core scripts -->
    124. 

  124. <script src="{{assets}}/js/core.min.js"></script>
    125. 

  125. 

  126. </body>
    127. 

  127. </html>
    128.