Initial commit

assets/css/flaticon.min.css

@@ -0,0 +1,12 @@
+/*!
+*    ______ _       _   _
+*    |  ____| |     | | (_)
+*    | |__  | | __ _| |_ _  ___ ___  _ __
+*    |  __| | |/ _` | __| |/ __/ _ \| '_ \
+*    | |    | | (_| | |_| | (_| (_) | | | |
+*    |_|    |_|\__,_|\__|_|\___\___/|_| |_|
+*
+*         https://www.flaticon.com
+*/
+
+@charset "UTF-8";@font-face{font-family:flaticon_ravelo;src:url("../fonts/flaticon_ravelo.woff2?6a17e9e26dbb5a2360f515e123c8e921") format("woff2"),url("../fonts/flaticon_ravelo.woff?6a17e9e26dbb5a2360f515e123c8e921") format("woff"),url("../fonts/flaticon_ravelo.eot?6a17e9e26dbb5a2360f515e123c8e921#iefix") format("embedded-opentype"),url("../fonts/flaticon_ravelo.ttf?6a17e9e26dbb5a2360f515e123c8e921") format("truetype"),url("../fonts/flaticon_ravelo.svg?6a17e9e26dbb5a2360f515e123c8e921#flaticon_ravelo") format("svg")}i[class*=" flaticon-"]:before,i[class^=flaticon-]:before{font-family:flaticon_ravelo!important;font-style:normal;font-weight:400!important;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.flaticon-flight:before{content:""}.flaticon-tent:before{content:""}.flaticon-cycling:before{content:""}.flaticon-kayak:before{content:""}.flaticon-travel-agency:before{content:""}.flaticon-coffee-cup:before{content:""}.flaticon-bed:before{content:""}.flaticon-double-quotes:before{content:""}.flaticon-save-money:before{content:""}.flaticon-travel-1:before{content:""}.flaticon-booking:before{content:""}.flaticon-guidepost:before{content:""}.flaticon-climbing:before{content:""}.flaticon-online-chat:before{content:""}.flaticon-route:before{content:""}.flaticon-best-price:before{content:""}.flaticon-business-travel:before{content:""}.flaticon-plane:before{content:""}.flaticon-signpost:before{content:""}.flaticon-key:before{content:""}.flaticon-award-symbol:before{content:""}.flaticon-tourism:before{content:""}.flaticon-hiking:before{content:""}.flaticon-fishing:before{content:""}.flaticon-man:before{content:""}.flaticon-kayak-1:before{content:""}.flaticon-bonfire:before{content:""}.flaticon-flashlight:before{content:""}.flaticon-meditation:before{content:""}.flaticon-placeholder:before{content:""}.flaticon-quote:before{content:""}

assets/css/nice-select.min.css

@@ -0,0 +1 @@
+.nice-select{-webkit-tap-highlight-color:transparent;background-color:#fff;border-radius:5px;border:solid 1px #e8e8e8;box-sizing:border-box;clear:both;cursor:pointer;display:block;float:left;font-family:inherit;font-size:14px;font-weight:400;height:42px;line-height:40px;outline:0;padding-left:18px;padding-right:30px;position:relative;text-align:left!important;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;width:auto}.nice-select:hover{border-color:#dbdbdb}.nice-select.open,.nice-select:active,.nice-select:focus{border-color:#999}.nice-select:after{border-bottom:2px solid #999;border-right:2px solid #999;content:'';display:block;height:5px;margin-top:-4px;pointer-events:none;position:absolute;right:12px;top:50%;-webkit-transform-origin:66% 66%;-ms-transform-origin:66% 66%;transform-origin:66% 66%;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;width:5px}.nice-select.open:after{-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg)}.nice-select.open .list{opacity:1;pointer-events:auto;-webkit-transform:scale(1) translateY(0);-ms-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}.nice-select.disabled{border-color:#ededed;color:#999;pointer-events:none}.nice-select.disabled:after{border-color:#ccc}.nice-select.wide{width:100%}.nice-select.wide .list{left:0!important;right:0!important}.nice-select.right{float:right}.nice-select.right .list{left:auto;right:0}.nice-select.small{font-size:12px;height:36px;line-height:34px}.nice-select.small:after{height:4px;width:4px}.nice-select.small .option{line-height:34px;min-height:34px}.nice-select .list{background-color:#fff;border-radius:5px;box-shadow:0 0 0 1px rgba(68,68,68,.11);box-sizing:border-box;margin-top:4px;opacity:0;overflow:hidden;padding:0;pointer-events:none;position:absolute;top:100%;left:0;-webkit-transform-origin:50% 0;-ms-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:scale(.75) translateY(-21px);-ms-transform:scale(.75) translateY(-21px);transform:scale(.75) translateY(-21px);-webkit-transition:all .2s cubic-bezier(.5, 0, 0, 1.25),opacity .15s ease-out;transition:all .2s cubic-bezier(.5, 0, 0, 1.25),opacity .15s ease-out;z-index:9}.nice-select .list:hover .option:not(:hover){background-color:transparent!important}.nice-select .option{cursor:pointer;font-weight:400;line-height:40px;list-style:none;min-height:40px;outline:0;padding-left:18px;padding-right:29px;text-align:left;-webkit-transition:all .2s;transition:all .2s}.nice-select .option.focus,.nice-select .option.selected.focus,.nice-select .option:hover{background-color:#f6f6f6}.nice-select .option.selected{font-weight:700}.nice-select .option.disabled{background-color:transparent;color:#999;cursor:default}.no-csspointerevents .nice-select .list{display:none}.no-csspointerevents .nice-select.open .list{display:block}

assets/css/slick.min.css

@@ -0,0 +1,2 @@
+/* Slick Slider */
+.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:""}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}

assets/fonts/flaticon_ravelo.css

@@ -0,0 +1,107 @@
+@charset "UTF-8";
+@font-face {
+  font-family: "flaticon_ravelo";
+  src: url("./flaticon_ravelo.woff2?6a17e9e26dbb5a2360f515e123c8e921") format("woff2"), url("./flaticon_ravelo.woff?6a17e9e26dbb5a2360f515e123c8e921") format("woff"), url("./flaticon_ravelo.eot?6a17e9e26dbb5a2360f515e123c8e921#iefix") format("embedded-opentype"), url("./flaticon_ravelo.ttf?6a17e9e26dbb5a2360f515e123c8e921") format("truetype"), url("./flaticon_ravelo.svg?6a17e9e26dbb5a2360f515e123c8e921#flaticon_ravelo") format("svg"); }
+
+i[class^="flaticon-"]:before, i[class*=" flaticon-"]:before {
+  font-family: flaticon_ravelo !important;
+  font-style: normal;
+  font-weight: normal !important;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale; }
+
+.flaticon-flight:before {
+  content: ""; }
+
+.flaticon-tent:before {
+  content: ""; }
+
+.flaticon-cycling:before {
+  content: ""; }
+
+.flaticon-kayak:before {
+  content: ""; }
+
+.flaticon-travel-agency:before {
+  content: ""; }
+
+.flaticon-coffee-cup:before {
+  content: ""; }
+
+.flaticon-bed:before {
+  content: ""; }
+
+.flaticon-double-quotes:before {
+  content: ""; }
+
+.flaticon-save-money:before {
+  content: ""; }
+
+.flaticon-travel-1:before {
+  content: ""; }
+
+.flaticon-booking:before {
+  content: ""; }
+
+.flaticon-guidepost:before {
+  content: ""; }
+
+.flaticon-climbing:before {
+  content: ""; }
+
+.flaticon-online-chat:before {
+  content: ""; }
+
+.flaticon-route:before {
+  content: ""; }
+
+.flaticon-best-price:before {
+  content: ""; }
+
+.flaticon-business-travel:before {
+  content: ""; }
+
+.flaticon-plane:before {
+  content: ""; }
+
+.flaticon-signpost:before {
+  content: ""; }
+
+.flaticon-key:before {
+  content: ""; }
+
+.flaticon-award-symbol:before {
+  content: ""; }
+
+.flaticon-tourism:before {
+  content: ""; }
+
+.flaticon-hiking:before {
+  content: ""; }
+
+.flaticon-fishing:before {
+  content: ""; }
+
+.flaticon-man:before {
+  content: ""; }
+
+.flaticon-kayak-1:before {
+  content: ""; }
+
+.flaticon-bonfire:before {
+  content: ""; }
+
+.flaticon-flashlight:before {
+  content: ""; }
+
+.flaticon-meditation:before {
+  content: ""; }
+
+.flaticon-placeholder:before {
+  content: ""; }
+
+.flaticon-quote:before {
+  content: ""; }

assets/fonts/flaticon_ravelo.html

@@ -0,0 +1,809 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <title>Flaticon Webfont</title>
+    <link rel="stylesheet" type="text/css" href="flaticon_ravelo.css"/>
+    <meta charset="UTF-8">
+    <style>
+        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;
+        }
+
+        body {
+            font-family: Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;
+            font-size: 15px;
+            line-height: 1.6;
+            color: #777777;
+        }
+
+        a {
+            color: #52D999;
+            font-weight: bold;
+            text-decoration: none;
+        }
+
+        * {
+            -moz-box-sizing: border-box;
+            -webkit-box-sizing: border-box;
+            box-sizing: border-box;
+            margin: 0;
+            padding: 0;
+        }
+
+        [class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after {
+            font-family: Flaticon;
+            font-size: 32px;
+            line-height: 1.25;
+            font-style: normal;
+            margin-left: 20px;
+            color: #424242;
+        }
+
+        .wrapper {
+            max-width: 600px;
+            margin: auto;
+            padding: 0 1em;
+        }
+
+        .title {
+            margin-bottom: 24px;
+            text-transform: uppercase;
+            font-weight: bold;
+        }
+
+        header {
+            text-align: center;
+            padding: 24px;
+        }
+
+        header .logo {
+            height: auto;
+            border: none;
+            display: inline-block;
+        }
+
+        header strong {
+            font-size: 24px;
+            line-height: 1.25;
+            font-weight: 500;
+            vertical-align: middle;
+        }
+
+        .demo {
+            margin: 2em auto;
+            line-height: 1.25;
+        }
+
+        .demo ul li {
+            margin-bottom: 12px;
+        }
+
+        .demo ul li code {
+            background-color: #121212;
+            border-radius: 3px;
+            padding: 12px;
+            display: inline-block;
+            color: #fff;
+            font-family: Consolas, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace;
+            font-weight: lighter;
+            margin-top: 12px;
+            font-size: 13px;
+            word-break: break-all;
+        }
+
+        .demo ul li code .red {
+            color: #EB644C;
+        }
+
+        .demo ul li code .green {
+            color: #52D999;
+        }
+
+        .demo ul li code .yellow {
+            color: #FFF4D9;
+        }
+
+        .demo ul li code .blue {
+            color: #648EEF;
+        }
+
+        .demo ul li code .purple {
+            color: #6569BD;
+        }
+
+        .demo ul li code .dots {
+            margin-top: 0.5em;
+            display: block;
+        }
+
+        #glyphs {
+            border-bottom: 1px solid #E5E5E5;
+            padding: 2em 0;
+            text-align: center;
+        }
+
+        .glyph {
+            display: inline-block;
+            width: 9em;
+            margin: 1em;
+            text-align: center;
+            vertical-align: top;
+            background: #FFF;
+        }
+
+        .glyph .flaticon {
+            padding: 10px;
+            display: block;
+            font-family: "Flaticon";
+            font-size: 64px;
+            line-height: 1;
+        }
+
+        .glyph .flaticon:before {
+            font-size: 64px;
+            color: #777777;
+            margin-left: 0;
+        }
+
+        .class-name {
+            font-size: 0.65em;
+            background-color: #E5E5E5;
+            color: #9C9C9C;
+            border-radius: 4px 4px 0 0;
+            padding: 0.5em;
+            font-family: Consolas, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace;
+        }
+
+        .author-name {
+            font-size: 0.6em;
+            background-color: #EFF3F6;
+            border-top: 0;
+            border-radius: 0 0 4px 4px;
+            padding: 0.5em;
+        }
+
+        .author-name a {
+            color: #121212;
+        }
+
+        .class-name:last-child {
+            font-size: 10px;
+            line-height: 1.75;
+            color: #888;
+        }
+
+        .class-name:last-child a {
+            font-size: 10px;
+            line-height: 1.75;
+            color: #555;
+        }
+
+        .glyph > input {
+            display: block;
+            width: 100px;
+            margin: 5px auto;
+            text-align: center;
+            font-size: 12px;
+            line-height: 1.75;
+            cursor: text;
+        }
+
+        .glyph > input.icon-input {
+            font-family: "Flaticon";
+            font-size: 15px;
+            line-height: 1.6;
+            margin-bottom: 10px;
+        }
+
+        .attribution .title {
+            margin-top: 2em;
+        }
+
+        .attribution textarea {
+            background-color: #F8FAFB;
+            color: #121212;
+            padding: 1em;
+            border: none;
+            box-shadow: none;
+            border: 1px solid #E5E5E5;
+            border-radius: 4px;
+            resize: none;
+            width: 100%;
+            height: 150px;
+            font-size: 13px;
+            line-height: 1.6;
+            font-family: Consolas, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace;
+            -webkit-appearance: none;
+        }
+
+        .attribution textarea:hover {
+            border-color: #CFD9E0;
+        }
+
+        .attribution textarea:focus {
+            border-color: #52D999;
+        }
+
+        .iconsuse {
+            margin: 2em auto;
+            text-align: center;
+            max-width: 1200px;
+        }
+
+        .iconsuse:after {
+            content: '';
+            display: table;
+            clear: both;
+        }
+
+        .iconsuse .image {
+            float: left;
+            width: 25%;
+            padding: 0 1em;
+        }
+
+        .iconsuse .image p {
+            margin-bottom: 1em;
+        }
+
+        .iconsuse .image span {
+            display: block;
+            font-size: 0.65em;
+            background-color: #222;
+            color: #fff;
+            border-radius: 4px;
+            padding: 10px;
+            color: #FFFF99;
+            margin-top: 1em;
+            font-family: Consolas, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace;
+        }
+
+        .flaticon:before {
+            color: #777777;
+        }
+
+        #footer {
+            text-align: center;
+            background-color: #121212;
+            color: #9C9C9C;
+            padding: 12px;
+            font-size: 13px;
+            line-height: 1.6;
+        }
+
+        #footer a {
+            font-weight: normal;
+        }
+
+        @media (max-width: 960px) {
+            .iconsuse .image {
+                width: 50%;
+            }
+        }
+
+        .preview {
+            width: 100px;
+            display: inline-block;
+            margin: 10px;
+        }
+
+        .preview .inner {
+            display: inline-block;
+            width: 100%;
+            text-align: center;
+            background: #F7F7F7;
+            -webkit-border-radius: 3px 3px 0 0;
+            -moz-border-radius: 3px 3px 0 0;
+            border-radius: 3px 3px 0 0;
+        }
+
+        .preview .inner  {
+            line-height: 85px;
+            font-size: 40px;
+            color: #424242;
+        }
+
+        .label {
+            display: inline-block;
+            width: 100%;
+            box-sizing: border-box;
+            padding: 5px;
+            font-size: 10px;
+            font-family: Monaco, monospace;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            background: #ddd;
+            -webkit-border-radius: 0 0 3px 3px;
+            -moz-border-radius: 0 0 3px 3px;
+            border-radius: 0 0 3px 3px;
+            color: #777;
+        }
+    </style>
+</head>
+<body>
+    <header>
+        <a href="https://www.flaticon.com/" target="_blank" class="logo">
+            <img src="https://www.flaticon.com/media/dist/min/img/logos/flaticon-by-positive-hor.svg" alt="logo">
+        </a>
+    </header>
+    <section class="demo wrapper">
+
+        <p class="title">Webfont Instructions</p>
+
+        <ul>
+            <li>
+                <span class="num">1. </span>Copy the "Fonts" files and CSS files to your website CSS folder.
+            </li>
+            <li>
+                <span class="num">2. </span>Add the CSS link to your website source code on header.
+                <code class="big">
+                    &lt;<span class="red">head</span>&gt;
+                    <br/><span class="dots">...</span>
+                    <br/>&lt;<span class="red">link</span> <span class="green">rel</span>=<span
+                        class="yellow">"stylesheet"</span> <span class="green">type</span>=<span
+                        class="yellow">"text/css"</span> <span class="green">href</span>=<span class="yellow">"your_website_domain/css_root/flaticon_collection_name.css"</span>&gt;
+                    <br/><span class="dots">...</span>
+                    <br/>&lt;/<span class="red">head</span>&gt;
+                </code>
+            </li>
+
+            <li>
+                <p>
+                    <span class="num">3. </span>Use the icon class on <code>"<span class="blue">display</span>:<span
+                        class="purple"> inline</span>"</code> elements:
+                    <br/>
+                    Use example: <code>&lt;<span class="red">i</span> <span class="green">class</span>=<span class="yellow">&quot;flaticon-airplane49&quot;</span>&gt;&lt;/<span
+                        class="red">i</span>&gt;</code> or <code>&lt;<span class="red">span</span> <span
+                        class="green">class</span>=<span class="yellow">&quot;flaticon-airplane49&quot;</span>&gt;&lt;/<span
+                        class="red">span</span>&gt;</code>
+            </li>
+        </ul>
+
+    </section>
+    <section id="glyphs">
+            <div class="glyph">
+                <i class="flaticon flaticon-flight"></i>
+                <div class="class-name">.flaticon-flight</div>
+                <div class="author-name">Author: #author-link-flaticon-flight# </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-tent"></i>
+                <div class="class-name">.flaticon-tent</div>
+                <div class="author-name">Author: #author-link-flaticon-tent# </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-cycling"></i>
+                <div class="class-name">.flaticon-cycling</div>
+                <div class="author-name">Author: #author-link-flaticon-cycling# </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-kayak"></i>
+                <div class="class-name">.flaticon-kayak</div>
+                <div class="author-name">Author: #author-link-flaticon-kayak# </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-travel-agency"></i>
+                <div class="class-name">.flaticon-travel-agency</div>
+                <div class="author-name">Author: #author-link-flaticon-travel-agency# </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-coffee-cup"></i>
+                <div class="class-name">.flaticon-coffee-cup</div>
+                <div class="author-name">Author: #author-link-flaticon-coffee-cup# </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-bed"></i>
+                <div class="class-name">.flaticon-bed</div>
+                <div class="author-name">Author: #author-link-flaticon-bed# </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-double-quotes"></i>
+                <div class="class-name">.flaticon-double-quotes</div>
+                <div class="author-name">Author: #author-link-flaticon-double-quotes# </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-save-money"></i>
+                <div class="class-name">.flaticon-save-money</div>
+                <div class="author-name">Author: #author-link-flaticon-save-money# </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-travel-1"></i>
+                <div class="class-name">.flaticon-travel-1</div>
+                <div class="author-name">Author: #author-link-flaticon-travel-1# </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-booking"></i>
+                <div class="class-name">.flaticon-booking</div>
+                <div class="author-name">Author: #author-link-flaticon-booking# </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-guidepost"></i>
+                <div class="class-name">.flaticon-guidepost</div>
+                <div class="author-name">Author: #author-link-flaticon-guidepost# </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-climbing"></i>
+                <div class="class-name">.flaticon-climbing</div>
+                <div class="author-name">Author: #author-link-flaticon-climbing# </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-online-chat"></i>
+                <div class="class-name">.flaticon-online-chat</div>
+                <div class="author-name">Author: #author-link-flaticon-online-chat# </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-route"></i>
+                <div class="class-name">.flaticon-route</div>
+                <div class="author-name">Author: #author-link-flaticon-route# </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-best-price"></i>
+                <div class="class-name">.flaticon-best-price</div>
+                <div class="author-name">Author: #author-link-flaticon-best-price# </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-business-travel"></i>
+                <div class="class-name">.flaticon-business-travel</div>
+                <div class="author-name">Author: #author-link-flaticon-business-travel# </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-plane"></i>
+                <div class="class-name">.flaticon-plane</div>
+                <div class="author-name">Author: #author-link-flaticon-plane# </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-signpost"></i>
+                <div class="class-name">.flaticon-signpost</div>
+                <div class="author-name">Author: #author-link-flaticon-signpost# </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-key"></i>
+                <div class="class-name">.flaticon-key</div>
+                <div class="author-name">Author: #author-link-flaticon-key# </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-award-symbol"></i>
+                <div class="class-name">.flaticon-award-symbol</div>
+                <div class="author-name">Author: #author-link-flaticon-award-symbol# </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-tourism"></i>
+                <div class="class-name">.flaticon-tourism</div>
+                <div class="author-name">Author: #author-link-flaticon-tourism# </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-hiking"></i>
+                <div class="class-name">.flaticon-hiking</div>
+                <div class="author-name">Author: #author-link-flaticon-hiking# </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-fishing"></i>
+                <div class="class-name">.flaticon-fishing</div>
+                <div class="author-name">Author: #author-link-flaticon-fishing# </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-man"></i>
+                <div class="class-name">.flaticon-man</div>
+                <div class="author-name">Author: #author-link-flaticon-man# </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-kayak-1"></i>
+                <div class="class-name">.flaticon-kayak-1</div>
+                <div class="author-name">Author: #author-link-flaticon-kayak-1# </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-bonfire"></i>
+                <div class="class-name">.flaticon-bonfire</div>
+                <div class="author-name">Author: #author-link-flaticon-bonfire# </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-flashlight"></i>
+                <div class="class-name">.flaticon-flashlight</div>
+                <div class="author-name">Author: #author-link-flaticon-flashlight# </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-meditation"></i>
+                <div class="class-name">.flaticon-meditation</div>
+                <div class="author-name">Author: #author-link-flaticon-meditation# </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-placeholder"></i>
+                <div class="class-name">.flaticon-placeholder</div>
+                <div class="author-name">Author: #author-link-flaticon-placeholder# </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-quote"></i>
+                <div class="class-name">.flaticon-quote</div>
+                <div class="author-name">Author: #author-link-flaticon-quote# </div>
+            </div>
+
+    </section>
+
+    <section class="attribution wrapper"   style="text-align:center;">
+
+        <div class="title">License and attribution:</div><div class="attrDiv">Font generated by <a href="https://www.flaticon.com">flaticon.com</a>. <div>#allAuthorLinksCC# #allAuthorLinksBasic# </div>
+        </div>
+        <div class="title">Copy the Attribution License:</div>
+
+        <textarea onclick="this.focus();this.select();">Font generated by &lt;a href=&quot;https://www.flaticon.com&quot;&gt;flaticon.com&lt;/a&gt;. #allAuthorLinksCC# #allAuthorLinksBasic#
+        </textarea>
+
+    </section>
+
+    <section class="iconsuse">
+
+        <div class="title">Examples:</div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-flight"></i>
+                    <span>&lt;i class=&quot;flaticon-flight&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-tent"></i>
+                    <span>&lt;i class=&quot;flaticon-tent&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-cycling"></i>
+                    <span>&lt;i class=&quot;flaticon-cycling&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-kayak"></i>
+                    <span>&lt;i class=&quot;flaticon-kayak&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-travel-agency"></i>
+                    <span>&lt;i class=&quot;flaticon-travel-agency&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-coffee-cup"></i>
+                    <span>&lt;i class=&quot;flaticon-coffee-cup&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-bed"></i>
+                    <span>&lt;i class=&quot;flaticon-bed&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-double-quotes"></i>
+                    <span>&lt;i class=&quot;flaticon-double-quotes&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-save-money"></i>
+                    <span>&lt;i class=&quot;flaticon-save-money&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-travel-1"></i>
+                    <span>&lt;i class=&quot;flaticon-travel-1&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-booking"></i>
+                    <span>&lt;i class=&quot;flaticon-booking&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-guidepost"></i>
+                    <span>&lt;i class=&quot;flaticon-guidepost&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-climbing"></i>
+                    <span>&lt;i class=&quot;flaticon-climbing&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-online-chat"></i>
+                    <span>&lt;i class=&quot;flaticon-online-chat&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-route"></i>
+                    <span>&lt;i class=&quot;flaticon-route&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-best-price"></i>
+                    <span>&lt;i class=&quot;flaticon-best-price&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-business-travel"></i>
+                    <span>&lt;i class=&quot;flaticon-business-travel&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-plane"></i>
+                    <span>&lt;i class=&quot;flaticon-plane&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-signpost"></i>
+                    <span>&lt;i class=&quot;flaticon-signpost&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-key"></i>
+                    <span>&lt;i class=&quot;flaticon-key&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-award-symbol"></i>
+                    <span>&lt;i class=&quot;flaticon-award-symbol&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-tourism"></i>
+                    <span>&lt;i class=&quot;flaticon-tourism&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-hiking"></i>
+                    <span>&lt;i class=&quot;flaticon-hiking&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-fishing"></i>
+                    <span>&lt;i class=&quot;flaticon-fishing&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-man"></i>
+                    <span>&lt;i class=&quot;flaticon-man&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-kayak-1"></i>
+                    <span>&lt;i class=&quot;flaticon-kayak-1&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-bonfire"></i>
+                    <span>&lt;i class=&quot;flaticon-bonfire&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-flashlight"></i>
+                    <span>&lt;i class=&quot;flaticon-flashlight&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-meditation"></i>
+                    <span>&lt;i class=&quot;flaticon-meditation&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-placeholder"></i>
+                    <span>&lt;i class=&quot;flaticon-placeholder&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-quote"></i>
+                    <span>&lt;i class=&quot;flaticon-quote&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+        </div>
+
+    </section>
+
+    <div id="footer">
+        <div>Generated by <a href="https://www.flaticon.com">flaticon.com</a>
+        </div>
+    </div>
+
+</body>
+</html>

assets/fonts/flaticon_ravelo.scss

@@ -0,0 +1,149 @@
+$flaticon_ravelo-font: "flaticon_ravelo";
+
+@font-face {
+    font-family: $flaticon_ravelo-font;
+    src: url("./flaticon_ravelo.woff2?6a17e9e26dbb5a2360f515e123c8e921") format("woff2"),
+url("./flaticon_ravelo.woff?6a17e9e26dbb5a2360f515e123c8e921") format("woff"),
+url("./flaticon_ravelo.eot?6a17e9e26dbb5a2360f515e123c8e921#iefix") format("embedded-opentype"),
+url("./flaticon_ravelo.ttf?6a17e9e26dbb5a2360f515e123c8e921") format("truetype"),
+url("./flaticon_ravelo.svg?6a17e9e26dbb5a2360f515e123c8e921#flaticon_ravelo") format("svg");
+}
+
+i[class^="flaticon-"]:before, i[class*=" flaticon-"]:before {
+    font-family: flaticon_ravelo !important;
+    font-style: normal;
+    font-weight: normal !important;
+    font-variant: normal;
+    text-transform: none;
+    line-height: 1;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+
+$flaticon_ravelo-map: (
+    "flight": "\f101",
+    "tent": "\f102",
+    "cycling": "\f103",
+    "kayak": "\f104",
+    "travel-agency": "\f105",
+    "coffee-cup": "\f106",
+    "bed": "\f107",
+    "double-quotes": "\f108",
+    "save-money": "\f109",
+    "travel-1": "\f10a",
+    "booking": "\f10b",
+    "guidepost": "\f10c",
+    "climbing": "\f10d",
+    "online-chat": "\f10e",
+    "route": "\f10f",
+    "best-price": "\f110",
+    "business-travel": "\f111",
+    "plane": "\f112",
+    "signpost": "\f113",
+    "key": "\f114",
+    "award-symbol": "\f115",
+    "tourism": "\f116",
+    "hiking": "\f117",
+    "fishing": "\f118",
+    "man": "\f119",
+    "kayak-1": "\f11a",
+    "bonfire": "\f11b",
+    "flashlight": "\f11c",
+    "meditation": "\f11d",
+    "placeholder": "\f11e",
+    "quote": "\f11f",
+);
+
+.flaticon-flight:before {
+    content: map-get($flaticon_ravelo-map, "flight");
+}
+.flaticon-tent:before {
+    content: map-get($flaticon_ravelo-map, "tent");
+}
+.flaticon-cycling:before {
+    content: map-get($flaticon_ravelo-map, "cycling");
+}
+.flaticon-kayak:before {
+    content: map-get($flaticon_ravelo-map, "kayak");
+}
+.flaticon-travel-agency:before {
+    content: map-get($flaticon_ravelo-map, "travel-agency");
+}
+.flaticon-coffee-cup:before {
+    content: map-get($flaticon_ravelo-map, "coffee-cup");
+}
+.flaticon-bed:before {
+    content: map-get($flaticon_ravelo-map, "bed");
+}
+.flaticon-double-quotes:before {
+    content: map-get($flaticon_ravelo-map, "double-quotes");
+}
+.flaticon-save-money:before {
+    content: map-get($flaticon_ravelo-map, "save-money");
+}
+.flaticon-travel-1:before {
+    content: map-get($flaticon_ravelo-map, "travel-1");
+}
+.flaticon-booking:before {
+    content: map-get($flaticon_ravelo-map, "booking");
+}
+.flaticon-guidepost:before {
+    content: map-get($flaticon_ravelo-map, "guidepost");
+}
+.flaticon-climbing:before {
+    content: map-get($flaticon_ravelo-map, "climbing");
+}
+.flaticon-online-chat:before {
+    content: map-get($flaticon_ravelo-map, "online-chat");
+}
+.flaticon-route:before {
+    content: map-get($flaticon_ravelo-map, "route");
+}
+.flaticon-best-price:before {
+    content: map-get($flaticon_ravelo-map, "best-price");
+}
+.flaticon-business-travel:before {
+    content: map-get($flaticon_ravelo-map, "business-travel");
+}
+.flaticon-plane:before {
+    content: map-get($flaticon_ravelo-map, "plane");
+}
+.flaticon-signpost:before {
+    content: map-get($flaticon_ravelo-map, "signpost");
+}
+.flaticon-key:before {
+    content: map-get($flaticon_ravelo-map, "key");
+}
+.flaticon-award-symbol:before {
+    content: map-get($flaticon_ravelo-map, "award-symbol");
+}
+.flaticon-tourism:before {
+    content: map-get($flaticon_ravelo-map, "tourism");
+}
+.flaticon-hiking:before {
+    content: map-get($flaticon_ravelo-map, "hiking");
+}
+.flaticon-fishing:before {
+    content: map-get($flaticon_ravelo-map, "fishing");
+}
+.flaticon-man:before {
+    content: map-get($flaticon_ravelo-map, "man");
+}
+.flaticon-kayak-1:before {
+    content: map-get($flaticon_ravelo-map, "kayak-1");
+}
+.flaticon-bonfire:before {
+    content: map-get($flaticon_ravelo-map, "bonfire");
+}
+.flaticon-flashlight:before {
+    content: map-get($flaticon_ravelo-map, "flashlight");
+}
+.flaticon-meditation:before {
+    content: map-get($flaticon_ravelo-map, "meditation");
+}
+.flaticon-placeholder:before {
+    content: map-get($flaticon_ravelo-map, "placeholder");
+}
+.flaticon-quote:before {
+    content: map-get($flaticon_ravelo-map, "quote");
+}