Accordion Shortcode

This shortcode allows you to display bootstrap accordion inside posts or widgets.
Note: Remember to always set the accordion title, and if you want that one of the accordions to be open on page load then enter the active attribute to “1”.

[accordion] [accordion_content title="Accordion 1" active="1"] Some text here that will be included in accordion [/accordion_content] [accordion_content title="Accordion 2" active="1"] Some text here that will be included in accordion [/accordion_content] [accordion_content title="Accordion 3" active="1"] Some text here that will be included in accordion [/accordion_content] [/accordion]

Tabs Shortcode

This shortcode allows you to display bootstrap tabs inside posts or widgets.
Note: Remember to always set the tab title, and if you want than one of the tabs to be open on page load then enter the status attribute to “active”.

[tabs] [tab title="Tab Name 1" status="active"] Some text here that will be included in tab content [/tab] [tab title="Tab Name 2"] Some text here that will be included in tab content [/tab] [tab title="Tab Name 3"] Some text here that will be included in tab content [/tab] [/tabs]
Sed fringilla purus sed mi scelerisque scelerisque. Donec vel enim ligula. Phasellus vulputate ac dui aliquet dapibus. Suspendisse ut vestibulum tellus, sed gravida arcu. Aliquam erat volutpat. Donec sit amet eleifend tortor. In mattis velit ut nunc luctus ultrices. Nunc aliquet risus eget lorem dignissim, id imperdiet nulla ultricies. Sed euismod bibendum dui, vel faucibus quam tempor at. Etiam sagittis massa in urna sagittis, non viverra nibh placerat.
Maecenas laoreet, ligula vel scelerisque ultricies, lorem urna luctus odio, eget convallis urna erat quis justo. Morbi vel placerat nisl, ut tempor odio. Sed lacinia purus sit amet lorem dictum tincidunt. Nunc placerat egestas vehicula.
Sed fringilla purus sed mi scelerisque scelerisque. Donec vel enim ligula. Phasellus vulputate ac dui aliquet dapibus. Suspendisse ut vestibulum tellus, sed gravida arcu. Aliquam erat volutpat. Donec sit amet eleifend tortor. In mattis velit ut nunc luctus ultrices. Nunc aliquet risus eget lorem dignissim, id imperdiet nulla ultricies. Sed euismod bibendum dui, vel faucibus quam tempor at. Etiam sagittis massa in urna sagittis, non viverra nibh placerat.

Animated hover CSS3 effects for images

This code allows you to display an image and its description with animated CSS3 effect.
Note: If you would like to add your own text into the image description, just modify the shortcode below or edit an existing code of the demo template.

Example 1

[first_box imagebg="http://demo.pixelemu.com/pe-cleaning-company-watermark/wp-content/uploads/2015/09/animated.jpg" link="#link" firsttitle="CHECK OUR" secondtitle="NEW OFFER!"]

 
 

Example 2

[second_box imagebg="http://demo.pixelemu.com/pe-cleaning-company-watermark/wp-content/uploads/2015/09/animated.jpg" link="#link" firsttitle="CHECK OUR" secondtitle="NEW OFFER!"]

 
 

Example 3

[third_box imagebg="http://demo.pixelemu.com/pe-cleaning-company-watermark/wp-content/uploads/2015/09/animated.jpg" link="#link" firsttitle="CHECK OUR" secondtitle="NEW OFFER!"]

 
 

Example 4

[video_box imagebg="http://demo.pixelemu.com/pe-cleaning-company-watermark/wp-content/uploads/2015/09/animated.jpg" alt="Animated Video box" link="#link" title="Watch the video"]

 
 

Columns Shortcode

This shortcode allows you to display bootstrap columns inside posts or widgets.
Note: It is needed to use the col short inside row shortcode. As well you can choose class suffix for different screens by using screen attribute, default is “md”.

[row] [col size="4" screen="sm"] Some content here, other shortcodes can be included [/col] [col size="4" screen="sm"] Some content here, other shortcodes can be included [/col] [col size="4" screen="sm"] Some content here, other shortcodes can be included [/col] [/row]
Column 1
Phasellus vulputate ac dui aliquet dapibus. Suspendisse ut vestibulum tellus, sed gravida arcu. Aliquam erat volutpat. Donec sit amet eleifend tortor.
Column 2
Phasellus vulputate ac dui aliquet dapibus. Suspendisse ut vestibulum tellus, sed gravida arcu. Aliquam erat volutpat. Donec sit amet eleifend tortor.
Column 3
Phasellus vulputate ac dui aliquet dapibus. Suspendisse ut vestibulum tellus, sed gravida arcu. Aliquam erat volutpat. Donec sit amet eleifend tortor.
Column 4
Phasellus vulputate ac dui aliquet dapibus. Suspendisse ut vestibulum tellus, sed gravida arcu. Aliquam erat volutpat. Donec sit amet eleifend tortor.

Column 1
Phasellus vulputate ac dui aliquet dapibus. Suspendisse ut vestibulum tellus, sed gravida arcu. Aliquam erat volutpat. Donec sit amet eleifend tortor.
Column 2
Phasellus vulputate ac dui aliquet dapibus. Suspendisse ut vestibulum tellus, sed gravida arcu. Aliquam erat volutpat. Donec sit amet eleifend tortor.
Column 3
Phasellus vulputate ac dui aliquet dapibus. Suspendisse ut vestibulum tellus, sed gravida arcu. Aliquam erat volutpat. Donec sit amet eleifend tortor.

Column 1
Phasellus vulputate ac dui aliquet dapibus. Suspendisse ut vestibulum tellus, sed gravida arcu. Aliquam erat volutpat. Donec sit amet eleifend tortor.
Column 2
Phasellus vulputate ac dui aliquet dapibus. Suspendisse ut vestibulum tellus, sed gravida arcu. Aliquam erat volutpat. Donec sit amet eleifend tortor.

Column 1
Phasellus vulputate ac dui aliquet dapibus. Suspendisse ut vestibulum tellus, sed gravida arcu. Aliquam erat volutpat. Donec sit amet eleifend tortor. Phasellus vulputate ac dui aliquet dapibus. Suspendisse ut vestibulum tellus, sed gravida arcu. Aliquam erat volutpat. Donec sit amet eleifend tortor.

Pricing Table Shortcode

This shortcode allows you to display Pricing Table.

[pricing_table title="Cleaning Service" size="33%"][service_item service_title="Lorem ipsum dolor" service_price="$39"][service_item service_title="Donec lobortis quam" service_price="$45"][service_item service_title="Pellentesque habitant" service_price="$68"][service_item service_title="In a facilisis augue" service_price="$28"][service_item service_title="Aenean et placerat erat" service_price="$55"][service_item service_title="Nam neque massa" service_price="$78"][/pricing_table] [pricing_table title="Ironing Service" size="33%"][service_item service_title="Lorem ipsum dolor" service_price="$39"][service_item service_title="Donec lobortis quam" service_price="$45"][service_item service_title="Pellentesque habitant" service_price="$68"][service_item service_title="In a facilisis augue" service_price="$28"][service_item service_title="Aenean et placerat erat" service_price="$55"][service_item service_title="Nam neque massa" service_price="$78"][/pricing_table] [pricing_table title="Additional charges" size="33%"][service_item service_title="Lorem ipsum dolor" service_price="$39"][service_item service_title="Donec lobortis quam" service_price="$45"][service_item service_title="Pellentesque habitant" service_price="$68"][service_item service_title="In a facilisis augue" service_price="$28"][service_item service_title="Aenean et placerat erat" service_price="$55"][service_item service_title="Nam neque massa" service_price="$78"][/pricing_table]
Cleaning Service
Lorem ipsum dolor$39
Donec lobortis quam$45
Pellentesque habitant$68
In a facilisis augue$28
Aenean et placerat erat$55
Nam neque massa$78
Ironing Service
Lorem ipsum dolor$39
Donec lobortis quam$45
Pellentesque habitant$68
In a facilisis augue$28
Aenean et placerat erat$55
Nam neque massa$78
Additional charges
Lorem ipsum dolor$39
Donec lobortis quam$45
Pellentesque habitant$68
In a facilisis augue$28
Aenean et placerat erat$55
Nam neque massa$78
  • Dream To Live Clean?

    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

  • You Deserve A Break!

    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

  • You Work Enough Already!

    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

  • Treat Yourself To A Clean Healthy Home

    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

  • Enjoy Your Time Off

    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

phone
Make an appointment+44 7983 462 854
phone
Send us a messageinfo@joomla-monster.com
phone
Visit us7 Green Lane, London

Image Borders

<img class=”border_img1” src=”/testy/pe-cleaning-company/image.jpg” />
Typography

 

<img class=”border_img2” src=”/testy/pe-cleaning-company/image.jpg” />
Typography

 

<img class=”border_img3” src=”/testy/pe-cleaning-company/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=”pe-block“><span class=”pe”>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=”pe-block second“><span class=”pe”>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

this is a paragraph with the class “blue
<p class=”blue” > Text goes here</p>

 

this is a paragraph with the class “green
<p class=”green” > Text goes here</p>

 

this is a paragraph with the class “red
<p class=”red” > Text goes here</p>

this is a paragraph with the class “bluefill
<p class=”bluefill” > Text goes here</p>

this is a paragraph with the class “greenfill
<p class=”greenfill” > Text goes here</p>

this is a paragraph with the class “redfill
<p class=”redfill” > Text goes here</p>

 

Quote blocks

this is a paragraph with the class “quote-left
<p class=”quote-left” > Text goes here</p>

this is a paragraph with the class “quote-right
<p class=”quote-right” > Text goes here</p>

 

Icon blocks

this is a paragraph with the class “pebadge
<p class=”pebadge” > Text goes here</p>

this is a paragraph with the class “pecalendar
<p class=”pecalendar” > Text goes here</p>

this is a paragraph with the class “pechat
<p class=”pechat” > Text goes here</p>

this is a paragraph with the class “pecheck
<p class=”pecheck” > Text goes here</p>

this is a paragraph with the class “pecloud
<p class=”pecloud” > Text goes here</p>

this is a paragraph with the class “pedirection
<p class=”pedirection” > Text goes here</p>

this is a paragraph with the class “pedivide
<p class=”pedivide” > Text goes here</p>

this is a paragraph with the class “peerror
<p class=”peerror” > Text goes here</p>

this is a paragraph with the class “pefire
<p class=”pefire” > Text goes here</p>

this is a paragraph with the class “peflag
<p class=”peflag” > Text goes here</p>

this is a paragraph with the class “peheart
<p class=”peheart” > Text goes here</p>

this is a paragraph with the class “pehome
<p class=”pehome” > Text goes here</p>

this is a paragraph with the class “peinfo
<p class=”peinfo” > Text goes here</p>

this is a paragraph with the class “pelist
<p class=”pelist” > Text goes here</p>

this is a paragraph with the class “pemail
<p class=”pemail” > Text goes here</p>

this is a paragraph with the class “pepeople
<p class=”pepeople” > Text goes here</p>

this is a paragraph with the class “pestar
<p class=”pestar” > Text goes here</p>

this is a paragraph with the class “pestat
<p class=”pestat” > Text goes here</p>

 

Unordered lists

Default list
  • 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
This is a list with the class “pe-light
Enter the class name to ul tag <ul class=”pe-light“>
  • 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
This is a list with the class “pe-dark
Enter the class name to ul tag <ul class=”pe-dark“>
  • 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

Default list
  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
This is a list with the class “pe-roman
Enter the class name to ol tag <ol class=”pe-roman“>
  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
This is a list with the class “pe-alpha
Enter the class name to ol tag <ol class=”pe-alpha“>
  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

 

Offcanvas button (top-menu-nav)

<p><a class=”toggle-nav menu”><span class=”icon-align-justify”></span></a></p>

 

 

Custom modules (bottom)

<div class=”pe-box”><a href=”/testy/pe-cleaning-company/#“> <span class=”icon”><img src=”/testy/pe-cleaning-company/images/modules/icons/icon1.png” alt=”” /></span> <span class=”title”>Domestic Cleaning</span> </a></div>
<div class=”pe-box”><a href=”/testy/pe-cleaning-company/#“> <span class=”icon”><img src=”/testy/pe-cleaning-company/images/modules/icons/icon2.png” alt=”” /></span> <span class=”title”>Office Cleaning</span> </a></div>
<div class=”pe-box”><a href=”/testy/pe-cleaning-company/#“> <span class=”icon”><img src=”/testy/pe-cleaning-company/images/modules/icons/icon3.png” alt=”” /></span> <span class=”title”>Ironing Services</span> </a></div>
<div class=”pe-box”><a href=”/testy/pe-cleaning-company/#“> <span class=”icon”><img src=”/testy/pe-cleaning-company/images/modules/icons/icon4.png” alt=”” /></span> <span class=”title”>End of tenancy cleaning</span> </a></div>
<div class=”pe-box”><a href=”/testy/pe-cleaning-company/#“> <span class=”icon”><img src=”/testy/pe-cleaning-company/images/modules/icons/icon5.png” alt=”” /></span> <span class=”title”>Spring cleaning</span> </a></div>
<div class=”pe-box”><a href=”/testy/pe-cleaning-company/#“> <span class=”icon”><img src=”/testy/pe-cleaning-company/images/modules/icons/icon6.png” alt=”” /></span> <span class=”title”>Window cleaning</span> </a></div>
<div class=”pe-box”><a href=”/testy/pe-cleaning-company/#“> <span class=”icon”><img src=”/testy/pe-cleaning-company/images/modules/icons/icon7.png” alt=”” /></span> <span class=”title”>Carpet cleaning</span> </a></div>
<div class=”pe-box”><a href=”/testy/pe-cleaning-company/#“> <span class=”icon”><img src=”/testy/pe-cleaning-company/images/modules/icons/icon8.png” alt=”” /></span> <span class=”title”>Steam cleaning</span> </a></div>

Custom modules (right-column)

<div class=”pe-box-vertical”><a href=”http://demo.pixelemu.com/pe-cleaning-company-watermark/?page_id=396″ class=”pe-panel”><i class=”fa fa-user”></i><span class=”pe-cell”><span class=”title”>Professional Housekeepers</span><span class=”subtitle”>lorem ipsum dolor</span></span></a><a href=”http://demo.pixelemu.com/pe-cleaning-company-watermark/?page_id=396″ class=”pe-panel”><i class=”fa fa-lock”></i><span class=”pe-cell”> <span class=”title”>Insured</span><span class=”subtitle”>lorem ipsum dolor</span></span> </a><a href=”http://demo.pixelemu.com/pe-cleaning-company-watermark/?page_id=396″ class=”pe-panel”><i class=”fa fa-search”></i><span class=”pe-cell”> <span class=”title”>Background-checked</span><span class=”subtitle”>lorem ipsum dolor</span></span> </a><a href=”http://demo.pixelemu.com/pe-cleaning-company-watermark/?page_id=396″ class=”pe-panel”><i class=”fa fa-star”></i><span class=”pe-cell”> <span class=”title”>5 Star Reviews</span><span class=”subtitle”>lorem ipsum dolor</span> </span></a></div>

Custom modules (footer)

<div class=”pe-bottom-box-custom”><div class=”icon”><a href=”#”><img alt=”” src=”http://demo.pixelemu.com/pe-cleaning-company-watermark/wp-content/uploads/2015/09/icon-phone.png”></a></div><div class=”content”><span class=”title”>Make an appointment</span><span class=”desc”>+44 7983 462 854</span></div></div>
<div class=”pe-bottom-box-custom”><div class=”icon”><a href=”#”><img alt=”” src=”http://demo.pixelemu.com/pe-cleaning-company-watermark/wp-content/uploads/2015/09/icon-mail.png”></a></div><div class=”content”><span class=”title”>Send us a message</span><span class=”desc”>info@joomla-monster.com</span></div></div>
<div class=”pe-bottom-box-custom”><div class=”icon”><a href=”#”><img alt=”” src=”http://demo.pixelemu.com/pe-cleaning-company-watermark/wp-content/uploads/2015/09/icon-direction.png”></a></div><div class=”content”><span class=”title”>Visit us</span><span class=”desc”>7 Green Lane, London</span></div></div>

 

Make an appointment+44 7983 462 854
Send us a messageinfo@joomla-monster.com
Visit us7 Green Lane, London

Contact Details

"pe-bottom-box-custom"><div class="icon"><a href="http://demo.pixelemu.com/pe-cleaning-company-watermark/?page_id=403"><img src="http://demo.pixelemu.com/pe-cleaning-company-watermark/wp-content/uploads/2015/09/icon-phone.png" alt="phone"></a></div><div class="content"><span class="title pe-color">Make an appointment</span><span class="desc">+44 7983 462 854</span></div></div><div class="pe-bottom-box-custom"><div class="icon"><a href="http://demo.pixelemu.com/pe-cleaning-company-watermark/?page_id=403"><img src="http://demo.pixelemu.com/pe-cleaning-company-watermark/wp-content/uploads/2015/09/icon-mail.png" alt="phone"></a></div><div class="content"><span class="title pe-color">Send us a message</span><span class="desc">info@joomla-monster.com</span></div></div><div class="pe-bottom-box-custom"><div class="icon"><a href="#"><img alt="" src="http://demo.pixelemu.com/pe-cleaning-company-watermark/wp-content/uploads/2015/09/icon-direction.png"></a></div><div class="content"><span class="title">Visit us</span><span class="desc">7 Green Lane, London</span></div></div>
phone
Make an appointment+44 7983 462 854
phone
Send us a messageinfo@joomla-monster.com
phone
Visit us7 Green Lane, London

Promotion

<div class="pe-promo clearfix "><p><a href="#"> <img src="http://demo.pixelemu.com/pe-cleaning-company-watermark/wp-content/uploads/2015/07/icon4.png" alt=""> <span class="title">Dream to live clean?</span> </a></p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.</p></div>

 

Dream to live clean?

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.

Buttons

This is a read more link with the class “readmore”
Enter the class name to a tag <a class=”readmore” />

Read more

Font Awesome

<span class="fa fa-adjust">&nbsp</span>

 

fa-adjust
fa-adn
fa-align-center
fa-align-justify
fa-align-left
fa-align-right
fa-ambulance
fa-anchor
fa-android
fa-angellist
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-apple
fa-archive
fa-area-chart
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-asterisk
fa-at
fa-automobile
fa-backward
fa-ban
fa-bank
fa-bar-chart
fa-bar-chart-o
fa-barcode
fa-bars
fa-beer
fa-behance
fa-behance-square
fa-bell
fa-bell-o
fa-bell-slash
fa-bell-slash-o
fa-bicycle
fa-binoculars
fa-birthday-cake
fa-bitbucket
fa-bitbucket-square
fa-bitcoin
fa-bold
fa-bolt
fa-bomb
fa-book
fa-bookmark
fa-bookmark-o
fa-briefcase
fa-btc
fa-bug
fa-building
fa-building-o
fa-bullhorn
fa-bullseye
fa-bus
fa-cab
fa-calculator
fa-calendar
fa-calendar-o
fa-camera
fa-camera-retro
fa-car
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-cc
fa-cc-amex
fa-cc-discover
fa-cc-mastercard
fa-cc-paypal
fa-cc-stripe
fa-cc-visa
fa-certificate
fa-chain
fa-chain-broken
fa-check
fa-check-circle
fa-check-circle-o
fa-check-square
fa-check-square-o
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-child
fa-circle
fa-circle-o
fa-circle-o-notch
fa-circle-thin
fa-clipboard
fa-clock-o
fa-close
fa-cloud
fa-cloud-download
fa-cloud-upload
fa-cny
fa-code
fa-code-fork
fa-codepen
fa-coffee
fa-cog
fa-cogs
fa-columns
fa-comment
fa-comment-o
fa-comments
fa-comments-o
fa-compass
fa-compress
fa-copy
fa-copyright
fa-credit-card
fa-crop
fa-crosshairs
fa-css3
fa-cube
fa-cubes
fa-cut
fa-cutlery
fa-dashboard
fa-database
fa-dedent
fa-delicious
fa-desktop
fa-deviantart
fa-digg
fa-dollar
fa-dot-circle-o
fa-download
fa-dribbble
fa-dropbox
fa-drupal
fa-edit
fa-eject
fa-ellipsis-h
fa-ellipsis-v
fa-empire
fa-envelope
fa-envelope-o
fa-envelope-square
fa-eraser
fa-eur
fa-euro
fa-exchange
fa-exclamation
fa-exclamation-circle
fa-exclamation-triangle
fa-expand
fa-external-link
fa-external-link-square
fa-eye
fa-eye-slash
fa-eyedropper
fa-facebook
fa-facebook-square
fa-fast-backward
fa-fast-forward
fa-fax
fa-female
fa-fighter-jet
fa-file
fa-file-archive-o
fa-file-audio-o
fa-file-code-o
fa-file-excel-o
fa-file-image-o
fa-file-movie-o
fa-file-o
fa-file-pdf-o
fa-file-photo-o
fa-file-picture-o
fa-file-powerpoint-o
fa-file-sound-o
fa-file-text
fa-file-text-o
fa-file-video-o
fa-file-word-o
fa-file-zip-o
fa-files-o
fa-film
fa-filter
fa-fire
fa-fire-extinguisher
fa-flag
fa-flag-checkered
fa-flag-o
fa-flash
fa-flask
fa-flickr
fa-floppy-o
fa-folder
fa-folder-o
fa-folder-open
fa-folder-open-o
fa-font
fa-forward
fa-foursquare
fa-frown-o
fa-futbol-o
fa-gamepad
fa-gavel
fa-gbp
fa-ge
fa-gear
fa-gears
fa-gift
fa-git
fa-git-square
fa-github
fa-github-alt
fa-github-square
fa-gittip
fa-glass
fa-globe
fa-google
fa-google-plus
fa-google-plus-square
fa-google-wallet
fa-graduation-cap
fa-group
fa-h-square
fa-hacker-news
fa-hand-o-down
fa-hand-o-left
fa-hand-o-right
fa-hand-o-up
fa-hdd-o
fa-header
fa-headphones
fa-heart
fa-heart-o
fa-history
fa-home
fa-hospital-o
fa-html5
fa-ils
fa-image
fa-inbox
fa-indent
fa-info
fa-info-circle
fa-inr
fa-instagram
fa-institution
fa-ioxhost
fa-italic
fa-joomla
fa-jpy
fa-jsfiddle
fa-key
fa-keyboard-o
fa-krw
fa-language
fa-laptop
fa-lastfm
fa-lastfm-square
fa-leaf
fa-legal
fa-lemon-o
fa-level-down
fa-level-up
fa-life-bouy
fa-life-buoy
fa-life-ring
fa-life-saver
fa-lightbulb-o
fa-line-chart
fa-link
fa-linkedin
fa-linkedin-square
fa-linux
fa-list
fa-list-alt
fa-list-ol
fa-list-ul
fa-location-arrow
fa-lock
fa-long-arrow-down
fa-long-arrow-left
fa-long-arrow-right
fa-long-arrow-up
fa-magic
fa-magnet
fa-mail-forward
fa-mail-reply
fa-mail-reply-all
fa-male
fa-map-marker
fa-maxcdn
fa-meanpath
fa-medkit
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
fa-money
fa-moon-o
fa-mortar-board
fa-music
fa-navicon
fa-newspaper-o
fa-openid
fa-outdent
fa-pagelines
fa-paint-brush
fa-paper-plane
fa-paper-plane-o
fa-paperclip
fa-paragraph
fa-paste
fa-pause
fa-paw
fa-paypal
fa-pencil
fa-pencil-square
fa-pencil-square-o
fa-phone
fa-phone-square
fa-photo
fa-picture-o
fa-pie-chart
fa-pied-piper
fa-pied-piper-alt
fa-pinterest
fa-pinterest-square
fa-plane
fa-play
fa-play-circle
fa-play-circle-o
fa-plug
fa-plus
fa-plus-circle
fa-plus-square
fa-plus-square-o
fa-power-off
fa-print
fa-puzzle-piece
fa-qq
fa-qrcode
fa-question
fa-question-circle
fa-quote-left
fa-quote-right
fa-ra
fa-random
fa-rebel
fa-recycle
fa-reddit
fa-reddit-square
fa-refresh
fa-remove
fa-renren
fa-reorder
fa-repeat
fa-reply
fa-reply-all
fa-retweet
fa-rmb
fa-road
fa-rocket
fa-rotate-left
fa-rotate-right
fa-rouble
fa-rss
fa-rss-square
fa-rub
fa-ruble
fa-rupee
fa-save
fa-scissors
fa-search
fa-search-minus
fa-search-plus
fa-send
fa-send-o
fa-share
fa-share-alt
fa-share-alt-square
fa-share-square
fa-share-square-o
fa-shekel
fa-sheqel
fa-shield
fa-shopping-cart
fa-sign-in
fa-sign-out
fa-signal
fa-sitemap
fa-skype
fa-slack
fa-sliders
fa-slideshare
fa-smile-o
fa-soccer-ball-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
fa-sort-numeric-asc
fa-sort-numeric-desc
fa-sort-up
fa-soundcloud
fa-space-shuttle
fa-spinner
fa-spoon
fa-spotify
fa-square
fa-square-o
fa-stack-exchange
fa-stack-overflow
fa-star
fa-star-half
fa-star-half-empty
fa-star-half-full
fa-star-half-o
fa-star-o
fa-steam
fa-steam-square
fa-step-backward
fa-step-forward
fa-stethoscope
fa-stop
fa-strikethrough
fa-stumbleupon
fa-stumbleupon-circle
fa-subscript
fa-suitcase
fa-sun-o
fa-superscript
fa-support
fa-table
fa-tablet
fa-tachometer
fa-tag
fa-tags
fa-tasks
fa-taxi
fa-tencent-weibo
fa-terminal
fa-text-width
fa-th
fa-th-large
fa-th-list
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
fa-toggle-left
fa-toggle-off
fa-toggle-on
fa-toggle-right
fa-toggle-up
fa-trash
fa-trash-o
fa-tree
fa-trello
fa-trophy
fa-truck
fa-try
fa-tty
fa-tumblr
fa-tumblr-square
fa-turkish-lira
fa-twitch
fa-twitter
fa-twitter-square
fa-umbrella
fa-underline
fa-undo
fa-university
fa-unlink
fa-unlock
fa-unlock-alt
fa-unsorted
fa-upload
fa-usd
fa-user
fa-user-md
fa-users
fa-video-camera
fa-vimeo-square
fa-vine
fa-vk
fa-volume-down
fa-volume-off
fa-volume-up
fa-warning
fa-wechat
fa-weibo
fa-weixin
fa-wheelchair
fa-wifi
fa-windows
fa-won
fa-wordpress
fa-wrench
fa-xing
fa-xing-square
fa-yahoo
fa-yelp
fa-yen
fa-youtube
fa-youtube-play
fa-youtube-square

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla scelerisque magna et orci porttitor ullamcorper. Proin euismod pretium dolor non consectetur. Aliquam feugiat nunc ac justo hendrerit, non lobortis lacus condimentum.

Praesent vehicula libero ac tellus rutrum ultrices. Sed eu consectetur libero, id varius massa. Quisque vestibulum tempus felis. Nulla interdum varius arcu nec. Duis id erat nunc. Nam eu aliquam velit. Donec pretium sed quam quis pulvinar. Fusce felis ante, pulvinar ac metus et, adipiscing. Pellentesque ligula nisl, hendrerit nec facilisis sit amet, faucibus ac nulla. Morbi et consectetur ante.

 

Lorem ipsum dolor

Nunc placerat egestas vehicula. Fusce eu risus sit amet metus sagittis volutpat vehicula porttitor elit. Sed fringilla purus sed mi scelerisque scelerisque. Donec vel enim ligula. Phasellus vulputate ac dui aliquet dapibus. Suspendisse ut vestibulum tellus, sed gravida arcu. Aliquam erat volutpat. Cras eu quam vitae magna cursus adipiscing. Etiam quis mi lacus. Proin fermentum velit non ligula malesuada imperdiet. Sed sapien enim, porta vel tempus sed, suscipit quis nisl. In vestibulum ut massa eu feugiat.

1Nulla vestibulum ultrices felis sit amet dapibus. Suspendisse et ligula hendrerit, auctor justo vel, sagittis metus. Mauris tincidunt quam eu pulvinar sagittis. Pellentesque imperdiet, purus vel feugiat pharetra, lectus velit scelerisque nisi, a aliquam nibh augue vel urna. In volutpat tellus et pulvinar varius. Aenean ultricies euismod rhoncus.

2Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla scelerisque magna et orci porttitor ullamcorper. Proin euismod pretium dolor non consectetur. Aliquam feugiat nunc ac justo hendrerit, non lobortis lacus condimentum. Duis id erat nunc. Nam eu aliquam velit. Donec pretium sed quam quis pulvinar.

3Cras eleifend iaculis purus sed hendrerit. Nulla facilisi. Sed congue semper consequat. Nam viverra semper libero, a luctus eros. Nulla porttitor commodo velit nec rhoncus. Vivamus blandit tellus risus, et hendrerit nisi aliquet ut. Ut imperdiet orci tellus, in tristique urna mattis eu.

Nulla vestibulum ultrices felis sit amet dapibus. Suspendisse et ligula hendrerit, auctor justo vel, sagittis metus. Mauris tincidunt quam eu pulvinar sagittis. Pellentesque imperdiet, purus vel feugiat pharetra, lectus velit scelerisque nisi, a aliquam nibh augue vel urna. In volutpat tellus et pulvinar varius. Aenean ultricies euismod rhoncus. Ut lectus felis, facilisis nec erat at, pretium pellentesque lectus. Donec sit amet nibh est. Morbi augue libero, pretium vitae nulla ac, malesuada ultricies neque. Donec eget neque erat. Nam dictum justo sit amet placerat consectetur.

 

Consectetur adipiscing elit

Cras eleifend iaculis purus sed hendrerit. Nulla facilisi. Sed congue semper consequat. Nam viverra semper libero, a luctus eros. Nulla porttitor commodo velit nec rhoncus. Vivamus blandit tellus risus, et hendrerit nisi aliquet ut. Ut imperdiet orci tellus, in tristique urna mattis eu. Pellentesque ligula nisl, hendrerit nec facilisis sit amet, faucibus ac nulla. Morbi et consectetur ante. Etiam eu sodales tortor, ac dapibus lectus. In laoreet tempor felis, in ornare urna consequat sit amet. Praesent vehicula libero ac tellus rutrum ultrices. Sed eu consectetur libero, id varius massa. Quisque vestibulum tempus felis. Nulla interdum varius arcu nec.

Ut lectus felis, facilisis nec erat at, pretium pellentesque lectus. Donec sit amet nibh est. Morbi augue libero, pretium vitae nulla ac, malesuada ultricies neque. Praesent vehicula libero ac tellus rutrum ultrices. Sed eu consectetur libero, id varius massa. Nulla interdum varius arcu nec accumsan.

Cras eleifend iaculis purus sed hendrerit. Nulla facilisi. Sed congue semper consequat. Nam viverra semper libero, a luctus eros. Nulla porttitor commodo velit nec rhoncus. Donec sit amet nibh est. Morbi augue libero, pretium vitae nulla ac. Nulla porttitor commodo velit nec rhoncus.

Ut lectus felis, facilisis nec erat at, pretium pellentesque lectus. Donec sit amet nibh est. Morbi augue libero, pretium vitae nulla ac, malesuada ultricies neque. Donec eget neque erat. Nam dictum justo sit amet placerat consectetur. Maecenas laoreet, ligula vel scelerisque ultricies, lorem urna luctus odio, eget convallis urna erat quis justo. Morbi vel placerat nisl, ut tempor odio. Sed lacinia purus sit amet lorem dictum tincidunt.

s1Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud. Cras euismod purus eget turpis semper gravida.

  • Nulla volutpat bibendum sapien, et pharetra mi pretium nec.
  • Aenean ullamcorper tortor lacus.
  • Sed in efficitur neque, ac dignissim est. Curabitur at ultrices justo, non blandit quam. In sed vehicula lectus. Quisque et varius leo, nec vestibulum nibh. Nam vel leo sapien. Suspendisse pulvinar vestibulum suscipit.

 

Read more

s2Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud. Cras euismod purus eget turpis semper gravida.

  • Nulla volutpat bibendum sapien, et pharetra mi pretium nec.
  • Aenean ullamcorper tortor lacus.
  • Sed in efficitur neque, ac dignissim est. Curabitur at ultrices justo, non blandit quam. In sed vehicula lectus. Quisque et varius leo, nec vestibulum nibh. Nam vel leo sapien. Suspendisse pulvinar vestibulum suscipit.

 

Read more

s3Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud. Cras euismod purus eget turpis semper gravida.

  • Nulla volutpat bibendum sapien, et pharetra mi pretium nec.
  • Aenean ullamcorper tortor lacus.
  • Sed in efficitur neque, ac dignissim est. Curabitur at ultrices justo, non blandit quam. In sed vehicula lectus. Quisque et varius leo, nec vestibulum nibh. Nam vel leo sapien. Suspendisse pulvinar vestibulum suscipit.

 

Read more

s4Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud. Cras euismod purus eget turpis semper gravida. Nulla volutpat bibendum sapien, et pharetra mi pretium nec. In mattis at arcu luctus porta. Aenean ullamcorper tortor lacus, at cursus justo fringilla et. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Maecenas gravida tortor in nisl tincidunt vestibulum.

 

Read more

 

Choose Color style

Predifined Colors

  •  
  •  
  •  
  •  
  •  
Main Scheme Color Page Body Typography Header Main Menu Bar Off-Canvas Footer Color2-ms

More configuration settings available at the back-end