UNPKG

@coreui/ajax

Version:

Open Source Bootstrap Admin Template

749 lines (563 loc) 27.3 kB
<template> <div class="animated fadeIn"> <div class="card card-default"> <div class="card-header"> <i class="fa fa-picture-o"></i> Simple Line Icons </div> <div class="card-block"> <div class="row text-xs-center"> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-user icons h4 d-block mt-2"></i>icon-user </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-people icons h4 d-block mt-2"></i>icon-people </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-user-female icons h4 d-block mt-2"></i>icon-user-female </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-user-follow icons h4 d-block mt-2"></i>icon-user-follow </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-user-following icons h4 d-block mt-2"></i>icon-user-following </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-user-unfollow icons h4 d-block mt-2"></i>icon-user-unfollow </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-login icons h4 d-block mt-2"></i>icon-login </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-logout icons h4 d-block mt-2"></i>icon-logout </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-emotsmile icons h4 d-block mt-2"></i>icon-emotsmile </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-phone icons h4 d-block mt-2"></i>icon-phone </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-call-end icons h4 d-block mt-2"></i>icon-call-end </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-call-in icons h4 d-block mt-2"></i>icon-call-in </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-call-out icons h4 d-block mt-2"></i>icon-call-out </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-map icons h4 d-block mt-2"></i>icon-map </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-location-pin icons h4 d-block mt-2"></i>icon-location-pin </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-direction icons h4 d-block mt-2"></i>icon-direction </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-directions icons h4 d-block mt-2"></i>icon-directions </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-compass icons h4 d-block mt-2"></i>icon-compass </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-layers icons h4 d-block mt-2"></i>icon-layers </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-menu icons h4 d-block mt-2"></i>icon-menu </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-list icons h4 d-block mt-2"></i>icon-list </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-options-vertical icons h4 d-block mt-2"></i>icon-options-vertical </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-options icons h4 d-block mt-2"></i>icon-options </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-arrow-down icons h4 d-block mt-2"></i>icon-arrow-down </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-arrow-left icons h4 d-block mt-2"></i>icon-arrow-left </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-arrow-right icons h4 d-block mt-2"></i>icon-arrow-right </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-arrow-up icons h4 d-block mt-2"></i>icon-arrow-up </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-arrow-up-circle icons h4 d-block mt-2"></i>icon-arrow-up-circle </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-arrow-left-circle icons h4 d-block mt-2"></i>icon-arrow-left-circle </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-arrow-right-circle icons h4 d-block mt-2"></i>icon-arrow-right-circle </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-arrow-down-circle icons h4 d-block mt-2"></i>icon-arrow-down-circle </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-check icons h4 d-block mt-2"></i>icon-check </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-clock icons h4 d-block mt-2"></i>icon-clock </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-plus icons h4 d-block mt-2"></i>icon-plus </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-close icons h4 d-block mt-2"></i>icon-close </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-trophy icons h4 d-block mt-2"></i>icon-trophy </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-screen-smartphone icons h4 d-block mt-2"></i>icon-screen-smartphone </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-screen-desktop icons h4 d-block mt-2"></i>icon-screen-desktop </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-plane icons h4 d-block mt-2"></i>icon-plane </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-notebook icons h4 d-block mt-2"></i>icon-notebook </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-mustache icons h4 d-block mt-2"></i>icon-mustache </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-mouse icons h4 d-block mt-2"></i>icon-mouse </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-magnet icons h4 d-block mt-2"></i>icon-magnet </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-energy icons h4 d-block mt-2"></i>icon-energy </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-disc icons h4 d-block mt-2"></i>icon-disc </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-cursor icons h4 d-block mt-2"></i>icon-cursor </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-cursor-move icons h4 d-block mt-2"></i>icon-cursor-move </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-crop icons h4 d-block mt-2"></i>icon-crop </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-chemistry icons h4 d-block mt-2"></i>icon-chemistry </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-speedometer icons h4 d-block mt-2"></i>icon-speedometer </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-shield icons h4 d-block mt-2"></i>icon-shield </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-screen-tablet icons h4 d-block mt-2"></i>icon-screen-tablet </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-magic-wand icons h4 d-block mt-2"></i>icon-magic-wand </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-hourglass icons h4 d-block mt-2"></i>icon-hourglass </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-graduation icons h4 d-block mt-2"></i>icon-graduation </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-ghost icons h4 d-block mt-2"></i>icon-ghost </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-game-controller icons h4 d-block mt-2"></i>icon-game-controller </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-fire icons h4 d-block mt-2"></i>icon-fire </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-eyeglass icons h4 d-block mt-2"></i>icon-eyeglass </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-envelope-open icons h4 d-block mt-2"></i>icon-envelope-open </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-envelope-letter icons h4 d-block mt-2"></i>icon-envelope-letter </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-bell icons h4 d-block mt-2"></i>icon-bell </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-badge icons h4 d-block mt-2"></i>icon-badge </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-anchor icons h4 d-block mt-2"></i>icon-anchor </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-wallet icons h4 d-block mt-2"></i>icon-wallet </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-vector icons h4 d-block mt-2"></i>icon-vector </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-speech icons h4 d-block mt-2"></i>icon-speech </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-puzzle icons h4 d-block mt-2"></i>icon-puzzle </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-printer icons h4 d-block mt-2"></i>icon-printer </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-present icons h4 d-block mt-2"></i>icon-present </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-playlist icons h4 d-block mt-2"></i>icon-playlist </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-pin icons h4 d-block mt-2"></i>icon-pin </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-picture icons h4 d-block mt-2"></i>icon-picture </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-handbag icons h4 d-block mt-2"></i>icon-handbag </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-globe-alt icons h4 d-block mt-2"></i>icon-globe-alt </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-globe icons h4 d-block mt-2"></i>icon-globe </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-folder-alt icons h4 d-block mt-2"></i>icon-folder-alt </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-folder icons h4 d-block mt-2"></i>icon-folder </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-film icons h4 d-block mt-2"></i>icon-film </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-feed icons h4 d-block mt-2"></i>icon-feed </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-drop icons h4 d-block mt-2"></i>icon-drop </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-drawer icons h4 d-block mt-2"></i>icon-drawer </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-docs icons h4 d-block mt-2"></i>icon-docs </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-doc icons h4 d-block mt-2"></i>icon-doc </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-diamond icons h4 d-block mt-2"></i>icon-diamond </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-cup icons h4 d-block mt-2"></i>icon-cup </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-calculator icons h4 d-block mt-2"></i>icon-calculator </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-bubbles icons h4 d-block mt-2"></i>icon-bubbles </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-briefcase icons h4 d-block mt-2"></i>icon-briefcase </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-book-open icons h4 d-block mt-2"></i>icon-book-open </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-basket-loaded icons h4 d-block mt-2"></i>icon-basket-loaded </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-basket icons h4 d-block mt-2"></i>icon-basket </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-bag icons h4 d-block mt-2"></i>icon-bag </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-action-undo icons h4 d-block mt-2"></i>icon-action-undo </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-action-redo icons h4 d-block mt-2"></i>icon-action-redo </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-wrench icons h4 d-block mt-2"></i>icon-wrench </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-umbrella icons h4 d-block mt-2"></i>icon-umbrella </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-trash icons h4 d-block mt-2"></i>icon-trash </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-tag icons h4 d-block mt-2"></i>icon-tag </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-support icons h4 d-block mt-2"></i>icon-support </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-frame icons h4 d-block mt-2"></i>icon-frame </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-size-fullscreen icons h4 d-block mt-2"></i>icon-size-fullscreen </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-size-actual icons h4 d-block mt-2"></i>icon-size-actual </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-shuffle icons h4 d-block mt-2"></i>icon-shuffle </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-share-alt icons h4 d-block mt-2"></i>icon-share-alt </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-share icons h4 d-block mt-2"></i>icon-share </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-rocket icons h4 d-block mt-2"></i>icon-rocket </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-question icons h4 d-block mt-2"></i>icon-question </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-pie-chart icons h4 d-block mt-2"></i>icon-pie-chart </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-pencil icons h4 d-block mt-2"></i>icon-pencil </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-note icons h4 d-block mt-2"></i>icon-note </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-loop icons h4 d-block mt-2"></i>icon-loop </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-home icons h4 d-block mt-2"></i>icon-home </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-grid icons h4 d-block mt-2"></i>icon-grid </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-graph icons h4 d-block mt-2"></i>icon-graph </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-microphone icons h4 d-block mt-2"></i>icon-microphone </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-music-tone-alt icons h4 d-block mt-2"></i>icon-music-tone-alt </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-music-tone icons h4 d-block mt-2"></i>icon-music-tone </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-earphones-alt icons h4 d-block mt-2"></i>icon-earphones-alt </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-earphones icons h4 d-block mt-2"></i>icon-earphones </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-equalizer icons h4 d-block mt-2"></i>icon-equalizer </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-like icons h4 d-block mt-2"></i>icon-like </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-dislike icons h4 d-block mt-2"></i>icon-dislike </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-control-start icons h4 d-block mt-2"></i>icon-control-start </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-control-rewind icons h4 d-block mt-2"></i>icon-control-rewind </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-control-play icons h4 d-block mt-2"></i>icon-control-play </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-control-pause icons h4 d-block mt-2"></i>icon-control-pause </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-control-forward icons h4 d-block mt-2"></i>icon-control-forward </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-control-end icons h4 d-block mt-2"></i>icon-control-end </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-volume-1 icons h4 d-block mt-2"></i>icon-volume-1 </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-volume-2 icons h4 d-block mt-2"></i>icon-volume-2 </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-volume-off icons h4 d-block mt-2"></i>icon-volume-off </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-calendar icons h4 d-block mt-2"></i>icon-calendar </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-bulb icons h4 d-block mt-2"></i>icon-bulb </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-chart icons h4 d-block mt-2"></i>icon-chart </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-ban icons h4 d-block mt-2"></i>icon-ban </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-bubble icons h4 d-block mt-2"></i>icon-bubble </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-camrecorder icons h4 d-block mt-2"></i>icon-camrecorder </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-camera icons h4 d-block mt-2"></i>icon-camera </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-cloud-download icons h4 d-block mt-2"></i>icon-cloud-download </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-cloud-upload icons h4 d-block mt-2"></i>icon-cloud-upload </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-envelope icons h4 d-block mt-2"></i>icon-envelope </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-eye icons h4 d-block mt-2"></i>icon-eye </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-flag icons h4 d-block mt-2"></i>icon-flag </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-heart icons h4 d-block mt-2"></i>icon-heart </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-info icons h4 d-block mt-2"></i>icon-info </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-key icons h4 d-block mt-2"></i>icon-key </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-link icons h4 d-block mt-2"></i>icon-link </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-lock icons h4 d-block mt-2"></i>icon-lock </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-lock-open icons h4 d-block mt-2"></i>icon-lock-open </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-magnifier icons h4 d-block mt-2"></i>icon-magnifier </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-magnifier-add icons h4 d-block mt-2"></i>icon-magnifier-add </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-magnifier-remove icons h4 d-block mt-2"></i>icon-magnifier-remove </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-paper-clip icons h4 d-block mt-2"></i>icon-paper-clip </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-paper-plane icons h4 d-block mt-2"></i>icon-paper-plane </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-power icons h4 d-block mt-2"></i>icon-power </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-refresh icons h4 d-block mt-2"></i>icon-refresh </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-reload icons h4 d-block mt-2"></i>icon-reload </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-settings icons h4 d-block mt-2"></i>icon-settings </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-star icons h4 d-block mt-2"></i>icon-star </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-symbol-female icons h4 d-block mt-2"></i>icon-symbol-female </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-symbol-male icons h4 d-block mt-2"></i>icon-symbol-male </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-target icons h4 d-block mt-2"></i>icon-target </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-credit-card icons h4 d-block mt-2"></i>icon-credit-card </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-paypal icons h4 d-block mt-2"></i>icon-paypal </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-social-tumblr icons h4 d-block mt-2"></i>icon-social-tumblr </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-social-twitter icons h4 d-block mt-2"></i>icon-social-twitter </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-social-facebook icons h4 d-block mt-2"></i>icon-social-facebook </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-social-instagram icons h4 d-block mt-2"></i>icon-social-instagram </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-social-linkedin icons h4 d-block mt-2"></i>icon-social-linkedin </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-social-pinterest icons h4 d-block mt-2"></i>icon-social-pinterest </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-social-github icons h4 d-block mt-2"></i>icon-social-github </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-social-gplus icons h4 d-block mt-2"></i>icon-social-gplus </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-social-reddit icons h4 d-block mt-2"></i>icon-social-reddit </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-social-skype icons h4 d-block mt-2"></i>icon-social-skype </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-social-dribbble icons h4 d-block mt-2"></i>icon-social-dribbble </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-social-behance icons h4 d-block mt-2"></i>icon-social-behance </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-social-foursqare icons h4 d-block mt-2"></i>icon-social-foursqare </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-social-soundcloud icons h4 d-block mt-2"></i>icon-social-soundcloud </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-social-spotify icons h4 d-block mt-2"></i>icon-social-spotify </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-social-stumbleupon icons h4 d-block mt-2"></i>icon-social-stumbleupon </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-social-youtube icons h4 d-block mt-2"></i>icon-social-youtube </div> <div class="col-xs-6 col-sm-4 col-md-3"> <i class="icon-social-dropbox icons h4 d-block mt-2"></i>icon-social-dropbox </div> </div> <!--/.row--> </div> </div> </div> </template>