diff --git a/public_html/image/header-icon.svg b/public_html/image/header-icon.svg
new file mode 100644
index 0000000..2b8f38d
--- /dev/null
+++ b/public_html/image/header-icon.svg
@@ -0,0 +1,180 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="118.91737mm"
+   height="123.77343mm"
+   viewBox="0 0 421.36068 438.56727"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="header-icon.svg">
+  <defs
+     id="defs4">
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4392">
+      <stop
+         style="stop-color:#01ff9b;stop-opacity:1"
+         offset="0"
+         id="stop4394" />
+      <stop
+         style="stop-color:#b93fff;stop-opacity:1"
+         offset="1"
+         id="stop4396" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4384">
+      <stop
+         style="stop-color:#247eff;stop-opacity:1"
+         offset="0"
+         id="stop4386" />
+      <stop
+         style="stop-color:#b93fff;stop-opacity:1"
+         offset="1"
+         id="stop4388" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4376">
+      <stop
+         style="stop-color:#247eff;stop-opacity:1"
+         offset="0"
+         id="stop4378" />
+      <stop
+         style="stop-color:#01ff9b;stop-opacity:1"
+         offset="1"
+         id="stop4380" />
+    </linearGradient>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4384"
+       id="radialGradient4513"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-9.9729112,-2.5638923,0.7929986,-3.0845694,1902.2148,3158.432)"
+       cx="207.87584"
+       cy="667.8092"
+       fx="207.87584"
+       fy="667.8092"
+       r="44.320953" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4392"
+       id="radialGradient4517"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.14515886,1.7429031,-6.1621421,0.51321807,3511.8122,-377.06608)"
+       cx="426.45297"
+       cy="504.74533"
+       fx="426.45297"
+       fy="504.74533"
+       r="53.399887" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4376"
+       id="radialGradient4519"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2471052,-0.56697707,1.2548046,2.7600292,-853.32466,-904.75052)"
+       cx="419.95505"
+       cy="589.65613"
+       fx="419.95505"
+       fy="589.65613"
+       r="132.01888" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.70673618"
+     inkscape:cx="2.5056919"
+     inkscape:cy="719.16628"
+     inkscape:document-units="px"
+     inkscape:current-layer="svg2"
+     showgrid="false"
+     inkscape:snap-smooth-nodes="false"
+     inkscape:object-nodes="true"
+     inkscape:snap-midpoints="true"
+     inkscape:window-width="1920"
+     inkscape:window-height="1056"
+     inkscape:window-x="0"
+     inkscape:window-y="24"
+     inkscape:window-maximized="1"
+     inkscape:object-paths="true"
+     inkscape:snap-object-midpoints="true"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="g4495"
+     transform="translate(-209.39264,-344.54102)">
+    <path
+       style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;white-space:normal;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:20.15600014;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+       d="m 407.47656,432.78125 c -60.54674,0 -109.8457,49.29896 -109.8457,109.8457 0,60.54675 49.29896,109.84571 109.8457,109.84571 60.54674,-10e-6 109.8457,-49.29897 109.84571,-109.84571 0,-60.54674 -49.29896,-109.8457 -109.84571,-109.8457 z m 0,20.1543 c 49.65363,0 89.68946,40.03777 89.68946,89.6914 -10e-6,49.65363 -40.03583,89.68945 -89.68946,89.68946 -49.65363,0 -89.68945,-40.03582 -89.68945,-89.68946 0,-49.65363 40.03582,-89.69141 89.68945,-89.6914 z"
+       id="circle4497"
+       class="generic"
+       inkscape:connector-curvature="0" />
+    <path
+       style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;white-space:normal;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:url(#radialGradient4513);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:20.15600014;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+       d="m 220.69141,510.95117 a 10.079008,10.079008 0 0 0 -10.00977,9.08203 c -0.84144,7.40602 -1.28911,14.94417 -1.28906,22.59375 1.7e-4,61.4491 28.05032,116.48824 72.03711,152.81055 a 10.079008,10.079008 0 1 0 12.83203,-15.54297 c -39.53275,-32.64437 -64.71274,-81.94377 -64.71289,-137.26758 -5e-5,-6.86335 0.40134,-13.6376 1.16015,-20.3164 a 10.079008,10.079008 0 0 0 -10.01757,-11.35938 z"
+       id="path4499"
+       inkscape:connector-curvature="0" />
+    <path
+       style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;white-space:normal;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:url(#radialGradient4517);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:20.15600014;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+       d="m 561.92773,639.51758 a 10.079008,10.079008 0 0 0 -8.27343,4.45508 c -20.50478,29.58881 -49.15424,51.79491 -81.79688,64.48437 a 10.079008,10.079008 0 1 0 7.30469,18.78516 c 36.33348,-14.12424 68.23615,-38.8558 91.05859,-71.78907 a 10.079008,10.079008 0 0 0 -8.29297,-15.93554 z"
+       id="path4501"
+       inkscape:connector-curvature="0" />
+    <path
+       style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;white-space:normal;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:url(#radialGradient4519);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:20.15600014;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+       d="m 407.47656,344.54102 c -22.36663,6e-5 -43.90088,3.71972 -63.97851,10.56836 a 10.079008,10.079008 0 1 0 6.50781,19.07812 c 18.01891,-6.14638 37.32814,-9.48865 57.45703,-9.49023 82.88052,0.10549 154.61176,57.2925 173.17969,138.0664 a 10.079008,10.079008 0 1 0 19.64453,-4.51562 C 579.642,408.43801 499.64256,344.65831 407.49023,344.54102 a 10.079008,10.079008 0 0 0 -0.0137,0 z"
+       id="path4503"
+       inkscape:connector-curvature="0" />
+    <path
+       style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:20.15600014;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       d="m 310.66531,424.62726 a 49.553467,49.553467 0 0 1 -49.55346,49.55347 49.553467,49.553467 0 0 1 -49.55347,-49.55347 49.553467,49.553467 0 0 1 49.55347,-49.55347 49.553467,49.553467 0 0 1 49.55346,49.55347 z"
+       id="circle4505"
+       inkscape:connector-curvature="0"
+       class="generic" />
+    <path
+       style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:20.15600014;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       d="m 630.75335,578.13049 a 38.653133,38.653133 0 0 1 -38.65313,38.65314 38.653133,38.653133 0 0 1 -38.65313,-38.65314 38.653133,38.653133 0 0 1 38.65313,-38.65313 38.653133,38.653133 0 0 1 38.65313,38.65313 z"
+       id="circle4507"
+       inkscape:connector-curvature="0"
+       class="generic" />
+    <path
+       style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:20.15600014;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       d="m 432.45616,728.24164 a 54.866684,54.866684 0 0 1 -54.86668,54.86668 54.866684,54.866684 0 0 1 -54.86669,-54.86668 54.866684,54.866684 0 0 1 54.86669,-54.86669 54.866684,54.866684 0 0 1 54.86668,54.86669 z"
+       id="circle4509"
+       inkscape:connector-curvature="0"
+       class="generic" />
+    <path
+       style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:20.15600014;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       d="m 431.62988,542.62604 a 24.153133,24.153133 0 0 1 -24.15313,24.15313 24.153133,24.153133 0 0 1 -24.15314,-24.15313 24.153133,24.153133 0 0 1 24.15314,-24.15314 24.153133,24.153133 0 0 1 24.15313,24.15314 z"
+       id="circle4511"
+       inkscape:connector-curvature="0"
+       class="generic" />
+  </g>
+</svg>
diff --git a/public_html/image/header/info/error.svg b/public_html/image/header/info/error.svg
new file mode 100644
index 0000000..753883a
--- /dev/null
+++ b/public_html/image/header/info/error.svg
@@ -0,0 +1,69 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   height="20"
+   version="1.1"
+   width="20"
+   id="svg4173"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="error.svg">
+  <metadata
+     id="metadata4189">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs4187" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1056"
+     id="namedview4185"
+     showgrid="false"
+     inkscape:zoom="14.024285"
+     inkscape:cx="5.7725748"
+     inkscape:cy="4.573557"
+     inkscape:window-x="0"
+     inkscape:window-y="24"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4173"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0" />
+  <g
+     transform="translate(-2,-1030.4)"
+     id="g4175">
+    <path
+       d="M 22,12 C 22,17.523 17.523,22 12,22 6.4772,22 2,17.523 2,12 2,6.4772 6.4772,2 12,2 17.523,2 22,6.4772 22,12 Z"
+       transform="translate(0,1028.4)"
+       id="path4179"
+       style="fill:#e9202a;fill-opacity:1"
+       inkscape:connector-curvature="0" />
+    <path
+       d="m 7.05015,1036.85 3.5357,3.6 -3.5357,3.5 1.4142,1.4 3.5355,-3.5 3.536,3.5 1.414,-1.4 -3.536,-3.5 3.536,-3.6 -1.414,-1.4 -3.536,3.5 -3.5355,-3.5 -1.4142,1.4 z"
+       id="path4183"
+       inkscape:connector-curvature="0"
+       style="fill:#ecf0f1" />
+  </g>
+</svg>
diff --git a/public_html/image/header/info/info.svg b/public_html/image/header/info/info.svg
new file mode 100644
index 0000000..6df5521
--- /dev/null
+++ b/public_html/image/header/info/info.svg
@@ -0,0 +1,69 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   height="16px"
+   version="1.1"
+   viewBox="0 0 16 16"
+   width="16px"
+   id="svg4175"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="info.svg">
+  <metadata
+     id="metadata4186">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1056"
+     id="namedview4184"
+     showgrid="false"
+     inkscape:zoom="59.5"
+     inkscape:cx="8"
+     inkscape:cy="8"
+     inkscape:window-x="0"
+     inkscape:window-y="24"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Icons with numbers" />
+  <title
+     id="title4177" />
+  <defs
+     id="defs4179" />
+  <g
+     fill="none"
+     fill-rule="evenodd"
+     id="Icons with numbers"
+     stroke="none"
+     stroke-width="1">
+    <g
+       fill="#000000"
+       id="Group"
+       transform="translate(-576.000000, -432.000000)"
+       style="fill:#e8b522;fill-opacity:1">
+      <path
+         d="M583,435 L583,437 L585,437 L585,435 Z M584,448 C579.581722,448 576,444.418278 576,440 C576,435.581722 579.581722,432 584,432 C588.418278,432 592,435.581722 592,440 C592,444.418278 588.418278,448 584,448 Z M583,439 L583,445 L585,445 L585,439 Z M583,439"
+         id="Oval 208"
+         style="fill:#e8b522;fill-opacity:1" />
+    </g>
+  </g>
+</svg>
diff --git a/public_html/image/header/info/warning.svg b/public_html/image/header/info/warning.svg
new file mode 100644
index 0000000..0ea8c81
--- /dev/null
+++ b/public_html/image/header/info/warning.svg
@@ -0,0 +1,69 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   height="21.906097"
+   version="1.1"
+   viewBox="0 0 25.764629 21.906097"
+   width="25.764629"
+   id="svg4198"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="warning.svg">
+  <metadata
+     id="metadata4209">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1056"
+     id="namedview4207"
+     showgrid="false"
+     inkscape:zoom="10.518213"
+     inkscape:cx="-9.6618773"
+     inkscape:cy="6.3550537"
+     inkscape:window-x="0"
+     inkscape:window-y="24"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Icons new Arranged Names"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0" />
+  <defs
+     id="defs4202" />
+  <g
+     id="Icons new Arranged Names"
+     style="fill:none;fill-rule:evenodd;stroke:none;stroke-width:1"
+     transform="translate(-3.1164357,-5.0939031)">
+    <g
+       id="101 Warning"
+       style="fill:#e9202a;fill-opacity:1">
+      <path
+         d="m 14.424233,6.1483927 c 0.870066,-1.4076629 2.282795,-1.4043083 3.150787,0 L 28.36011,23.59738 C 29.521639,25.476595 28.675546,27 26.471407,27 L 5.5278464,27 C 3.3232156,27 2.4738632,25.482664 3.6391433,23.59738 Z M 16,20 c 0.552285,0 1,-0.453036 1,-0.99703 l 0,-6.00594 C 17,12.446386 16.556135,12 16,12 c -0.552285,0 -1,0.453036 -1,0.99703 l 0,6.00594 C 15,19.553614 15.443865,20 16,20 Z m 0,4 c 0.552285,0 1,-0.447715 1,-1 0,-0.552285 -0.447715,-1 -1,-1 -0.552285,0 -1,0.447715 -1,1 0,0.552285 0.447715,1 1,1 z m 0,0"
+         id="Triangle 29"
+         style="fill:#eb8c1e;fill-opacity:1"
+         inkscape:connector-curvature="0" />
+    </g>
+  </g>
+</svg>
diff --git a/public_html/image/header/notif/bell.svg b/public_html/image/header/notif/bell.svg
new file mode 100644
index 0000000..13d181e
--- /dev/null
+++ b/public_html/image/header/notif/bell.svg
@@ -0,0 +1,46 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   enable-background="new 0 0 141.732 141.732"
+   height="141.732px"
+   id="Livello_1"
+   version="1.1"
+   viewBox="0 0 141.732 141.732"
+   width="141.732px"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="bell.svg"><metadata
+     id="metadata4205"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs4203" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1056"
+     id="namedview4201"
+     showgrid="false"
+     inkscape:zoom="6.7169026"
+     inkscape:cx="70.865997"
+     inkscape:cy="70.865997"
+     inkscape:window-x="0"
+     inkscape:window-y="24"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Livello_1" /><g
+     id="Livello_114"><path
+       d="M135.055,115.131c0-3.528-2.861-6.396-6.395-6.396c-8.83,0-15.988-7.158-15.988-15.99V54.367   c0-20.006-14.209-36.709-33.139-40.679c0.588-1.242,0.928-2.628,0.928-4.095C80.462,4.296,76.165,0,70.866,0   c-5.299,0-9.594,4.296-9.594,9.598c0,1.467,0.339,2.853,0.927,4.095c-18.928,3.97-33.137,20.673-33.137,40.679v38.377   c0,8.832-7.159,15.99-15.99,15.99c-3.533,0-6.396,2.864-6.396,6.396c0,3.531,2.862,6.396,6.396,6.396h15.99h29.011   c0,9.716,5.729,17.591,12.793,17.591c7.064,0,12.792-7.875,12.792-17.591h29.014h15.988l0,0   C132.194,121.526,135.055,118.664,135.055,115.131"
+       id="path4198"
+       style="fill:#ffffff" /></g><g
+     id="Livello_1_1_" /></svg>
\ No newline at end of file
diff --git a/public_html/image/header/notif/menu.svg b/public_html/image/header/notif/menu.svg
new file mode 100644
index 0000000..4701211
--- /dev/null
+++ b/public_html/image/header/notif/menu.svg
@@ -0,0 +1,74 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   height="16px"
+   version="1.1"
+   viewBox="0 0 16 16"
+   width="16px"
+   id="svg4207"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="menu.svg">
+  <metadata
+     id="metadata4221">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="640"
+     inkscape:window-height="480"
+     id="namedview4219"
+     showgrid="false"
+     inkscape:zoom="14.75"
+     inkscape:cx="8"
+     inkscape:cy="8"
+     inkscape:window-x="0"
+     inkscape:window-y="24"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg4207" />
+  <title
+     id="title4209" />
+  <desc
+     id="desc4211" />
+  <defs
+     id="defs4213" />
+  <g
+     fill="none"
+     fill-rule="evenodd"
+     id="Page-1"
+     stroke="none"
+     stroke-width="1">
+    <g
+       fill="#000000"
+       id="Core"
+       transform="translate(-340.000000, -4.000000)">
+      <g
+         id="apps"
+         transform="translate(340.000000, 4.000000)">
+        <path
+           d="M0,4 L4,4 L4,0 L0,0 L0,4 L0,4 Z M6,16 L10,16 L10,12 L6,12 L6,16 L6,16 Z M0,16 L4,16 L4,12 L0,12 L0,16 L0,16 Z M0,10 L4,10 L4,6 L0,6 L0,10 L0,10 Z M6,10 L10,10 L10,6 L6,6 L6,10 L6,10 Z M12,0 L12,4 L16,4 L16,0 L12,0 L12,0 Z M6,4 L10,4 L10,0 L6,0 L6,4 L6,4 Z M12,10 L16,10 L16,6 L12,6 L12,10 L12,10 Z M12,16 L16,16 L16,12 L12,12 L12,16 L12,16 Z"
+           id="Shape"
+           style="fill:#ffffff" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/public_html/image/header/notif/message.svg b/public_html/image/header/notif/message.svg
new file mode 100644
index 0000000..1c87d15
--- /dev/null
+++ b/public_html/image/header/notif/message.svg
@@ -0,0 +1,46 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   enable-background="new 0 0 24 24"
+   height="24px"
+   id="Layer_1"
+   version="1.1"
+   viewBox="0 0 24 24"
+   width="24px"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="message.svg"><metadata
+     id="metadata4230"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs4228" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="640"
+     inkscape:window-height="480"
+     id="namedview4226"
+     showgrid="false"
+     inkscape:zoom="9.8333333"
+     inkscape:cx="12"
+     inkscape:cy="12"
+     inkscape:window-x="0"
+     inkscape:window-y="24"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="Layer_1" /><path
+     clip-rule="evenodd"
+     d="M11.984,13C10.031,13-0.031,4.891-0.031,4.891V4c0-1.104,0.896-2,2.002-2h20.026  C23.104,2,24,2.896,24,4l-0.016,1C23.984,5,14.031,13,11.984,13z M11.984,15.75c2.141,0,12-7.75,12-7.75L24,20  c0,1.104-0.896,2-2.003,2H1.971c-1.105,0-2.002-0.896-2.002-2l0.016-12C-0.016,8,10.031,15.75,11.984,15.75z"
+     fill-rule="evenodd"
+     id="path4224"
+     style="fill:#ffffff" /></svg>
\ No newline at end of file
diff --git a/public_html/image/header/notif/search.svg b/public_html/image/header/notif/search.svg
new file mode 100644
index 0000000..89c085d
--- /dev/null
+++ b/public_html/image/header/notif/search.svg
@@ -0,0 +1,44 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   height="512px"
+   id="Layer_1"
+   style="enable-background:new 0 0 512 512;"
+   version="1.1"
+   viewBox="0 0 512 512"
+   width="512px"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="search.svg"><metadata
+     id="metadata4239"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs4237" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1056"
+     id="namedview4235"
+     showgrid="false"
+     inkscape:zoom="0.4609375"
+     inkscape:cx="256"
+     inkscape:cy="516.33898"
+     inkscape:window-x="0"
+     inkscape:window-y="24"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Layer_1" /><path
+     d="M445,386.7l-84.8-85.9c13.8-24.1,21-50.9,21-77.9c0-87.6-71.2-158.9-158.6-158.9C135.2,64,64,135.3,64,222.9  c0,87.6,71.2,158.9,158.6,158.9c27.9,0,55.5-7.7,80.1-22.4l84.4,85.6c1.9,1.9,4.6,3.1,7.3,3.1c2.7,0,5.4-1.1,7.3-3.1l43.3-43.8  C449,397.1,449,390.7,445,386.7z M222.6,125.9c53.4,0,96.8,43.5,96.8,97c0,53.5-43.4,97-96.8,97c-53.4,0-96.8-43.5-96.8-97  C125.8,169.4,169.2,125.9,222.6,125.9z"
+     id="path4233"
+     style="fill:#ffffff" /></svg>
\ No newline at end of file
diff --git a/public_html/image/leaf.svg b/public_html/image/leaf.svg
new file mode 100644
index 0000000..20d068d
--- /dev/null
+++ b/public_html/image/leaf.svg
@@ -0,0 +1,122 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   height="20.299726"
+   id="svg17515"
+   version="1.1"
+   viewBox="0 0 20.300547 20.299727"
+   width="20.300547"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="leaf.svg">
+  <metadata
+     id="metadata4242">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1056"
+     id="namedview4240"
+     showgrid="false"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:zoom="7.4375"
+     inkscape:cx="9.2732193"
+     inkscape:cy="-8.533034"
+     inkscape:window-x="0"
+     inkscape:window-y="24"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg17515" />
+  <defs
+     id="defs17517">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath32617-9-8-8-9">
+      <circle
+         cx="-64.623535"
+         cy="50.047192"
+         id="path32619-2-3-5-1"
+         r="38.553814"
+         style="fill:#4bb7c0;fill-opacity:1;stroke:none"
+         transform="matrix(9.3443438,0,0,9.3443438,-627.91229,-5859.5225)" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath19550">
+      <circle
+         cx="-64.623535"
+         cy="50.047192"
+         id="circle19552"
+         r="38.553814"
+         style="fill:#4bb7c0;fill-opacity:1;stroke:none"
+         transform="matrix(9.3443438,0,0,9.3443438,-627.91229,-5859.5225)" />
+    </clipPath>
+  </defs>
+  <g
+     id="layer1"
+     transform="matrix(0.70710678,0.70710678,-0.70710678,0.70710678,731.72834,-734.05521)">
+    <g
+       id="g41012"
+       style="display:inline"
+       transform="translate(771.91739,120.01351)">
+      <path
+         d="m -748.16739,916.09845 c 0,6.4893 -4.71244,9.5 -7.75,9.5 -3.03756,0 -7.75,-3.0107 -7.75,-9.5 0,-6.4893 7.75,-14 7.75,-14 0,0 7.75,7.5107 7.75,14 z"
+         id="path24016"
+         style="opacity:1;fill:#88b03c;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         inkscape:connector-curvature="0" />
+      <g
+         id="g40993"
+         transform="translate(0.13258252,0)">
+        <path
+           d="m -756.36719,-114.06055 a 0.50005,0.50005 0 0 0 -0.49219,0.50782 l 0,5.03515 -1.89062,-1.89062 a 0.50004997,0.50004997 0 0 0 -0.35938,-0.15235 0.50004997,0.50004997 0 0 0 -0.34765,0.85938 l 2.59765,2.59765 0,2.83594 -2.39062,-2.39062 a 0.50005,0.50005 0 0 0 -0.35938,-0.15235 0.50005,0.50005 0 0 0 -0.34765,0.85938 l 3.09765,3.09765 0,2.83594 -2.64062,-2.64062 a 0.50004994,0.50004994 0 0 0 -0.35938,-0.15235 0.50004994,0.50004994 0 0 0 -0.34765,0.85938 l 3.34765,3.347654 0,3.742188 c 0.32495,0.05865 0.64277,0.09766 0.94141,0.09766 0.0189,0 0.0395,-0.0037 0.0586,-0.0039 l 0,-3.835938 3.34961,-3.347654 a 0.50004994,0.50004994 0 1 0 -0.70703,-0.70703 l -2.64258,2.64062 0,-2.83594 3.09961,-3.09765 a 0.50005,0.50005 0 1 0 -0.70703,-0.70703 l -2.39258,2.39062 0,-2.83594 2.59961,-2.59765 a 0.50004997,0.50004997 0 1 0 -0.70703,-0.70703 l -1.89258,1.89062 0,-5.03515 a 0.50005,0.50005 0 0 0 -0.50781,-0.50782 z"
+           id="path40983"
+           style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;white-space:normal;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#81a53c;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+           transform="translate(-0.13258252,1020.3622)"
+           inkscape:connector-curvature="0" />
+      </g>
+      <path
+         d="m -755.92578,906.09766 a 0.50005,0.50005 0 0 0 -0.49219,0.50781 l 0,23.48633 a 0.50005,0.50005 0 1 0 1,0 l 0,-23.48633 a 0.50005,0.50005 0 0 0 -0.50781,-0.50781 z"
+         id="path24019"
+         style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;white-space:normal;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#94b84f;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+         inkscape:connector-curvature="0" />
+      <path
+         d="m -758.66797,909.59766 a 0.50004997,0.50004997 0 0 0 -0.34765,0.85937 l 2.74414,2.74414 a 0.50004997,0.50004997 0 0 0 0.70703,0 l 2.74609,-2.74414 a 0.50004997,0.50004997 0 1 0 -0.70703,-0.70703 l -2.39258,2.39062 -2.39062,-2.39062 a 0.50004997,0.50004997 0 0 0 -0.35938,-0.15234 z"
+         id="path24021"
+         style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;white-space:normal;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#94b84f;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.99999994px;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+         inkscape:connector-curvature="0" />
+      <path
+         d="m -759.16797,913.34766 a 0.50005,0.50005 0 0 0 -0.34765,0.85937 l 3.24414,3.24414 a 0.50005,0.50005 0 0 0 0.70703,0 l 3.24609,-3.24414 A 0.50005,0.50005 0 1 0 -753.02539,913.5 l -2.89258,2.89062 -2.89062,-2.89062 a 0.50005,0.50005 0 0 0 -0.35938,-0.15234 z"
+         id="path24025"
+         style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;white-space:normal;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#94b84f;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+         inkscape:connector-curvature="0" />
+      <path
+         d="m -759.41797,917.34766 a 0.50004994,0.50004994 0 0 0 -0.34765,0.85937 l 3.49414,3.49414 a 0.50004994,0.50004994 0 0 0 0.70703,0 l 3.49609,-3.49414 A 0.50004994,0.50004994 0 1 0 -752.77539,917.5 l -3.14258,3.14062 -3.14062,-3.14062 a 0.50004994,0.50004994 0 0 0 -0.35938,-0.15234 z"
+         id="path24033"
+         style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;white-space:normal;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#94b84f;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.99999988px;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+         inkscape:connector-curvature="0" />
+    </g>
+  </g>
+</svg>
diff --git a/public_html/image/menu/dashboard.svg b/public_html/image/menu/dashboard.svg
new file mode 100644
index 0000000..ecbb277
--- /dev/null
+++ b/public_html/image/menu/dashboard.svg
@@ -0,0 +1 @@
+<?xml version="1.0" ?><svg height="48" viewBox="0 0 48 48" width="48" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h48v48h-48z" fill="none"/><path d="M6 26h16v-20h-16v20zm0 16h16v-12h-16v12zm20 0h16v-20h-16v20zm0-36v12h16v-12h-16z"/></svg>
\ No newline at end of file
diff --git a/public_html/image/menu/messages.svg b/public_html/image/menu/messages.svg
new file mode 100644
index 0000000..e576ad6
--- /dev/null
+++ b/public_html/image/menu/messages.svg
@@ -0,0 +1 @@
+<?xml version="1.0" ?><svg style="enable-background:new 0 0 24 24;" version="1.1" viewBox="0 0 24 24" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="info"/><g id="icons"><path d="M20,1H4C1.8,1,0,2.8,0,5v10c0,2.2,1.8,4,4,4v3c0,0.9,1.1,1.3,1.7,0.7L9.4,19H20c2.2,0,4-1.8,4-4V5   C24,2.8,22.2,1,20,1z M14,13H8c-0.6,0-1-0.4-1-1c0-0.6,0.4-1,1-1h6c0.6,0,1,0.4,1,1C15,12.6,14.6,13,14,13z M16,9H8   C7.4,9,7,8.6,7,8c0-0.6,0.4-1,1-1h8c0.6,0,1,0.4,1,1C17,8.6,16.6,9,16,9z" id="message"/></g></svg>
\ No newline at end of file
diff --git a/public_html/image/menu/profile.svg b/public_html/image/menu/profile.svg
new file mode 100644
index 0000000..90bf628
--- /dev/null
+++ b/public_html/image/menu/profile.svg
@@ -0,0 +1 @@
+<?xml version="1.0" ?><!DOCTYPE svg  PUBLIC '-//W3C//DTD SVG 1.1//EN'  'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'><svg enable-background="new 0 0 48 48" height="48px" id="Layer_1" version="1.1" viewBox="0 0 48 48" width="48px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path clip-rule="evenodd" d="M43,42H5c-2.209,0-4-1.791-4-4V17c0-2.209,1.791-4,4-4h15V9c0-2.209,1.791-4,4-4  s4,1.791,4,4v4h15c2.209,0,4,1.791,4,4v21C47,40.209,45.209,42,43,42z M17.014,34.488c0,0.003,0,0.004,0,0.004  c-0.004,0-0.018-0.781-0.018-0.781s1.166-0.601,2.031-1.378c0.507-0.417,0.741-1.362,0.741-1.362  c0.137-0.828,0.238-2.877,0.238-3.703c0-2.062-1.033-4.28-4.007-4.28V22.98v0.007c-2.974,0-4.007,2.219-4.007,4.28  c0,0.826,0.102,2.875,0.238,3.703c0,0,0.234,0.945,0.741,1.362c0.865,0.777,2.031,1.378,2.031,1.378s-0.014,0.781-0.018,0.781  c0,0,0-0.001,0-0.004c0,0,0.029,1.146,0.029,1.487c0,1.362-1.365,2.018-2.223,2.018c-0.002,0-0.002,0-0.003,0  c-2.593,0.113-3.205,0.976-3.21,0.984C9.419,39.23,9.199,39.482,8.998,40h14.004c-0.201-0.518-0.421-0.77-0.582-1.022  c-0.005-0.009-0.617-0.871-3.21-0.984c-0.001,0-0.001,0-0.003,0c-0.857,0-2.223-0.655-2.223-2.018  C16.984,35.634,17.014,34.488,17.014,34.488z M26,9c0-1.104-0.896-2-2-2s-2,0.896-2,2v6c0,1.104,0.896,2,2,2s2-0.896,2-2V9z M45,17  c0-1.104-0.896-2-2-2H28c0,2.209-1.791,4-4,4s-4-1.791-4-4H5c-1.104,0-2,0.896-2,2v21c0,1.104,0.896,2,2,2h1.797  c0.231-0.589,0.656-1.549,1.16-2.24c0.025-0.014,0.848-1.739,4.998-1.79c0.006-0.021,0.01-1.042,0.022-1.027  c-0.32-0.202-0.737-0.516-1.051-0.816c-0.255-0.156-1.161-1.029-1.452-2.583c-0.087-0.542-0.488-3.099-0.488-4.166  c0-3.171,1.265-6.381,5.953-6.381c0.021,0,0.1,0,0.121,0c4.688,0,5.953,3.21,5.953,6.381c0,1.067-0.401,3.624-0.488,4.166  c-0.291,1.554-1.197,2.427-1.452,2.583c-0.313,0.301-0.73,0.614-1.051,0.816c0.013-0.015,0.017,1.007,0.022,1.027  c4.151,0.051,4.974,1.776,4.998,1.79c0.504,0.691,0.929,1.651,1.16,2.24H43c1.104,0,2-0.896,2-2V17z M40,26H28c-0.553,0-1-0.447-1-1  s0.447-1,1-1h12c0.553,0,1,0.447,1,1S40.553,26,40,26z M28,30h2c0.553,0,1,0.447,1,1s-0.447,1-1,1h-2c-0.553,0-1-0.447-1-1  S27.447,30,28,30z M28,34h6c0.553,0,1,0.447,1,1s-0.447,1-1,1h-6c-0.553,0-1-0.447-1-1S27.447,34,28,34z M32,31c0-0.553,0.447-1,1-1  h4c0.553,0,1,0.447,1,1s-0.447,1-1,1h-4C32.447,32,32,31.553,32,31z M23,9h2v2h-2V9z" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/view/home.php b/view/home.php
index e5f7457..10cbfd8 100755
--- a/view/home.php
+++ b/view/home.php
@@ -13,7 +13,10 @@
 	<link rel='shortcut icon' href='/favicon.ico'>
 
 	<!-- CSS dependencies -->
+	<link rel='stylesheet' type='text/css' href='/css/font-loader.css'>
 	<link rel='stylesheet' type='text/css' href='/css/layout.css'>
+		<link rel='stylesheet' type='text/css' href='/css/menu.css'>
+		<link rel='stylesheet' type='text/css' href='/css/header.css'>
 
 	<!-- JS dependencies -->
 	<script type='text/javascript' src='/js/_SERVER.js'></script>
diff --git a/view/main.js b/view/main.js
index a809545..4547727 100755
--- a/view/main.js
+++ b/view/main.js
@@ -8,7 +8,7 @@ import {API} from './lib/api-es6'
 import {WSClient,WSClientBuilder} from './lib/ws-client-es6'
 
 /* (3) Vues */
-import main_vue from './vue/main.vue'
+import wrapper_vue from './vue/wrapper.vue'
 
 
 /* (2) Initialisation
@@ -19,11 +19,15 @@ window.api = new API("http://ndli1718/api/v/1.0/");
 /* (2) wsclient */
 window.wsc = new WSClientBuilder("wss://websocket.xdrm.io");
 
-/* (3) Render view */
+/* (3) global store init */
+require('./vue-config');
+window.gstore.add('server', window._SERVER);
+
+/* (4) Render view */
 new Vue({
 	el:     '#main-vue',
-	render: h => h(main_vue),
-	data:   {
-	  'server': window._SERVER
+	render: h => h(wrapper_vue),
+	data: {
+	  gstore: window.gstore.data
 	}
 })
diff --git a/view/vue/main.vue b/view/vue/main.vue
deleted file mode 100755
index a2cec9b..0000000
--- a/view/vue/main.vue
+++ /dev/null
@@ -1,55 +0,0 @@
-<template>
-	<div id="root">
-
-		<header-comp></header-comp>
-
-		<span>message: {{ msg }}</span>
-
-	</div>
-</template>
-
-<script>
-
-import header_vue from './header.vue';
-
-
-export default {
-	name: 'root',
-	data(){ return {
-		msg: 'Main vue component'
-	}; },
-	components: {
-		'HeaderComp': header_vue
-	}
-}
-</script>
-
-<style>
-#root {
-	font-family: 'Avenir', Helvetica, Arial, sans-serif;
-	-webkit-font-smoothing: antialiased;
-	-moz-osx-font-smoothing: grayscale;
-	text-align: center;
-	color: #2c3e50;
-	margin-top: 60px;
-}
-
-h1, h2 {
-	font-weight: normal;
-}
-
-ul {
-	list-style-type: none;
-	padding: 0;
-}
-
-li {
-	display: inline-block;
-	margin: 0 10px;
-}
-
-a {
-	color: #42b983;
-}
-</style>
-
diff --git a/view/vue/wrapper.vue b/view/vue/wrapper.vue
new file mode 100755
index 0000000..d5e094a
--- /dev/null
+++ b/view/vue/wrapper.vue
@@ -0,0 +1,35 @@
+<template>
+	<div id="WRAPPER">
+
+		<!-- Header -->
+		<header-comp></header-comp>
+
+		<!-- Menu -->
+		<menu-comp></menu-comp>
+
+		<span>message: {{ msg }}</span>
+
+	</div>
+</template>
+
+
+
+
+
+<script>
+
+import header_vue from './header.vue';
+import menu_vue   from './menu.vue';
+
+
+export default {
+	name: 'wrapper',
+	data(){ return {
+		msg: 'Main vue component'
+	}; },
+	components: {
+		'HeaderComp': header_vue,
+		'MenuComp': menu_vue
+	}
+}
+</script>
\ No newline at end of file