Structure

├── assets
│   ├── css
│   └── fonts
│   └── plugins // bxslider, jquery.fs, autocomplete
│   └── js
│   └── img
│   └── ico  
│   └── bootstrap
├── images
├── ajax    // Category ajax tab
├── doc     // Documentation css,img
└── 
    ├── coming-soon.html
    ├── index.html
    ├── index-v-2.html
    ├── index-map.html NEW
    ├── preview-index.html
    ├── about-us.html
    ├── blogs.html
    ├── blogs-details.html
    ├── faq.html
    ├── ads-details.html
    ├── ads-details-2-vertical-thumb.html NEW
    ├── ads-details-automobile.html NEW
    ├── contact.html
    ├── Documentation -Bootclassified -V1.3.html
    ├── sub-category-sub-location.html          
    ├── posting-success.html
    ├── category.html       
    ├── post-ads.html        
    ├── category-no-ajax.html           
    ├── signup.html            
    ├── login.html              
    └── forgot-password.html  
    └── account-saved-search.html   
    └── pending-approval-ads.html   
    └── account-myads.html     
    └── account-home.html     
    └── account-favourite-ads.html   
    └── account-close.html  
    └── account-archived-ads.html   
    └── form.html
    └── job-details.html NEW
    └── job-home.html NEW
    └── job-list.html NEW
    └── job-login.html NEW
    └── job-post.html NEW
    └── job-signup.html NEW
    └── seller-profile.html NEW
    └── statements.html NEW
    └── terms-conditions.html NEW
    └── property-details.html NEW
    └── property-list.html NEW

Color scheme

Base Theme Color.

All color code & variable can be found in _variables.scss files

Base color code :

Color Color Variable
$brand-primary
$brand-success
$brand-info
$brand-warning
$brand-danger
$brand-inverse
img

SCSS & Grant

Getting started

Grunt and Grunt plugins are installed and managed via npm, the Node.js package manager. Grunt 0.4.x requires stable Node.js versions >= 0.8.0. Odd version numbers of Node.js are considered unstable development versions.

If you haven't used Grunt before, be sure to check out the Getting Started guide, as it explains how to create a Gruntfile as well as install and use Grunt plugins. Once you're familiar with that process, you may install this plugin with this command:
npm install

Assuming that the Grunt CLI has been installed and that the project has already been configured with a package.json and a Gruntfile, it's very easy to start working with Grunt:

  1. Run command to the project's root directory.
  2. Install project dependencies with npm install.
  3. Run Grunt with grunt.

Grunt Command

The 'default' task is what will run when you type grunt into the command line in your local project.
All grunt tasks can be found in Gruntfile.js file.

Grunt Command : Gruntfile.rtl.js RTL

IMPORTANT

Please rename Gruntfile.rtl.js to Gruntfile.js

For example usages:


Task Commands
Compile CSS grunt sass
Watch grunt watch

Typography

All HTML headings, <h1> through <h6>, are available. .h1 through .h6 classes are also available, for when you want to match the font styling of a heading but still want your text to be displayed inline.

h1. Bootstrap heading

Semibold 36px

h2. Bootstrap heading

Semibold 30px

h3. Bootstrap heading

Semibold 24px

h4. Bootstrap heading

Semibold 18px
h5. Bootstrap heading
Semibold 14px
h6. Bootstrap heading
Semibold 12px
<h1>h1. Bootstrap heading</h1>
<h2>h2. Bootstrap heading</h2>
<h3>h3. Bootstrap heading</h3>
<h4>h4. Bootstrap heading</h4>
<h5>h5. Bootstrap heading</h5>
<h6>h6. Bootstrap heading</h6>

You can use the mark tag to highlight text.

This line of text is meant to be treated as deleted text.

This line of text is meant to be treated as no longer accurate.

This line of text is meant to be treated as an addition to the document.

This line of text will render as underlined

This line of text is meant to be treated as fine print.

This line rendered as bold text.

This line rendered as italicized text.

<p>You can use the mark tag to <mark>highlight</mark> text.</p>
<p><del>This line of text is meant to be treated as deleted text.</del></p>
<p><s>This line of text is meant to be treated as no longer accurate.</s></p>
<p><ins>This line of text is meant to be treated as an addition to the document.</ins></p>
<p><u>This line of text will render as underlined</u></p>
<p><small>This line of text is meant to be treated as fine print.</small></p>
<p><strong>This line rendered as bold text.</strong></p>
<p><em>This line rendered as italicized text.</em></p>

classified ads FAQ


                      <h1 class="text-center title-1"> classified ads <strong>FAQ</strong> </h1>
                      
                  

Inline text elements

Styling for common inline HTML5 elements.

<p>You can use the mark tag to <mark>highlight</mark> text.</p>
<p><del>This line of text is meant to be treated as deleted text.</del></p>
<p><s>This line of text is meant to be treated as no longer accurate.</s></p>
<p><ins>This line of text is meant to be treated as an addition to the document.</ins></p>
<p><u>This line of text will render as underlined</u></p>
<p><small>This line of text is meant to be treated as fine print.</small></p>
<p><strong>This line rendered as bold text.</strong></p>
<p><em>This line rendered as italicized text.</em></p>

Post a Free Classified Ad


                      <h2 class="title-2 uppercase"><strong> <i class="icon-docs"></i> Post a Free Classified Ad</strong> </h2>
                      
                  
Ads Detsils
<h5 class="list-title"><strong>Ads
                                Detsils</strong></h5>

Popular locations

 <h3 class="title-2"> <i
                                class="icon-location-2"></i> Popular locations </h3>
                            
Seller information
<div class="content-subheading"> <i class="icon-user
                      fa"></i> <strong>Seller information</strong> </div>
                  

List

  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
  • Nulla volutpat aliquam velit
    • Phasellus iaculis neque
    • Purus sodales ultricies
    • Vestibulum laoreet porttitor sem
    • Ac tristique libero volutpat at
  • Faucibus porta lacus fringilla vel
  • Aenean sit amet erat nunc
  • Eget porttitor lorem
<ul class="list ">
                                
  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
  • Nulla volutpat aliquam velit
    • Phasellus iaculis neque
    • Purus sodales ultricies
    • Vestibulum laoreet porttitor sem
    • Ac tristique libero volutpat at
  • Faucibus porta lacus fringilla vel
  • Aenean sit amet erat nunc
  • Eget porttitor lorem
<ul class="list list-circle">
                                
  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
  • Nulla volutpat aliquam velit
    • Phasellus iaculis neque
    • Purus sodales ultricies
    • Vestibulum laoreet porttitor sem
    • Ac tristique libero volutpat at
  • Faucibus porta lacus fringilla vel
  • Aenean sit amet erat nunc
  • Eget porttitor lorem
<ul class="list list-number">
                                
  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
  • Nulla volutpat aliquam velit
  • Faucibus porta lacus fringilla vel
  • Aenean sit amet erat nunc
  • Eget porttitor lorem
<ul class="list list-check">
                                
  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
  • Faucibus porta lacus fringilla vel
  • Aenean sit amet erat nunc
  • Eget porttitor lorem
<ul class="list list-border">
                                
  • Cras justo odio
  • Dapibus ac facilisis in
  • Morbi leo risus
  • Porta ac consectetur ac
  • Vestibulum at eros
<ul class="list-group">
                    <li class="list-group-item">Cras justo odio</li>
                    <li class="list-group-item">Dapibus ac facilisis in</li>
                    <li class="list-group-item">Morbi leo risus</li>
                    <li class="list-group-item">Porta ac consectetur ac</li>
                    <li class="list-group-item">Vestibulum at eros</li>
                    </ul>
                

Buttons

<button type="button" class="btn btn-primary">Primary</button>
<button type="button" class="btn btn-secondary">Secondary</button>
<button type="button" class="btn btn-success">Success</button>
<button type="button" class="btn btn-danger">Danger</button>
<button type="button" class="btn btn-warning">Warning</button>
<button type="button" class="btn btn-info">Info</button>
<button type="button" class="btn btn-light">Light</button>
<button type="button" class="btn btn-dark">Dark</button>

<button type="button" class="btn btn-link">Link</button>


Customs Button

Button css class
Default <a href="#" class="btn btn-default">Default</a>
Primary btn btn-primary
Info btn btn-info
Success btn btn-success
Danger btn btn-danger
Facebook btn btn-fb
twitter btn btn-tw
Add to cart <a class="btn btn-primary">
<i class="glyphicon glyphicon-shopping-cart"> </i>
Add to cart
</a>
01680 531 352

<a class="btn btn-info btn-block"><i class=" icon-phone-1"></i> 01680 531 352 </a>

Post Free Add <a class="btn btn-border btn-danger">Post Free Add</a>
View more <a class="btn btn-sm btn-danger">
<i class="fa fa-shopping-cart"> </i>
VIEW CART
</a>
Block level button <a class="btn btn-danger btn-block">
Block level button
</a>
+ Click Me ! <a class="btn btn-thin" href="#">
<i class="fa fa-plus-sign">+</i> Click Me !
</a>

Button Sizes

Fancy larger or smaller buttons? Add .btn-lg, .btn-sm, or .btn-xs for additional sizes.

<p>
                    <button type="button"
                    class="btn btn-primary btn-lg">Large button</button>
                    <button type="button"
                    class="btn btn-default btn-lg">Large button</button>
                    </p>
                    <p>
                    <button type="button"
                    class="btn btn-primary">Default
                    button</button>
                    <button type="button"
                    class="btn btn-default">Default
                    button</button>
                    </p>
                    <p>
                    <button type="button"
                    class="btn btn-primary btn-sm">Small button</button>
                    <button type="button"
                    class="btn btn-default btn-sm">Small button</button>
                    </p>
                    <p>
                    <button type="button"
                    class="btn btn-primary btn-sm">Extra small button</button>
                    <button type="button"
                    class="btn btn-default btn-sm">Extra small button</button>
                    </p>
                

Labels

Example heading New

Example heading New

Example heading New

Example heading New

Example heading New
Example heading New
<h3>Example heading <span class="label label-default">New</span></h3>
                
Default Primary Success Info Warning Danger Clear
<span class="label label-default">Default</span>
                    <span class="label label-primary">Primary</span>
                    <span class="label label-success">Success</span>
                    <span class="label label-info">Info</span>
                    <span class="label label-warning">Warning</span>
                    <span class="label label-danger">Danger</span>
                    <span class="label labelRounded label-danger"> Clear </span>
                

Alerts

Well done! You successfully read this important alert message.
Heads up! This alert needs your attention, but it's not super important.
Warning! Better check yourself, you're not looking too good.
Oh snap! Change a few things up and try submitting again.
<div class="alert alert-warning alert-dismissable">
                    <button type="button"
                    class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
                    <strong>Warning!</strong> Better check
                    yourself, you're not looking too good.
                    </div>
                
<div class="alert alert-success">...</div>
                    <div class="alert alert-info">...</div>
                    <div class="alert alert-warning">...</div>
                    <div class="alert alert-danger">...</div>
                

Badges

<a href="#">Inbox <span class="badge">42</span></a>
                
<ul class="nav nav-pills nav-stacked">
                    <li class="active">
                    <a href="#">
                    <span class="badge pull-right">42</span>
                    Home
                    </a>
                    </li>
                    ...
                    </ul>
                

Panels

Panel heading without title
Panel content

Panel title

Panel content
<div class="card card-default">
                    <div class="card-header">Panel heading without title</div>
                    <div class="panel-body">
                    Panel content
                    </div>
                    </div>

                    <div class="card card-default">
                    <div class="card-header">
                    <h3 class="card-title">Panel title</h3>
                    </div>
                    <div class="panel-body">
                    Panel content
                    </div>
                    </div>
                

With tables

Panel heading
# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
<div class="card card-default">
                    <!-- Default panel contents -->
                    <div class="card-header">Panel heading</div>

                    <!-- Table -->
                    <table class="table">
                    ...
                    </table>
                    </div>
                

Form Element

Inputs

<input type="text"
                    class="form-control" placeholder="Text input">
                

Textarea

<textarea class="form-control" rows="3"></textarea>
                

Checkboxes and radios

<div class="radio">
                    <label>
                    <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
                    Option one is this and that&mdash;be sure to include why it's great
                    </label>
                    </div>
                    <div class="radio">
                    <label>
                    <input type="radio" name="optionsRadios" id="optionsRadios2" value="option2">
                    Option two can be something else and selecting it will deselect option one
                    </label>
                    </div>
                
 <div class="checkbox">
<label for="checkboxes-0">
<input name="checkboxes" id="checkboxes-0" value="1" type="checkbox">
Option one </label>
</div>
<div class="checkbox">
<label for="checkboxes-1">
<input name="checkboxes" id="checkboxes-1" value="2" type="checkbox">
Option two </label>
</div>

Selects


<select class="form-control">
                    <option>1</option>
                    <option>2</option>
                    <option>3</option>
                    <option>4</option>
                    <option>5</option>
                    </select>

Tabs

..content 1

Sed ut eros felis. Vestibulum rutrum imperdiet nunc a interdum. In scelerisque libero ut elit porttitor commodo. Suspendisse laoreet magna nec urna fringilla viverra.

..content 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

..content 3

 <ul class="nav nav-tabs">
<li class="active"><a href="#Tab1" data-toggle="tab">Tab1</a></li>
<li><a href="#Tab2" data-toggle="tab">Tab2</a></li>
<li><a href="#Tab3" data-toggle="tab">Tab3</a></li>
</ul>

<!-- Tab panes -->
<div class="tab-content">
<div class="tab-pane active" id="Tab1">
<p> <strong>..content 2</strong> </p>
</div>

<div class="tab-pane" id="Tab2">
<p> <strong>..content 2</strong> </p>
</div>

<div class="tab-pane" id="Tab3">
<p> <strong>..content 3</strong> </p>
</div>
</div> <!-- /.tab content -->

Collapsible

Collapsible Single Item

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
<div class="card card-default">
<div class="card-header">
<h4 class="card-title">
<a href="#collapseSingleOne" data-toggle="collapse" class="collapsed Collapsible Item #1
</a>
</h4>
</div>
<div class="panel-collapse collapse" id="collapseSingleOne" style="height: 0px;"> <div class="panel-body">
----- </div>
</div>
</div>

Collapsible Group

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
<div class="panel-group" id="accordion">
                          <div class="card card-default">
                          <div class="card-header">
                          <h4 class="card-title">
                          <a data-toggle="collapse" data-parent="#accordion"
                          href="#collapseOne">
                          Collapsible Group Item #1
                          </a>
                          </h4>
                          </div>
                          <div id="collapseOne" class="panel-collapse collapse show">
                          <div class="panel-body">
                          Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad
                          squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa
                          nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid
                          single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer
                          labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo.
                          Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably
                          haven't heard of them accusamus labore sustainable VHS.
                          </div>
                          </div>
                          </div>
                          <div class="card card-default">
                          <div class="card-header">
                          <h4 class="card-title">
                          <a data-toggle="collapse" data-parent="#accordion"
                          href="#collapseTwo">
                          Collapsible Group Item #2
                          </a>
                          </h4>
                          </div>
                          <div id="collapseTwo" class="panel-collapse collapse">
                          <div class="panel-body">
                          Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad
                          squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa
                          nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid
                          single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer
                          labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo.
                          Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably
                          haven't heard of them accusamus labore sustainable VHS.
                          </div>
                          </div>
                          </div>
                          <div class="card card-default">
                          <div class="card-header">
                          <h4 class="card-title">
                          <a data-toggle="collapse" data-parent="#accordion"
                          href="#collapseThree">
                          Collapsible Group Item #3
                          </a>
                          </h4>
                          </div>
                          <div id="collapseThree" class="panel-collapse collapse">
                          <div class="panel-body">
                          Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad
                          squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa
                          nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid
                          single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer
                          labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo.
                          Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably
                          haven't heard of them accusamus labore sustainable VHS.
                          </div>
                          </div>
                          </div>
                          </div>
                      

Modals

<div class="modal fade">
                      <div class="modal-dialog">
                      <div class="modal-content">
                      <div class="modal-header">
                      <button type="button"
                      class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                      <h4 class="modal-title-site text-center">Modal title</h4>
                      </div>
                      <div class="modal-body">
                      <p>One fine body&hellip;</p>
                      </div>
                      <div class="modal-footer">
                      <button type="button"
                      class="btn btn-default" data-dismiss="modal">Close</button>
                      <button type="button"
                      class="btn btn-primary">Save
                      changes</button>
                      </div>
                      </div><!-- /.modal-content -->
                      </div><!-- /.modal-dialog -->
                      </div><!-- /.modal -->
                  
<!-- Button trigger modal -->
                      <button class="btn btn-primary btn-lg"
                      data-toggle="modal" data-target="#myModal">
                      Launch demo modal
                      </button>

                      <!-- Modal -->
                      <div class="modal fade"
                      id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                      <div class="modal-dialog">
                      <div class="modal-content">

                      <div class="modal-header">
                      <button type="button"
                      class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                      <h4 class="modal-title"
                      id="myModalLabel">Modal
                      title</h4>
                      </div>
                      <div class="modal-body">
                      ...
                      </div>
                      <div class="modal-footer">
                      <button type="button"
                      class="btn btn-default" data-dismiss="modal">Close</button>
                      <button type="button"
                      class="btn btn-primary">Save
                      changes</button>
                      </div>
                      </div>
                      </div>
                      </div>
                  

Tooltips

The tooltip plugin generates content and markup on demand, and by default places tooltips after their trigger element.

Trigger the tooltip via JavaScript:

$('.tooltipHere').tooltip()
                  
Button Markup

<button data-placement="left" data-toggle="tooltip"

class="btn btn-default tooltipHere" type="button"

data-original-title="Tooltip on left">

Tooltip on left</button>

<button class="btn btn-default tooltipHere" title=""

data-placement="top" data-toggle="tooltip" type="button"

data-original-title="Tooltip on top">Tooltip on top</button>

<button class="btn btn-default tooltipHere" title=""

data-placement="bottom" data-toggle="tooltip" type="button"

data-original-title="Tooltip on bottom">Tooltip on bottom</button>

<button class="btn btn-default tooltipHere" title="" data-placement="right"

data-toggle="tooltip" type="button"

data-original-title="Tooltip on right">Tooltip on right</button>

B

<span title="" data-placement="right" data-toggle="tooltip"

class="add-type business-ads tooltipHere"

data-original-title="Business Ads">B </span>

Fontello Icon

icon-search0xe800
icon-mail0xe801
icon-heart0xe802
icon-heart-empty0xe803
icon-star-empty0xe804
icon-star0xe805
icon-user0xe806
icon-users0xe807
icon-user-add0xe808
icon-picture0xe809
icon-camera0xe80a
icon-layout0xe80b
icon-menu0xe80c
icon-check0xe80d
icon-cancel0xe80e
icon-tag0xe80f
icon-eye0xe810
icon-lock-open0xe811
icon-lock0xe812
icon-attach0xe813
icon-link0xe814
icon-home0xe815
icon-info-circled0xe816
icon-help-circled0xe817
icon-help0xe818
icon-info0xe819
icon-bookmark0xe81a
icon-bookmarks0xe81b
icon-flag0xe81c
icon-thumbs-up0xe81d
icon-thumbs-down0xe81e
icon-quote0xe81f
icon-export0xe820
icon-pencil0xe821
icon-feather0xe822
icon-keyboard0xe823
icon-retweet0xe824
icon-comment0xe825
icon-book0xe826
icon-book-open0xe827
icon-newspaper0xe828
icon-doc-text-inv0xe829
icon-doc-text0xe82a
icon-doc-landscape0xe82b
icon-docs0xe82c
icon-doc0xe82d
icon-trash0xe82e
icon-cup0xe82f
icon-compass0xe830
icon-direction0xe831
icon-map0xe832
icon-location0xe833
icon-address0xe834
icon-vcard0xe835
icon-alert0xe836
icon-attention0xe837
icon-bell0xe838
icon-chat0xe839
icon-down-open-big0xe83a
icon-left-open-big0xe83b
icon-right-open-big0xe83c
icon-up-open-big0xe83d
icon-basket0xe83e
icon-bag0xe83f
icon-calendar0xe840
icon-login0xe841
icon-logout0xe842
icon-sound0xe843
icon-clock0xe844
icon-phone0xe845
icon-lamp0xe846
icon-ccw0xe847
icon-cw0xe848
icon-arrows-ccw0xe849
icon-level-down0xe84a
icon-level-up0xe84b
icon-shuffle0xe84c
icon-globe0xe84d
icon-network0xe84e
icon-trophy0xe84f
icon-air0xe850
icon-water0xe851
icon-droplet0xe852
icon-leaf0xe853
icon-paper-plane0xe854
icon-flight0xe855
icon-flash0xe856
icon-moon0xe857
icon-graduation-cap0xe858
icon-lifebuoy0xe859
icon-mouse0xe85a
icon-briefcase0xe85b
icon-suitcase0xe85c
icon-th-list0xe85d
icon-th0xe85e
icon-th-large0xe85f
icon-search-10xe860
icon-signal0xe861
icon-arrows-cw0xe862
icon-lock-10xe863
icon-attach-10xe864
icon-music0xe865
icon-search-20xe866
icon-mail-10xe867
icon-heart-10xe868
icon-star-10xe869
icon-user-10xe86a
icon-videocam0xe86b
icon-camera-10xe86c
icon-photo0xe86d
icon-attach-20xe86e
icon-eye-10xe86f
icon-thumbs-up-10xe870
icon-pencil-10xe871
icon-location-10xe872
icon-cup-10xe873
icon-trash-10xe874
icon-doc-10xe875
icon-key0xe876
icon-database0xe877
icon-megaphone0xe878
icon-graduation-cap-10xe879
icon-fire0xe87a
icon-paper-plane-10xe87b
icon-cloud0xe87c
icon-globe-10xe87d
icon-inbox0xe87e
icon-cd0xe87f
icon-mobile0xe880
icon-desktop0xe881
icon-tv0xe882
icon-lightbulb0xe883
icon-clock-10xe884
icon-sound-10xe885
icon-params0xe886
icon-calendar-10xe887
icon-cog0xe888
icon-note0xe889
icon-beaker0xe88a
icon-truck0xe88b
icon-money0xe88c
icon-shop0xe88d
icon-diamond0xe88e
icon-t-shirt0xe88f
icon-wallet0xe890
icon-food0xe891
icon-certificate0xe892
icon-megaphone-10xe893
icon-gift0xe894
icon-asl0xe895
icon-glasses0xe896
icon-adult0xe897
icon-child0xe898
icon-blind0xe899
icon-guidedog0xe89a
icon-accessibility0xe89b
icon-universal-access0xe89c
icon-hearing-impaired0xe89d
icon-iphone-home0xe89e
icon-fire-10xe89f
icon-down-hand0xe8a0
icon-left-hand0xe8a1
icon-right-hand0xe8a2
icon-up-hand0xe8a3
icon-cw-10xe8a4
icon-cw-circled0xe8a5
icon-arrows-cw-10xe8a6
icon-shuffle-10xe8a7
icon-play-circled0xe8a8
icon-play-circled20xe8a9
icon-laptop0xe8aa
icon-desktop-circled0xe8ab
icon-desktop-10xe8ac
icon-signal-10xe8ad
icon-key-10xe8ae
icon-flight-10xe8af
icon-filter0xe8b0
icon-credit-card0xe8b1
icon-clipboard0xe8b2
icon-heart-empty-10xe8b3
icon-star-20xe8b4
icon-star-circled0xe8b5
icon-star-empty-10xe8b6
icon-heart-circled0xe8b7
icon-heart-20xe8b8
icon-mail-circled0xe8b9
icon-mail-20xe8ba
icon-th-large-10xe8bb
icon-th-10xe8bc
icon-th-list-10xe8bd
icon-ok-circled0xe8be
icon-ok-circled20xe8bf
icon-ok0xe8c0
icon-pencil-20xe8c1
icon-pencil-circled0xe8c2
icon-eye-20xe8c3
icon-eye-off0xe8c4
icon-warning0xe8c5
icon-bell-10xe8c6
icon-phone-circled0xe8c7
icon-phone-10xe8c8
icon-folder-open0xe8c9
icon-folder-close0xe8ca
icon-folder0xe8cb
icon-folder-circled0xe8cc
icon-doc-new0xe8cd
icon-doc-new-circled0xe8ce
icon-doc-circled0xe8cf
icon-doc-20xe8d0
icon-trash-circled0xe8d1
icon-trash-20xe8d2
icon-location-circled0xe8d3
icon-location-20xe8d4
icon-attach-30xe8d5
icon-attach-circled0xe8d6
icon-lock-open-alt0xe8d7
icon-lock-open-10xe8d8
icon-lock-circled0xe8d9
icon-lock-20xe8da
icon-camera-20xe8db
icon-facebook0xe8dc
icon-facebook-rect0xe8dd
icon-twitter0xe8de
icon-twitter-bird0xe8df
icon-vimeo0xe8e0
icon-vimeo-rect0xe8e1
icon-tumblr0xe8e2
icon-tumblr-rect0xe8e3
icon-googleplus-rect0xe8e4
icon-github-text0xe8e5
icon-github0xe8e6
icon-skype0xe8e7
icon-icq0xe8e8
icon-yandex0xe8e9
icon-yandex-rect0xe8ea
icon-vkontakte-rect0xe8eb
icon-odnoklassniki0xe8ec
icon-odnoklassniki-rect0xe8ed
icon-friendfeed0xe8ee
icon-friendfeed-rect0xe8ef
icon-discover0xe8f0
icon-amex0xe8f1
icon-win80xe8f2
icon-youku0xe8f3
icon-tudou0xe8f4
icon-box-rect0xe8f5
icon-box0xe8f6
icon-diigo0xe8f7
icon-instagram-filled0xe8f8
icon-wordpress0xe8f9
icon-picasa0xe8fa
icon-linkedin-rect0xe8fb
icon-linkedin0xe8fc
icon-lastfm-rect0xe8fd
icon-lastfm0xe8fe
icon-jabber0xe8ff
icon-deviantart0xe900
icon-blogger-rect0xe901
icon-blogger0xe902
icon-visa0xe903
icon-mastercard0xe904
icon-houzz0xe905
icon-bandcamp0xe906
icon-codepen0xe907
icon-bicycle0xe908
icon-bus0xe909
icon-cafe0xe90a
icon-college0xe90b
icon-cinema0xe90c
icon-library0xe90d
icon-lodging0xe90e
icon-minefield0xe90f
icon-london-underground0xe910
icon-theatre0xe911
icon-tennis0xe912
icon-swimming0xe913
icon-soccer0xe914
icon-skiing0xe915
icon-shop-10xe916
icon-school0xe917
icon-religious-islam0xe918
icon-religious-jewish0xe919
icon-religious-christian0xe91a
icon-rail0xe91b
icon-prison0xe91c
icon-post0xe91d
icon-pitch0xe91e
icon-police0xe91f
icon-tree-10xe920
icon-tree-20xe921
icon-warehouse0xe922
icon-fast-food0xe923
icon-ferry0xe924
icon-fire-station0xe925
icon-football0xe926
icon-fuel0xe927
icon-garden0xe928
icon-giraffe0xe929
icon-golf0xe92a
icon-grocery-store0xe92b
icon-harbor0xe92c
icon-belowground-rail0xe92d
icon-beer0xe92e
icon-basketball0xe92f
icon-baseball0xe930
icon-bar0xe931
icon-art-gallery0xe932
icon-airport0xe933
icon-airfield0xe934
icon-aboveground-rail0xe935
icon-cemetery0xe936
icon-commerical-building0xe937
icon-credit-card-10xe938
icon-cricket0xe939
icon-embassy0xe93a
icon-pharmacy0xe93b
icon-museum0xe93c
icon-monument0xe93d
icon-toilet0xe93e
icon-town-hall0xe93f
icon-trash-30xe940
icon-heliport0xe941
icon-hospital0xe942
icon-industrial-building0xe943
icon-restaurant0xe944
icon-menu-10xe945
icon-th-thumb0xe946
icon-th-list-20xe947
icon-th-thumb-empty0xe948
icon-ok-10xe949
icon-ok-circled-10xe94a
icon-cancel-10xe94b
icon-cancel-circled0xe94c
icon-plus0xe94d
icon-help-circled-10xe94e
icon-help-circled-alt0xe94f
icon-user-20xe950
icon-user-male0xe951
icon-user-female0xe952
icon-users-10xe953
icon-camera-30xe954
icon-eye-30xe955
icon-lock-30xe956
icon-lock-alt0xe957
icon-lock-open-20xe958
icon-lock-open-alt-10xe959
icon-attach-40xe95a
icon-link-10xe95b
icon-info-circled-alt0xe95c
icon-clock-20xe95d
icon-stopwatch0xe95e
icon-hourglass0xe95f
icon-paper-plane-alt0xe960
icon-paper-plane-alt20xe961
icon-location-30xe962
icon-trash-40xe963
icon-doc-30xe964
icon-newspaper-10xe965
icon-folder-open-10xe966
icon-folder-empty0xe967
icon-folder-open-empty0xe968
icon-folder-10xe969
icon-attention-alt0xe96a
icon-attention-10xe96b
icon-bell-20xe96c
icon-chat-10xe96d
icon-comment-10xe96e
icon-print0xe96f
icon-export-10xe970
icon-reply0xe971
icon-pencil-30xe972
icon-calendar-20xe973
icon-globe-20xe974
icon-globe-inv0xe975
icon-at0xe976
icon-play-circled-10xe977
icon-play-circled2-10xe978
icon-pause0xe979
icon-stop0xe97a
icon-trash-50xe97b
icon-doc-40xe97c
icon-docs-10xe97d
icon-doc-text-10xe97e
icon-user-md0xe97f
icon-stethoscope0xe980
icon-ambulance0xe981
icon-building-filled0xe982
icon-bank0xe983
icon-medkit0xe984
icon-coffee0xe985
icon-taxi0xe986
icon-truck-10xe987
icon-food-10xe988
icon-user-pair0xe989
icon-user-woman0xe98a
icon-home-10xe98b
icon-basket-10xe98c
icon-website0xe98d
icon-group0xe98e
icon-user-30xe98f
icon-person0xe990
icon-group-circled0xe991
icon-female0xe992
icon-smiley0xe993
icon-smiley-circled0xe994
icon-bug0xe995
icon-certificate-10xe996
icon-graduation-cap-20xe997
icon-wheelchair0xe998
icon-extinguisher0xe999
icon-shield0xe99a
icon-hammer0xe99b
icon-cab0xe99c
<i class="icon-hammer"> </i>
Long Shadows Icon css class
<i class=" icon-basket-1 ln-shadow shape-1"></i>
<i class=" icon-basket-1 ln-shadow shape-2"></i>
<i class=" icon-basket-1 ln-shadow shape-3"></i>
<i class=" icon-basket-1 ln-shadow shape-4"></i>
<i class=" icon-basket-1 ln-shadow shape-5"></i>
<i class=" icon-basket-1 ln-shadow shape-6"></i>
<i class=" icon-basket-1 ln-shadow shape-7"></i>
<i class=" icon-basket-1 ln-shadow shape-8"></i>
<i class=" icon-basket-1 ln-shadow shape-10"></i>
<i class=" icon-lightbulb ln-shadow-box shape-2"></i>
<i class=" icon-lightbulb ln-shadow-radius shape-2"></i>

flag-icon-css

A collection of all country flags in SVG — plus the CSS for easier integration.

h1 GR GR GR GR GR GR

h2 GR GR GR GR GR GR

h3 GR GR GR GR GR GR

h4 GR GR GR GR GR GR

h5 GR GR GR GR GR GR
h6 GR GR GR GR GR GR

p GR GR GR GR GR GR

p.lead GR GR GR GR GR GR

SVG MAP || jQuery tWism

Twism is a jQuery plugin to integrate clickable Scalable Vector Graphics(SVG) maps

jQuery tWism demos and documentation

Thanks & Enjoy Classified
If you have any requests or Feedback then email me at gtanim@gmail.com