Components

Do you want to use other elements on your website? Then you've come to the right place! If your intention is to publish information about the situation of your company or thoughts about your current life situation, you should get along with the classes in the Css section. But after a very short time, their content will multiply and a single page can often seem confusing. Here you will find navigation bars to link several pages and much more!

Table of Content

Buttons

Buttons are another important design element. The framework provides a standard design for buttons called by the class name .bttn. The button is medium size by default and has the background color blue and rounded corners. 

<button class="bttn">Button</button>
<button class="bttn olive">Button</button>
<button class="bttn yellow">Button</button>
<button class="bttn maroon">Button</button>
<button class="bttn purple">Button</button>
<button class="bttn gray">Button</button>

Size

To adjust the font size and button size, you can also use the classes .ex-sl, .sl, .md, .lg and .ex-lg. The class .ex-sl contains the smallest possible size and the class .ex-lg contains the largest possible size. 

<button class="bttn">Button</button>
<button class="bttn ex-lg">Button</button>
<button class="bttn lg">Button</button>
<button class="bttn md">Button</button>
<button class="bttn sl">Button</button>
<button class="bttn ex-sl">Button</button>

Style

There are also classes that give the buttons additional styles like .square, .round and .ex-round. The class .square makes the button completely square and the class .ex-round completely round. With .round, the corners are only slightly rounded off. 

<button class="bttn square">Button</button>
<button class="bttn round">Button</button>
<button class="bttn ex-round">Button</button>

Card

The map is a practical element of the framework as it makes it possible to combine different contents on one component. There are different types of cards that offer the user a choice of the content he wants to display easily and appropriately. In addition, maps are perfect for displaying several elements with similar content as a collection or displaying additional information. Each card consists of a .header, .content and .footer class. The header should contain the heading. The .content class contains the contents of the map and the .footer class contains additional information or links.

Simple Card

The simple map can be called up using the class name .simple-card and consists only of text subdivided into the title of the map which should be in the .header. In text content of the map which should be in the .content class and the <p> tag and in additional information or links which should be in the .footer class.

Titel der Karte

At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Link 
<div class="simple-card">
    <div class="card-header">
        <span class="card-title">Titel der Karte</span>
    </div>
    <p class="card-content normal_p">
        At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
        At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
        At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
    </p>
    <div class="card-footer">
        <a class="card-link" href="#">Link</a>
    </div>
</div>

Footer

The footer of the card consists of the .footer class. It is separated by a horizontal line from the rest of the map. The footer of a map is perfect for placing short additional information and links. To give links a special look, the classes can be used for links which are explained on the typography page.

Link Link Link Link 
<div class="simple-card">
    <div class="card-footer spacearound">
        <a class="card-link" href="#">Link</a>
        <a class="card-link" href="#">Link</a>
        <a class="card-link" href="#">Link</a>
        <a class="card-link" href="#">Link</a>
    </div>
</div>

Contact Card

The framework also offers a contact card which can be used to display personal descriptions or similar information. It consists of a small picture in the upper right corner of a title, content and a footer. The card can be called by the .contact-card class and is also divided into a .header, .content and .footer.

Titel der Karte Hagn Portait

At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren.

Link 
<div class="contact-card">
    <div class="card-header">
        <span class="card-title">Titel der Karte</span>
        <img  style="float: right" class="card-img" src="../../lib/img/hagn.jpg" alt="Hagn Portait">
    </div>
    <p class="card-content text_demo">
        At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
        At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
        At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren.
    </p>
    <div class="card-footer">
        <a class="card-link" href="#">Link</a>
    </div>
</div>

Media Card

The special feature of the media card is that an image can be inserted into the .header. It also consists of the .header, .content and .footer. The image should be inserted by the <img> tag in the .header class and the title of the card should be passed to the class .title.

Titel der Karte MykonosIV Kutis

At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Link 
<div class="media-card">
    <div class="card-header">
        <span class="card-title">Titel der Karte</span>
        <img src="../../lib/img/expimage/MykonosIV_KUT.JPG" alt="MykonosIV Kutis">
    </div>
    <p class="card-content text-left">
        At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
    </p>
    <div class="card-footer">
       <a class="card-link" href="#">Link</a>
    </div>
</div>

Brand Name

The brand name is a class that can only be used within the .nav-container class. It can be called via the .brand-name class and is used to highlight the brand name or company name in the navigation. 

<a class="brand-name" href="#">CompanyName</a>

Style

The class .icon-container makes it easy to insert social media icons into the header. There is also an option to create dropdown menus. The .drop-menu class should only be used to a .nav-item. In order for the dropdown menu to unfold, the class .drop-toggle must also be passed to the respective .nav-item. All elements within a .drop-menu need the class .drop-item to be displayed correctly. 

<nav class="nav-container nav-center expand-m">
    <img class="logo" src="../../lib/img/creative_puzzle_v1.5.1_.png" alt="Creative Puzzle Logo">
    <a class="brand-name" href="#">CompanyName</a>
    <div class="nav">
        <ul>
            <li class="nav-item">
                <a class="link-underline-white">Home</a>
            </li>
            <li class="nav-item">
                <a class="link-underline-white">About</a>
            </li>
            <li class="nav-item">
                <a class="link-underline-white drop-toggle" href="javascript:void(0);">Dropdown 1</a>
                <div class="drop-menu">
                    <a class="drop-item">Dropdown Item</a>
                    <a class="drop-item">Dropdown Item</a>
                </div>
            </li>
            <li class="nav-item">
                <a class="link-underline-white drop-toggle" href="javascript:void(0);">Dropdown 2</a>
                <div class="drop-menu">
                    <a class="drop-item">Dropdown Item</a>
                    <a class="drop-item">Dropdown Item</a>
                    <a class="drop-item">Dropdown Item</a>
                </div>
            </li>
        </ul>
    </div>
    <div class="icon-container">
        <img src="../../lib/img/twitter.png" alt="twitter icon">
        <img src="../../lib/img/facebook.png" alt="facebook icon">
        <img src="../../lib/img/instagram.png" alt="instagram icon">
    </div>
</nav>

Placement

To position the header bar as desired, the framework provides some classes that can be used in the .nav-container. The .nav-strech class can be used to stretch the elements to fill the whole container. The class .nav-center aligns all elements within the .nav-container centered. The classes .nav-start and .nav-end also position all elements at the beginning or end of a container. The classes .nav-around and .nav-evenly are responsible for the distances between the individual elements. The class.nav-around divides the distance around each element equally. The class .nav-evenly divides the distance between the elements fairly.

Nav Center

Nav Start

Nav End

<nav class="nav-container nav-center expand-m"></nav>
<nav class="nav-container nav-start expand-m"></nav>
<nav class="nav-container nav-end expand-m"></nav>

Seiten Navigation

The pages navigation can be called with the class .side-nav-container. It consists of a container and is divided into .side-nav-header, .side-nav-content and .side-nav-footer. 

<nav class="side-nav-container">
    <div class="side-nav-header">
        <img src="../../lib/img/creative_puzzle_v1.5.1_.png" alt="Creative Puzzle Logo">
        <input class="searchbar" type="search" placeholder="Search . . .">
    </div>
    <div class="side-nav-content">
        <a class="link-underline-green " href="#">Home</a>
        <a class="link-underline-green" href="#">About</a>
        <a class="link-underline-green" href="#">Contact</a>
        <a class="link-underline-green" href="#">Team</a>
        <a class="link-underline-green" href="#">Sponsors</a>
        <a class="link-underline-green" href="#">More</a>
    </div>
    <div class="side-nav-footer">
        <a href="#" class="side-nav-link">Impressum</a>
    </div>
</nav>

Header

In the .side-nav-header you should place a logo over the img tag and a search bar that can be styled with the class .side-nav-search. 

<nav class="side-nav-container side-nav-container_header_demo">
    <div class="side-nav-header side-nav-header_demo">
        <img src="../../lib/img/creative_puzzle_v1.5.1_.png" alt="Creative Puzzle Logo">
        <input class="searchbar" type="search" placeholder="Search . . .">
    </div>
</nav>

Content

In the .side-nav-content all desired links should be inserted via a tags. 

<nav class="side-nav-container side-nav-container_content_demo">
    <div class="side-nav-content side-nav-content_demo">
        <a class="link-underline-green " href="#">Home</a>
        <a class="link-underline-green" href="#">About</a>
        <a class="link-underline-green" href="#">Contact</a>
        <a class="link-underline-green" href="#">Team</a>
        <a class="link-underline-green" href="#">Sponsors</a>
        <a class="link-underline-green" href="#">More</a>
    </div>
</nav>

Footer

In the .side-nav-footer you can place links and the imprint. It is centered and separated by a line from the content of the page navigation. 

<nav class="side-nav-container side-nav-container_footer_demo">
    <div class="side-nav-footer side-nav-footer_demo">
        <a href="#" class="side-nav-link">Impressum</a>
    </div>
</nav>

Tabs

Tabs are a great alternative to navigation bars. Their function is identical. Depending on the number, list entries are made added, these can be linked to other pages. The class .active is inserted on the active page and clarifies the whereabouts of the user.

  • Home
  • About
  • Shop
  • Other
  • Address
  • Out
  • Input
<header class="tab-nav">
    <ul class="tab-list">
        <li class="tab active">Home</li>
        <li class="tab">About</li>
        <li class="tab">Shop</li>
        <li class="tab">Other</li>
        <li class="tab">Address</li>
        <li class="tab">Out</li>
        <li class="tab">Input</li>
        <li class="tab">Whateva</li>
    </ul>
</header>

Forms

Forms allow the user to enter input data. Since form elements have a different look in every browser, our framework also offers some classes to style such elements.

Textfield

The text field is one of the most important form elements and can be called up using the class name .textfield. In addition, there is the .flatfield class, which represents the text field only with an underscore. 

<input type="text" class="textfield" placeholder="Textfield">
<input type="text" class="flatfield" placeholder="Flatfield">

Range

By default, the range has a different design in each browser. For this purpose our framework contains the class .slider which gives the range a standard design that looks the same in every browser. Additionally, there are the classes .slider-flat and .slider-material, which give the slider a different look. 

<input type="range" class="slider">
<input type="range" class="slider-flat">
<input type="range" class="slider-material">

Checkboxes

Since checkboxes by default do not have a vivid design, the framework also offers a standard theme over the classes .checkbox and .checkbox-cancle can be called. The .checkbox class will be marked by a green hacker when activated. The .checkbox-cancle class is activated by a red cross marked. In addition, the classes can have the option -dark and -light and should be assigned to the desired .checkbox class. 

<input type="checkbox" class="checkbox-dark">
<input type="checkbox" class="checkbox-light">
<input type="checkbox" class="checkbox-cancle-dark">
<input type="checkbox" class="checkbox-cancle-light">

Radio Buttons

Radio buttons styles can be invoked using the class name .radio-bttn-light and .radio-bttn-dark. 

<input type="radio" class="radio-bttn-light" />
<input type="radio" class="radio-bttn-dark" />

Icons

Simplified icons were used to simplify and symbolize actions or entries. They contain neither elaborate graphics still color schemes. Simple vectors were used for both responsiveness and understanding to preserve. To provide a variety of icons, the library Fontello was used. Among them are various Icon Fonts (FontAwesome, Entypo, Typicons, Iconic, Modern Pictograms, Meteocons, MFG Labs, Maki, Zocial, Brandico, Elusive, Linecons, and Web Symbols), which is the SIL , BSD , WITH or CC licenses, so they may be included in their own projects, however, a name in the source code is mandatory. For more information, please refer to the links provided.

Include

The respective classes, bzg. Font codes are listed under collections. The icons can be accessed via the <span> tag will be called with the respective icon class name. In addition, the associated code must be in <span> tag can be specified by a #& and the desired number. 

<span class="icon-glass">&#xe800;</span>Icon Glass
<span class="icon-music">&#xe801;</span>Icons Music

Collection

icon-glass0xe800
icon-music0xe801
icon-search0xe802
icon-mail0xe803
icon-heart0xe804
icon-heart-empty0xe805
icon-star0xe806
icon-star-empty0xe807
icon-star-half0xe808
icon-user0xe809
icon-users0xe80a
icon-video0xe80b
icon-videocam0xe80c
icon-picture0xe80d
icon-camera0xe80e
icon-camera-alt0xe80f
icon-th-large0xe810
icon-th0xe811
icon-th-list0xe812
icon-ok0xe813
icon-ok-circled0xe814
icon-ok-circled20xe815
icon-cancel0xe816
icon-cancel-circled0xe817
icon-cancel-circled20xe818
icon-plus0xe819
icon-plus-circled0xe81a
icon-minus0xe81b
icon-minus-circled0xe81c
icon-help-circled0xe81d
icon-info-circled0xe81e
icon-home0xe81f
icon-link0xe820
icon-attach0xe821
icon-lock0xe822
icon-lock-open0xe823
icon-pin0xe824
icon-eye0xe825
icon-eye-off0xe826
icon-tag0xe827
icon-tags0xe828
icon-bookmark0xe829
icon-flag0xe82a
icon-thumbs-up0xe82b
icon-thumbs-down0xe82c
icon-download0xe82d
icon-upload0xe82e
icon-forward0xe82f
icon-export0xe830
icon-pencil0xe831
icon-edit0xe832
icon-print0xe833
icon-retweet0xe834
icon-comment0xe835
icon-chat0xe836
icon-bell0xe837
icon-attention0xe838
icon-attention-circled0xe839
icon-location0xe83a
icon-trash-empty0xe83b
icon-doc0xe83c
icon-folder0xe83d
icon-folder-open0xe83e
icon-phone0xe83f
icon-cog0xe840
icon-cog-alt0xe841
icon-wrench0xe842
icon-basket0xe843
icon-calendar0xe844
icon-login0xe845
icon-logout0xe846
icon-volume-off0xe847
icon-volume-down0xe848
icon-volume-up0xe849
icon-headphones0xe84a
icon-clock0xe84b
icon-block0xe84c
icon-resize-full0xe84d
icon-resize-small0xe84e
icon-resize-vertical0xe84f
icon-resize-horizontal0xe850
icon-zoom-in0xe851
icon-zoom-out0xe852
icon-down-circled20xe853
icon-up-circled20xe854
icon-down-dir0xe855
icon-up-dir0xe856
icon-left-dir0xe857
icon-right-dir0xe858
icon-down-open0xe859
icon-left-open0xe85a
icon-right-open0xe85b
icon-up-open0xe85c
icon-down-big0xe85d
icon-left-big0xe85e
icon-right-big0xe85f
icon-up-big0xe860
icon-right-hand0xe861
icon-left-hand0xe862
icon-up-hand0xe863
icon-down-hand0xe864
icon-cw0xe865
icon-ccw0xe866
icon-arrows-cw0xe867
icon-shuffle0xe868
icon-play0xe869
icon-play-circled20xe86a
icon-stop0xe86b
icon-pause0xe86c
icon-to-end0xe86d
icon-to-end-alt0xe86e
icon-to-start0xe86f
icon-to-start-alt0xe870
icon-fast-fw0xe871
icon-fast-bw0xe872
icon-eject0xe873
icon-target0xe874
icon-signal0xe875
icon-award0xe876
icon-inbox0xe877
icon-globe0xe878
icon-cloud0xe879
icon-flash0xe87a
icon-umbrella0xe87b
icon-flight0xe87c
icon-leaf0xe87d
icon-font0xe87e
icon-bold0xe87f
icon-italic0xe880
icon-text-height0xe881
icon-text-width0xe882
icon-align-left0xe883
icon-align-center0xe884
icon-align-right0xe885
icon-align-justify0xe886
icon-list0xe887
icon-indent-left0xe888
icon-indent-right0xe889
icon-scissors0xe88a
icon-briefcase0xe88b
icon-off0xe88c
icon-road0xe88d
icon-list-alt0xe88e
icon-qrcode0xe88f
icon-barcode0xe890
icon-book0xe891
icon-adjust0xe892
icon-tint0xe893
icon-check0xe894
icon-asterisk0xe895
icon-gift0xe896
icon-fire0xe897
icon-magnet0xe898
icon-chart-bar0xe899
icon-credit-card0xe89a
icon-floppy0xe89b
icon-megaphone0xe89c
icon-key0xe89d
icon-truck0xe89e
icon-hammer0xe89f
icon-lemon0xe8a0
icon-note0xe8a1
icon-note-beamed0xe8a2
icon-music-10xe8a3
icon-search-10xe8a4
icon-flashlight0xe8a5
icon-mail-10xe8a6
icon-heart-10xe8a7
icon-heart-empty-10xe8a8
icon-star-10xe8a9
icon-star-empty-10xe8aa
icon-user-10xe8ab
icon-users-10xe8ac
icon-user-add0xe8ad
icon-video-10xe8ae
icon-picture-10xe8af
icon-camera-10xe8b0
icon-layout0xe8b1
icon-menu-10xe8b2
icon-check-10xe8b3
icon-cancel-10xe8b4
icon-cancel-circled-10xe8b5
icon-cancel-squared0xe8b6
icon-plus-10xe8b7
icon-plus-circled-10xe8b8
icon-plus-squared-10xe8b9
icon-minus-10xe8ba
icon-minus-circled-10xe8bb
icon-minus-squared-10xe8bc
icon-help-10xe8bd
icon-help-circled-10xe8be
icon-info-10xe8bf
icon-info-circled-10xe8c0
icon-back0xe8c1
icon-home-10xe8c2
icon-link-10xe8c3
icon-attach-10xe8c4
icon-lock-10xe8c5
icon-lock-open-10xe8c6
icon-eye-10xe8c7
icon-tag-10xe8c8
icon-bookmark-10xe8c9
icon-bookmarks0xe8ca
icon-flag-10xe8cb
icon-thumbs-up-10xe8cc
icon-thumbs-down-10xe8cd
icon-download-10xe8ce
icon-upload-10xe8cf
icon-upload-cloud-10xe8d0
icon-reply-10xe8d1
icon-reply-all-10xe8d2
icon-forward-10xe8d3
icon-quote0xe8d4
icon-code-10xe8d5
icon-export-10xe8d6
icon-pencil-10xe8d7
icon-feather0xe8d8
icon-print-10xe8d9
icon-retweet-10xe8da
icon-keyboard-10xe8db
icon-comment-10xe8dc
icon-chat-10xe8dd
icon-bell-10xe8de
icon-attention-10xe8df
icon-alert0xe8e0
icon-vcard0xe8e1
icon-address0xe8e2
icon-location-10xe8e3
icon-map-10xe8e4
icon-direction-10xe8e5
icon-compass-10xe8e6
icon-cup0xe8e7
icon-trash-10xe8e8
icon-doc-10xe8e9
icon-docs-10xe8ea
icon-doc-landscape0xe8eb
icon-doc-text-10xe8ec
icon-doc-text-inv-10xe8ed
icon-newspaper-10xe8ee
icon-book-open0xe8ef
icon-book-10xe8f0
icon-folder-10xe8f1
icon-archive0xe8f2
icon-box-10xe8f3
icon-rss-10xe8f4
icon-phone-10xe8f5
icon-cog-10xe8f6
icon-tools0xe8f7
icon-share-10xe8f8
icon-shareable0xe8f9
icon-basket-10xe8fa
icon-bag0xe8fb
icon-calendar-10xe8fc
icon-login-10xe8fd
icon-logout-10xe8fe
icon-mic-10xe8ff
icon-mute-10xe900
icon-sound0xe901
icon-volume0xe902
icon-clock-10xe903
icon-hourglass-40xe904
icon-lamp0xe905
icon-light-down0xe906
icon-light-up0xe907
icon-adjust-10xe908
icon-block-10xe909
icon-resize-full-10xe90a
icon-resize-small-10xe90b
icon-popup0xe90c
icon-publish0xe90d
icon-window0xe90e
icon-arrow-combo0xe90f
icon-down-circled-10xe910
icon-left-circled-10xe911
icon-right-circled-10xe912
icon-up-circled-10xe913
icon-down-open-10xe914
icon-left-open-10xe915
icon-right-open-10xe916
icon-up-open-10xe917
icon-down-open-mini0xe918
icon-left-open-mini0xe919
icon-right-open-mini0xe91a
icon-up-open-mini0xe91b
icon-down-open-big0xe91c
icon-left-open-big0xe91d
icon-right-open-big0xe91e
icon-up-open-big0xe91f
icon-down-10xe920
icon-left-10xe921
icon-right-10xe922
icon-up-10xe923
icon-down-dir-10xe924
icon-left-dir-10xe925
icon-right-dir-10xe926
icon-up-dir-10xe927
icon-down-bold0xe928
icon-left-bold0xe929
icon-right-bold0xe92a
icon-up-bold0xe92b
icon-down-thin0xe92c
icon-left-thin0xe92d
icon-right-thin0xe92e
icon-up-thin0xe92f
icon-ccw-10xe930
icon-cw-10xe931
icon-arrows-ccw0xe932
icon-level-down-10xe933
icon-level-up-10xe934
icon-shuffle-10xe935
icon-loop0xe936
icon-switch0xe937
icon-play-10xe938
icon-stop-10xe939
icon-pause-10xe93a
icon-record0xe93b
icon-to-end-10xe93c
icon-to-start-10xe93d
icon-fast-forward0xe93e
icon-fast-backward0xe93f
icon-progress-00xe940
icon-progress-10xe941
icon-progress-20xe942
icon-progress-30xe943
icon-target-10xe944
icon-palette0xe945
icon-list-10xe946
icon-list-add0xe947
icon-signal-10xe948
icon-trophy0xe949
icon-battery0xe94a
icon-back-in-time0xe94b
icon-monitor0xe94c
icon-mobile-10xe94d
icon-network0xe94e
icon-cd0xe94f
icon-inbox-10xe950
icon-install0xe951
icon-globe-10xe952
icon-cloud-10xe953
icon-cloud-thunder0xe954
icon-flash-10xe955
icon-moon-10xe956
icon-flight-10xe957
icon-paper-plane-10xe958
icon-leaf-10xe959
icon-lifebuoy-10xe95a
icon-mouse0xe95b
icon-briefcase-10xe95c
icon-suitcase-10xe95d
icon-dot0xe95e
icon-dot-20xe95f
icon-dot-30xe960
icon-brush-10xe961
icon-magnet-10xe962
icon-infinity0xe963
icon-erase0xe964
icon-chart-pie-10xe965
icon-chart-line-10xe966
icon-chart-bar-10xe967
icon-chart-area-10xe968
icon-tape0xe969
icon-graduation-cap-10xe96a
icon-language-10xe96b
icon-ticket-10xe96c
icon-water0xe96d
icon-droplet0xe96e
icon-air0xe96f
icon-credit-card-10xe970
icon-floppy-10xe971
icon-clipboard0xe972
icon-megaphone-10xe973
icon-database-10xe974
icon-drive0xe975
icon-bucket0xe976
icon-thermometer-10xe977
icon-key-10xe978
icon-flow-cascade0xe979
icon-flow-branch0xe97a
icon-flow-tree0xe97b
icon-flow-line0xe97c
icon-flow-parallel0xe97d
icon-rocket-10xe97e
icon-gauge-10xe97f
icon-traffic-cone0xe980
icon-cc-10xe981
icon-cc-by0xe982
icon-cc-nc0xe983
icon-cc-nc-eu0xe984
icon-cc-nc-jp0xe985
icon-cc-sa0xe986
icon-cc-nd0xe987
icon-cc-pd0xe988
icon-cc-zero0xe989
icon-cc-share0xe98a
icon-cc-remix0xe98b
icon-github-10xe98c
icon-flickr-circled0xe98d
icon-facebook-10xe98e
icon-music-outline0xe98f
icon-music-20xe990
icon-search-outline0xe991
icon-search-20xe992
icon-mail-20xe993
icon-heart-20xe994
icon-heart-filled0xe995
icon-star-20xe996
icon-star-filled0xe997
icon-user-outline0xe998
icon-user-20xe999
icon-users-outline0xe99a
icon-users-20xe99b
icon-user-add-outline0xe99c
icon-user-add-10xe99d
icon-user-delete-outline0xe99e
icon-user-delete0xe99f
icon-video-20xe9a0
icon-videocam-outline0xe9a1
icon-videocam-10xe9a2
icon-picture-outline0xe9a3
icon-picture-20xe9a4
icon-camera-outline0xe9a5
icon-camera-20xe9a6
icon-th-outline0xe9a7
icon-th-10xe9a8
icon-th-large-outline0xe9a9
icon-th-large-10xe9aa
icon-th-list-outline0xe9ab
icon-th-list-10xe9ac
icon-ok-outline0xe9ad
icon-ok-10xe9ae
icon-cancel-outline0xe9af
icon-cancel-20xe9b0
icon-cancel-alt0xe9b1
icon-cancel-alt-filled0xe9b2
icon-cancel-circled-outline0xe9b3
icon-cancel-circled-20xe9b4
icon-plus-outline0xe9b5
icon-plus-20xe9b6
icon-minus-outline0xe9b7
icon-minus-20xe9b8
icon-divide-outline0xe9b9
icon-divide0xe9ba
icon-eq-outline0xe9bb
icon-eq0xe9bc
icon-info-outline0xe9bd
icon-info-20xe9be
icon-home-outline0xe9bf
icon-home-20xe9c0
icon-link-outline0xe9c1
icon-link-20xe9c2
icon-attach-outline0xe9c3
icon-attach-20xe9c4
icon-lock-20xe9c5
icon-lock-filled0xe9c6
icon-lock-open-20xe9c7
icon-lock-open-filled0xe9c8
icon-pin-outline0xe9c9
icon-pin-10xe9ca
icon-eye-outline0xe9cb
icon-eye-20xe9cc
icon-tag-20xe9cd
icon-tags-10xe9ce
icon-bookmark-20xe9cf
icon-flag-20xe9d0
icon-flag-filled0xe9d1
icon-thumbs-up-20xe9d2
icon-thumbs-down-20xe9d3
icon-download-outline0xe9d4
icon-download-20xe9d5
icon-upload-outline0xe9d6
icon-upload-20xe9d7
icon-upload-cloud-outline0xe9d8
icon-upload-cloud-20xe9d9
icon-reply-outline0xe9da
icon-reply-20xe9db
icon-forward-outline0xe9dc
icon-forward-20xe9dd
icon-code-outline0xe9de
icon-code-20xe9df
icon-export-outline0xe9e0
icon-export-20xe9e1
icon-pencil-20xe9e2
icon-pen0xe9e3
icon-feather-10xe9e4
icon-edit-10xe9e5
icon-print-20xe9e6
icon-comment-20xe9e7
icon-chat-20xe9e8
icon-chat-alt0xe9e9
icon-bell-20xe9ea
icon-attention-20xe9eb
icon-attention-filled0xe9ec
icon-warning-empty0xe9ed
icon-warning0xe9ee
icon-contacts0xe9ef
icon-vcard-10xe9f0
icon-address-10xe9f1
icon-location-outline0xe9f2
icon-location-20xe9f3
icon-map-20xe9f4
icon-direction-outline0xe9f5
icon-direction-20xe9f6
icon-compass-20xe9f7
icon-trash-20xe9f8
icon-doc-20xe9f9
icon-doc-text-20xe9fa
icon-doc-add0xe9fb
icon-doc-remove0xe9fc
icon-news0xe9fd
icon-folder-20xe9fe
icon-folder-add0xe9ff
icon-folder-delete0xea00
icon-archive-10xea01
icon-box-20xea02
icon-rss-outline0xea03
icon-rss-20xea04
icon-phone-outline0xea05
icon-phone-20xea06
icon-menu-outline0xea07
icon-menu-20xea08
icon-cog-outline0xea09
icon-cog-20xea0a
icon-wrench-outline0xea0b
icon-wrench-10xea0c
icon-basket-20xea0d
icon-calendar-outlilne0xea0e
icon-calendar-20xea0f
icon-mic-outline0xea10
icon-mic-20xea11
icon-volume-off-10xea12
icon-volume-low0xea13
icon-volume-middle0xea14
icon-volume-high0xea15
icon-headphones-10xea16
icon-clock-20xea17
icon-wristwatch0xea18
icon-stopwatch0xea19
icon-lightbulb-10xea1a
icon-block-outline0xea1b
icon-block-20xea1c
icon-resize-full-outline0xea1d
icon-resize-full-20xea1e
icon-resize-normal-outline0xea1f
icon-resize-normal0xea20
icon-move-outline0xea21
icon-move-10xea22
icon-popup-10xea23
icon-zoom-in-outline0xea24
icon-zoom-in-10xea25
icon-zoom-out-outline0xea26
icon-zoom-out-10xea27
icon-popup-20xea28
icon-left-open-outline0xea29
icon-left-open-20xea2a
icon-right-open-outline0xea2b
icon-right-open-20xea2c
icon-down-20xea2d
icon-left-20xea2e
icon-right-20xea2f
icon-up-20xea30
icon-down-outline0xea31
icon-left-outline0xea32
icon-right-outline0xea33
icon-up-outline0xea34
icon-down-small0xea35
icon-left-small0xea36
icon-right-small0xea37
icon-up-small0xea38
icon-cw-outline0xea39
icon-cw-20xea3a
icon-arrows-cw-outline0xea3b
icon-arrows-cw-10xea3c
icon-loop-outline0xea3d
icon-loop-10xea3e
icon-loop-alt-outline0xea3f
icon-loop-alt0xea40
icon-shuffle-20xea41
icon-play-outline0xea42
icon-play-20xea43
icon-stop-outline0xea44
icon-stop-20xea45
icon-pause-outline0xea46
icon-pause-20xea47
icon-fast-fw-outline0xea48
icon-fast-fw-10xea49
icon-rewind-outline0xea4a
icon-rewind0xea4b
icon-record-outline0xea4c
icon-record-10xea4d
icon-eject-outline0xea4e
icon-eject-10xea4f
icon-eject-alt-outline0xea50
icon-eject-alt0xea51
icon-bat10xea52
icon-bat20xea53
icon-bat30xea54
icon-bat40xea55
icon-bat-charge0xea56
icon-plug-10xea57
icon-target-outline0xea58
icon-target-20xea59
icon-wifi-outline0xea5a
icon-wifi-10xea5b
icon-desktop-10xea5c
icon-laptop-10xea5d
icon-tablet-10xea5e
icon-mobile-20xea5f
icon-contrast0xea60
icon-globe-outline0xea61
icon-globe-20xea62
icon-globe-alt-outline0xea63
icon-globe-alt0xea64
icon-sun-10xea65
icon-sun-filled0xea66
icon-cloud-20xea67
icon-flash-outline0xea68
icon-flash-20xea69
icon-moon-20xea6a
icon-waves-outline0xea6b
icon-waves0xea6c
icon-rain0xea6d
icon-cloud-sun0xea6e
icon-drizzle0xea6f
icon-snow0xea70
icon-cloud-flash0xea71
icon-cloud-wind0xea72
icon-wind0xea73
icon-plane-outline0xea74
icon-plane0xea75
icon-leaf-20xea76
icon-lifebuoy-20xea77
icon-briefcase-20xea78
icon-brush-20xea79
icon-pipette0xea7a
icon-power-outline0xea7b
icon-power0xea7c
icon-check-outline0xea7d
icon-check-20xea7e
icon-gift-10xea7f
icon-temperatire0xea80
icon-chart-outline0xea81
icon-chart0xea82
icon-chart-alt-outline0xea83
icon-chart-alt0xea84
icon-chart-bar-outline0xea85
icon-chart-bar-20xea86
icon-chart-pie-outline0xea87
icon-chart-pie-20xea88
icon-ticket-20xea89
icon-credit-card-20xea8a
icon-clipboard-10xea8b
icon-database-20xea8c
icon-key-outline0xea8d
icon-key-20xea8e
icon-flow-split0xea8f
icon-flow-merge0xea90
icon-flow-parallel-10xea91
icon-flow-cross0xea92
icon-certificate-outline0xea93
icon-certificate-10xea94
icon-scissors-outline0xea95
icon-scissors-10xea96
icon-flask0xea97
icon-wine0xea98
icon-coffee-10xea99
icon-beer-10xea9a
icon-anchor-outline0xea9b
icon-anchor-10xea9c
icon-puzzle-outline0xea9d
icon-puzzle-10xea9e
icon-tree-10xea9f
icon-calculator0xeaa0
icon-infinity-outline0xeaa1
icon-infinity-10xeaa2
icon-pi-outline0xeaa3
icon-pi0xeaa4
icon-at-10xeaa5
icon-at-circled0xeaa6
icon-looped-square-outline0xeaa7
icon-looped-square-interest0xeaa8
icon-sort-alphabet-outline0xeaa9
icon-sort-alphabet0xeaaa
icon-sort-numeric-outline0xeaab
icon-sort-numeric0xeaac
icon-dribbble-circled-10xeaad
icon-dribbble-20xeaae
icon-facebook-circled-10xeaaf
icon-facebook-20xeab0
icon-flickr-circled-10xeab1
icon-flickr-20xeab2
icon-github-circled-20xeab3
icon-github-20xeab4
icon-lastfm-circled-10xeab5
icon-lastfm-20xeab6
icon-linkedin-circled-10xeab7
icon-linkedin-20xeab8
icon-pinterest-circled-20xeab9
icon-pinterest-20xeaba
icon-skype-outline0xeabb
icon-skype-20xeabc
icon-tumbler-circled0xeabd
icon-tumbler0xeabe
icon-twitter-circled-10xeabf
icon-twitter-20xeac0
icon-vimeo-circled-10xeac1
icon-vimeo-20xeac2
icon-search-30xeac3
icon-mail-30xeac4
icon-heart-30xeac5
icon-heart-empty-20xeac6
icon-star-30xeac7
icon-user-30xeac8
icon-video-30xeac9
icon-picture-30xeaca
icon-camera-30xeacb
icon-ok-20xeacc
icon-ok-circle0xeacd
icon-cancel-30xeace
icon-cancel-circle0xeacf
icon-plus-30xead0
icon-plus-circle0xead1
icon-minus-30xead2
icon-minus-circle0xead3
icon-help-20xead4
icon-info-30xead5
icon-home-30xead6
icon-link-30xead7
icon-attach-30xead8
icon-lock-30xead9
icon-lock-empty0xeada
icon-lock-open-30xeadb
icon-lock-open-empty0xeadc
icon-pin-20xeadd
icon-eye-30xeade
icon-tag-30xeadf
icon-tag-empty0xeae0
icon-download-30xeae1
icon-upload-30xeae2
icon-download-cloud-10xeae3
icon-upload-cloud-30xeae4
icon-quote-left-10xeae5
icon-quote-right-10xeae6
icon-quote-left-alt0xeae7
icon-quote-right-alt0xeae8
icon-pencil-30xeae9
icon-pencil-neg0xeaea
icon-pencil-alt0xeaeb
icon-undo0xeaec
icon-comment-30xeaed
icon-comment-inv0xeaee
icon-comment-alt0xeaef
icon-comment-inv-alt0xeaf0
icon-comment-alt20xeaf1
icon-comment-inv-alt20xeaf2
icon-chat-30xeaf3
icon-chat-inv0xeaf4
icon-location-30xeaf5
icon-location-inv0xeaf6
icon-location-alt0xeaf7
icon-compass-30xeaf8
icon-trash-30xeaf9
icon-trash-empty-10xeafa
icon-doc-30xeafb
icon-doc-inv-10xeafc
icon-doc-alt0xeafd
icon-doc-inv-alt0xeafe
icon-article0xeaff
icon-article-alt0xeb00
icon-book-open-10xeb01
icon-folder-30xeb02
icon-folder-empty-10xeb03
icon-box-30xeb04
icon-rss-30xeb05
icon-rss-alt0xeb06
icon-cog-30xeb07
icon-wrench-20xeb08
icon-share-20xeb09
icon-calendar-30xeb0a
icon-calendar-inv0xeb0b
icon-calendar-alt0xeb0c
icon-mic-30xeb0d
icon-volume-off-20xeb0e
icon-volume-up-10xeb0f
icon-headphones-20xeb10
icon-clock-30xeb11
icon-lamp-10xeb12
icon-block-30xeb13
icon-resize-full-30xeb14
icon-resize-full-alt-10xeb15
icon-resize-small-20xeb16
icon-resize-small-alt0xeb17
icon-resize-vertical-10xeb18
icon-resize-horizontal-10xeb19
icon-move-20xeb1a
icon-popup-30xeb1b
icon-down-30xeb1c
icon-left-30xeb1d
icon-right-30xeb1e
icon-up-30xeb1f
icon-down-circle0xeb20
icon-left-circle0xeb21
icon-right-circle0xeb22
icon-up-circle0xeb23
icon-cw-30xeb24
icon-loop-20xeb25
icon-loop-alt-10xeb26
icon-exchange-10xeb27
icon-split0xeb28
icon-arrow-curved0xeb29
icon-play-30xeb2a
icon-play-circle20xeb2b
icon-stop-30xeb2c
icon-pause-30xeb2d
icon-to-start-20xeb2e
icon-to-end-20xeb2f
icon-eject-20xeb30
icon-target-30xeb31
icon-signal-20xeb32
icon-award-10xeb33
icon-award-empty0xeb34
icon-list-20xeb35
icon-list-nested0xeb36
icon-bat-empty0xeb37
icon-bat-half0xeb38
icon-bat-full0xeb39
icon-bat-charge-10xeb3a
icon-mobile-30xeb3b
icon-cd-10xeb3c
icon-equalizer0xeb3d
icon-cursor0xeb3e
icon-aperture0xeb3f
icon-aperture-alt0xeb40
icon-steering-wheel0xeb41
icon-book-20xeb42
icon-book-alt0xeb43
icon-brush-30xeb44
icon-brush-alt0xeb45
icon-eyedropper-10xeb46
icon-layers0xeb47
icon-layers-alt0xeb48
icon-sun-20xeb49
icon-sun-inv0xeb4a
icon-cloud-30xeb4b
icon-rain-10xeb4c
icon-flash-30xeb4d
icon-moon-30xeb4e
icon-moon-inv0xeb4f
icon-umbrella-10xeb50
icon-chart-bar-30xeb51
icon-chart-pie-30xeb52
icon-chart-pie-alt0xeb53
icon-key-30xeb54
icon-key-inv0xeb55
icon-hash0xeb56
icon-at-20xeb57
icon-pilcrow0xeb58
icon-dial0xeb59
icon-search-40xeb5a
icon-mail-40xeb5b
icon-heart-40xeb5c
icon-star-40xeb5d
icon-user-40xeb5e
icon-user-woman0xeb5f
icon-user-pair0xeb60
icon-video-alt0xeb61
icon-videocam-20xeb62
icon-videocam-alt0xeb63
icon-camera-40xeb64
icon-th-20xeb65
icon-th-list-20xeb66
icon-ok-30xeb67
icon-cancel-40xeb68
icon-cancel-circle-10xeb69
icon-plus-40xeb6a
icon-home-40xeb6b
icon-lock-40xeb6c
icon-lock-open-40xeb6d
icon-eye-40xeb6e
icon-tag-40xeb6f
icon-thumbs-up-30xeb70
icon-thumbs-down-30xeb71
icon-download-40xeb72
icon-export-30xeb73
icon-pencil-40xeb74
icon-pencil-alt-10xeb75
icon-edit-20xeb76
icon-chat-40xeb77
icon-print-30xeb78
icon-bell-30xeb79
icon-attention-30xeb7a
icon-info-40xeb7b
icon-question0xeb7c
icon-location-40xeb7d
icon-trash-40xeb7e
icon-doc-40xeb7f
icon-article-10xeb80
icon-article-alt-10xeb81
icon-rss-40xeb82
icon-wrench-30xeb83
icon-basket-30xeb84
icon-basket-alt0xeb85
icon-calendar-40xeb86
icon-calendar-alt-10xeb87
icon-volume-off-30xeb88
icon-volume-down-10xeb89
icon-volume-up-20xeb8a
icon-bullhorn0xeb8b
icon-clock-40xeb8c
icon-clock-alt0xeb8d
icon-stop-40xeb8e
icon-resize-full-40xeb8f
icon-resize-small-30xeb90
icon-zoom-in-20xeb91
icon-zoom-out-20xeb92
icon-popup-40xeb93
icon-down-dir-20xeb94
icon-left-dir-20xeb95
icon-right-dir-20xeb96
icon-up-dir-20xeb97
icon-down-40xeb98
icon-up-40xeb99
icon-cw-40xeb9a
icon-signal-30xeb9b
icon-award-20xeb9c
icon-mobile-40xeb9d
icon-mobile-alt0xeb9e
icon-tablet-20xeb9f
icon-ipod0xeba0
icon-cd-20xeba1
icon-grid0xeba2
icon-book-30xeba3
icon-easel0xeba4
icon-globe-30xeba5
icon-chart-10xeba6
icon-chart-bar-40xeba7
icon-chart-pie-40xeba8
icon-dollar-10xeba9
icon-at-30xebaa
icon-colon0xebab
icon-semicolon0xebac
icon-squares0xebad
icon-money-10xebae
icon-facebook-30xebaf
icon-facebook-rect0xebb0
icon-twitter-bird0xebb1
icon-youtube-10xebb2
icon-windy-rain-inv0xebb3
icon-snow-inv0xebb4
icon-snow-heavy-inv0xebb5
icon-hail-inv0xebb6
icon-clouds-inv0xebb7
icon-clouds-flash-inv0xebb8
icon-temperature0xebb9
icon-compass-40xebba
icon-na0xebbb
icon-celcius0xebbc
icon-fahrenheit0xebbd
icon-clouds-flash-alt0xebbe
icon-sun-inv-10xebbf
icon-moon-inv-10xebc0
icon-cloud-sun-inv0xebc1
icon-cloud-moon-inv0xebc2
icon-cloud-inv0xebc3
icon-cloud-flash-inv0xebc4
icon-drizzle-inv0xebc5
icon-rain-inv0xebc6
icon-windy-inv0xebc7
icon-sunrise0xebc8
icon-sun-30xebc9
icon-moon-40xebca
icon-eclipse0xebcb
icon-mist0xebcc
icon-wind-10xebcd
icon-snowflake0xebce
icon-cloud-sun-10xebcf
icon-cloud-moon0xebd0
icon-fog-sun0xebd1
icon-fog-moon0xebd2
icon-fog-cloud0xebd3
icon-fog0xebd4
icon-cloud-40xebd5
icon-cloud-flash-10xebd6
icon-cloud-flash-alt0xebd7
icon-drizzle-10xebd8
icon-rain-20xebd9
icon-windy0xebda
icon-windy-rain0xebdb
icon-snow-10xebdc
icon-snow-alt0xebdd
icon-snow-heavy0xebde
icon-hail0xebdf
icon-clouds0xebe0
icon-clouds-flash0xebe1
icon-mail-50xebe2
icon-heart-50xebe3
icon-star-50xebe4
icon-star-empty-20xebe5
icon-ok-40xebe6
icon-cancel-50xebe7
icon-plus-50xebe8
icon-help-circled-20xebe9
icon-help-circled-alt0xebea
icon-home-50xebeb
icon-pencil-50xebec
icon-attention-40xebed
icon-attention-alt-10xebee
icon-cog-40xebef
icon-mic-off0xebf0
icon-clock-50xebf1
icon-stopwatch-10xebf2
icon-hourglass-50xebf3
icon-down-50xebf4
icon-left-40xebf5
icon-right-40xebf6
icon-up-50xebf7
icon-down-bold-10xebf8
icon-left-bold-10xebf9
icon-right-bold-10xebfa
icon-up-bold-10xebfb
icon-down-fat0xebfc
icon-left-fat0xebfd
icon-right-fat0xebfe
icon-up-fat0xebff
icon-flash-40xec00
icon-cloud-50xec01
icon-vector-pencil0xec02
icon-at-40xec03
icon-female-10xec04
icon-male-10xec05
icon-king0xec06
icon-anchor-20xec07
icon-aboveground-rail0xec08
icon-airfield0xec09
icon-airport0xec0a
icon-art-gallery0xec0b
icon-bar0xec0c
icon-baseball0xec0d
icon-basketball0xec0e
icon-beer-20xec0f
icon-belowground-rail0xec10
icon-bicycle-10xec11
icon-bus-10xec12
icon-cafe0xec13
icon-campsite0xec14
icon-cemetery0xec15
icon-cinema0xec16
icon-college0xec17
icon-commerical-building0xec18
icon-credit-card-30xec19
icon-cricket0xec1a
icon-embassy0xec1b
icon-fast-food0xec1c
icon-ferry0xec1d
icon-fire-station0xec1e
icon-football0xec1f
icon-fuel0xec20
icon-garden0xec21
icon-giraffe0xec22
icon-golf0xec23
icon-grocery-store0xec24
icon-harbor0xec25
icon-heliport0xec26
icon-hospital-10xec27
icon-industrial-building0xec28
icon-library0xec29
icon-lodging0xec2a
icon-london-underground0xec2b
icon-minefield0xec2c
icon-monument0xec2d
icon-museum0xec2e
icon-pharmacy0xec2f
icon-pitch0xec30
icon-police0xec31
icon-post0xec32
icon-prison0xec33
icon-rail0xec34
icon-religious-christian0xec35
icon-religious-islam0xec36
icon-religious-jewish0xec37
icon-restaurant0xec38
icon-roadblock0xec39
icon-school0xec3a
icon-shop0xec3b
icon-skiing0xec3c
icon-soccer0xec3d
icon-swimming0xec3e
icon-tennis0xec3f
icon-theatre0xec40
icon-toilet0xec41
icon-town-hall0xec42
icon-trash-60xec43
icon-tree-20xec44
icon-tree-30xec45
icon-warehouse0xec46
icon-duckduckgo0xec47
icon-aim0xec48
icon-delicious-10xec49
icon-paypal-20xec4a
icon-flattr-10xec4b
icon-android-10xec4c
icon-eventful0xec4d
icon-smashmag0xec4e
icon-gplus-30xec4f
icon-wikipedia0xec50
icon-lanyrd0xec51
icon-calendar-60xec52
icon-stumbleupon-20xec53
icon-fivehundredpx0xec54
icon-pinterest-30xec55
icon-bitcoin-10xec56
icon-w3c0xec57
icon-foursquare-10xec58
icon-html5-10xec59
icon-ie0xec5a
icon-call0xec5b
icon-grooveshark0xec5c
icon-ninetyninedesigns0xec5d
icon-forrst0xec5e
icon-digg-10xec5f
icon-spotify-20xec60
icon-reddit-10xec61
icon-guest0xec62
icon-gowalla0xec63
icon-appstore0xec64
icon-blogger0xec65
icon-cc-20xec66
icon-dribbble-40xec67
icon-evernote-10xec68
icon-flickr-30xec69
icon-google-10xec6a
icon-viadeo-10xec6b
icon-instapaper0xec6c
icon-weibo-10xec6d
icon-klout0xec6e
icon-linkedin-40xec6f
icon-meetup-10xec70
icon-vk0xec71
icon-plancast0xec72
icon-disqus0xec73
icon-rss-50xec74
icon-skype-30xec75
icon-twitter-50xec76
icon-youtube-20xec77
icon-vimeo-30xec78
icon-windows-10xec79
icon-xing-10xec7a
icon-yahoo-10xec7b
icon-chrome-10xec7c
icon-email0xec7d
icon-macstore0xec7e
icon-myspace0xec7f
icon-podcast-10xec80
icon-amazon-10xec81
icon-steam-10xec82
icon-cloudapp0xec83
icon-dropbox-20xec84
icon-ebay0xec85
icon-facebook-50xec86
icon-github-40xec87
icon-github-circled-40xec88
icon-googleplay0xec89
icon-itunes0xec8a
icon-plurk0xec8b
icon-songkick0xec8c
icon-lastfm-30xec8d
icon-gmail0xec8e
icon-pinboard0xec8f
icon-openid-10xec90
icon-quora-10xec91
icon-soundcloud-30xec92
icon-tumblr-20xec93
icon-eventasaurus0xec94
icon-wordpress-10xec95
icon-yelp-10xec96
icon-intensedebate0xec97
icon-eventbrite0xec98
icon-scribd-10xec99
icon-posterous0xec9a
icon-stripe0xec9b
icon-opentable0xec9c
icon-cart0xec9d
icon-print-50xec9e
icon-angellist-10xec9f
icon-instagram-30xeca0
icon-dwolla0xeca1
icon-appnet0xeca2
icon-statusnet0xeca3
icon-acrobat0xeca4
icon-drupal-10xeca5
icon-buffer0xeca6
icon-pocket0xeca7
icon-bitbucket-10xeca8
icon-lego0xeca9
icon-login-30xecaa
icon-stackoverflow-10xecab
icon-hackernews0xecac
icon-lkdto0xecad
icon-facebook-60xecae
icon-facebook-rect-10xecaf
icon-twitter-60xecb0
icon-twitter-bird-10xecb1
icon-vimeo-40xecb2
icon-vimeo-rect0xecb3
icon-tumblr-rect0xecb4
icon-googleplus-rect0xecb5
icon-github-text0xecb6
icon-github-50xecb7
icon-icq0xecb8
icon-yandex-rect0xecb9
icon-vkontakte-rect0xecba
icon-odnoklassniki-10xecbb
icon-odnoklassniki-rect0xecbc
icon-friendfeed0xecbd
icon-friendfeed-rect0xecbe
icon-blogger-10xecbf
icon-blogger-rect0xecc0
icon-deviantart-10xecc1
icon-lastfm-40xecc2
icon-lastfm-rect0xecc3
icon-linkedin-rect0xecc4
icon-picasa-10xecc5
icon-instagram-40xecc6
icon-instagram-filled0xecc7
icon-box-40xecc8
icon-box-rect0xecc9
icon-youku0xecca
icon-win80xeccb
icon-discover0xeccc
icon-visa0xeccd
icon-houzz-10xecce
icon-glass-10xeccf
icon-music-30xecd0
icon-search-60xecd1
icon-search-circled0xecd2
icon-mail-60xecd3
icon-mail-circled0xecd4
icon-heart-60xecd5
icon-heart-circled0xecd6
icon-heart-empty-30xecd7
icon-star-60xecd8
icon-star-circled0xecd9
icon-star-empty-30xecda
icon-user-60xecdb
icon-group0xecdc
icon-group-circled0xecdd
icon-torso0xecde
icon-video-40xecdf
icon-video-circled0xece0
icon-video-alt-10xece1
icon-videocam-40xece2
icon-video-chat0xece3
icon-picture-40xece4
icon-camera-60xece5
icon-photo0xece6
icon-photo-circled0xece7
icon-th-large-20xece8
icon-th-30xece9
icon-th-list-40xecea
icon-view-mode0xeceb
icon-ok-50xecec
icon-ok-circled-20xeced
icon-ok-circled2-10xecee
icon-cancel-60xecef
icon-cancel-circled-40xecf0
icon-cancel-circled2-10xecf1
icon-plus-60xecf2
icon-plus-circled-20xecf3
icon-minus-40xecf4
icon-minus-circled-20xecf5
icon-help-30xecf6
icon-help-circled-30xecf7
icon-info-circled-30xecf8
icon-home-60xecf9
icon-home-circled0xecfa
icon-website0xecfb
icon-website-circled0xecfc
icon-attach-50xecfd
icon-attach-circled0xecfe
icon-lock-60xecff
icon-lock-circled0xed00
icon-lock-open-60xed01
icon-lock-open-alt-20xed02
icon-eye-60xed03
icon-eye-off-10xed04
icon-tag-50xed05
icon-tags-20xed06
icon-bookmark-30xed07
icon-bookmark-empty-10xed08
icon-flag-30xed09
icon-flag-circled0xed0a
icon-thumbs-up-40xed0b
icon-thumbs-down-40xed0c
icon-download-60xed0d
icon-download-alt0xed0e
icon-upload-50xed0f
icon-share-30xed10
icon-quote-10xed11
icon-quote-circled0xed12
icon-export-50xed13
icon-pencil-60xed14
icon-pencil-circled0xed15
icon-edit-30xed16
icon-edit-circled0xed17
icon-edit-alt0xed18
icon-print-60xed19
icon-retweet-30xed1a
icon-comment-50xed1b
icon-comment-alt-10xed1c
icon-bell-50xed1d
icon-warning-10xed1e
icon-exclamation0xed1f
icon-error0xed20
icon-error-alt0xed21
icon-location-60xed22
icon-location-circled0xed23
icon-compass-50xed24
icon-compass-circled0xed25
icon-trash-70xed26
icon-trash-circled0xed27
icon-doc-60xed28
icon-doc-circled0xed29
icon-doc-new0xed2a
icon-doc-new-circled0xed2b
icon-folder-50xed2c
icon-folder-circled0xed2d
icon-folder-close0xed2e
icon-folder-open-20xed2f
icon-rss-60xed30
icon-phone-30xed31
icon-phone-circled0xed32
icon-cog-50xed33
icon-cog-circled0xed34
icon-cogs0xed35
icon-wrench-40xed36
icon-wrench-circled0xed37
icon-basket-40xed38
icon-basket-circled0xed39
icon-calendar-70xed3a
icon-calendar-circled0xed3b
icon-mic-50xed3c
icon-mic-circled0xed3d
icon-volume-off-40xed3e
icon-volume-down-20xed3f
icon-volume-10xed40
icon-volume-up-30xed41
icon-headphones-30xed42
icon-clock-60xed43
icon-clock-circled0xed44
icon-lightbulb-20xed45
icon-lightbulb-alt0xed46
icon-block-40xed47
icon-resize-full-50xed48
icon-resize-full-alt-20xed49
icon-resize-small-40xed4a
icon-resize-vertical-20xed4b
icon-resize-horizontal-20xed4c
icon-move-30xed4d
icon-zoom-in-40xed4e
icon-zoom-out-40xed4f
icon-down-open-30xed50
icon-left-open-40xed51
icon-right-open-40xed52
icon-up-open-30xed53
icon-down-60xed54
icon-left-50xed55
icon-right-50xed56
icon-up-60xed57
icon-down-circled-20xed58
icon-left-circled-20xed59
icon-right-circled-20xed5a
icon-up-circled-20xed5b
icon-down-hand-10xed5c
icon-left-hand-10xed5d
icon-right-hand-10xed5e
icon-up-hand-10xed5f
icon-cw-50xed60
icon-cw-circled0xed61
icon-arrows-cw-20xed62
icon-shuffle-40xed63
icon-play-50xed64
icon-play-circled-10xed65
icon-play-circled2-10xed66
icon-stop-60xed67
icon-stop-circled0xed68
icon-pause-50xed69
icon-pause-circled0xed6a
icon-record-20xed6b
icon-eject-30xed6c
icon-backward0xed6d
icon-backward-circled0xed6e
icon-fast-backward-20xed6f
icon-fast-forward-20xed70
icon-forward-30xed71
icon-forward-circled0xed72
icon-step-backward0xed73
icon-step-forward0xed74
icon-target-40xed75
icon-signal-40xed76
icon-desktop-20xed77
icon-desktop-circled0xed78
icon-laptop-20xed79
icon-laptop-circled0xed7a
icon-network-10xed7b
icon-inbox-30xed7c
icon-inbox-circled0xed7d
icon-inbox-alt0xed7e
icon-globe-50xed7f
icon-globe-alt-10xed80
icon-cloud-60xed81
icon-cloud-circled0xed82
icon-flight-20xed83
icon-leaf-30xed84
icon-font-10xed85
icon-fontsize-10xed86
icon-bold-10xed87
icon-italic-10xed88
icon-text-height-10xed89
icon-text-width-10xed8a
icon-align-left-10xed8b
icon-align-center-10xed8c
icon-align-right-10xed8d
icon-align-justify-10xed8e
icon-list-30xed8f
icon-indent-left-10xed90
icon-indent-right-10xed91
icon-briefcase-30xed92
icon-off-10xed93
icon-road-10xed94
icon-qrcode-10xed95
icon-barcode-10xed96
icon-braille-10xed97
icon-book-40xed98
icon-adjust-20xed99
icon-tint-10xed9a
icon-check-30xed9b
icon-check-empty-10xed9c
icon-asterisk-10xed9d
icon-gift-20xed9e
icon-fire-20xed9f
icon-magnet-20xeda0
icon-chart-20xeda1
icon-chart-circled0xeda2
icon-credit-card-40xeda3
icon-megaphone-20xeda4
icon-clipboard-20xeda5
icon-hdd-20xeda6
icon-key-40xeda7
icon-certificate-20xeda8
icon-tasks-10xeda9
icon-filter-10xedaa
icon-gauge-20xedab
icon-smiley0xedac
icon-smiley-circled0xedad
icon-address-book-10xedae
icon-address-book-alt0xedaf
icon-asl0xedb0
icon-glasses0xedb1
icon-hearing-impaired0xedb2
icon-iphone-home0xedb3
icon-person0xedb4
icon-adult0xedb5
icon-child-10xedb6
icon-blind-10xedb7
icon-guidedog0xedb8
icon-accessibility0xedb9
icon-universal-access-10xedba
icon-male-20xedbb
icon-female-20xedbc
icon-behance-20xedbd
icon-blogger-20xedbe
icon-cc-30xedbf
icon-css0xedc0
icon-delicious-20xedc1
icon-deviantart-20xedc2
icon-digg-20xedc3
icon-dribbble-50xedc4
icon-facebook-70xedc5
icon-flickr-40xedc6
icon-foursquare-20xedc7
icon-friendfeed-10xedc8
icon-friendfeed-rect-10xedc9
icon-github-60xedca
icon-github-text-10xedcb
icon-googleplus0xedcc
icon-instagram-50xedcd
icon-linkedin-60xedce
icon-path0xedcf
icon-picasa-20xedd0
icon-pinterest-40xedd1
icon-reddit-20xedd2
icon-skype-50xedd3
icon-slideshare-10xedd4
icon-stackoverflow-20xedd5
icon-stumbleupon-30xedd6
icon-twitter-70xedd7
icon-tumblr-40xedd8
icon-vimeo-50xedd9
icon-vkontakte-20xedda
icon-w3c-10xeddb
icon-wordpress-30xeddc
icon-youtube-30xeddd
icon-music-40xedde
icon-search-70xeddf
icon-mail-70xede0
icon-heart-70xede1
icon-star-70xede2
icon-user-70xede3
icon-videocam-50xede4
icon-camera-70xede5
icon-photo-10xede6
icon-attach-60xede7
icon-lock-70xede8
icon-eye-70xede9
icon-tag-60xedea
icon-thumbs-up-50xedeb
icon-pencil-70xedec
icon-comment-60xeded
icon-location-70xedee
icon-cup-10xedef
icon-trash-80xedf0
icon-doc-70xedf1
icon-note-10xedf2
icon-cog-60xedf3
icon-params0xedf4
icon-calendar-80xedf5
icon-sound-10xedf6
icon-clock-70xedf7
icon-lightbulb-30xedf8
icon-tv0xedf9
icon-desktop-30xedfa
icon-mobile-60xedfb
icon-cd-30xedfc
icon-inbox-40xedfd
icon-globe-60xedfe
icon-cloud-70xedff
icon-paper-plane-30xee00
icon-fire-30xee01
icon-graduation-cap-20xee02
icon-megaphone-30xee03
icon-database-30xee04
icon-key-50xee05
icon-beaker-10xee06
icon-truck-10xee07
icon-money-20xee08
icon-food-10xee09
icon-shop-10xee0a
icon-diamond-10xee0b
icon-t-shirt0xee0c
icon-wallet0xee0d
icon-search-80xee0e
icon-mail-80xee0f
icon-heart-80xee10
icon-heart-empty-40xee11
icon-star-80xee12
icon-user-80xee13
icon-video-50xee14
icon-picture-50xee15
icon-th-large-30xee16
icon-th-40xee17
icon-th-list-50xee18
icon-ok-60xee19
icon-ok-circle-10xee1a
icon-cancel-70xee1b
icon-cancel-circle-20xee1c
icon-plus-circle-10xee1d
icon-minus-circle-10xee1e
icon-link-50xee1f
icon-attach-70xee20
icon-lock-80xee21
icon-lock-open-70xee22
icon-tag-70xee23
icon-reply-40xee24
icon-reply-all-20xee25
icon-forward-40xee26
icon-code-30xee27
icon-retweet-40xee28
icon-comment-70xee29
icon-comment-alt-20xee2a
icon-chat-60xee2b
icon-attention-50xee2c
icon-location-80xee2d
icon-doc-80xee2e
icon-docs-landscape0xee2f
icon-folder-60xee30
icon-archive-20xee31
icon-rss-70xee32
icon-rss-alt-10xee33
icon-cog-70xee34
icon-logout-30xee35
icon-clock-80xee36
icon-block-50xee37
icon-resize-full-60xee38
icon-resize-full-circle0xee39
icon-popup-50xee3a
icon-left-open-50xee3b
icon-right-open-50xee3c
icon-down-circle-10xee3d
icon-left-circle-10xee3e
icon-right-circle-10xee3f
icon-up-circle-10xee40
icon-down-dir-30xee41
icon-right-dir-30xee42
icon-down-micro0xee43
icon-up-micro0xee44
icon-cw-circle0xee45
icon-arrows-cw-30xee46
icon-updown-circle0xee47
icon-target-50xee48
icon-signal-50xee49
icon-progress-40xee4a
icon-progress-50xee4b
icon-progress-60xee4c
icon-progress-70xee4d
icon-progress-80xee4e
icon-progress-90xee4f
icon-progress-100xee50
icon-progress-110xee51
icon-font-20xee52
icon-list-40xee53
icon-list-numbered-10xee54
icon-indent-left-20xee55
icon-indent-right-20xee56
icon-cloud-80xee57
icon-terminal-10xee58
icon-facebook-rect-20xee59
icon-twitter-bird-20xee5a
icon-vimeo-rect-10xee5b
icon-tumblr-rect-10xee5c
icon-googleplus-rect-10xee5d
icon-linkedin-rect-10xee5e
icon-skype-60xee5f
icon-vkontakte-rect-10xee60
icon-youtube-40xee61
icon-odnoklassniki-rect-10xee62
icon-down-open-20xf004
icon-up-open-20xf005
icon-right-open-30xf006
icon-left-open-30xf007
icon-menu-30xf008
icon-th-list-30xf009
icon-th-thumb0xf00a
icon-th-thumb-empty0xf00b
icon-coverflow0xf00c
icon-coverflow-empty0xf00d
icon-pause-40xf00e
icon-play-40xf00f
icon-to-end-30xf010
icon-to-start-30xf011
icon-fast-forward-10xf012
icon-fast-backward-10xf013
icon-upload-cloud-40xf014
icon-download-cloud-20xf015
icon-data-science0xf016
icon-data-science-inv0xf017
icon-globe-40xf018
icon-globe-inv0xf019
icon-math0xf01a
icon-math-circled-empty0xf01b
icon-math-circled0xf01c
icon-paper-plane-20xf01d
icon-paper-plane-alt20xf01e
icon-paper-plane-alt0xf01f
icon-color-adjust0xf020
icon-star-half-10xf022
icon-star-half_empty0xf024
icon-ccw-20xf025
icon-heart-broken0xf028
icon-hash-10xf029
icon-reply-30xf02a
icon-retweet-20xf02b
icon-login-20xf02c
icon-logout-20xf02d
icon-download-50xf02e
icon-upload-40xf02f
icon-location-50xf031
icon-monitor-10xf032
icon-tablet-30xf033
icon-mobile-50xf034
icon-connected-object0xf035
icon-isight0xf039
icon-videocam-30xf03a
icon-shuffle-30xf03b
icon-chat-50xf03d
icon-bell-40xf03f
icon-movie0xf040
icon-ruler0xf044
icon-vector0xf045
icon-move0xf047
icon-mic-40xf048
icon-doc-50xf04a
icon-dribbble-circled-20xf04f
icon-dribbble-30xf050
icon-facebook-circled-20xf051
icon-facebook-40xf052
icon-github-circled-alt0xf053
icon-github-circled-30xf054
icon-github-30xf055
icon-github-circled-alt20xf056
icon-twitter-circled-20xf057
icon-twitter-40xf058
icon-gplus-circled-10xf059
icon-gplus-20xf05a
icon-linkedin-circled-20xf05b
icon-linkedin-30xf05c
icon-instagram-20xf05d
icon-instagram-circled0xf05e
icon-mfg-logo0xf05f
icon-mfg-logo-circled0xf060
icon-user-50xf061
icon-user-male0xf062
icon-user-female0xf063
icon-users-30xf064
icon-folder-40xf067
icon-folder-open-10xf068
icon-folder-empty-20xf069
icon-attach-40xf06a
icon-ok-circled-10xf06d
icon-cancel-circled-30xf06e
icon-inbox-20xf070
icon-trophy-10xf074
icon-lock-open-alt-10xf075
icon-link-40xf07b
icon-zoom-in-30xf07e
icon-zoom-out-30xf07f
icon-stop-50xf080
icon-export-40xf081
icon-eye-50xf082
icon-trash-50xf083
icon-hdd-10xf084
icon-info-circled-20xf085
icon-info-circled-alt0xf086
icon-print-40xf087
icon-fontsize0xf088
icon-soundcloud-20xf089
icon-soundcloud-circled0xf08a
icon-link-ext0xf08e
icon-check-empty0xf096
icon-bookmark-empty0xf097
icon-phone-squared0xf098
icon-twitter0xf099
icon-facebook0xf09a
icon-github-circled0xf09b
icon-rss0xf09e
icon-hdd0xf0a0
icon-certificate0xf0a3
icon-left-circled0xf0a8
icon-right-circled0xf0a9
icon-up-circled0xf0aa
icon-down-circled0xf0ab
icon-tasks0xf0ae
icon-filter0xf0b0
icon-resize-full-alt0xf0b2
icon-beaker0xf0c3
icon-docs0xf0c5
icon-blank0xf0c8
icon-menu0xf0c9
icon-list-bullet0xf0ca
icon-list-numbered0xf0cb
icon-strike0xf0cc
icon-underline0xf0cd
icon-table0xf0ce
icon-magic0xf0d0
icon-pinterest-circled0xf0d2
icon-pinterest-squared0xf0d3
icon-gplus-squared0xf0d4
icon-gplus0xf0d5
icon-money0xf0d6
icon-columns0xf0db
icon-sort0xf0dc
icon-sort-down0xf0dd
icon-sort-up0xf0de
icon-mail-alt0xf0e0
icon-linkedin0xf0e1
icon-gauge0xf0e4
icon-comment-empty0xf0e5
icon-chat-empty0xf0e6
icon-sitemap0xf0e8
icon-paste0xf0ea
icon-lightbulb0xf0eb
icon-exchange0xf0ec
icon-download-cloud0xf0ed
icon-upload-cloud0xf0ee
icon-user-md0xf0f0
icon-stethoscope0xf0f1
icon-suitcase0xf0f2
icon-bell-alt0xf0f3
icon-coffee0xf0f4
icon-food0xf0f5
icon-doc-text0xf0f6
icon-building0xf0f7
icon-hospital0xf0f8
icon-ambulance0xf0f9
icon-medkit0xf0fa
icon-fighter-jet0xf0fb
icon-beer0xf0fc
icon-h-sigh0xf0fd
icon-plus-squared0xf0fe
icon-angle-double-left0xf100
icon-angle-double-right0xf101
icon-angle-double-up0xf102
icon-angle-double-down0xf103
icon-angle-left0xf104
icon-angle-right0xf105
icon-angle-up0xf106
icon-angle-down0xf107
icon-desktop0xf108
icon-laptop0xf109
icon-tablet0xf10a
icon-mobile0xf10b
icon-circle-empty0xf10c
icon-quote-left0xf10d
icon-quote-right0xf10e
icon-spinner0xf110
icon-circle0xf111
icon-reply0xf112
icon-github0xf113
icon-folder-empty0xf114
icon-folder-open-empty0xf115
icon-smile0xf118
icon-frown0xf119
icon-meh0xf11a
icon-gamepad0xf11b
icon-keyboard0xf11c
icon-flag-empty0xf11d
icon-flag-checkered0xf11e
icon-terminal0xf120
icon-code0xf121
icon-reply-all0xf122
icon-star-half-alt0xf123
icon-direction0xf124
icon-crop0xf125
icon-fork0xf126
icon-unlink0xf127
icon-help0xf128
icon-info0xf129
icon-attention-alt0xf12a
icon-superscript0xf12b
icon-subscript0xf12c
icon-eraser0xf12d
icon-puzzle0xf12e
icon-mic0xf130
icon-mute0xf131
icon-shield0xf132
icon-calendar-empty0xf133
icon-extinguisher0xf134
icon-rocket0xf135
icon-maxcdn0xf136
icon-angle-circled-left0xf137
icon-angle-circled-right0xf138
icon-angle-circled-up0xf139
icon-angle-circled-down0xf13a
icon-html50xf13b
icon-css30xf13c
icon-anchor0xf13d
icon-lock-open-alt0xf13e
icon-bullseye0xf140
icon-ellipsis0xf141
icon-ellipsis-vert0xf142
icon-rss-squared0xf143
icon-play-circled0xf144
icon-ticket0xf145
icon-minus-squared0xf146
icon-minus-squared-alt0xf147
icon-level-up0xf148
icon-level-down0xf149
icon-ok-squared0xf14a
icon-pencil-squared0xf14b
icon-link-ext-alt0xf14c
icon-export-alt0xf14d
icon-compass0xf14e
icon-expand0xf150
icon-collapse0xf151
icon-expand-right0xf152
icon-euro0xf153
icon-pound0xf154
icon-dollar0xf155
icon-rupee0xf156
icon-yen0xf157
icon-rouble0xf158
icon-won0xf159
icon-bitcoin0xf15a
icon-doc-inv0xf15b
icon-doc-text-inv0xf15c
icon-sort-name-up0xf15d
icon-sort-name-down0xf15e
icon-sort-alt-up0xf160
icon-sort-alt-down0xf161
icon-sort-number-up0xf162
icon-sort-number-down0xf163
icon-thumbs-up-alt0xf164
icon-thumbs-down-alt0xf165
icon-youtube-squared0xf166
icon-youtube0xf167
icon-xing0xf168
icon-xing-squared0xf169
icon-youtube-play0xf16a
icon-dropbox0xf16b
icon-stackoverflow0xf16c
icon-instagram0xf16d
icon-flickr0xf16e
icon-adn0xf170
icon-bitbucket0xf171
icon-bitbucket-squared0xf172
icon-tumblr0xf173
icon-tumblr-squared0xf174
icon-down0xf175
icon-up0xf176
icon-left0xf177
icon-right0xf178
icon-apple0xf179
icon-windows0xf17a
icon-android0xf17b
icon-linux0xf17c
icon-dribbble0xf17d
icon-skype0xf17e
icon-foursquare0xf180
icon-trello0xf181
icon-female0xf182
icon-male0xf183
icon-gittip0xf184
icon-sun0xf185
icon-moon0xf186
icon-box0xf187
icon-bug0xf188
icon-vkontakte0xf189
icon-weibo0xf18a
icon-renren0xf18b
icon-pagelines0xf18c
icon-stackexchange0xf18d
icon-right-circled20xf18e
icon-left-circled20xf190
icon-collapse-left0xf191
icon-dot-circled0xf192
icon-wheelchair0xf193
icon-vimeo-squared0xf194
icon-try0xf195
icon-plus-squared-alt0xf196
icon-space-shuttle0xf197
icon-slack0xf198
icon-mail-squared0xf199
icon-wordpress0xf19a
icon-openid0xf19b
icon-bank0xf19c
icon-graduation-cap0xf19d
icon-yahoo0xf19e
icon-google0xf1a0
icon-reddit0xf1a1
icon-reddit-squared0xf1a2
icon-stumbleupon-circled0xf1a3
icon-stumbleupon0xf1a4
icon-delicious0xf1a5
icon-digg0xf1a6
icon-pied-piper-squared0xf1a7
icon-pied-piper-alt0xf1a8
icon-drupal0xf1a9
icon-joomla0xf1aa
icon-language0xf1ab
icon-fax0xf1ac
icon-building-filled0xf1ad
icon-child0xf1ae
icon-paw0xf1b0
icon-spoon0xf1b1
icon-cube0xf1b2
icon-cubes0xf1b3
icon-behance0xf1b4
icon-behance-squared0xf1b5
icon-steam0xf1b6
icon-steam-squared0xf1b7
icon-recycle0xf1b8
icon-cab0xf1b9
icon-taxi0xf1ba
icon-tree0xf1bb
icon-spotify0xf1bc
icon-deviantart0xf1bd
icon-soundcloud0xf1be
icon-database0xf1c0
icon-file-pdf0xf1c1
icon-file-word0xf1c2
icon-file-excel0xf1c3
icon-file-powerpoint0xf1c4
icon-file-image0xf1c5
icon-file-archive0xf1c6
icon-file-audio0xf1c7
icon-file-video0xf1c8
icon-file-code0xf1c9
icon-vine0xf1ca
icon-codeopen0xf1cb
icon-jsfiddle0xf1cc
icon-lifebuoy0xf1cd
icon-circle-notch0xf1ce
icon-rebel0xf1d0
icon-empire0xf1d1
icon-git-squared0xf1d2
icon-git0xf1d3
icon-hacker-news0xf1d4
icon-tencent-weibo0xf1d5
icon-qq0xf1d6
icon-wechat0xf1d7
icon-paper-plane0xf1d8
icon-paper-plane-empty0xf1d9
icon-history0xf1da
icon-circle-thin0xf1db
icon-header0xf1dc
icon-paragraph0xf1dd
icon-sliders0xf1de
icon-share0xf1e0
icon-share-squared0xf1e1
icon-bomb0xf1e2
icon-soccer-ball0xf1e3
icon-tty0xf1e4
icon-binoculars0xf1e5
icon-plug0xf1e6
icon-slideshare0xf1e7
icon-twitch0xf1e8
icon-yelp0xf1e9
icon-newspaper0xf1ea
icon-wifi0xf1eb
icon-calc0xf1ec
icon-paypal0xf1ed
icon-gwallet0xf1ee
icon-cc-visa0xf1f0
icon-cc-mastercard0xf1f1
icon-cc-discover0xf1f2
icon-cc-amex0xf1f3
icon-cc-paypal0xf1f4
icon-cc-stripe0xf1f5
icon-bell-off0xf1f6
icon-bell-off-empty0xf1f7
icon-trash0xf1f8
icon-copyright0xf1f9
icon-at0xf1fa
icon-eyedropper0xf1fb
icon-brush0xf1fc
icon-birthday0xf1fd
icon-chart-area0xf1fe
icon-chart-pie0xf200
icon-chart-line0xf201
icon-lastfm0xf202
icon-lastfm-squared0xf203
icon-toggle-off0xf204
icon-toggle-on0xf205
icon-bicycle0xf206
icon-bus0xf207
icon-ioxhost0xf208
icon-angellist0xf209
icon-cc0xf20a
icon-shekel0xf20b
icon-meanpath0xf20c
icon-buysellads0xf20d
icon-connectdevelop0xf20e
icon-dashcube0xf210
icon-forumbee0xf211
icon-leanpub0xf212
icon-sellsy0xf213
icon-shirtsinbulk0xf214
icon-simplybuilt0xf215
icon-skyatlas0xf216
icon-cart-plus0xf217
icon-cart-arrow-down0xf218
icon-diamond0xf219
icon-ship0xf21a
icon-user-secret0xf21b
icon-motorcycle0xf21c
icon-street-view0xf21d
icon-heartbeat0xf21e
icon-venus0xf221
icon-mars0xf222
icon-mercury0xf223
icon-transgender0xf224
icon-transgender-alt0xf225
icon-venus-double0xf226
icon-mars-double0xf227
icon-venus-mars0xf228
icon-mars-stroke0xf229
icon-mars-stroke-v0xf22a
icon-mars-stroke-h0xf22b
icon-neuter0xf22c
icon-genderless0xf22d
icon-facebook-official0xf230
icon-pinterest0xf231
icon-whatsapp0xf232
icon-server0xf233
icon-user-plus0xf234
icon-user-times0xf235
icon-bed0xf236
icon-viacoin0xf237
icon-train0xf238
icon-subway0xf239
icon-medium0xf23a
icon-y-combinator0xf23b
icon-optin-monster0xf23c
icon-opencart0xf23d
icon-expeditedssl0xf23e
icon-battery-40xf240
icon-battery-30xf241
icon-battery-20xf242
icon-battery-10xf243
icon-battery-00xf244
icon-mouse-pointer0xf245
icon-i-cursor0xf246
icon-object-group0xf247
icon-object-ungroup0xf248
icon-sticky-note0xf249
icon-sticky-note-o0xf24a
icon-cc-jcb0xf24b
icon-cc-diners-club0xf24c
icon-clone0xf24d
icon-balance-scale0xf24e
icon-hourglass-o0xf250
icon-hourglass-10xf251
icon-hourglass-20xf252
icon-hourglass-30xf253
icon-hourglass0xf254
icon-hand-grab-o0xf255
icon-hand-paper-o0xf256
icon-hand-scissors-o0xf257
icon-hand-lizard-o0xf258
icon-hand-spock-o0xf259
icon-hand-pointer-o0xf25a
icon-hand-peace-o0xf25b
icon-trademark0xf25c
icon-registered0xf25d
icon-creative-commons0xf25e
icon-gg0xf260
icon-gg-circle0xf261
icon-tripadvisor0xf262
icon-odnoklassniki0xf263
icon-odnoklassniki-square0xf264
icon-get-pocket0xf265
icon-wikipedia-w0xf266
icon-safari0xf267
icon-chrome0xf268
icon-firefox0xf269
icon-opera0xf26a
icon-internet-explorer0xf26b
icon-television0xf26c
icon-contao0xf26d
icon-500px0xf26e
icon-amazon0xf270
icon-calendar-plus-o0xf271
icon-calendar-minus-o0xf272
icon-calendar-times-o0xf273
icon-calendar-check-o0xf274
icon-industry0xf275
icon-map-pin0xf276
icon-map-signs0xf277
icon-map-o0xf278
icon-map0xf279
icon-commenting0xf27a
icon-commenting-o0xf27b
icon-houzz0xf27c
icon-vimeo0xf27d
icon-black-tie0xf27e
icon-fonticons0xf280
icon-reddit-alien0xf281
icon-edge0xf282
icon-credit-card-alt0xf283
icon-codiepie0xf284
icon-modx0xf285
icon-fort-awesome0xf286
icon-usb0xf287
icon-product-hunt0xf288
icon-mixcloud0xf289
icon-scribd0xf28a
icon-pause-circle0xf28b
icon-pause-circle-o0xf28c
icon-stop-circle0xf28d
icon-stop-circle-o0xf28e
icon-shopping-bag0xf290
icon-shopping-basket0xf291
icon-hashtag0xf292
icon-bluetooth0xf293
icon-bluetooth-b0xf294
icon-percent0xf295
icon-gitlab0xf296
icon-wpbeginner0xf297
icon-wpforms0xf298
icon-envira0xf299
icon-universal-access0xf29a
icon-wheelchair-alt0xf29b
icon-question-circle-o0xf29c
icon-blind0xf29d
icon-audio-description0xf29e
icon-volume-control-phone0xf2a0
icon-braille0xf2a1
icon-assistive-listening-systems0xf2a2
icon-american-sign-language-interpreting0xf2a3
icon-asl-interpreting0xf2a4
icon-glide0xf2a5
icon-glide-g0xf2a6
icon-sign-language0xf2a7
icon-low-vision0xf2a8
icon-viadeo0xf2a9
icon-viadeo-square0xf2aa
icon-snapchat0xf2ab
icon-snapchat-ghost0xf2ac
icon-snapchat-square0xf2ad
icon-pied-piper0xf2ae
icon-first-order0xf2b0
icon-yoast0xf2b1
icon-themeisle0xf2b2
icon-google-plus-circle0xf2b3
icon-font-awesome0xf2b4
icon-handshake-o0xf2b5
icon-envelope-open0xf2b6
icon-envelope-open-o0xf2b7
icon-linode0xf2b8
icon-address-book0xf2b9
icon-address-book-o0xf2ba
icon-address-card0xf2bb
icon-address-card-o0xf2bc
icon-user-circle0xf2bd
icon-user-circle-o0xf2be
icon-user-o0xf2c0
icon-id-badge0xf2c1
icon-id-card0xf2c2
icon-id-card-o0xf2c3
icon-quora0xf2c4
icon-free-code-camp0xf2c5
icon-telegram0xf2c6
icon-thermometer0xf2c7
icon-thermometer-30xf2c8
icon-thermometer-20xf2c9
icon-thermometer-quarter0xf2ca
icon-thermometer-00xf2cb
icon-shower0xf2cc
icon-bath0xf2cd
icon-podcast0xf2ce
icon-window-maximize0xf2d0
icon-window-minimize0xf2d1
icon-window-restore0xf2d2
icon-window-close0xf2d3
icon-window-close-o0xf2d4
icon-bandcamp0xf2d5
icon-grav0xf2d6
icon-etsy0xf2d7
icon-imdb0xf2d8
icon-ravelry0xf2d9
icon-eercast0xf2da
icon-microchip0xf2db
icon-snowflake-o0xf2dc
icon-superpowers0xf2dd
icon-wpexplorer0xf2de
icon-meetup0xf2e0
icon-github-squared0xf300
icon-github-circled-10xf301
icon-twitter-30xf302
icon-flickr-10xf303
icon-twitter-squared0xf304
icon-yandex0xf305
icon-vimeo-10xf306
icon-vimeo-circled0xf307
icon-facebook-squared0xf308
icon-twitter-10xf309
icon-twitter-circled0xf30a
icon-skype-40xf30b
icon-linkedin-squared0xf30c
icon-facebook-circled0xf30d
icon-facebook-squared-10xf30e
icon-gplus-10xf30f
icon-gplus-circled0xf310
icon-tumblr-30xf311
icon-pinterest-10xf312
icon-pinterest-circled-10xf313
icon-twitter-rect0xf314
icon-tumblr-10xf315
icon-tumblr-circled0xf316
icon-jabber0xf317
icon-linkedin-10xf318
icon-linkedin-circled0xf319
icon-linkedin-50xf31a
icon-dribbble-10xf31b
icon-dribbble-circled0xf31c
icon-wordpress-20xf31d
icon-stumbleupon-10xf31e
icon-stumbleupon-circled-10xf31f
icon-diigo0xf320
icon-lastfm-10xf321
icon-lastfm-circled0xf322
icon-tudou0xf323
icon-rdio0xf324
icon-rdio-circled0xf325
icon-amex0xf326
icon-spotify-10xf327
icon-spotify-circled0xf328
icon-mastercard0xf329
icon-qq-10xf32a
icon-bandcamp-10xf32b
icon-codepen0xf32c
icon-instagram-10xf32d
icon-dropbox-10xf330
icon-evernote0xf333
icon-flattr0xf336
icon-skype-10xf339
icon-skype-circled0xf33a
icon-renren-10xf33c
icon-sina-weibo0xf33f
icon-paypal-10xf342
icon-picasa0xf345
icon-soundcloud-10xf348
icon-mixi0xf34b
icon-behance-10xf34e
icon-google-circles0xf351
icon-vkontakte-10xf354
icon-smashing0xf357
icon-comment-40xf4ac
icon-folder-open-empty-10xf4c2
icon-calendar-50xf4c5
icon-newspaper-20xf4f0
icon-camera-50xf4f7
icon-search-50xf50d
icon-lock-alt0xf510
icon-lock-50xf512
icon-lock-open-50xf513
icon-joystick0xf514
icon-fire-10xf525
icon-chart-bar-50xf526
icon-spread0xf527
icon-spinner10xf528
icon-spinner20xf529
icon-db-shape0xf600
icon-sweden0xf601
icon-logo-db0xf603

Simple Footer

In addition to the other elements, the framework provides a footer in the footer where additional information such as links to other pages or the imprint can be placed. The footer line can be accessed via the class .footer-line.

CompanyName

Das ist der Footer unsere Frameworks, hier können Firmenname sowie zusätzliche Informationen platziert werden. Weiteres bietet der Footer Platz für Social Media Icons und für ein Impressum. 

<footer class="footer-container">
    <div class="footer-content text-left">
        <p class="footer-title">
            CompanyName
        </p>
        <p>
            Das ist der Footer unsere Frameworks, hier können Firmenname sowie zusätzliche Informationen platziert werden. Weiteres bietet der Footer
            Platz für Social Media Icons und für ein Impressum.
        </p>
    </div>
</footer>

Imprint

The imprint is a legally prescribed indication of source for publications. It should be accessible from every page, so it is a good idea to place the imprint in the footer of a page. 

<footer class="footer-container">
    <p class="footer-title">
        CompanyName
    </p>
    <div class="footer-line center">
       <a class="footer-link" href="#">Impressum</a>
    </div>
</footer>

Contact information

The footer is a good option for contact information. It is possible to place links that point the visitor to other pages. The class .footer-logo also makes it easy to integrate your own logos and those of sponsors.

CompanyName 

<footer class="footer-container">
    <p class="footer-title">
        CompanyName
    </p>
    <p>
        <img src="../../lib/img/creative_puzzle_v1.5.1_.png" class="footer-logo" alt="Creative Puzzle Logo">
    </p>
</footer>

Placement

The positioning of the footer is realized normally in one column. All added elements are placed below the previous element. To give the footer additional positioning options, the framework provides two classes. The class .footer-center centers the existing contents of the footer. With the class .footer-row , the content elements of the footer change their positioning in a row instead of a column.

CompanyName

Das ist der Footer unsere Frameworks.

twitter icon facebook icon instagram icon

Impressum

CompanyName

Das ist der Footer unsere Frameworks, hier können Firmenname sowie zusätzliche Informationen platziert werden.

twitter icon facebook icon instagram icon

Impressum 
<footer class="footer-container ">
    <div class="footer-content footer-row">
        <p class="footer-title">CompanyName</p>
        <p>
            Das ist der Footer unsere Frameworks.
        </p>
        <p class="icon-container">
            <img class="footer-icon" src="../../lib/img/twitter.png" alt="twitter icon">
            <img class="footer-icon" src="../../lib/img/facebook.png" alt="facebook icon">
            <img class="footer-icon" src="../../lib/img/instagram.png" alt="instagram icon">
        </p>
        </div>
        <div class="footer-line center">
            <a class="footer-link" href="#">Impressum</a>
        </div>
</footer>
<footer class="footer-container ">
    <div class="footer-content footer-center">
        <p class="footer-title">CompanyName</p>
        <p>
            Das ist der Footer unsere Frameworks, hier können Firmenname sowie zusätzliche Informationen platziert werden.
        </p>
        <p class="icon-container">
            <img class="footer-icon" src="../../lib/img/twitter.png" alt="twitter icon">
            <img class="footer-icon" src="../../lib/img/facebook.png" alt="facebook icon">
            <img class="footer-icon" src="../../lib/img/instagram.png" alt="instagram icon">
        </p>
    </div>
    <div class="footer-line center">
        <a class="footer-link" href="#">Impressum</a>
    </div>
</footer>