Sid Gifari File Manager

Sid Gifari File Manager

🏠 Root / home / ailwtbdh / www / wp-content / themes / profund / assets / fonts /

Editing: flaticon.html

<!DOCTYPE html>

<html>
<!DOCTYPE html>
<html>

<head>
    <title>Flaticon WebFont</title>
    <link href="http://fonts.googleapis.com/css?family=Varela+Round" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" type="text/css" href="../css/flaticon.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: 'Varela Round', Helvetica, Arial, sans-serif;
        font-size: 16px;
        color: #222;
    }
    a {
        color: #333;
        border-bottom: 1px solid #a9fd00;
        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: 30px;
        font-style: normal;
        margin-left: 20px;
        color: #333;
    }
    .wrapper {
        max-width: 600px;
        margin: auto;
        padding: 0 1em;
    }
    .title {
        font-size: 1.25em;
        text-align: center;
        margin-bottom: 1em;
        text-transform: uppercase;
    }
    header {
        text-align: center;
        background-color: #222;
        color: #fff;
        padding: 1em;
    }
    header .logo {
        width: 210px;
        height: 38px;
        display: inline-block;
        vertical-align: middle;
        margin-right: 1em;
        border: none;
    }
    header strong {
        font-size: 1.95em;
        font-weight: bold;
        vertical-align: middle;
        margin-top: 5px;
        display: inline-block;
    }
    .demo {
        margin: 2em auto;
        line-height: 1.25em;
    }
    .demo ul li {
        margin-bottom: 1em;
    }
    .demo ul li .num {
        color: #222;
        border-radius: 20px;
        display: inline-block;
        width: 26px;
        padding: 3px;
        height: 26px;
        text-align: center;
        margin-right: 0.5em;
        border: 1px solid #222;
    }
    .demo ul li code {
        background-color: #222;
        border-radius: 4px;
        padding: 0.25em 0.5em;
        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: 1em;
        font-size: 0.8em;
        word-break: break-all;
    }
    .demo ul li code.big {
        padding: 1em;
        font-size: 0.9em;
    }
    .demo ul li code .red {
        color: #EF3159;
    }
    .demo ul li code .green {
        color: #ACFF65;
    }
    .demo ul li code .yellow {
        color: #FFFF99;
    }
    .demo ul li code .blue {
        color: #99D3FF;
    }
    .demo ul li code .purple {
        color: #A295FF;
    }
    .demo ul li code .dots {
        margin-top: 0.5em;
        display: block;
    }
    #glyphs {
        border-bottom: 1px solid #ccc;
        padding: 2em 0;
        text-align: center;
    }
    .glyph {
        display: inline-block;
        width: 9em;
        margin: 1em;
        text-align: center;
        vertical-align: top;
        background: #FFF;
    }
    .glyph .glyph-icon {
        padding: 10px;
        display: block;
        font-family:"Flaticon";
        font-size: 64px;
        line-height: 1;
    }
    .glyph .glyph-icon:before {
        font-size: 64px;
        color: #222;
        margin-left: 0;
    }
    .class-name {
        font-size: 0.65em;
        background-color: #222;
        color: #fff;
        border-radius: 4px 4px 0 0;
        padding: 0.5em;
        color: #FFFF99;
        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: #fcfcfd;
        border: 1px solid #DEDEE4;
        border-top: 0;
        border-radius: 0 0 4px 4px;
        padding: 0.5em;
    }
    .class-name:last-child {
        font-size: 10px;
        color:#888;
    }
    .class-name:last-child a {
        font-size: 10px;
        color:#555;
    }
    .class-name:last-child a:hover {
        color:#a9fd00;
    }
    .glyph > input {
        display: block;
        width: 100px;
        margin: 5px auto;
        text-align: center;
        font-size: 12px;
        cursor: text;
    }
    .glyph > input.icon-input {
        font-family:"Flaticon";
        font-size: 16px;
        margin-bottom: 10px;
    }
    .attribution .title {
        margin-top: 2em;
    }
    .attribution textarea {
        background-color: #fcfcfd;
        padding: 1em;
        border: none;
        box-shadow: none;
        border: 1px solid #DEDEE4;
        border-radius: 4px;
        resize: none;
        width: 100%;
        height: 150px;
        font-size: 0.8em;
        font-family: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace;
        -webkit-appearance: none;
    }
    .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: 0.5em;
        color: #FFFF99;
        margin-top: 1em;
        font-family: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace;
    }
    #footer {
        text-align: center;
        background-color: #4C5B5C;
        color: #7c9192;
        padding: 1em;
    }
    #footer a {
        border: none;
        color: #a9fd00;
        font-weight: normal;
    }
    @media (max-width: 960px) {
        .iconsuse .image {
            width: 50%;
        }
    }
    @media (max-width: 560px) {
        .iconsuse .image {
            width: 100%;
        }
    }
    </style>
</head>

<p class="title">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.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"><div class="glyph-icon flaticon-up-arrow-angle"></div>
            <div class="class-name">.flaticon-up-arrow-angle</div>
            <div class="author-name">Author: <a data-file="001-up-arrow-angle" href="https://www.flaticon.com/authors/catalin-fertu">Catalin Fertu</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-right-arrow-angle"></div>
            <div class="class-name">.flaticon-right-arrow-angle</div>
            <div class="author-name">Author: <a data-file="002-right-arrow-angle" href="https://www.flaticon.com/authors/catalin-fertu">Catalin Fertu</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-down-arrow"></div>
            <div class="class-name">.flaticon-down-arrow</div>
            <div class="author-name">Author: <a data-file="003-down-arrow" href="https://www.flaticon.com/authors/catalin-fertu">Catalin Fertu</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-like-heart-outline-symbol"></div>
            <div class="class-name">.flaticon-like-heart-outline-symbol</div>
            <div class="author-name">Author: <a data-file="004-like-heart-outline-symbol" href="https://www.flaticon.com/authors/catalin-fertu">Catalin Fertu</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-share-social-interface-button"></div>
            <div class="class-name">.flaticon-share-social-interface-button</div>
            <div class="author-name">Author: <a data-file="005-share-social-interface-button" href="https://www.flaticon.com/authors/catalin-fertu">Catalin Fertu</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-chat-comment-oval-speech-bubble-with-text-lines"></div>
            <div class="class-name">.flaticon-chat-comment-oval-speech-bubble-with-text-lines</div>
            <div class="author-name">Author: <a data-file="006-chat-comment-oval-speech-bubble-with-text-lines" href="https://www.flaticon.com/authors/catalin-fertu">Catalin Fertu</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-login-square-arrow-button-outline"></div>
            <div class="class-name">.flaticon-login-square-arrow-button-outline</div>
            <div class="author-name">Author: <a data-file="007-login-square-arrow-button-outline" href="https://www.flaticon.com/authors/catalin-fertu">Catalin Fertu</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-search-interface-symbol"></div>
            <div class="class-name">.flaticon-search-interface-symbol</div>
            <div class="author-name">Author: <a data-file="008-search-interface-symbol" href="https://www.flaticon.com/authors/catalin-fertu">Catalin Fertu</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-recycling-bin"></div>
            <div class="class-name">.flaticon-recycling-bin</div>
            <div class="author-name">Author: <a data-file="009-recycling-bin" href="https://www.flaticon.com/authors/catalin-fertu">Catalin Fertu</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-chat-oval-speech-bubbles-symbol"></div>
            <div class="class-name">.flaticon-chat-oval-speech-bubbles-symbol</div>
            <div class="author-name">Author: <a data-file="010-chat-oval-speech-bubbles-symbol" href="https://www.flaticon.com/authors/catalin-fertu">Catalin Fertu</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-close-circular-button-symbol"></div>
            <div class="class-name">.flaticon-close-circular-button-symbol</div>
            <div class="author-name">Author: <a data-file="011-close-circular-button-symbol" href="https://www.flaticon.com/authors/catalin-fertu">Catalin Fertu</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-nine-oclock-on-circular-clock"></div>
            <div class="class-name">.flaticon-nine-oclock-on-circular-clock</div>
            <div class="author-name">Author: <a data-file="012-nine-oclock-on-circular-clock" href="https://www.flaticon.com/authors/catalin-fertu">Catalin Fertu</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-weekly-calendar-outline-event-interface-symbol"></div>
            <div class="class-name">.flaticon-weekly-calendar-outline-event-interface-symbol</div>
            <div class="author-name">Author: <a data-file="013-weekly-calendar-outline-event-interface-symbol" href="https://www.flaticon.com/authors/catalin-fertu">Catalin Fertu</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-copy-two-paper-sheets-interface-symbol"></div>
            <div class="class-name">.flaticon-copy-two-paper-sheets-interface-symbol</div>
            <div class="author-name">Author: <a data-file="014-copy-two-paper-sheets-interface-symbol" href="https://www.flaticon.com/authors/catalin-fertu">Catalin Fertu</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-video-camera-outline"></div>
            <div class="class-name">.flaticon-video-camera-outline</div>
            <div class="author-name">Author: <a data-file="015-video-camera-outline" href="https://www.flaticon.com/authors/catalin-fertu">Catalin Fertu</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-save-button-interface-symbol-of-outlined-diskette"></div>
            <div class="class-name">.flaticon-save-button-interface-symbol-of-outlined-diskette</div>
            <div class="author-name">Author: <a data-file="016-save-button-interface-symbol-of-outlined-diskette" href="https://www.flaticon.com/authors/catalin-fertu">Catalin Fertu</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-big-map-placeholder-outlined-symbol-of-interface"></div>
            <div class="class-name">.flaticon-big-map-placeholder-outlined-symbol-of-interface</div>
            <div class="author-name">Author: <a data-file="017-big-map-placeholder-outlined-symbol-of-interface" href="https://www.flaticon.com/authors/catalin-fertu">Catalin Fertu</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-checkmark-verify-interface-symbol-button"></div>
            <div class="class-name">.flaticon-checkmark-verify-interface-symbol-button</div>
            <div class="author-name">Author: <a data-file="018-checkmark-verify-interface-symbol-button" href="https://www.flaticon.com/authors/catalin-fertu">Catalin Fertu</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-download-circular-button"></div>
            <div class="class-name">.flaticon-download-circular-button</div>
            <div class="author-name">Author: <a data-file="019-download-circular-button" href="https://www.flaticon.com/authors/catalin-fertu">Catalin Fertu</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-equalizer"></div>
            <div class="class-name">.flaticon-equalizer</div>
            <div class="author-name">Author: <a data-file="020-equalizer" href="https://www.flaticon.com/authors/catalin-fertu">Catalin Fertu</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-play"></div>
            <div class="class-name">.flaticon-play</div>
            <div class="author-name">Author: <a data-file="021-play" href="https://www.flaticon.com/authors/catalin-fertu">Catalin Fertu</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-list"></div>
            <div class="class-name">.flaticon-list</div>
            <div class="author-name">Author: <a data-file="022-list" href="https://www.flaticon.com/authors/catalin-fertu">Catalin Fertu</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-image"></div>
            <div class="class-name">.flaticon-image</div>
            <div class="author-name">Author: <a data-file="023-image" href="https://www.flaticon.com/authors/catalin-fertu">Catalin Fertu</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-camera"></div>
            <div class="class-name">.flaticon-camera</div>
            <div class="author-name">Author: <a data-file="024-camera" href="https://www.flaticon.com/authors/catalin-fertu">Catalin Fertu</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-menu"></div>
            <div class="class-name">.flaticon-menu</div>
            <div class="author-name">Author: <a data-file="025-menu" href="https://www.flaticon.com/authors/catalin-fertu">Catalin Fertu</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-user"></div>
            <div class="class-name">.flaticon-user</div>
            <div class="author-name">Author: <a data-file="026-user" href="https://www.flaticon.com/authors/smashicons">Smashicons</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-profile"></div>
            <div class="class-name">.flaticon-profile</div>
            <div class="author-name">Author: <a data-file="027-profile" href="https://www.flaticon.com/authors/lucy-g">Lucy G</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-user-1"></div>
            <div class="class-name">.flaticon-user-1</div>
            <div class="author-name">Author: <a data-file="028-user-1" href="https://www.flaticon.com/authors/smashicons">Smashicons</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-users"></div>
            <div class="class-name">.flaticon-users</div>
            <div class="author-name">Author: <a data-file="029-users" href="https://www.flaticon.com/authors/smashicons">Smashicons</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-email-envelope-outline-shape-with-rounded-corners"></div>
            <div class="class-name">.flaticon-email-envelope-outline-shape-with-rounded-corners</div>
            <div class="author-name">Author: <a data-file="030-email-envelope-outline-shape-with-rounded-corners" href="https://www.flaticon.com/authors/simpleicon">SimpleIcon</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-email"></div>
            <div class="class-name">.flaticon-email</div>
            <div class="author-name">Author: <a data-file="031-email" href="https://www.flaticon.com/authors/smashicons">Smashicons</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-mail"></div>
            <div class="class-name">.flaticon-mail</div>
            <div class="author-name">Author: <a data-file="032-mail" href="https://www.flaticon.com/authors/iconnice">Iconnice</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-message"></div>
            <div class="class-name">.flaticon-message</div>
            <div class="author-name">Author: <a data-file="033-message" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-worldwide"></div>
            <div class="class-name">.flaticon-worldwide</div>
            <div class="author-name">Author: <a data-file="034-worldwide" href="https://www.flaticon.com/authors/turkkub">turkkub</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-location"></div>
            <div class="class-name">.flaticon-location</div>
            <div class="author-name">Author: <a data-file="035-location" href="https://www.flaticon.com/authors/srip">srip</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-earth-globe"></div>
            <div class="class-name">.flaticon-earth-globe</div>
            <div class="author-name">Author: <a data-file="036-earth-globe" href="https://www.flaticon.com/authors/vectors-market">Vectors Market</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-world"></div>
            <div class="class-name">.flaticon-world</div>
            <div class="author-name">Author: <a data-file="037-world" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-earth"></div>
            <div class="class-name">.flaticon-earth</div>
            <div class="author-name">Author: <a data-file="038-earth" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-edit"></div>
            <div class="class-name">.flaticon-edit</div>
            <div class="author-name">Author: <a data-file="039-edit" href="https://www.flaticon.com/authors/kiranshastry">Kiranshastry</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-edit-1"></div>
            <div class="class-name">.flaticon-edit-1</div>
            <div class="author-name">Author: <a data-file="040-edit-1" href="https://www.flaticon.com/authors/smashicons">Smashicons</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-edit-2"></div>
            <div class="class-name">.flaticon-edit-2</div>
            <div class="author-name">Author: <a data-file="041-edit-2" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-edit-3"></div>
            <div class="class-name">.flaticon-edit-3</div>
            <div class="author-name">Author: <a data-file="042-edit-3" href="https://www.flaticon.com/authors/smashicons">Smashicons</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-contract"></div>
            <div class="class-name">.flaticon-contract</div>
            <div class="author-name">Author: <a data-file="043-contract" href="https://www.flaticon.com/authors/vectors-market">Vectors Market</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-graphic-design"></div>
            <div class="class-name">.flaticon-graphic-design</div>
            <div class="author-name">Author: <a data-file="044-graphic-design" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-clipboard"></div>
            <div class="class-name">.flaticon-clipboard</div>
            <div class="author-name">Author: <a data-file="045-clipboard" href="https://www.flaticon.com/authors/icongeek26">Icongeek26</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-visa-logo"></div>
            <div class="class-name">.flaticon-visa-logo</div>
            <div class="author-name">Author: <a data-file="046-visa-logo" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-shopping-bag"></div>
            <div class="class-name">.flaticon-shopping-bag</div>
            <div class="author-name">Author: <a data-file="047-shopping-bag" href="https://www.flaticon.com/authors/darius-dan">Darius Dan</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-shopping-bag-1"></div>
            <div class="class-name">.flaticon-shopping-bag-1</div>
            <div class="author-name">Author: <a data-file="048-shopping-bag-1" href="https://www.flaticon.com/authors/gregor-cresnar">Gregor Cresnar</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-shopping-cart"></div>
            <div class="class-name">.flaticon-shopping-cart</div>
            <div class="author-name">Author: <a data-file="049-shopping-cart" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-shopping-cart-1"></div>
            <div class="class-name">.flaticon-shopping-cart-1</div>
            <div class="author-name">Author: <a data-file="050-shopping-cart-1" href="https://www.flaticon.com/authors/gregor-cresnar">Gregor Cresnar</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-facebook"></div>
            <div class="class-name">.flaticon-facebook</div>
            <div class="author-name">Author: <a data-file="051-facebook" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-twitter"></div>
            <div class="class-name">.flaticon-twitter</div>
            <div class="author-name">Author: <a data-file="052-twitter" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-linkedin-social-outline-logotype"></div>
            <div class="class-name">.flaticon-linkedin-social-outline-logotype</div>
            <div class="author-name">Author: <a data-file="053-linkedin-social-outline-logotype" href="https://www.flaticon.com/authors/graphicsbay">GraphicsBay</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-instagram"></div>
            <div class="class-name">.flaticon-instagram</div>
            <div class="author-name">Author: <a data-file="054-instagram" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-pinterest"></div>
            <div class="class-name">.flaticon-pinterest</div>
            <div class="author-name">Author: <a data-file="055-pinterest" href="https://www.flaticon.com/authors/epiccoders">EpicCoders</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-flickr-social-outlined-logo-in-a-circle"></div>
            <div class="class-name">.flaticon-flickr-social-outlined-logo-in-a-circle</div>
            <div class="author-name">Author: <a data-file="056-flickr-social-outlined-logo-in-a-circle" href="https://www.flaticon.com/authors/graphicsbay">GraphicsBay</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-youtube"></div>
            <div class="class-name">.flaticon-youtube</div>
            <div class="author-name">Author: <a data-file="057-youtube" href="https://www.flaticon.com/authors/epiccoders">EpicCoders</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-vimeo-letter-logo-outline"></div>
            <div class="class-name">.flaticon-vimeo-letter-logo-outline</div>
            <div class="author-name">Author: <a data-file="058-vimeo-letter-logo-outline" href="https://www.flaticon.com/authors/graphicsbay">GraphicsBay</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-clock-circular-outline"></div>
            <div class="class-name">.flaticon-clock-circular-outline</div>
            <div class="author-name">Author: <a data-file="059-clock-circular-outline" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-clock"></div>
            <div class="class-name">.flaticon-clock</div>
            <div class="author-name">Author: <a data-file="060-clock" href="https://www.flaticon.com/authors/smashicons">Smashicons</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-time"></div>
            <div class="class-name">.flaticon-time</div>
            <div class="author-name">Author: <a data-file="061-time" href="https://www.flaticon.com/authors/smashicons">Smashicons</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-alarm-clock"></div>
            <div class="class-name">.flaticon-alarm-clock</div>
            <div class="author-name">Author: <a data-file="062-alarm-clock" href="https://www.flaticon.com/authors/smashicons">Smashicons</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-comment"></div>
            <div class="class-name">.flaticon-comment</div>
            <div class="author-name">Author: <a data-file="063-comment" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-chat"></div>
            <div class="class-name">.flaticon-chat</div>
            <div class="author-name">Author: <a data-file="064-chat" href="https://www.flaticon.com/authors/smashicons">Smashicons</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-comment-white-oval-bubble"></div>
            <div class="class-name">.flaticon-comment-white-oval-bubble</div>
            <div class="author-name">Author: <a data-file="065-comment-white-oval-bubble" href="https://www.flaticon.com/authors/dave-gandy">Dave Gandy</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-bookmark-white"></div>
            <div class="class-name">.flaticon-bookmark-white</div>
            <div class="author-name">Author: <a data-file="066-bookmark-white" href="https://www.flaticon.com/authors/dave-gandy">Dave Gandy</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-tag"></div>
            <div class="class-name">.flaticon-tag</div>
            <div class="author-name">Author: <a data-file="067-tag" href="https://www.flaticon.com/authors/gregor-cresnar">Gregor Cresnar</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-tags"></div>
            <div class="class-name">.flaticon-tags</div>
            <div class="author-name">Author: <a data-file="068-tags" href="https://www.flaticon.com/authors/dave-gandy">Dave Gandy</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-search"></div>
            <div class="class-name">.flaticon-search</div>
            <div class="author-name">Author: <a data-file="069-search" href="https://www.flaticon.com/authors/smashicons">Smashicons</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-magnifying-glass"></div>
            <div class="class-name">.flaticon-magnifying-glass</div>
            <div class="author-name">Author: <a data-file="070-magnifying-glass" href="https://www.flaticon.com/authors/gregor-cresnar">Gregor Cresnar</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-magnifying-glass-1"></div>
            <div class="class-name">.flaticon-magnifying-glass-1</div>
            <div class="author-name">Author: <a data-file="071-magnifying-glass-1" href="https://www.flaticon.com/authors/vectors-market">Vectors Market</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-search-1"></div>
            <div class="class-name">.flaticon-search-1</div>
            <div class="author-name">Author: <a data-file="072-search-1" href="https://www.flaticon.com/authors/smashicons">Smashicons</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-call"></div>
            <div class="class-name">.flaticon-call</div>
            <div class="author-name">Author: <a data-file="073-call" href="https://www.flaticon.com/authors/smashicons">Smashicons</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-phone-call"></div>
            <div class="class-name">.flaticon-phone-call</div>
            <div class="author-name">Author: <a data-file="074-phone-call" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-phone-call-1"></div>
            <div class="class-name">.flaticon-phone-call-1</div>
            <div class="author-name">Author: <a data-file="075-phone-call-1" href="https://www.flaticon.com/authors/iconnice">Iconnice</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-cancel"></div>
            <div class="class-name">.flaticon-cancel</div>
            <div class="author-name">Author: <a data-file="076-cancel" href="https://www.flaticon.com/authors/eugene-pavovsky">Eugene Pavovsky</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-delete-button"></div>
            <div class="class-name">.flaticon-delete-button</div>
            <div class="author-name">Author: <a data-file="077-delete-button" href="https://www.flaticon.com/authors/pavel-kozlov">Pavel Kozlov</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-social-care"></div>
            <div class="class-name">.flaticon-social-care</div>
            <div class="author-name">Author: <a data-file="078-social-care" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-solidarity"></div>
            <div class="class-name">.flaticon-solidarity</div>
            <div class="author-name">Author: <a data-file="079-solidarity" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-care"></div>
            <div class="class-name">.flaticon-care</div>
            <div class="author-name">Author: <a data-file="080-care" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-heart"></div>
            <div class="class-name">.flaticon-heart</div>
            <div class="author-name">Author: <a data-file="081-heart" href="https://www.flaticon.com/authors/good-ware">Good Ware</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-heart-1"></div>
            <div class="class-name">.flaticon-heart-1</div>
            <div class="author-name">Author: <a data-file="082-heart-1" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-hand"></div>
            <div class="class-name">.flaticon-hand</div>
            <div class="author-name">Author: <a data-file="083-hand" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-heart-box"></div>
            <div class="class-name">.flaticon-heart-box</div>
            <div class="author-name">Author: <a data-file="084-heart-box" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-donation"></div>
            <div class="class-name">.flaticon-donation</div>
            <div class="author-name">Author: <a data-file="085-donation" href="https://www.flaticon.com/authors/zlatko-najdenovski">Zlatko Najdenovski</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-charity"></div>
            <div class="class-name">.flaticon-charity</div>
            <div class="author-name">Author: <a data-file="086-charity" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-charity-1"></div>
            <div class="class-name">.flaticon-charity-1</div>
            <div class="author-name">Author: <a data-file="087-charity-1" href="https://www.flaticon.com/authors/surang">surang</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-donation-1"></div>
            <div class="class-name">.flaticon-donation-1</div>
            <div class="author-name">Author: <a data-file="088-donation-1" href="https://www.flaticon.com/authors/smashicons">Smashicons</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-heart-2"></div>
            <div class="class-name">.flaticon-heart-2</div>
            <div class="author-name">Author: <a data-file="089-heart-2" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-care-1"></div>
            <div class="class-name">.flaticon-care-1</div>
            <div class="author-name">Author: <a data-file="090-care-1" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-charity-2"></div>
            <div class="class-name">.flaticon-charity-2</div>
            <div class="author-name">Author: <a data-file="091-charity-2" href="https://www.flaticon.com/authors/becris">Becris</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-charity-3"></div>
            <div class="class-name">.flaticon-charity-3</div>
            <div class="author-name">Author: <a data-file="092-charity-3" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-charity-4"></div>
            <div class="class-name">.flaticon-charity-4</div>
            <div class="author-name">Author: <a data-file="093-charity-4" href="https://www.flaticon.com/authors/zlatko-najdenovski">Zlatko Najdenovski</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-gift-box"></div>
            <div class="class-name">.flaticon-gift-box</div>
            <div class="author-name">Author: <a data-file="094-gift-box" href="https://www.flaticon.com/authors/srip">srip</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-health"></div>
            <div class="class-name">.flaticon-health</div>
            <div class="author-name">Author: <a data-file="095-health" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-family"></div>
            <div class="class-name">.flaticon-family</div>
            <div class="author-name">Author: <a data-file="096-family" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-muscle"></div>
            <div class="class-name">.flaticon-muscle</div>
            <div class="author-name">Author: <a data-file="097-muscle" href="https://www.flaticon.com/authors/darius-dan">Darius Dan</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-praying"></div>
            <div class="class-name">.flaticon-praying</div>
            <div class="author-name">Author: <a data-file="098-praying" href="https://www.flaticon.com/authors/zlatko-najdenovski">Zlatko Najdenovski</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-business"></div>
            <div class="class-name">.flaticon-business</div>
            <div class="author-name">Author: <a data-file="099-business" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-charity-5"></div>
            <div class="class-name">.flaticon-charity-5</div>
            <div class="author-name">Author: <a data-file="100-charity-5" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-money"></div>
            <div class="class-name">.flaticon-money</div>
            <div class="author-name">Author: <a data-file="101-money" href="https://www.flaticon.com/authors/eucalyp">Eucalyp</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-donation-2"></div>
            <div class="class-name">.flaticon-donation-2</div>
            <div class="author-name">Author: <a data-file="102-donation-2" href="https://www.flaticon.com/authors/smashicons">Smashicons</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-support"></div>
            <div class="class-name">.flaticon-support</div>
            <div class="author-name">Author: <a data-file="103-support" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-teamwork"></div>
            <div class="class-name">.flaticon-teamwork</div>
            <div class="author-name">Author: <a data-file="104-teamwork" href="https://www.flaticon.com/authors/zlatko-najdenovski">Zlatko Najdenovski</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-dove"></div>
            <div class="class-name">.flaticon-dove</div>
            <div class="author-name">Author: <a data-file="105-dove" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-dove-1"></div>
            <div class="class-name">.flaticon-dove-1</div>
            <div class="author-name">Author: <a data-file="106-dove-1" href="https://www.flaticon.com/authors/zlatko-najdenovski">Zlatko Najdenovski</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-growth"></div>
            <div class="class-name">.flaticon-growth</div>
            <div class="author-name">Author: <a data-file="107-growth" href="https://www.flaticon.com/authors/darius-dan">Darius Dan</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-gift"></div>
            <div class="class-name">.flaticon-gift</div>
            <div class="author-name">Author: <a data-file="108-gift" href="https://www.flaticon.com/authors/srip">srip</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-hand-1"></div>
            <div class="class-name">.flaticon-hand-1</div>
            <div class="author-name">Author: <a data-file="109-hand-1" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-save-money"></div>
            <div class="class-name">.flaticon-save-money</div>
            <div class="author-name">Author: <a data-file="110-save-money" href="https://www.flaticon.com/authors/kiranshastry">Kiranshastry</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-target"></div>
            <div class="class-name">.flaticon-target</div>
            <div class="author-name">Author: <a data-file="111-target" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-team"></div>
            <div class="class-name">.flaticon-team</div>
            <div class="author-name">Author: <a data-file="112-team" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-maternity"></div>
            <div class="class-name">.flaticon-maternity</div>
            <div class="author-name">Author: <a data-file="113-maternity" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-team-1"></div>
            <div class="class-name">.flaticon-team-1</div>
            <div class="author-name">Author: <a data-file="114-team-1" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-ribbon"></div>
            <div class="class-name">.flaticon-ribbon</div>
            <div class="author-name">Author: <a data-file="115-ribbon" href="https://www.flaticon.com/authors/smashicons">Smashicons</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-olive-branches-award-symbol"></div>
            <div class="class-name">.flaticon-olive-branches-award-symbol</div>
            <div class="author-name">Author: <a data-file="116-olive-branches-award-symbol" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-olives"></div>
            <div class="class-name">.flaticon-olives</div>
            <div class="author-name">Author: <a data-file="117-olives" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-heart-3"></div>
            <div class="class-name">.flaticon-heart-3</div>
            <div class="author-name">Author: <a data-file="118-heart-3" href="https://www.flaticon.com/authors/zlatko-najdenovski">Zlatko Najdenovski</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-goodwill"></div>
            <div class="class-name">.flaticon-goodwill</div>
            <div class="author-name">Author: <a data-file="119-goodwill" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-money-1"></div>
            <div class="class-name">.flaticon-money-1</div>
            <div class="author-name">Author: <a data-file="120-money-1" href="https://www.flaticon.com/authors/zlatko-najdenovski">Zlatko Najdenovski</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-hand-2"></div>
            <div class="class-name">.flaticon-hand-2</div>
            <div class="author-name">Author: <a data-file="121-hand-2" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-money-2"></div>
            <div class="class-name">.flaticon-money-2</div>
            <div class="author-name">Author: <a data-file="122-money-2" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-heart-4"></div>
            <div class="class-name">.flaticon-heart-4</div>
            <div class="author-name">Author: <a data-file="123-heart-4" href="https://www.flaticon.com/authors/ddara">dDara</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-heart-5"></div>
            <div class="class-name">.flaticon-heart-5</div>
            <div class="author-name">Author: <a data-file="124-heart-5" href="https://www.flaticon.com/authors/smashicons">Smashicons</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-help"></div>
            <div class="class-name">.flaticon-help</div>
            <div class="author-name">Author: <a data-file="125-help" href="https://www.flaticon.com/authors/mangsaabguru">mangsaabguru</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-water"></div>
            <div class="class-name">.flaticon-water</div>
            <div class="author-name">Author: <a data-file="126-water" href="https://www.flaticon.com/authors/zlatko-najdenovski">Zlatko Najdenovski</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-ribbon-1"></div>
            <div class="class-name">.flaticon-ribbon-1</div>
            <div class="author-name">Author: <a data-file="127-ribbon-1" href="https://www.flaticon.com/authors/zlatko-najdenovski">Zlatko Najdenovski</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-care-2"></div>
            <div class="class-name">.flaticon-care-2</div>
            <div class="author-name">Author: <a data-file="128-care-2" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-sympathy"></div>
            <div class="class-name">.flaticon-sympathy</div>
            <div class="author-name">Author: <a data-file="129-sympathy" href="https://www.flaticon.com/authors/srip">srip</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-jar"></div>
            <div class="class-name">.flaticon-jar</div>
            <div class="author-name">Author: <a data-file="130-jar" href="https://www.flaticon.com/authors/kiranshastry">Kiranshastry</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-heart-6"></div>
            <div class="class-name">.flaticon-heart-6</div>
            <div class="author-name">Author: <a data-file="131-heart-6" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-tray"></div>
            <div class="class-name">.flaticon-tray</div>
            <div class="author-name">Author: <a data-file="132-tray" href="https://www.flaticon.com/authors/monkik">monkik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-food"></div>
            <div class="class-name">.flaticon-food</div>
            <div class="author-name">Author: <a data-file="133-food" href="https://www.flaticon.com/authors/smashicons">Smashicons</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-diet"></div>
            <div class="class-name">.flaticon-diet</div>
            <div class="author-name">Author: <a data-file="134-diet" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-fork"></div>
            <div class="class-name">.flaticon-fork</div>
            <div class="author-name">Author: <a data-file="135-fork" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-like"></div>
            <div class="class-name">.flaticon-like</div>
            <div class="author-name">Author: <a data-file="136-like" href="https://www.flaticon.com/authors/smashicons">Smashicons</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-heart-7"></div>
            <div class="class-name">.flaticon-heart-7</div>
            <div class="author-name">Author: <a data-file="137-heart-7" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-coin"></div>
            <div class="class-name">.flaticon-coin</div>
            <div class="author-name">Author: <a data-file="138-coin" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-dollar"></div>
            <div class="class-name">.flaticon-dollar</div>
            <div class="author-name">Author: <a data-file="139-dollar" href="https://www.flaticon.com/authors/tomas-knop">Tomas Knop</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-money-bag"></div>
            <div class="class-name">.flaticon-money-bag</div>
            <div class="author-name">Author: <a data-file="140-money-bag" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-back"></div>
            <div class="class-name">.flaticon-back</div>
            <div class="author-name">Author: <a data-file="141-back" href="https://www.flaticon.com/authors/gregor-cresnar">Gregor Cresnar</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-down-arrow-1"></div>
            <div class="class-name">.flaticon-down-arrow-1</div>
            <div class="author-name">Author: <a data-file="142-down-arrow-1" href="https://www.flaticon.com/authors/lucy-g">Lucy G</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-right-arrow"></div>
            <div class="class-name">.flaticon-right-arrow</div>
            <div class="author-name">Author: <a data-file="143-right-arrow" href="https://www.flaticon.com/authors/lucy-g">Lucy G</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-next"></div>
            <div class="class-name">.flaticon-next</div>
            <div class="author-name">Author: <a data-file="144-next" href="https://www.flaticon.com/authors/gregor-cresnar">Gregor Cresnar</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-right-arrow-1"></div>
            <div class="class-name">.flaticon-right-arrow-1</div>
            <div class="author-name">Author: <a data-file="145-right-arrow-1" href="https://www.flaticon.com/authors/lyolya">Lyolya</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-left-arrow"></div>
            <div class="class-name">.flaticon-left-arrow</div>
            <div class="author-name">Author: <a data-file="146-left-arrow" href="https://www.flaticon.com/authors/lyolya">Lyolya</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-left-arrow-1"></div>
            <div class="class-name">.flaticon-left-arrow-1</div>
            <div class="author-name">Author: <a data-file="147-left-arrow-1" href="https://www.flaticon.com/authors/lucy-g">Lucy G</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-restart"></div>
            <div class="class-name">.flaticon-restart</div>
            <div class="author-name">Author: <a data-file="148-restart" href="https://www.flaticon.com/authors/smashicons">Smashicons</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-coffee-cup"></div>
            <div class="class-name">.flaticon-coffee-cup</div>
            <div class="author-name">Author: <a data-file="149-coffee-cup" href="https://www.flaticon.com/authors/pixel-perfect">Pixel perfect</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-hospital"></div>
            <div class="class-name">.flaticon-hospital</div>
            <div class="author-name">Author: <a data-file="150-hospital" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-first-aid-kit"></div>
            <div class="class-name">.flaticon-first-aid-kit</div>
            <div class="author-name">Author: <a data-file="151-first-aid-kit" href="https://www.flaticon.com/authors/good-ware">Good Ware</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-medicine"></div>
            <div class="class-name">.flaticon-medicine</div>
            <div class="author-name">Author: <a data-file="152-medicine" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-pills"></div>
            <div class="class-name">.flaticon-pills</div>
            <div class="author-name">Author: <a data-file="153-pills" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-water-1"></div>
            <div class="class-name">.flaticon-water-1</div>
            <div class="author-name">Author: <a data-file="154-water-1" href="https://www.flaticon.com/authors/smalllikeart">smalllikeart</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-paper-plane"></div>
            <div class="class-name">.flaticon-paper-plane</div>
            <div class="author-name">Author: <a data-file="155-paper-plane" href="https://www.flaticon.com/authors/gregor-cresnar">Gregor Cresnar</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-paper-plane-1"></div>
            <div class="class-name">.flaticon-paper-plane-1</div>
            <div class="author-name">Author: <a data-file="156-paper-plane-1" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-project-management"></div>
            <div class="class-name">.flaticon-project-management</div>
            <div class="author-name">Author: <a data-file="157-project-management" href="https://www.flaticon.com/authors/ddara">dDara</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-briefing"></div>
            <div class="class-name">.flaticon-briefing</div>
            <div class="author-name">Author: <a data-file="158-briefing" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-motivation"></div>
            <div class="class-name">.flaticon-motivation</div>
            <div class="author-name">Author: <a data-file="159-motivation" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-fist"></div>
            <div class="class-name">.flaticon-fist</div>
            <div class="author-name">Author: <a data-file="160-fist" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-handicap"></div>
            <div class="class-name">.flaticon-handicap</div>
            <div class="author-name">Author: <a data-file="161-handicap" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-volunteer"></div>
            <div class="class-name">.flaticon-volunteer</div>
            <div class="author-name">Author: <a data-file="162-volunteer" href="https://www.flaticon.com/authors/eucalyp">Eucalyp</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-placeholder"></div>
            <div class="class-name">.flaticon-placeholder</div>
            <div class="author-name">Author: <a data-file="163-placeholder" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-placeholder-1"></div>
            <div class="class-name">.flaticon-placeholder-1</div>
            <div class="author-name">Author: <a data-file="164-placeholder-1" href="https://www.flaticon.com/authors/gregor-cresnar">Gregor Cresnar</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-placeholder-2"></div>
            <div class="class-name">.flaticon-placeholder-2</div>
            <div class="author-name">Author: <a data-file="165-placeholder-2" href="https://www.flaticon.com/authors/smashicons">Smashicons</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-placeholder-3"></div>
            <div class="class-name">.flaticon-placeholder-3</div>
            <div class="author-name">Author: <a data-file="166-placeholder-3" href="https://www.flaticon.com/authors/smashicons">Smashicons</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-map"></div>
            <div class="class-name">.flaticon-map</div>
            <div class="author-name">Author: <a data-file="167-map" href="https://www.flaticon.com/authors/smashicons">Smashicons</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-placeholder-4"></div>
            <div class="class-name">.flaticon-placeholder-4</div>
            <div class="author-name">Author: <a data-file="168-placeholder-4" href="https://www.flaticon.com/authors/smashicons">Smashicons</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-flag"></div>
            <div class="class-name">.flaticon-flag</div>
            <div class="author-name">Author: <a data-file="169-flag" href="https://www.flaticon.com/authors/smashicons">Smashicons</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-route"></div>
            <div class="class-name">.flaticon-route</div>
            <div class="author-name">Author: <a data-file="170-route" href="https://www.flaticon.com/authors/smashicons">Smashicons</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-customer-service"></div>
            <div class="class-name">.flaticon-customer-service</div>
            <div class="author-name">Author: <a data-file="171-customer-service" href="https://www.flaticon.com/authors/eucalyp">Eucalyp</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-support-1"></div>
            <div class="class-name">.flaticon-support-1</div>
            <div class="author-name">Author: <a data-file="172-support-1" href="https://www.flaticon.com/authors/kirill-kazachek">Kirill Kazachek</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-support-2"></div>
            <div class="class-name">.flaticon-support-2</div>
            <div class="author-name">Author: <a data-file="173-support-2" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-home"></div>
            <div class="class-name">.flaticon-home</div>
            <div class="author-name">Author: <a data-file="174-home" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-home-1"></div>
            <div class="class-name">.flaticon-home-1</div>
            <div class="author-name">Author: <a data-file="175-home-1" href="https://www.flaticon.com/authors/smashicons">Smashicons</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-home-2"></div>
            <div class="class-name">.flaticon-home-2</div>
            <div class="author-name">Author: <a data-file="176-home-2" href="https://www.flaticon.com/authors/smashicons">Smashicons</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-bookmark"></div>
            <div class="class-name">.flaticon-bookmark</div>
            <div class="author-name">Author: <a data-file="177-bookmark" href="https://www.flaticon.com/authors/smashicons">Smashicons</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-bookmark-1"></div>
            <div class="class-name">.flaticon-bookmark-1</div>
            <div class="author-name">Author: <a data-file="178-bookmark-1" href="https://www.flaticon.com/authors/smashicons">Smashicons</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-open-box"></div>
            <div class="class-name">.flaticon-open-box</div>
            <div class="author-name">Author: <a data-file="179-open-box" href="https://www.flaticon.com/authors/becris">Becris</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-gift-1"></div>
            <div class="class-name">.flaticon-gift-1</div>
            <div class="author-name">Author: <a data-file="180-gift-1" href="https://www.flaticon.com/authors/srip">srip</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-gift-2"></div>
            <div class="class-name">.flaticon-gift-2</div>
            <div class="author-name">Author: <a data-file="181-gift-2" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-social-care-1"></div>
            <div class="class-name">.flaticon-social-care-1</div>
            <div class="author-name">Author: <a data-file="182-social-care-1" href="https://www.flaticon.com/authors/smashicons">Smashicons</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-24-hours"></div>
            <div class="class-name">.flaticon-24-hours</div>
            <div class="author-name">Author: <a data-file="183-24-hours" href="https://www.flaticon.com/authors/srip">srip</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-customer-service-1"></div>
            <div class="class-name">.flaticon-customer-service-1</div>
            <div class="author-name">Author: <a data-file="184-customer-service-1" href="https://www.flaticon.com/authors/iconnice">Iconnice</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-customer-service-2"></div>
            <div class="class-name">.flaticon-customer-service-2</div>
            <div class="author-name">Author: <a data-file="185-customer-service-2" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-tent"></div>
            <div class="class-name">.flaticon-tent</div>
            <div class="author-name">Author: <a data-file="186-tent" href="https://www.flaticon.com/authors/turkkub">turkkub</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-boy-broad-smile"></div>
            <div class="class-name">.flaticon-boy-broad-smile</div>
            <div class="author-name">Author: <a data-file="187-boy-broad-smile" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-smile"></div>
            <div class="class-name">.flaticon-smile</div>
            <div class="author-name">Author: <a data-file="188-smile" href="https://www.flaticon.com/authors/vitaly-gorbachev">Vitaly Gorbachev</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-laugh"></div>
            <div class="class-name">.flaticon-laugh</div>
            <div class="author-name">Author: <a data-file="189-laugh" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-coffee"></div>
            <div class="class-name">.flaticon-coffee</div>
            <div class="author-name">Author: <a data-file="190-coffee" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-cheers"></div>
            <div class="class-name">.flaticon-cheers</div>
            <div class="author-name">Author: <a data-file="191-cheers" href="https://www.flaticon.com/authors/ddara">dDara</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-tent-1"></div>
            <div class="class-name">.flaticon-tent-1</div>
            <div class="author-name">Author: <a data-file="192-tent-1" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-right-quote"></div>
            <div class="class-name">.flaticon-right-quote</div>
            <div class="author-name">Author: <a data-file="193-right-quote" href="https://www.flaticon.com/authors/elias-bikbulatov">Elias Bikbulatov</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-quotation"></div>
            <div class="class-name">.flaticon-quotation</div>
            <div class="author-name">Author: <a data-file="194-quotation" href="http://www.freepik.com">Freepik</a> </div> 
        </div>

</section>

<div class="title">License and attribution:</div><div class="attrDiv">Font generated by <a href="https://www.flaticon.com">flaticon.com</a>. <div><p>Under <a href="http://creativecommons.org/licenses/by/3.0/">CC</a>: <a data-file="025-menu" href="https://www.flaticon.com/authors/catalin-fertu">Catalin Fertu</a>, <a data-file="182-social-care-1" href="https://www.flaticon.com/authors/smashicons">Smashicons</a>, <a data-file="147-left-arrow-1" href="https://www.flaticon.com/authors/lucy-g">Lucy G</a>, <a data-file="030-email-envelope-outline-shape-with-rounded-corners" href="https://www.flaticon.com/authors/simpleicon">SimpleIcon</a>, <a data-file="184-customer-service-1" href="https://www.flaticon.com/authors/iconnice">Iconnice</a>, <a data-file="194-quotation" href="http://www.freepik.com">Freepik</a>, <a data-file="186-tent" href="https://www.flaticon.com/authors/turkkub">turkkub</a>, <a data-file="183-24-hours" href="https://www.flaticon.com/authors/srip">srip</a>, <a data-file="071-magnifying-glass-1" href="https://www.flaticon.com/authors/vectors-market">Vectors Market</a>, <a data-file="130-jar" href="https://www.flaticon.com/authors/kiranshastry">Kiranshastry</a>, <a data-file="045-clipboard" href="https://www.flaticon.com/authors/icongeek26">Icongeek26</a>, <a data-file="107-growth" href="https://www.flaticon.com/authors/darius-dan">Darius Dan</a>, <a data-file="164-placeholder-1" href="https://www.flaticon.com/authors/gregor-cresnar">Gregor Cresnar</a>, <a data-file="057-youtube" href="https://www.flaticon.com/authors/epiccoders">EpicCoders</a>, <a data-file="058-vimeo-letter-logo-outline" href="https://www.flaticon.com/authors/graphicsbay">GraphicsBay</a>, <a data-file="068-tags" href="https://www.flaticon.com/authors/dave-gandy">Dave Gandy</a>, <a data-file="076-cancel" href="https://www.flaticon.com/authors/eugene-pavovsky">Eugene Pavovsky</a>, <a data-file="077-delete-button" href="https://www.flaticon.com/authors/pavel-kozlov">Pavel Kozlov</a>, <a data-file="151-first-aid-kit" href="https://www.flaticon.com/authors/good-ware">Good Ware</a>, <a data-file="127-ribbon-1" href="https://www.flaticon.com/authors/zlatko-najdenovski">Zlatko Najdenovski</a>, <a data-file="087-charity-1" href="https://www.flaticon.com/authors/surang">surang</a>, <a data-file="179-open-box" href="https://www.flaticon.com/authors/becris">Becris</a>, <a data-file="171-customer-service" href="https://www.flaticon.com/authors/eucalyp">Eucalyp</a>, <a data-file="191-cheers" href="https://www.flaticon.com/authors/ddara">dDara</a>, <a data-file="125-help" href="https://www.flaticon.com/authors/mangsaabguru">mangsaabguru</a>, <a data-file="132-tray" href="https://www.flaticon.com/authors/monkik">monkik</a>, <a data-file="139-dollar" href="https://www.flaticon.com/authors/tomas-knop">Tomas Knop</a>, <a data-file="146-left-arrow" href="https://www.flaticon.com/authors/lyolya">Lyolya</a>, <a data-file="149-coffee-cup" href="https://www.flaticon.com/authors/pixel-perfect">Pixel perfect</a>, <a data-file="154-water-1" href="https://www.flaticon.com/authors/smalllikeart">smalllikeart</a>, <a data-file="172-support-1" href="https://www.flaticon.com/authors/kirill-kazachek">Kirill Kazachek</a>, <a data-file="188-smile" href="https://www.flaticon.com/authors/vitaly-gorbachev">Vitaly Gorbachev</a>, <a data-file="193-right-quote" href="https://www.flaticon.com/authors/elias-bikbulatov">Elias Bikbulatov</a></p>  </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;. <p>Under <a href="http://creativecommons.org/licenses/by/3.0/">CC</a>: <a data-file="025-menu" href="https://www.flaticon.com/authors/catalin-fertu">Catalin Fertu</a>, <a data-file="182-social-care-1" href="https://www.flaticon.com/authors/smashicons">Smashicons</a>, <a data-file="147-left-arrow-1" href="https://www.flaticon.com/authors/lucy-g">Lucy G</a>, <a data-file="030-email-envelope-outline-shape-with-rounded-corners" href="https://www.flaticon.com/authors/simpleicon">SimpleIcon</a>, <a data-file="184-customer-service-1" href="https://www.flaticon.com/authors/iconnice">Iconnice</a>, <a data-file="194-quotation" href="http://www.freepik.com">Freepik</a>, <a data-file="186-tent" href="https://www.flaticon.com/authors/turkkub">turkkub</a>, <a data-file="183-24-hours" href="https://www.flaticon.com/authors/srip">srip</a>, <a data-file="071-magnifying-glass-1" href="https://www.flaticon.com/authors/vectors-market">Vectors Market</a>, <a data-file="130-jar" href="https://www.flaticon.com/authors/kiranshastry">Kiranshastry</a>, <a data-file="045-clipboard" href="https://www.flaticon.com/authors/icongeek26">Icongeek26</a>, <a data-file="107-growth" href="https://www.flaticon.com/authors/darius-dan">Darius Dan</a>, <a data-file="164-placeholder-1" href="https://www.flaticon.com/authors/gregor-cresnar">Gregor Cresnar</a>, <a data-file="057-youtube" href="https://www.flaticon.com/authors/epiccoders">EpicCoders</a>, <a data-file="058-vimeo-letter-logo-outline" href="https://www.flaticon.com/authors/graphicsbay">GraphicsBay</a>, <a data-file="068-tags" href="https://www.flaticon.com/authors/dave-gandy">Dave Gandy</a>, <a data-file="076-cancel" href="https://www.flaticon.com/authors/eugene-pavovsky">Eugene Pavovsky</a>, <a data-file="077-delete-button" href="https://www.flaticon.com/authors/pavel-kozlov">Pavel Kozlov</a>, <a data-file="151-first-aid-kit" href="https://www.flaticon.com/authors/good-ware">Good Ware</a>, <a data-file="127-ribbon-1" href="https://www.flaticon.com/authors/zlatko-najdenovski">Zlatko Najdenovski</a>, <a data-file="087-charity-1" href="https://www.flaticon.com/authors/surang">surang</a>, <a data-file="179-open-box" href="https://www.flaticon.com/authors/becris">Becris</a>, <a data-file="171-customer-service" href="https://www.flaticon.com/authors/eucalyp">Eucalyp</a>, <a data-file="191-cheers" href="https://www.flaticon.com/authors/ddara">dDara</a>, <a data-file="125-help" href="https://www.flaticon.com/authors/mangsaabguru">mangsaabguru</a>, <a data-file="132-tray" href="https://www.flaticon.com/authors/monkik">monkik</a>, <a data-file="139-dollar" href="https://www.flaticon.com/authors/tomas-knop">Tomas Knop</a>, <a data-file="146-left-arrow" href="https://www.flaticon.com/authors/lyolya">Lyolya</a>, <a data-file="149-coffee-cup" href="https://www.flaticon.com/authors/pixel-perfect">Pixel perfect</a>, <a data-file="154-water-1" href="https://www.flaticon.com/authors/smalllikeart">smalllikeart</a>, <a data-file="172-support-1" href="https://www.flaticon.com/authors/kirill-kazachek">Kirill Kazachek</a>, <a data-file="188-smile" href="https://www.flaticon.com/authors/vitaly-gorbachev">Vitaly Gorbachev</a>, <a data-file="193-right-quote" href="https://www.flaticon.com/authors/elias-bikbulatov">Elias Bikbulatov</a></p>  
     </textarea>

</section>

<div class="title">Examples:</div>            
             
            <div class="image">
                <p>
                    <i class="glyph-icon flaticon-up-arrow-angle"></i> 
                    <span>&lt;i class=&quot;flaticon-up-arrow-angle&quot;&gt;&lt;/i&gt;</span>
                </p>
            </div>
            
            <div class="image">
                <p>
                    <i class="glyph-icon flaticon-right-arrow-angle"></i> 
                    <span>&lt;i class=&quot;flaticon-right-arrow-angle&quot;&gt;&lt;/i&gt;</span>
                </p>
            </div>
            
            <div class="image">
                <p>
                    <i class="glyph-icon flaticon-down-arrow"></i> 
                    <span>&lt;i class=&quot;flaticon-down-arrow&quot;&gt;&lt;/i&gt;</span>
                </p>
            </div>
            
            <div class="image">
                <p>
                    <i class="glyph-icon flaticon-like-heart-outline-symbol"></i> 
                    <span>&lt;i class=&quot;flaticon-like-heart-outline-symbol&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>