First commit. Check if all is uploaded well.

2026-02-21 20:43:47 +01:00 · 2017-10-30 22:59:39 +01:00
parent f88dceff1b
commit 6b38aa6cf8
247 changed files with 27230 additions and 0 deletions
--- a/assets/fonts/fonts/checkserver.eot
+++ b/assets/fonts/fonts/checkserver.eot
--- a/assets/fonts/fonts/checkserver.svg
+++ b/assets/fonts/fonts/checkserver.svg
@@ -0,0 +1,28 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>Generated by Fontastic.me</metadata>
+<defs>
+<font id="checkserver" horiz-adv-x="512">
+<font-face font-family="checkserver" units-per-em="512" ascent="480" descent="-32"/>
+<missing-glyph horiz-adv-x="512" />
+
+<glyph glyph-name="question-circle" unicode="&#97;" d="M293 119l0 55c0 2-1 5-3 6-2 2-4 3-7 3l-54 0c-3 0-5-1-7-3-2-1-3-4-3-6l0-55c0-3 1-5 3-7 2-1 4-2 7-2l54 0c3 0 5 1 7 2 2 2 3 4 3 7z m73 192c0 17-6 32-16 46-11 15-24 26-40 34-16 7-32 11-48 11-47 0-82-20-106-61-3-4-2-8 2-12l38-28c1-1 3-2 5-2 3 0 6 1 7 4 10 13 19 21 25 26 6 4 15 7 24 7 10 0 18-3 25-8 7-5 11-10 11-17 0-7-2-13-6-17-4-4-10-9-20-13-12-5-23-13-33-25-10-11-15-23-15-35l0-11c0-2 1-5 3-6 2-2 4-3 7-3l54 0c3 0 5 1 7 3 2 1 3 4 3 6 0 4 2 9 6 14 4 6 9 11 15 15 6 3 11 6 14 8 4 2 8 5 13 10 6 4 10 9 13 13 3 5 6 11 8 18 3 7 4 14 4 23z m109-55c0-40-9-77-29-110-20-34-46-60-80-80-33-20-70-29-110-29-40 0-77 9-110 29-34 20-60 46-80 80-20 33-29 70-29 110 0 40 9 77 29 110 20 34 46 60 80 80 33 20 70 29 110 29 40 0 77-9 110-29 34-20 60-46 80-80 20-33 29-70 29-110z"/>
+<glyph glyph-name="home-house-streamline" unicode="&#98;" d="M437 224c-6 0-10-5-10-11l0-192-107 0 0 139-128 0 0-139-107 0 0 203c0 6-4 11-10 11-6 0-11-5-11-11l0-224 149 0 0 139 86 0 0-139 149 0 0 213c0 6-5 11-11 11z m72 18l-253 242-253-242c-4-4-4-10 0-15 4-4 11-4 15 0l238 228 238-228c2-2 5-3 7-3 3 0 6 1 8 3 4 5 4 11 0 15z m-168 185l64 0 0-64c0-6 5-11 11-11 6 0 11 5 11 11l0 85-86 0c-6 0-10-5-10-11 0-6 4-10 10-10z"/>
+<glyph glyph-name="edit-modify-streamline" unicode="&#99;" d="M384 267c-6 0-11-5-11-11l0-235-352 0 0 427 288 0c6 0 11 5 11 11 0 6-5 10-11 10l-309 0 0-469 395 0 0 256c0 6-5 11-11 11z m126 224c-6 13-18 21-31 21-8 0-16-3-22-10l-30-30c0 0 0 0 0 0 0 0 0 0 0 0l-174-173c0-1-1-2-2-3l-30-60c-2-5-1-10 2-13 2-2 5-3 8-3 1 0 3 0 5 1l60 30c1 1 2 2 3 2l203 204c10 10 13 22 8 34z m-225-221l-30-15 15 30 164 165 16-16z m202 202l-22-22-15 15 22 22c2 3 5 4 7 4 5 0 9-4 11-8 2-4 1-7-3-11z"/>
+<glyph glyph-name="settings-streamline-1" unicode="&#100;" d="M480 309l-40 0c-4 14-9 27-16 40l28 28c6 6 9 14 9 22 0 9-3 17-9 23l-30 30c-12 12-33 12-45 0l-28-28c-13 7-26 12-40 16l0 40c0 18-14 32-32 32l-42 0c-18 0-32-14-32-32l0-40c-14-4-27-9-40-16l-28 28c-12 12-33 12-45 0l-30-30c-13-13-13-33 0-45l28-28c-7-13-12-26-16-40l-40 0c-9 0-17-3-23-9-6-6-9-14-9-23l0-42c0-18 14-32 32-32l40 0c4-14 9-27 16-40l-28-28c-6-6-10-14-10-22 0-9 4-17 10-23l30-30c12-12 33-12 45 0l28 28c13-7 26-12 40-16l0-40c0-18 14-32 32-32l42 0c18 0 32 14 32 32l0 40c14 4 27 9 40 16l28-28c12-12 33-12 45 0l30 30c13 13 13 33 0 45l-28 28c7 13 12 26 16 40l40 0c9 0 17 3 23 9 6 6 9 14 9 23l0 42c0 18-14 32-32 32z m11-74c0-3-1-6-3-8-2-2-5-3-8-3l-48 0c-5 0-9-3-10-8-4-17-11-34-20-49-3-4-2-9 1-13l34-34c4-4 4-11 0-15l-30-30c-4-4-11-4-15 0l-34 34c-4 3-9 4-13 1-15-9-32-16-49-20-5-1-8-5-8-10l0-48c0-6-5-11-11-11l-42 0c-6 0-11 5-11 11l0 48c0 5-3 9-8 10-17 4-34 11-49 20-1 2-3 2-5 2-3 0-6-1-8-3l-34-34c-4-4-11-4-15 0l-30 30c-2 2-3 5-3 8 0 2 1 5 3 7l34 34c3 4 4 9 1 13-9 15-16 32-20 49-1 5-5 8-10 8l-48 0c-6 0-11 5-11 11l0 42c0 3 1 6 3 8 2 2 5 3 8 3l48 0c5 0 9 3 10 8 4 17 11 34 20 49 3 4 2 9-1 13l-34 34c-4 4-4 11 0 15l30 30c4 4 11 4 15 0l34-34c4-3 9-4 13-1 15 9 32 16 49 20 5 1 8 5 8 10l0 48c0 6 5 11 11 11l42 0c6 0 11-5 11-11l0-48c0-5 3-9 8-10 17-4 34-11 49-20 4-3 9-2 13 1l34 34c4 4 11 4 15 0l30-30c2-2 3-5 3-8 0-2-1-5-3-7l-34-34c-3-4-4-9-1-13 9-15 16-32 20-49 1-5 5-8 10-8l48 0c6 0 11-5 11-11z m-235 128c-59 0-107-48-107-107 0-59 48-107 107-107 59 0 107 48 107 107 0 59-48 107-107 107z m0-192c-47 0-85 38-85 85 0 47 38 85 85 85 47 0 85-38 85-85 0-47-38-85-85-85z"/>
+<glyph glyph-name="folder-o" unicode="&#101;" d="M457 137l0 201c0 8-3 14-8 20-5 5-12 8-19 8l-201 0c-8 0-15 2-20 8-5 5-8 12-8 19l0 18c0 8-3 15-8 20-5 5-12 8-19 8l-92 0c-7 0-14-3-19-8-5-5-8-12-8-20l0-274c0-7 3-14 8-19 5-6 12-8 19-8l348 0c7 0 14 2 19 8 5 5 8 12 8 19z m37 201l0-201c0-17-7-32-19-45-13-13-28-19-45-19l-348 0c-17 0-32 6-45 19-12 13-19 28-19 45l0 274c0 18 7 33 19 46 13 12 28 18 45 18l92 0c17 0 32-6 45-18 12-13 19-28 19-46l0-9 192 0c17 0 32-6 45-19 12-12 19-27 19-45z"/>
+<glyph glyph-name="folder-open-o" unicode="&#102;" d="M491 246c0 7-5 10-16 10l-310 0c-8 0-16-2-25-6-9-4-15-9-20-15l-84-104c-4-4-5-8-5-11 0-7 5-10 15-10l311 0c7 0 15 2 24 6 9 4 16 9 20 15l84 104c4 4 6 8 6 11z m-326 47l219 0 0 45c0 8-3 14-8 20-5 5-12 8-19 8l-165 0c-8 0-14 2-19 8-6 5-8 12-8 19l0 18c0 8-3 15-8 20-6 5-12 8-20 8l-91 0c-8 0-14-3-20-8-5-5-8-12-8-20l0-243 73 90c9 10 20 18 34 25 13 6 27 10 40 10z m362-47c0-12-4-23-13-34l-84-104c-8-10-20-18-33-25-14-7-28-10-40-10l-311 0c-18 0-33 6-45 19-13 13-19 28-19 45l0 274c0 18 6 33 19 46 12 12 27 18 45 18l91 0c18 0 33-6 45-18 13-13 19-28 19-46l0-9 156 0c17 0 32-6 45-19 12-12 19-27 19-45l0-45 54 0c11 0 20-3 29-7 8-5 15-12 19-21 3-6 4-12 4-19z"/>
+<glyph glyph-name="sign-out" unicode="&#103;" d="M201 101c0-1 0-3 0-6 1-3 1-6 1-8-1-2-1-4-1-6-1-3-2-5-3-6-2-1-4-2-6-2l-91 0c-23 0-42 8-59 24-16 16-24 36-24 58l0 202c0 22 8 42 24 58 17 16 36 24 59 24l91 0c2 0 5-1 6-3 2-2 3-4 3-6 0-1 0-3 0-6 1-3 1-6 1-8-1-2-1-4-1-6-1-3-2-5-3-6-2-1-4-2-6-2l-91 0c-13 0-24-4-33-13-9-9-13-20-13-32l0-202c0-12 4-23 13-32 9-9 20-13 33-13l89 0 3-1 3 0 3-2 2-3z m265 155c0-5-2-9-5-13l-156-155c-3-4-7-6-12-6-5 0-10 2-13 6-4 3-6 8-6 13l0 82-128 0c-5 0-9 2-13 5-3 4-5 8-5 13l0 110c0 5 2 9 5 13 4 3 8 5 13 5l128 0 0 82c0 5 2 10 6 13 3 4 8 6 13 6 5 0 9-2 12-6l156-155c3-4 5-8 5-13z"/>
+<glyph glyph-name="times" unicode="&#104;" d="M426 134c0-7-3-14-8-19l-39-39c-5-5-12-8-20-8-7 0-14 3-19 8l-84 84-84-84c-5-5-12-8-19-8-8 0-15 3-20 8l-39 39c-5 5-8 12-8 19 0 8 3 14 8 20l84 84-84 84c-5 5-8 12-8 19 0 8 3 14 8 20l39 38c5 6 12 8 20 8 7 0 14-2 19-8l84-84 84 84c5 6 12 8 19 8 8 0 15-2 20-8l39-38c5-6 8-12 8-20 0-7-3-14-8-19l-84-84 84-84c5-6 8-12 8-20z"/>
+<glyph glyph-name="sign-in" unicode="&#105;" d="M375 256c0-5-2-9-6-13l-155-155c-4-4-8-6-13-6-5 0-9 2-13 6-3 3-5 8-5 13l0 82-128 0c-5 0-9 2-13 5-4 4-5 8-5 13l0 110c0 5 1 9 5 13 4 3 8 5 13 5l128 0 0 82c0 5 2 10 5 13 4 4 8 6 13 6 5 0 9-2 13-6l155-155c4-4 6-8 6-13z m100 101l0-202c0-22-8-42-24-58-16-16-35-24-58-24l-91 0c-3 0-5 1-7 3-2 2-2 4-2 6 0 1-1 3-1 6 0 3 0 6 0 8 0 2 1 4 1 6 0 3 1 5 3 6 1 1 3 2 6 2l91 0c13 0 23 4 32 13 9 9 14 20 14 32l0 202c0 12-5 23-14 32-9 9-19 13-32 13l-89 0-3 1-4 0-2 2-2 3 0 3c0 1-1 3-1 6 0 3 0 6 0 8 0 2 1 4 1 6 0 3 1 5 3 6 1 1 3 2 6 2l91 0c23 0 42-8 58-24 16-16 24-36 24-58z"/>
+<glyph glyph-name="file-submodule" unicode="&#106;" d="M448 256c-16 0-96 0-96 0 0 16-16 32-32 32-16 0-48 0-64 0-16 0-32-16-32-32 0-16 0-160 0-160l256 0c0 0 0 112 0 128 0 16-16 32-32 32z m-128-32l-64 0c0 0 0 8 0 16 0 7 8 16 16 16 9 0 24 0 32 0 8 0 16-8 16-16 0-9 0-16 0-16z m128 160c-16 0-168 0-176 0-8 0-16 8-16 16 0 7 0 0 0 16 0 16-16 32-32 32-16 0-144 0-160 0-16 0-32-16-32-32 0-16 0-320 0-320l160 0c0 0 0 176 0 192 0 16 16 32 32 32 16 0 112 0 128 0 16 0 32-16 32-32l96 0c0-16 0 48 0 64 0 16-16 32-32 32z m-224 0l-160 0c0 0 0 8 0 16 0 8 8 16 16 16 8 0 120 0 128 0 8 0 16-9 16-16 0-8 0-16 0-16z"/>
+<glyph glyph-name="exclamation-triangle" unicode="&#107;" d="M293 119l0 54c0 3-1 5-3 7-2 2-4 3-7 3l-54 0c-3 0-5-1-7-3-2-2-3-4-3-7l0-54c0-3 1-5 3-7 2-1 4-2 7-2l54 0c3 0 5 1 7 2 2 2 3 4 3 7z m-1 107l5 131c0 2-1 4-3 6-2 2-4 3-7 3l-62 0c-3 0-5-1-7-3-2-2-3-4-3-6l5-131c0-2 1-3 3-5 1-1 4-2 6-2l53 0c3 0 5 1 7 2 2 2 3 3 3 5z m-4 267l219-402c7-12 7-24 0-36-3-6-8-10-13-14-6-3-12-4-19-4l-438 0c-7 0-13 1-19 4-5 4-10 8-13 14-7 12-7 24 0 36l219 402c3 6 8 10 13 14 6 3 12 5 19 5 7 0 13-2 19-5 5-4 10-8 13-14z"/>
+<glyph glyph-name="eye" unicode="&#108;" d="M475 238c-29 45-65 78-108 101 11-20 17-42 17-65 0-35-13-65-38-90-25-25-55-38-90-38-35 0-65 13-90 38-25 25-38 55-38 90 0 23 6 45 17 65-43-23-79-56-108-101 25-39 57-70 95-94 38-23 79-34 124-34 45 0 86 11 124 34 38 24 70 55 95 94z m-205 109c0 4-2 7-4 10-3 3-6 4-10 4-24 0-44-8-61-25-17-17-26-38-26-62 0-4 1-7 4-9 3-3 6-4 10-4 4 0 7 1 10 4 2 2 4 5 4 9 0 17 5 31 17 42 12 12 26 18 42 18 4 0 7 1 10 4 2 2 4 6 4 9z m242-109c0-7-2-13-6-20-26-44-62-79-107-105-45-27-93-40-143-40-50 0-98 13-143 40-45 26-81 61-107 105-4 7-6 13-6 20 0 6 2 13 6 19 26 44 62 79 107 106 45 26 93 39 143 39 50 0 98-13 143-39 45-27 81-62 107-106 4-6 6-13 6-19z"/>
+<glyph glyph-name="browser-streamline-window" unicode="&#109;" d="M459 448l-406 0c-29 0-53-24-53-53l0-299c0-29 24-53 53-53l406 0c29 0 53 24 53 53l0 299c0 29-24 53-53 53z m-406-21l406 0c17 0 32-15 32-32l0-54-470 0 0 54c0 17 15 32 32 32z m406-363l-406 0c-17 0-32 14-32 32l0 224 470 0 0-224c0-18-15-32-32-32z m-352 320c0-12-10-21-22-21-11 0-21 9-21 21 0 12 10 21 21 21 12 0 22-9 22-21z m64 0c0-12-10-21-22-21-11 0-21 9-21 21 0 12 10 21 21 21 12 0 22-9 22-21z m64 0c0-12-10-21-22-21-11 0-21 9-21 21 0 12 10 21 21 21 12 0 22-9 22-21z"/>
+<glyph glyph-name="coffee-streamline" unicode="&#110;" d="M373 0l-256 0c-5 0-10 4-10 10l-22 341c0 3 1 6 3 8 2 2 5 4 8 4l299 0c3 0 5-2 7-4 2-2 3-5 3-8l-21-341c0-6-5-10-11-10z m-246 21l236 0 20 320-276 0z m289 320l-341 0c-6 0-11 5-11 11l0 85c0 6 5 11 11 11l341 0c6 0 11-5 11-11l0-85c0-6-5-11-11-11z m-331 22l320 0 0 64-320 0z m310 64c0 0 0 0 0 0l-299 0c-3 0-7 1-9 4-2 3-2 6-1 10l21 64c2 4 6 7 10 7l256 0c5 0 9-3 10-7l21-62c1-2 2-4 2-6 0-6-5-10-11-10z m-284 21l269 0-14 43-241 0z m278-192l-288 0c-6 0-10 5-10 11 0 6 4 10 10 10l288 0c6 0 11-4 11-10 0-6-5-11-11-11z m-280-107l272 0 0-21-272 0z m168 43l-64 0c-6 0-10 5-10 11 0 6 4 10 10 10l64 0c6 0 11-4 11-10 0-6-5-11-11-11z"/>
+<glyph glyph-name="notebook-streamline" unicode="&#111;" d="M331 427l-150 0 0-107 150 0z m-22-86l-106 0 0 64 106 0z m139 118l-11 0 0 53-384 0 0-85-21 0 0-22 21 0 0-42-21 0 0-22 21 0 0-42-21 0 0-22 21 0 0-42-21 0 0-22 21 0 0-42-21 0 0-22 21 0 0-42-21 0 0-22 21 0 0-85 384 0 0 96 11 0c24 0 43 19 43 43l0 277c0 24-19 43-43 43z m0-22c12 0 21-9 21-21l0-43-32 0 0 64z m-11-149l0 64 32 0 0-64z m32-21l0-64-32 0 0 64z m-53-246l-341 0 0 64 21 0 0 22-21 0 0 42 21 0 0 22-21 0 0 42 21 0 0 22-21 0 0 42 21 0 0 22-21 0 0 42 21 0 0 22-21 0 0 42 21 0 0 22-21 0 0 64 341 0z m32 96l-11 0 0 64 32 0 0-42c0-12-9-22-21-22z"/>
+<glyph glyph-name="receipt-shopping-streamline" unicode="&#112;" d="M256 395l43 0c6 0 10 4 10 10 0 6-4 11-10 11l-43 0c-6 0-11-5-11-11 0-6 5-10 11-10z m139-22l-118 0c-6 0-10-4-10-10 0-6 4-11 10-11l118 0c6 0 10 5 10 11 0 6-4 10-10 10z m-150-64l139 0c6 0 11 5 11 11 0 6-5 11-11 11l-139 0c-6 0-10-5-10-11 0-6 4-11 10-11z m150-21l-150 0c-6 0-10-5-10-11 0-6 4-10 10-10l150 0c6 0 10 4 10 10 0 6-4 11-10 11z m-22-64c6 0 11 5 11 11 0 6-5 10-11 10l-128 0c-6 0-10-4-10-10 0-6 4-11 10-11z m11-21l-149 0c-6 0-11-5-11-11 0-6 5-11 11-11l149 0c6 0 11 5 11 11 0 6-5 11-11 11z m96 309l-266 0c-25 0-32-28-33-43 0-2 2-192-19-309l-98 0c-9 0-17-3-23-9-12-12-12-34-12-58 0-21 1-44-10-55-4-4-10-6-19-6l0-21 266 0c15 0 26 4 35 12 8 8 11 19 14 30l79 0c9 0 18 4 25 12 45 46 51 250 50 351l43 0 0 11c0 32-4 85-32 85z m-194-474c-5-4-11-6-20-6l-225 0c10 17 10 40 10 61 0 18-1 37 6 43 1 1 2 3 7 3l236 0c-5-13-5-29-5-46 1-21 1-44-9-55z m31 55c0 18 0 37 6 43 1 1 3 3 7 3 4 0 8-1 10-3 4-4 4-14 4-24-1-12-1-26 5-37l-32 0c0 6 0 12 0 18z m87-13c-5-5-9-5-10-5-11 0-19 2-23 6-6 6-6 19-6 31 0 14 0 29-10 39-6 6-14 9-25 9l-146 0c21 119 19 301 19 309 0 0 1 22 11 22l238 0c-3-8-4-16-5-22 3-93 0-345-43-389z m65 357c0 16 0 27 0 32 0 0 1 20 10 22l0 0c6-4 10-28 11-54z"/>
+<glyph glyph-name="bubble-comment-streamline-talk" unicode="&#113;" d="M480 469l-448 0c-18 0-32-14-32-32l0-277c0-18 14-32 32-32l32 0 0-100 100 100 316 0c18 0 32 14 32 32l0 277c0 18-14 32-32 32z m11-309c0-6-5-11-11-11l-324 0-71-70 0 70-53 0c-6 0-11 5-11 11l0 277c0 6 5 11 11 11l448 0c6 0 11-5 11-11z m-299 139c0-12-10-22-21-22-12 0-22 10-22 22 0 11 10 21 22 21 11 0 21-10 21-21z m171 0c0-12-10-22-22-22-11 0-21 10-21 22 0 11 10 21 21 21 12 0 22-10 22-21z m-86 0c0-12-9-22-21-22-12 0-21 10-21 22 0 11 9 21 21 21 12 0 21-10 21-21z"/>
+<glyph glyph-name="man-people-streamline-user" unicode="&#114;" d="M461 143l-130 36 0 38c38 29 64 78 64 135 0 88-62 160-139 160-76 0-138-72-138-160 0-56 25-106 63-134l0-39-131-36c-30-11-50-39-50-71l0-72 512 0 0 72c0 32-20 60-51 71z m-205 348c51 0 94-39 110-93-4-4-10-6-18-6-21 1-50 19-61 40l-10 17-9-18c-9-18-25-28-46-32-28-5-58 5-71 11 18 48 59 81 105 81z m-116-139c0 13 1 26 4 38 20-10 52-17 82-12 22 4 39 14 52 30 18-21 46-36 70-37 0 0 1 0 2 0 8 0 15 2 21 5 2-8 2-16 2-24 0-76-52-139-117-139-64 0-116 63-116 139z m350-331l-468 0 0 51c0 23 14 43 34 50l147 41 0 42c16-9 34-13 53-13 19 0 37 4 53 12l0-41 146-41c21-7 35-27 35-50z"/>
+</font></defs></svg>
--- a/assets/fonts/fonts/checkserver.ttf
+++ b/assets/fonts/fonts/checkserver.ttf
--- a/assets/fonts/fonts/checkserver.woff
+++ b/assets/fonts/fonts/checkserver.woff
--- a/assets/fonts/icons-reference.html
+++ b/assets/fonts/icons-reference.html
@@ -0,0 +1,184 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+    <meta name="viewport" content="width=device-width,initial-scale=1">
+    <title>Font Reference - CheckServer</title>
+    <link href="http://fonts.googleapis.com/css?family=Dosis:400,500,700" rel="stylesheet" type="text/css">
+    <link rel="stylesheet" href="styles.css">
+    <style type="text/css">html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-family:inherit;font-size:100%;vertical-align:baseline}body{line-height:1;color:#000;background:#fff}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0;vertical-align:middle}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}a img{border:none}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{font-family:'Dosis','Tahoma',sans-serif}.container{margin:15px auto;width:80%}h1{margin:40px 0 20px;font-weight:700;font-size:38px;line-height:32px;color:#fb565e}h2{font-size:18px;padding:0 0 21px 5px;margin:45px 0 0 0;text-transform:uppercase;font-weight:500}.small{font-size:14px;color:#a5adb4;}.small a{color:#a5adb4;}.small a:hover{color:#fb565e}.glyphs.character-mapping{margin:0 0 20px 0;padding:20px 0 20px 30px;color:rgba(0,0,0,0.5);border:1px solid #d8e0e5;-webkit-border-radius:3px;border-radius:3px;}.glyphs.character-mapping li{margin:0 30px 20px 0;display:inline-block;width:90px}.glyphs.character-mapping .icon{margin:10px 0 10px 15px;padding:15px;position:relative;width:55px;height:55px;color:#162a36 !important;overflow:hidden;-webkit-border-radius:3px;border-radius:3px;font-size:32px;}.glyphs.character-mapping .icon svg{fill:#000}.glyphs.character-mapping input{margin:0;padding:5px 0;line-height:12px;font-size:12px;display:block;width:100%;border:1px solid #d8e0e5;-webkit-border-radius:5px;border-radius:5px;text-align:center;outline:0;}.glyphs.character-mapping input:focus{border:1px solid #fbde4a;-webkit-box-shadow:inset 0 0 3px #fbde4a;box-shadow:inset 0 0 3px #fbde4a}.glyphs.character-mapping input:hover{-webkit-box-shadow:inset 0 0 3px #fbde4a;box-shadow:inset 0 0 3px #fbde4a}.glyphs.css-mapping{margin:0 0 60px 0;padding:30px 0 20px 30px;color:rgba(0,0,0,0.5);border:1px solid #d8e0e5;-webkit-border-radius:3px;border-radius:3px;}.glyphs.css-mapping li{margin:0 30px 20px 0;padding:0;display:inline-block;overflow:hidden}.glyphs.css-mapping .icon{margin:0;margin-right:10px;padding:13px;height:50px;width:50px;color:#162a36 !important;overflow:hidden;float:left;font-size:24px}.glyphs.css-mapping input{margin:0;margin-top:5px;padding:8px;line-height:16px;font-size:16px;display:block;width:150px;height:40px;border:1px solid #d8e0e5;-webkit-border-radius:5px;border-radius:5px;background:#fff;outline:0;float:right;}.glyphs.css-mapping input:focus{border:1px solid #fbde4a;-webkit-box-shadow:inset 0 0 3px #fbde4a;box-shadow:inset 0 0 3px #fbde4a}.glyphs.css-mapping input:hover{-webkit-box-shadow:inset 0 0 3px #fbde4a;box-shadow:inset 0 0 3px #fbde4a}</style>
+  </head>
+  <body>
+    <div class="container">
+      <h1>CheckServer</h1>
+      <p class="small">This font was created with<a href="http://fontastic.me/">Fontastic</a></p>
+      <h2>CSS mapping</h2>
+      <ul class="glyphs css-mapping">
+        <li>
+          <div class="icon icon-question-circle"></div>
+          <input type="text" readonly="readonly" value="question-circle">
+        </li>
+        <li>
+          <div class="icon icon-home-house-streamline"></div>
+          <input type="text" readonly="readonly" value="home-house-streamline">
+        </li>
+        <li>
+          <div class="icon icon-edit-modify-streamline"></div>
+          <input type="text" readonly="readonly" value="edit-modify-streamline">
+        </li>
+        <li>
+          <div class="icon icon-settings-streamline-1"></div>
+          <input type="text" readonly="readonly" value="settings-streamline-1">
+        </li>
+        <li>
+          <div class="icon icon-folder-o"></div>
+          <input type="text" readonly="readonly" value="folder-o">
+        </li>
+        <li>
+          <div class="icon icon-folder-open-o"></div>
+          <input type="text" readonly="readonly" value="folder-open-o">
+        </li>
+        <li>
+          <div class="icon icon-sign-out"></div>
+          <input type="text" readonly="readonly" value="sign-out">
+        </li>
+        <li>
+          <div class="icon icon-times"></div>
+          <input type="text" readonly="readonly" value="times">
+        </li>
+        <li>
+          <div class="icon icon-sign-in"></div>
+          <input type="text" readonly="readonly" value="sign-in">
+        </li>
+        <li>
+          <div class="icon icon-file-submodule"></div>
+          <input type="text" readonly="readonly" value="file-submodule">
+        </li>
+        <li>
+          <div class="icon icon-exclamation-triangle"></div>
+          <input type="text" readonly="readonly" value="exclamation-triangle">
+        </li>
+        <li>
+          <div class="icon icon-eye"></div>
+          <input type="text" readonly="readonly" value="eye">
+        </li>
+        <li>
+          <div class="icon icon-browser-streamline-window"></div>
+          <input type="text" readonly="readonly" value="browser-streamline-window">
+        </li>
+        <li>
+          <div class="icon icon-coffee-streamline"></div>
+          <input type="text" readonly="readonly" value="coffee-streamline">
+        </li>
+        <li>
+          <div class="icon icon-notebook-streamline"></div>
+          <input type="text" readonly="readonly" value="notebook-streamline">
+        </li>
+        <li>
+          <div class="icon icon-receipt-shopping-streamline"></div>
+          <input type="text" readonly="readonly" value="receipt-shopping-streamline">
+        </li>
+        <li>
+          <div class="icon icon-bubble-comment-streamline-talk"></div>
+          <input type="text" readonly="readonly" value="bubble-comment-streamline-talk">
+        </li>
+        <li>
+          <div class="icon icon-man-people-streamline-user"></div>
+          <input type="text" readonly="readonly" value="man-people-streamline-user">
+        </li>
+      </ul>
+      <h2>Character mapping</h2>
+      <ul class="glyphs character-mapping">
+        <li>
+          <div data-icon="a" class="icon"></div>
+          <input type="text" readonly="readonly" value="a">
+        </li>
+        <li>
+          <div data-icon="b" class="icon"></div>
+          <input type="text" readonly="readonly" value="b">
+        </li>
+        <li>
+          <div data-icon="c" class="icon"></div>
+          <input type="text" readonly="readonly" value="c">
+        </li>
+        <li>
+          <div data-icon="d" class="icon"></div>
+          <input type="text" readonly="readonly" value="d">
+        </li>
+        <li>
+          <div data-icon="e" class="icon"></div>
+          <input type="text" readonly="readonly" value="e">
+        </li>
+        <li>
+          <div data-icon="f" class="icon"></div>
+          <input type="text" readonly="readonly" value="f">
+        </li>
+        <li>
+          <div data-icon="g" class="icon"></div>
+          <input type="text" readonly="readonly" value="g">
+        </li>
+        <li>
+          <div data-icon="h" class="icon"></div>
+          <input type="text" readonly="readonly" value="h">
+        </li>
+        <li>
+          <div data-icon="i" class="icon"></div>
+          <input type="text" readonly="readonly" value="i">
+        </li>
+        <li>
+          <div data-icon="j" class="icon"></div>
+          <input type="text" readonly="readonly" value="j">
+        </li>
+        <li>
+          <div data-icon="k" class="icon"></div>
+          <input type="text" readonly="readonly" value="k">
+        </li>
+        <li>
+          <div data-icon="l" class="icon"></div>
+          <input type="text" readonly="readonly" value="l">
+        </li>
+        <li>
+          <div data-icon="m" class="icon"></div>
+          <input type="text" readonly="readonly" value="m">
+        </li>
+        <li>
+          <div data-icon="n" class="icon"></div>
+          <input type="text" readonly="readonly" value="n">
+        </li>
+        <li>
+          <div data-icon="o" class="icon"></div>
+          <input type="text" readonly="readonly" value="o">
+        </li>
+        <li>
+          <div data-icon="p" class="icon"></div>
+          <input type="text" readonly="readonly" value="p">
+        </li>
+        <li>
+          <div data-icon="q" class="icon"></div>
+          <input type="text" readonly="readonly" value="q">
+        </li>
+        <li>
+          <div data-icon="r" class="icon"></div>
+          <input type="text" readonly="readonly" value="r">
+        </li>
+      </ul>
+    </div>
+    <script>(function() {
+  var glyphs, i, len, ref;
+
+  ref = document.getElementsByClassName('glyphs');
+  for (i = 0, len = ref.length; i < len; i++) {
+    glyphs = ref[i];
+    glyphs.addEventListener('click', function(event) {
+      if (event.target.tagName === 'INPUT') {
+        return event.target.select();
+      }
+    });
+  }
+
+}).call(this);
+
+    </script>
+  </body>
+</html>
--- a/assets/fonts/roboto/LICENSE.txt
+++ b/assets/fonts/roboto/LICENSE.txt
@@ -0,0 +1,202 @@
+
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright [yyyy] [name of copyright owner]
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.
--- a/assets/fonts/roboto/Roboto-Bold.woff
+++ b/assets/fonts/roboto/Roboto-Bold.woff
--- a/assets/fonts/roboto/Roboto-Bold.woff2
+++ b/assets/fonts/roboto/Roboto-Bold.woff2
--- a/assets/fonts/roboto/Roboto-BoldItalic.woff
+++ b/assets/fonts/roboto/Roboto-BoldItalic.woff
--- a/assets/fonts/roboto/Roboto-BoldItalic.woff2
+++ b/assets/fonts/roboto/Roboto-BoldItalic.woff2
--- a/assets/fonts/roboto/Roboto-Italic.woff
+++ b/assets/fonts/roboto/Roboto-Italic.woff
--- a/assets/fonts/roboto/Roboto-Italic.woff2
+++ b/assets/fonts/roboto/Roboto-Italic.woff2
--- a/assets/fonts/roboto/Roboto-Light.woff
+++ b/assets/fonts/roboto/Roboto-Light.woff
--- a/assets/fonts/roboto/Roboto-Light.woff2
+++ b/assets/fonts/roboto/Roboto-Light.woff2
--- a/assets/fonts/roboto/Roboto-LightItalic.woff
+++ b/assets/fonts/roboto/Roboto-LightItalic.woff
--- a/assets/fonts/roboto/Roboto-LightItalic.woff2
+++ b/assets/fonts/roboto/Roboto-LightItalic.woff2
--- a/assets/fonts/roboto/Roboto-Medium.woff
+++ b/assets/fonts/roboto/Roboto-Medium.woff
--- a/assets/fonts/roboto/Roboto-Medium.woff2
+++ b/assets/fonts/roboto/Roboto-Medium.woff2
--- a/assets/fonts/roboto/Roboto-MediumItalic.woff
+++ b/assets/fonts/roboto/Roboto-MediumItalic.woff
--- a/assets/fonts/roboto/Roboto-MediumItalic.woff2
+++ b/assets/fonts/roboto/Roboto-MediumItalic.woff2
--- a/assets/fonts/roboto/Roboto-Regular.woff
+++ b/assets/fonts/roboto/Roboto-Regular.woff
--- a/assets/fonts/roboto/Roboto-Regular.woff2
+++ b/assets/fonts/roboto/Roboto-Regular.woff2
--- a/assets/fonts/roboto/demo.html
+++ b/assets/fonts/roboto/demo.html
@@ -0,0 +1,480 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="utf-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<meta name="robots" content="noindex, noarchive">
+	<title>Transfonter demo</title>
+	<link href="stylesheet.css" rel="stylesheet">
+	<style>
+		/*
+		http://meyerweb.com/eric/tools/css/reset/
+		v2.0 | 20110126
+		License: none (public domain)
+		*/
+		html, body, div, span, applet, object, iframe,
+		h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+		a, abbr, acronym, address, big, cite, code,
+		del, dfn, em, img, ins, kbd, q, s, samp,
+		small, strike, strong, sub, sup, tt, var,
+		b, u, i, center,
+		dl, dt, dd, ol, ul, li,
+		fieldset, form, label, legend,
+		table, caption, tbody, tfoot, thead, tr, th, td,
+		article, aside, canvas, details, embed,
+		figure, figcaption, footer, header, hgroup,
+		menu, nav, output, ruby, section, summary,
+		time, mark, audio, video {
+			margin: 0;
+			padding: 0;
+			border: 0;
+			font-size: 100%;
+			font: inherit;
+			vertical-align: baseline;
+		}
+		/* HTML5 display-role reset for older browsers */
+		article, aside, details, figcaption, figure,
+		footer, header, hgroup, menu, nav, section {
+			display: block;
+		}
+		body {
+			line-height: 1;
+		}
+		ol, ul {
+			list-style: none;
+		}
+		blockquote, q {
+			quotes: none;
+		}
+		blockquote:before, blockquote:after,
+		q:before, q:after {
+			content: '';
+			content: none;
+		}
+		table {
+			border-collapse: collapse;
+			border-spacing: 0;
+		}
+		/* common styles */
+		body {
+			background: #f1f1f1;
+			color: #000;
+		}
+		.page {
+			background: #fff;
+			width: 920px;
+			margin: 0 auto;
+			padding: 20px 20px 0 20px;
+			overflow: hidden;
+		}
+		.font-container {
+			overflow-x: auto;
+			overflow-y: hidden;
+			margin-bottom: 40px;
+			line-height: 1.3;
+			white-space: nowrap;
+			padding-bottom: 5px;
+		}
+		h1 {
+			position: relative;
+			background: #444;
+			font-size: 32px;
+			color: #fff;
+			padding: 10px 20px;
+			margin: 0 -20px 12px -20px;
+		}
+		.letters {
+			font-size: 25px;
+			margin-bottom: 20px;
+		}
+		.s10:before {
+			content: '10px';
+		}
+		.s11:before {
+			content: '11px';
+		}
+		.s12:before {
+			content: '12px';
+		}
+		.s14:before {
+			content: '14px';
+		}
+		.s18:before {
+			content: '18px';
+		}
+		.s24:before {
+			content: '24px';
+		}
+		.s30:before {
+			content: '30px';
+		}
+		.s36:before {
+			content: '36px';
+		}
+		.s48:before {
+			content: '48px';
+		}
+		.s60:before {
+			content: '60px';
+		}
+		.s72:before {
+			content: '72px';
+		}
+		.s10:before, .s11:before, .s12:before, .s14:before,
+		.s18:before, .s24:before, .s30:before, .s36:before,
+		.s48:before, .s60:before, .s72:before {
+			font-family: Arial, sans-serif;
+			font-size: 10px;
+			font-weight: normal;
+			font-style: normal;
+			color: #999;
+			padding-right: 6px;
+		}
+		pre {
+			display: block;
+			position: relative;
+			padding: 9px;
+			margin: 0 0 10px;
+			font-family: Monaco, Menlo, Consolas, "Courier New", monospace !important;
+			font-size: 13px;
+			line-height: 1.428571429;
+			color: #333;
+			font-weight: normal !important;
+			font-style: normal !important;
+			background-color: #f5f5f5;
+			border: 1px solid #ccc;
+			overflow-x: auto;
+			border-radius: 4px;
+		}
+		pre:after {
+			display: block;
+			position: absolute;
+			right: 0;
+			top: 0;
+			content: 'Usage';
+			line-height: 1;
+			padding: 5px 8px;
+			font-size: 12px;
+			color: #767676;
+			background-color: #fff;
+			border: 1px solid #ccc;
+			border-right: none;
+			border-top: none;
+			border-radius: 0 4px 0 4px;
+			z-index: 10;
+		}
+		/* responsive */
+		@media (max-width: 959px) {
+			.page {
+				width: auto;
+				margin: 0;
+			}
+		}
+	</style>
+</head>
+<body>
+<div class="page">
+	<div class="demo" style="font-family: 'Roboto'; font-weight: normal; font-style: italic;">
+		<h1>Roboto Italic</h1>
+		<pre>.your-style {
+    font-family: 'Roboto';
+    font-weight: normal;
+    font-style: italic;
+}</pre>
+		<div class="font-container">
+			<p class="letters">
+				abcdefghijklmnopqrstuvwxyz <br />
+				ABCDEFGHIJKLMNOPQRSTUVWXYZ <br />				0123456789.:,;()*!?'@#<>$%&^+-=~
+			</p>
+			<p class="s10" style="font-size: 10px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s11" style="font-size: 11px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s12" style="font-size: 12px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s14" style="font-size: 14px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s18" style="font-size: 18px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s24" style="font-size: 24px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s30" style="font-size: 30px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s36" style="font-size: 36px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s48" style="font-size: 48px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s60" style="font-size: 60px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s72" style="font-size: 72px;">The quick brown fox jumps over the lazy dog.</p>
+		</div>
+	</div>
+	<div class="demo" style="font-family: 'Roboto'; font-weight: 300; font-style: italic;">
+		<h1>Roboto Light Italic</h1>
+		<pre>.your-style {
+    font-family: 'Roboto';
+    font-weight: 300;
+    font-style: italic;
+}</pre>
+		<div class="font-container">
+			<p class="letters">
+				abcdefghijklmnopqrstuvwxyz <br />
+				ABCDEFGHIJKLMNOPQRSTUVWXYZ <br />				0123456789.:,;()*!?'@#<>$%&^+-=~
+			</p>
+			<p class="s10" style="font-size: 10px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s11" style="font-size: 11px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s12" style="font-size: 12px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s14" style="font-size: 14px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s18" style="font-size: 18px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s24" style="font-size: 24px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s30" style="font-size: 30px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s36" style="font-size: 36px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s48" style="font-size: 48px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s60" style="font-size: 60px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s72" style="font-size: 72px;">The quick brown fox jumps over the lazy dog.</p>
+		</div>
+	</div>
+	<div class="demo" style="font-family: 'Roboto'; font-weight: 900; font-style: normal;">
+		<h1>Roboto Black</h1>
+		<pre>.your-style {
+    font-family: 'Roboto';
+    font-weight: 900;
+    font-style: normal;
+}</pre>
+		<div class="font-container">
+			<p class="letters">
+				abcdefghijklmnopqrstuvwxyz <br />
+				ABCDEFGHIJKLMNOPQRSTUVWXYZ <br />				0123456789.:,;()*!?'@#<>$%&^+-=~
+			</p>
+			<p class="s10" style="font-size: 10px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s11" style="font-size: 11px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s12" style="font-size: 12px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s14" style="font-size: 14px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s18" style="font-size: 18px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s24" style="font-size: 24px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s30" style="font-size: 30px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s36" style="font-size: 36px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s48" style="font-size: 48px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s60" style="font-size: 60px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s72" style="font-size: 72px;">The quick brown fox jumps over the lazy dog.</p>
+		</div>
+	</div>
+	<div class="demo" style="font-family: 'Roboto'; font-weight: normal; font-style: normal;">
+		<h1>Roboto</h1>
+		<pre>.your-style {
+    font-family: 'Roboto';
+    font-weight: normal;
+    font-style: normal;
+}</pre>
+		<div class="font-container">
+			<p class="letters">
+				abcdefghijklmnopqrstuvwxyz <br />
+				ABCDEFGHIJKLMNOPQRSTUVWXYZ <br />				0123456789.:,;()*!?'@#<>$%&^+-=~
+			</p>
+			<p class="s10" style="font-size: 10px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s11" style="font-size: 11px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s12" style="font-size: 12px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s14" style="font-size: 14px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s18" style="font-size: 18px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s24" style="font-size: 24px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s30" style="font-size: 30px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s36" style="font-size: 36px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s48" style="font-size: 48px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s60" style="font-size: 60px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s72" style="font-size: 72px;">The quick brown fox jumps over the lazy dog.</p>
+		</div>
+	</div>
+	<div class="demo" style="font-family: 'Roboto'; font-weight: bold; font-style: normal;">
+		<h1>Roboto Bold</h1>
+		<pre>.your-style {
+    font-family: 'Roboto';
+    font-weight: bold;
+    font-style: normal;
+}</pre>
+		<div class="font-container">
+			<p class="letters">
+				abcdefghijklmnopqrstuvwxyz <br />
+				ABCDEFGHIJKLMNOPQRSTUVWXYZ <br />				0123456789.:,;()*!?'@#<>$%&^+-=~
+			</p>
+			<p class="s10" style="font-size: 10px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s11" style="font-size: 11px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s12" style="font-size: 12px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s14" style="font-size: 14px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s18" style="font-size: 18px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s24" style="font-size: 24px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s30" style="font-size: 30px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s36" style="font-size: 36px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s48" style="font-size: 48px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s60" style="font-size: 60px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s72" style="font-size: 72px;">The quick brown fox jumps over the lazy dog.</p>
+		</div>
+	</div>
+	<div class="demo" style="font-family: 'Roboto'; font-weight: 500; font-style: italic;">
+		<h1>Roboto Medium Italic</h1>
+		<pre>.your-style {
+    font-family: 'Roboto';
+    font-weight: 500;
+    font-style: italic;
+}</pre>
+		<div class="font-container">
+			<p class="letters">
+				abcdefghijklmnopqrstuvwxyz <br />
+				ABCDEFGHIJKLMNOPQRSTUVWXYZ <br />				0123456789.:,;()*!?'@#<>$%&^+-=~
+			</p>
+			<p class="s10" style="font-size: 10px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s11" style="font-size: 11px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s12" style="font-size: 12px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s14" style="font-size: 14px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s18" style="font-size: 18px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s24" style="font-size: 24px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s30" style="font-size: 30px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s36" style="font-size: 36px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s48" style="font-size: 48px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s60" style="font-size: 60px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s72" style="font-size: 72px;">The quick brown fox jumps over the lazy dog.</p>
+		</div>
+	</div>
+	<div class="demo" style="font-family: 'Roboto'; font-weight: 100; font-style: normal;">
+		<h1>Roboto Thin</h1>
+		<pre>.your-style {
+    font-family: 'Roboto';
+    font-weight: 100;
+    font-style: normal;
+}</pre>
+		<div class="font-container">
+			<p class="letters">
+				abcdefghijklmnopqrstuvwxyz <br />
+				ABCDEFGHIJKLMNOPQRSTUVWXYZ <br />				0123456789.:,;()*!?'@#<>$%&^+-=~
+			</p>
+			<p class="s10" style="font-size: 10px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s11" style="font-size: 11px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s12" style="font-size: 12px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s14" style="font-size: 14px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s18" style="font-size: 18px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s24" style="font-size: 24px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s30" style="font-size: 30px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s36" style="font-size: 36px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s48" style="font-size: 48px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s60" style="font-size: 60px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s72" style="font-size: 72px;">The quick brown fox jumps over the lazy dog.</p>
+		</div>
+	</div>
+	<div class="demo" style="font-family: 'Roboto'; font-weight: 100; font-style: italic;">
+		<h1>Roboto Thin Italic</h1>
+		<pre>.your-style {
+    font-family: 'Roboto';
+    font-weight: 100;
+    font-style: italic;
+}</pre>
+		<div class="font-container">
+			<p class="letters">
+				abcdefghijklmnopqrstuvwxyz <br />
+				ABCDEFGHIJKLMNOPQRSTUVWXYZ <br />				0123456789.:,;()*!?'@#<>$%&^+-=~
+			</p>
+			<p class="s10" style="font-size: 10px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s11" style="font-size: 11px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s12" style="font-size: 12px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s14" style="font-size: 14px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s18" style="font-size: 18px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s24" style="font-size: 24px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s30" style="font-size: 30px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s36" style="font-size: 36px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s48" style="font-size: 48px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s60" style="font-size: 60px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s72" style="font-size: 72px;">The quick brown fox jumps over the lazy dog.</p>
+		</div>
+	</div>
+	<div class="demo" style="font-family: 'Roboto'; font-weight: 900; font-style: italic;">
+		<h1>Roboto Black Italic</h1>
+		<pre>.your-style {
+    font-family: 'Roboto';
+    font-weight: 900;
+    font-style: italic;
+}</pre>
+		<div class="font-container">
+			<p class="letters">
+				abcdefghijklmnopqrstuvwxyz <br />
+				ABCDEFGHIJKLMNOPQRSTUVWXYZ <br />				0123456789.:,;()*!?'@#<>$%&^+-=~
+			</p>
+			<p class="s10" style="font-size: 10px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s11" style="font-size: 11px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s12" style="font-size: 12px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s14" style="font-size: 14px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s18" style="font-size: 18px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s24" style="font-size: 24px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s30" style="font-size: 30px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s36" style="font-size: 36px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s48" style="font-size: 48px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s60" style="font-size: 60px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s72" style="font-size: 72px;">The quick brown fox jumps over the lazy dog.</p>
+		</div>
+	</div>
+	<div class="demo" style="font-family: 'Roboto'; font-weight: bold; font-style: italic;">
+		<h1>Roboto Bold Italic</h1>
+		<pre>.your-style {
+    font-family: 'Roboto';
+    font-weight: bold;
+    font-style: italic;
+}</pre>
+		<div class="font-container">
+			<p class="letters">
+				abcdefghijklmnopqrstuvwxyz <br />
+				ABCDEFGHIJKLMNOPQRSTUVWXYZ <br />				0123456789.:,;()*!?'@#<>$%&^+-=~
+			</p>
+			<p class="s10" style="font-size: 10px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s11" style="font-size: 11px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s12" style="font-size: 12px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s14" style="font-size: 14px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s18" style="font-size: 18px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s24" style="font-size: 24px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s30" style="font-size: 30px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s36" style="font-size: 36px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s48" style="font-size: 48px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s60" style="font-size: 60px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s72" style="font-size: 72px;">The quick brown fox jumps over the lazy dog.</p>
+		</div>
+	</div>
+	<div class="demo" style="font-family: 'Roboto'; font-weight: 500; font-style: normal;">
+		<h1>Roboto Medium</h1>
+		<pre>.your-style {
+    font-family: 'Roboto';
+    font-weight: 500;
+    font-style: normal;
+}</pre>
+		<div class="font-container">
+			<p class="letters">
+				abcdefghijklmnopqrstuvwxyz <br />
+				ABCDEFGHIJKLMNOPQRSTUVWXYZ <br />				0123456789.:,;()*!?'@#<>$%&^+-=~
+			</p>
+			<p class="s10" style="font-size: 10px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s11" style="font-size: 11px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s12" style="font-size: 12px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s14" style="font-size: 14px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s18" style="font-size: 18px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s24" style="font-size: 24px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s30" style="font-size: 30px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s36" style="font-size: 36px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s48" style="font-size: 48px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s60" style="font-size: 60px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s72" style="font-size: 72px;">The quick brown fox jumps over the lazy dog.</p>
+		</div>
+	</div>
+	<div class="demo" style="font-family: 'Roboto'; font-weight: 300; font-style: normal;">
+		<h1>Roboto Light</h1>
+		<pre>.your-style {
+    font-family: 'Roboto';
+    font-weight: 300;
+    font-style: normal;
+}</pre>
+		<div class="font-container">
+			<p class="letters">
+				abcdefghijklmnopqrstuvwxyz <br />
+				ABCDEFGHIJKLMNOPQRSTUVWXYZ <br />				0123456789.:,;()*!?'@#<>$%&^+-=~
+			</p>
+			<p class="s10" style="font-size: 10px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s11" style="font-size: 11px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s12" style="font-size: 12px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s14" style="font-size: 14px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s18" style="font-size: 18px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s24" style="font-size: 24px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s30" style="font-size: 30px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s36" style="font-size: 36px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s48" style="font-size: 48px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s60" style="font-size: 60px;">The quick brown fox jumps over the lazy dog.</p>
+			<p class="s72" style="font-size: 72px;">The quick brown fox jumps over the lazy dog.</p>
+		</div>
+	</div>
+</div>
+</body>
+</html>
--- a/assets/fonts/roboto/stylesheet.css
+++ b/assets/fonts/roboto/stylesheet.css
@@ -0,0 +1,74 @@
+/* This stylesheet generated by Transfonter (https://transfonter.org) on October 22, 2017 9:57 PM */
+
+@font-face {
+	font-family: 'Roboto';
+	src: url('Roboto-Italic.woff2') format('woff2'),
+		url('Roboto-Italic.woff') format('woff');
+	font-weight: normal;
+	font-style: italic;
+}
+
+@font-face {
+	font-family: 'Roboto';
+	src: url('Roboto-LightItalic.woff2') format('woff2'),
+		url('Roboto-LightItalic.woff') format('woff');
+	font-weight: 300;
+	font-style: italic;
+}
+
+@font-face {
+	font-family: 'Roboto';
+	src: url('Roboto-Regular.woff2') format('woff2'),
+		url('Roboto-Regular.woff') format('woff');
+	font-weight: normal;
+	font-style: normal;
+}
+
+@font-face {
+	font-family: 'Roboto';
+	src: url('Roboto-Bold.woff2') format('woff2'),
+		url('Roboto-Bold.woff') format('woff');
+	font-weight: bold;
+	font-style: normal;
+}
+
+@font-face {
+	font-family: 'Roboto';
+	src: url('Roboto-MediumItalic.woff2') format('woff2'),
+		url('Roboto-MediumItalic.woff') format('woff');
+	font-weight: 500;
+	font-style: italic;
+}
+
+
+@font-face {
+	font-family: 'Roboto';
+	src: url('Roboto-BlackItalic.woff2') format('woff2'),
+		url('Roboto-BlackItalic.woff') format('woff');
+	font-weight: 900;
+	font-style: italic;
+}
+
+@font-face {
+	font-family: 'Roboto';
+	src: url('Roboto-BoldItalic.woff2') format('woff2'),
+		url('Roboto-BoldItalic.woff') format('woff');
+	font-weight: bold;
+	font-style: italic;
+}
+
+@font-face {
+	font-family: 'Roboto';
+	src: url('Roboto-Medium.woff2') format('woff2'),
+		url('Roboto-Medium.woff') format('woff');
+	font-weight: 500;
+	font-style: normal;
+}
+
+@font-face {
+	font-family: 'Roboto';
+	src: url('Roboto-Light.woff2') format('woff2'),
+		url('Roboto-Light.woff') format('woff');
+	font-weight: 300;
+	font-style: normal;
+}
--- a/assets/fonts/styles.css
+++ b/assets/fonts/styles.css
@@ -0,0 +1,94 @@
+@charset "UTF-8";
+
+@font-face {
+  font-family: "checkserver";
+  src:url("fonts/checkserver.eot");
+  src:url("fonts/checkserver.eot?#iefix") format("embedded-opentype"),
+    url("fonts/checkserver.woff") format("woff"),
+    url("fonts/checkserver.ttf") format("truetype"),
+    url("fonts/checkserver.svg#checkserver") format("svg");
+  font-weight: normal;
+  font-style: normal;
+
+}
+
+[data-icon]:before {
+  font-family: "checkserver" !important;
+  content: attr(data-icon);
+  font-style: normal !important;
+  font-weight: normal !important;
+  font-variant: normal !important;
+  text-transform: none !important;
+  speak: none;
+  line-height: 1;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+[class^="icon-"]:before,
+[class*=" icon-"]:before {
+  font-family: "checkserver" !important;
+  font-style: normal !important;
+  font-weight: normal !important;
+  font-variant: normal !important;
+  text-transform: none !important;
+  speak: none;
+  line-height: 1;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-question-circle:before {
+  content: "\61";
+}
+.icon-home-house-streamline:before {
+  content: "\62";
+}
+.icon-edit-modify-streamline:before {
+  content: "\63";
+}
+.icon-settings-streamline-1:before {
+  content: "\64";
+}
+.icon-folder-o:before {
+  content: "\65";
+}
+.icon-folder-open-o:before {
+  content: "\66";
+}
+.icon-sign-out:before {
+  content: "\67";
+}
+.icon-times:before {
+  content: "\68";
+}
+.icon-sign-in:before {
+  content: "\69";
+}
+.icon-file-submodule:before {
+  content: "\6a";
+}
+.icon-exclamation-triangle:before {
+  content: "\6b";
+}
+.icon-eye:before {
+  content: "\6c";
+}
+.icon-browser-streamline-window:before {
+  content: "\6d";
+}
+.icon-coffee-streamline:before {
+  content: "\6e";
+}
+.icon-notebook-streamline:before {
+  content: "\6f";
+}
+.icon-receipt-shopping-streamline:before {
+  content: "\70";
+}
+.icon-bubble-comment-streamline-talk:before {
+  content: "\71";
+}
+.icon-man-people-streamline-user:before {
+  content: "\72";
+}