PHP Dosya Yöneticisi

<!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="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-1-star"></div>
            <div class="class-name">.flaticon-1-star</div>
            <div class="author-name">Author: <a data-file="1-star" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-2-stars-symbol"></div>
            <div class="class-name">.flaticon-2-stars-symbol</div>
            <div class="author-name">Author: <a data-file="2-stars-symbol" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-24-hours-circular-sign"></div>
            <div class="class-name">.flaticon-24-hours-circular-sign</div>
            <div class="author-name">Author: <a data-file="24-hours-circular-sign" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-24-hours-room-service"></div>
            <div class="class-name">.flaticon-24-hours-room-service</div>
            <div class="author-name">Author: <a data-file="24-hours-room-service" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-24-hours-sign"></div>
            <div class="class-name">.flaticon-24-hours-sign</div>
            <div class="author-name">Author: <a data-file="24-hours-sign" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-3-persons-or-person-number-three-symbol"></div>
            <div class="class-name">.flaticon-3-persons-or-person-number-three-symbol</div>
            <div class="author-name">Author: <a data-file="3-persons-or-person-number-three-symbol" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-3-persons-sign"></div>
            <div class="class-name">.flaticon-3-persons-sign</div>
            <div class="author-name">Author: <a data-file="3-persons-sign" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-3-stars-outlines"></div>
            <div class="class-name">.flaticon-3-stars-outlines</div>
            <div class="author-name">Author: <a data-file="3-stars-outlines" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-3-stars-symbol"></div>
            <div class="class-name">.flaticon-3-stars-symbol</div>
            <div class="author-name">Author: <a data-file="3-stars-symbol" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-4-stars-hotel-signal"></div>
            <div class="class-name">.flaticon-4-stars-hotel-signal</div>
            <div class="author-name">Author: <a data-file="4-stars-hotel-signal" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-4-stars-sign"></div>
            <div class="class-name">.flaticon-4-stars-sign</div>
            <div class="author-name">Author: <a data-file="4-stars-sign" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-5-persons-symbol"></div>
            <div class="class-name">.flaticon-5-persons-symbol</div>
            <div class="author-name">Author: <a data-file="5-persons-symbol" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-5-stars-sign"></div>
            <div class="class-name">.flaticon-5-stars-sign</div>
            <div class="author-name">Author: <a data-file="5-stars-sign" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-7-persons-male-silhouettes"></div>
            <div class="class-name">.flaticon-7-persons-male-silhouettes</div>
            <div class="author-name">Author: <a data-file="7-persons-male-silhouettes" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-7-persons-symbol"></div>
            <div class="class-name">.flaticon-7-persons-symbol</div>
            <div class="author-name">Author: <a data-file="7-persons-symbol" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-8-persons"></div>
            <div class="class-name">.flaticon-8-persons</div>
            <div class="author-name">Author: <a data-file="8-persons" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-add-button-sign-of-a-plus-symbol-inside-a-double-square-shape"></div>
            <div class="class-name">.flaticon-add-button-sign-of-a-plus-symbol-inside-a-double-square-shape</div>
            <div class="author-name">Author: <a data-file="add-button-sign-of-a-plus-symbol-inside-a-double-square-shape" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-add-hotel-symbol"></div>
            <div class="class-name">.flaticon-add-hotel-symbol</div>
            <div class="author-name">Author: <a data-file="add-hotel-symbol" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-air-conditioned"></div>
            <div class="class-name">.flaticon-air-conditioned</div>
            <div class="author-name">Author: <a data-file="air-conditioned" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-air-conditioner"></div>
            <div class="class-name">.flaticon-air-conditioner</div>
            <div class="author-name">Author: <a data-file="air-conditioner" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-air-conditioner-sign"></div>
            <div class="class-name">.flaticon-air-conditioner-sign</div>
            <div class="author-name">Author: <a data-file="air-conditioner-sign" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-airplane-black-shape-ascending-rotated-to-right"></div>
            <div class="class-name">.flaticon-airplane-black-shape-ascending-rotated-to-right</div>
            <div class="author-name">Author: <a data-file="airplane-black-shape-ascending-rotated-to-right" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-airplane-outline-pointing-up"></div>
            <div class="class-name">.flaticon-airplane-outline-pointing-up</div>
            <div class="author-name">Author: <a data-file="airplane-outline-pointing-up" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-alarm-clock-of-old-design"></div>
            <div class="class-name">.flaticon-alarm-clock-of-old-design</div>
            <div class="author-name">Author: <a data-file="alarm-clock-of-old-design" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-antenna-signal-symbol"></div>
            <div class="class-name">.flaticon-antenna-signal-symbol</div>
            <div class="author-name">Author: <a data-file="antenna-signal-symbol" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-arroba-sign"></div>
            <div class="class-name">.flaticon-arroba-sign</div>
            <div class="author-name">Author: <a data-file="arroba-sign" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-baby-crib"></div>
            <div class="class-name">.flaticon-baby-crib</div>
            <div class="author-name">Author: <a data-file="baby-crib" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-bag-for-ladies"></div>
            <div class="class-name">.flaticon-bag-for-ladies</div>
            <div class="author-name">Author: <a data-file="bag-for-ladies" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-bagagiste-with-baggage-on-a-platform-cart"></div>
            <div class="class-name">.flaticon-bagagiste-with-baggage-on-a-platform-cart</div>
            <div class="author-name">Author: <a data-file="bagagiste-with-baggage-on-a-platform-cart" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-baggage-cart"></div>
            <div class="class-name">.flaticon-baggage-cart</div>
            <div class="author-name">Author: <a data-file="baggage-cart" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-baggage-cart-1"></div>
            <div class="class-name">.flaticon-baggage-cart-1</div>
            <div class="author-name">Author: <a data-file="baggage-cart-1" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-baggage-on-an-elegant-hotel-platform-cart"></div>
            <div class="class-name">.flaticon-baggage-on-an-elegant-hotel-platform-cart</div>
            <div class="author-name">Author: <a data-file="baggage-on-an-elegant-hotel-platform-cart" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-baggage-on-platform-cart-outline"></div>
            <div class="class-name">.flaticon-baggage-on-platform-cart-outline</div>
            <div class="author-name">Author: <a data-file="baggage-on-platform-cart-outline" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-baggage-outline"></div>
            <div class="class-name">.flaticon-baggage-outline</div>
            <div class="author-name">Author: <a data-file="baggage-outline" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-balcony-and-door"></div>
            <div class="class-name">.flaticon-balcony-and-door</div>
            <div class="author-name">Author: <a data-file="balcony-and-door" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-bar-24-hours-rounded-square-signal"></div>
            <div class="class-name">.flaticon-bar-24-hours-rounded-square-signal</div>
            <div class="author-name">Author: <a data-file="bar-24-hours-rounded-square-signal" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-barbecue"></div>
            <div class="class-name">.flaticon-barbecue</div>
            <div class="author-name">Author: <a data-file="barbecue" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-basketball-ball-outline"></div>
            <div class="class-name">.flaticon-basketball-ball-outline</div>
            <div class="author-name">Author: <a data-file="basketball-ball-outline" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-bath-tub"></div>
            <div class="class-name">.flaticon-bath-tub</div>
            <div class="author-name">Author: <a data-file="bath-tub" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-bathroom-sink"></div>
            <div class="class-name">.flaticon-bathroom-sink</div>
            <div class="author-name">Author: <a data-file="bathroom-sink" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-bathrooms-for-men-and-women-outlines-sign"></div>
            <div class="class-name">.flaticon-bathrooms-for-men-and-women-outlines-sign</div>
            <div class="author-name">Author: <a data-file="bathrooms-for-men-and-women-outlines-sign" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-baths-marker-point"></div>
            <div class="class-name">.flaticon-baths-marker-point</div>
            <div class="author-name">Author: <a data-file="baths-marker-point" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-beach-signal"></div>
            <div class="class-name">.flaticon-beach-signal</div>
            <div class="author-name">Author: <a data-file="beach-signal" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-beach-view-of-sea-sun-and-seagulls-couple"></div>
            <div class="class-name">.flaticon-beach-view-of-sea-sun-and-seagulls-couple</div>
            <div class="author-name">Author: <a data-file="beach-view-of-sea-sun-and-seagulls-couple" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-bed-for-a-couple"></div>
            <div class="class-name">.flaticon-bed-for-a-couple</div>
            <div class="author-name">Author: <a data-file="bed-for-a-couple" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-bed-for-two"></div>
            <div class="class-name">.flaticon-bed-for-two</div>
            <div class="author-name">Author: <a data-file="bed-for-two" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-bed-for-two-persons"></div>
            <div class="class-name">.flaticon-bed-for-two-persons</div>
            <div class="author-name">Author: <a data-file="bed-for-two-persons" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-bed-side-view"></div>
            <div class="class-name">.flaticon-bed-side-view</div>
            <div class="author-name">Author: <a data-file="bed-side-view" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-bedroom-card"></div>
            <div class="class-name">.flaticon-bedroom-card</div>
            <div class="author-name">Author: <a data-file="bedroom-card" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-beer-jar"></div>
            <div class="class-name">.flaticon-beer-jar</div>
            <div class="author-name">Author: <a data-file="beer-jar" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-bell-boy-portrait"></div>
            <div class="class-name">.flaticon-bell-boy-portrait</div>
            <div class="author-name">Author: <a data-file="bell-boy-portrait" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-bell-boy-with-baggage"></div>
            <div class="class-name">.flaticon-bell-boy-with-baggage</div>
            <div class="author-name">Author: <a data-file="bell-boy-with-baggage" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-bike-parking-signal"></div>
            <div class="class-name">.flaticon-bike-parking-signal</div>
            <div class="author-name">Author: <a data-file="bike-parking-signal" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-bike-shape"></div>
            <div class="class-name">.flaticon-bike-shape</div>
            <div class="author-name">Author: <a data-file="bike-shape" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-bike-zone-signal"></div>
            <div class="class-name">.flaticon-bike-zone-signal</div>
            <div class="author-name">Author: <a data-file="bike-zone-signal" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-bikes-sale-sign-in-dollars"></div>
            <div class="class-name">.flaticon-bikes-sale-sign-in-dollars</div>
            <div class="author-name">Author: <a data-file="bikes-sale-sign-in-dollars" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-bingo"></div>
            <div class="class-name">.flaticon-bingo</div>
            <div class="author-name">Author: <a data-file="bingo" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-black-beach-umbrella"></div>
            <div class="class-name">.flaticon-black-beach-umbrella</div>
            <div class="author-name">Author: <a data-file="black-beach-umbrella" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-blender-outline"></div>
            <div class="class-name">.flaticon-blender-outline</div>
            <div class="author-name">Author: <a data-file="blender-outline" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-blu-ray-sign"></div>
            <div class="class-name">.flaticon-blu-ray-sign</div>
            <div class="author-name">Author: <a data-file="blu-ray-sign" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-bowling-ball-and-pin"></div>
            <div class="class-name">.flaticon-bowling-ball-and-pin</div>
            <div class="author-name">Author: <a data-file="bowling-ball-and-pin" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-boy-with-headphones"></div>
            <div class="class-name">.flaticon-boy-with-headphones</div>
            <div class="author-name">Author: <a data-file="boy-with-headphones" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-broom-black-silhouette"></div>
            <div class="class-name">.flaticon-broom-black-silhouette</div>
            <div class="author-name">Author: <a data-file="broom-black-silhouette" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-brush-outline-in-diagonal"></div>
            <div class="class-name">.flaticon-brush-outline-in-diagonal</div>
            <div class="author-name">Author: <a data-file="brush-outline-in-diagonal" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-buffet"></div>
            <div class="class-name">.flaticon-buffet</div>
            <div class="author-name">Author: <a data-file="buffet" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-bunk-bed"></div>
            <div class="class-name">.flaticon-bunk-bed</div>
            <div class="author-name">Author: <a data-file="bunk-bed" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-burger-side-view-outline"></div>
            <div class="class-name">.flaticon-burger-side-view-outline</div>
            <div class="author-name">Author: <a data-file="burger-side-view-outline" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-bus-parking-sign"></div>
            <div class="class-name">.flaticon-bus-parking-sign</div>
            <div class="author-name">Author: <a data-file="bus-parking-sign" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-cable-tv-sign-with-monitor"></div>
            <div class="class-name">.flaticon-cable-tv-sign-with-monitor</div>
            <div class="author-name">Author: <a data-file="cable-tv-sign-with-monitor" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-calendar-daily-page-on-day-31"></div>
            <div class="class-name">.flaticon-calendar-daily-page-on-day-31</div>
            <div class="author-name">Author: <a data-file="calendar-daily-page-on-day-31" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-call-a-taxi-symbol"></div>
            <div class="class-name">.flaticon-call-a-taxi-symbol</div>
            <div class="author-name">Author: <a data-file="call-a-taxi-symbol" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-call-cost-symbol"></div>
            <div class="class-name">.flaticon-call-cost-symbol</div>
            <div class="author-name">Author: <a data-file="call-cost-symbol" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-canoe-boat-with-rowing"></div>
            <div class="class-name">.flaticon-canoe-boat-with-rowing</div>
            <div class="author-name">Author: <a data-file="canoe-boat-with-rowing" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-car-parking-signal"></div>
            <div class="class-name">.flaticon-car-parking-signal</div>
            <div class="author-name">Author: <a data-file="car-parking-signal" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-caravan-can-outline-for-nomad-lifestyle"></div>
            <div class="class-name">.flaticon-caravan-can-outline-for-nomad-lifestyle</div>
            <div class="author-name">Author: <a data-file="caravan-can-outline-for-nomad-lifestyle" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-carpet-hanging-of-a-rope"></div>
            <div class="class-name">.flaticon-carpet-hanging-of-a-rope</div>
            <div class="author-name">Author: <a data-file="carpet-hanging-of-a-rope" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-casino-chip-with-number-11"></div>
            <div class="class-name">.flaticon-casino-chip-with-number-11</div>
            <div class="author-name">Author: <a data-file="casino-chip-with-number-11" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-casino-map-marker"></div>
            <div class="class-name">.flaticon-casino-map-marker</div>
            <div class="author-name">Author: <a data-file="casino-map-marker" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-ceiling-covered-parking-signal"></div>
            <div class="class-name">.flaticon-ceiling-covered-parking-signal</div>
            <div class="author-name">Author: <a data-file="ceiling-covered-parking-signal" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-chapel"></div>
            <div class="class-name">.flaticon-chapel</div>
            <div class="author-name">Author: <a data-file="chapel" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-chef-toque-outline"></div>
            <div class="class-name">.flaticon-chef-toque-outline</div>
            <div class="author-name">Author: <a data-file="chef-toque-outline" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-chimney-with-fire"></div>
            <div class="class-name">.flaticon-chimney-with-fire</div>
            <div class="author-name">Author: <a data-file="chimney-with-fire" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-church-cross"></div>
            <div class="class-name">.flaticon-church-cross</div>
            <div class="author-name">Author: <a data-file="church-cross" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-church-localization-marker-sign"></div>
            <div class="class-name">.flaticon-church-localization-marker-sign</div>
            <div class="author-name">Author: <a data-file="church-localization-marker-sign" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-cigarette"></div>
            <div class="class-name">.flaticon-cigarette</div>
            <div class="author-name">Author: <a data-file="cigarette" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-clock-at-twelve"></div>
            <div class="class-name">.flaticon-clock-at-twelve</div>
            <div class="author-name">Author: <a data-file="clock-at-twelve" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-closed-baggage"></div>
            <div class="class-name">.flaticon-closed-baggage</div>
            <div class="author-name">Author: <a data-file="closed-baggage" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-cloth-hanging-of-a-hanger"></div>
            <div class="class-name">.flaticon-cloth-hanging-of-a-hanger</div>
            <div class="author-name">Author: <a data-file="cloth-hanging-of-a-hanger" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-cocktail-glass"></div>
            <div class="class-name">.flaticon-cocktail-glass</div>
            <div class="author-name">Author: <a data-file="cocktail-glass" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-cocktails-24-hours"></div>
            <div class="class-name">.flaticon-cocktails-24-hours</div>
            <div class="author-name">Author: <a data-file="cocktails-24-hours" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-coffee-cup-of-hot-drink-black-silhouette"></div>
            <div class="class-name">.flaticon-coffee-cup-of-hot-drink-black-silhouette</div>
            <div class="author-name">Author: <a data-file="coffee-cup-of-hot-drink-black-silhouette" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-coffee-jar"></div>
            <div class="class-name">.flaticon-coffee-jar</div>
            <div class="author-name">Author: <a data-file="coffee-jar" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-coffee-shop-marker"></div>
            <div class="class-name">.flaticon-coffee-shop-marker</div>
            <div class="author-name">Author: <a data-file="coffee-shop-marker" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-collective-elevator-sign"></div>
            <div class="class-name">.flaticon-collective-elevator-sign</div>
            <div class="author-name">Author: <a data-file="collective-elevator-sign" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-comb-on-hair"></div>
            <div class="class-name">.flaticon-comb-on-hair</div>
            <div class="author-name">Author: <a data-file="comb-on-hair" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-compact-disc"></div>
            <div class="class-name">.flaticon-compact-disc</div>
            <div class="author-name">Author: <a data-file="compact-disc" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-cot-black-silhouette-side-view"></div>
            <div class="class-name">.flaticon-cot-black-silhouette-side-view</div>
            <div class="author-name">Author: <a data-file="cot-black-silhouette-side-view" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-couple-in-sauna"></div>
            <div class="class-name">.flaticon-couple-in-sauna</div>
            <div class="author-name">Author: <a data-file="couple-in-sauna" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-couple-of-persons-resting-on-a-bunk"></div>
            <div class="class-name">.flaticon-couple-of-persons-resting-on-a-bunk</div>
            <div class="author-name">Author: <a data-file="couple-of-persons-resting-on-a-bunk" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-covered-swimming-pool-symbol"></div>
            <div class="class-name">.flaticon-covered-swimming-pool-symbol</div>
            <div class="author-name">Author: <a data-file="covered-swimming-pool-symbol" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-covered-swimming-pool-with-roof"></div>
            <div class="class-name">.flaticon-covered-swimming-pool-with-roof</div>
            <div class="author-name">Author: <a data-file="covered-swimming-pool-with-roof" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-credit-card-payment"></div>
            <div class="class-name">.flaticon-credit-card-payment</div>
            <div class="author-name">Author: <a data-file="credit-card-payment" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-dancer-with-music"></div>
            <div class="class-name">.flaticon-dancer-with-music</div>
            <div class="author-name">Author: <a data-file="dancer-with-music" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-delete-hotel-symbol"></div>
            <div class="class-name">.flaticon-delete-hotel-symbol</div>
            <div class="author-name">Author: <a data-file="delete-hotel-symbol" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-delete-transport-symbol"></div>
            <div class="class-name">.flaticon-delete-transport-symbol</div>
            <div class="author-name">Author: <a data-file="delete-transport-symbol" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-descend-signal"></div>
            <div class="class-name">.flaticon-descend-signal</div>
            <div class="author-name">Author: <a data-file="descend-signal" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-dices-couple"></div>
            <div class="class-name">.flaticon-dices-couple</div>
            <div class="author-name">Author: <a data-file="dices-couple" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-directional-arrows-signals-on-a-pole"></div>
            <div class="class-name">.flaticon-directional-arrows-signals-on-a-pole</div>
            <div class="author-name">Author: <a data-file="directional-arrows-signals-on-a-pole" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-disability"></div>
            <div class="class-name">.flaticon-disability</div>
            <div class="author-name">Author: <a data-file="disability" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-disco-ball-of-small-mirrors-with-musical-note-symbol"></div>
            <div class="class-name">.flaticon-disco-ball-of-small-mirrors-with-musical-note-symbol</div>
            <div class="author-name">Author: <a data-file="disco-ball-of-small-mirrors-with-musical-note-symbol" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-do-not-disturb-hanging-signal-for-hotel-doors"></div>
            <div class="class-name">.flaticon-do-not-disturb-hanging-signal-for-hotel-doors</div>
            <div class="author-name">Author: <a data-file="do-not-disturb-hanging-signal-for-hotel-doors" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-do-not-disturb-signal-to-hang-from-hotel-doors"></div>
            <div class="class-name">.flaticon-do-not-disturb-signal-to-hang-from-hotel-doors</div>
            <div class="author-name">Author: <a data-file="do-not-disturb-signal-to-hang-from-hotel-doors" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-do-not-entry-signal-for-hotel-door"></div>
            <div class="class-name">.flaticon-do-not-entry-signal-for-hotel-door</div>
            <div class="author-name">Author: <a data-file="do-not-entry-signal-for-hotel-door" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-do-not-pass-hanging-signal-for-door"></div>
            <div class="class-name">.flaticon-do-not-pass-hanging-signal-for-door</div>
            <div class="author-name">Author: <a data-file="do-not-pass-hanging-signal-for-door" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-do-not-pass-signal-for-hang-on-doors"></div>
            <div class="class-name">.flaticon-do-not-pass-signal-for-hang-on-doors</div>
            <div class="author-name">Author: <a data-file="do-not-pass-signal-for-hang-on-doors" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-do-not-swim-sign"></div>
            <div class="class-name">.flaticon-do-not-swim-sign</div>
            <div class="author-name">Author: <a data-file="do-not-swim-sign" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-dog-shape-outline-in-a-square"></div>
            <div class="class-name">.flaticon-dog-shape-outline-in-a-square</div>
            <div class="author-name">Author: <a data-file="dog-shape-outline-in-a-square" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-dont-smoke-signal-of-prohibition"></div>
            <div class="class-name">.flaticon-dont-smoke-signal-of-prohibition</div>
            <div class="author-name">Author: <a data-file="dont-smoke-signal-of-prohibition" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-dont-smoke-symbol"></div>
            <div class="class-name">.flaticon-dont-smoke-symbol</div>
            <div class="author-name">Author: <a data-file="dont-smoke-symbol" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-down-stair-symbol"></div>
            <div class="class-name">.flaticon-down-stair-symbol</div>
            <div class="author-name">Author: <a data-file="down-stair-symbol" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-drink-glass"></div>
            <div class="class-name">.flaticon-drink-glass</div>
            <div class="author-name">Author: <a data-file="drink-glass" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-drying-machine-outline"></div>
            <div class="class-name">.flaticon-drying-machine-outline</div>
            <div class="author-name">Author: <a data-file="drying-machine-outline" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-dumbbell-outline"></div>
            <div class="class-name">.flaticon-dumbbell-outline</div>
            <div class="author-name">Author: <a data-file="dumbbell-outline" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-dvd"></div>
            <div class="class-name">.flaticon-dvd</div>
            <div class="author-name">Author: <a data-file="dvd" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-dvd-player-outline"></div>
            <div class="class-name">.flaticon-dvd-player-outline</div>
            <div class="author-name">Author: <a data-file="dvd-player-outline" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-dvd-sign"></div>
            <div class="class-name">.flaticon-dvd-sign</div>
            <div class="author-name">Author: <a data-file="dvd-sign" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-eight-persons"></div>
            <div class="class-name">.flaticon-eight-persons</div>
            <div class="author-name">Author: <a data-file="eight-persons" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-eight-persons-or-person-number-8"></div>
            <div class="class-name">.flaticon-eight-persons-or-person-number-8</div>
            <div class="author-name">Author: <a data-file="eight-persons-or-person-number-8" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-eight-persons-or-person-number-8-symbol"></div>
            <div class="class-name">.flaticon-eight-persons-or-person-number-8-symbol</div>
            <div class="author-name">Author: <a data-file="eight-persons-or-person-number-8-symbol" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-eight-persons-symbol"></div>
            <div class="class-name">.flaticon-eight-persons-symbol</div>
            <div class="author-name">Author: <a data-file="eight-persons-symbol" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-elevator-buttons"></div>
            <div class="class-name">.flaticon-elevator-buttons</div>
            <div class="author-name">Author: <a data-file="elevator-buttons" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-elevator-for-people"></div>
            <div class="class-name">.flaticon-elevator-for-people</div>
            <div class="author-name">Author: <a data-file="elevator-for-people" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-elevator-symbol"></div>
            <div class="class-name">.flaticon-elevator-symbol</div>
            <div class="author-name">Author: <a data-file="elevator-symbol" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-elevator-with-one-person-inside-and-up-and-down-arrows-at-sides"></div>
            <div class="class-name">.flaticon-elevator-with-one-person-inside-and-up-and-down-arrows-at-sides</div>
            <div class="author-name">Author: <a data-file="elevator-with-one-person-inside-and-up-and-down-arrows-at-sides" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-english-receptionist"></div>
            <div class="class-name">.flaticon-english-receptionist</div>
            <div class="author-name">Author: <a data-file="english-receptionist" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-entertainment-area-symbol-with-abc-cubes-and-house-outline"></div>
            <div class="class-name">.flaticon-entertainment-area-symbol-with-abc-cubes-and-house-outline</div>
            <div class="author-name">Author: <a data-file="entertainment-area-symbol-with-abc-cubes-and-house-outline" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-euro-bills"></div>
            <div class="class-name">.flaticon-euro-bills</div>
            <div class="author-name">Author: <a data-file="euro-bills" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-exit-door-symbol"></div>
            <div class="class-name">.flaticon-exit-door-symbol</div>
            <div class="author-name">Author: <a data-file="exit-door-symbol" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-exit-signal"></div>
            <div class="class-name">.flaticon-exit-signal</div>
            <div class="author-name">Author: <a data-file="exit-signal" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-extinguisher-outline"></div>
            <div class="class-name">.flaticon-extinguisher-outline</div>
            <div class="author-name">Author: <a data-file="extinguisher-outline" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-fan-black-silhouette"></div>
            <div class="class-name">.flaticon-fan-black-silhouette</div>
            <div class="author-name">Author: <a data-file="fan-black-silhouette" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-fan-of-square-shape-outline"></div>
            <div class="class-name">.flaticon-fan-of-square-shape-outline</div>
            <div class="author-name">Author: <a data-file="fan-of-square-shape-outline" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-fan-tool"></div>
            <div class="class-name">.flaticon-fan-tool</div>
            <div class="author-name">Author: <a data-file="fan-tool" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-fast-food-placeholder"></div>
            <div class="class-name">.flaticon-fast-food-placeholder</div>
            <div class="author-name">Author: <a data-file="fast-food-placeholder" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-fax-top-view"></div>
            <div class="class-name">.flaticon-fax-top-view</div>
            <div class="author-name">Author: <a data-file="fax-top-view" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-firewood-sale-symbol"></div>
            <div class="class-name">.flaticon-firewood-sale-symbol</div>
            <div class="author-name">Author: <a data-file="firewood-sale-symbol" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-firewood-signal"></div>
            <div class="class-name">.flaticon-firewood-signal</div>
            <div class="author-name">Author: <a data-file="firewood-signal" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-first-aid-case"></div>
            <div class="class-name">.flaticon-first-aid-case</div>
            <div class="author-name">Author: <a data-file="first-aid-case" 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="first-aid-kit" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-five-persons-or-person-number-five"></div>
            <div class="class-name">.flaticon-five-persons-or-person-number-five</div>
            <div class="author-name">Author: <a data-file="five-persons-or-person-number-five" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-five-persons-silhouettes"></div>
            <div class="class-name">.flaticon-five-persons-silhouettes</div>
            <div class="author-name">Author: <a data-file="five-persons-silhouettes" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-five-persons-symbol"></div>
            <div class="class-name">.flaticon-five-persons-symbol</div>
            <div class="author-name">Author: <a data-file="five-persons-symbol" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-five-persons-symbol-1"></div>
            <div class="class-name">.flaticon-five-persons-symbol-1</div>
            <div class="author-name">Author: <a data-file="five-persons-symbol-1" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-five-stars-hotel-signal"></div>
            <div class="class-name">.flaticon-five-stars-hotel-signal</div>
            <div class="author-name">Author: <a data-file="five-stars-hotel-signal" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-five-stars-hotel-signal-1"></div>
            <div class="class-name">.flaticon-five-stars-hotel-signal-1</div>
            <div class="author-name">Author: <a data-file="five-stars-hotel-signal-1" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-five-stars-quality-symbol"></div>
            <div class="class-name">.flaticon-five-stars-quality-symbol</div>
            <div class="author-name">Author: <a data-file="five-stars-quality-symbol" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-flowers-shop"></div>
            <div class="class-name">.flaticon-flowers-shop</div>
            <div class="author-name">Author: <a data-file="flowers-shop" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-food-covered"></div>
            <div class="class-name">.flaticon-food-covered</div>
            <div class="author-name">Author: <a data-file="food-covered" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-food-covered-by-a-bell-shape-outline"></div>
            <div class="class-name">.flaticon-food-covered-by-a-bell-shape-outline</div>
            <div class="author-name">Author: <a data-file="food-covered-by-a-bell-shape-outline" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-food-in-bedroom"></div>
            <div class="class-name">.flaticon-food-in-bedroom</div>
            <div class="author-name">Author: <a data-file="food-in-bedroom" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-food-service-to-bedroom"></div>
            <div class="class-name">.flaticon-food-service-to-bedroom</div>
            <div class="author-name">Author: <a data-file="food-service-to-bedroom" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-four-persons"></div>
            <div class="class-name">.flaticon-four-persons</div>
            <div class="author-name">Author: <a data-file="four-persons" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-four-persons-or-person-number-4-symbol"></div>
            <div class="class-name">.flaticon-four-persons-or-person-number-4-symbol</div>
            <div class="author-name">Author: <a data-file="four-persons-or-person-number-4-symbol" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-four-persons-sign"></div>
            <div class="class-name">.flaticon-four-persons-sign</div>
            <div class="author-name">Author: <a data-file="four-persons-sign" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-four-persons-symbol"></div>
            <div class="class-name">.flaticon-four-persons-symbol</div>
            <div class="author-name">Author: <a data-file="four-persons-symbol" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-four-stars"></div>
            <div class="class-name">.flaticon-four-stars</div>
            <div class="author-name">Author: <a data-file="four-stars" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-free-wifi-signal"></div>
            <div class="class-name">.flaticon-free-wifi-signal</div>
            <div class="author-name">Author: <a data-file="free-wifi-signal" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-french-receptionist"></div>
            <div class="class-name">.flaticon-french-receptionist</div>
            <div class="author-name">Author: <a data-file="french-receptionist" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-gambling-coins-machine-with-winner-result-of-three-seven"></div>
            <div class="class-name">.flaticon-gambling-coins-machine-with-winner-result-of-three-seven</div>
            <div class="author-name">Author: <a data-file="gambling-coins-machine-with-winner-result-of-three-seven" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-garage"></div>
            <div class="class-name">.flaticon-garage</div>
            <div class="author-name">Author: <a data-file="garage" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-garage-with-roof-and-parked-car"></div>
            <div class="class-name">.flaticon-garage-with-roof-and-parked-car</div>
            <div class="author-name">Author: <a data-file="garage-with-roof-and-parked-car" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-gas-cylinder-outline"></div>
            <div class="class-name">.flaticon-gas-cylinder-outline</div>
            <div class="author-name">Author: <a data-file="gas-cylinder-outline" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-gift-box-outline"></div>
            <div class="class-name">.flaticon-gift-box-outline</div>
            <div class="author-name">Author: <a data-file="gift-box-outline" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-glass-with-water"></div>
            <div class="class-name">.flaticon-glass-with-water</div>
            <div class="author-name">Author: <a data-file="glass-with-water" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-golf-ball-and-tee"></div>
            <div class="class-name">.flaticon-golf-ball-and-tee</div>
            <div class="author-name">Author: <a data-file="golf-ball-and-tee" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-golf-elements"></div>
            <div class="class-name">.flaticon-golf-elements</div>
            <div class="author-name">Author: <a data-file="golf-elements" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-golf-hole-with-a-flag"></div>
            <div class="class-name">.flaticon-golf-hole-with-a-flag</div>
            <div class="author-name">Author: <a data-file="golf-hole-with-a-flag" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-golf-putter-ball-and-tee"></div>
            <div class="class-name">.flaticon-golf-putter-ball-and-tee</div>
            <div class="author-name">Author: <a data-file="golf-putter-ball-and-tee" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-gym-dumbbell-black-silhouette"></div>
            <div class="class-name">.flaticon-gym-dumbbell-black-silhouette</div>
            <div class="author-name">Author: <a data-file="gym-dumbbell-black-silhouette" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-hair-cutting"></div>
            <div class="class-name">.flaticon-hair-cutting</div>
            <div class="author-name">Author: <a data-file="hair-cutting" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-hairdryer"></div>
            <div class="class-name">.flaticon-hairdryer</div>
            <div class="author-name">Author: <a data-file="hairdryer" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-hairdryer-outline"></div>
            <div class="class-name">.flaticon-hairdryer-outline</div>
            <div class="author-name">Author: <a data-file="hairdryer-outline" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-half-star-shape"></div>
            <div class="class-name">.flaticon-half-star-shape</div>
            <div class="author-name">Author: <a data-file="half-star-shape" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-hammock-with-a-person-lying-and-resting-on-it"></div>
            <div class="class-name">.flaticon-hammock-with-a-person-lying-and-resting-on-it</div>
            <div class="author-name">Author: <a data-file="hammock-with-a-person-lying-and-resting-on-it" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-hand-with-a-dumbbell"></div>
            <div class="class-name">.flaticon-hand-with-a-dumbbell</div>
            <div class="author-name">Author: <a data-file="hand-with-a-dumbbell" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-hanger-line-tool"></div>
            <div class="class-name">.flaticon-hanger-line-tool</div>
            <div class="author-name">Author: <a data-file="hanger-line-tool" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-hdmi-cable"></div>
            <div class="class-name">.flaticon-hdmi-cable</div>
            <div class="author-name">Author: <a data-file="hdmi-cable" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-hdmi-high-definition-multimedia-interface"></div>
            <div class="class-name">.flaticon-hdmi-high-definition-multimedia-interface</div>
            <div class="author-name">Author: <a data-file="hdmi-high-definition-multimedia-interface" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-headphones"></div>
            <div class="class-name">.flaticon-headphones</div>
            <div class="author-name">Author: <a data-file="headphones" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-hearts-outlines-of-gross-lines"></div>
            <div class="class-name">.flaticon-hearts-outlines-of-gross-lines</div>
            <div class="author-name">Author: <a data-file="hearts-outlines-of-gross-lines" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-heating"></div>
            <div class="class-name">.flaticon-heating</div>
            <div class="author-name">Author: <a data-file="heating" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-heating-black-tool"></div>
            <div class="class-name">.flaticon-heating-black-tool</div>
            <div class="author-name">Author: <a data-file="heating-black-tool" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-heating-device-for-winter"></div>
            <div class="class-name">.flaticon-heating-device-for-winter</div>
            <div class="author-name">Author: <a data-file="heating-device-for-winter" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-heating-device-in-a-bedroom"></div>
            <div class="class-name">.flaticon-heating-device-in-a-bedroom</div>
            <div class="author-name">Author: <a data-file="heating-device-in-a-bedroom" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-hot-cakes"></div>
            <div class="class-name">.flaticon-hot-cakes</div>
            <div class="author-name">Author: <a data-file="hot-cakes" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-hot-coffee-mug-outline"></div>
            <div class="class-name">.flaticon-hot-coffee-mug-outline</div>
            <div class="author-name">Author: <a data-file="hot-coffee-mug-outline" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-hot-towels"></div>
            <div class="class-name">.flaticon-hot-towels</div>
            <div class="author-name">Author: <a data-file="hot-towels" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-hotel-1-star-signal"></div>
            <div class="class-name">.flaticon-hotel-1-star-signal</div>
            <div class="author-name">Author: <a data-file="hotel-1-star-signal" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-hotel-2-stars-signal"></div>
            <div class="class-name">.flaticon-hotel-2-stars-signal</div>
            <div class="author-name">Author: <a data-file="hotel-2-stars-signal" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-hotel-building"></div>
            <div class="class-name">.flaticon-hotel-building</div>
            <div class="author-name">Author: <a data-file="hotel-building" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-hotel-check-symbol"></div>
            <div class="class-name">.flaticon-hotel-check-symbol</div>
            <div class="author-name">Author: <a data-file="hotel-check-symbol" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-hotel-key-outline-in-horizontal-position"></div>
            <div class="class-name">.flaticon-hotel-key-outline-in-horizontal-position</div>
            <div class="author-name">Author: <a data-file="hotel-key-outline-in-horizontal-position" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-hotel-of-three-stars-signal"></div>
            <div class="class-name">.flaticon-hotel-of-three-stars-signal</div>
            <div class="author-name">Author: <a data-file="hotel-of-three-stars-signal" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-hotel-of-two-stars-quality"></div>
            <div class="class-name">.flaticon-hotel-of-two-stars-quality</div>
            <div class="author-name">Author: <a data-file="hotel-of-two-stars-quality" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-hotel-reception-bell"></div>
            <div class="class-name">.flaticon-hotel-reception-bell</div>
            <div class="author-name">Author: <a data-file="hotel-reception-bell" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-hotel-reception-outline"></div>
            <div class="class-name">.flaticon-hotel-reception-outline</div>
            <div class="author-name">Author: <a data-file="hotel-reception-outline" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-hotel-search-interface-symbol"></div>
            <div class="class-name">.flaticon-hotel-search-interface-symbol</div>
            <div class="author-name">Author: <a data-file="hotel-search-interface-symbol" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-hotel-sign"></div>
            <div class="class-name">.flaticon-hotel-sign</div>
            <div class="author-name">Author: <a data-file="hotel-sign" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-ice-cubes-in-a-square"></div>
            <div class="class-name">.flaticon-ice-cubes-in-a-square</div>
            <div class="author-name">Author: <a data-file="ice-cubes-in-a-square" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-indoor-temperature"></div>
            <div class="class-name">.flaticon-indoor-temperature</div>
            <div class="author-name">Author: <a data-file="indoor-temperature" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-info-sign"></div>
            <div class="class-name">.flaticon-info-sign</div>
            <div class="author-name">Author: <a data-file="info-sign" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-information-letter-sign-outline"></div>
            <div class="class-name">.flaticon-information-letter-sign-outline</div>
            <div class="author-name">Author: <a data-file="information-letter-sign-outline" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-information-marker"></div>
            <div class="class-name">.flaticon-information-marker</div>
            <div class="author-name">Author: <a data-file="information-marker" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-informative-map"></div>
            <div class="class-name">.flaticon-informative-map</div>
            <div class="author-name">Author: <a data-file="informative-map" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-international-reception-worker"></div>
            <div class="class-name">.flaticon-international-reception-worker</div>
            <div class="author-name">Author: <a data-file="international-reception-worker" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-international-telephone-symbol-outline"></div>
            <div class="class-name">.flaticon-international-telephone-symbol-outline</div>
            <div class="author-name">Author: <a data-file="international-telephone-symbol-outline" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-iron-outline-side-view"></div>
            <div class="class-name">.flaticon-iron-outline-side-view</div>
            <div class="author-name">Author: <a data-file="iron-outline-side-view" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-iron-table-outline-from-side-view"></div>
            <div class="class-name">.flaticon-iron-table-outline-from-side-view</div>
            <div class="author-name">Author: <a data-file="iron-table-outline-from-side-view" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-italian-receptionist-saying-ciao"></div>
            <div class="class-name">.flaticon-italian-receptionist-saying-ciao</div>
            <div class="author-name">Author: <a data-file="italian-receptionist-saying-ciao" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-jacuzzi"></div>
            <div class="class-name">.flaticon-jacuzzi</div>
            <div class="author-name">Author: <a data-file="jacuzzi" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-key-with-label"></div>
            <div class="class-name">.flaticon-key-with-label</div>
            <div class="author-name">Author: <a data-file="key-with-label" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-laptop-with-arroba-sign-on-screen"></div>
            <div class="class-name">.flaticon-laptop-with-arroba-sign-on-screen</div>
            <div class="author-name">Author: <a data-file="laptop-with-arroba-sign-on-screen" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-left-and-right-arrows-on-a-thin-column"></div>
            <div class="class-name">.flaticon-left-and-right-arrows-on-a-thin-column</div>
            <div class="author-name">Author: <a data-file="left-and-right-arrows-on-a-thin-column" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-letter-h-hotel-outline-with-five-stars"></div>
            <div class="class-name">.flaticon-letter-h-hotel-outline-with-five-stars</div>
            <div class="author-name">Author: <a data-file="letter-h-hotel-outline-with-five-stars" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-library-placeholder"></div>
            <div class="class-name">.flaticon-library-placeholder</div>
            <div class="author-name">Author: <a data-file="library-placeholder" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-library-symbol-outline"></div>
            <div class="class-name">.flaticon-library-symbol-outline</div>
            <div class="author-name">Author: <a data-file="library-symbol-outline" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-lobby-sign"></div>
            <div class="class-name">.flaticon-lobby-sign</div>
            <div class="author-name">Author: <a data-file="lobby-sign" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-love-symbol-of-a-heart-outline-in-a-square"></div>
            <div class="class-name">.flaticon-love-symbol-of-a-heart-outline-in-a-square</div>
            <div class="author-name">Author: <a data-file="love-symbol-of-a-heart-outline-in-a-square" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-map-location"></div>
            <div class="class-name">.flaticon-map-location</div>
            <div class="author-name">Author: <a data-file="map-location" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-margarita-glass-drink"></div>
            <div class="class-name">.flaticon-margarita-glass-drink</div>
            <div class="author-name">Author: <a data-file="margarita-glass-drink" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-massage-session"></div>
            <div class="class-name">.flaticon-massage-session</div>
            <div class="author-name">Author: <a data-file="massage-session" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-mastercard"></div>
            <div class="class-name">.flaticon-mastercard</div>
            <div class="author-name">Author: <a data-file="mastercard" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-microwaves"></div>
            <div class="class-name">.flaticon-microwaves</div>
            <div class="author-name">Author: <a data-file="microwaves" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-minibar"></div>
            <div class="class-name">.flaticon-minibar</div>
            <div class="author-name">Author: <a data-file="minibar" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-minisplit"></div>
            <div class="class-name">.flaticon-minisplit</div>
            <div class="author-name">Author: <a data-file="minisplit" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-money-bills"></div>
            <div class="class-name">.flaticon-money-bills</div>
            <div class="author-name">Author: <a data-file="money-bills" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-monitor-screen-with-keyhole-shape"></div>
            <div class="class-name">.flaticon-monitor-screen-with-keyhole-shape</div>
            <div class="author-name">Author: <a data-file="monitor-screen-with-keyhole-shape" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-musical-note-outline-symbol-inside-two-squares"></div>
            <div class="class-name">.flaticon-musical-note-outline-symbol-inside-two-squares</div>
            <div class="author-name">Author: <a data-file="musical-note-outline-symbol-inside-two-squares" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-nine-persons"></div>
            <div class="class-name">.flaticon-nine-persons</div>
            <div class="author-name">Author: <a data-file="nine-persons" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-nine-persons-symbol"></div>
            <div class="class-name">.flaticon-nine-persons-symbol</div>
            <div class="author-name">Author: <a data-file="nine-persons-symbol" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-nine-persons-symbol-1"></div>
            <div class="class-name">.flaticon-nine-persons-symbol-1</div>
            <div class="author-name">Author: <a data-file="nine-persons-symbol-1" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-no-animals-symbol"></div>
            <div class="class-name">.flaticon-no-animals-symbol</div>
            <div class="author-name">Author: <a data-file="no-animals-symbol" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-no-cats-accepted"></div>
            <div class="class-name">.flaticon-no-cats-accepted</div>
            <div class="author-name">Author: <a data-file="no-cats-accepted" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-no-food-allowed"></div>
            <div class="class-name">.flaticon-no-food-allowed</div>
            <div class="author-name">Author: <a data-file="no-food-allowed" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-no-pets-allowed-symbol"></div>
            <div class="class-name">.flaticon-no-pets-allowed-symbol</div>
            <div class="author-name">Author: <a data-file="no-pets-allowed-symbol" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-no-vacancy-signal"></div>
            <div class="class-name">.flaticon-no-vacancy-signal</div>
            <div class="author-name">Author: <a data-file="no-vacancy-signal" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-one-bed-for-two"></div>
            <div class="class-name">.flaticon-one-bed-for-two</div>
            <div class="author-name">Author: <a data-file="one-bed-for-two" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-one-star-hotel-sign"></div>
            <div class="class-name">.flaticon-one-star-hotel-sign</div>
            <div class="author-name">Author: <a data-file="one-star-hotel-sign" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-one-star-hotel-signal"></div>
            <div class="class-name">.flaticon-one-star-hotel-signal</div>
            <div class="author-name">Author: <a data-file="one-star-hotel-signal" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-one-star-symbol"></div>
            <div class="class-name">.flaticon-one-star-symbol</div>
            <div class="author-name">Author: <a data-file="one-star-symbol" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-online-location"></div>
            <div class="class-name">.flaticon-online-location</div>
            <div class="author-name">Author: <a data-file="online-location" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-open-garage-under-the-sun"></div>
            <div class="class-name">.flaticon-open-garage-under-the-sun</div>
            <div class="author-name">Author: <a data-file="open-garage-under-the-sun" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-outdoors-table-with-chairs-couple-and-umbrella"></div>
            <div class="class-name">.flaticon-outdoors-table-with-chairs-couple-and-umbrella</div>
            <div class="author-name">Author: <a data-file="outdoors-table-with-chairs-couple-and-umbrella" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-oven"></div>
            <div class="class-name">.flaticon-oven</div>
            <div class="author-name">Author: <a data-file="oven" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-padlock-symbol-of-security-24-hours-a-day"></div>
            <div class="class-name">.flaticon-padlock-symbol-of-security-24-hours-a-day</div>
            <div class="author-name">Author: <a data-file="padlock-symbol-of-security-24-hours-a-day" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-parking"></div>
            <div class="class-name">.flaticon-parking</div>
            <div class="author-name">Author: <a data-file="parking" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-parking-for-disabled-persons-sign"></div>
            <div class="class-name">.flaticon-parking-for-disabled-persons-sign</div>
            <div class="author-name">Author: <a data-file="parking-for-disabled-persons-sign" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-parking-garage-sign-in-rounded-square"></div>
            <div class="class-name">.flaticon-parking-garage-sign-in-rounded-square</div>
            <div class="author-name">Author: <a data-file="parking-garage-sign-in-rounded-square" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-parking-meter"></div>
            <div class="class-name">.flaticon-parking-meter</div>
            <div class="author-name">Author: <a data-file="parking-meter" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-parking-sign"></div>
            <div class="class-name">.flaticon-parking-sign</div>
            <div class="author-name">Author: <a data-file="parking-sign" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-parking-square-signal"></div>
            <div class="class-name">.flaticon-parking-square-signal</div>
            <div class="author-name">Author: <a data-file="parking-square-signal" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-parking-ticket"></div>
            <div class="class-name">.flaticon-parking-ticket</div>
            <div class="author-name">Author: <a data-file="parking-ticket" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-pc-computer-and-monitor-outlines"></div>
            <div class="class-name">.flaticon-pc-computer-and-monitor-outlines</div>
            <div class="author-name">Author: <a data-file="pc-computer-and-monitor-outlines" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-persian-blinds-outline"></div>
            <div class="class-name">.flaticon-persian-blinds-outline</div>
            <div class="author-name">Author: <a data-file="persian-blinds-outline" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-person-ascending-on-electric-stairs"></div>
            <div class="class-name">.flaticon-person-ascending-on-electric-stairs</div>
            <div class="author-name">Author: <a data-file="person-ascending-on-electric-stairs" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-person-enjoying-jacuzzi-hot-water-bath"></div>
            <div class="class-name">.flaticon-person-enjoying-jacuzzi-hot-water-bath</div>
            <div class="author-name">Author: <a data-file="person-enjoying-jacuzzi-hot-water-bath" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-person-in-sauna-treatment"></div>
            <div class="class-name">.flaticon-person-in-sauna-treatment</div>
            <div class="author-name">Author: <a data-file="person-in-sauna-treatment" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-person-in-spa"></div>
            <div class="class-name">.flaticon-person-in-spa</div>
            <div class="author-name">Author: <a data-file="person-in-spa" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-person-lying-in-an-artificial-solar-tan-bed-for-indoor-bronze-skin-tone"></div>
            <div class="class-name">.flaticon-person-lying-in-an-artificial-solar-tan-bed-for-indoor-bronze-skin-tone</div>
            <div class="author-name">Author: <a data-file="person-lying-in-an-artificial-solar-tan-bed-for-indoor-bronze-skin-tone" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-person-lying-on-a-beach-under-an-umbrella"></div>
            <div class="class-name">.flaticon-person-lying-on-a-beach-under-an-umbrella</div>
            <div class="author-name">Author: <a data-file="person-lying-on-a-beach-under-an-umbrella" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-person-number-7-or-seven-persons"></div>
            <div class="class-name">.flaticon-person-number-7-or-seven-persons</div>
            <div class="author-name">Author: <a data-file="person-number-7-or-seven-persons" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-person-riding-on-a-bicycle-side-view-silhouette"></div>
            <div class="class-name">.flaticon-person-riding-on-a-bicycle-side-view-silhouette</div>
            <div class="author-name">Author: <a data-file="person-riding-on-a-bicycle-side-view-silhouette" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-person-rowing-on-a-kayak"></div>
            <div class="class-name">.flaticon-person-rowing-on-a-kayak</div>
            <div class="author-name">Author: <a data-file="person-rowing-on-a-kayak" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-person-running-on-a-treadmill-silhouette-from-side-view"></div>
            <div class="class-name">.flaticon-person-running-on-a-treadmill-silhouette-from-side-view</div>
            <div class="author-name">Author: <a data-file="person-running-on-a-treadmill-silhouette-from-side-view" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-person-silhouette-in-sauna"></div>
            <div class="class-name">.flaticon-person-silhouette-in-sauna</div>
            <div class="author-name">Author: <a data-file="person-silhouette-in-sauna" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-person-sweating-in-a-sauna"></div>
            <div class="class-name">.flaticon-person-sweating-in-a-sauna</div>
            <div class="author-name">Author: <a data-file="person-sweating-in-a-sauna" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-personal-elevator-signal"></div>
            <div class="class-name">.flaticon-personal-elevator-signal</div>
            <div class="author-name">Author: <a data-file="personal-elevator-signal" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-persons-in-group-of-four"></div>
            <div class="class-name">.flaticon-persons-in-group-of-four</div>
            <div class="author-name">Author: <a data-file="persons-in-group-of-four" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-persons-nine-silhouettes"></div>
            <div class="class-name">.flaticon-persons-nine-silhouettes</div>
            <div class="author-name">Author: <a data-file="persons-nine-silhouettes" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-persons-number-symbol"></div>
            <div class="class-name">.flaticon-persons-number-symbol</div>
            <div class="author-name">Author: <a data-file="persons-number-symbol" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-pets-circular-sign"></div>
            <div class="class-name">.flaticon-pets-circular-sign</div>
            <div class="author-name">Author: <a data-file="pets-circular-sign" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-photo-camera-frontal-outline"></div>
            <div class="class-name">.flaticon-photo-camera-frontal-outline</div>
            <div class="author-name">Author: <a data-file="photo-camera-frontal-outline" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-plate-fork-and-knife"></div>
            <div class="class-name">.flaticon-plate-fork-and-knife</div>
            <div class="author-name">Author: <a data-file="plate-fork-and-knife" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-poker-cards"></div>
            <div class="class-name">.flaticon-poker-cards</div>
            <div class="author-name">Author: <a data-file="poker-cards" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-poker-playing-cards"></div>
            <div class="class-name">.flaticon-poker-playing-cards</div>
            <div class="author-name">Author: <a data-file="poker-playing-cards" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-pool-eight-ball-and-stick"></div>
            <div class="class-name">.flaticon-pool-eight-ball-and-stick</div>
            <div class="author-name">Author: <a data-file="pool-eight-ball-and-stick" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-pool-rectangular-hanging-sign"></div>
            <div class="class-name">.flaticon-pool-rectangular-hanging-sign</div>
            <div class="author-name">Author: <a data-file="pool-rectangular-hanging-sign" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-pool-table-top-view"></div>
            <div class="class-name">.flaticon-pool-table-top-view</div>
            <div class="author-name">Author: <a data-file="pool-table-top-view" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-port-map-marker-point"></div>
            <div class="class-name">.flaticon-port-map-marker-point</div>
            <div class="author-name">Author: <a data-file="port-map-marker-point" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-postcard-back-side"></div>
            <div class="class-name">.flaticon-postcard-back-side</div>
            <div class="author-name">Author: <a data-file="postcard-back-side" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-pound-bills"></div>
            <div class="class-name">.flaticon-pound-bills</div>
            <div class="author-name">Author: <a data-file="pound-bills" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-private-baggage-box-with-key"></div>
            <div class="class-name">.flaticon-private-baggage-box-with-key</div>
            <div class="author-name">Author: <a data-file="private-baggage-box-with-key" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-private-swimming-pool-sign"></div>
            <div class="class-name">.flaticon-private-swimming-pool-sign</div>
            <div class="author-name">Author: <a data-file="private-swimming-pool-sign" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-prohibition-of-wood-cutting-sign"></div>
            <div class="class-name">.flaticon-prohibition-of-wood-cutting-sign</div>
            <div class="author-name">Author: <a data-file="prohibition-of-wood-cutting-sign" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-public-elevator-sign"></div>
            <div class="class-name">.flaticon-public-elevator-sign</div>
            <div class="author-name">Author: <a data-file="public-elevator-sign" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-public-swimming-pool-sign"></div>
            <div class="class-name">.flaticon-public-swimming-pool-sign</div>
            <div class="author-name">Author: <a data-file="public-swimming-pool-sign" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-queen-size-bed"></div>
            <div class="class-name">.flaticon-queen-size-bed</div>
            <div class="author-name">Author: <a data-file="queen-size-bed" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-question-mark-inside-a-box-outline"></div>
            <div class="class-name">.flaticon-question-mark-inside-a-box-outline</div>
            <div class="author-name">Author: <a data-file="question-mark-inside-a-box-outline" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-rack-of-tall-thin-shape-for-hanging-clothes"></div>
            <div class="class-name">.flaticon-rack-of-tall-thin-shape-for-hanging-clothes</div>
            <div class="author-name">Author: <a data-file="rack-of-tall-thin-shape-for-hanging-clothes" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-radio"></div>
            <div class="class-name">.flaticon-radio</div>
            <div class="author-name">Author: <a data-file="radio" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-radio-of-rectangular-rounded-simple-design"></div>
            <div class="class-name">.flaticon-radio-of-rectangular-rounded-simple-design</div>
            <div class="author-name">Author: <a data-file="radio-of-rectangular-rounded-simple-design" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-radio-outline"></div>
            <div class="class-name">.flaticon-radio-outline</div>
            <div class="author-name">Author: <a data-file="radio-outline" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-registered-sign"></div>
            <div class="class-name">.flaticon-registered-sign</div>
            <div class="author-name">Author: <a data-file="registered-sign" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-restaurant-locator-for-map"></div>
            <div class="class-name">.flaticon-restaurant-locator-for-map</div>
            <div class="author-name">Author: <a data-file="restaurant-locator-for-map" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-restaurant-symbol-of-utensils"></div>
            <div class="class-name">.flaticon-restaurant-symbol-of-utensils</div>
            <div class="author-name">Author: <a data-file="restaurant-symbol-of-utensils" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-room-service"></div>
            <div class="class-name">.flaticon-room-service</div>
            <div class="author-name">Author: <a data-file="room-service" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-room-service-signal-for-hotel-doors"></div>
            <div class="class-name">.flaticon-room-service-signal-for-hotel-doors</div>
            <div class="author-name">Author: <a data-file="room-service-signal-for-hotel-doors" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-room-service-time"></div>
            <div class="class-name">.flaticon-room-service-time</div>
            <div class="author-name">Author: <a data-file="room-service-time" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-roulette"></div>
            <div class="class-name">.flaticon-roulette</div>
            <div class="author-name">Author: <a data-file="roulette" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-roundabout"></div>
            <div class="class-name">.flaticon-roundabout</div>
            <div class="author-name">Author: <a data-file="roundabout" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-rss-symbol-on-tablet-screen"></div>
            <div class="class-name">.flaticon-rss-symbol-on-tablet-screen</div>
            <div class="author-name">Author: <a data-file="rss-symbol-on-tablet-screen" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-safe-box-variant-outline"></div>
            <div class="class-name">.flaticon-safe-box-variant-outline</div>
            <div class="author-name">Author: <a data-file="safe-box-variant-outline" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-safe-box-with-wheel-system"></div>
            <div class="class-name">.flaticon-safe-box-with-wheel-system</div>
            <div class="author-name">Author: <a data-file="safe-box-with-wheel-system" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-sandals-pair-outline"></div>
            <div class="class-name">.flaticon-sandals-pair-outline</div>
            <div class="author-name">Author: <a data-file="sandals-pair-outline" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-satellite-tv-monitor-symbol"></div>
            <div class="class-name">.flaticon-satellite-tv-monitor-symbol</div>
            <div class="author-name">Author: <a data-file="satellite-tv-monitor-symbol" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-search-for-transport-interface-symbol"></div>
            <div class="class-name">.flaticon-search-for-transport-interface-symbol</div>
            <div class="author-name">Author: <a data-file="search-for-transport-interface-symbol" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-security-box"></div>
            <div class="class-name">.flaticon-security-box</div>
            <div class="author-name">Author: <a data-file="security-box" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-security-box-closed-outline"></div>
            <div class="class-name">.flaticon-security-box-closed-outline</div>
            <div class="author-name">Author: <a data-file="security-box-closed-outline" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-seven-persons-or-person-number-7-symbol-outline"></div>
            <div class="class-name">.flaticon-seven-persons-or-person-number-7-symbol-outline</div>
            <div class="author-name">Author: <a data-file="seven-persons-or-person-number-7-symbol-outline" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-seven-persons-symbol"></div>
            <div class="class-name">.flaticon-seven-persons-symbol</div>
            <div class="author-name">Author: <a data-file="seven-persons-symbol" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-shopping-bag-outline"></div>
            <div class="class-name">.flaticon-shopping-bag-outline</div>
            <div class="author-name">Author: <a data-file="shopping-bag-outline" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-shopping-cart-in-a-circle"></div>
            <div class="class-name">.flaticon-shopping-cart-in-a-circle</div>
            <div class="author-name">Author: <a data-file="shopping-cart-in-a-circle" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-shopping-zone-marker"></div>
            <div class="class-name">.flaticon-shopping-zone-marker</div>
            <div class="author-name">Author: <a data-file="shopping-zone-marker" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-shower"></div>
            <div class="class-name">.flaticon-shower</div>
            <div class="author-name">Author: <a data-file="shower" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-single-bed"></div>
            <div class="class-name">.flaticon-single-bed</div>
            <div class="author-name">Author: <a data-file="single-bed" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-single-bed-outline"></div>
            <div class="class-name">.flaticon-single-bed-outline</div>
            <div class="author-name">Author: <a data-file="single-bed-outline" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-six-persons"></div>
            <div class="class-name">.flaticon-six-persons</div>
            <div class="author-name">Author: <a data-file="six-persons" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-six-persons-1"></div>
            <div class="class-name">.flaticon-six-persons-1</div>
            <div class="author-name">Author: <a data-file="six-persons-1" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-six-persons-2"></div>
            <div class="class-name">.flaticon-six-persons-2</div>
            <div class="author-name">Author: <a data-file="six-persons-2" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-six-persons-or-person-number-6-symbol"></div>
            <div class="class-name">.flaticon-six-persons-or-person-number-6-symbol</div>
            <div class="author-name">Author: <a data-file="six-persons-or-person-number-6-symbol" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-six-persons-sign"></div>
            <div class="class-name">.flaticon-six-persons-sign</div>
            <div class="author-name">Author: <a data-file="six-persons-sign" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-slide-to-swimming-pool-water"></div>
            <div class="class-name">.flaticon-slide-to-swimming-pool-water</div>
            <div class="author-name">Author: <a data-file="slide-to-swimming-pool-water" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-smoking-not-allowed-symbol"></div>
            <div class="class-name">.flaticon-smoking-not-allowed-symbol</div>
            <div class="author-name">Author: <a data-file="smoking-not-allowed-symbol" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-smoking-prohibition-circular-signal"></div>
            <div class="class-name">.flaticon-smoking-prohibition-circular-signal</div>
            <div class="author-name">Author: <a data-file="smoking-prohibition-circular-signal" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-snow-weather-symbol"></div>
            <div class="class-name">.flaticon-snow-weather-symbol</div>
            <div class="author-name">Author: <a data-file="snow-weather-symbol" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-snowflake-weather-symbol"></div>
            <div class="class-name">.flaticon-snowflake-weather-symbol</div>
            <div class="author-name">Author: <a data-file="snowflake-weather-symbol" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-soccer-ball-outline"></div>
            <div class="class-name">.flaticon-soccer-ball-outline</div>
            <div class="author-name">Author: <a data-file="soccer-ball-outline" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-sofa-of-one-place-outline"></div>
            <div class="class-name">.flaticon-sofa-of-one-place-outline</div>
            <div class="author-name">Author: <a data-file="sofa-of-one-place-outline" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-sofa-of-three-places-outline"></div>
            <div class="class-name">.flaticon-sofa-of-three-places-outline</div>
            <div class="author-name">Author: <a data-file="sofa-of-three-places-outline" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-spoon-fork-and-knive-silhouettes-restaurant-symbol"></div>
            <div class="class-name">.flaticon-spoon-fork-and-knive-silhouettes-restaurant-symbol</div>
            <div class="author-name">Author: <a data-file="spoon-fork-and-knive-silhouettes-restaurant-symbol" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-stair-of-a-swimming-pool"></div>
            <div class="class-name">.flaticon-stair-of-a-swimming-pool</div>
            <div class="author-name">Author: <a data-file="stair-of-a-swimming-pool" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-stairs-in-a-square-sign"></div>
            <div class="class-name">.flaticon-stairs-in-a-square-sign</div>
            <div class="author-name">Author: <a data-file="stairs-in-a-square-sign" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-star-for-number-one"></div>
            <div class="class-name">.flaticon-star-for-number-one</div>
            <div class="author-name">Author: <a data-file="star-for-number-one" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-star-number-3"></div>
            <div class="class-name">.flaticon-star-number-3</div>
            <div class="author-name">Author: <a data-file="star-number-3" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-star-number-five"></div>
            <div class="class-name">.flaticon-star-number-five</div>
            <div class="author-name">Author: <a data-file="star-number-five" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-star-outline-in-a-circle-line"></div>
            <div class="class-name">.flaticon-star-outline-in-a-circle-line</div>
            <div class="author-name">Author: <a data-file="star-outline-in-a-circle-line" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-star-outline-of-five-points"></div>
            <div class="class-name">.flaticon-star-outline-of-five-points</div>
            <div class="author-name">Author: <a data-file="star-outline-of-five-points" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-star-with-number-4"></div>
            <div class="class-name">.flaticon-star-with-number-4</div>
            <div class="author-name">Author: <a data-file="star-with-number-4" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-star-with-number-two"></div>
            <div class="class-name">.flaticon-star-with-number-two</div>
            <div class="author-name">Author: <a data-file="star-with-number-two" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-store-with-open-signal"></div>
            <div class="class-name">.flaticon-store-with-open-signal</div>
            <div class="author-name">Author: <a data-file="store-with-open-signal" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-sweet-bread-in-a-square"></div>
            <div class="class-name">.flaticon-sweet-bread-in-a-square</div>
            <div class="author-name">Author: <a data-file="sweet-bread-in-a-square" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-swimmer-in-water-waves-under-the-sun"></div>
            <div class="class-name">.flaticon-swimmer-in-water-waves-under-the-sun</div>
            <div class="author-name">Author: <a data-file="swimmer-in-water-waves-under-the-sun" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-swimmer-swimming-in-an-interior-covered-swimming-pool"></div>
            <div class="class-name">.flaticon-swimmer-swimming-in-an-interior-covered-swimming-pool</div>
            <div class="author-name">Author: <a data-file="swimmer-swimming-in-an-interior-covered-swimming-pool" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-swimming-pool-covered-with-roof"></div>
            <div class="class-name">.flaticon-swimming-pool-covered-with-roof</div>
            <div class="author-name">Author: <a data-file="swimming-pool-covered-with-roof" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-swimming-pool-location-marker"></div>
            <div class="class-name">.flaticon-swimming-pool-location-marker</div>
            <div class="author-name">Author: <a data-file="swimming-pool-location-marker" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-swimming-pool-location-marker-for-maps"></div>
            <div class="class-name">.flaticon-swimming-pool-location-marker-for-maps</div>
            <div class="author-name">Author: <a data-file="swimming-pool-location-marker-for-maps" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-swimming-pool-opened-under-sunlight"></div>
            <div class="class-name">.flaticon-swimming-pool-opened-under-sunlight</div>
            <div class="author-name">Author: <a data-file="swimming-pool-opened-under-sunlight" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-swimming-pool-roofless-under-the-sun"></div>
            <div class="class-name">.flaticon-swimming-pool-roofless-under-the-sun</div>
            <div class="author-name">Author: <a data-file="swimming-pool-roofless-under-the-sun" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-swimming-pool-signal"></div>
            <div class="class-name">.flaticon-swimming-pool-signal</div>
            <div class="author-name">Author: <a data-file="swimming-pool-signal" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-swimming-pool-water-waves-with-ladder"></div>
            <div class="class-name">.flaticon-swimming-pool-water-waves-with-ladder</div>
            <div class="author-name">Author: <a data-file="swimming-pool-water-waves-with-ladder" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-swimming-pool-zone-marker"></div>
            <div class="class-name">.flaticon-swimming-pool-zone-marker</div>
            <div class="author-name">Author: <a data-file="swimming-pool-zone-marker" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-taxi-cab"></div>
            <div class="class-name">.flaticon-taxi-cab</div>
            <div class="author-name">Author: <a data-file="taxi-cab" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-taxi-outline"></div>
            <div class="class-name">.flaticon-taxi-outline</div>
            <div class="author-name">Author: <a data-file="taxi-outline" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-telephone-24-hours-sign"></div>
            <div class="class-name">.flaticon-telephone-24-hours-sign</div>
            <div class="author-name">Author: <a data-file="telephone-24-hours-sign" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-telephone-auricular-outline"></div>
            <div class="class-name">.flaticon-telephone-auricular-outline</div>
            <div class="author-name">Author: <a data-file="telephone-auricular-outline" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-telephone-outline-from-top-view"></div>
            <div class="class-name">.flaticon-telephone-outline-from-top-view</div>
            <div class="author-name">Author: <a data-file="telephone-outline-from-top-view" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-tennis-ball-and-raquet"></div>
            <div class="class-name">.flaticon-tennis-ball-and-raquet</div>
            <div class="author-name">Author: <a data-file="tennis-ball-and-raquet" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-tennis-racket-and-ball"></div>
            <div class="class-name">.flaticon-tennis-racket-and-ball</div>
            <div class="author-name">Author: <a data-file="tennis-racket-and-ball" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-tennis-raquet-and-ball"></div>
            <div class="class-name">.flaticon-tennis-raquet-and-ball</div>
            <div class="author-name">Author: <a data-file="tennis-raquet-and-ball" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-three-persons"></div>
            <div class="class-name">.flaticon-three-persons</div>
            <div class="author-name">Author: <a data-file="three-persons" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-three-persons-sign"></div>
            <div class="class-name">.flaticon-three-persons-sign</div>
            <div class="author-name">Author: <a data-file="three-persons-sign" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-three-persons-silhouettes"></div>
            <div class="class-name">.flaticon-three-persons-silhouettes</div>
            <div class="author-name">Author: <a data-file="three-persons-silhouettes" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-three-stars-hotel-sign"></div>
            <div class="class-name">.flaticon-three-stars-hotel-sign</div>
            <div class="author-name">Author: <a data-file="three-stars-hotel-sign" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-toaster-outline-tool"></div>
            <div class="class-name">.flaticon-toaster-outline-tool</div>
            <div class="author-name">Author: <a data-file="toaster-outline-tool" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-toilet-black-silhouette"></div>
            <div class="class-name">.flaticon-toilet-black-silhouette</div>
            <div class="author-name">Author: <a data-file="toilet-black-silhouette" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-toilet-hanging-sign"></div>
            <div class="class-name">.flaticon-toilet-hanging-sign</div>
            <div class="author-name">Author: <a data-file="toilet-hanging-sign" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-toilet-outline-in-a-square"></div>
            <div class="class-name">.flaticon-toilet-outline-in-a-square</div>
            <div class="author-name">Author: <a data-file="toilet-outline-in-a-square" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-towels-sale-symbol-with-dollar-sign"></div>
            <div class="class-name">.flaticon-towels-sale-symbol-with-dollar-sign</div>
            <div class="author-name">Author: <a data-file="towels-sale-symbol-with-dollar-sign" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-towels-with-checked-symbol"></div>
            <div class="class-name">.flaticon-towels-with-checked-symbol</div>
            <div class="author-name">Author: <a data-file="towels-with-checked-symbol" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-traveler-and-hotel-bed-outline"></div>
            <div class="class-name">.flaticon-traveler-and-hotel-bed-outline</div>
            <div class="author-name">Author: <a data-file="traveler-and-hotel-bed-outline" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-tub"></div>
            <div class="class-name">.flaticon-tub</div>
            <div class="author-name">Author: <a data-file="tub" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-tv-monitor"></div>
            <div class="class-name">.flaticon-tv-monitor</div>
            <div class="author-name">Author: <a data-file="tv-monitor" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-two-persons-or-person-number-two"></div>
            <div class="class-name">.flaticon-two-persons-or-person-number-two</div>
            <div class="author-name">Author: <a data-file="two-persons-or-person-number-two" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-two-persons-signal"></div>
            <div class="class-name">.flaticon-two-persons-signal</div>
            <div class="author-name">Author: <a data-file="two-persons-signal" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-two-persons-silhouettes"></div>
            <div class="class-name">.flaticon-two-persons-silhouettes</div>
            <div class="author-name">Author: <a data-file="two-persons-silhouettes" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-two-persons-symbol"></div>
            <div class="class-name">.flaticon-two-persons-symbol</div>
            <div class="author-name">Author: <a data-file="two-persons-symbol" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-two-persons-symbol-1"></div>
            <div class="class-name">.flaticon-two-persons-symbol-1</div>
            <div class="author-name">Author: <a data-file="two-persons-symbol-1" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-two-stars-sign"></div>
            <div class="class-name">.flaticon-two-stars-sign</div>
            <div class="author-name">Author: <a data-file="two-stars-sign" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-umbrella-opened-outline"></div>
            <div class="class-name">.flaticon-umbrella-opened-outline</div>
            <div class="author-name">Author: <a data-file="umbrella-opened-outline" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-up-stairs-square-signal"></div>
            <div class="class-name">.flaticon-up-stairs-square-signal</div>
            <div class="author-name">Author: <a data-file="up-stairs-square-signal" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-urban-rest-hotel-sign-with-minus-symbol"></div>
            <div class="class-name">.flaticon-urban-rest-hotel-sign-with-minus-symbol</div>
            <div class="author-name">Author: <a data-file="urban-rest-hotel-sign-with-minus-symbol" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-vacancy-sign"></div>
            <div class="class-name">.flaticon-vacancy-sign</div>
            <div class="author-name">Author: <a data-file="vacancy-sign" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-ventilation-of-bedroom"></div>
            <div class="class-name">.flaticon-ventilation-of-bedroom</div>
            <div class="author-name">Author: <a data-file="ventilation-of-bedroom" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-washing-machine"></div>
            <div class="class-name">.flaticon-washing-machine</div>
            <div class="author-name">Author: <a data-file="washing-machine" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-wifi-usb-device-outline"></div>
            <div class="class-name">.flaticon-wifi-usb-device-outline</div>
            <div class="author-name">Author: <a data-file="wifi-usb-device-outline" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-wifi-zone-marker"></div>
            <div class="class-name">.flaticon-wifi-zone-marker</div>
            <div class="author-name">Author: <a data-file="wifi-zone-marker" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-wifi-zone-rectangular-signal"></div>
            <div class="class-name">.flaticon-wifi-zone-rectangular-signal</div>
            <div class="author-name">Author: <a data-file="wifi-zone-rectangular-signal" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-wifi-zone-symbol"></div>
            <div class="class-name">.flaticon-wifi-zone-symbol</div>
            <div class="author-name">Author: <a data-file="wifi-zone-symbol" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-wine-locator"></div>
            <div class="class-name">.flaticon-wine-locator</div>
            <div class="author-name">Author: <a data-file="wine-locator" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-yen-bills"></div>
            <div class="class-name">.flaticon-yen-bills</div>
            <div class="author-name">Author: <a data-file="yen-bills" 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="http://www.flaticon.com">flaticon.com</a>. <div><p>Under <a href="http://creativecommons.org/licenses/by/3.0/">CC</a>: <a data-file="coffee-jar" href="http://www.freepik.com">Freepik</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;http://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="coffee-jar" href="http://www.freepik.com">Freepik</a></p>  
     </textarea>

</section>

<div class="title">Examples:</div>            
             
            <div class="image">
                <p>
                    <i class="glyph-icon flaticon-1-star"></i> 
                    <span>&lt;i class=&quot;flaticon-1-star&quot;&gt;&lt;/i&gt;</span>
                </p>
            </div>
            
            <div class="image">
                <p>
                    <i class="glyph-icon flaticon-2-stars-symbol"></i> 
                    <span>&lt;i class=&quot;flaticon-2-stars-symbol&quot;&gt;&lt;/i&gt;</span>
                </p>
            </div>
            
            <div class="image">
                <p>
                    <i class="glyph-icon flaticon-24-hours-circular-sign"></i> 
                    <span>&lt;i class=&quot;flaticon-24-hours-circular-sign&quot;&gt;&lt;/i&gt;</span>
                </p>
            </div>
            
            <div class="image">
                <p>
                    <i class="glyph-icon flaticon-24-hours-room-service"></i> 
                    <span>&lt;i class=&quot;flaticon-24-hours-room-service&quot;&gt;&lt;/i&gt;</span>
                </p>
            </div>
                       
        </div>
                            
    </section>

<div id="footer">
    <div>Generated by <a href="http://www.flaticon.com">flaticon.com</a>
    </div>
</div>

</body>
</html>

İptal

📁 PHP Dosya Yöneticisi

📝 flaticon.html

📝 flaticon.html

📝 Yeniden Adlandır

🔐 Dosya İzinleri (chmod)