Loading Theme Customizer. Please wait...

You can login to backend using 'test' as username and password https://drive.joomla-monster.com/jm-job-listings/administrator/
You can login to frontend using 'test' as username and password https://drive.joomla-monster.com/jm-job-listings/en/login-form/

ipsum

  • Image Borders

    <img class="img-rounded" src="/jm-job-listings/image.jpg" />
    Typography

    <img class="img-circle" src="/jm-job-listings/image.jpg" />
    Typography

    <img class="img-polaroid" src="/jm-job-listings/image.jpg" />
    Typography

    Headings

    This is Heading One (h1)

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis viverra leo sed turpis convallis sit amet condimentum diam vehicula. Morbi suscipit nisl odio, nec sodales tellus. Aenean quis sapien suscipit mauris convallis porta lacinia bibendum felis.


    This is Heading Two (h2)

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis viverra leo sed turpis convallis sit amet condimentum diam vehicula. Morbi suscipit nisl odio, nec sodales tellus. Aenean quis sapien suscipit mauris convallis porta lacinia bibendum felis.


    This is Heading Three (h3)

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis viverra leo sed turpis convallis sit amet condimentum diam vehicula. Morbi suscipit nisl odio, nec sodales tellus. Aenean quis sapien suscipit mauris convallis porta lacinia bibendum felis.

    This is Heading Four (h4)

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis viverra leo sed turpis convallis sit amet condimentum diam vehicula. Morbi suscipit nisl odio, nec sodales tellus. Aenean quis sapien suscipit mauris convallis porta lacinia bibendum felis.


    This is Heading Five (h5)

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis viverra leo sed turpis convallis sit amet condimentum diam vehicula. Morbi suscipit nisl odio, nec sodales tellus. Aenean quis sapien suscipit mauris convallis porta lacinia bibendum felis.


    This is Heading Six (h6)

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis viverra leo sed turpis convallis sit amet condimentum diam vehicula. Morbi suscipit nisl odio, nec sodales tellus. Aenean quis sapien suscipit mauris convallis porta lacinia bibendum felis.

    Numered blocks

    <p class="jm-block"><span class="jm">01</span>Text goes here</p>

    01Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis viverra leo sed turpis convallis sit amet condimentum diam vehicula. Morbi suscipit nisl odio, nec sodales tellus. Aenean quis sapien suscipit mauris.

    02Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis viverra leo sed turpis convallis sit amet condimentum diam vehicula. Morbi suscipit nisl odio, nec sodales tellus. Aenean quis sapien suscipit mauris.

    03Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis viverra leo sed turpis convallis sit amet condimentum diam vehicula. Morbi suscipit nisl odio, nec sodales tellus. Aenean quis sapien suscipit mauris.

    <p class="jm-block second"><span class="jm">a</span>Text goes here</p>

    aLorem ipsum dolor sit amet, consectetur adipiscing elit. Duis viverra leo sed turpis convallis sit amet condimentum diam vehicula. Morbi suscipit nisl odio, nec sodales tellus. Aenean quis sapien suscipit mauris.

    bLorem ipsum dolor sit amet, consectetur adipiscing elit. Duis viverra leo sed turpis convallis sit amet condimentum diam vehicula. Morbi suscipit nisl odio, nec sodales tellus. Aenean quis sapien suscipit mauris.

    cLorem ipsum dolor sit amet, consectetur adipiscing elit. Duis viverra leo sed turpis convallis sit amet condimentum diam vehicula. Morbi suscipit nisl odio, nec sodales tellus. Aenean quis sapien suscipit mauris.

    Colored Blocks

    <div class="alert">Text goes here</div>
    <div class="alert alert-error">Text goes here</div>
    <div class="alert alert-success">Text goes here</div>
    <div class="alert alert-info">Text goes here</div>

    Icon blocks

    <p class="jmbadge" >Text goes here</p>

    <p class="jmcalendar" >Text goes here</p>

    <p class="jmchat" >Text goes here</p>

    <p class="jmcheck" >Text goes here</p>

    <p class="jmcloud" >Text goes here</p>

    <p class="jmdirection" >Text goes here</p>

    <p class="jmdivide" >Text goes here</p>

    <p class="jmerror" >Text goes here</p>

    <p class="jmfire" >Text goes here</p>

    <p class="jmflag" >Text goes here</p>

    <p class="jmheart" >Text goes here</p>

    <p class="jmhome" >Text goes here</p>

    <p class="jminfo" >Text goes here</p>

    <p class="jmlist" >Text goes here</p>

    <p class="jmmail" >Text goes here</p>

    <p class="jmpeople" >Text goes here</p>

    <p class="jmstar" >Text goes here</p>

    <p class="jmstat" >Text goes here</p>

    Blockquote

    <blockquote>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
    <small>John Doe</small>
    </blockquote>

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

    John Doe
    <blockquote class="pull-right">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
    <small>John Doe</small>
    </blockquote>

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

    John Doe

    Unordered lists

    <ul>
    <-- list goes here -->
    </ul>
    • Duis tincidunt nunc sit amet ipsum
    • Duis tincidunt nunc sit amet ipsum
    • Duis tincidunt nunc sit amet ipsum
      • Duis tincidunt nunc sit amet ipsum
      • Duis tincidunt nunc sit amet ipsum
      • Duis tincidunt nunc sit amet ipsum
        • Duis tincidunt nunc sit amet ipsum
        • Duis tincidunt nunc sit amet ipsum
        • Duis tincidunt nunc sit amet ipsum
    <ul class="jm-arrow">
    <-- list goes here -->
    </ul>
    • Duis tincidunt nunc sit amet ipsum
    • Duis tincidunt nunc sit amet ipsum
    • Duis tincidunt nunc sit amet ipsum
      • Duis tincidunt nunc sit amet ipsum
      • Duis tincidunt nunc sit amet ipsum
      • Duis tincidunt nunc sit amet ipsum
        • Duis tincidunt nunc sit amet ipsum
        • Duis tincidunt nunc sit amet ipsum
        • Duis tincidunt nunc sit amet ipsum
    <ul class="jm-arrow2">
    <-- list goes here -->
    </ul>
    • Duis tincidunt nunc sit amet ipsum
    • Duis tincidunt nunc sit amet ipsum
    • Duis tincidunt nunc sit amet ipsum
      • Duis tincidunt nunc sit amet ipsum
      • Duis tincidunt nunc sit amet ipsum
      • Duis tincidunt nunc sit amet ipsum
        • Duis tincidunt nunc sit amet ipsum
        • Duis tincidunt nunc sit amet ipsum
        • Duis tincidunt nunc sit amet ipsum

    Ordered lists

    <ol>
    <-- list goes here -->
    </ol>
    1. Duis tincidunt nunc sit amet ipsum
    2. Duis tincidunt nunc sit amet ipsum
    3. Duis tincidunt nunc sit amet ipsum
      1. Duis tincidunt nunc sit amet ipsum
      2. Duis tincidunt nunc sit amet ipsum
        1. Duis tincidunt nunc sit amet ipsum
        2. Duis tincidunt nunc sit amet ipsum
        3. Duis tincidunt nunc sit amet ipsum
    <ol class="jm-roman">
    <-- list goes here -->
    </ol>
    1. Duis tincidunt nunc sit amet ipsum
    2. Duis tincidunt nunc sit amet ipsum
    3. Duis tincidunt nunc sit amet ipsum
      1. Duis tincidunt nunc sit amet ipsum
      2. Duis tincidunt nunc sit amet ipsum
        1. Duis tincidunt nunc sit amet ipsum
        2. Duis tincidunt nunc sit amet ipsum
        3. Duis tincidunt nunc sit amet ipsum
    <ol class="jm-alpha">
    <-- list goes here -->
    </ol>
    1. Duis tincidunt nunc sit amet ipsum
    2. Duis tincidunt nunc sit amet ipsum
    3. Duis tincidunt nunc sit amet ipsum
      1. Duis tincidunt nunc sit amet ipsum
      2. Duis tincidunt nunc sit amet ipsum
        1. Duis tincidunt nunc sit amet ipsum
        2. Duis tincidunt nunc sit amet ipsum
        3. Duis tincidunt nunc sit amet ipsum

    Read More and Button

    <a class="readmore" href="#">Read more</a>

    Read more

    <a class="btn" href="#">Button</a>

    Button

    Glyphicon Font

    <span class="icon-joomla">&nbsp</span>
    icon-asterisk
    icon-plus
    icon-euro
    icon-minus
    icon-cloud
    icon-envelope
    icon-pencil
    icon-glass
    icon-music
    icon-search
    icon-heart
    icon-star
    icon-star-empty
    icon-user
    icon-film
    icon-th-large
    icon-th
    icon-th-list
    icon-ok
    icon-remove
    icon-zoom-in
    icon-zoom-out
    icon-off
    icon-signal
    icon-cog
    icon-trash
    icon-home
    icon-file
    icon-time
    icon-road
    icon-download-alt
    icon-download
    icon-upload
    icon-inbox
    icon-play-circle
    icon-repeat
    icon-refresh
    icon-list-alt
    icon-lock
    icon-flag
    icon-headphones
    icon-volume-off
    icon-volume-down
    icon-volume-up
    icon-qrcode
    icon-barcode
    icon-tag
    icon-tags
    icon-book
    icon-bookmark
    icon-print
    icon-camera
    icon-font
    icon-bold
    icon-italic
    icon-text-height
    icon-text-width
    icon-align-left
    icon-align-center
    icon-align-right
    icon-align-justify
    icon-list
    icon-indent-left
    icon-indent-right
    icon-facetime-video
    icon-picture
    icon-map-marker
    icon-adjust
    icon-tint
    icon-edit
    icon-share
    icon-check
    icon-move
    icon-step-backward
    icon-fast-backward
    icon-backward
    icon-play
    icon-pause
    icon-stop
    icon-forward
    icon-fast-forward
    icon-step-forward
    icon-eject
    icon-chevron-left
    icon-chevron-right
    icon-plus-sign
    icon-minus-sign
    icon-remove-sign
    icon-ok-sign
    icon-question-sign
    icon-info-sign
    icon-screenshot
    icon-remove-circle
    icon-ok-circle
    icon-ban-circle
    icon-arrow-left
    icon-arrow-right
    icon-arrow-up
    icon-arrow-down
    icon-share-alt
    icon-resize-full
    icon-resize-small
    icon-exclamation-sign
    icon-gift
    icon-leaf
    icon-fire
    icon-eye-open
    icon-eye-close
    icon-warning-sign
    icon-plane
    icon-calendar
    icon-random
    icon-comment
    icon-magnet
    icon-chevron-up
    icon-chevron-down
    icon-retweet
    icon-shopping-cart
    icon-folder-close
    icon-folder-open
    icon-resize-vertical
    icon-resize-horizontal
    icon-hdd
    icon-bullhorn
    icon-bell
    icon-certificate
    icon-thumbs-up
    icon-thumbs-down
    icon-hand-right
    icon-hand-left
    icon-hand-up
    icon-hand-down
    icon-circle-arrow-right
    icon-circle-arrow-left
    icon-circle-arrow-up
    icon-circle-arrow-down
    icon-globe
    icon-wrench
    icon-tasks
    icon-filter
    icon-briefcase
    icon-fullscreen
    icon-dashboard
    icon-paperclip
    icon-heart-empty
    icon-link
    icon-phone
    icon-pushpin
    icon-usd
    icon-gbp
    icon-sort
    icon-sort-by-alphabet
    icon-sort-by-alphabet-alt
    icon-sort-by-order
    icon-sort-by-order-alt
    icon-sort-by-attributes
    icon-sort-by-attributes-alt
    icon-unchecked
    icon-expand
    icon-collapse-down
    icon-collapse-up
    icon-log-in
    icon-flash
    icon-log-out
    icon-new-window
    icon-record
    icon-save
    icon-open
    icon-saved
    icon-import
    icon-export
    icon-send
    icon-floppy-disk
    icon-floppy-saved
    icon-floppy-remove
    icon-floppy-save
    icon-floppy-open
    icon-credit-card
    icon-transfer
    icon-cutlery
    icon-header
    icon-compressed
    icon-earphone
    icon-phone-alt
    icon-tower
    icon-stats
    icon-sd-video
    icon-hd-video
    icon-subtitles
    icon-sound-stereo
    icon-sound-dolby
    icon-sound-5-1
    icon-sound-6-1
    icon-sound-7-1
    icon-copyright-mark
    icon-registration-mark
    icon-cloud-download
    icon-cloud-upload
    icon-tree-conifer
    icon-tree-deciduous

    Find job in...

    <p style="text-align: center; margin: 45px 0;">
    <a href="/jm-job-listings/#"><img src="/jm-job-listings/images/modules/brands/microsoft.png" alt="" /></a>
    </p>
    <p style="margin: 10px 0;">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit,
    do eiusmod tempor incididunt ut labore dolore magna.  
    </p>
    <hr>
    <p style="text-align: center; margin: 45px 0;">
    <a href="/jm-job-listings/#"><img src="/jm-job-listings/images/modules/brands/google.png" alt="" /></a>
    </p>
    <p style="margin: 10px 0 13px;">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit,
    do eiusmod tempor incididunt ut labore dolore magna.
    </p>
    

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, do eiusmod tempor incididunt ut labore dolore magna.


    Lorem ipsum dolor sit amet, consectetur adipiscing elit, do eiusmod tempor incididunt ut labore dolore magna.

    Header-mod trigger

    <p class="jm-searchby">Search by<a href="#" class="jm-header-mod1-toggle">category</a> or <a href="#" class="jm-header-mod2-toggle">location</a></p>
    

    Search by category or location

    Add a job offer

    <div class="jm-buttons">
      <a href="/jm-job-listings/#" class="btn btn-ico"><span class="icon-check"></span>Add a job offer</a>
      <a href="/jm-job-listings/#" class="btn btn-ico"><span class="icon-user"></span>Sign up</a>
    </div>