diff --git a/learn8ks/SVG/horizontal_black.svg b/learn8ks/SVG/horizontal_black.svg
new file mode 100644
index 0000000..5356835
--- /dev/null
+++ b/learn8ks/SVG/horizontal_black.svg
@@ -0,0 +1,220 @@
+<?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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="585.83075"
+   height="210.77914"
+   viewBox="0 0 155.00106 55.768646"
+   version="1.1"
+   id="svg8"
+   inkscape:version="0.92.2 (5c3e80d, 2017-08-06)"
+   sodipodi:docname="horizontal_black.svg"
+   inkscape:export-filename="/home/anxhelo/Desktop/Design/learn8ks/horizontal_color.png"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96">
+  <defs
+     id="defs2" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.98994949"
+     inkscape:cx="292.43152"
+     inkscape:cy="87.040683"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     inkscape:document-rotation="0"
+     showgrid="false"
+     borderlayer="true"
+     inkscape:showpageshadow="false"
+     units="px"
+     inkscape:pagecheckerboard="false"
+     showguides="true"
+     inkscape:window-width="1366"
+     inkscape:window-height="710"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0">
+    <inkscape:grid
+       type="xygrid"
+       id="grid10"
+       originx="-151.66972"
+       originy="-76.554831" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata5">
+    <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
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-151.66971,-164.67653)">
+    <g
+       id="g1770"
+       style="fill:#000000">
+      <g
+         transform="matrix(0.76356184,0,0,-0.76356184,192.64702,190.47809)"
+         id="g20"
+         style="fill:#000000">
+        <path
+           inkscape:connector-curvature="0"
+           id="path22"
+           style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 0,0 c -1.5,0 -2.721,-1.221 -2.721,-2.721 0,-1.5 1.221,-2.72 2.721,-2.72 1.5,0 2.721,1.22 2.721,2.72 C 2.721,-1.221 1.5,0 0,0" />
+      </g>
+      <g
+         transform="matrix(0.76356184,0,0,-0.76356184,192.64702,197.22965)"
+         id="g24"
+         style="fill:#000000">
+        <path
+           inkscape:connector-curvature="0"
+           id="path26"
+           style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 0,0 c -2.167,0 -4.067,1.129 -5.155,2.829 -0.883,-2.144 -1.76,-4.597 -2.426,-6.462 -2.459,-6.884 -4.163,-11.363 -6.407,-12.886 -1.111,-1.137 -2.66,-1.846 -4.377,-1.846 -3.38,0 -6.121,2.741 -6.121,6.122 0,2.167 1.129,4.067 2.829,5.155 -2.144,0.883 -4.597,1.76 -6.462,2.426 -6.884,2.459 -11.363,4.163 -12.885,6.407 -1.138,1.111 -1.846,2.66 -1.846,4.376 0,3.381 2.74,6.122 6.121,6.122 2.167,0 4.067,-1.129 5.155,-2.829 0.883,2.144 1.76,4.597 2.426,6.462 2.459,6.884 4.163,11.363 6.407,12.885 1.111,1.138 2.66,1.846 4.376,1.846 3.381,0 6.122,-2.74 6.122,-6.121 0,-2.167 -1.129,-4.067 -2.829,-5.155 2.144,-0.883 4.597,-1.76 6.462,-2.426 C -1.726,14.446 2.753,12.742 4.276,10.498 5.413,9.387 6.122,7.838 6.122,6.121 6.122,2.741 3.381,0 0,0 m -14.527,41.548 c -1.447,1.447 -3.793,1.447 -5.24,0 L -52.58,8.735 c -1.448,-1.447 -1.448,-3.794 0,-5.241 l 32.813,-32.813 c 1.447,-1.447 3.793,-1.447 5.24,0 L 18.286,3.494 c 1.447,1.447 1.447,3.794 0,5.241 z" />
+      </g>
+      <g
+         transform="matrix(0.76356184,0,0,-0.76356184,164.60214,190.47809)"
+         id="g28"
+         style="fill:#000000">
+        <path
+           inkscape:connector-curvature="0"
+           id="path30"
+           style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 0,0 c -1.5,0 -2.721,-1.221 -2.721,-2.721 0,-1.5 1.221,-2.72 2.721,-2.72 1.5,0 2.721,1.22 2.721,2.72 C 2.721,-1.221 1.5,0 0,0" />
+      </g>
+      <g
+         transform="matrix(0.76356184,0,0,-0.76356184,178.62458,204.50052)"
+         id="g32"
+         style="fill:#000000">
+        <path
+           inkscape:connector-curvature="0"
+           id="path34"
+           style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 0,0 c -1.5,0 -2.721,-1.22 -2.721,-2.721 0,-1.5 1.221,-2.72 2.721,-2.72 1.5,0 2.721,1.22 2.721,2.72 C 2.721,-1.22 1.5,0 0,0" />
+      </g>
+      <g
+         transform="matrix(0.76356184,0,0,-0.76356184,175.35998,181.87496)"
+         id="g36"
+         style="fill:#000000">
+        <path
+           inkscape:connector-curvature="0"
+           id="path38"
+           style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 0,0 c -0.333,0.326 -0.627,0.69 -0.879,1.084 -0.884,-2.144 -1.76,-4.597 -2.426,-6.461 -2.459,-6.885 -4.163,-11.363 -6.407,-12.886 -0.326,-0.334 -0.69,-0.627 -1.084,-0.88 2.143,-0.883 4.596,-1.76 6.461,-2.426 6.884,-2.458 11.363,-4.163 12.886,-6.407 0.333,-0.325 0.627,-0.689 0.879,-1.083 0.884,2.143 1.76,4.596 2.426,6.461 2.459,6.884 4.163,11.363 6.407,12.886 0.326,0.333 0.69,0.627 1.084,0.879 -2.143,0.883 -4.596,1.76 -6.461,2.426 C 6.002,-3.948 1.523,-2.244 0,0" />
+      </g>
+      <g
+         transform="matrix(0.76356184,0,0,-0.76356184,178.62458,180.61051)"
+         id="g40"
+         style="fill:#000000">
+        <path
+           inkscape:connector-curvature="0"
+           id="path42"
+           style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 0,0 c 1.5,0 2.721,1.221 2.721,2.721 0,1.5 -1.221,2.72 -2.721,2.72 -1.5,0 -2.721,-1.22 -2.721,-2.72 C -2.721,1.221 -1.5,0 0,0" />
+      </g>
+      <g
+         transform="matrix(0.76356184,0,0,-0.76356184,220.35368,197.55317)"
+         id="g44"
+         style="fill:#000000">
+        <path
+           inkscape:connector-curvature="0"
+           id="path46"
+           style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 0,0 c -0.183,0.183 -0.314,0.426 -0.396,0.729 -0.081,0.305 -0.121,0.69 -0.121,1.157 V 20.894 L -3.346,20.407 V 1.43 c 0,-1.501 0.366,-2.607 1.096,-3.316 0.729,-0.71 1.966,-1.085 3.71,-1.125 l 0.395,2.372 C 1.409,-0.578 1.034,-0.502 0.73,-0.411 0.426,-0.319 0.183,-0.183 0,0" />
+      </g>
+      <g
+         transform="matrix(0.76356184,0,0,-0.76356184,225.81078,192.4215)"
+         id="g48"
+         style="fill:#000000">
+        <path
+           inkscape:connector-curvature="0"
+           id="path50"
+           style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="M 0,0 C 0.061,0.548 0.187,1.085 0.38,1.612 0.573,2.14 0.841,2.605 1.186,3.012 1.531,3.417 1.951,3.746 2.448,4 2.945,4.253 3.518,4.38 4.167,4.38 5.322,4.38 6.229,3.97 6.889,3.148 7.547,2.327 7.867,1.277 7.847,0 Z M 4.197,6.782 C 3.285,6.782 2.392,6.61 1.521,6.266 0.648,5.921 -0.122,5.403 -0.791,4.715 -1.46,4.025 -1.997,3.158 -2.403,2.114 -2.809,1.069 -3.011,-0.151 -3.011,-1.551 c 0,-1.196 0.157,-2.296 0.471,-3.3 0.314,-1.003 0.796,-1.87 1.445,-2.6 0.649,-0.73 1.475,-1.303 2.479,-1.718 1.004,-0.416 2.194,-0.624 3.574,-0.624 1.094,0 2.072,0.102 2.934,0.305 0.862,0.202 1.465,0.395 1.81,0.577 L 9.307,-6.538 C 8.961,-6.701 8.45,-6.868 7.771,-7.04 7.091,-7.213 6.255,-7.299 5.262,-7.299 c -1.764,0 -3.062,0.426 -3.893,1.278 -0.832,0.851 -1.308,2.098 -1.43,3.741 h 10.828 c 0.019,0.162 0.03,0.339 0.03,0.532 v 0.471 c 0,2.716 -0.568,4.739 -1.703,6.068 C 7.958,6.118 6.326,6.782 4.197,6.782" />
+      </g>
+      <g
+         transform="matrix(0.76356184,0,0,-0.76356184,243.59902,197.90144)"
+         id="g52"
+         style="fill:#000000">
+        <path
+           inkscape:connector-curvature="0"
+           id="path54"
+           style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 0,0 c -0.345,-0.082 -0.775,-0.138 -1.292,-0.168 -0.518,-0.03 -1.11,-0.045 -1.78,-0.045 -1.115,0 -1.997,0.197 -2.646,0.593 -0.649,0.395 -0.973,1.099 -0.973,2.113 0,0.548 0.132,0.989 0.396,1.323 0.263,0.335 0.593,0.598 0.988,0.791 0.395,0.193 0.831,0.32 1.308,0.38 0.476,0.061 0.927,0.092 1.353,0.092 0.649,0 1.202,-0.036 1.658,-0.106 C -0.532,4.901 -0.203,4.814 0,4.714 Z m 1.445,12.271 c -0.477,0.538 -1.106,0.954 -1.886,1.248 -0.781,0.294 -1.739,0.44 -2.874,0.44 -0.994,0 -1.916,-0.075 -2.768,-0.228 -0.851,-0.152 -1.459,-0.309 -1.824,-0.471 l 0.334,-2.342 c 0.345,0.142 0.867,0.278 1.567,0.411 0.699,0.131 1.515,0.197 2.448,0.197 0.73,0 1.323,-0.106 1.779,-0.319 0.456,-0.213 0.816,-0.497 1.08,-0.852 C -0.436,10 -0.253,9.595 -0.152,9.139 -0.051,8.683 0,8.222 0,7.755 V 6.964 c -0.081,0.02 -0.223,0.051 -0.426,0.092 -0.202,0.04 -0.441,0.086 -0.714,0.136 -0.274,0.051 -0.563,0.091 -0.867,0.122 -0.304,0.031 -0.598,0.045 -0.882,0.045 -0.893,0 -1.744,-0.09 -2.555,-0.273 C -6.255,6.903 -6.964,6.619 -7.573,6.234 -8.181,5.849 -8.663,5.342 -9.018,4.714 -9.373,4.085 -9.55,3.335 -9.55,2.463 c 0,-0.912 0.153,-1.693 0.457,-2.342 0.304,-0.649 0.73,-1.171 1.277,-1.566 0.547,-0.396 1.196,-0.684 1.946,-0.867 0.75,-0.182 1.572,-0.274 2.464,-0.274 0.628,0 1.262,0.026 1.901,0.076 0.638,0.051 1.232,0.107 1.779,0.168 0.547,0.061 1.038,0.126 1.475,0.197 0.436,0.072 0.775,0.126 1.019,0.167 v 9.885 c 0,0.892 -0.102,1.708 -0.304,2.448 -0.203,0.741 -0.543,1.379 -1.019,1.916" />
+      </g>
+      <g
+         transform="matrix(0.76356184,0,0,-0.76356184,255.09423,187.41666)"
+         id="g56"
+         style="fill:#000000">
+        <path
+           inkscape:connector-curvature="0"
+           id="path58"
+           style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 0,0 c -0.305,0.05 -0.614,0.091 -0.928,0.121 -0.314,0.031 -0.593,0.046 -0.837,0.046 -1.236,0 -2.351,-0.106 -3.345,-0.319 -0.994,-0.213 -1.825,-0.441 -2.494,-0.685 v -15.145 h 2.829 v 13.291 c 0.162,0.04 0.502,0.116 1.018,0.227 0.518,0.111 1.039,0.168 1.567,0.168 0.81,0 1.475,-0.057 1.992,-0.168 0.517,-0.111 0.886,-0.208 1.11,-0.289 l 0.486,2.464 C 1.277,-0.249 1.089,-0.203 0.836,-0.152 0.582,-0.102 0.304,-0.051 0,0" />
+      </g>
+      <g
+         transform="matrix(0.76356184,0,0,-0.76356184,266.97196,188.83338)"
+         id="g60"
+         style="fill:#000000">
+        <path
+           inkscape:connector-curvature="0"
+           id="path62"
+           style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 0,0 c -0.497,0.639 -1.161,1.136 -1.992,1.49 -0.831,0.355 -1.875,0.532 -3.133,0.532 -1.398,0 -2.636,-0.09 -3.71,-0.273 C -9.91,1.566 -10.771,1.394 -11.42,1.231 v -15.358 h 2.828 v 13.352 c 0.102,0.019 0.269,0.05 0.502,0.09 0.233,0.041 0.496,0.077 0.791,0.107 0.293,0.031 0.603,0.056 0.928,0.076 0.323,0.021 0.639,0.03 0.942,0.03 0.75,0 1.379,-0.095 1.886,-0.288 0.507,-0.193 0.912,-0.502 1.217,-0.927 0.304,-0.426 0.521,-0.985 0.653,-1.673 0.132,-0.69 0.198,-1.521 0.198,-2.494 v -8.273 h 2.829 v 8.881 c 0,1.074 -0.102,2.058 -0.304,2.95 C 0.847,-1.404 0.497,-0.639 0,0" />
+      </g>
+      <g
+         transform="matrix(0.76356184,0,0,-0.76356184,280.68477,196.0611)"
+         id="g64"
+         style="fill:#000000">
+        <path
+           inkscape:connector-curvature="0"
+           id="path66"
+           style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 0,0 c -0.608,0.812 -1.237,1.6 -1.886,2.361 -0.649,0.761 -1.277,1.416 -1.885,1.965 1.216,1.194 2.336,2.352 3.361,3.475 1.023,1.122 2.072,2.301 3.147,3.535 H -2.651 C -2.935,10.993 -3.274,10.59 -3.669,10.127 -4.064,9.663 -4.484,9.175 -4.93,8.66 -5.376,8.146 -5.837,7.627 -6.312,7.104 -6.788,6.579 -7.249,6.075 -7.694,5.592 V 18.939 L -12.227,18.21 V -4.661 h 4.533 v 7.012 c 0.505,-0.408 1.016,-0.905 1.532,-1.495 0.516,-0.588 1.007,-1.204 1.473,-1.843 0.465,-0.641 0.906,-1.281 1.32,-1.921 0.415,-0.641 0.784,-1.225 1.108,-1.753 H 2.95 C 2.605,-3.991 2.18,-3.25 1.673,-2.438 1.166,-1.625 0.608,-0.812 0,0" />
+      </g>
+      <g
+         transform="matrix(0.76356184,0,0,-0.76356184,291.52972,196.57636)"
+         id="g68"
+         style="fill:#000000">
+        <path
+           inkscape:connector-curvature="0"
+           id="path70"
+           style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 0,0 c -0.486,-0.509 -1.258,-0.763 -2.312,-0.763 -0.547,0 -1.013,0.081 -1.399,0.244 -0.385,0.163 -0.699,0.367 -0.942,0.61 -0.243,0.244 -0.421,0.513 -0.533,0.807 -0.111,0.295 -0.167,0.565 -0.167,0.809 0,0.793 0.193,1.474 0.578,2.043 0.385,0.569 0.862,1.067 1.429,1.494 0.568,-0.182 1.1,-0.381 1.597,-0.595 C -1.252,4.436 -0.821,4.192 -0.456,3.918 -0.092,3.644 0.197,3.323 0.41,2.957 0.623,2.592 0.729,2.175 0.729,1.707 0.729,1.077 0.486,0.508 0,0 m -4.744,12.41 c 0.1,0.263 0.258,0.511 0.471,0.743 0.212,0.233 0.481,0.42 0.806,0.562 0.323,0.141 0.709,0.212 1.155,0.212 0.466,0 0.862,-0.075 1.187,-0.228 0.323,-0.151 0.593,-0.339 0.806,-0.56 0.213,-0.223 0.365,-0.46 0.456,-0.713 0.091,-0.253 0.136,-0.49 0.136,-0.713 0,-0.769 -0.171,-1.415 -0.516,-1.941 -0.346,-0.526 -0.842,-0.991 -1.49,-1.395 -1.157,0.404 -1.973,0.89 -2.449,1.456 -0.476,0.565 -0.714,1.172 -0.714,1.819 0,0.243 0.049,0.495 0.152,0.758 m 6.69,-5.28 c 0.771,0.485 1.414,1.149 1.932,1.989 0.517,0.84 0.775,1.746 0.775,2.718 0,0.669 -0.127,1.342 -0.38,2.019 -0.253,0.678 -0.665,1.291 -1.232,1.837 -0.567,0.547 -1.292,0.997 -2.175,1.352 -0.882,0.354 -1.941,0.532 -3.178,0.532 -1.054,0 -2.012,-0.168 -2.874,-0.502 -0.862,-0.334 -1.596,-0.779 -2.205,-1.336 -0.608,-0.556 -1.08,-1.21 -1.414,-1.959 -0.335,-0.749 -0.502,-1.528 -0.502,-2.339 0,-1.072 0.208,-1.953 0.623,-2.641 0.416,-0.689 1.06,-1.388 1.932,-2.096 C -7.158,6.399 -7.538,6.074 -7.893,5.729 -8.247,5.385 -8.566,5.004 -8.851,4.588 -9.135,4.171 -9.357,3.709 -9.52,3.202 -9.682,2.694 -9.763,2.136 -9.763,1.526 c 0,-0.589 0.121,-1.233 0.366,-1.933 0.243,-0.7 0.653,-1.345 1.231,-1.934 0.578,-0.59 1.338,-1.082 2.281,-1.477 0.943,-0.396 2.123,-0.594 3.543,-0.594 1.237,0 2.326,0.158 3.27,0.472 0.942,0.314 1.728,0.756 2.356,1.325 0.629,0.568 1.1,1.233 1.415,1.994 C 5.013,0.141 5.17,0.979 5.17,1.892 5.17,2.988 4.922,3.947 4.425,4.77 3.928,5.592 3.103,6.379 1.946,7.13" />
+      </g>
+      <g
+         transform="matrix(0.76356184,0,0,-0.76356184,306.49667,194.94042)"
+         id="g72"
+         style="fill:#000000">
+        <path
+           inkscape:connector-curvature="0"
+           id="path74"
+           style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="M 0,0 C -0.152,0.506 -0.416,0.966 -0.791,1.381 -1.166,1.795 -1.678,2.182 -2.327,2.539 -2.976,2.896 -3.797,3.26 -4.79,3.628 -5.277,3.812 -5.678,3.98 -5.991,4.134 -6.307,4.287 -6.555,4.43 -6.736,4.562 c -0.183,0.131 -0.305,0.268 -0.366,0.41 -0.06,0.141 -0.091,0.304 -0.091,0.487 0,0.79 0.71,1.186 2.129,1.186 0.77,0 1.464,-0.072 2.084,-0.213 0.618,-0.142 1.19,-0.304 1.717,-0.487 l 0.791,3.529 c -0.527,0.202 -1.237,0.389 -2.129,0.562 -0.892,0.172 -1.825,0.258 -2.797,0.258 -1.947,0 -3.478,-0.436 -4.593,-1.308 -1.115,-0.872 -1.673,-2.057 -1.673,-3.557 0,-0.772 0.111,-1.43 0.335,-1.978 0.223,-0.547 0.537,-1.018 0.942,-1.414 0.406,-0.395 0.898,-0.735 1.476,-1.018 0.578,-0.285 1.221,-0.559 1.931,-0.822 0.913,-0.344 1.591,-0.654 2.038,-0.927 0.446,-0.274 0.669,-0.593 0.669,-0.958 0,-0.467 -0.172,-0.782 -0.517,-0.944 -0.346,-0.162 -0.933,-0.243 -1.765,-0.243 -0.79,0 -1.591,0.086 -2.402,0.259 -0.812,0.172 -1.602,0.411 -2.372,0.715 l -0.761,-3.68 c 0.365,-0.163 1.02,-0.365 1.962,-0.608 0.943,-0.244 2.124,-0.366 3.543,-0.366 2.17,0 3.848,0.406 5.034,1.214 1.186,0.81 1.779,2.003 1.779,3.581 C 0.228,-1.093 0.152,-0.506 0,0" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/learn8ks/SVG/horizontal_color.svg b/learn8ks/SVG/horizontal_color.svg
new file mode 100644
index 0000000..cf2e625
--- /dev/null
+++ b/learn8ks/SVG/horizontal_color.svg
@@ -0,0 +1,202 @@
+<?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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="585.83075"
+   height="210.77914"
+   viewBox="0 0 155.00106 55.768646"
+   version="1.1"
+   id="svg8"
+   inkscape:version="0.92.2 (5c3e80d, 2017-08-06)"
+   sodipodi:docname="horizontal_color.svg">
+  <defs
+     id="defs2" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.98994949"
+     inkscape:cx="292.43152"
+     inkscape:cy="87.040683"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     inkscape:document-rotation="0"
+     showgrid="false"
+     borderlayer="true"
+     inkscape:showpageshadow="false"
+     units="px"
+     inkscape:pagecheckerboard="false"
+     showguides="true"
+     inkscape:window-width="1366"
+     inkscape:window-height="710"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0">
+    <inkscape:grid
+       type="xygrid"
+       id="grid10"
+       originx="-151.66972"
+       originy="-76.554831" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata5">
+    <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
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-151.66971,-164.67653)">
+    <g
+       id="g1770">
+      <g
+         transform="matrix(0.76356184,0,0,-0.76356184,192.64702,190.47809)"
+         id="g20">
+        <path
+           inkscape:connector-curvature="0"
+           id="path22"
+           style="fill:#326ce5;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 0,0 c -1.5,0 -2.721,-1.221 -2.721,-2.721 0,-1.5 1.221,-2.72 2.721,-2.72 1.5,0 2.721,1.22 2.721,2.72 C 2.721,-1.221 1.5,0 0,0" />
+      </g>
+      <g
+         transform="matrix(0.76356184,0,0,-0.76356184,192.64702,197.22965)"
+         id="g24">
+        <path
+           inkscape:connector-curvature="0"
+           id="path26"
+           style="fill:#326ce5;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 0,0 c -2.167,0 -4.067,1.129 -5.155,2.829 -0.883,-2.144 -1.76,-4.597 -2.426,-6.462 -2.459,-6.884 -4.163,-11.363 -6.407,-12.886 -1.111,-1.137 -2.66,-1.846 -4.377,-1.846 -3.38,0 -6.121,2.741 -6.121,6.122 0,2.167 1.129,4.067 2.829,5.155 -2.144,0.883 -4.597,1.76 -6.462,2.426 -6.884,2.459 -11.363,4.163 -12.885,6.407 -1.138,1.111 -1.846,2.66 -1.846,4.376 0,3.381 2.74,6.122 6.121,6.122 2.167,0 4.067,-1.129 5.155,-2.829 0.883,2.144 1.76,4.597 2.426,6.462 2.459,6.884 4.163,11.363 6.407,12.885 1.111,1.138 2.66,1.846 4.376,1.846 3.381,0 6.122,-2.74 6.122,-6.121 0,-2.167 -1.129,-4.067 -2.829,-5.155 2.144,-0.883 4.597,-1.76 6.462,-2.426 C -1.726,14.446 2.753,12.742 4.276,10.498 5.413,9.387 6.122,7.838 6.122,6.121 6.122,2.741 3.381,0 0,0 m -14.527,41.548 c -1.447,1.447 -3.793,1.447 -5.24,0 L -52.58,8.735 c -1.448,-1.447 -1.448,-3.794 0,-5.241 l 32.813,-32.813 c 1.447,-1.447 3.793,-1.447 5.24,0 L 18.286,3.494 c 1.447,1.447 1.447,3.794 0,5.241 z" />
+      </g>
+      <g
+         transform="matrix(0.76356184,0,0,-0.76356184,164.60214,190.47809)"
+         id="g28">
+        <path
+           inkscape:connector-curvature="0"
+           id="path30"
+           style="fill:#326ce5;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 0,0 c -1.5,0 -2.721,-1.221 -2.721,-2.721 0,-1.5 1.221,-2.72 2.721,-2.72 1.5,0 2.721,1.22 2.721,2.72 C 2.721,-1.221 1.5,0 0,0" />
+      </g>
+      <g
+         transform="matrix(0.76356184,0,0,-0.76356184,178.62458,204.50052)"
+         id="g32">
+        <path
+           inkscape:connector-curvature="0"
+           id="path34"
+           style="fill:#326ce5;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 0,0 c -1.5,0 -2.721,-1.22 -2.721,-2.721 0,-1.5 1.221,-2.72 2.721,-2.72 1.5,0 2.721,1.22 2.721,2.72 C 2.721,-1.22 1.5,0 0,0" />
+      </g>
+      <g
+         transform="matrix(0.76356184,0,0,-0.76356184,175.35998,181.87496)"
+         id="g36">
+        <path
+           inkscape:connector-curvature="0"
+           id="path38"
+           style="fill:#326ce5;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 0,0 c -0.333,0.326 -0.627,0.69 -0.879,1.084 -0.884,-2.144 -1.76,-4.597 -2.426,-6.461 -2.459,-6.885 -4.163,-11.363 -6.407,-12.886 -0.326,-0.334 -0.69,-0.627 -1.084,-0.88 2.143,-0.883 4.596,-1.76 6.461,-2.426 6.884,-2.458 11.363,-4.163 12.886,-6.407 0.333,-0.325 0.627,-0.689 0.879,-1.083 0.884,2.143 1.76,4.596 2.426,6.461 2.459,6.884 4.163,11.363 6.407,12.886 0.326,0.333 0.69,0.627 1.084,0.879 -2.143,0.883 -4.596,1.76 -6.461,2.426 C 6.002,-3.948 1.523,-2.244 0,0" />
+      </g>
+      <g
+         transform="matrix(0.76356184,0,0,-0.76356184,178.62458,180.61051)"
+         id="g40">
+        <path
+           inkscape:connector-curvature="0"
+           id="path42"
+           style="fill:#326ce5;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 0,0 c 1.5,0 2.721,1.221 2.721,2.721 0,1.5 -1.221,2.72 -2.721,2.72 -1.5,0 -2.721,-1.22 -2.721,-2.72 C -2.721,1.221 -1.5,0 0,0" />
+      </g>
+      <g
+         transform="matrix(0.76356184,0,0,-0.76356184,220.35368,197.55317)"
+         id="g44">
+        <path
+           inkscape:connector-curvature="0"
+           id="path46"
+           style="fill:#326ce5;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 0,0 c -0.183,0.183 -0.314,0.426 -0.396,0.729 -0.081,0.305 -0.121,0.69 -0.121,1.157 V 20.894 L -3.346,20.407 V 1.43 c 0,-1.501 0.366,-2.607 1.096,-3.316 0.729,-0.71 1.966,-1.085 3.71,-1.125 l 0.395,2.372 C 1.409,-0.578 1.034,-0.502 0.73,-0.411 0.426,-0.319 0.183,-0.183 0,0" />
+      </g>
+      <g
+         transform="matrix(0.76356184,0,0,-0.76356184,225.81078,192.4215)"
+         id="g48">
+        <path
+           inkscape:connector-curvature="0"
+           id="path50"
+           style="fill:#326ce5;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="M 0,0 C 0.061,0.548 0.187,1.085 0.38,1.612 0.573,2.14 0.841,2.605 1.186,3.012 1.531,3.417 1.951,3.746 2.448,4 2.945,4.253 3.518,4.38 4.167,4.38 5.322,4.38 6.229,3.97 6.889,3.148 7.547,2.327 7.867,1.277 7.847,0 Z M 4.197,6.782 C 3.285,6.782 2.392,6.61 1.521,6.266 0.648,5.921 -0.122,5.403 -0.791,4.715 -1.46,4.025 -1.997,3.158 -2.403,2.114 -2.809,1.069 -3.011,-0.151 -3.011,-1.551 c 0,-1.196 0.157,-2.296 0.471,-3.3 0.314,-1.003 0.796,-1.87 1.445,-2.6 0.649,-0.73 1.475,-1.303 2.479,-1.718 1.004,-0.416 2.194,-0.624 3.574,-0.624 1.094,0 2.072,0.102 2.934,0.305 0.862,0.202 1.465,0.395 1.81,0.577 L 9.307,-6.538 C 8.961,-6.701 8.45,-6.868 7.771,-7.04 7.091,-7.213 6.255,-7.299 5.262,-7.299 c -1.764,0 -3.062,0.426 -3.893,1.278 -0.832,0.851 -1.308,2.098 -1.43,3.741 h 10.828 c 0.019,0.162 0.03,0.339 0.03,0.532 v 0.471 c 0,2.716 -0.568,4.739 -1.703,6.068 C 7.958,6.118 6.326,6.782 4.197,6.782" />
+      </g>
+      <g
+         transform="matrix(0.76356184,0,0,-0.76356184,243.59902,197.90144)"
+         id="g52">
+        <path
+           inkscape:connector-curvature="0"
+           id="path54"
+           style="fill:#326ce5;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 0,0 c -0.345,-0.082 -0.775,-0.138 -1.292,-0.168 -0.518,-0.03 -1.11,-0.045 -1.78,-0.045 -1.115,0 -1.997,0.197 -2.646,0.593 -0.649,0.395 -0.973,1.099 -0.973,2.113 0,0.548 0.132,0.989 0.396,1.323 0.263,0.335 0.593,0.598 0.988,0.791 0.395,0.193 0.831,0.32 1.308,0.38 0.476,0.061 0.927,0.092 1.353,0.092 0.649,0 1.202,-0.036 1.658,-0.106 C -0.532,4.901 -0.203,4.814 0,4.714 Z m 1.445,12.271 c -0.477,0.538 -1.106,0.954 -1.886,1.248 -0.781,0.294 -1.739,0.44 -2.874,0.44 -0.994,0 -1.916,-0.075 -2.768,-0.228 -0.851,-0.152 -1.459,-0.309 -1.824,-0.471 l 0.334,-2.342 c 0.345,0.142 0.867,0.278 1.567,0.411 0.699,0.131 1.515,0.197 2.448,0.197 0.73,0 1.323,-0.106 1.779,-0.319 0.456,-0.213 0.816,-0.497 1.08,-0.852 C -0.436,10 -0.253,9.595 -0.152,9.139 -0.051,8.683 0,8.222 0,7.755 V 6.964 c -0.081,0.02 -0.223,0.051 -0.426,0.092 -0.202,0.04 -0.441,0.086 -0.714,0.136 -0.274,0.051 -0.563,0.091 -0.867,0.122 -0.304,0.031 -0.598,0.045 -0.882,0.045 -0.893,0 -1.744,-0.09 -2.555,-0.273 C -6.255,6.903 -6.964,6.619 -7.573,6.234 -8.181,5.849 -8.663,5.342 -9.018,4.714 -9.373,4.085 -9.55,3.335 -9.55,2.463 c 0,-0.912 0.153,-1.693 0.457,-2.342 0.304,-0.649 0.73,-1.171 1.277,-1.566 0.547,-0.396 1.196,-0.684 1.946,-0.867 0.75,-0.182 1.572,-0.274 2.464,-0.274 0.628,0 1.262,0.026 1.901,0.076 0.638,0.051 1.232,0.107 1.779,0.168 0.547,0.061 1.038,0.126 1.475,0.197 0.436,0.072 0.775,0.126 1.019,0.167 v 9.885 c 0,0.892 -0.102,1.708 -0.304,2.448 -0.203,0.741 -0.543,1.379 -1.019,1.916" />
+      </g>
+      <g
+         transform="matrix(0.76356184,0,0,-0.76356184,255.09423,187.41666)"
+         id="g56">
+        <path
+           inkscape:connector-curvature="0"
+           id="path58"
+           style="fill:#326ce5;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 0,0 c -0.305,0.05 -0.614,0.091 -0.928,0.121 -0.314,0.031 -0.593,0.046 -0.837,0.046 -1.236,0 -2.351,-0.106 -3.345,-0.319 -0.994,-0.213 -1.825,-0.441 -2.494,-0.685 v -15.145 h 2.829 v 13.291 c 0.162,0.04 0.502,0.116 1.018,0.227 0.518,0.111 1.039,0.168 1.567,0.168 0.81,0 1.475,-0.057 1.992,-0.168 0.517,-0.111 0.886,-0.208 1.11,-0.289 l 0.486,2.464 C 1.277,-0.249 1.089,-0.203 0.836,-0.152 0.582,-0.102 0.304,-0.051 0,0" />
+      </g>
+      <g
+         transform="matrix(0.76356184,0,0,-0.76356184,266.97196,188.83338)"
+         id="g60">
+        <path
+           inkscape:connector-curvature="0"
+           id="path62"
+           style="fill:#326ce5;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 0,0 c -0.497,0.639 -1.161,1.136 -1.992,1.49 -0.831,0.355 -1.875,0.532 -3.133,0.532 -1.398,0 -2.636,-0.09 -3.71,-0.273 C -9.91,1.566 -10.771,1.394 -11.42,1.231 v -15.358 h 2.828 v 13.352 c 0.102,0.019 0.269,0.05 0.502,0.09 0.233,0.041 0.496,0.077 0.791,0.107 0.293,0.031 0.603,0.056 0.928,0.076 0.323,0.021 0.639,0.03 0.942,0.03 0.75,0 1.379,-0.095 1.886,-0.288 0.507,-0.193 0.912,-0.502 1.217,-0.927 0.304,-0.426 0.521,-0.985 0.653,-1.673 0.132,-0.69 0.198,-1.521 0.198,-2.494 v -8.273 h 2.829 v 8.881 c 0,1.074 -0.102,2.058 -0.304,2.95 C 0.847,-1.404 0.497,-0.639 0,0" />
+      </g>
+      <g
+         transform="matrix(0.76356184,0,0,-0.76356184,280.68477,196.0611)"
+         id="g64">
+        <path
+           inkscape:connector-curvature="0"
+           id="path66"
+           style="fill:#326ce5;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 0,0 c -0.608,0.812 -1.237,1.6 -1.886,2.361 -0.649,0.761 -1.277,1.416 -1.885,1.965 1.216,1.194 2.336,2.352 3.361,3.475 1.023,1.122 2.072,2.301 3.147,3.535 H -2.651 C -2.935,10.993 -3.274,10.59 -3.669,10.127 -4.064,9.663 -4.484,9.175 -4.93,8.66 -5.376,8.146 -5.837,7.627 -6.312,7.104 -6.788,6.579 -7.249,6.075 -7.694,5.592 V 18.939 L -12.227,18.21 V -4.661 h 4.533 v 7.012 c 0.505,-0.408 1.016,-0.905 1.532,-1.495 0.516,-0.588 1.007,-1.204 1.473,-1.843 0.465,-0.641 0.906,-1.281 1.32,-1.921 0.415,-0.641 0.784,-1.225 1.108,-1.753 H 2.95 C 2.605,-3.991 2.18,-3.25 1.673,-2.438 1.166,-1.625 0.608,-0.812 0,0" />
+      </g>
+      <g
+         transform="matrix(0.76356184,0,0,-0.76356184,291.52972,196.57636)"
+         id="g68">
+        <path
+           inkscape:connector-curvature="0"
+           id="path70"
+           style="fill:#326ce5;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 0,0 c -0.486,-0.509 -1.258,-0.763 -2.312,-0.763 -0.547,0 -1.013,0.081 -1.399,0.244 -0.385,0.163 -0.699,0.367 -0.942,0.61 -0.243,0.244 -0.421,0.513 -0.533,0.807 -0.111,0.295 -0.167,0.565 -0.167,0.809 0,0.793 0.193,1.474 0.578,2.043 0.385,0.569 0.862,1.067 1.429,1.494 0.568,-0.182 1.1,-0.381 1.597,-0.595 C -1.252,4.436 -0.821,4.192 -0.456,3.918 -0.092,3.644 0.197,3.323 0.41,2.957 0.623,2.592 0.729,2.175 0.729,1.707 0.729,1.077 0.486,0.508 0,0 m -4.744,12.41 c 0.1,0.263 0.258,0.511 0.471,0.743 0.212,0.233 0.481,0.42 0.806,0.562 0.323,0.141 0.709,0.212 1.155,0.212 0.466,0 0.862,-0.075 1.187,-0.228 0.323,-0.151 0.593,-0.339 0.806,-0.56 0.213,-0.223 0.365,-0.46 0.456,-0.713 0.091,-0.253 0.136,-0.49 0.136,-0.713 0,-0.769 -0.171,-1.415 -0.516,-1.941 -0.346,-0.526 -0.842,-0.991 -1.49,-1.395 -1.157,0.404 -1.973,0.89 -2.449,1.456 -0.476,0.565 -0.714,1.172 -0.714,1.819 0,0.243 0.049,0.495 0.152,0.758 m 6.69,-5.28 c 0.771,0.485 1.414,1.149 1.932,1.989 0.517,0.84 0.775,1.746 0.775,2.718 0,0.669 -0.127,1.342 -0.38,2.019 -0.253,0.678 -0.665,1.291 -1.232,1.837 -0.567,0.547 -1.292,0.997 -2.175,1.352 -0.882,0.354 -1.941,0.532 -3.178,0.532 -1.054,0 -2.012,-0.168 -2.874,-0.502 -0.862,-0.334 -1.596,-0.779 -2.205,-1.336 -0.608,-0.556 -1.08,-1.21 -1.414,-1.959 -0.335,-0.749 -0.502,-1.528 -0.502,-2.339 0,-1.072 0.208,-1.953 0.623,-2.641 0.416,-0.689 1.06,-1.388 1.932,-2.096 C -7.158,6.399 -7.538,6.074 -7.893,5.729 -8.247,5.385 -8.566,5.004 -8.851,4.588 -9.135,4.171 -9.357,3.709 -9.52,3.202 -9.682,2.694 -9.763,2.136 -9.763,1.526 c 0,-0.589 0.121,-1.233 0.366,-1.933 0.243,-0.7 0.653,-1.345 1.231,-1.934 0.578,-0.59 1.338,-1.082 2.281,-1.477 0.943,-0.396 2.123,-0.594 3.543,-0.594 1.237,0 2.326,0.158 3.27,0.472 0.942,0.314 1.728,0.756 2.356,1.325 0.629,0.568 1.1,1.233 1.415,1.994 C 5.013,0.141 5.17,0.979 5.17,1.892 5.17,2.988 4.922,3.947 4.425,4.77 3.928,5.592 3.103,6.379 1.946,7.13" />
+      </g>
+      <g
+         transform="matrix(0.76356184,0,0,-0.76356184,306.49667,194.94042)"
+         id="g72">
+        <path
+           inkscape:connector-curvature="0"
+           id="path74"
+           style="fill:#326ce5;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="M 0,0 C -0.152,0.506 -0.416,0.966 -0.791,1.381 -1.166,1.795 -1.678,2.182 -2.327,2.539 -2.976,2.896 -3.797,3.26 -4.79,3.628 -5.277,3.812 -5.678,3.98 -5.991,4.134 -6.307,4.287 -6.555,4.43 -6.736,4.562 c -0.183,0.131 -0.305,0.268 -0.366,0.41 -0.06,0.141 -0.091,0.304 -0.091,0.487 0,0.79 0.71,1.186 2.129,1.186 0.77,0 1.464,-0.072 2.084,-0.213 0.618,-0.142 1.19,-0.304 1.717,-0.487 l 0.791,3.529 c -0.527,0.202 -1.237,0.389 -2.129,0.562 -0.892,0.172 -1.825,0.258 -2.797,0.258 -1.947,0 -3.478,-0.436 -4.593,-1.308 -1.115,-0.872 -1.673,-2.057 -1.673,-3.557 0,-0.772 0.111,-1.43 0.335,-1.978 0.223,-0.547 0.537,-1.018 0.942,-1.414 0.406,-0.395 0.898,-0.735 1.476,-1.018 0.578,-0.285 1.221,-0.559 1.931,-0.822 0.913,-0.344 1.591,-0.654 2.038,-0.927 0.446,-0.274 0.669,-0.593 0.669,-0.958 0,-0.467 -0.172,-0.782 -0.517,-0.944 -0.346,-0.162 -0.933,-0.243 -1.765,-0.243 -0.79,0 -1.591,0.086 -2.402,0.259 -0.812,0.172 -1.602,0.411 -2.372,0.715 l -0.761,-3.68 c 0.365,-0.163 1.02,-0.365 1.962,-0.608 0.943,-0.244 2.124,-0.366 3.543,-0.366 2.17,0 3.848,0.406 5.034,1.214 1.186,0.81 1.779,2.003 1.779,3.581 C 0.228,-1.093 0.152,-0.506 0,0" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/learn8ks/SVG/horizontal_white.svg b/learn8ks/SVG/horizontal_white.svg
new file mode 100644
index 0000000..4ac5f4c
--- /dev/null
+++ b/learn8ks/SVG/horizontal_white.svg
@@ -0,0 +1,220 @@
+<?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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="585.83075"
+   height="210.77914"
+   viewBox="0 0 155.00106 55.768646"
+   version="1.1"
+   id="svg8"
+   inkscape:version="0.92.2 (5c3e80d, 2017-08-06)"
+   sodipodi:docname="horizontal_white.svg"
+   inkscape:export-filename="/home/anxhelo/Desktop/Design/learn8ks/horizontal_black.png"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96">
+  <defs
+     id="defs2" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.98994949"
+     inkscape:cx="292.43152"
+     inkscape:cy="87.040683"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     inkscape:document-rotation="0"
+     showgrid="false"
+     borderlayer="true"
+     inkscape:showpageshadow="false"
+     units="px"
+     inkscape:pagecheckerboard="false"
+     showguides="true"
+     inkscape:window-width="1366"
+     inkscape:window-height="710"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0">
+    <inkscape:grid
+       type="xygrid"
+       id="grid10"
+       originx="-151.66972"
+       originy="-76.554831" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata5">
+    <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
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-151.66971,-164.67653)">
+    <g
+       id="g1770"
+       style="fill:#ffffff">
+      <g
+         transform="matrix(0.76356184,0,0,-0.76356184,192.64702,190.47809)"
+         id="g20"
+         style="fill:#ffffff">
+        <path
+           inkscape:connector-curvature="0"
+           id="path22"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 0,0 c -1.5,0 -2.721,-1.221 -2.721,-2.721 0,-1.5 1.221,-2.72 2.721,-2.72 1.5,0 2.721,1.22 2.721,2.72 C 2.721,-1.221 1.5,0 0,0" />
+      </g>
+      <g
+         transform="matrix(0.76356184,0,0,-0.76356184,192.64702,197.22965)"
+         id="g24"
+         style="fill:#ffffff">
+        <path
+           inkscape:connector-curvature="0"
+           id="path26"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 0,0 c -2.167,0 -4.067,1.129 -5.155,2.829 -0.883,-2.144 -1.76,-4.597 -2.426,-6.462 -2.459,-6.884 -4.163,-11.363 -6.407,-12.886 -1.111,-1.137 -2.66,-1.846 -4.377,-1.846 -3.38,0 -6.121,2.741 -6.121,6.122 0,2.167 1.129,4.067 2.829,5.155 -2.144,0.883 -4.597,1.76 -6.462,2.426 -6.884,2.459 -11.363,4.163 -12.885,6.407 -1.138,1.111 -1.846,2.66 -1.846,4.376 0,3.381 2.74,6.122 6.121,6.122 2.167,0 4.067,-1.129 5.155,-2.829 0.883,2.144 1.76,4.597 2.426,6.462 2.459,6.884 4.163,11.363 6.407,12.885 1.111,1.138 2.66,1.846 4.376,1.846 3.381,0 6.122,-2.74 6.122,-6.121 0,-2.167 -1.129,-4.067 -2.829,-5.155 2.144,-0.883 4.597,-1.76 6.462,-2.426 C -1.726,14.446 2.753,12.742 4.276,10.498 5.413,9.387 6.122,7.838 6.122,6.121 6.122,2.741 3.381,0 0,0 m -14.527,41.548 c -1.447,1.447 -3.793,1.447 -5.24,0 L -52.58,8.735 c -1.448,-1.447 -1.448,-3.794 0,-5.241 l 32.813,-32.813 c 1.447,-1.447 3.793,-1.447 5.24,0 L 18.286,3.494 c 1.447,1.447 1.447,3.794 0,5.241 z" />
+      </g>
+      <g
+         transform="matrix(0.76356184,0,0,-0.76356184,164.60214,190.47809)"
+         id="g28"
+         style="fill:#ffffff">
+        <path
+           inkscape:connector-curvature="0"
+           id="path30"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 0,0 c -1.5,0 -2.721,-1.221 -2.721,-2.721 0,-1.5 1.221,-2.72 2.721,-2.72 1.5,0 2.721,1.22 2.721,2.72 C 2.721,-1.221 1.5,0 0,0" />
+      </g>
+      <g
+         transform="matrix(0.76356184,0,0,-0.76356184,178.62458,204.50052)"
+         id="g32"
+         style="fill:#ffffff">
+        <path
+           inkscape:connector-curvature="0"
+           id="path34"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 0,0 c -1.5,0 -2.721,-1.22 -2.721,-2.721 0,-1.5 1.221,-2.72 2.721,-2.72 1.5,0 2.721,1.22 2.721,2.72 C 2.721,-1.22 1.5,0 0,0" />
+      </g>
+      <g
+         transform="matrix(0.76356184,0,0,-0.76356184,175.35998,181.87496)"
+         id="g36"
+         style="fill:#ffffff">
+        <path
+           inkscape:connector-curvature="0"
+           id="path38"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 0,0 c -0.333,0.326 -0.627,0.69 -0.879,1.084 -0.884,-2.144 -1.76,-4.597 -2.426,-6.461 -2.459,-6.885 -4.163,-11.363 -6.407,-12.886 -0.326,-0.334 -0.69,-0.627 -1.084,-0.88 2.143,-0.883 4.596,-1.76 6.461,-2.426 6.884,-2.458 11.363,-4.163 12.886,-6.407 0.333,-0.325 0.627,-0.689 0.879,-1.083 0.884,2.143 1.76,4.596 2.426,6.461 2.459,6.884 4.163,11.363 6.407,12.886 0.326,0.333 0.69,0.627 1.084,0.879 -2.143,0.883 -4.596,1.76 -6.461,2.426 C 6.002,-3.948 1.523,-2.244 0,0" />
+      </g>
+      <g
+         transform="matrix(0.76356184,0,0,-0.76356184,178.62458,180.61051)"
+         id="g40"
+         style="fill:#ffffff">
+        <path
+           inkscape:connector-curvature="0"
+           id="path42"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 0,0 c 1.5,0 2.721,1.221 2.721,2.721 0,1.5 -1.221,2.72 -2.721,2.72 -1.5,0 -2.721,-1.22 -2.721,-2.72 C -2.721,1.221 -1.5,0 0,0" />
+      </g>
+      <g
+         transform="matrix(0.76356184,0,0,-0.76356184,220.35368,197.55317)"
+         id="g44"
+         style="fill:#ffffff">
+        <path
+           inkscape:connector-curvature="0"
+           id="path46"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 0,0 c -0.183,0.183 -0.314,0.426 -0.396,0.729 -0.081,0.305 -0.121,0.69 -0.121,1.157 V 20.894 L -3.346,20.407 V 1.43 c 0,-1.501 0.366,-2.607 1.096,-3.316 0.729,-0.71 1.966,-1.085 3.71,-1.125 l 0.395,2.372 C 1.409,-0.578 1.034,-0.502 0.73,-0.411 0.426,-0.319 0.183,-0.183 0,0" />
+      </g>
+      <g
+         transform="matrix(0.76356184,0,0,-0.76356184,225.81078,192.4215)"
+         id="g48"
+         style="fill:#ffffff">
+        <path
+           inkscape:connector-curvature="0"
+           id="path50"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="M 0,0 C 0.061,0.548 0.187,1.085 0.38,1.612 0.573,2.14 0.841,2.605 1.186,3.012 1.531,3.417 1.951,3.746 2.448,4 2.945,4.253 3.518,4.38 4.167,4.38 5.322,4.38 6.229,3.97 6.889,3.148 7.547,2.327 7.867,1.277 7.847,0 Z M 4.197,6.782 C 3.285,6.782 2.392,6.61 1.521,6.266 0.648,5.921 -0.122,5.403 -0.791,4.715 -1.46,4.025 -1.997,3.158 -2.403,2.114 -2.809,1.069 -3.011,-0.151 -3.011,-1.551 c 0,-1.196 0.157,-2.296 0.471,-3.3 0.314,-1.003 0.796,-1.87 1.445,-2.6 0.649,-0.73 1.475,-1.303 2.479,-1.718 1.004,-0.416 2.194,-0.624 3.574,-0.624 1.094,0 2.072,0.102 2.934,0.305 0.862,0.202 1.465,0.395 1.81,0.577 L 9.307,-6.538 C 8.961,-6.701 8.45,-6.868 7.771,-7.04 7.091,-7.213 6.255,-7.299 5.262,-7.299 c -1.764,0 -3.062,0.426 -3.893,1.278 -0.832,0.851 -1.308,2.098 -1.43,3.741 h 10.828 c 0.019,0.162 0.03,0.339 0.03,0.532 v 0.471 c 0,2.716 -0.568,4.739 -1.703,6.068 C 7.958,6.118 6.326,6.782 4.197,6.782" />
+      </g>
+      <g
+         transform="matrix(0.76356184,0,0,-0.76356184,243.59902,197.90144)"
+         id="g52"
+         style="fill:#ffffff">
+        <path
+           inkscape:connector-curvature="0"
+           id="path54"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 0,0 c -0.345,-0.082 -0.775,-0.138 -1.292,-0.168 -0.518,-0.03 -1.11,-0.045 -1.78,-0.045 -1.115,0 -1.997,0.197 -2.646,0.593 -0.649,0.395 -0.973,1.099 -0.973,2.113 0,0.548 0.132,0.989 0.396,1.323 0.263,0.335 0.593,0.598 0.988,0.791 0.395,0.193 0.831,0.32 1.308,0.38 0.476,0.061 0.927,0.092 1.353,0.092 0.649,0 1.202,-0.036 1.658,-0.106 C -0.532,4.901 -0.203,4.814 0,4.714 Z m 1.445,12.271 c -0.477,0.538 -1.106,0.954 -1.886,1.248 -0.781,0.294 -1.739,0.44 -2.874,0.44 -0.994,0 -1.916,-0.075 -2.768,-0.228 -0.851,-0.152 -1.459,-0.309 -1.824,-0.471 l 0.334,-2.342 c 0.345,0.142 0.867,0.278 1.567,0.411 0.699,0.131 1.515,0.197 2.448,0.197 0.73,0 1.323,-0.106 1.779,-0.319 0.456,-0.213 0.816,-0.497 1.08,-0.852 C -0.436,10 -0.253,9.595 -0.152,9.139 -0.051,8.683 0,8.222 0,7.755 V 6.964 c -0.081,0.02 -0.223,0.051 -0.426,0.092 -0.202,0.04 -0.441,0.086 -0.714,0.136 -0.274,0.051 -0.563,0.091 -0.867,0.122 -0.304,0.031 -0.598,0.045 -0.882,0.045 -0.893,0 -1.744,-0.09 -2.555,-0.273 C -6.255,6.903 -6.964,6.619 -7.573,6.234 -8.181,5.849 -8.663,5.342 -9.018,4.714 -9.373,4.085 -9.55,3.335 -9.55,2.463 c 0,-0.912 0.153,-1.693 0.457,-2.342 0.304,-0.649 0.73,-1.171 1.277,-1.566 0.547,-0.396 1.196,-0.684 1.946,-0.867 0.75,-0.182 1.572,-0.274 2.464,-0.274 0.628,0 1.262,0.026 1.901,0.076 0.638,0.051 1.232,0.107 1.779,0.168 0.547,0.061 1.038,0.126 1.475,0.197 0.436,0.072 0.775,0.126 1.019,0.167 v 9.885 c 0,0.892 -0.102,1.708 -0.304,2.448 -0.203,0.741 -0.543,1.379 -1.019,1.916" />
+      </g>
+      <g
+         transform="matrix(0.76356184,0,0,-0.76356184,255.09423,187.41666)"
+         id="g56"
+         style="fill:#ffffff">
+        <path
+           inkscape:connector-curvature="0"
+           id="path58"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 0,0 c -0.305,0.05 -0.614,0.091 -0.928,0.121 -0.314,0.031 -0.593,0.046 -0.837,0.046 -1.236,0 -2.351,-0.106 -3.345,-0.319 -0.994,-0.213 -1.825,-0.441 -2.494,-0.685 v -15.145 h 2.829 v 13.291 c 0.162,0.04 0.502,0.116 1.018,0.227 0.518,0.111 1.039,0.168 1.567,0.168 0.81,0 1.475,-0.057 1.992,-0.168 0.517,-0.111 0.886,-0.208 1.11,-0.289 l 0.486,2.464 C 1.277,-0.249 1.089,-0.203 0.836,-0.152 0.582,-0.102 0.304,-0.051 0,0" />
+      </g>
+      <g
+         transform="matrix(0.76356184,0,0,-0.76356184,266.97196,188.83338)"
+         id="g60"
+         style="fill:#ffffff">
+        <path
+           inkscape:connector-curvature="0"
+           id="path62"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 0,0 c -0.497,0.639 -1.161,1.136 -1.992,1.49 -0.831,0.355 -1.875,0.532 -3.133,0.532 -1.398,0 -2.636,-0.09 -3.71,-0.273 C -9.91,1.566 -10.771,1.394 -11.42,1.231 v -15.358 h 2.828 v 13.352 c 0.102,0.019 0.269,0.05 0.502,0.09 0.233,0.041 0.496,0.077 0.791,0.107 0.293,0.031 0.603,0.056 0.928,0.076 0.323,0.021 0.639,0.03 0.942,0.03 0.75,0 1.379,-0.095 1.886,-0.288 0.507,-0.193 0.912,-0.502 1.217,-0.927 0.304,-0.426 0.521,-0.985 0.653,-1.673 0.132,-0.69 0.198,-1.521 0.198,-2.494 v -8.273 h 2.829 v 8.881 c 0,1.074 -0.102,2.058 -0.304,2.95 C 0.847,-1.404 0.497,-0.639 0,0" />
+      </g>
+      <g
+         transform="matrix(0.76356184,0,0,-0.76356184,280.68477,196.0611)"
+         id="g64"
+         style="fill:#ffffff">
+        <path
+           inkscape:connector-curvature="0"
+           id="path66"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 0,0 c -0.608,0.812 -1.237,1.6 -1.886,2.361 -0.649,0.761 -1.277,1.416 -1.885,1.965 1.216,1.194 2.336,2.352 3.361,3.475 1.023,1.122 2.072,2.301 3.147,3.535 H -2.651 C -2.935,10.993 -3.274,10.59 -3.669,10.127 -4.064,9.663 -4.484,9.175 -4.93,8.66 -5.376,8.146 -5.837,7.627 -6.312,7.104 -6.788,6.579 -7.249,6.075 -7.694,5.592 V 18.939 L -12.227,18.21 V -4.661 h 4.533 v 7.012 c 0.505,-0.408 1.016,-0.905 1.532,-1.495 0.516,-0.588 1.007,-1.204 1.473,-1.843 0.465,-0.641 0.906,-1.281 1.32,-1.921 0.415,-0.641 0.784,-1.225 1.108,-1.753 H 2.95 C 2.605,-3.991 2.18,-3.25 1.673,-2.438 1.166,-1.625 0.608,-0.812 0,0" />
+      </g>
+      <g
+         transform="matrix(0.76356184,0,0,-0.76356184,291.52972,196.57636)"
+         id="g68"
+         style="fill:#ffffff">
+        <path
+           inkscape:connector-curvature="0"
+           id="path70"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 0,0 c -0.486,-0.509 -1.258,-0.763 -2.312,-0.763 -0.547,0 -1.013,0.081 -1.399,0.244 -0.385,0.163 -0.699,0.367 -0.942,0.61 -0.243,0.244 -0.421,0.513 -0.533,0.807 -0.111,0.295 -0.167,0.565 -0.167,0.809 0,0.793 0.193,1.474 0.578,2.043 0.385,0.569 0.862,1.067 1.429,1.494 0.568,-0.182 1.1,-0.381 1.597,-0.595 C -1.252,4.436 -0.821,4.192 -0.456,3.918 -0.092,3.644 0.197,3.323 0.41,2.957 0.623,2.592 0.729,2.175 0.729,1.707 0.729,1.077 0.486,0.508 0,0 m -4.744,12.41 c 0.1,0.263 0.258,0.511 0.471,0.743 0.212,0.233 0.481,0.42 0.806,0.562 0.323,0.141 0.709,0.212 1.155,0.212 0.466,0 0.862,-0.075 1.187,-0.228 0.323,-0.151 0.593,-0.339 0.806,-0.56 0.213,-0.223 0.365,-0.46 0.456,-0.713 0.091,-0.253 0.136,-0.49 0.136,-0.713 0,-0.769 -0.171,-1.415 -0.516,-1.941 -0.346,-0.526 -0.842,-0.991 -1.49,-1.395 -1.157,0.404 -1.973,0.89 -2.449,1.456 -0.476,0.565 -0.714,1.172 -0.714,1.819 0,0.243 0.049,0.495 0.152,0.758 m 6.69,-5.28 c 0.771,0.485 1.414,1.149 1.932,1.989 0.517,0.84 0.775,1.746 0.775,2.718 0,0.669 -0.127,1.342 -0.38,2.019 -0.253,0.678 -0.665,1.291 -1.232,1.837 -0.567,0.547 -1.292,0.997 -2.175,1.352 -0.882,0.354 -1.941,0.532 -3.178,0.532 -1.054,0 -2.012,-0.168 -2.874,-0.502 -0.862,-0.334 -1.596,-0.779 -2.205,-1.336 -0.608,-0.556 -1.08,-1.21 -1.414,-1.959 -0.335,-0.749 -0.502,-1.528 -0.502,-2.339 0,-1.072 0.208,-1.953 0.623,-2.641 0.416,-0.689 1.06,-1.388 1.932,-2.096 C -7.158,6.399 -7.538,6.074 -7.893,5.729 -8.247,5.385 -8.566,5.004 -8.851,4.588 -9.135,4.171 -9.357,3.709 -9.52,3.202 -9.682,2.694 -9.763,2.136 -9.763,1.526 c 0,-0.589 0.121,-1.233 0.366,-1.933 0.243,-0.7 0.653,-1.345 1.231,-1.934 0.578,-0.59 1.338,-1.082 2.281,-1.477 0.943,-0.396 2.123,-0.594 3.543,-0.594 1.237,0 2.326,0.158 3.27,0.472 0.942,0.314 1.728,0.756 2.356,1.325 0.629,0.568 1.1,1.233 1.415,1.994 C 5.013,0.141 5.17,0.979 5.17,1.892 5.17,2.988 4.922,3.947 4.425,4.77 3.928,5.592 3.103,6.379 1.946,7.13" />
+      </g>
+      <g
+         transform="matrix(0.76356184,0,0,-0.76356184,306.49667,194.94042)"
+         id="g72"
+         style="fill:#ffffff">
+        <path
+           inkscape:connector-curvature="0"
+           id="path74"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="M 0,0 C -0.152,0.506 -0.416,0.966 -0.791,1.381 -1.166,1.795 -1.678,2.182 -2.327,2.539 -2.976,2.896 -3.797,3.26 -4.79,3.628 -5.277,3.812 -5.678,3.98 -5.991,4.134 -6.307,4.287 -6.555,4.43 -6.736,4.562 c -0.183,0.131 -0.305,0.268 -0.366,0.41 -0.06,0.141 -0.091,0.304 -0.091,0.487 0,0.79 0.71,1.186 2.129,1.186 0.77,0 1.464,-0.072 2.084,-0.213 0.618,-0.142 1.19,-0.304 1.717,-0.487 l 0.791,3.529 c -0.527,0.202 -1.237,0.389 -2.129,0.562 -0.892,0.172 -1.825,0.258 -2.797,0.258 -1.947,0 -3.478,-0.436 -4.593,-1.308 -1.115,-0.872 -1.673,-2.057 -1.673,-3.557 0,-0.772 0.111,-1.43 0.335,-1.978 0.223,-0.547 0.537,-1.018 0.942,-1.414 0.406,-0.395 0.898,-0.735 1.476,-1.018 0.578,-0.285 1.221,-0.559 1.931,-0.822 0.913,-0.344 1.591,-0.654 2.038,-0.927 0.446,-0.274 0.669,-0.593 0.669,-0.958 0,-0.467 -0.172,-0.782 -0.517,-0.944 -0.346,-0.162 -0.933,-0.243 -1.765,-0.243 -0.79,0 -1.591,0.086 -2.402,0.259 -0.812,0.172 -1.602,0.411 -2.372,0.715 l -0.761,-3.68 c 0.365,-0.163 1.02,-0.365 1.962,-0.608 0.943,-0.244 2.124,-0.366 3.543,-0.366 2.17,0 3.848,0.406 5.034,1.214 1.186,0.81 1.779,2.003 1.779,3.581 C 0.228,-1.093 0.152,-0.506 0,0" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/learn8ks/SVG/icon_black.svg b/learn8ks/SVG/icon_black.svg
new file mode 100644
index 0000000..64507ed
--- /dev/null
+++ b/learn8ks/SVG/icon_black.svg
@@ -0,0 +1,141 @@
+<?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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="334.52585"
+   height="334.52701"
+   viewBox="0 0 88.509967 88.510267"
+   version="1.1"
+   id="svg8"
+   inkscape:version="0.92.2 (5c3e80d, 2017-08-06)"
+   sodipodi:docname="icon_black.svg"
+   inkscape:export-filename="/home/anxhelo/Desktop/Design/learn8ks/icon_color.png"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96">
+  <defs
+     id="defs2" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.7"
+     inkscape:cx="120.24488"
+     inkscape:cy="147.78685"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     inkscape:document-rotation="0"
+     showgrid="false"
+     borderlayer="true"
+     inkscape:showpageshadow="false"
+     units="px"
+     inkscape:pagecheckerboard="false"
+     showguides="true"
+     inkscape:window-width="1366"
+     inkscape:window-height="710"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0">
+    <inkscape:grid
+       type="xygrid"
+       id="grid10"
+       originx="-208.21496"
+       originy="-49.918066" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata5">
+    <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
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-208.21493,-158.57167)">
+    <g
+       id="g2621"
+       transform="matrix(3.4351567,0,0,3.4351567,-404.46178,-213.45868)"
+       style="fill:#000000">
+      <g
+         transform="matrix(0.35277777,0,0,-0.35277777,197.28698,120.22157)"
+         id="g212"
+         style="fill:#000000">
+        <path
+           inkscape:connector-curvature="0"
+           id="path214"
+           style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 0,0 c -1.5,0 -2.721,-1.221 -2.721,-2.721 0,-1.5 1.221,-2.72 2.721,-2.72 1.5,0 2.721,1.22 2.721,2.72 C 2.721,-1.221 1.5,0 0,0" />
+      </g>
+      <g
+         transform="matrix(0.35277777,0,0,-0.35277777,197.28698,123.3409)"
+         id="g216"
+         style="fill:#000000">
+        <path
+           inkscape:connector-curvature="0"
+           id="path218"
+           style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 0,0 c -2.167,0 -4.067,1.129 -5.155,2.829 -0.883,-2.144 -1.76,-4.597 -2.426,-6.462 -2.459,-6.884 -4.163,-11.363 -6.407,-12.886 -1.111,-1.137 -2.66,-1.846 -4.377,-1.846 -3.38,0 -6.121,2.741 -6.121,6.122 0,2.167 1.129,4.067 2.829,5.155 -2.144,0.883 -4.597,1.76 -6.462,2.426 -6.884,2.459 -11.363,4.163 -12.885,6.407 -1.138,1.111 -1.846,2.66 -1.846,4.376 0,3.381 2.74,6.122 6.121,6.122 2.167,0 4.067,-1.129 5.155,-2.829 0.883,2.144 1.76,4.597 2.426,6.462 2.459,6.884 4.163,11.363 6.407,12.885 1.111,1.138 2.66,1.846 4.376,1.846 3.381,0 6.122,-2.74 6.122,-6.121 0,-2.167 -1.129,-4.067 -2.829,-5.155 2.144,-0.883 4.597,-1.76 6.462,-2.426 C -1.726,14.446 2.753,12.742 4.276,10.498 5.413,9.387 6.122,7.838 6.122,6.121 6.122,2.741 3.381,0 0,0 m -14.527,41.548 c -1.447,1.447 -3.793,1.447 -5.24,0 L -52.58,8.735 c -1.448,-1.447 -1.448,-3.794 0,-5.241 l 32.813,-32.813 c 1.447,-1.447 3.793,-1.447 5.24,0 L 18.286,3.494 c 1.447,1.447 1.447,3.794 0,5.241 z" />
+      </g>
+      <g
+         transform="matrix(0.35277777,0,0,-0.35277777,184.32981,120.22157)"
+         id="g220"
+         style="fill:#000000">
+        <path
+           inkscape:connector-curvature="0"
+           id="path222"
+           style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 0,0 c -1.5,0 -2.721,-1.221 -2.721,-2.721 0,-1.5 1.221,-2.72 2.721,-2.72 1.5,0 2.721,1.22 2.721,2.72 C 2.721,-1.221 1.5,0 0,0" />
+      </g>
+      <g
+         transform="matrix(0.35277777,0,0,-0.35277777,190.80839,126.70016)"
+         id="g224"
+         style="fill:#000000">
+        <path
+           inkscape:connector-curvature="0"
+           id="path226"
+           style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 0,0 c -1.5,0 -2.721,-1.22 -2.721,-2.721 0,-1.5 1.221,-2.72 2.721,-2.72 1.5,0 2.721,1.22 2.721,2.72 C 2.721,-1.22 1.5,0 0,0" />
+      </g>
+      <g
+         transform="matrix(0.35277777,0,0,-0.35277777,189.30009,116.24679)"
+         id="g228"
+         style="fill:#000000">
+        <path
+           inkscape:connector-curvature="0"
+           id="path230"
+           style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 0,0 c -0.333,0.326 -0.627,0.69 -0.879,1.084 -0.884,-2.144 -1.76,-4.597 -2.426,-6.461 -2.459,-6.885 -4.163,-11.363 -6.407,-12.886 -0.326,-0.334 -0.69,-0.627 -1.084,-0.88 2.143,-0.883 4.596,-1.76 6.461,-2.426 6.884,-2.458 11.363,-4.163 12.886,-6.407 0.333,-0.325 0.627,-0.689 0.879,-1.083 0.884,2.143 1.76,4.596 2.426,6.461 2.459,6.884 4.163,11.363 6.407,12.886 0.326,0.333 0.69,0.627 1.084,0.879 -2.143,0.883 -4.596,1.76 -6.461,2.426 C 6.002,-3.948 1.523,-2.244 0,0" />
+      </g>
+      <g
+         transform="matrix(0.35277777,0,0,-0.35277777,190.80839,115.66259)"
+         id="g232"
+         style="fill:#000000">
+        <path
+           inkscape:connector-curvature="0"
+           id="path234"
+           style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 0,0 c 1.5,0 2.721,1.221 2.721,2.721 0,1.5 -1.221,2.72 -2.721,2.72 -1.5,0 -2.721,-1.22 -2.721,-2.72 C -2.721,1.221 -1.5,0 0,0" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/learn8ks/SVG/icon_color.svg b/learn8ks/SVG/icon_color.svg
new file mode 100644
index 0000000..91e5dc4
--- /dev/null
+++ b/learn8ks/SVG/icon_color.svg
@@ -0,0 +1,134 @@
+<?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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="334.52585"
+   height="334.52701"
+   viewBox="0 0 88.509967 88.510267"
+   version="1.1"
+   id="svg8"
+   inkscape:version="0.92.2 (5c3e80d, 2017-08-06)"
+   sodipodi:docname="icon_color.svg"
+   inkscape:export-filename="/home/anxhelo/Desktop/Design/learn8ks/vertical_white.png"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96">
+  <defs
+     id="defs2" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.7"
+     inkscape:cx="120.24488"
+     inkscape:cy="147.78685"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     inkscape:document-rotation="0"
+     showgrid="false"
+     borderlayer="true"
+     inkscape:showpageshadow="false"
+     units="px"
+     inkscape:pagecheckerboard="false"
+     showguides="true"
+     inkscape:window-width="1366"
+     inkscape:window-height="710"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0">
+    <inkscape:grid
+       type="xygrid"
+       id="grid10"
+       originx="-208.21496"
+       originy="-49.918066" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata5">
+    <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
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-208.21493,-158.57167)">
+    <g
+       id="g2621"
+       transform="matrix(3.4351567,0,0,3.4351567,-404.46178,-213.45868)">
+      <g
+         transform="matrix(0.35277777,0,0,-0.35277777,197.28698,120.22157)"
+         id="g212">
+        <path
+           inkscape:connector-curvature="0"
+           id="path214"
+           style="fill:#326ce5;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 0,0 c -1.5,0 -2.721,-1.221 -2.721,-2.721 0,-1.5 1.221,-2.72 2.721,-2.72 1.5,0 2.721,1.22 2.721,2.72 C 2.721,-1.221 1.5,0 0,0" />
+      </g>
+      <g
+         transform="matrix(0.35277777,0,0,-0.35277777,197.28698,123.3409)"
+         id="g216">
+        <path
+           inkscape:connector-curvature="0"
+           id="path218"
+           style="fill:#326ce5;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 0,0 c -2.167,0 -4.067,1.129 -5.155,2.829 -0.883,-2.144 -1.76,-4.597 -2.426,-6.462 -2.459,-6.884 -4.163,-11.363 -6.407,-12.886 -1.111,-1.137 -2.66,-1.846 -4.377,-1.846 -3.38,0 -6.121,2.741 -6.121,6.122 0,2.167 1.129,4.067 2.829,5.155 -2.144,0.883 -4.597,1.76 -6.462,2.426 -6.884,2.459 -11.363,4.163 -12.885,6.407 -1.138,1.111 -1.846,2.66 -1.846,4.376 0,3.381 2.74,6.122 6.121,6.122 2.167,0 4.067,-1.129 5.155,-2.829 0.883,2.144 1.76,4.597 2.426,6.462 2.459,6.884 4.163,11.363 6.407,12.885 1.111,1.138 2.66,1.846 4.376,1.846 3.381,0 6.122,-2.74 6.122,-6.121 0,-2.167 -1.129,-4.067 -2.829,-5.155 2.144,-0.883 4.597,-1.76 6.462,-2.426 C -1.726,14.446 2.753,12.742 4.276,10.498 5.413,9.387 6.122,7.838 6.122,6.121 6.122,2.741 3.381,0 0,0 m -14.527,41.548 c -1.447,1.447 -3.793,1.447 -5.24,0 L -52.58,8.735 c -1.448,-1.447 -1.448,-3.794 0,-5.241 l 32.813,-32.813 c 1.447,-1.447 3.793,-1.447 5.24,0 L 18.286,3.494 c 1.447,1.447 1.447,3.794 0,5.241 z" />
+      </g>
+      <g
+         transform="matrix(0.35277777,0,0,-0.35277777,184.32981,120.22157)"
+         id="g220">
+        <path
+           inkscape:connector-curvature="0"
+           id="path222"
+           style="fill:#326ce5;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 0,0 c -1.5,0 -2.721,-1.221 -2.721,-2.721 0,-1.5 1.221,-2.72 2.721,-2.72 1.5,0 2.721,1.22 2.721,2.72 C 2.721,-1.221 1.5,0 0,0" />
+      </g>
+      <g
+         transform="matrix(0.35277777,0,0,-0.35277777,190.80839,126.70016)"
+         id="g224">
+        <path
+           inkscape:connector-curvature="0"
+           id="path226"
+           style="fill:#326ce5;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 0,0 c -1.5,0 -2.721,-1.22 -2.721,-2.721 0,-1.5 1.221,-2.72 2.721,-2.72 1.5,0 2.721,1.22 2.721,2.72 C 2.721,-1.22 1.5,0 0,0" />
+      </g>
+      <g
+         transform="matrix(0.35277777,0,0,-0.35277777,189.30009,116.24679)"
+         id="g228">
+        <path
+           inkscape:connector-curvature="0"
+           id="path230"
+           style="fill:#326ce5;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 0,0 c -0.333,0.326 -0.627,0.69 -0.879,1.084 -0.884,-2.144 -1.76,-4.597 -2.426,-6.461 -2.459,-6.885 -4.163,-11.363 -6.407,-12.886 -0.326,-0.334 -0.69,-0.627 -1.084,-0.88 2.143,-0.883 4.596,-1.76 6.461,-2.426 6.884,-2.458 11.363,-4.163 12.886,-6.407 0.333,-0.325 0.627,-0.689 0.879,-1.083 0.884,2.143 1.76,4.596 2.426,6.461 2.459,6.884 4.163,11.363 6.407,12.886 0.326,0.333 0.69,0.627 1.084,0.879 -2.143,0.883 -4.596,1.76 -6.461,2.426 C 6.002,-3.948 1.523,-2.244 0,0" />
+      </g>
+      <g
+         transform="matrix(0.35277777,0,0,-0.35277777,190.80839,115.66259)"
+         id="g232">
+        <path
+           inkscape:connector-curvature="0"
+           id="path234"
+           style="fill:#326ce5;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 0,0 c 1.5,0 2.721,1.221 2.721,2.721 0,1.5 -1.221,2.72 -2.721,2.72 -1.5,0 -2.721,-1.22 -2.721,-2.72 C -2.721,1.221 -1.5,0 0,0" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/learn8ks/SVG/icon_white.svg b/learn8ks/SVG/icon_white.svg
new file mode 100644
index 0000000..eac126f
--- /dev/null
+++ b/learn8ks/SVG/icon_white.svg
@@ -0,0 +1,141 @@
+<?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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="334.52585"
+   height="334.52701"
+   viewBox="0 0 88.509967 88.510267"
+   version="1.1"
+   id="svg8"
+   inkscape:version="0.92.2 (5c3e80d, 2017-08-06)"
+   sodipodi:docname="icon_white.svg"
+   inkscape:export-filename="/home/anxhelo/Desktop/Design/learn8ks/icon_black.png"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96">
+  <defs
+     id="defs2" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.7"
+     inkscape:cx="120.24488"
+     inkscape:cy="147.78685"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     inkscape:document-rotation="0"
+     showgrid="false"
+     borderlayer="true"
+     inkscape:showpageshadow="false"
+     units="px"
+     inkscape:pagecheckerboard="false"
+     showguides="true"
+     inkscape:window-width="1366"
+     inkscape:window-height="710"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0">
+    <inkscape:grid
+       type="xygrid"
+       id="grid10"
+       originx="-208.21496"
+       originy="-49.918066" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata5">
+    <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
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-208.21493,-158.57167)">
+    <g
+       id="g2621"
+       transform="matrix(3.4351567,0,0,3.4351567,-404.46178,-213.45868)"
+       style="fill:#ffffff">
+      <g
+         transform="matrix(0.35277777,0,0,-0.35277777,197.28698,120.22157)"
+         id="g212"
+         style="fill:#ffffff">
+        <path
+           inkscape:connector-curvature="0"
+           id="path214"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 0,0 c -1.5,0 -2.721,-1.221 -2.721,-2.721 0,-1.5 1.221,-2.72 2.721,-2.72 1.5,0 2.721,1.22 2.721,2.72 C 2.721,-1.221 1.5,0 0,0" />
+      </g>
+      <g
+         transform="matrix(0.35277777,0,0,-0.35277777,197.28698,123.3409)"
+         id="g216"
+         style="fill:#ffffff">
+        <path
+           inkscape:connector-curvature="0"
+           id="path218"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 0,0 c -2.167,0 -4.067,1.129 -5.155,2.829 -0.883,-2.144 -1.76,-4.597 -2.426,-6.462 -2.459,-6.884 -4.163,-11.363 -6.407,-12.886 -1.111,-1.137 -2.66,-1.846 -4.377,-1.846 -3.38,0 -6.121,2.741 -6.121,6.122 0,2.167 1.129,4.067 2.829,5.155 -2.144,0.883 -4.597,1.76 -6.462,2.426 -6.884,2.459 -11.363,4.163 -12.885,6.407 -1.138,1.111 -1.846,2.66 -1.846,4.376 0,3.381 2.74,6.122 6.121,6.122 2.167,0 4.067,-1.129 5.155,-2.829 0.883,2.144 1.76,4.597 2.426,6.462 2.459,6.884 4.163,11.363 6.407,12.885 1.111,1.138 2.66,1.846 4.376,1.846 3.381,0 6.122,-2.74 6.122,-6.121 0,-2.167 -1.129,-4.067 -2.829,-5.155 2.144,-0.883 4.597,-1.76 6.462,-2.426 C -1.726,14.446 2.753,12.742 4.276,10.498 5.413,9.387 6.122,7.838 6.122,6.121 6.122,2.741 3.381,0 0,0 m -14.527,41.548 c -1.447,1.447 -3.793,1.447 -5.24,0 L -52.58,8.735 c -1.448,-1.447 -1.448,-3.794 0,-5.241 l 32.813,-32.813 c 1.447,-1.447 3.793,-1.447 5.24,0 L 18.286,3.494 c 1.447,1.447 1.447,3.794 0,5.241 z" />
+      </g>
+      <g
+         transform="matrix(0.35277777,0,0,-0.35277777,184.32981,120.22157)"
+         id="g220"
+         style="fill:#ffffff">
+        <path
+           inkscape:connector-curvature="0"
+           id="path222"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 0,0 c -1.5,0 -2.721,-1.221 -2.721,-2.721 0,-1.5 1.221,-2.72 2.721,-2.72 1.5,0 2.721,1.22 2.721,2.72 C 2.721,-1.221 1.5,0 0,0" />
+      </g>
+      <g
+         transform="matrix(0.35277777,0,0,-0.35277777,190.80839,126.70016)"
+         id="g224"
+         style="fill:#ffffff">
+        <path
+           inkscape:connector-curvature="0"
+           id="path226"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 0,0 c -1.5,0 -2.721,-1.22 -2.721,-2.721 0,-1.5 1.221,-2.72 2.721,-2.72 1.5,0 2.721,1.22 2.721,2.72 C 2.721,-1.22 1.5,0 0,0" />
+      </g>
+      <g
+         transform="matrix(0.35277777,0,0,-0.35277777,189.30009,116.24679)"
+         id="g228"
+         style="fill:#ffffff">
+        <path
+           inkscape:connector-curvature="0"
+           id="path230"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 0,0 c -0.333,0.326 -0.627,0.69 -0.879,1.084 -0.884,-2.144 -1.76,-4.597 -2.426,-6.461 -2.459,-6.885 -4.163,-11.363 -6.407,-12.886 -0.326,-0.334 -0.69,-0.627 -1.084,-0.88 2.143,-0.883 4.596,-1.76 6.461,-2.426 6.884,-2.458 11.363,-4.163 12.886,-6.407 0.333,-0.325 0.627,-0.689 0.879,-1.083 0.884,2.143 1.76,4.596 2.426,6.461 2.459,6.884 4.163,11.363 6.407,12.886 0.326,0.333 0.69,0.627 1.084,0.879 -2.143,0.883 -4.596,1.76 -6.461,2.426 C 6.002,-3.948 1.523,-2.244 0,0" />
+      </g>
+      <g
+         transform="matrix(0.35277777,0,0,-0.35277777,190.80839,115.66259)"
+         id="g232"
+         style="fill:#ffffff">
+        <path
+           inkscape:connector-curvature="0"
+           id="path234"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 0,0 c 1.5,0 2.721,1.221 2.721,2.721 0,1.5 -1.221,2.72 -2.721,2.72 -1.5,0 -2.721,-1.22 -2.721,-2.72 C -2.721,1.221 -1.5,0 0,0" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/learn8ks/SVG/vertical_black.svg b/learn8ks/SVG/vertical_black.svg
new file mode 100644
index 0000000..d4d2686
--- /dev/null
+++ b/learn8ks/SVG/vertical_black.svg
@@ -0,0 +1,221 @@
+<?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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="413.75995"
+   height="382.23566"
+   viewBox="0 0 109.47399 101.13318"
+   version="1.1"
+   id="svg8"
+   inkscape:version="0.92.2 (5c3e80d, 2017-08-06)"
+   sodipodi:docname="vertical_black.svg"
+   inkscape:export-filename="/home/anxhelo/Desktop/Design/learn8ks/vertical_color.png"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96">
+  <defs
+     id="defs2" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.7"
+     inkscape:cx="165.83911"
+     inkscape:cy="179.09438"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     inkscape:document-rotation="0"
+     showgrid="false"
+     borderlayer="true"
+     inkscape:showpageshadow="false"
+     units="px"
+     inkscape:pagecheckerboard="false"
+     showguides="true"
+     inkscape:window-width="1366"
+     inkscape:window-height="710"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0">
+    <inkscape:grid
+       type="xygrid"
+       id="grid10"
+       originx="-196.15148"
+       originy="-41.63462" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata5">
+    <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
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-196.15146,-154.2322)">
+    <g
+       id="g2502"
+       transform="matrix(2.6661762,0,0,2.6661762,-474.96232,-299.30356)"
+       style="fill:#000000">
+      <g
+         transform="matrix(0.35277777,0,0,-0.35277777,278.70627,182.02797)"
+         id="g76"
+         style="fill:#000000">
+        <path
+           inkscape:connector-curvature="0"
+           id="path78"
+           style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 0,0 c -1.5,0 -2.721,-1.221 -2.721,-2.721 0,-1.5 1.221,-2.72 2.721,-2.72 1.5,0 2.721,1.22 2.721,2.72 C 2.721,-1.221 1.5,0 0,0" />
+      </g>
+      <g
+         transform="matrix(0.35277777,0,0,-0.35277777,278.70627,185.14726)"
+         id="g80"
+         style="fill:#000000">
+        <path
+           inkscape:connector-curvature="0"
+           id="path82"
+           style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 0,0 c -2.167,0 -4.067,1.129 -5.155,2.829 -0.883,-2.144 -1.76,-4.597 -2.426,-6.462 -2.459,-6.884 -4.163,-11.363 -6.407,-12.886 -1.111,-1.137 -2.66,-1.846 -4.377,-1.846 -3.38,0 -6.121,2.741 -6.121,6.122 0,2.167 1.129,4.067 2.829,5.155 -2.144,0.883 -4.597,1.76 -6.462,2.426 -6.884,2.459 -11.363,4.163 -12.885,6.407 -1.138,1.111 -1.846,2.66 -1.846,4.376 0,3.381 2.74,6.122 6.121,6.122 2.167,0 4.067,-1.129 5.155,-2.829 0.883,2.144 1.76,4.597 2.426,6.462 2.459,6.884 4.163,11.363 6.407,12.885 1.111,1.138 2.66,1.846 4.376,1.846 3.381,0 6.122,-2.74 6.122,-6.121 0,-2.167 -1.129,-4.067 -2.829,-5.155 2.144,-0.883 4.597,-1.76 6.462,-2.426 C -1.726,14.446 2.753,12.742 4.276,10.498 5.413,9.387 6.122,7.838 6.122,6.121 6.122,2.741 3.381,0 0,0 m -14.527,41.548 c -1.447,1.447 -3.793,1.447 -5.24,0 L -52.58,8.735 c -1.448,-1.447 -1.448,-3.794 0,-5.241 l 32.813,-32.813 c 1.447,-1.447 3.793,-1.447 5.24,0 L 18.286,3.494 c 1.447,1.447 1.447,3.794 0,5.241 z" />
+      </g>
+      <g
+         transform="matrix(0.35277777,0,0,-0.35277777,265.74913,182.02797)"
+         id="g84"
+         style="fill:#000000">
+        <path
+           inkscape:connector-curvature="0"
+           id="path86"
+           style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 0,0 c -1.5,0 -2.721,-1.221 -2.721,-2.721 0,-1.5 1.221,-2.72 2.721,-2.72 1.5,0 2.721,1.22 2.721,2.72 C 2.721,-1.221 1.5,0 0,0" />
+      </g>
+      <g
+         transform="matrix(0.35277777,0,0,-0.35277777,272.22768,188.50656)"
+         id="g88"
+         style="fill:#000000">
+        <path
+           inkscape:connector-curvature="0"
+           id="path90"
+           style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 0,0 c -1.5,0 -2.721,-1.22 -2.721,-2.721 0,-1.5 1.221,-2.72 2.721,-2.72 1.5,0 2.721,1.22 2.721,2.72 C 2.721,-1.22 1.5,0 0,0" />
+      </g>
+      <g
+         transform="matrix(0.35277777,0,0,-0.35277777,270.71938,178.05319)"
+         id="g92"
+         style="fill:#000000">
+        <path
+           inkscape:connector-curvature="0"
+           id="path94"
+           style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 0,0 c -0.333,0.326 -0.627,0.69 -0.879,1.084 -0.884,-2.144 -1.76,-4.597 -2.426,-6.461 -2.459,-6.885 -4.163,-11.363 -6.407,-12.886 -0.326,-0.334 -0.69,-0.627 -1.084,-0.88 2.143,-0.883 4.596,-1.76 6.461,-2.426 6.884,-2.458 11.363,-4.163 12.886,-6.407 0.333,-0.325 0.627,-0.689 0.879,-1.083 0.884,2.143 1.76,4.596 2.426,6.461 2.459,6.884 4.163,11.363 6.407,12.886 0.326,0.333 0.69,0.627 1.084,0.879 -2.143,0.883 -4.596,1.76 -6.461,2.426 C 6.002,-3.948 1.523,-2.244 0,0" />
+      </g>
+      <g
+         transform="matrix(0.35277777,0,0,-0.35277777,272.22768,177.46899)"
+         id="g96"
+         style="fill:#000000">
+        <path
+           inkscape:connector-curvature="0"
+           id="path98"
+           style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 0,0 c 1.5,0 2.721,1.221 2.721,2.721 0,1.5 -1.221,2.72 -2.721,2.72 -1.5,0 -2.721,-1.22 -2.721,-2.72 C -2.721,1.221 -1.5,0 0,0" />
+      </g>
+      <g
+         transform="matrix(0.35277777,0,0,-0.35277777,252.89436,206.93379)"
+         id="g100"
+         style="fill:#000000">
+        <path
+           inkscape:connector-curvature="0"
+           id="path102"
+           style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 0,0 c -0.183,0.183 -0.314,0.426 -0.396,0.729 -0.081,0.305 -0.121,0.69 -0.121,1.157 V 20.894 L -3.346,20.407 V 1.43 c 0,-1.501 0.366,-2.607 1.096,-3.316 0.729,-0.71 1.966,-1.085 3.71,-1.125 l 0.395,2.372 C 1.409,-0.578 1.034,-0.502 0.73,-0.411 0.426,-0.319 0.183,-0.183 0,0" />
+      </g>
+      <g
+         transform="matrix(0.35277777,0,0,-0.35277777,255.41567,204.56288)"
+         id="g104"
+         style="fill:#000000">
+        <path
+           inkscape:connector-curvature="0"
+           id="path106"
+           style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="M 0,0 C 0.061,0.548 0.187,1.085 0.38,1.612 0.573,2.14 0.841,2.605 1.186,3.012 1.531,3.417 1.951,3.746 2.448,4 2.945,4.253 3.518,4.38 4.167,4.38 5.322,4.38 6.229,3.97 6.889,3.148 7.547,2.327 7.867,1.277 7.847,0 Z M 4.197,6.782 C 3.285,6.782 2.392,6.61 1.521,6.266 0.648,5.921 -0.122,5.403 -0.791,4.715 -1.46,4.025 -1.997,3.158 -2.403,2.114 -2.809,1.069 -3.011,-0.151 -3.011,-1.551 c 0,-1.196 0.157,-2.296 0.471,-3.3 0.314,-1.003 0.796,-1.87 1.445,-2.6 0.649,-0.73 1.475,-1.303 2.479,-1.718 1.004,-0.416 2.194,-0.624 3.574,-0.624 1.094,0 2.072,0.102 2.934,0.305 0.862,0.202 1.465,0.395 1.81,0.577 L 9.307,-6.538 C 8.961,-6.701 8.45,-6.868 7.771,-7.04 7.091,-7.213 6.255,-7.299 5.262,-7.299 c -1.764,0 -3.062,0.426 -3.893,1.278 -0.832,0.851 -1.308,2.098 -1.43,3.741 h 10.828 c 0.019,0.162 0.03,0.339 0.03,0.532 v 0.471 c 0,2.716 -0.568,4.739 -1.703,6.068 C 7.958,6.118 6.326,6.782 4.197,6.782" />
+      </g>
+      <g
+         transform="matrix(0.35277777,0,0,-0.35277777,263.63412,207.0947)"
+         id="g108"
+         style="fill:#000000">
+        <path
+           inkscape:connector-curvature="0"
+           id="path110"
+           style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 0,0 c -0.345,-0.082 -0.775,-0.138 -1.292,-0.168 -0.518,-0.03 -1.11,-0.045 -1.78,-0.045 -1.115,0 -1.997,0.197 -2.646,0.593 -0.649,0.395 -0.973,1.099 -0.973,2.113 0,0.548 0.132,0.989 0.396,1.323 0.263,0.335 0.593,0.598 0.988,0.791 0.395,0.193 0.831,0.32 1.308,0.38 0.476,0.061 0.927,0.092 1.353,0.092 0.649,0 1.202,-0.036 1.658,-0.106 C -0.532,4.901 -0.203,4.814 0,4.714 Z m 1.445,12.271 c -0.477,0.538 -1.106,0.954 -1.886,1.248 -0.781,0.294 -1.739,0.44 -2.874,0.44 -0.994,0 -1.916,-0.075 -2.768,-0.228 -0.851,-0.152 -1.459,-0.309 -1.824,-0.471 l 0.334,-2.342 c 0.345,0.142 0.867,0.278 1.567,0.411 0.699,0.131 1.515,0.197 2.448,0.197 0.73,0 1.323,-0.106 1.779,-0.319 0.456,-0.213 0.816,-0.497 1.08,-0.852 C -0.436,10 -0.253,9.595 -0.152,9.139 -0.051,8.683 0,8.222 0,7.755 V 6.964 c -0.081,0.02 -0.223,0.051 -0.426,0.092 -0.202,0.04 -0.441,0.086 -0.714,0.136 -0.274,0.051 -0.563,0.091 -0.867,0.122 -0.304,0.031 -0.598,0.045 -0.882,0.045 -0.893,0 -1.744,-0.09 -2.555,-0.273 C -6.255,6.903 -6.964,6.619 -7.573,6.234 -8.181,5.849 -8.663,5.342 -9.018,4.714 -9.373,4.085 -9.55,3.335 -9.55,2.463 c 0,-0.912 0.153,-1.693 0.457,-2.342 0.304,-0.649 0.73,-1.171 1.277,-1.566 0.547,-0.396 1.196,-0.684 1.946,-0.867 0.75,-0.182 1.572,-0.274 2.464,-0.274 0.628,0 1.262,0.026 1.901,0.076 0.638,0.051 1.232,0.107 1.779,0.168 0.547,0.061 1.038,0.126 1.475,0.197 0.436,0.072 0.775,0.126 1.019,0.167 v 9.885 c 0,0.892 -0.102,1.708 -0.304,2.448 -0.203,0.741 -0.543,1.379 -1.019,1.916" />
+      </g>
+      <g
+         transform="matrix(0.35277777,0,0,-0.35277777,268.94508,202.25056)"
+         id="g112"
+         style="fill:#000000">
+        <path
+           inkscape:connector-curvature="0"
+           id="path114"
+           style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 0,0 c -0.305,0.05 -0.614,0.091 -0.928,0.121 -0.314,0.031 -0.593,0.046 -0.837,0.046 -1.236,0 -2.351,-0.106 -3.345,-0.319 -0.994,-0.213 -1.825,-0.441 -2.494,-0.685 v -15.145 h 2.829 v 13.291 c 0.162,0.04 0.502,0.116 1.018,0.227 0.518,0.111 1.039,0.168 1.567,0.168 0.81,0 1.475,-0.057 1.992,-0.168 0.517,-0.111 0.886,-0.208 1.11,-0.289 l 0.486,2.464 C 1.277,-0.249 1.089,-0.203 0.836,-0.152 0.582,-0.102 0.304,-0.051 0,0" />
+      </g>
+      <g
+         transform="matrix(0.35277777,0,0,-0.35277777,274.43279,202.90511)"
+         id="g116"
+         style="fill:#000000">
+        <path
+           inkscape:connector-curvature="0"
+           id="path118"
+           style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 0,0 c -0.497,0.639 -1.161,1.136 -1.992,1.49 -0.831,0.355 -1.875,0.532 -3.133,0.532 -1.398,0 -2.636,-0.09 -3.71,-0.273 C -9.91,1.566 -10.771,1.394 -11.42,1.231 v -15.358 h 2.828 v 13.352 c 0.102,0.019 0.269,0.05 0.502,0.09 0.233,0.041 0.496,0.077 0.791,0.107 0.293,0.031 0.603,0.056 0.928,0.076 0.323,0.021 0.639,0.03 0.942,0.03 0.75,0 1.379,-0.095 1.886,-0.288 0.507,-0.193 0.912,-0.502 1.217,-0.927 0.304,-0.426 0.521,-0.985 0.653,-1.673 0.132,-0.69 0.198,-1.521 0.198,-2.494 v -8.273 h 2.829 v 8.881 c 0,1.074 -0.102,2.058 -0.304,2.95 C 0.847,-1.404 0.497,-0.639 0,0" />
+      </g>
+      <g
+         transform="matrix(0.35277777,0,0,-0.35277777,280.76829,206.24443)"
+         id="g120"
+         style="fill:#000000">
+        <path
+           inkscape:connector-curvature="0"
+           id="path122"
+           style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 0,0 c -0.608,0.812 -1.237,1.6 -1.886,2.361 -0.649,0.761 -1.277,1.416 -1.885,1.965 1.216,1.194 2.336,2.352 3.361,3.475 1.023,1.122 2.072,2.301 3.147,3.535 H -2.651 C -2.935,10.993 -3.274,10.59 -3.669,10.127 -4.064,9.663 -4.484,9.175 -4.93,8.66 -5.376,8.146 -5.837,7.627 -6.312,7.104 -6.788,6.579 -7.249,6.075 -7.694,5.592 V 18.939 L -12.227,18.21 V -4.661 h 4.533 v 7.012 c 0.505,-0.408 1.016,-0.905 1.532,-1.495 0.516,-0.588 1.007,-1.204 1.473,-1.843 0.465,-0.641 0.906,-1.281 1.32,-1.921 0.415,-0.641 0.784,-1.225 1.108,-1.753 H 2.95 C 2.605,-3.991 2.18,-3.25 1.673,-2.438 1.166,-1.625 0.608,-0.812 0,0" />
+      </g>
+      <g
+         transform="matrix(0.35277777,0,0,-0.35277777,285.77886,206.48249)"
+         id="g124"
+         style="fill:#000000">
+        <path
+           inkscape:connector-curvature="0"
+           id="path126"
+           style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 0,0 c -0.486,-0.509 -1.258,-0.763 -2.312,-0.763 -0.547,0 -1.013,0.081 -1.399,0.244 -0.385,0.163 -0.699,0.367 -0.942,0.61 -0.243,0.244 -0.421,0.513 -0.533,0.807 -0.111,0.295 -0.167,0.565 -0.167,0.809 0,0.793 0.193,1.474 0.578,2.043 0.385,0.569 0.862,1.067 1.429,1.494 0.568,-0.182 1.1,-0.381 1.597,-0.595 C -1.252,4.436 -0.821,4.192 -0.456,3.918 -0.092,3.644 0.197,3.323 0.41,2.957 0.623,2.592 0.729,2.175 0.729,1.707 0.729,1.077 0.486,0.508 0,0 m -4.744,12.41 c 0.1,0.263 0.258,0.511 0.471,0.743 0.212,0.233 0.481,0.42 0.806,0.562 0.323,0.141 0.709,0.212 1.155,0.212 0.466,0 0.862,-0.075 1.187,-0.228 0.323,-0.151 0.593,-0.339 0.806,-0.56 0.213,-0.223 0.365,-0.46 0.456,-0.713 0.091,-0.253 0.136,-0.49 0.136,-0.713 0,-0.769 -0.171,-1.415 -0.516,-1.941 -0.346,-0.526 -0.842,-0.991 -1.49,-1.395 -1.157,0.404 -1.973,0.89 -2.449,1.456 -0.476,0.565 -0.714,1.172 -0.714,1.819 0,0.243 0.049,0.495 0.152,0.758 m 6.69,-5.28 c 0.771,0.485 1.414,1.149 1.932,1.989 0.517,0.84 0.775,1.746 0.775,2.718 0,0.669 -0.127,1.342 -0.38,2.019 -0.253,0.678 -0.665,1.291 -1.232,1.837 -0.567,0.547 -1.292,0.997 -2.175,1.352 -0.882,0.354 -1.941,0.532 -3.178,0.532 -1.054,0 -2.012,-0.168 -2.874,-0.502 -0.862,-0.334 -1.596,-0.779 -2.205,-1.336 -0.608,-0.556 -1.08,-1.21 -1.414,-1.959 -0.335,-0.749 -0.502,-1.528 -0.502,-2.339 0,-1.072 0.208,-1.953 0.623,-2.641 0.416,-0.689 1.06,-1.388 1.932,-2.096 C -7.158,6.399 -7.538,6.074 -7.893,5.729 -8.247,5.385 -8.566,5.004 -8.851,4.588 -9.135,4.171 -9.357,3.709 -9.52,3.202 -9.682,2.694 -9.763,2.136 -9.763,1.526 c 0,-0.589 0.121,-1.233 0.366,-1.933 0.243,-0.7 0.653,-1.345 1.231,-1.934 0.578,-0.59 1.338,-1.082 2.281,-1.477 0.943,-0.396 2.123,-0.594 3.543,-0.594 1.237,0 2.326,0.158 3.27,0.472 0.942,0.314 1.728,0.756 2.356,1.325 0.629,0.568 1.1,1.233 1.415,1.994 C 5.013,0.141 5.17,0.979 5.17,1.892 5.17,2.988 4.922,3.947 4.425,4.77 3.928,5.592 3.103,6.379 1.946,7.13" />
+      </g>
+      <g
+         transform="matrix(0.35277777,0,0,-0.35277777,292.69383,205.72666)"
+         id="g128"
+         style="fill:#000000">
+        <path
+           inkscape:connector-curvature="0"
+           id="path130"
+           style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="M 0,0 C -0.152,0.506 -0.416,0.966 -0.791,1.381 -1.166,1.795 -1.678,2.182 -2.327,2.539 -2.976,2.896 -3.797,3.26 -4.79,3.628 -5.277,3.812 -5.678,3.98 -5.991,4.134 -6.307,4.287 -6.555,4.43 -6.736,4.562 c -0.183,0.131 -0.305,0.268 -0.366,0.41 -0.06,0.141 -0.091,0.304 -0.091,0.487 0,0.79 0.71,1.186 2.129,1.186 0.77,0 1.464,-0.072 2.084,-0.213 0.618,-0.142 1.19,-0.304 1.717,-0.487 l 0.791,3.529 c -0.527,0.202 -1.237,0.389 -2.129,0.562 -0.892,0.172 -1.825,0.258 -2.797,0.258 -1.947,0 -3.478,-0.436 -4.593,-1.308 -1.115,-0.872 -1.673,-2.057 -1.673,-3.557 0,-0.772 0.111,-1.43 0.335,-1.978 0.223,-0.547 0.537,-1.018 0.942,-1.414 0.406,-0.395 0.898,-0.735 1.476,-1.018 0.578,-0.285 1.221,-0.559 1.931,-0.822 0.913,-0.344 1.591,-0.654 2.038,-0.927 0.446,-0.274 0.669,-0.593 0.669,-0.958 0,-0.467 -0.172,-0.782 -0.517,-0.944 -0.346,-0.162 -0.933,-0.243 -1.765,-0.243 -0.79,0 -1.591,0.086 -2.402,0.259 -0.812,0.172 -1.602,0.411 -2.372,0.715 l -0.761,-3.68 c 0.365,-0.163 1.02,-0.365 1.962,-0.608 0.943,-0.244 2.124,-0.366 3.543,-0.366 2.17,0 3.848,0.406 5.034,1.214 1.186,0.81 1.779,2.003 1.779,3.581 C 0.228,-1.093 0.152,-0.506 0,0" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/learn8ks/SVG/vertical_color.svg b/learn8ks/SVG/vertical_color.svg
new file mode 100644
index 0000000..2eba577
--- /dev/null
+++ b/learn8ks/SVG/vertical_color.svg
@@ -0,0 +1,206 @@
+<?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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="413.75995"
+   height="382.23566"
+   viewBox="0 0 109.47399 101.13318"
+   version="1.1"
+   id="svg8"
+   inkscape:version="0.92.2 (5c3e80d, 2017-08-06)"
+   sodipodi:docname="vertical_color.svg"
+   inkscape:export-filename="/home/anxhelo/Desktop/Design/learn8ks/horizontal_white.png"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96">
+  <defs
+     id="defs2" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.7"
+     inkscape:cx="165.83911"
+     inkscape:cy="179.09438"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     inkscape:document-rotation="0"
+     showgrid="false"
+     borderlayer="true"
+     inkscape:showpageshadow="false"
+     units="px"
+     inkscape:pagecheckerboard="false"
+     showguides="true"
+     inkscape:window-width="1366"
+     inkscape:window-height="710"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0">
+    <inkscape:grid
+       type="xygrid"
+       id="grid10"
+       originx="-196.15148"
+       originy="-41.63462" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata5">
+    <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
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-196.15146,-154.2322)">
+    <g
+       id="g2502"
+       transform="matrix(2.6661762,0,0,2.6661762,-474.96232,-299.30356)">
+      <g
+         transform="matrix(0.35277777,0,0,-0.35277777,278.70627,182.02797)"
+         id="g76">
+        <path
+           inkscape:connector-curvature="0"
+           id="path78"
+           style="fill:#326ce5;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 0,0 c -1.5,0 -2.721,-1.221 -2.721,-2.721 0,-1.5 1.221,-2.72 2.721,-2.72 1.5,0 2.721,1.22 2.721,2.72 C 2.721,-1.221 1.5,0 0,0" />
+      </g>
+      <g
+         transform="matrix(0.35277777,0,0,-0.35277777,278.70627,185.14726)"
+         id="g80">
+        <path
+           inkscape:connector-curvature="0"
+           id="path82"
+           style="fill:#326ce5;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 0,0 c -2.167,0 -4.067,1.129 -5.155,2.829 -0.883,-2.144 -1.76,-4.597 -2.426,-6.462 -2.459,-6.884 -4.163,-11.363 -6.407,-12.886 -1.111,-1.137 -2.66,-1.846 -4.377,-1.846 -3.38,0 -6.121,2.741 -6.121,6.122 0,2.167 1.129,4.067 2.829,5.155 -2.144,0.883 -4.597,1.76 -6.462,2.426 -6.884,2.459 -11.363,4.163 -12.885,6.407 -1.138,1.111 -1.846,2.66 -1.846,4.376 0,3.381 2.74,6.122 6.121,6.122 2.167,0 4.067,-1.129 5.155,-2.829 0.883,2.144 1.76,4.597 2.426,6.462 2.459,6.884 4.163,11.363 6.407,12.885 1.111,1.138 2.66,1.846 4.376,1.846 3.381,0 6.122,-2.74 6.122,-6.121 0,-2.167 -1.129,-4.067 -2.829,-5.155 2.144,-0.883 4.597,-1.76 6.462,-2.426 C -1.726,14.446 2.753,12.742 4.276,10.498 5.413,9.387 6.122,7.838 6.122,6.121 6.122,2.741 3.381,0 0,0 m -14.527,41.548 c -1.447,1.447 -3.793,1.447 -5.24,0 L -52.58,8.735 c -1.448,-1.447 -1.448,-3.794 0,-5.241 l 32.813,-32.813 c 1.447,-1.447 3.793,-1.447 5.24,0 L 18.286,3.494 c 1.447,1.447 1.447,3.794 0,5.241 z" />
+      </g>
+      <g
+         transform="matrix(0.35277777,0,0,-0.35277777,265.74913,182.02797)"
+         id="g84">
+        <path
+           inkscape:connector-curvature="0"
+           id="path86"
+           style="fill:#326ce5;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 0,0 c -1.5,0 -2.721,-1.221 -2.721,-2.721 0,-1.5 1.221,-2.72 2.721,-2.72 1.5,0 2.721,1.22 2.721,2.72 C 2.721,-1.221 1.5,0 0,0" />
+      </g>
+      <g
+         transform="matrix(0.35277777,0,0,-0.35277777,272.22768,188.50656)"
+         id="g88">
+        <path
+           inkscape:connector-curvature="0"
+           id="path90"
+           style="fill:#326ce5;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 0,0 c -1.5,0 -2.721,-1.22 -2.721,-2.721 0,-1.5 1.221,-2.72 2.721,-2.72 1.5,0 2.721,1.22 2.721,2.72 C 2.721,-1.22 1.5,0 0,0" />
+      </g>
+      <g
+         transform="matrix(0.35277777,0,0,-0.35277777,270.71938,178.05319)"
+         id="g92">
+        <path
+           inkscape:connector-curvature="0"
+           id="path94"
+           style="fill:#326ce5;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 0,0 c -0.333,0.326 -0.627,0.69 -0.879,1.084 -0.884,-2.144 -1.76,-4.597 -2.426,-6.461 -2.459,-6.885 -4.163,-11.363 -6.407,-12.886 -0.326,-0.334 -0.69,-0.627 -1.084,-0.88 2.143,-0.883 4.596,-1.76 6.461,-2.426 6.884,-2.458 11.363,-4.163 12.886,-6.407 0.333,-0.325 0.627,-0.689 0.879,-1.083 0.884,2.143 1.76,4.596 2.426,6.461 2.459,6.884 4.163,11.363 6.407,12.886 0.326,0.333 0.69,0.627 1.084,0.879 -2.143,0.883 -4.596,1.76 -6.461,2.426 C 6.002,-3.948 1.523,-2.244 0,0" />
+      </g>
+      <g
+         transform="matrix(0.35277777,0,0,-0.35277777,272.22768,177.46899)"
+         id="g96">
+        <path
+           inkscape:connector-curvature="0"
+           id="path98"
+           style="fill:#326ce5;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 0,0 c 1.5,0 2.721,1.221 2.721,2.721 0,1.5 -1.221,2.72 -2.721,2.72 -1.5,0 -2.721,-1.22 -2.721,-2.72 C -2.721,1.221 -1.5,0 0,0" />
+      </g>
+      <g
+         transform="matrix(0.35277777,0,0,-0.35277777,252.89436,206.93379)"
+         id="g100">
+        <path
+           inkscape:connector-curvature="0"
+           id="path102"
+           style="fill:#326ce5;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 0,0 c -0.183,0.183 -0.314,0.426 -0.396,0.729 -0.081,0.305 -0.121,0.69 -0.121,1.157 V 20.894 L -3.346,20.407 V 1.43 c 0,-1.501 0.366,-2.607 1.096,-3.316 0.729,-0.71 1.966,-1.085 3.71,-1.125 l 0.395,2.372 C 1.409,-0.578 1.034,-0.502 0.73,-0.411 0.426,-0.319 0.183,-0.183 0,0" />
+      </g>
+      <g
+         transform="matrix(0.35277777,0,0,-0.35277777,255.41567,204.56288)"
+         id="g104">
+        <path
+           inkscape:connector-curvature="0"
+           id="path106"
+           style="fill:#326ce5;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="M 0,0 C 0.061,0.548 0.187,1.085 0.38,1.612 0.573,2.14 0.841,2.605 1.186,3.012 1.531,3.417 1.951,3.746 2.448,4 2.945,4.253 3.518,4.38 4.167,4.38 5.322,4.38 6.229,3.97 6.889,3.148 7.547,2.327 7.867,1.277 7.847,0 Z M 4.197,6.782 C 3.285,6.782 2.392,6.61 1.521,6.266 0.648,5.921 -0.122,5.403 -0.791,4.715 -1.46,4.025 -1.997,3.158 -2.403,2.114 -2.809,1.069 -3.011,-0.151 -3.011,-1.551 c 0,-1.196 0.157,-2.296 0.471,-3.3 0.314,-1.003 0.796,-1.87 1.445,-2.6 0.649,-0.73 1.475,-1.303 2.479,-1.718 1.004,-0.416 2.194,-0.624 3.574,-0.624 1.094,0 2.072,0.102 2.934,0.305 0.862,0.202 1.465,0.395 1.81,0.577 L 9.307,-6.538 C 8.961,-6.701 8.45,-6.868 7.771,-7.04 7.091,-7.213 6.255,-7.299 5.262,-7.299 c -1.764,0 -3.062,0.426 -3.893,1.278 -0.832,0.851 -1.308,2.098 -1.43,3.741 h 10.828 c 0.019,0.162 0.03,0.339 0.03,0.532 v 0.471 c 0,2.716 -0.568,4.739 -1.703,6.068 C 7.958,6.118 6.326,6.782 4.197,6.782" />
+      </g>
+      <g
+         transform="matrix(0.35277777,0,0,-0.35277777,263.63412,207.0947)"
+         id="g108">
+        <path
+           inkscape:connector-curvature="0"
+           id="path110"
+           style="fill:#326ce5;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 0,0 c -0.345,-0.082 -0.775,-0.138 -1.292,-0.168 -0.518,-0.03 -1.11,-0.045 -1.78,-0.045 -1.115,0 -1.997,0.197 -2.646,0.593 -0.649,0.395 -0.973,1.099 -0.973,2.113 0,0.548 0.132,0.989 0.396,1.323 0.263,0.335 0.593,0.598 0.988,0.791 0.395,0.193 0.831,0.32 1.308,0.38 0.476,0.061 0.927,0.092 1.353,0.092 0.649,0 1.202,-0.036 1.658,-0.106 C -0.532,4.901 -0.203,4.814 0,4.714 Z m 1.445,12.271 c -0.477,0.538 -1.106,0.954 -1.886,1.248 -0.781,0.294 -1.739,0.44 -2.874,0.44 -0.994,0 -1.916,-0.075 -2.768,-0.228 -0.851,-0.152 -1.459,-0.309 -1.824,-0.471 l 0.334,-2.342 c 0.345,0.142 0.867,0.278 1.567,0.411 0.699,0.131 1.515,0.197 2.448,0.197 0.73,0 1.323,-0.106 1.779,-0.319 0.456,-0.213 0.816,-0.497 1.08,-0.852 C -0.436,10 -0.253,9.595 -0.152,9.139 -0.051,8.683 0,8.222 0,7.755 V 6.964 c -0.081,0.02 -0.223,0.051 -0.426,0.092 -0.202,0.04 -0.441,0.086 -0.714,0.136 -0.274,0.051 -0.563,0.091 -0.867,0.122 -0.304,0.031 -0.598,0.045 -0.882,0.045 -0.893,0 -1.744,-0.09 -2.555,-0.273 C -6.255,6.903 -6.964,6.619 -7.573,6.234 -8.181,5.849 -8.663,5.342 -9.018,4.714 -9.373,4.085 -9.55,3.335 -9.55,2.463 c 0,-0.912 0.153,-1.693 0.457,-2.342 0.304,-0.649 0.73,-1.171 1.277,-1.566 0.547,-0.396 1.196,-0.684 1.946,-0.867 0.75,-0.182 1.572,-0.274 2.464,-0.274 0.628,0 1.262,0.026 1.901,0.076 0.638,0.051 1.232,0.107 1.779,0.168 0.547,0.061 1.038,0.126 1.475,0.197 0.436,0.072 0.775,0.126 1.019,0.167 v 9.885 c 0,0.892 -0.102,1.708 -0.304,2.448 -0.203,0.741 -0.543,1.379 -1.019,1.916" />
+      </g>
+      <g
+         transform="matrix(0.35277777,0,0,-0.35277777,268.94508,202.25056)"
+         id="g112">
+        <path
+           inkscape:connector-curvature="0"
+           id="path114"
+           style="fill:#326ce5;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 0,0 c -0.305,0.05 -0.614,0.091 -0.928,0.121 -0.314,0.031 -0.593,0.046 -0.837,0.046 -1.236,0 -2.351,-0.106 -3.345,-0.319 -0.994,-0.213 -1.825,-0.441 -2.494,-0.685 v -15.145 h 2.829 v 13.291 c 0.162,0.04 0.502,0.116 1.018,0.227 0.518,0.111 1.039,0.168 1.567,0.168 0.81,0 1.475,-0.057 1.992,-0.168 0.517,-0.111 0.886,-0.208 1.11,-0.289 l 0.486,2.464 C 1.277,-0.249 1.089,-0.203 0.836,-0.152 0.582,-0.102 0.304,-0.051 0,0" />
+      </g>
+      <g
+         transform="matrix(0.35277777,0,0,-0.35277777,274.43279,202.90511)"
+         id="g116">
+        <path
+           inkscape:connector-curvature="0"
+           id="path118"
+           style="fill:#326ce5;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 0,0 c -0.497,0.639 -1.161,1.136 -1.992,1.49 -0.831,0.355 -1.875,0.532 -3.133,0.532 -1.398,0 -2.636,-0.09 -3.71,-0.273 C -9.91,1.566 -10.771,1.394 -11.42,1.231 v -15.358 h 2.828 v 13.352 c 0.102,0.019 0.269,0.05 0.502,0.09 0.233,0.041 0.496,0.077 0.791,0.107 0.293,0.031 0.603,0.056 0.928,0.076 0.323,0.021 0.639,0.03 0.942,0.03 0.75,0 1.379,-0.095 1.886,-0.288 0.507,-0.193 0.912,-0.502 1.217,-0.927 0.304,-0.426 0.521,-0.985 0.653,-1.673 0.132,-0.69 0.198,-1.521 0.198,-2.494 v -8.273 h 2.829 v 8.881 c 0,1.074 -0.102,2.058 -0.304,2.95 C 0.847,-1.404 0.497,-0.639 0,0" />
+      </g>
+      <g
+         transform="matrix(0.35277777,0,0,-0.35277777,280.76829,206.24443)"
+         id="g120">
+        <path
+           inkscape:connector-curvature="0"
+           id="path122"
+           style="fill:#326ce5;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 0,0 c -0.608,0.812 -1.237,1.6 -1.886,2.361 -0.649,0.761 -1.277,1.416 -1.885,1.965 1.216,1.194 2.336,2.352 3.361,3.475 1.023,1.122 2.072,2.301 3.147,3.535 H -2.651 C -2.935,10.993 -3.274,10.59 -3.669,10.127 -4.064,9.663 -4.484,9.175 -4.93,8.66 -5.376,8.146 -5.837,7.627 -6.312,7.104 -6.788,6.579 -7.249,6.075 -7.694,5.592 V 18.939 L -12.227,18.21 V -4.661 h 4.533 v 7.012 c 0.505,-0.408 1.016,-0.905 1.532,-1.495 0.516,-0.588 1.007,-1.204 1.473,-1.843 0.465,-0.641 0.906,-1.281 1.32,-1.921 0.415,-0.641 0.784,-1.225 1.108,-1.753 H 2.95 C 2.605,-3.991 2.18,-3.25 1.673,-2.438 1.166,-1.625 0.608,-0.812 0,0" />
+      </g>
+      <g
+         transform="matrix(0.35277777,0,0,-0.35277777,285.77886,206.48249)"
+         id="g124">
+        <path
+           inkscape:connector-curvature="0"
+           id="path126"
+           style="fill:#326ce5;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 0,0 c -0.486,-0.509 -1.258,-0.763 -2.312,-0.763 -0.547,0 -1.013,0.081 -1.399,0.244 -0.385,0.163 -0.699,0.367 -0.942,0.61 -0.243,0.244 -0.421,0.513 -0.533,0.807 -0.111,0.295 -0.167,0.565 -0.167,0.809 0,0.793 0.193,1.474 0.578,2.043 0.385,0.569 0.862,1.067 1.429,1.494 0.568,-0.182 1.1,-0.381 1.597,-0.595 C -1.252,4.436 -0.821,4.192 -0.456,3.918 -0.092,3.644 0.197,3.323 0.41,2.957 0.623,2.592 0.729,2.175 0.729,1.707 0.729,1.077 0.486,0.508 0,0 m -4.744,12.41 c 0.1,0.263 0.258,0.511 0.471,0.743 0.212,0.233 0.481,0.42 0.806,0.562 0.323,0.141 0.709,0.212 1.155,0.212 0.466,0 0.862,-0.075 1.187,-0.228 0.323,-0.151 0.593,-0.339 0.806,-0.56 0.213,-0.223 0.365,-0.46 0.456,-0.713 0.091,-0.253 0.136,-0.49 0.136,-0.713 0,-0.769 -0.171,-1.415 -0.516,-1.941 -0.346,-0.526 -0.842,-0.991 -1.49,-1.395 -1.157,0.404 -1.973,0.89 -2.449,1.456 -0.476,0.565 -0.714,1.172 -0.714,1.819 0,0.243 0.049,0.495 0.152,0.758 m 6.69,-5.28 c 0.771,0.485 1.414,1.149 1.932,1.989 0.517,0.84 0.775,1.746 0.775,2.718 0,0.669 -0.127,1.342 -0.38,2.019 -0.253,0.678 -0.665,1.291 -1.232,1.837 -0.567,0.547 -1.292,0.997 -2.175,1.352 -0.882,0.354 -1.941,0.532 -3.178,0.532 -1.054,0 -2.012,-0.168 -2.874,-0.502 -0.862,-0.334 -1.596,-0.779 -2.205,-1.336 -0.608,-0.556 -1.08,-1.21 -1.414,-1.959 -0.335,-0.749 -0.502,-1.528 -0.502,-2.339 0,-1.072 0.208,-1.953 0.623,-2.641 0.416,-0.689 1.06,-1.388 1.932,-2.096 C -7.158,6.399 -7.538,6.074 -7.893,5.729 -8.247,5.385 -8.566,5.004 -8.851,4.588 -9.135,4.171 -9.357,3.709 -9.52,3.202 -9.682,2.694 -9.763,2.136 -9.763,1.526 c 0,-0.589 0.121,-1.233 0.366,-1.933 0.243,-0.7 0.653,-1.345 1.231,-1.934 0.578,-0.59 1.338,-1.082 2.281,-1.477 0.943,-0.396 2.123,-0.594 3.543,-0.594 1.237,0 2.326,0.158 3.27,0.472 0.942,0.314 1.728,0.756 2.356,1.325 0.629,0.568 1.1,1.233 1.415,1.994 C 5.013,0.141 5.17,0.979 5.17,1.892 5.17,2.988 4.922,3.947 4.425,4.77 3.928,5.592 3.103,6.379 1.946,7.13" />
+      </g>
+      <g
+         transform="matrix(0.35277777,0,0,-0.35277777,292.69383,205.72666)"
+         id="g128">
+        <path
+           inkscape:connector-curvature="0"
+           id="path130"
+           style="fill:#326ce5;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="M 0,0 C -0.152,0.506 -0.416,0.966 -0.791,1.381 -1.166,1.795 -1.678,2.182 -2.327,2.539 -2.976,2.896 -3.797,3.26 -4.79,3.628 -5.277,3.812 -5.678,3.98 -5.991,4.134 -6.307,4.287 -6.555,4.43 -6.736,4.562 c -0.183,0.131 -0.305,0.268 -0.366,0.41 -0.06,0.141 -0.091,0.304 -0.091,0.487 0,0.79 0.71,1.186 2.129,1.186 0.77,0 1.464,-0.072 2.084,-0.213 0.618,-0.142 1.19,-0.304 1.717,-0.487 l 0.791,3.529 c -0.527,0.202 -1.237,0.389 -2.129,0.562 -0.892,0.172 -1.825,0.258 -2.797,0.258 -1.947,0 -3.478,-0.436 -4.593,-1.308 -1.115,-0.872 -1.673,-2.057 -1.673,-3.557 0,-0.772 0.111,-1.43 0.335,-1.978 0.223,-0.547 0.537,-1.018 0.942,-1.414 0.406,-0.395 0.898,-0.735 1.476,-1.018 0.578,-0.285 1.221,-0.559 1.931,-0.822 0.913,-0.344 1.591,-0.654 2.038,-0.927 0.446,-0.274 0.669,-0.593 0.669,-0.958 0,-0.467 -0.172,-0.782 -0.517,-0.944 -0.346,-0.162 -0.933,-0.243 -1.765,-0.243 -0.79,0 -1.591,0.086 -2.402,0.259 -0.812,0.172 -1.602,0.411 -2.372,0.715 l -0.761,-3.68 c 0.365,-0.163 1.02,-0.365 1.962,-0.608 0.943,-0.244 2.124,-0.366 3.543,-0.366 2.17,0 3.848,0.406 5.034,1.214 1.186,0.81 1.779,2.003 1.779,3.581 C 0.228,-1.093 0.152,-0.506 0,0" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/learn8ks/SVG/vertical_white.svg b/learn8ks/SVG/vertical_white.svg
new file mode 100644
index 0000000..5c8e84b
--- /dev/null
+++ b/learn8ks/SVG/vertical_white.svg
@@ -0,0 +1,221 @@
+<?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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="413.75995"
+   height="382.23566"
+   viewBox="0 0 109.47399 101.13318"
+   version="1.1"
+   id="svg8"
+   inkscape:version="0.92.2 (5c3e80d, 2017-08-06)"
+   sodipodi:docname="vertical_white.svg"
+   inkscape:export-filename="/home/anxhelo/Desktop/Design/learn8ks/vertical_black.png"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96">
+  <defs
+     id="defs2" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.7"
+     inkscape:cx="165.83911"
+     inkscape:cy="179.09438"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     inkscape:document-rotation="0"
+     showgrid="false"
+     borderlayer="true"
+     inkscape:showpageshadow="false"
+     units="px"
+     inkscape:pagecheckerboard="false"
+     showguides="true"
+     inkscape:window-width="1366"
+     inkscape:window-height="710"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0">
+    <inkscape:grid
+       type="xygrid"
+       id="grid10"
+       originx="-196.15148"
+       originy="-41.63462" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata5">
+    <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
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-196.15146,-154.2322)">
+    <g
+       id="g2502"
+       transform="matrix(2.6661762,0,0,2.6661762,-474.96232,-299.30356)"
+       style="fill:#ffffff">
+      <g
+         transform="matrix(0.35277777,0,0,-0.35277777,278.70627,182.02797)"
+         id="g76"
+         style="fill:#ffffff">
+        <path
+           inkscape:connector-curvature="0"
+           id="path78"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 0,0 c -1.5,0 -2.721,-1.221 -2.721,-2.721 0,-1.5 1.221,-2.72 2.721,-2.72 1.5,0 2.721,1.22 2.721,2.72 C 2.721,-1.221 1.5,0 0,0" />
+      </g>
+      <g
+         transform="matrix(0.35277777,0,0,-0.35277777,278.70627,185.14726)"
+         id="g80"
+         style="fill:#ffffff">
+        <path
+           inkscape:connector-curvature="0"
+           id="path82"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 0,0 c -2.167,0 -4.067,1.129 -5.155,2.829 -0.883,-2.144 -1.76,-4.597 -2.426,-6.462 -2.459,-6.884 -4.163,-11.363 -6.407,-12.886 -1.111,-1.137 -2.66,-1.846 -4.377,-1.846 -3.38,0 -6.121,2.741 -6.121,6.122 0,2.167 1.129,4.067 2.829,5.155 -2.144,0.883 -4.597,1.76 -6.462,2.426 -6.884,2.459 -11.363,4.163 -12.885,6.407 -1.138,1.111 -1.846,2.66 -1.846,4.376 0,3.381 2.74,6.122 6.121,6.122 2.167,0 4.067,-1.129 5.155,-2.829 0.883,2.144 1.76,4.597 2.426,6.462 2.459,6.884 4.163,11.363 6.407,12.885 1.111,1.138 2.66,1.846 4.376,1.846 3.381,0 6.122,-2.74 6.122,-6.121 0,-2.167 -1.129,-4.067 -2.829,-5.155 2.144,-0.883 4.597,-1.76 6.462,-2.426 C -1.726,14.446 2.753,12.742 4.276,10.498 5.413,9.387 6.122,7.838 6.122,6.121 6.122,2.741 3.381,0 0,0 m -14.527,41.548 c -1.447,1.447 -3.793,1.447 -5.24,0 L -52.58,8.735 c -1.448,-1.447 -1.448,-3.794 0,-5.241 l 32.813,-32.813 c 1.447,-1.447 3.793,-1.447 5.24,0 L 18.286,3.494 c 1.447,1.447 1.447,3.794 0,5.241 z" />
+      </g>
+      <g
+         transform="matrix(0.35277777,0,0,-0.35277777,265.74913,182.02797)"
+         id="g84"
+         style="fill:#ffffff">
+        <path
+           inkscape:connector-curvature="0"
+           id="path86"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 0,0 c -1.5,0 -2.721,-1.221 -2.721,-2.721 0,-1.5 1.221,-2.72 2.721,-2.72 1.5,0 2.721,1.22 2.721,2.72 C 2.721,-1.221 1.5,0 0,0" />
+      </g>
+      <g
+         transform="matrix(0.35277777,0,0,-0.35277777,272.22768,188.50656)"
+         id="g88"
+         style="fill:#ffffff">
+        <path
+           inkscape:connector-curvature="0"
+           id="path90"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 0,0 c -1.5,0 -2.721,-1.22 -2.721,-2.721 0,-1.5 1.221,-2.72 2.721,-2.72 1.5,0 2.721,1.22 2.721,2.72 C 2.721,-1.22 1.5,0 0,0" />
+      </g>
+      <g
+         transform="matrix(0.35277777,0,0,-0.35277777,270.71938,178.05319)"
+         id="g92"
+         style="fill:#ffffff">
+        <path
+           inkscape:connector-curvature="0"
+           id="path94"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 0,0 c -0.333,0.326 -0.627,0.69 -0.879,1.084 -0.884,-2.144 -1.76,-4.597 -2.426,-6.461 -2.459,-6.885 -4.163,-11.363 -6.407,-12.886 -0.326,-0.334 -0.69,-0.627 -1.084,-0.88 2.143,-0.883 4.596,-1.76 6.461,-2.426 6.884,-2.458 11.363,-4.163 12.886,-6.407 0.333,-0.325 0.627,-0.689 0.879,-1.083 0.884,2.143 1.76,4.596 2.426,6.461 2.459,6.884 4.163,11.363 6.407,12.886 0.326,0.333 0.69,0.627 1.084,0.879 -2.143,0.883 -4.596,1.76 -6.461,2.426 C 6.002,-3.948 1.523,-2.244 0,0" />
+      </g>
+      <g
+         transform="matrix(0.35277777,0,0,-0.35277777,272.22768,177.46899)"
+         id="g96"
+         style="fill:#ffffff">
+        <path
+           inkscape:connector-curvature="0"
+           id="path98"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 0,0 c 1.5,0 2.721,1.221 2.721,2.721 0,1.5 -1.221,2.72 -2.721,2.72 -1.5,0 -2.721,-1.22 -2.721,-2.72 C -2.721,1.221 -1.5,0 0,0" />
+      </g>
+      <g
+         transform="matrix(0.35277777,0,0,-0.35277777,252.89436,206.93379)"
+         id="g100"
+         style="fill:#ffffff">
+        <path
+           inkscape:connector-curvature="0"
+           id="path102"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 0,0 c -0.183,0.183 -0.314,0.426 -0.396,0.729 -0.081,0.305 -0.121,0.69 -0.121,1.157 V 20.894 L -3.346,20.407 V 1.43 c 0,-1.501 0.366,-2.607 1.096,-3.316 0.729,-0.71 1.966,-1.085 3.71,-1.125 l 0.395,2.372 C 1.409,-0.578 1.034,-0.502 0.73,-0.411 0.426,-0.319 0.183,-0.183 0,0" />
+      </g>
+      <g
+         transform="matrix(0.35277777,0,0,-0.35277777,255.41567,204.56288)"
+         id="g104"
+         style="fill:#ffffff">
+        <path
+           inkscape:connector-curvature="0"
+           id="path106"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="M 0,0 C 0.061,0.548 0.187,1.085 0.38,1.612 0.573,2.14 0.841,2.605 1.186,3.012 1.531,3.417 1.951,3.746 2.448,4 2.945,4.253 3.518,4.38 4.167,4.38 5.322,4.38 6.229,3.97 6.889,3.148 7.547,2.327 7.867,1.277 7.847,0 Z M 4.197,6.782 C 3.285,6.782 2.392,6.61 1.521,6.266 0.648,5.921 -0.122,5.403 -0.791,4.715 -1.46,4.025 -1.997,3.158 -2.403,2.114 -2.809,1.069 -3.011,-0.151 -3.011,-1.551 c 0,-1.196 0.157,-2.296 0.471,-3.3 0.314,-1.003 0.796,-1.87 1.445,-2.6 0.649,-0.73 1.475,-1.303 2.479,-1.718 1.004,-0.416 2.194,-0.624 3.574,-0.624 1.094,0 2.072,0.102 2.934,0.305 0.862,0.202 1.465,0.395 1.81,0.577 L 9.307,-6.538 C 8.961,-6.701 8.45,-6.868 7.771,-7.04 7.091,-7.213 6.255,-7.299 5.262,-7.299 c -1.764,0 -3.062,0.426 -3.893,1.278 -0.832,0.851 -1.308,2.098 -1.43,3.741 h 10.828 c 0.019,0.162 0.03,0.339 0.03,0.532 v 0.471 c 0,2.716 -0.568,4.739 -1.703,6.068 C 7.958,6.118 6.326,6.782 4.197,6.782" />
+      </g>
+      <g
+         transform="matrix(0.35277777,0,0,-0.35277777,263.63412,207.0947)"
+         id="g108"
+         style="fill:#ffffff">
+        <path
+           inkscape:connector-curvature="0"
+           id="path110"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 0,0 c -0.345,-0.082 -0.775,-0.138 -1.292,-0.168 -0.518,-0.03 -1.11,-0.045 -1.78,-0.045 -1.115,0 -1.997,0.197 -2.646,0.593 -0.649,0.395 -0.973,1.099 -0.973,2.113 0,0.548 0.132,0.989 0.396,1.323 0.263,0.335 0.593,0.598 0.988,0.791 0.395,0.193 0.831,0.32 1.308,0.38 0.476,0.061 0.927,0.092 1.353,0.092 0.649,0 1.202,-0.036 1.658,-0.106 C -0.532,4.901 -0.203,4.814 0,4.714 Z m 1.445,12.271 c -0.477,0.538 -1.106,0.954 -1.886,1.248 -0.781,0.294 -1.739,0.44 -2.874,0.44 -0.994,0 -1.916,-0.075 -2.768,-0.228 -0.851,-0.152 -1.459,-0.309 -1.824,-0.471 l 0.334,-2.342 c 0.345,0.142 0.867,0.278 1.567,0.411 0.699,0.131 1.515,0.197 2.448,0.197 0.73,0 1.323,-0.106 1.779,-0.319 0.456,-0.213 0.816,-0.497 1.08,-0.852 C -0.436,10 -0.253,9.595 -0.152,9.139 -0.051,8.683 0,8.222 0,7.755 V 6.964 c -0.081,0.02 -0.223,0.051 -0.426,0.092 -0.202,0.04 -0.441,0.086 -0.714,0.136 -0.274,0.051 -0.563,0.091 -0.867,0.122 -0.304,0.031 -0.598,0.045 -0.882,0.045 -0.893,0 -1.744,-0.09 -2.555,-0.273 C -6.255,6.903 -6.964,6.619 -7.573,6.234 -8.181,5.849 -8.663,5.342 -9.018,4.714 -9.373,4.085 -9.55,3.335 -9.55,2.463 c 0,-0.912 0.153,-1.693 0.457,-2.342 0.304,-0.649 0.73,-1.171 1.277,-1.566 0.547,-0.396 1.196,-0.684 1.946,-0.867 0.75,-0.182 1.572,-0.274 2.464,-0.274 0.628,0 1.262,0.026 1.901,0.076 0.638,0.051 1.232,0.107 1.779,0.168 0.547,0.061 1.038,0.126 1.475,0.197 0.436,0.072 0.775,0.126 1.019,0.167 v 9.885 c 0,0.892 -0.102,1.708 -0.304,2.448 -0.203,0.741 -0.543,1.379 -1.019,1.916" />
+      </g>
+      <g
+         transform="matrix(0.35277777,0,0,-0.35277777,268.94508,202.25056)"
+         id="g112"
+         style="fill:#ffffff">
+        <path
+           inkscape:connector-curvature="0"
+           id="path114"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 0,0 c -0.305,0.05 -0.614,0.091 -0.928,0.121 -0.314,0.031 -0.593,0.046 -0.837,0.046 -1.236,0 -2.351,-0.106 -3.345,-0.319 -0.994,-0.213 -1.825,-0.441 -2.494,-0.685 v -15.145 h 2.829 v 13.291 c 0.162,0.04 0.502,0.116 1.018,0.227 0.518,0.111 1.039,0.168 1.567,0.168 0.81,0 1.475,-0.057 1.992,-0.168 0.517,-0.111 0.886,-0.208 1.11,-0.289 l 0.486,2.464 C 1.277,-0.249 1.089,-0.203 0.836,-0.152 0.582,-0.102 0.304,-0.051 0,0" />
+      </g>
+      <g
+         transform="matrix(0.35277777,0,0,-0.35277777,274.43279,202.90511)"
+         id="g116"
+         style="fill:#ffffff">
+        <path
+           inkscape:connector-curvature="0"
+           id="path118"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 0,0 c -0.497,0.639 -1.161,1.136 -1.992,1.49 -0.831,0.355 -1.875,0.532 -3.133,0.532 -1.398,0 -2.636,-0.09 -3.71,-0.273 C -9.91,1.566 -10.771,1.394 -11.42,1.231 v -15.358 h 2.828 v 13.352 c 0.102,0.019 0.269,0.05 0.502,0.09 0.233,0.041 0.496,0.077 0.791,0.107 0.293,0.031 0.603,0.056 0.928,0.076 0.323,0.021 0.639,0.03 0.942,0.03 0.75,0 1.379,-0.095 1.886,-0.288 0.507,-0.193 0.912,-0.502 1.217,-0.927 0.304,-0.426 0.521,-0.985 0.653,-1.673 0.132,-0.69 0.198,-1.521 0.198,-2.494 v -8.273 h 2.829 v 8.881 c 0,1.074 -0.102,2.058 -0.304,2.95 C 0.847,-1.404 0.497,-0.639 0,0" />
+      </g>
+      <g
+         transform="matrix(0.35277777,0,0,-0.35277777,280.76829,206.24443)"
+         id="g120"
+         style="fill:#ffffff">
+        <path
+           inkscape:connector-curvature="0"
+           id="path122"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 0,0 c -0.608,0.812 -1.237,1.6 -1.886,2.361 -0.649,0.761 -1.277,1.416 -1.885,1.965 1.216,1.194 2.336,2.352 3.361,3.475 1.023,1.122 2.072,2.301 3.147,3.535 H -2.651 C -2.935,10.993 -3.274,10.59 -3.669,10.127 -4.064,9.663 -4.484,9.175 -4.93,8.66 -5.376,8.146 -5.837,7.627 -6.312,7.104 -6.788,6.579 -7.249,6.075 -7.694,5.592 V 18.939 L -12.227,18.21 V -4.661 h 4.533 v 7.012 c 0.505,-0.408 1.016,-0.905 1.532,-1.495 0.516,-0.588 1.007,-1.204 1.473,-1.843 0.465,-0.641 0.906,-1.281 1.32,-1.921 0.415,-0.641 0.784,-1.225 1.108,-1.753 H 2.95 C 2.605,-3.991 2.18,-3.25 1.673,-2.438 1.166,-1.625 0.608,-0.812 0,0" />
+      </g>
+      <g
+         transform="matrix(0.35277777,0,0,-0.35277777,285.77886,206.48249)"
+         id="g124"
+         style="fill:#ffffff">
+        <path
+           inkscape:connector-curvature="0"
+           id="path126"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="m 0,0 c -0.486,-0.509 -1.258,-0.763 -2.312,-0.763 -0.547,0 -1.013,0.081 -1.399,0.244 -0.385,0.163 -0.699,0.367 -0.942,0.61 -0.243,0.244 -0.421,0.513 -0.533,0.807 -0.111,0.295 -0.167,0.565 -0.167,0.809 0,0.793 0.193,1.474 0.578,2.043 0.385,0.569 0.862,1.067 1.429,1.494 0.568,-0.182 1.1,-0.381 1.597,-0.595 C -1.252,4.436 -0.821,4.192 -0.456,3.918 -0.092,3.644 0.197,3.323 0.41,2.957 0.623,2.592 0.729,2.175 0.729,1.707 0.729,1.077 0.486,0.508 0,0 m -4.744,12.41 c 0.1,0.263 0.258,0.511 0.471,0.743 0.212,0.233 0.481,0.42 0.806,0.562 0.323,0.141 0.709,0.212 1.155,0.212 0.466,0 0.862,-0.075 1.187,-0.228 0.323,-0.151 0.593,-0.339 0.806,-0.56 0.213,-0.223 0.365,-0.46 0.456,-0.713 0.091,-0.253 0.136,-0.49 0.136,-0.713 0,-0.769 -0.171,-1.415 -0.516,-1.941 -0.346,-0.526 -0.842,-0.991 -1.49,-1.395 -1.157,0.404 -1.973,0.89 -2.449,1.456 -0.476,0.565 -0.714,1.172 -0.714,1.819 0,0.243 0.049,0.495 0.152,0.758 m 6.69,-5.28 c 0.771,0.485 1.414,1.149 1.932,1.989 0.517,0.84 0.775,1.746 0.775,2.718 0,0.669 -0.127,1.342 -0.38,2.019 -0.253,0.678 -0.665,1.291 -1.232,1.837 -0.567,0.547 -1.292,0.997 -2.175,1.352 -0.882,0.354 -1.941,0.532 -3.178,0.532 -1.054,0 -2.012,-0.168 -2.874,-0.502 -0.862,-0.334 -1.596,-0.779 -2.205,-1.336 -0.608,-0.556 -1.08,-1.21 -1.414,-1.959 -0.335,-0.749 -0.502,-1.528 -0.502,-2.339 0,-1.072 0.208,-1.953 0.623,-2.641 0.416,-0.689 1.06,-1.388 1.932,-2.096 C -7.158,6.399 -7.538,6.074 -7.893,5.729 -8.247,5.385 -8.566,5.004 -8.851,4.588 -9.135,4.171 -9.357,3.709 -9.52,3.202 -9.682,2.694 -9.763,2.136 -9.763,1.526 c 0,-0.589 0.121,-1.233 0.366,-1.933 0.243,-0.7 0.653,-1.345 1.231,-1.934 0.578,-0.59 1.338,-1.082 2.281,-1.477 0.943,-0.396 2.123,-0.594 3.543,-0.594 1.237,0 2.326,0.158 3.27,0.472 0.942,0.314 1.728,0.756 2.356,1.325 0.629,0.568 1.1,1.233 1.415,1.994 C 5.013,0.141 5.17,0.979 5.17,1.892 5.17,2.988 4.922,3.947 4.425,4.77 3.928,5.592 3.103,6.379 1.946,7.13" />
+      </g>
+      <g
+         transform="matrix(0.35277777,0,0,-0.35277777,292.69383,205.72666)"
+         id="g128"
+         style="fill:#ffffff">
+        <path
+           inkscape:connector-curvature="0"
+           id="path130"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           d="M 0,0 C -0.152,0.506 -0.416,0.966 -0.791,1.381 -1.166,1.795 -1.678,2.182 -2.327,2.539 -2.976,2.896 -3.797,3.26 -4.79,3.628 -5.277,3.812 -5.678,3.98 -5.991,4.134 -6.307,4.287 -6.555,4.43 -6.736,4.562 c -0.183,0.131 -0.305,0.268 -0.366,0.41 -0.06,0.141 -0.091,0.304 -0.091,0.487 0,0.79 0.71,1.186 2.129,1.186 0.77,0 1.464,-0.072 2.084,-0.213 0.618,-0.142 1.19,-0.304 1.717,-0.487 l 0.791,3.529 c -0.527,0.202 -1.237,0.389 -2.129,0.562 -0.892,0.172 -1.825,0.258 -2.797,0.258 -1.947,0 -3.478,-0.436 -4.593,-1.308 -1.115,-0.872 -1.673,-2.057 -1.673,-3.557 0,-0.772 0.111,-1.43 0.335,-1.978 0.223,-0.547 0.537,-1.018 0.942,-1.414 0.406,-0.395 0.898,-0.735 1.476,-1.018 0.578,-0.285 1.221,-0.559 1.931,-0.822 0.913,-0.344 1.591,-0.654 2.038,-0.927 0.446,-0.274 0.669,-0.593 0.669,-0.958 0,-0.467 -0.172,-0.782 -0.517,-0.944 -0.346,-0.162 -0.933,-0.243 -1.765,-0.243 -0.79,0 -1.591,0.086 -2.402,0.259 -0.812,0.172 -1.602,0.411 -2.372,0.715 l -0.761,-3.68 c 0.365,-0.163 1.02,-0.365 1.962,-0.608 0.943,-0.244 2.124,-0.366 3.543,-0.366 2.17,0 3.848,0.406 5.034,1.214 1.186,0.81 1.779,2.003 1.779,3.581 C 0.228,-1.093 0.152,-0.506 0,0" />
+      </g>
+    </g>
+  </g>
+</svg>