Shop local in Clones

Irish people are the biggest international online shoppers in the world and 84% of this revenue is spent overseas. With little choice. . . 

Clones Heritage and Economic Plan

These presentation panels explain the findings of the process so far and a series of Draft Projects that are currently proposed.

Public Consultation Report

This presentation is a review by the Paul Hogarth company of the response to the survey by clones people for the improvement of the town.

See our Google Maps Below for the Best route to Clones

From Belfast

From Galway

Clones Town Team

In 2017, the Ballybay Clones Municipal District invited key community, voluntary, private sector and statutory organisations with a vested interest in Clones Town to nominate members to sit on a new structure which was being developed for Clones – the Clones Town Team.

Clones or 'Cluain Eois' – the meadow of Eois, is one of the oldest continuous settlements in County Monaghan. It developed around a monastery founded by St. Tiarnach in the 6th century and the town boasts a rich historic fabric which illustrates the town's evolution. St Tiarnach's tomb is marked by a unique stone sarcophagus dating from the early 13th century and is located close to the Round Tower. The Round Tower dates from the 10th Century. The ancient High Cross that stands on the Diamond belonged to his monastery. The abbey built by Tiarnach was attacked by both Vikings and Normans and after one terrible assault in the 12th century it, and the town, were destroyed. From the ashes a new St. Peter and Paul's Abbey was built, known to locals as 'The Wee Abbey'. The Normans, devout Christians themselves, fought a running war with the Irish chieftains who had ruled this area. They built a fort at the highest point of the town and it became one of the finest Motte and Bailey type fortifications in the country. Long after the Norman influence faded, a new wave of settlers arrived to create their own legacy.

That is just a taste of the story of Clones. To discover more, come and join us on our Town Trail which takes in key heritage sites and buildings of wider social and cultural interest. More detailed information on each site is available at the site itself.

The Trail follows a 3.5km route around the town and is self-guided, however, there historical commentary videos at most of heritage trail locations that can be used with your Smartphone

Click here View Heritage Trail Video Previews

Click here to download the Heritage Trail Map

Font Awesome is a pictographic language of web-related actions which delivers over 300 icons. The Font Awesome webfont and CSS files are licensed under CC BY 3.0 and you can find the full examples of usage at Font Awesome - http://fortawesome.github.com/Font-Awesome

Add class fa-CLASS_NAME to any element, best used with a <span>.

Can also be added to any menu item using the Link CSS Style field in your menu item settings or to a module title using the Header Class field in your module settings.

New Icons in Font Awesome4.2

fa-area-chart
fa-at
fa-bell-slash
fa-bell-slash-o
fa-bicycle
fa-binoculars
fa-birthday-cake
fa-bus
fa-calculator
fa-cc
fa-cc-amex
fa-cc-discover
fa-cc-mastercard
fa-cc-paypal
fa-cc-stripe
fa-cc-visa
fa-copyright
fa-eyedropper
fa-futbol-o
fa-google-wallet
fa-ils
fa-ioxhost
fa-lastfm
fa-lastfm-square
fa-line-chart
fa-meanpath
fa-newspaper-o
fa-paint-brush
fa-paypal
fa-pie-chart
fa-plug
fa-shekel
fa-slideshare
fa-soccer-ball-o
fa-toggle-off
fa-toggle-on
fa-trash
fa-tty
fa-twitch
fa-wifi
fa-yelp

Web Application Icons

fa-adjust
fa-anchor
fa-archive
fa-arrows
fa-arrows-h
fa-arrows-v
fa-asterisk
fa-ban
fa-bar-chart-o
fa-barcode
fa-bars
fa-beer
fa-bell
fa-bell-o
fa-bolt
fa-book
fa-bookmark
fa-bookmark-o
fa-briefcase
fa-bug
fa-building-o
fa-bullhorn
fa-bullseye
fa-calendar
fa-calendar-o
fa-camera
fa-camera-retro
fa-caret-square-o-down
fa-caret-square-o-left
fa-caret-square-o-right
fa-caret-square-o-up
fa-certificate
fa-check
fa-check-circle
fa-check-circle-o
fa-check-square
fa-check-square-o
fa-circle
fa-circle-o
fa-clock-o
fa-cloud
fa-cloud-download
fa-cloud-upload
fa-code
fa-code-fork
fa-coffee
fa-cog
fa-cogs
fa-comment
fa-comment-o
fa-comments
fa-comments-o
fa-compass
fa-credit-card
fa-crop
fa-crosshairs
fa-cutlery
fa-dashboard (alias)
fa-desktop
fa-dot-circle-o
fa-download
fa-edit (alias)
fa-ellipsis-h
fa-ellipsis-v
fa-envelope
fa-envelope-o
fa-eraser
fa-exchange
fa-exclamation
fa-exclamation-circle
fa-exclamation-triangle
fa-external-link
fa-external-link-square
fa-eye
fa-eye-slash
fa-female
fa-fighter-jet
fa-film
fa-filter
fa-fire
fa-fire-extinguisher
fa-flag
fa-flag-checkered
fa-flag-o
fa-flash (alias)
fa-flask
fa-folder
fa-folder-o
fa-folder-open
fa-folder-open-o
fa-frown-o
fa-gamepad
fa-gavel
fa-gear (alias)
fa-gears (alias)
fa-gift
fa-glass
fa-globe
fa-group (alias)
fa-hdd-o
fa-headphones
fa-heart
fa-heart-o
fa-home
fa-inbox
fa-info
fa-info-circle
fa-key
fa-keyboard-o
fa-laptop
fa-leaf
fa-legal (alias)
fa-lemon-o
fa-level-down
fa-level-up
fa-lightbulb-o
fa-location-arrow
fa-lock
fa-magic
fa-magnet
fa-mail-forward (alias)
fa-mail-reply (alias)
fa-mail-reply-all
fa-male
fa-map-marker
fa-meh-o
fa-microphone
fa-microphone-slash
fa-minus
fa-minus-circle
fa-minus-square
fa-minus-square-o
fa-mobile
fa-mobile-phone (alias)
fa-money
fa-moon-o
fa-music
fa-pencil
fa-pencil-square
fa-pencil-square-o
fa-phone
fa-phone-square
fa-picture-o
fa-plane
fa-plus
fa-plus-circle
fa-plus-square
fa-plus-square-o
fa-power-off
fa-print
fa-puzzle-piece
fa-qrcode
fa-question
fa-question-circle
fa-quote-left
fa-quote-right
fa-random
fa-refresh
fa-reply
fa-reply-all
fa-retweet
fa-road
fa-rocket
fa-rss
fa-rss-square
fa-search
fa-search-minus
fa-search-plus
fa-share
fa-share-square
fa-share-square-o
fa-shield
fa-shopping-cart
fa-sign-in
fa-sign-out
fa-signal
fa-sitemap
fa-smile-o
fa-sort
fa-sort-alpha-asc
fa-sort-alpha-desc
fa-sort-amount-asc
fa-sort-amount-desc
fa-sort-asc
fa-sort-desc
fa-sort-down (alias)
fa-sort-numeric-asc
fa-sort-numeric-desc
fa-sort-up (alias)
fa-spinner
fa-square
fa-square-o
fa-star
fa-star-half
fa-star-half-empty (alias)
fa-star-half-full (alias)
fa-star-half-o
fa-star-o
fa-subscript
fa-suitcase
fa-sun-o
fa-superscript
fa-tablet
fa-tachometer
fa-tag
fa-tags
fa-tasks
fa-terminal
fa-thumb-tack
fa-thumbs-down
fa-thumbs-o-down
fa-thumbs-o-up
fa-thumbs-up
fa-ticket
fa-times
fa-times-circle
fa-times-circle-o
fa-tint
fa-toggle-down (alias)
fa-toggle-left (alias)
fa-toggle-right (alias)
fa-toggle-up (alias)
fa-trash-o
fa-trophy
fa-truck
fa-umbrella
fa-unlock
fa-unlock-alt
fa-unsorted (alias)
fa-upload
fa-user
fa-users
fa-video-camera
fa-volume-down
fa-volume-off
fa-volume-up
fa-warning (alias)
fa-wheelchair
fa-wrench

Form Control Icons

fa-check-square
fa-check-square-o
fa-circle
fa-circle-o
fa-dot-circle-o
fa-minus-square
fa-minus-square-o
fa-plus-square
fa-plus-square-o
fa-square
fa-square-o

Currency Icons

fa-bitcoin (alias)
fa-btc
fa-cny (alias)
fa-dollar (alias)
fa-eur
fa-euro (alias)
fa-gbp
fa-inr
fa-jpy
fa-krw
fa-money
fa-rmb (alias)
fa-rouble (alias)
fa-rub
fa-ruble (alias)
fa-rupee (alias)
fa-try
fa-turkish-lira (alias)
fa-usd
fa-won (alias)
fa-yen (alias)

Text Editor Icons

fa-align-center
fa-align-justify
fa-align-left
fa-align-right
fa-bold
fa-chain (alias)
fa-chain-broken
fa-clipboard
fa-columns
fa-copy (alias)
fa-cut (alias)
fa-dedent (alias)
fa-eraser
fa-file
fa-file-o
fa-file-text
fa-file-text-o
fa-files-o
fa-floppy-o
fa-font
fa-indent
fa-italic
fa-link
fa-list
fa-list-alt
fa-list-ol
fa-list-ul
fa-outdent
fa-paperclip
fa-paste (alias)
fa-repeat
fa-rotate-left (alias)
fa-rotate-right (alias)
fa-save (alias)
fa-scissors
fa-strikethrough
fa-table
fa-text-height
fa-text-width
fa-th
fa-th-large
fa-th-list
fa-underline
fa-undo
fa-unlink (alias)

Directional Icons

fa-angle-double-down
fa-angle-double-left
fa-angle-double-right
fa-angle-double-up
fa-angle-down
fa-angle-left
fa-angle-right
fa-angle-up
fa-arrow-circle-down
fa-arrow-circle-left
fa-arrow-circle-o-down
fa-arrow-circle-o-left
fa-arrow-circle-o-right
fa-arrow-circle-o-up
fa-arrow-circle-right
fa-arrow-circle-up
fa-arrow-down
fa-arrow-left
fa-arrow-right
fa-arrow-up
fa-arrows
fa-arrows-alt
fa-arrows-h
fa-arrows-v
fa-caret-down
fa-caret-left
fa-caret-right
fa-caret-square-o-down
fa-caret-square-o-left
fa-caret-square-o-right
fa-caret-square-o-up
fa-caret-up
fa-chevron-circle-down
fa-chevron-circle-left
fa-chevron-circle-right
fa-chevron-circle-up
fa-chevron-down
fa-chevron-left
fa-chevron-right
fa-chevron-up
fa-hand-o-down
fa-hand-o-left
fa-hand-o-right
fa-hand-o-up
fa-long-arrow-down
fa-long-arrow-left
fa-long-arrow-right
fa-long-arrow-up
fa-toggle-down (alias)
fa-toggle-left (alias)
fa-toggle-right (alias)
fa-toggle-up (alias)

Video Player Icons

fa-arrows-alt
fa-backward
fa-compress
fa-eject
fa-expand
fa-fast-backward
fa-fast-forward
fa-forward
fa-pause
fa-play
fa-play-circle
fa-play-circle-o
fa-step-backward
fa-step-forward
fa-stop
fa-youtube-play

Brand Icons

fa-adn
fa-android
fa-angellist
fa-apple
fa-behance
fa-behance-square
fa-bitbucket
fa-bitbucket-square
fa-bitcoin
fa-btc
fa-cc-amex
fa-cc-discover
fa-cc-mastercard
fa-cc-paypal
fa-cc-stripe
fa-cc-visa
fa-codepen
fa-css3
fa-delicious
fa-deviantart
fa-digg
fa-dribbble
fa-dropbox
fa-drupal
fa-empire
fa-facebook
fa-facebook-square
fa-flickr
fa-foursquare
fa-ge
fa-git
fa-git-square
fa-github
fa-github-alt
fa-github-square
fa-gittip
fa-google
fa-google-plus
fa-google-plus-square
fa-google-wallet
fa-hacker-news
fa-html5
fa-instagram
fa-ioxhost
fa-joomla
fa-jsfiddle
fa-lastfm
fa-lastfm-square
fa-linkedin
fa-linkedin-square
fa-linux
fa-maxcdn
fa-meanpath
fa-openid
fa-pagelines
fa-paypal
fa-pied-piper
fa-pied-piper-alt
fa-pinterest
fa-pinterest-square
fa-qq
fa-ra
fa-rebel
fa-reddit
fa-reddit-square
fa-renren
fa-share-alt
fa-share-alt-square
fa-skype
fa-slack
fa-slideshare
fa-soundcloud
fa-spotify
fa-stack-exchange
fa-stack-overflow
fa-steam
fa-steam-square
fa-stumbleupon
fa-stumbleupon-circle
fa-tencent-weibo
fa-trello
fa-tumblr
fa-tumblr-square
fa-twitch
fa-twitter
fa-twitter-square
fa-vimeo-square
fa-vine
fa-vk
fa-wechat
fa-weibo
fa-weixin
fa-windows
fa-wordpress
fa-xing
fa-xing-square
fa-yahoo
fa-yelp
fa-youtube
fa-youtube-play
fa-youtube-square

Medical Icons

fa-ambulance
fa-h-square
fa-hospital-o
fa-medkit
fa-plus-square
fa-stethoscope
fa-user-md
fa-wheelchair

We have included an option to easily add animations to almost any element of your site content. These animations are triggered once elements enter the viewport of your browser as you scroll down the page adding life and energy to your site content. Great for adding focus to particular elements of your content which you wish to bring to the attention of your visitors.

Doing so is as simple as adding class names to the element you wish to animate via either inline through your editor or via your Module Class Suffix (Modules) or Link CSS Style (Menu Items) fields.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sapien risus, blandit at fringilla ac, varius sed dolor. Donec augue lacus, vulputate sed consectetur facilisis, interdum pharetra ligula. Nulla suscipit erat nibh, ut porttitor nisl dapibus eu.

Phasellus porta eros vel lacus euismod consequat. Phasellus eleifend, nibh non feugiat hendrerit, lacus enim adipiscing eros, a pharetra erat neque eget est. Quisque vitae aliquet urna. Integer suscipit lectus eu enim porttitor fringilla. Ut blandit, urna in auctor euismod, arcu eros pharetra metus, a porta purus libero a nibh. Nam eget urna pellentesque nisl ultrices dapibus. Mauris accumsan vehicula nisl, sed tempus mauris facilisis eu. Donec a iaculis nisi, quis malesuada justo.

Your template comes with a host of Color Choosers and background image options allowing you total control of the look and feel of your site. Simply navigate to Extensions -> Template Manager -> [YourTemplate] to access the full range of easy to use styling options to give your template your very own look to suit your website.

Colour Choosers

Your template comes with a host of Color Choosers allowing you total control of the look and feel of your site. Simply navigate to Extensions -> Template Manager -> [YourTemplate] to access the full range of easy to use Colour Choosers.


Colour Choosers

It has become common knowledge that every day the number of mobile devices used to view your site grows. Responsive design gives your site the power to provide an optimal viewing experience across a wide range of devices from a mobile phone to a desktop computer monitor.

So how does it work? With the use of media queries different CSS style rules are loaded depending on characteristics of the device your site is been viewed with, most commonly the width of your browser. With each set of rules your site will be styled to best display on the matching device.

At Joomla51 we have embraced this new trend in website design and implemented responsive design to all our new releases, resolving any problems assoiciated with how your site will display on smaller resolution screens. To view how your template will respond to each screen resolution simply resize your browser window, as you reduce the width of your browser the template will react accordingly, altering its layout and style to best accomodate the site content within the available viewing area.

Alongside its responsive design, the template features a number of options within its parameters allowing you control over what content is displayed on smaller mobile devices. From your Joomla administration navigate to Extensions -> Template Manager -> J51_[YourTemplate] -> Responsive Options, here you will find a number of toggle switches to turn on/off each set of modules. If there is a situation where you would sooner your site to display the same on all devices then not to worry as we have added an option here to do that to (“,).

This template comes with different module styles and icons. For each module you can pick a style and combine it with an icon creating your own unique look.

You can set your module style via the Module Class Suffix field within your modules parameters. Navigate to Extensions -> Module Manager -> [YourModule] -> Advanced Options -> Module Class Suffix.


Heading1 (h1) looks like this

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex.

Heading2 (h2) looks like this

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex.

Heading3 (h3) looks like this

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex.

Heading4 (h4) looks like this

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex.

Heading5 (h5) looks like this

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex.

 

<pre> or <div class="code">

To display note use: <p class="note">Sample of your note !</p>

To display pin note use :<p class="pin">Sample of your pin note !</p>

To display clip note use:<p class="clip">Sample of your clip note</p>

To display download note use:<p class="down">Sample of your download note</p>

 

Ordered List

  1. Lorem ipsum dolor sit amet consectetur
  2. Lorem ipsum dolor sit amet consectetur
  3. Lorem ipsum dolor sit amet consectetur

 

Un-Ordered List

  • Lorem ipsum dolor sit amet consectetur
  • Lorem ipsum dolor sit amet consectetur
  • Lorem ipsum dolor sit amet consectetur

 

Un-Ordered List witch class="tick"

<ul class="tick"><li>Your list item goes here!</li></ul>
  • Lorem ipsum dolor sit amet consectetur
  • Lorem ipsum dolor sit amet consectetur
  • Lorem ipsum dolor sit amet consectetur

 

Un-Ordered List witch class="star"

<ul class="star"><li>Your list item goes here!</li></ul>
  • Lorem ipsum dolor sit amet consectetur
  • Lorem ipsum dolor sit amet consectetur
  • Lorem ipsum dolor sit amet consectetur

 

Un-Ordered List witch class="plus"
<ul class="plus"><li>Your list item goes here!</li></ul>
  • Lorem ipsum dolor sit amet consectetur
  • Lorem ipsum dolor sit amet consectetur
  • Lorem ipsum dolor sit amet consectetur
 

Blockquote

<blockquote><p>Your list item goes here!</p></blockquote>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Emphasis Tags

<em class="highlight black">your text</em>
An emphasis tag that allows you to highlight some text in black.

<em class="highlight blue">your text</em>
An emphasis tag that allows you to highlight some text in blue.

<em class="highlight red">your text</em>
An emphasis tag that allows you to highlight some text in red.

<em class="highlight green">your text</em>
An emphasis tag that allows you to highlight some text in green.

<em class="highlight yellow">your text</em>
An emphasis tag that allows you to highlight some text in yellow.

Image Frames

<img src="/images/yourimage.jpg" class="frame-1"/>


<img src="/images/yourimage.jpg" class="frame-2"/>


Easily adjust your templates widths and column layout via the Layout Options section of your templates parameters which can be accessed by navigating to Extensions -> Template Manager -> J51_YourTemplate.

Set you template width using the appropriate field in pixels. By default this is set to 1140 which sets your template width to 1140px.

From your 'Side Column Layout' buttons simply set the layout of your side columns in relation to your site content with options for both your side columns to appear on either the left or the right or on either side of your content/component area.

For a single column layout simply disable all modules in the sidecol-a and sidecol-b module positions.

Your side column widths can also be customised via this section. Place the desired width of your side column by percentage in the Side Column Width field. Your content area will automatically contract/expand to fill the remaining available area.

There is a total of 6 color styles available giving your the template flexibility in match the color scheme best suited to your needs. Color styles available are Black, Red, Blue, Green, Bronze and Purple and can be set by navigating to your templates parameters (Extensions -> Template Manager -> J51 [Template Name] and simply selecting the color style of your choice from the 'Template Style' dropdown menu.

With a new and improved template parameters we have combined some of the most used and asked for features within an easy to use and beautifully styles interface. With these parameters you can now quickly customise your template to your own needs and have your site up and running in a matter of minutes.

Your template parameters can be access directly from your Template Manager giving you access to a host of features including a selection of template styles, some colour choosers to help customise your template headers and links, a number of layout options and easy to use logo settings.

There is a total of 56 available module positions all of which are fully collapsible. By default your module widths will automatically adjust depending on the number of modules published within its containing row however within the templates parameters you can disable this feature and customise the width of each individual module.