      <!-- Modal -->
      <div class="modal fade" id="iconsModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
          <div class="modal-content">
            <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
              <h4 class="modal-title" id="myModalLabel">Modal title</h4>
            </div>
            <div class="modal-body">
              <input type="text" name="iconSearch" class="iconSearch center form-control" placeholder="icon search">
              <div class="clearfix"></div>
              <div class="icons-list">
                <h3>et-line font</h3>
                <i class="icon-mobile"></i><i class="icon-laptop"></i><i class="icon-desktop"></i><i class="icon-tablet"></i><i class="icon-phone"></i><i class="icon-document"></i><i class="icon-documents"></i><i class="icon-search"></i><i class="icon-clipboard"></i><i class="icon-newspaper"></i><i class="icon-notebook"></i><i class="icon-book-open"></i><i class="icon-browser"></i><i class="icon-calendar"></i><i class="icon-presentation"></i><i class="icon-picture"></i><i class="icon-pictures"></i><i class="icon-video"></i><i class="icon-camera"></i><i class="icon-printer"></i><i class="icon-toolbox"></i><i class="icon-briefcase"></i><i class="icon-wallet"></i><i class="icon-gift"></i><i class="icon-bargraph"></i><i class="icon-grid"></i><i class="icon-expand"></i><i class="icon-focus"></i><i class="icon-edit"></i><i class="icon-adjustments"></i><i class="icon-ribbon"></i><i class="icon-hourglass"></i><i class="icon-lock"></i><i class="icon-megaphone"></i><i class="icon-shield"></i><i class="icon-trophy"></i><i class="icon-flag"></i><i class="icon-map"></i><i class="icon-puzzle"></i><i class="icon-basket"></i><i class="icon-envelope"></i><i class="icon-streetsign"></i><i class="icon-telescope"></i><i class="icon-gears"></i><i class="icon-key"></i><i class="icon-paperclip"></i><i class="icon-attachment"></i><i class="icon-pricetags"></i><i class="icon-lightbulb"></i><i class="icon-layers"></i><i class="icon-pencil"></i><i class="icon-tools"></i><i class="icon-tools-2"></i><i class="icon-scissors"></i><i class="icon-paintbrush"></i><i class="icon-magnifying-glass"></i><i class="icon-circle-compass"></i><i class="icon-linegraph"></i><i class="icon-mic"></i><i class="icon-strategy"></i><i class="icon-beaker"></i><i class="icon-caution"></i><i class="icon-recycle"></i><i class="icon-anchor"></i><i class="icon-profile-male"></i><i class="icon-profile-female"></i><i class="icon-bike"></i><i class="icon-wine"></i><i class="icon-hotairballoon"></i><i class="icon-globe"></i><i class="icon-genius"></i><i class="icon-map-pin"></i><i class="icon-dial"></i><i class="icon-chat"></i><i class="icon-heart"></i><i class="icon-cloud"></i><i class="icon-upload"></i><i class="icon-download"></i><i class="icon-target"></i><i class="icon-hazardous"></i><i class="icon-piechart"></i><i class="icon-speedometer"></i><i class="icon-global"></i><i class="icon-compass"></i><i class="icon-lifesaver"></i><i class="icon-clock"></i><i class="icon-aperture"></i><i class="icon-quote"></i><i class="icon-scope"></i><i class="icon-alarmclock"></i><i class="icon-refresh"></i><i class="icon-happy"></i><i class="icon-sad"></i><i class="icon-facebook"></i><i class="icon-twitter"></i><i class="icon-googleplus"></i><i class="icon-rss"></i><i class="icon-tumblr"></i><i class="icon-linkedin"></i><i class="icon-dribbble"></i>
                <div class="clearfix"></div>
                <h3>Ion icons</h3>
                <i class="ion-alert"></i>
                <i class="ion-alert-circled"></i>
                <i class="ion-android-add"></i>
                <i class="ion-android-add-circle"></i>
                <i class="ion-android-alarm-clock"></i>
                <i class="ion-android-alert"></i>
                <i class="ion-android-apps"></i>
                <i class="ion-android-archive"></i>
                <i class="ion-android-arrow-back"></i>
                <i class="ion-android-arrow-down"></i>
                <i class="ion-android-arrow-dropdown"></i>
                <i class="ion-android-arrow-dropdown-circle"></i>
                <i class="ion-android-arrow-dropleft"></i>
                <i class="ion-android-arrow-dropleft-circle"></i>
                <i class="ion-android-arrow-dropright"></i>
                <i class="ion-android-arrow-dropright-circle"></i>
                <i class="ion-android-arrow-dropup"></i>
                <i class="ion-android-arrow-dropup-circle"></i>
                <i class="ion-android-arrow-forward"></i>
                <i class="ion-android-arrow-up"></i>
                <i class="ion-android-attach"></i>
                <i class="ion-android-bar"></i>
                <i class="ion-android-bicycle"></i>
                <i class="ion-android-boat"></i>
                <i class="ion-android-bookmark"></i>
                <i class="ion-android-bulb"></i>
                <i class="ion-android-bus"></i>
                <i class="ion-android-calendar"></i>
                <i class="ion-android-call"></i>
                <i class="ion-android-camera"></i>
                <i class="ion-android-cancel"></i>
                <i class="ion-android-car"></i>
                <i class="ion-android-cart"></i>
                <i class="ion-android-chat"></i>
                <i class="ion-android-checkbox"></i>
                <i class="ion-android-checkbox-blank"></i>
                <i class="ion-android-checkbox-outline"></i>
                <i class="ion-android-checkbox-outline-blank"></i>
                <i class="ion-android-checkmark-circle"></i>
                <i class="ion-android-clipboard"></i>
                <i class="ion-android-close"></i>
                <i class="ion-android-cloud"></i>
                <i class="ion-android-cloud-circle"></i>
                <i class="ion-android-cloud-done"></i>
                <i class="ion-android-cloud-outline"></i>
                <i class="ion-android-color-palette"></i>
                <i class="ion-android-compass"></i>
                <i class="ion-android-contact"></i>
                <i class="ion-android-contacts"></i>
                <i class="ion-android-contract"></i>
                <i class="ion-android-create"></i>
                <i class="ion-android-delete"></i>
                <i class="ion-android-desktop"></i>
                <i class="ion-android-document"></i>
                <i class="ion-android-done"></i>
                <i class="ion-android-done-all"></i>
                <i class="ion-android-download"></i>
                <i class="ion-android-drafts"></i>
                <i class="ion-android-exit"></i>
                <i class="ion-android-expand"></i>
                <i class="ion-android-favorite"></i>
                <i class="ion-android-favorite-outline"></i>
                <i class="ion-android-film"></i>
                <i class="ion-android-folder"></i>
                <i class="ion-android-folder-open"></i>
                <i class="ion-android-funnel"></i>
                <i class="ion-android-globe"></i>
                <i class="ion-android-hand"></i>
                <i class="ion-android-hangout"></i>
                <i class="ion-android-happy"></i>
                <i class="ion-android-home"></i>
                <i class="ion-android-image"></i>
                <i class="ion-android-laptop"></i>
                <i class="ion-android-list"></i>
                <i class="ion-android-locate"></i>
                <i class="ion-android-lock"></i>
                <i class="ion-android-mail"></i>
                <i class="ion-android-map"></i>
                <i class="ion-android-menu"></i>
                <i class="ion-android-microphone"></i>
                <i class="ion-android-microphone-off"></i>
                <i class="ion-android-more-horizontal"></i>
                <i class="ion-android-more-vertical"></i>
                <i class="ion-android-navigate"></i>
                <i class="ion-android-notifications"></i>
                <i class="ion-android-notifications-none"></i>
                <i class="ion-android-notifications-off"></i>
                <i class="ion-android-open"></i>
                <i class="ion-android-options"></i>
                <i class="ion-android-people"></i>
                <i class="ion-android-person"></i>
                <i class="ion-android-person-add"></i>
                <i class="ion-android-phone-landscape"></i>
                <i class="ion-android-phone-portrait"></i>
                <i class="ion-android-pin"></i>
                <i class="ion-android-plane"></i>
                <i class="ion-android-playstore"></i>
                <i class="ion-android-print"></i>
                <i class="ion-android-radio-button-off"></i>
                <i class="ion-android-radio-button-on"></i>
                <i class="ion-android-refresh"></i>
                <i class="ion-android-remove"></i>
                <i class="ion-android-remove-circle"></i>
                <i class="ion-android-restaurant"></i>
                <i class="ion-android-sad"></i>
                <i class="ion-android-search"></i>
                <i class="ion-android-send"></i>
                <i class="ion-android-settings"></i>
                <i class="ion-android-share"></i>
                <i class="ion-android-share-alt"></i>
                <i class="ion-android-star"></i>
                <i class="ion-android-star-half"></i>
                <i class="ion-android-star-outline"></i>
                <i class="ion-android-stopwatch"></i>
                <i class="ion-android-subway"></i>
                <i class="ion-android-sunny"></i>
                <i class="ion-android-sync"></i>
                <i class="ion-android-textsms"></i>
                <i class="ion-android-time"></i>
                <i class="ion-android-train"></i>
                <i class="ion-android-unlock"></i>
                <i class="ion-android-upload"></i>
                <i class="ion-android-volume-down"></i>
                <i class="ion-android-volume-mute"></i>
                <i class="ion-android-volume-off"></i>
                <i class="ion-android-volume-up"></i>
                <i class="ion-android-walk"></i>
                <i class="ion-android-warning"></i>
                <i class="ion-android-watch"></i>
                <i class="ion-android-wifi"></i>
                <i class="ion-aperture"></i>
                <i class="ion-archive"></i>
                <i class="ion-arrow-down-a"></i>
                <i class="ion-arrow-down-b"></i>
                <i class="ion-arrow-down-c"></i>
                <i class="ion-arrow-expand"></i>
                <i class="ion-arrow-graph-down-left"></i>
                <i class="ion-arrow-graph-down-right"></i>
                <i class="ion-arrow-graph-up-left"></i>
                <i class="ion-arrow-graph-up-right"></i>
                <i class="ion-arrow-left-a"></i>
                <i class="ion-arrow-left-b"></i>
                <i class="ion-arrow-left-c"></i>
                <i class="ion-arrow-move"></i>
                <i class="ion-arrow-resize"></i>
                <i class="ion-arrow-return-left"></i>
                <i class="ion-arrow-return-right"></i>
                <i class="ion-arrow-right-a"></i>
                <i class="ion-arrow-right-b"></i>
                <i class="ion-arrow-right-c"></i>
                <i class="ion-arrow-shrink"></i>
                <i class="ion-arrow-swap"></i>
                <i class="ion-arrow-up-a"></i>
                <i class="ion-arrow-up-b"></i>
                <i class="ion-arrow-up-c"></i>
                <i class="ion-asterisk"></i>
                <i class="ion-at"></i>
                <i class="ion-backspace"></i>
                <i class="ion-backspace-outline"></i>
                <i class="ion-bag"></i>
                <i class="ion-battery-charging"></i>
                <i class="ion-battery-empty"></i>
                <i class="ion-battery-full"></i>
                <i class="ion-battery-half"></i>
                <i class="ion-battery-low"></i>
                <i class="ion-beaker"></i>
                <i class="ion-beer"></i>
                <i class="ion-bluetooth"></i>
                <i class="ion-bonfire"></i>
                <i class="ion-bookmark"></i>
                <i class="ion-bowtie"></i>
                <i class="ion-briefcase"></i>
                <i class="ion-bug"></i>
                <i class="ion-calculator"></i>
                <i class="ion-calendar"></i>
                <i class="ion-camera"></i>
                <i class="ion-card"></i>
                <i class="ion-cash"></i>
                <i class="ion-chatbox"></i>
                <i class="ion-chatbox-working"></i>
                <i class="ion-chatboxes"></i>
                <i class="ion-chatbubble"></i>
                <i class="ion-chatbubble-working"></i>
                <i class="ion-chatbubbles"></i>
                <i class="ion-checkmark"></i>
                <i class="ion-checkmark-circled"></i>
                <i class="ion-checkmark-round"></i>
                <i class="ion-chevron-down"></i>
                <i class="ion-chevron-left"></i>
                <i class="ion-chevron-right"></i>
                <i class="ion-chevron-up"></i>
                <i class="ion-clipboard"></i>
                <i class="ion-clock"></i>
                <i class="ion-close"></i>
                <i class="ion-close-circled"></i>
                <i class="ion-close-round"></i>
                <i class="ion-closed-captioning"></i>
                <i class="ion-cloud"></i>
                <i class="ion-code"></i>
                <i class="ion-code-download"></i>
                <i class="ion-code-working"></i>
                <i class="ion-coffee"></i>
                <i class="ion-compass"></i>
                <i class="ion-compose"></i>
                <i class="ion-connection-bars"></i>
                <i class="ion-contrast"></i>
                <i class="ion-crop"></i>
                <i class="ion-cube"></i>
                <i class="ion-disc"></i>
                <i class="ion-document"></i>
                <i class="ion-document-text"></i>
                <i class="ion-drag"></i>
                <i class="ion-earth"></i>
                <i class="ion-easel"></i>
                <i class="ion-edit"></i>
                <i class="ion-egg"></i>
                <i class="ion-eject"></i>
                <i class="ion-email"></i>
                <i class="ion-email-unread"></i>
                <i class="ion-erlenmeyer-flask"></i>
                <i class="ion-erlenmeyer-flask-bubbles"></i>
                <i class="ion-eye"></i>
                <i class="ion-eye-disabled"></i>
                <i class="ion-female"></i>
                <i class="ion-filing"></i>
                <i class="ion-film-marker"></i>
                <i class="ion-fireball"></i>
                <i class="ion-flag"></i>
                <i class="ion-flame"></i>
                <i class="ion-flash"></i>
                <i class="ion-flash-off"></i>
                <i class="ion-folder"></i>
                <i class="ion-fork"></i>
                <i class="ion-fork-repo"></i>
                <i class="ion-forward"></i>
                <i class="ion-funnel"></i>
                <i class="ion-gear-a"></i>
                <i class="ion-gear-b"></i>
                <i class="ion-grid"></i>
                <i class="ion-hammer"></i>
                <i class="ion-happy"></i>
                <i class="ion-happy-outline"></i>
                <i class="ion-headphone"></i>
                <i class="ion-heart"></i>
                <i class="ion-heart-broken"></i>
                <i class="ion-help"></i>
                <i class="ion-help-buoy"></i>
                <i class="ion-help-circled"></i>
                <i class="ion-home"></i>
                <i class="ion-icecream"></i>
                <i class="ion-image"></i>
                <i class="ion-images"></i>
                <i class="ion-information"></i>
                <i class="ion-information-circled"></i>
                <i class="ion-ionic"></i>
                <i class="ion-ios-alarm"></i>
                <i class="ion-ios-alarm-outline"></i>
                <i class="ion-ios-albums"></i>
                <i class="ion-ios-albums-outline"></i>
                <i class="ion-ios-americanfootball"></i>
                <i class="ion-ios-americanfootball-outline"></i>
                <i class="ion-ios-analytics"></i>
                <i class="ion-ios-analytics-outline"></i>
                <i class="ion-ios-arrow-back"></i>
                <i class="ion-ios-arrow-down"></i>
                <i class="ion-ios-arrow-forward"></i>
                <i class="ion-ios-arrow-left"></i>
                <i class="ion-ios-arrow-right"></i>
                <i class="ion-ios-arrow-thin-down"></i>
                <i class="ion-ios-arrow-thin-left"></i>
                <i class="ion-ios-arrow-thin-right"></i>
                <i class="ion-ios-arrow-thin-up"></i>
                <i class="ion-ios-arrow-up"></i>
                <i class="ion-ios-at"></i>
                <i class="ion-ios-at-outline"></i>
                <i class="ion-ios-barcode"></i>
                <i class="ion-ios-barcode-outline"></i>
                <i class="ion-ios-baseball"></i>
                <i class="ion-ios-baseball-outline"></i>
                <i class="ion-ios-basketball"></i>
                <i class="ion-ios-basketball-outline"></i>
                <i class="ion-ios-bell"></i>
                <i class="ion-ios-bell-outline"></i>
                <i class="ion-ios-body"></i>
                <i class="ion-ios-body-outline"></i>
                <i class="ion-ios-bolt"></i>
                <i class="ion-ios-bolt-outline"></i>
                <i class="ion-ios-book"></i>
                <i class="ion-ios-book-outline"></i>
                <i class="ion-ios-bookmarks"></i>
                <i class="ion-ios-bookmarks-outline"></i>
                <i class="ion-ios-box"></i>
                <i class="ion-ios-box-outline"></i>
                <i class="ion-ios-briefcase"></i>
                <i class="ion-ios-briefcase-outline"></i>
                <i class="ion-ios-browsers"></i>
                <i class="ion-ios-browsers-outline"></i>
                <i class="ion-ios-calculator"></i>
                <i class="ion-ios-calculator-outline"></i>
                <i class="ion-ios-calendar"></i>
                <i class="ion-ios-calendar-outline"></i>
                <i class="ion-ios-camera"></i>
                <i class="ion-ios-camera-outline"></i>
                <i class="ion-ios-cart"></i>
                <i class="ion-ios-cart-outline"></i>
                <i class="ion-ios-chatboxes"></i>
                <i class="ion-ios-chatboxes-outline"></i>
                <i class="ion-ios-chatbubble"></i>
                <i class="ion-ios-chatbubble-outline"></i>
                <i class="ion-ios-checkmark"></i>
                <i class="ion-ios-checkmark-empty"></i>
                <i class="ion-ios-checkmark-outline"></i>
                <i class="ion-ios-circle-filled"></i>
                <i class="ion-ios-circle-outline"></i>
                <i class="ion-ios-clock"></i>
                <i class="ion-ios-clock-outline"></i>
                <i class="ion-ios-close"></i>
                <i class="ion-ios-close-empty"></i>
                <i class="ion-ios-close-outline"></i>
                <i class="ion-ios-cloud"></i>
                <i class="ion-ios-cloud-download"></i>
                <i class="ion-ios-cloud-download-outline"></i>
                <i class="ion-ios-cloud-outline"></i>
                <i class="ion-ios-cloud-upload"></i>
                <i class="ion-ios-cloud-upload-outline"></i>
                <i class="ion-ios-cloudy"></i>
                <i class="ion-ios-cloudy-night"></i>
                <i class="ion-ios-cloudy-night-outline"></i>
                <i class="ion-ios-cloudy-outline"></i>
                <i class="ion-ios-cog"></i>
                <i class="ion-ios-cog-outline"></i>
                <i class="ion-ios-color-filter"></i>
                <i class="ion-ios-color-filter-outline"></i>
                <i class="ion-ios-color-wand"></i>
                <i class="ion-ios-color-wand-outline"></i>
                <i class="ion-ios-compose"></i>
                <i class="ion-ios-compose-outline"></i>
                <i class="ion-ios-contact"></i>
                <i class="ion-ios-contact-outline"></i>
                <i class="ion-ios-copy"></i>
                <i class="ion-ios-copy-outline"></i>
                <i class="ion-ios-crop"></i>
                <i class="ion-ios-crop-strong"></i>
                <i class="ion-ios-download"></i>
                <i class="ion-ios-download-outline"></i>
                <i class="ion-ios-drag"></i>
                <i class="ion-ios-email"></i>
                <i class="ion-ios-email-outline"></i>
                <i class="ion-ios-eye"></i>
                <i class="ion-ios-eye-outline"></i>
                <i class="ion-ios-fastforward"></i>
                <i class="ion-ios-fastforward-outline"></i>
                <i class="ion-ios-filing"></i>
                <i class="ion-ios-filing-outline"></i>
                <i class="ion-ios-film"></i>
                <i class="ion-ios-film-outline"></i>
                <i class="ion-ios-flag"></i>
                <i class="ion-ios-flag-outline"></i>
                <i class="ion-ios-flame"></i>
                <i class="ion-ios-flame-outline"></i>
                <i class="ion-ios-flask"></i>
                <i class="ion-ios-flask-outline"></i>
                <i class="ion-ios-flower"></i>
                <i class="ion-ios-flower-outline"></i>
                <i class="ion-ios-folder"></i>
                <i class="ion-ios-folder-outline"></i>
                <i class="ion-ios-football"></i>
                <i class="ion-ios-football-outline"></i>
                <i class="ion-ios-game-controller-a"></i>
                <i class="ion-ios-game-controller-a-outline"></i>
                <i class="ion-ios-game-controller-b"></i>
                <i class="ion-ios-game-controller-b-outline"></i>
                <i class="ion-ios-gear"></i>
                <i class="ion-ios-gear-outline"></i>
                <i class="ion-ios-glasses"></i>
                <i class="ion-ios-glasses-outline"></i>
                <i class="ion-ios-grid-view"></i>
                <i class="ion-ios-grid-view-outline"></i>
                <i class="ion-ios-heart"></i>
                <i class="ion-ios-heart-outline"></i>
                <i class="ion-ios-help"></i>
                <i class="ion-ios-help-empty"></i>
                <i class="ion-ios-help-outline"></i>
                <i class="ion-ios-home"></i>
                <i class="ion-ios-home-outline"></i>
                <i class="ion-ios-infinite"></i>
                <i class="ion-ios-infinite-outline"></i>
                <i class="ion-ios-information"></i>
                <i class="ion-ios-information-empty"></i>
                <i class="ion-ios-information-outline"></i>
                <i class="ion-ios-ionic-outline"></i>
                <i class="ion-ios-keypad"></i>
                <i class="ion-ios-keypad-outline"></i>
                <i class="ion-ios-lightbulb"></i>
                <i class="ion-ios-lightbulb-outline"></i>
                <i class="ion-ios-list"></i>
                <i class="ion-ios-list-outline"></i>
                <i class="ion-ios-location"></i>
                <i class="ion-ios-location-outline"></i>
                <i class="ion-ios-locked"></i>
                <i class="ion-ios-locked-outline"></i>
                <i class="ion-ios-loop"></i>
                <i class="ion-ios-loop-strong"></i>
                <i class="ion-ios-medical"></i>
                <i class="ion-ios-medical-outline"></i>
                <i class="ion-ios-medkit"></i>
                <i class="ion-ios-medkit-outline"></i>
                <i class="ion-ios-mic"></i>
                <i class="ion-ios-mic-off"></i>
                <i class="ion-ios-mic-outline"></i>
                <i class="ion-ios-minus"></i>
                <i class="ion-ios-minus-empty"></i>
                <i class="ion-ios-minus-outline"></i>
                <i class="ion-ios-monitor"></i>
                <i class="ion-ios-monitor-outline"></i>
                <i class="ion-ios-moon"></i>
                <i class="ion-ios-moon-outline"></i>
                <i class="ion-ios-more"></i>
                <i class="ion-ios-more-outline"></i>
                <i class="ion-ios-musical-note"></i>
                <i class="ion-ios-musical-notes"></i>
                <i class="ion-ios-navigate"></i>
                <i class="ion-ios-navigate-outline"></i>
                <i class="ion-ios-nutrition"></i>
                <i class="ion-ios-nutrition-outline"></i>
                <i class="ion-ios-paper"></i>
                <i class="ion-ios-paper-outline"></i>
                <i class="ion-ios-paperplane"></i>
                <i class="ion-ios-paperplane-outline"></i>
                <i class="ion-ios-partlysunny"></i>
                <i class="ion-ios-partlysunny-outline"></i>
                <i class="ion-ios-pause"></i>
                <i class="ion-ios-pause-outline"></i>
                <i class="ion-ios-paw"></i>
                <i class="ion-ios-paw-outline"></i>
                <i class="ion-ios-people"></i>
                <i class="ion-ios-people-outline"></i>
                <i class="ion-ios-person"></i>
                <i class="ion-ios-person-outline"></i>
                <i class="ion-ios-personadd"></i>
                <i class="ion-ios-personadd-outline"></i>
                <i class="ion-ios-photos"></i>
                <i class="ion-ios-photos-outline"></i>
                <i class="ion-ios-pie"></i>
                <i class="ion-ios-pie-outline"></i>
                <i class="ion-ios-pint"></i>
                <i class="ion-ios-pint-outline"></i>
                <i class="ion-ios-play"></i>
                <i class="ion-ios-play-outline"></i>
                <i class="ion-ios-plus"></i>
                <i class="ion-ios-plus-empty"></i>
                <i class="ion-ios-plus-outline"></i>
                <i class="ion-ios-pricetag"></i>
                <i class="ion-ios-pricetag-outline"></i>
                <i class="ion-ios-pricetags"></i>
                <i class="ion-ios-pricetags-outline"></i>
                <i class="ion-ios-printer"></i>
                <i class="ion-ios-printer-outline"></i>
                <i class="ion-ios-pulse"></i>
                <i class="ion-ios-pulse-strong"></i>
                <i class="ion-ios-rainy"></i>
                <i class="ion-ios-rainy-outline"></i>
                <i class="ion-ios-recording"></i>
                <i class="ion-ios-recording-outline"></i>
                <i class="ion-ios-redo"></i>
                <i class="ion-ios-redo-outline"></i>
                <i class="ion-ios-refresh"></i>
                <i class="ion-ios-refresh-empty"></i>
                <i class="ion-ios-refresh-outline"></i>
                <i class="ion-ios-reload"></i>
                <i class="ion-ios-reverse-camera"></i>
                <i class="ion-ios-reverse-camera-outline"></i>
                <i class="ion-ios-rewind"></i>
                <i class="ion-ios-rewind-outline"></i>
                <i class="ion-ios-rose"></i>
                <i class="ion-ios-rose-outline"></i>
                <i class="ion-ios-search"></i>
                <i class="ion-ios-search-strong"></i>
                <i class="ion-ios-settings"></i>
                <i class="ion-ios-settings-strong"></i>
                <i class="ion-ios-shuffle"></i>
                <i class="ion-ios-shuffle-strong"></i>
                <i class="ion-ios-skipbackward"></i>
                <i class="ion-ios-skipbackward-outline"></i>
                <i class="ion-ios-skipforward"></i>
                <i class="ion-ios-skipforward-outline"></i>
                <i class="ion-ios-snowy"></i>
                <i class="ion-ios-speedometer"></i>
                <i class="ion-ios-speedometer-outline"></i>
                <i class="ion-ios-star"></i>
                <i class="ion-ios-star-half"></i>
                <i class="ion-ios-star-outline"></i>
                <i class="ion-ios-stopwatch"></i>
                <i class="ion-ios-stopwatch-outline"></i>
                <i class="ion-ios-sunny"></i>
                <i class="ion-ios-sunny-outline"></i>
                <i class="ion-ios-telephone"></i>
                <i class="ion-ios-telephone-outline"></i>
                <i class="ion-ios-tennisball"></i>
                <i class="ion-ios-tennisball-outline"></i>
                <i class="ion-ios-thunderstorm"></i>
                <i class="ion-ios-thunderstorm-outline"></i>
                <i class="ion-ios-time"></i>
                <i class="ion-ios-time-outline"></i>
                <i class="ion-ios-timer"></i>
                <i class="ion-ios-timer-outline"></i>
                <i class="ion-ios-toggle"></i>
                <i class="ion-ios-toggle-outline"></i>
                <i class="ion-ios-trash"></i>
                <i class="ion-ios-trash-outline"></i>
                <i class="ion-ios-undo"></i>
                <i class="ion-ios-undo-outline"></i>
                <i class="ion-ios-unlocked"></i>
                <i class="ion-ios-unlocked-outline"></i>
                <i class="ion-ios-upload"></i>
                <i class="ion-ios-upload-outline"></i>
                <i class="ion-ios-videocam"></i>
                <i class="ion-ios-videocam-outline"></i>
                <i class="ion-ios-volume-high"></i>
                <i class="ion-ios-volume-low"></i>
                <i class="ion-ios-wineglass"></i>
                <i class="ion-ios-wineglass-outline"></i>
                <i class="ion-ios-world"></i>
                <i class="ion-ios-world-outline"></i>
                <i class="ion-ipad"></i>
                <i class="ion-iphone"></i>
                <i class="ion-ipod"></i>
                <i class="ion-jet"></i>
                <i class="ion-key"></i>
                <i class="ion-knife"></i>
                <i class="ion-laptop"></i>
                <i class="ion-leaf"></i>
                <i class="ion-levels"></i>
                <i class="ion-lightbulb"></i>
                <i class="ion-link"></i>
                <i class="ion-load-a"></i>
                <i class="ion-load-b"></i>
                <i class="ion-load-c"></i>
                <i class="ion-load-d"></i>
                <i class="ion-location"></i>
                <i class="ion-lock-combination"></i>
                <i class="ion-locked"></i>
                <i class="ion-log-in"></i>
                <i class="ion-log-out"></i>
                <i class="ion-loop"></i>
                <i class="ion-magnet"></i>
                <i class="ion-male"></i>
                <i class="ion-man"></i>
                <i class="ion-map"></i>
                <i class="ion-medkit"></i>
                <i class="ion-merge"></i>
                <i class="ion-mic-a"></i>
                <i class="ion-mic-b"></i>
                <i class="ion-mic-c"></i>
                <i class="ion-minus"></i>
                <i class="ion-minus-circled"></i>
                <i class="ion-minus-round"></i>
                <i class="ion-model-s"></i>
                <i class="ion-monitor"></i>
                <i class="ion-more"></i>
                <i class="ion-mouse"></i>
                <i class="ion-music-note"></i>
                <i class="ion-navicon"></i>
                <i class="ion-navicon-round"></i>
                <i class="ion-navigate"></i>
                <i class="ion-network"></i>
                <i class="ion-no-smoking"></i>
                <i class="ion-nuclear"></i>
                <i class="ion-outlet"></i>
                <i class="ion-paintbrush"></i>
                <i class="ion-paintbucket"></i>
                <i class="ion-paper-airplane"></i>
                <i class="ion-paperclip"></i>
                <i class="ion-pause"></i>
                <i class="ion-person"></i>
                <i class="ion-person-add"></i>
                <i class="ion-person-stalker"></i>
                <i class="ion-pie-graph"></i>
                <i class="ion-pin"></i>
                <i class="ion-pinpoint"></i>
                <i class="ion-pizza"></i>
                <i class="ion-plane"></i>
                <i class="ion-planet"></i>
                <i class="ion-play"></i>
                <i class="ion-playstation"></i>
                <i class="ion-plus"></i>
                <i class="ion-plus-circled"></i>
                <i class="ion-plus-round"></i>
                <i class="ion-podium"></i>
                <i class="ion-pound"></i>
                <i class="ion-power"></i>
                <i class="ion-pricetag"></i>
                <i class="ion-pricetags"></i>
                <i class="ion-printer"></i>
                <i class="ion-pull-request"></i>
                <i class="ion-qr-scanner"></i>
                <i class="ion-quote"></i>
                <i class="ion-radio-waves"></i>
                <i class="ion-record"></i>
                <i class="ion-refresh"></i>
                <i class="ion-reply"></i>
                <i class="ion-reply-all"></i>
                <i class="ion-ribbon-a"></i>
                <i class="ion-ribbon-b"></i>
                <i class="ion-sad"></i>
                <i class="ion-sad-outline"></i>
                <i class="ion-scissors"></i>
                <i class="ion-search"></i>
                <i class="ion-settings"></i>
                <i class="ion-share"></i>
                <i class="ion-shuffle"></i>
                <i class="ion-skip-backward"></i>
                <i class="ion-skip-forward"></i>
                <i class="ion-social-android"></i>
                <i class="ion-social-android-outline"></i>
                <i class="ion-social-angular"></i>
                <i class="ion-social-angular-outline"></i>
                <i class="ion-social-apple"></i>
                <i class="ion-social-apple-outline"></i>
                <i class="ion-social-bitcoin"></i>
                <i class="ion-social-bitcoin-outline"></i>
                <i class="ion-social-buffer"></i>
                <i class="ion-social-buffer-outline"></i>
                <i class="ion-social-chrome"></i>
                <i class="ion-social-chrome-outline"></i>
                <i class="ion-social-codepen"></i>
                <i class="ion-social-codepen-outline"></i>
                <i class="ion-social-css3"></i>
                <i class="ion-social-css3-outline"></i>
                <i class="ion-social-designernews"></i>
                <i class="ion-social-designernews-outline"></i>
                <i class="ion-social-dribbble"></i>
                <i class="ion-social-dribbble-outline"></i>
                <i class="ion-social-dropbox"></i>
                <i class="ion-social-dropbox-outline"></i>
                <i class="ion-social-euro"></i>
                <i class="ion-social-euro-outline"></i>
                <i class="ion-social-facebook"></i>
                <i class="ion-social-facebook-outline"></i>
                <i class="ion-social-foursquare"></i>
                <i class="ion-social-foursquare-outline"></i>
                <i class="ion-social-freebsd-devil"></i>
                <i class="ion-social-github"></i>
                <i class="ion-social-github-outline"></i>
                <i class="ion-social-google"></i>
                <i class="ion-social-google-outline"></i>
                <i class="ion-social-googleplus"></i>
                <i class="ion-social-googleplus-outline"></i>
                <i class="ion-social-hackernews"></i>
                <i class="ion-social-hackernews-outline"></i>
                <i class="ion-social-html5"></i>
                <i class="ion-social-html5-outline"></i>
                <i class="ion-social-instagram"></i>
                <i class="ion-social-instagram-outline"></i>
                <i class="ion-social-javascript"></i>
                <i class="ion-social-javascript-outline"></i>
                <i class="ion-social-linkedin"></i>
                <i class="ion-social-linkedin-outline"></i>
                <i class="ion-social-markdown"></i>
                <i class="ion-social-nodejs"></i>
                <i class="ion-social-octocat"></i>
                <i class="ion-social-pinterest"></i>
                <i class="ion-social-pinterest-outline"></i>
                <i class="ion-social-python"></i>
                <i class="ion-social-reddit"></i>
                <i class="ion-social-reddit-outline"></i>
                <i class="ion-social-rss"></i>
                <i class="ion-social-rss-outline"></i>
                <i class="ion-social-sass"></i>
                <i class="ion-social-skype"></i>
                <i class="ion-social-skype-outline"></i>
                <i class="ion-social-snapchat"></i>
                <i class="ion-social-snapchat-outline"></i>
                <i class="ion-social-tumblr"></i>
                <i class="ion-social-tumblr-outline"></i>
                <i class="ion-social-tux"></i>
                <i class="ion-social-twitch"></i>
                <i class="ion-social-twitch-outline"></i>
                <i class="ion-social-twitter"></i>
                <i class="ion-social-twitter-outline"></i>
                <i class="ion-social-usd"></i>
                <i class="ion-social-usd-outline"></i>
                <i class="ion-social-vimeo"></i>
                <i class="ion-social-vimeo-outline"></i>
                <i class="ion-social-whatsapp"></i>
                <i class="ion-social-whatsapp-outline"></i>
                <i class="ion-social-windows"></i>
                <i class="ion-social-windows-outline"></i>
                <i class="ion-social-wordpress"></i>
                <i class="ion-social-wordpress-outline"></i>
                <i class="ion-social-yahoo"></i>
                <i class="ion-social-yahoo-outline"></i>
                <i class="ion-social-yen"></i>
                <i class="ion-social-yen-outline"></i>
                <i class="ion-social-youtube"></i>
                <i class="ion-social-youtube-outline"></i>
                <i class="ion-soup-can"></i>
                <i class="ion-soup-can-outline"></i>
                <i class="ion-speakerphone"></i>
                <i class="ion-speedometer"></i>
                <i class="ion-spoon"></i>
                <i class="ion-star"></i>
                <i class="ion-stats-bars"></i>
                <i class="ion-steam"></i>
                <i class="ion-stop"></i>
                <i class="ion-thermometer"></i>
                <i class="ion-thumbsdown"></i>
                <i class="ion-thumbsup"></i>
                <i class="ion-toggle"></i>
                <i class="ion-toggle-filled"></i>
                <i class="ion-transgender"></i>
                <i class="ion-trash-a"></i>
                <i class="ion-trash-b"></i>
                <i class="ion-trophy"></i>
                <i class="ion-tshirt"></i>
                <i class="ion-tshirt-outline"></i>
                <i class="ion-umbrella"></i>
                <i class="ion-university"></i>
                <i class="ion-unlocked"></i>
                <i class="ion-upload"></i>
                <i class="ion-usb"></i>
                <i class="ion-videocamera"></i>
                <i class="ion-volume-high"></i>
                <i class="ion-volume-low"></i>
                <i class="ion-volume-medium"></i>
                <i class="ion-volume-mute"></i>
                <i class="ion-wand"></i>
                <i class="ion-waterdrop"></i>
                <i class="ion-wifi"></i>
                <i class="ion-wineglass"></i>
                <i class="ion-woman"></i>
                <i class="ion-wrench"></i>
                <i class="ion-xbox"></i>                
                <div class="clearfix"></div>
                <h3>Fontawesome icons</h3>
                <i class="fa fa-glass"></i>
                <i class="fa fa-music"></i>
                <i class="fa fa-search"></i>
                <i class="fa fa-envelope"></i>
                <i class="fa fa-heart"></i>
                <i class="fa fa-star"></i>
                <i class="fa fa-star"></i>
                <i class="fa fa-user"></i>
                <i class="fa fa-film"></i>
                <i class="fa fa-th"></i>
                <i class="fa fa-th"></i>
                <i class="fa fa-th"></i>
                <i class="fa fa-check"></i>
                <i class="fa fa-remove"></i>
                <i class="fa fa-search"></i>
                <i class="fa fa-search"></i>
                <i class="fa fa-power"></i>
                <i class="fa fa-signal"></i>
                <i class="fa fa-gear"></i>
                <i class="fa fa-trash"></i>
                <i class="fa fa-home"></i>
                <i class="fa fa-file"></i>
                <i class="fa fa-clock"></i>
                <i class="fa fa-road"></i>
                <i class="fa fa-download"></i>
                <i class="fa fa-arrow"></i>
                <i class="fa fa-arrow"></i>
                <i class="fa fa-inbox"></i>
                <i class="fa fa-play"></i>
                <i class="fa fa-rotate"></i>
                <i class="fa fa-refresh"></i>
                <i class="fa fa-list"></i>
                <i class="fa fa-lock"></i>
                <i class="fa fa-flag"></i>
                <i class="fa fa-headphones"></i>
                <i class="fa fa-volume"></i>
                <i class="fa fa-volume"></i>
                <i class="fa fa-volume"></i>
                <i class="fa fa-qrcode"></i>
                <i class="fa fa-barcode"></i>
                <i class="fa fa-tag"></i>
                <i class="fa fa-tags"></i>
                <i class="fa fa-book"></i>
                <i class="fa fa-bookmark"></i>
                <i class="fa fa-print"></i>
                <i class="fa fa-camera"></i>
                <i class="fa fa-font"></i>
                <i class="fa fa-bold"></i>
                <i class="fa fa-italic"></i>
                <i class="fa fa-text"></i>
                <i class="fa fa-text"></i>
                <i class="fa fa-align"></i>
                <i class="fa fa-align"></i>
                <i class="fa fa-align"></i>
                <i class="fa fa-align"></i>
                <i class="fa fa-list"></i>
                <i class="fa fa-dedent"></i>
                <i class="fa fa-indent"></i>
                <i class="fa fa-video"></i>
                <i class="fa fa-photo"></i>
                <i class="fa fa-pencil"></i>
                <i class="fa fa-map"></i>
                <i class="fa fa-adjust"></i>
                <i class="fa fa-tint"></i>
                <i class="fa fa-edit"></i>
                <i class="fa fa-share"></i>
                <i class="fa fa-check"></i>
                <i class="fa fa-arrows"></i>
                <i class="fa fa-step"></i>
                <i class="fa fa-fast"></i>
                <i class="fa fa-backward"></i>
                <i class="fa fa-play"></i>
                <i class="fa fa-pause"></i>
                <i class="fa fa-stop"></i>
                <i class="fa fa-forward"></i>
                <i class="fa fa-fast"></i>
                <i class="fa fa-step"></i>
                <i class="fa fa-eject"></i>
                <i class="fa fa-chevron"></i>
                <i class="fa fa-chevron"></i>
                <i class="fa fa-plus"></i>
                <i class="fa fa-minus"></i>
                <i class="fa fa-times"></i>
                <i class="fa fa-check"></i>
                <i class="fa fa-question"></i>
                <i class="fa fa-info"></i>
                <i class="fa fa-crosshairs"></i>
                <i class="fa fa-times"></i>
                <i class="fa fa-check"></i>
                <i class="fa fa-ban"></i>
                <i class="fa fa-arrow"></i>
                <i class="fa fa-arrow"></i>
                <i class="fa fa-arrow"></i>
                <i class="fa fa-arrow"></i>
                <i class="fa fa-mail"></i>
                <i class="fa fa-expand"></i>
                <i class="fa fa-compress"></i>
                <i class="fa fa-plus"></i>
                <i class="fa fa-minus"></i>
                <i class="fa fa-asterisk"></i>
                <i class="fa fa-exclamation"></i>
                <i class="fa fa-gift"></i>
                <i class="fa fa-leaf"></i>
                <i class="fa fa-fire"></i>
                <i class="fa fa-eye"></i>
                <i class="fa fa-eye"></i>
                <i class="fa fa-warning"></i>
                <i class="fa fa-plane"></i>
                <i class="fa fa-calendar"></i>
                <i class="fa fa-random"></i>
                <i class="fa fa-comment"></i>
                <i class="fa fa-magnet"></i>
                <i class="fa fa-chevron"></i>
                <i class="fa fa-chevron"></i>
                <i class="fa fa-retweet"></i>
                <i class="fa fa-shopping"></i>
                <i class="fa fa-folder"></i>
                <i class="fa fa-folder"></i>
                <i class="fa fa-arrows"></i>
                <i class="fa fa-arrows"></i>
                <i class="fa fa-bar"></i>
                <i class="fa fa-twitter"></i>
                <i class="fa fa-facebook"></i>
                <i class="fa fa-camera"></i>
                <i class="fa fa-key"></i>
                <i class="fa fa-gears"></i>
                <i class="fa fa-comments"></i>
                <i class="fa fa-thumbs"></i>
                <i class="fa fa-thumbs"></i>
                <i class="fa fa-star"></i>
                <i class="fa fa-heart"></i>
                <i class="fa fa-sign"></i>
                <i class="fa fa-linkedin"></i>
                <i class="fa fa-thumb"></i>
                <i class="fa fa-external"></i>
                <i class="fa fa-sign"></i>
                <i class="fa fa-trophy"></i>
                <i class="fa fa-github"></i>
                <i class="fa fa-upload"></i>
                <i class="fa fa-lemon"></i>
                <i class="fa fa-phone"></i>
                <i class="fa fa-square"></i>
                <i class="fa fa-bookmark"></i>
                <i class="fa fa-phone"></i>
                <i class="fa fa-twitter"></i>
                <i class="fa fa-facebook"></i>
                <i class="fa fa-github"></i>
                <i class="fa fa-unlock"></i>
                <i class="fa fa-credit"></i>
                <i class="fa fa-rss"></i>
                <i class="fa fa-hdd"></i>
                <i class="fa fa-bullhorn"></i>
                <i class="fa fa-bell"></i>
                <i class="fa fa-certificate"></i>
                <i class="fa fa-hand"></i>
                <i class="fa fa-hand"></i>
                <i class="fa fa-hand"></i>
                <i class="fa fa-hand"></i>
                <i class="fa fa-arrow"></i>
                <i class="fa fa-arrow"></i>
                <i class="fa fa-arrow"></i>
                <i class="fa fa-arrow"></i>
                <i class="fa fa-globe"></i>
                <i class="fa fa-wrench"></i>
                <i class="fa fa-tasks"></i>
                <i class="fa fa-filter"></i>
                <i class="fa fa-briefcase"></i>
                <i class="fa fa-arrows"></i>
                <i class="fa fa-group"></i>
                <i class="fa fa-chain"></i>
                <i class="fa fa-cloud"></i>
                <i class="fa fa-flask"></i>
                <i class="fa fa-cut"></i>
                <i class="fa fa-copy"></i>
                <i class="fa fa-paperclip"></i>
                <i class="fa fa-save"></i>
                <i class="fa fa-square"></i>
                <i class="fa fa-navicon"></i>
                <i class="fa fa-list"></i>
                <i class="fa fa-list"></i>
                <i class="fa fa-strikethrough"></i>
                <i class="fa fa-underline"></i>
                <i class="fa fa-table"></i>
                <i class="fa fa-magic"></i>
                <i class="fa fa-truck"></i>
                <i class="fa fa-pinterest"></i>
                <i class="fa fa-pinterest"></i>
                <i class="fa fa-google"></i>
                <i class="fa fa-google"></i>
                <i class="fa fa-money"></i>
                <i class="fa fa-caret"></i>
                <i class="fa fa-caret"></i>
                <i class="fa fa-caret"></i>
                <i class="fa fa-caret"></i>
                <i class="fa fa-columns"></i>
                <i class="fa fa-unsorted"></i>
                <i class="fa fa-sort"></i>
                <i class="fa fa-sort"></i>
                <i class="fa fa-envelope"></i>
                <i class="fa fa-linkedin"></i>
                <i class="fa fa-rotate"></i>
                <i class="fa fa-legal"></i>
                <i class="fa fa-dashboard"></i>
                <i class="fa fa-comment"></i>
                <i class="fa fa-comments"></i>
                <i class="fa fa-flash"></i>
                <i class="fa fa-sitemap"></i>
                <i class="fa fa-umbrella"></i>
                <i class="fa fa-paste"></i>
                <i class="fa fa-lightbulb"></i>
                <i class="fa fa-exchange"></i>
                <i class="fa fa-cloud"></i>
                <i class="fa fa-cloud"></i>
                <i class="fa fa-user"></i>
                <i class="fa fa-stethoscope"></i>
                <i class="fa fa-suitcase"></i>
                <i class="fa fa-bell"></i>
                <i class="fa fa-coffee"></i>
                <i class="fa fa-cutlery"></i>
                <i class="fa fa-file"></i>
                <i class="fa fa-building"></i>
                <i class="fa fa-hospital"></i>
                <i class="fa fa-ambulance"></i>
                <i class="fa fa-medkit"></i>
                <i class="fa fa-fighter"></i>
                <i class="fa fa-beer"></i>
                <i class="fa fa-h"></i>
                <i class="fa fa-plus"></i>
                <i class="fa fa-angle"></i>
                <i class="fa fa-angle"></i>
                <i class="fa fa-angle"></i>
                <i class="fa fa-angle"></i>
                <i class="fa fa-angle"></i>
                <i class="fa fa-angle"></i>
                <i class="fa fa-angle"></i>
                <i class="fa fa-angle"></i>
                <i class="fa fa-desktop"></i>
                <i class="fa fa-laptop"></i>
                <i class="fa fa-tablet"></i>
                <i class="fa fa-mobile"></i>
                <i class="fa fa-circle"></i>
                <i class="fa fa-quote"></i>
                <i class="fa fa-quote"></i>
                <i class="fa fa-spinner"></i>
                <i class="fa fa-circle"></i>
                <i class="fa fa-mail"></i>
                <i class="fa fa-github"></i>
                <i class="fa fa-folder"></i>
                <i class="fa fa-folder"></i>
                <i class="fa fa-smile"></i>
                <i class="fa fa-frown"></i>
                <i class="fa fa-meh"></i>
                <i class="fa fa-gamepad"></i>
                <i class="fa fa-keyboard"></i>
                <i class="fa fa-flag"></i>
                <i class="fa fa-flag"></i>
                <i class="fa fa-terminal"></i>
                <i class="fa fa-code"></i>
                <i class="fa fa-mail"></i>
                <i class="fa fa-star"></i>
                <i class="fa fa-location"></i>
                <i class="fa fa-crop"></i>
                <i class="fa fa-code"></i>
                <i class="fa fa-unlink"></i>
                <i class="fa fa-question"></i>
                <i class="fa fa-info"></i>
                <i class="fa fa-exclamation"></i>
                <i class="fa fa-superscript"></i>
                <i class="fa fa-subscript"></i>
                <i class="fa fa-eraser"></i>
                <i class="fa fa-puzzle"></i>
                <i class="fa fa-microphone"></i>
                <i class="fa fa-microphone"></i>
                <i class="fa fa-shield"></i>
                <i class="fa fa-calendar"></i>
                <i class="fa fa-fire"></i>
                <i class="fa fa-rocket"></i>
                <i class="fa fa-maxcdn"></i>
                <i class="fa fa-chevron"></i>
                <i class="fa fa-chevron"></i>
                <i class="fa fa-chevron"></i>
                <i class="fa fa-chevron"></i>
                <i class="fa fa-html5"></i>
                <i class="fa fa-css3"></i>
                <i class="fa fa-anchor"></i>
                <i class="fa fa-unlock"></i>
                <i class="fa fa-bullseye"></i>
                <i class="fa fa-ellipsis"></i>
                <i class="fa fa-ellipsis"></i>
                <i class="fa fa-rss"></i>
                <i class="fa fa-play"></i>
                <i class="fa fa-ticket"></i>
                <i class="fa fa-minus"></i>
                <i class="fa fa-minus"></i>
                <i class="fa fa-level"></i>
                <i class="fa fa-level"></i>
                <i class="fa fa-check"></i>
                <i class="fa fa-pencil"></i>
                <i class="fa fa-external"></i>
                <i class="fa fa-share"></i>
                <i class="fa fa-compass"></i>
                <i class="fa fa-toggle"></i>
                <i class="fa fa-toggle"></i>
                <i class="fa fa-toggle"></i>
                <i class="fa fa-euro"></i>
                <i class="fa fa-gbp"></i>
                <i class="fa fa-dollar"></i>
                <i class="fa fa-rupee"></i>
                <i class="fa fa-cny"></i>
                <i class="fa fa-ruble"></i>
                <i class="fa fa-won"></i>
                <i class="fa fa-bitcoin"></i>
                <i class="fa fa-file"></i>
                <i class="fa fa-file"></i>
                <i class="fa fa-sort"></i>
                <i class="fa fa-sort"></i>
                <i class="fa fa-sort"></i>
                <i class="fa fa-sort"></i>
                <i class="fa fa-sort"></i>
                <i class="fa fa-sort"></i>
                <i class="fa fa-thumbs"></i>
                <i class="fa fa-thumbs"></i>
                <i class="fa fa-youtube"></i>
                <i class="fa fa-youtube"></i>
                <i class="fa fa-xing"></i>
                <i class="fa fa-xing"></i>
                <i class="fa fa-youtube"></i>
                <i class="fa fa-dropbox"></i>
                <i class="fa fa-stack"></i>
                <i class="fa fa-instagram"></i>
                <i class="fa fa-flickr"></i>
                <i class="fa fa-adn"></i>
                <i class="fa fa-bitbucket"></i>
                <i class="fa fa-bitbucket"></i>
                <i class="fa fa-tumblr"></i>
                <i class="fa fa-tumblr"></i>
                <i class="fa fa-long"></i>
                <i class="fa fa-long"></i>
                <i class="fa fa-long"></i>
                <i class="fa fa-long"></i>
                <i class="fa fa-apple"></i>
                <i class="fa fa-windows"></i>
                <i class="fa fa-android"></i>
                <i class="fa fa-linux"></i>
                <i class="fa fa-dribbble"></i>
                <i class="fa fa-skype"></i>
                <i class="fa fa-foursquare"></i>
                <i class="fa fa-trello"></i>
                <i class="fa fa-female"></i>
                <i class="fa fa-male"></i>
                <i class="fa fa-gittip"></i>
                <i class="fa fa-sun"></i>
                <i class="fa fa-moon"></i>
                <i class="fa fa-archive"></i>
                <i class="fa fa-bug"></i>
                <i class="fa fa-vk"></i>
                <i class="fa fa-weibo"></i>
                <i class="fa fa-renren"></i>
                <i class="fa fa-pagelines"></i>
                <i class="fa fa-stack"></i>
                <i class="fa fa-arrow"></i>
                <i class="fa fa-arrow"></i>
                <i class="fa fa-toggle"></i>
                <i class="fa fa-dot"></i>
                <i class="fa fa-wheelchair"></i>
                <i class="fa fa-vimeo"></i>
                <i class="fa fa-turkish"></i>
                <i class="fa fa-plus"></i>
                <i class="fa fa-space"></i>
                <i class="fa fa-slack"></i>
                <i class="fa fa-envelope"></i>
                <i class="fa fa-wordpress"></i>
                <i class="fa fa-openid"></i>
                <i class="fa fa-institution"></i>
                <i class="fa fa-mortar"></i>
                <i class="fa fa-yahoo"></i>
                <i class="fa fa-google"></i>
                <i class="fa fa-reddit"></i>
                <i class="fa fa-reddit"></i>
                <i class="fa fa-stumbleupon"></i>
                <i class="fa fa-stumbleupon"></i>
                <i class="fa fa-delicious"></i>
                <i class="fa fa-digg"></i>
                <i class="fa fa-pied"></i>
                <i class="fa fa-pied"></i>
                <i class="fa fa-drupal"></i>
                <i class="fa fa-joomla"></i>
                <i class="fa fa-language"></i>
                <i class="fa fa-fax"></i>
                <i class="fa fa-building"></i>
                <i class="fa fa-child"></i>
                <i class="fa fa-paw"></i>
                <i class="fa fa-spoon"></i>
                <i class="fa fa-cube"></i>
                <i class="fa fa-cubes"></i>
                <i class="fa fa-behance"></i>
                <i class="fa fa-behance"></i>
                <i class="fa fa-steam"></i>
                <i class="fa fa-steam"></i>
                <i class="fa fa-recycle"></i>
                <i class="fa fa-automobile"></i>
                <i class="fa fa-cab"></i>
                <i class="fa fa-tree"></i>
                <i class="fa fa-spotify"></i>
                <i class="fa fa-deviantart"></i>
                <i class="fa fa-soundcloud"></i>
                <i class="fa fa-database"></i>
                <i class="fa fa-file"></i>
                <i class="fa fa-file"></i>
                <i class="fa fa-file"></i>
                <i class="fa fa-file"></i>
                <i class="fa fa-file"></i>
                <i class="fa fa-file"></i>
                <i class="fa fa-file"></i>
                <i class="fa fa-file"></i>
                <i class="fa fa-file"></i>
                <i class="fa fa-vine"></i>
                <i class="fa fa-codepen"></i>
                <i class="fa fa-jsfiddle"></i>
                <i class="fa fa-life"></i>
                <i class="fa fa-circle"></i>
                <i class="fa fa-ra"></i>
                <i class="fa fa-ge"></i>
                <i class="fa fa-git"></i>
                <i class="fa fa-git"></i>
                <i class="fa fa-hacker"></i>
                <i class="fa fa-tencent"></i>
                <i class="fa fa-qq"></i>
                <i class="fa fa-wechat"></i>
                <i class="fa fa-send"></i>
                <i class="fa fa-send"></i>
                <i class="fa fa-history"></i>
                <i class="fa fa-genderless"></i>
                <i class="fa fa-header"></i>
                <i class="fa fa-paragraph"></i>
                <i class="fa fa-sliders"></i>
                <i class="fa fa-share"></i>
                <i class="fa fa-share"></i>
                <i class="fa fa-bomb"></i>
                <i class="fa fa-soccer"></i>
                <i class="fa fa-tty"></i>
                <i class="fa fa-binoculars"></i>
                <i class="fa fa-plug"></i>
                <i class="fa fa-slideshare"></i>
                <i class="fa fa-twitch"></i>
                <i class="fa fa-yelp"></i>
                <i class="fa fa-newspaper"></i>
                <i class="fa fa-wifi"></i>
                <i class="fa fa-calculator"></i>
                <i class="fa fa-paypal"></i>
                <i class="fa fa-google"></i>
                <i class="fa fa-cc"></i>
                <i class="fa fa-cc"></i>
                <i class="fa fa-cc"></i>
                <i class="fa fa-cc"></i>
                <i class="fa fa-cc"></i>
                <i class="fa fa-cc"></i>
                <i class="fa fa-bell"></i>
                <i class="fa fa-bell"></i>
                <i class="fa fa-trash"></i>
                <i class="fa fa-copyright"></i>
                <i class="fa fa-at"></i>
                <i class="fa fa-eyedropper"></i>
                <i class="fa fa-paint"></i>
                <i class="fa fa-birthday"></i>
                <i class="fa fa-area"></i>
                <i class="fa fa-pie"></i>
                <i class="fa fa-line"></i>
                <i class="fa fa-lastfm"></i>
                <i class="fa fa-lastfm"></i>
                <i class="fa fa-toggle"></i>
                <i class="fa fa-toggle"></i>
                <i class="fa fa-bicycle"></i>
                <i class="fa fa-bus"></i>
                <i class="fa fa-ioxhost"></i>
                <i class="fa fa-angellist"></i>
                <i class="fa fa-cc"></i>
                <i class="fa fa-shekel"></i>
                <i class="fa fa-meanpath"></i>
                <i class="fa fa-buysellads"></i>
                <i class="fa fa-connectdevelop"></i>
                <i class="fa fa-dashcube"></i>
                <i class="fa fa-forumbee"></i>
                <i class="fa fa-leanpub"></i>
                <i class="fa fa-sellsy"></i>
                <i class="fa fa-shirtsinbulk"></i>
                <i class="fa fa-simplybuilt"></i>
                <i class="fa fa-skyatlas"></i>
                <i class="fa fa-cart"></i>
                <i class="fa fa-cart"></i>
                <i class="fa fa-diamond"></i>
                <i class="fa fa-ship"></i>
                <i class="fa fa-user"></i>
                <i class="fa fa-motorcycle"></i>
                <i class="fa fa-street"></i>
                <i class="fa fa-heartbeat"></i>
                <i class="fa fa-venus"></i>
                <i class="fa fa-mars"></i>
                <i class="fa fa-mercury"></i>
                <i class="fa fa-transgender"></i>
                <i class="fa fa-transgender"></i>
                <i class="fa fa-venus"></i>
                <i class="fa fa-mars"></i>
                <i class="fa fa-venus"></i>
                <i class="fa fa-mars"></i>
                <i class="fa fa-mars"></i>
                <i class="fa fa-mars"></i>
                <i class="fa fa-neuter"></i>
                <i class="fa fa-facebook"></i>
                <i class="fa fa-pinterest"></i>
                <i class="fa fa-whatsapp"></i>
                <i class="fa fa-server"></i>
                <i class="fa fa-user"></i>
                <i class="fa fa-user"></i>
                <i class="fa fa-hotel"></i>
                <i class="fa fa-viacoin"></i>
                <i class="fa fa-train"></i>
                <i class="fa fa-subway"></i>
                <i class="fa fa-medium"></i>                
              </div>
              <div class="clearfix"></div>
              <input type="text" name="iClass" class="iClass form-control" placeholder="custom class">
            </div>
            <div class="modal-footer">
              <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
              <button type="button" class="btn btn-primary" id="insertIcons">Save changes</button>
            </div>
          </div>
        </div>
      </div>

      <footer class="main-footer">
        <div class="pull-right hidden-xs">
          <b>Version</b> <?=system_ver()?>
        </div>
        <strong>Copyright &copy; 2017<?=date('Y') > '2017' ? '-'.date('Y') : ''?> <a href="http://eadhassan.com.com" target="_blank">FEAST-CMS</a>.</strong> All rights reserved.
      </footer>

      <!-- Add the sidebar's background. This div must be placed
           immediately after the control sidebar -->
      <div class="control-sidebar-bg"></div>
    </div><!-- ./wrapper -->
        
    <!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
    <script>
      $.widget.bridge('uibutton', $.ui.button);
    </script>
    
    <?=admin_script('assets/bootstrap/js/bootstrap.min.js')?>

    <?=admin_script('assets/plugins/iCheck/icheck.js')?>
    
    <?=admin_script('assets/plugins/bootstrap-datepicker/js/bootstrap-datepicker.js')?>

    <?=admin_script('assets/plugins/bootstrap-fileinput/js/fileinput.min.js')?>
        
    <?=admin_script('assets/plugins/slimScroll/jquery.slimscroll.min.js')?>
    
    <?=admin_script('assets/plugins/fancybox/js/jquery.fancybox.js')?>

    <?=admin_script('assets/dist/js/jquery.spinner.min.js')?>

    <?=admin_script('assets/plugins/datatables/jquery.dataTables.min.js')?>
    
    <?=admin_script('assets/plugins/datatables/dataTables.bootstrap.min.js')?>

    <script type="text/javascript" src="https://cdn.datatables.net/buttons/1.3.1/js/dataTables.buttons.min.js"></script>

    <?=admin_script('assets/plugins/ion.rangeslider/js/ion-rangeSlider/ion.rangeSlider.min.js')?>

    <script type="text/javascript">
      $(function(){

        $('.push').click(function(e){

              e.preventDefault();
              var essay_id = $(this).attr('id');
              var url = $(this).attr('data-url');

              $.ajax({
                type : 'post',
                url  : url, // in here you should put your query
                data : 'id='+ essay_id, // here you pass your id via ajax .
                           // in php you should use $_POST['post_id'] to get this value
                success : function(r)
                {
                  // now you can show output in your modal
                  $('#comment-body').show().html(r);
                }
              });


        });

      });
    </script>


    <script type="text/javascript">
      $(document).ready(function() {
        
        // Support for AJAX loaded modal window.
        // Focuses on first input textbox after it loads the window.
        $('.theme_info').click(function(e) {
          e.preventDefault();
          var url = $(this).attr('href');
          $.fancybox({
            href : url,
            type : 'ajax'
          });
        });
        
      });      
    </script>


    <script type="text/javascript">
      $(".ui-slider").ionRangeSlider();      
    </script>
    
    <?=admin_script('assets/plugins/toastr/toastr.min.js')?>

    <?=admin_script('assets/plugins/select2/select2.min.js')?>

    <?=admin_script('assets/plugins/switchery/switchery.min.js')?>

    <script type="text/javascript">
    if($(".js-switch").length) {
        Switchery.init($(".js-switch"), {
          color:"#64bd63",
          secondaryColor:"#dfdfdf",
          jackColor:"#fff",
          size:"small"
        });
    }
    </script>


  <script type="text/javascript">
  if($("#copyButton").length) {
    document.getElementById("copyButton").addEventListener("click", function() {
        copyToClipboard(document.getElementById("copyTarget"));
        toastr.options = {
            closeButton: true,
            progressBar: true,
            showMethod: 'fadeIn',
            hideMethod: 'fadeOut',
            positionClass: 'toast-bottom-full-width',
            timeOut: 5000
        };
        toastr.info("Shortcode copied successfully", 'Copied!');
    });

    function copyToClipboard(elem) {
        // create hidden text element, if it doesn't already exist
        var targetId = "_hiddenCopyText_";
        var isInput = elem.tagName === "INPUT" || elem.tagName === "TEXTAREA";
        var origSelectionStart, origSelectionEnd;
        if (isInput) {
            // can just use the original source element for the selection and copy
            target = elem;
            origSelectionStart = elem.selectionStart;
            origSelectionEnd = elem.selectionEnd;
        } else {
            // must use a temporary form element for the selection and copy
            target = document.getElementById(targetId);
            if (!target) {
                var target = document.createElement("textarea");
                target.style.position = "absolute";
                target.style.left = "-9999px";
                target.style.top = "0";
                target.id = targetId;
                document.body.appendChild(target);
            }
            target.textContent = elem.textContent;
        }
        // select the content
        var currentFocus = document.activeElement;
        target.focus();
        target.setSelectionRange(0, target.value.length);
        
        // copy the selection
        var succeed;
        try {
            succeed = document.execCommand("copy");
        } catch(e) {
            succeed = false;
        }
        // restore original focus
        if (currentFocus && typeof currentFocus.focus === "function") {
            currentFocus.focus();
        }
        
        if (isInput) {
            // restore prior selection
            elem.setSelectionRange(origSelectionStart, origSelectionEnd);
        } else {
            // clear temporary content
            target.textContent = "";
        }


        return succeed;
    }
  }
    
  </script>

    <?php $dir = is_rtl() ? 'true' : 'false'; ?>

    <script type="text/javascript">
          $(".date-picker").datepicker({
              format: "yyyy-mm-dd",
              rtl: '<?=$dir?>'
          });
    </script>

    <?=isset($js) ? $js : ''?>

    <script>
    $(document).ready(function() {
        $(".fileinput").fileinput({showPreview: false, showUpload: false, showCaption: false});
    });
    </script>

    <?=admin_script('assets/plugins/nestedSortable/jquery.mjs.nestedSortable.js')?>

    <?php if($this->uri->segment(2) == 'menu' && $this->uri->segment(4)) { ?>

    <script type="text/javascript">
          $('.sortable').nestedSortable({
              handle: 'div',
              items: 'li',
              toleranceElement: '> div',
              maxLevels: 2
          }); 
                      
    </script>

    <script type="text/javascript">
          $(function() {

            $('#save').click(function(){
              oSortable = $('.sortable').nestedSortable('toArray');

              $('#orderResult').slideUp(function(){
                $.post("<?php echo site_url('admin/menu/order_ajax'); ?>", { sortable: oSortable }, function(data){
                  window.location.reload();
                  //$('#orderResult').html(data);
                  //$('#orderResult').slideDown();
                });
              });

            });
          });

          $(document).on('click', '#addItem', function(){

            var itType    = $('#itemType').val();
            var itTitle   = $('#itemTitle').val();
            var itURL     = $('#itemUrl').val();
            var itItemid  = $('#itemId').val();
            var menu_id   = "<?=$this->uri->segment(4)?>";

            $.post("<?php echo site_url('admin/menu/add_item'); ?>", { title: itTitle, link: itURL, type: itType, item_id: itItemid, menu_id: menu_id }, function(data){
                window.location.reload();             
                //$("#orderResult").html(data);
            });

          });

          $(document).on('click', '#deleteItem', function(e){

            e.preventDefault(); 
            var result = confirm("Are you shore to delete this item?");
            var itemId   = $(this).attr('data-id');
            if (result) {
              $.post("<?php echo site_url('admin/menu/delete_item/'); ?>", { id: itemId }, function(data){
                  window.location.reload();             
                  //$("#orderResult").html(data);
              });
            }

          });

          $(document).on('click', '#editItem', function(e){

            e.preventDefault(); 
            var itemId   = $(this).attr('data-id');
            var formAction = $('#editModal form').attr('action');

            $('#editModal form').attr('action', formAction + itemId);
            $('#editModal .modal-body').load("<?php echo site_url(); ?>admin/menu/edit_modal/" + itemId);
            $('#editModal').modal('show');

          });

          $(document).ready(function(){
            $("#itemType").on('change', function() {
              var itemType = this.value;
              //alert(itemType);
              var postUrl = "<?= base_url() ?>admin/menu/list_items/" + itemType;
              if(itemType !== 'custom' && itemType !== 'home' && itemType !== 'contact' && itemType !== 'posts') {
                $.post(postUrl, { itemType: itemType }, function(data){
                  var result = '<option value="">Select item</option>';
                  $.each(data, function(i, data) {
                    var link = '<?=base_url()?>' + itemType + '/';
                    link += data.id + "/" + data.slug;
                    result += "<option value='" + link + "' data-id='"+ data.id +"'>" + data.title + "</option>";
                  });
                  $('#typeItems').html(result);
                });
                $('#itemTitle').val('');
                $('#itemId').val('');
                $('#itemUrl').val('');
              } else if(itemType == 'home') {
                $('#typeItems').html("<option value=''>Select item</option>");
                $('#itemTitle').val('Home');
                $('#itemId').val('0');
                $('#itemUrl').val('<?=base_url()?>');
              } else if(itemType == 'posts') {
                $('#typeItems').html("<option value=''>Select item</option>");
                $('#itemTitle').val('Posts');
                $('#itemId').val('0');
                $('#itemUrl').val('<?=base_url('posts')?>');
              } else if(itemType == 'contact') {
                $('#typeItems').html("<option value=''>Select item</option>");
                $('#itemTitle').val('Contact');
                $('#itemId').val('0');
                $('#itemUrl').val('<?=base_url('contact')?>');
              } else {
                $('#typeItems').html("<option value=''>Select item</option>");
                $('#itemTitle').val('');
                $('#itemId').val('0');
                $('#itemUrl').val('');
              }

            });

            $("#typeItems").on('change', function() {
              var itemTitle = $("#typeItems option:selected").text();
              var itemURL = this.value;
              var itemId = $("#typeItems option:selected").attr('data-id');
              $('#itemTitle').val(itemTitle);
              $('#itemId').val(itemId);
              $('#itemUrl').val(itemURL);
             });
          });

    </script>


    <?php } ?>

    <?php $dir = is_rtl() ? 'toast-top-left' : 'toast-top-right'; ?>

    <?php $dir = is_rtl() ? 'toast-top-left' : 'toast-top-right'; ?>

    <?php $message_alert  = $this->session->flashdata('message'); ?>
    <?php $error_alert    = $this->session->flashdata('error'); ?>
    <?php $access_alert   = $this->session->flashdata('access_error'); ?>
    <?php if(isset($message_alert)) { ?>
    <script type="text/javascript">
      $(document).ready(function(){
        toastr.options = {
            closeButton: true,
            progressBar: true,
            showMethod: 'fadeIn',
            hideMethod: 'fadeOut',
            positionClass: '<?=$dir?>',
            timeOut: 5000
        };
        toastr.success("<?php echo $message_alert; ?>", 'Successful!');
      });
    </script>
    <?php $this->session->unset_userdata('message'); } elseif(isset($error_alert)) { ?>
    <script type="text/javascript">
      $(document).ready(function(){
        toastr.options = {
            closeButton: true,
            progressBar: true,
            showMethod: 'fadeIn',
            hideMethod: 'fadeOut',
            positionClass: '<?=$dir?>',
            timeOut: 10000
        };
        toastr.error("<?php echo $error_alert; ?>", 'Alert!');
      });
    </script>
    <?php $this->session->unset_userdata('error'); } elseif(isset($access_alert)) { ?>
    <script type="text/javascript">
      $(document).ready(function(){
        toastr.options = {
            closeButton: true,
            progressBar: false,
            showMethod: 'slideDown',
            hideMethod: 'slideUp',
            positionClass: '<?=$dir?>',
            timeOut: 5000
        };
        toastr.error("<?php echo $access_alert; ?>", 'Access denied!');
      });
    </script>
    <?php $this->session->unset_userdata('access_error'); } ?>
    <?php if($this->uri->segment(2) == 'slider') {?>
    <script type="text/javascript">

      $('input#alias').on('blur', function(){
          var alias = $(this).val();
          $('input#copyTarget')
          .attr('readonly', false)
          .val( 'get_slider("' + alias + '")')
          .attr('readonly', true);
      });

      $('#Slider').submit(function() {

      $('input[name=sliderType]').each(function() {
        if($(this).is(":checked")) {
          var Type = '';
          
          switch($(this).val()) {
              case '1':
                  Type = $('#type_latest');
                  break;
              case '2':
                  Type = $('#type_cust_post');
                  break;
              case '3':
                  Type = $('#type_cust_cat');
                  break;
              case '4':
                  Type = $('#type_cust_slider');
                  break;
          }

          $('.slider-source').each(function(){
            $(this).not(Type).remove();
          });          

          Type.show();
        }
      });

        
        return true; // return false to cancel form action
      });

      $('#sliderType img').on('click', function() {
        var slideType = $(this).data('type');
        if($('.sliderSource').hasClass('collapsed-box')) {
          $('.sliderSource .box-tools button').click();
          $('.sliderSource').children('.box-body').slideDown('fast');
        }
        $('.slider-source').hide();
        $('#' + slideType).show();
       });

      $('input[name=sliderType]').each(function() {
        if($(this).is(":checked")) {
          var Type = '';
          
          switch($(this).val()) {
              case '1':
                  Type = $('#type_latest');
                  break;
              case '2':
                  Type = $('#type_cust_post');
                  break;
              case '3':
                  Type = $('#type_cust_cat');
                  break;
              case '4':
                  Type = $('#type_cust_slider');
                  break;
          }

          if($('.sliderSource').hasClass('collapsed-box')) {
              $('.sliderSource').toggleClass('collapsed-box');
              $('.sliderSource .box-tools .btn-box-tool i').removeClass('fa-plus').addClass('fa-minus');
          }
          $('.slider-source').hide();
          Type.show();
        }
      });

      $('.SlidesPlace').sortable({
          stop: function(event, ui){
              $(".ui-sortable .panel").each(function(i, el){
                $(el).prop('data-id',$(el).index()+1);
                var currId = parseFloat($(el).index()+1);
                var base_url= "<?php echo base_url(); ?>";
                $('.box-title', el).html('<a data-toggle="collapse" href="#' + currId + '" data-parent="#accordion" class="display-block">Slide ' + currId + '</a><div class="box-tools pull-right"><a id="removeSlide" class="btn btn-box-tool" style="cursor: pointer" class="pull-right" data-toggle="tooltip" data-placement="top" title="Delete this"><i class="fa fa-lg fa-trash"></i></a></div>');
                $('.panel-collapse', el).attr('id', currId );
                $('#slideTitle', el).attr('name', 'sliderSource[' + currId + '][slideTitle]' );
                $('#slideDesc', el).attr('name', 'sliderSource[' + currId + '][slideDesc]' );
                $('#slideBtnT', el).attr('name', 'sliderSource[' + currId + '][slideBtnT]' );
                $('#slideBtnL', el).attr('name', 'sliderSource[' + currId + '][slideBtnL]' );
                $('#slideBtnTa', el).attr('name', 'sliderSource[' + currId + '][slideBtnTa]' );
                $('.delete_media', el).attr('id', 'img_' + currId );
                $('.thumbnail', el).attr('id', 'img_' + currId + '_preview' );
                $('a.iframe-btn', el).attr('href', base_url + 'feast-includes/admin/assets/filemanager/dialog.php?type=1&field_id=img_' + currId );
                $('input.iframe-btn', el).attr('id', 'img_' + currId );
                $('input.iframe-btn', el).attr('name', 'sliderSource[' + currId + '][slideBg]' );

              });

          }
      });

      $('button.addSlide').on('click', function(){
        var x       = $('#accordion .panel').length+1;
        var base_url= "<?php echo base_url(); ?>";
        var slideOp = '<div class="panel box box-primary">';
        slideOp += '<div class="box-header with-border">';
        slideOp += '<h4 class="box-title" style="display: block">';
        slideOp += '<a data-toggle="collapse" href="#' + x + '" data-parent="#accordion" class="display-block">Slide ' + x + '</a>';
        slideOp += '<div class="box-tools pull-right"><a id="removeSlide" class="btn btn-box-tool" style="cursor: pointer" class="pull-right" data-toggle="tooltip" data-placement="top" title="Delete this"><i class="fa fa-lg fa-trash"></i></a></div>';
        slideOp += '</h4></div>';
        slideOp += '<div id="' + x + '" class="panel-collapse collapse" role="tabpanel"><div class="box-body">';

        // slide title
        slideOp += '<div class="form-group">';
        slideOp += '<div class="row">';
        slideOp += '<label class="form-label col-md-5" for="slideTitle">Slide title</label>';
        slideOp += '<div class="col-md-7">';
        slideOp += '<input type="text" name="sliderSource[' + x + '][slideTitle]" id="slideTitle" class="form-control">';
        slideOp += '</div></div></div>';

        // slide description
        slideOp += '<div class="form-group">';
        slideOp += '<div class="row">';
        slideOp += '<label class="form-label col-md-5" for="slideDesc">Slide description</label>';
        slideOp += '<div class="col-md-7">';
        slideOp += '<input type="text" name="sliderSource[' + x + '][slideDesc]" id="slideDesc" class="form-control">';
        slideOp += '</div></div></div>';

        // slide Image Background
        slideOp += '<div class="form-group">';
        slideOp += '<div class="row">';
        slideOp += '<label class="form-label col-md-5" for="image">Static background</label>';
        slideOp += '<div class="col-md-7">';
        slideOp += '<div class="input-group input-group-sm">';
        slideOp += '<input class="form-control iframe-btn" placeholder="Select Image" type="text" name="sliderSource[' + x + '][slideBg]" id="img_' + x + '">';
        slideOp += '<span class="input-group-btn">';
        slideOp += '<a href="#" class="btn btn-danger delete_media" id="img_' + x + '" data-toggle="tooltip" data-title="remove" type="button"><i class="fa fa-trash"></i></a>';
        slideOp += '<a href="' + base_url + 'feast-includes/admin/assets/filemanager/dialog.php?type=1&field_id=img_' + x + '" class="btn btn-success iframe-btn" data-toggle="tooltip" data-title="select image" type="button"><i class="fa fa-folder-open"></i></a>';
        slideOp += '</span></div>';
        slideOp += '<div id="img_' + x + '_preview" class="thumbnail" style="margin-top: 10px; display: none">';
        slideOp += '<img src="" class="img-responsive">';
        slideOp += '</div></div></div></div>';

        // slide Button text
        slideOp += '<div class="form-group">';
        slideOp += '<div class="row">';
        slideOp += '<label class="form-label col-md-5" for="slideBtnT">Slide Button text</label>';
        slideOp += '<div class="col-md-7">';
        slideOp += '<input type="text" name="sliderSource[' + x + '][slideBtnT]" id="slideBtnT" class="form-control">';
        slideOp += '</div></div></div>';

        // slide Button link
        slideOp += '<div class="form-group">';
        slideOp += '<div class="row">';
        slideOp += '<label class="form-label col-md-5" for="slideBtnL">Slide Button link</label>';
        slideOp += '<div class="col-md-7">';
        slideOp += '<input type="text" name="sliderSource[' + x + '][slideBtnL]" id="slideBtnL" class="form-control">';
        slideOp += '</div></div></div>';

        // slide Button target
        slideOp += '<div class="form-group">';
        slideOp += '<div class="row">';
        slideOp += '<label class="form-label col-md-5" for="slideBtnTa">Slide Button target</label>';
        slideOp += '<div class="col-md-7">';
        slideOp += '<select name="sliderSource[' + x + '][slideBtnTa]" id="slideBtnTa" class="form-control">';
        slideOp += '<option value="self">Same page</option><option value="blank">New page</option>';
        slideOp += '</select></div></div></div>';

        slideOp += '</div></div></div>';

        $('#accordion').append( slideOp );
        $('select').select2().destroy().select2();
      });

      $('body').on('click','#removeSlide', function(e){ //user click on remove text
          //alert('work');
          e.preventDefault();
          var result = confirm("Are you shore to delete this slide?");
          if (result) {
              $(this).closest('div.panel').remove();
              var xx = $('#accordion .panel').length+1;
          } 
          
      });       

    </script>

    <?php } ?>
    <?php if(in_array($this->uri->segment(2), array('posts', 'pages')) and in_array($this->uri->segment(3), array('add', 'edit')) ) { ?>
    <script type="text/javascript">

      $(function(){
        $('#addOption').click(function(){
          var inputName   = $('#optionName').val(),
            inputTitle  = $('#optionTitle').val(),
            inputType   = $('#optionType').val(),
            x           = $('.optionPlace').length,
            newInput  = '';
            
          // alert ('Name = ' + inputName + 'Title = ' + inputTitle + 'Type = ' + inputType);

                function resetDatePickers(){
                    $('.date-picker').each(function(index){
                       $(this).datepicker('remove');
                    });
                    
                    $('.date-picker').datepicker({
                        format: "yyyy-mm-dd",
                    });
                }               
          switch(inputType) {
            case 'text':
            case 'email':
              newInput = '<div class="optionPlace form-group"><label for="' + inputName + '">' + inputTitle + '</label><input type="' + inputType + '" id="' + inputName + '" name="option[' + inputName + '][value]" class="form-control"/><input type="hidden" id="' + inputName + '" name="option[' + inputName + '][type]" value="' + inputType + '" class="form-control"/><input type="hidden" id="' + inputName + '" name="option[' + inputName + '][title]" value="' + inputTitle + '" class="form-control"/><a href="#" class="remove_field">Remove</a></div>';
            break;
            case 'checkbox':
              newInput = '<div class="optionPlace form-group"><div class="ios-switch switch-md"><label for="' + inputName + '"><span class="check-label">' + inputTitle + '&nbsp;</span><input type="checkbox" class="js-switch" id="' + inputName + '" name="option[' + inputName + '][value]" value="1"></label></div><input type="hidden" id="' + inputName + '" name="option[' + inputName + '][type]" value="' + inputType + '" class="form-control"/><input type="hidden" id="' + inputName + '" name="option[' + inputName + '][title]" value="' + inputTitle + '" class="form-control"/><a href="#" class="remove_field">Remove</a></div>';
            break;            
            case 'datepicker':
              newInput = '<div class="optionPlace form-group"><label for="' + inputName + '">' + inputTitle + '</label><input type="text" id="' + inputName + '" name="option[' + inputName + '][value]" class="form-control date-picker"/><i class="fa fa-calendar"></i><input type="hidden" id="' + inputName + '" name="option[' + inputName + '][type]" value="' + inputType + '" class="form-control"/><input type="hidden" id="' + inputName + '" name="option[' + inputName + '][title]" value="' + inputTitle + '" class="form-control"/><a href="#" class="remove_field">Remove</a></div>';
            break;
            case 'textarea':
              newInput = '<div class="optionPlace form-group"><label for="' + inputName + '">' + inputTitle + '</label><textarea id="' + inputName + '" name="option[' + inputName + '][value]" class="form-control simple"></textarea><input type="hidden" id="' + inputName + '" name="option[' + inputName + '][type]" value="' + inputType + '" class="form-control"/><input type="hidden" id="' + inputName + '" name="option[' + inputName + '][title]" value="' + inputTitle + '" class="form-control"/><a href="#" class="remove_field">Remove</a></div>';
            break;
          };      
          $('#postOptions').append( newInput );
          $('#optionName').val('');
          $('#optionTitle').val('');
          $('#optionType').val('');
                resetDatePickers();      
        });
    
        $('body').on('click','.remove_field', function(e){ //user click on remove text
            e.preventDefault(); 
            var result = confirm("Are you shore to delete this option?");
            if (result) {
                $(this).parent('div').remove();
            }
        });
    
      });
    
    </script>

    <?php } ?>

    <?=admin_script('assets/dist/js/app.js')?>
    
    <?=admin_script('assets/dist/js/pages/dashboard.js')?>
    
    <?=admin_script('assets/dist/js/demo.js')?>

    <?=admin_script('assets/dist/js/custom.js')?>

    <script type="text/javascript">
      $('.iframe-btn').fancybox({
        'width'     : 900,
        'height'    : 600,
        'type'      : 'iframe',
        'autoScale' : false 
      });

        $('input.iframe-btn').each(function() {
          if($(this).val()) {
            var id = $(this).attr('id');
            $('#' + id + '_preview').css('display', 'block');
            $('#' + id + '_preview img').attr('src', $(this).val());
          }
        });        

        $('.delete_media').click(function(e) {
          e.preventDefault();
          var id = $(this).attr('id');
          if($('input#' + id).val()) {  
            var result = confirm("Are you shore to remove image?");
            if (result) {
              $('input#' + id).val('');
              $('#' + id + '_preview img').attr('src', '');
              $('#' + id + '_preview').css('display', 'none');
            }
          }
        });


      function close_window() {
        parent.$.fancybox.close();
      };

      function responsive_filemanager_callback(field_id) {
        var url = $('#' + field_id).val();
        $('#' + field_id + '_preview').css('display', 'block');
        $('#' + field_id + '_preview img').attr('src', url);
      };

      $('.icons-list i').click(function(i) {
        i.preventDefault();
        $('.icons-list i').removeClass('selected');
        $(this).addClass('selected');
      });

      $('.icons-list i').hide();

      $('.iconSearch').on('keyup', function() {
        var iSearch = $(this).val();
        //alert(iSearch);
        $('.icons-list i').each(function() {
          if($(this).is('[class*='+iSearch+']')) {
            $(this).show();
          } else {
            $(this).hide();
          }
        });
      });

      $('#insertIcons').click(function(s) {
        s.preventDefault();
        var selIcon    = $('.icons-list i.selected').attr('class'),
            cusClass   = $('.iClass').val(),
            newClass   = selIcon.replace('selected','') + cusClass;

        $('input.iconSearch').val('');
        $('input.iClass').val('');
        $('.icons-list i').hide();

        var ed = tinyMCE.activeEditor;
        var element = ed.dom.getParent(ed.selection.getNode());

        var child = element.firstChild;
        while(child){
            if(child.nodeName.toLowerCase() == 'i'){
                child.remove();
            }
            child = child.nextSibling;
        }

        tinyMCE.activeEditor.selection.setContent('<i class="'+newClass+'"></i>');

        $('#iconsModal').modal('hide');
      });
    </script>
  </body>
</html>