V1

- layout
- header
- sidemenu
- views

resources/images/navbar/Horizontal-bar.svg

+<svg width="13" height="8" viewBox="0 0 13 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="13" height="2" fill="white"/>
+<rect y="3" width="13" height="2" fill="white"/>
+<rect y="6" width="13" height="2" fill="white"/>
+</svg>

resources/images/navbar/hamburger-icon.svg

+<svg width="34" height="38" viewBox="0 0 34 38" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 9.5L15.5168 0.566085C16.1266 0.214974 16.8761 0.210173 17.4904 0.553443L33.5 9.5V28.5L17.4904 37.4466C16.8761 37.7898 16.1266 37.785 15.5168 37.4339L0 28.5V9.5Z" fill="#34852C"/>
+<path d="M0 9.5L15.5168 0.566085C16.1266 0.214974 16.8761 0.210173 17.4904 0.553443L33.5 9.5V25.5L17.4904 34.4466C16.8761 34.7898 16.1266 34.785 15.5168 34.4339L0 25.5V9.5Z" fill="#83D95E"/>
+<path d="M0 11.5L15.5168 2.56609C16.1266 2.21497 16.8761 2.21017 17.4904 2.55344L33.5 11.5V26.5L17.4904 35.4466C16.8761 35.7898 16.1266 35.785 15.5168 35.4339L0 26.5V11.5Z" fill="#50A530"/>
+</svg>

resources/images/navbar/loader.svg

+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="margin: auto; background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%; display: block; shape-rendering: auto;" width="200px" height="200px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid">
+<g transform="translate(50 50) scale(0.63) translate(-50 -50)"><g>
+  <animateTransform attributeName="transform" type="rotate" repeatCount="indefinite" calcMode="spline" dur="4s" values="0 50 50;90 50 50;180 50 50;270 50 50;360 50 50" keyTimes="0;0.25;0.5;0.75;1" keySplines="0 1 0 1;0 1 0 1;0 1 0 1;0 1 0 1"></animateTransform>
+  <g>
+    <animateTransform attributeName="transform" type="scale" dur="1s" repeatCount="indefinite" calcMode="spline" values="1;1;0.5" keyTimes="0;0.5;1" keySplines="1 0 0 1;1 0 0 1"></animateTransform>
+    <g transform="translate(25 25)">
+  <rect x="-25" y="-25" width="52" height="52" fill="#ffffff">
+    
+    <animate attributeName="fill" dur="4s" repeatCount="indefinite" calcMode="spline" values="#ffffff;#ffffff;#ffffff;#ffffff;#ffffff" keyTimes="0;0.25;0.5;0.75;1" keySplines="0 1 0 1;0 1 0 1;0 1 0 1;0 1 0 1"></animate>
+  </rect>
+</g><g transform="translate(25 75)">
+  <rect x="-25" y="-25" width="52" height="50" fill="#ffffff">
+    <animateTransform attributeName="transform" type="scale" dur="1s" repeatCount="indefinite" calcMode="spline" values="0;1;1" keyTimes="0;0.5;1" keySplines="1 0 0 1;1 0 0 1"></animateTransform>
+    <animate attributeName="fill" dur="4s" repeatCount="indefinite" calcMode="spline" values="#ffffff;#ffffff;#ffffff;#ffffff;#ffffff" keyTimes="0;0.25;0.5;0.75;1" keySplines="0 1 0 1;0 1 0 1;0 1 0 1;0 1 0 1"></animate>
+  </rect>
+</g><g transform="translate(75 25)">
+  <rect x="-25" y="-25" width="50" height="52" fill="#ffffff">
+    <animateTransform attributeName="transform" type="scale" dur="1s" repeatCount="indefinite" calcMode="spline" values="0;1;1" keyTimes="0;0.5;1" keySplines="1 0 0 1;1 0 0 1"></animateTransform>
+    <animate attributeName="fill" dur="4s" repeatCount="indefinite" calcMode="spline" values="#ffffff;#ffffff;#ffffff;#ffffff;#ffffff" keyTimes="0;0.25;0.5;0.75;1" keySplines="0 1 0 1;0 1 0 1;0 1 0 1;0 1 0 1"></animate>
+  </rect>
+</g><g transform="translate(75 75)">
+  <rect x="-25" y="-25" width="50" height="50" fill="#ffffff">
+    <animateTransform attributeName="transform" type="scale" dur="1s" repeatCount="indefinite" calcMode="spline" values="0;1;1" keyTimes="0;0.5;1" keySplines="1 0 0 1;1 0 0 1"></animateTransform>
+    <animate attributeName="fill" dur="4s" repeatCount="indefinite" calcMode="spline" values="#ffffff;#ffffff;#ffffff;#ffffff;#ffffff" keyTimes="0;0.25;0.5;0.75;1" keySplines="0 1 0 1;0 1 0 1;0 1 0 1;0 1 0 1"></animate>
+  </rect>
+</g>
+  </g>
+</g></g>
+<!-- [ldio] generated by https://loading.io/ --></svg>
\ No newline at end of file