Uncategorised

Details: Written by Super User; Category: Uncategorised; Published: 06 February 2013; Created: 06 February 2013; Last Updated: 06 May 2017; Hits: 280568

User Rating: 3 / 5

A modern, chic, 4 star hotel, inspired by the resilient, desert-dwelling Momona tree of Tigray. Momona hotel is an unrivalled location, accessibly close to all the main shops and services on the Bole road. Many hotels boast of being 10 minutes from the airport but Momona is one of the few that actually lives up to the claim.

Momona is one of the first hotels in Addis designed to ecologically friendly principles with every facet of the hotel’s procurement executed with a view to sourcing exclusively from local providers. A growing base of returning customers have commented favourably on the excellent service and have summarised Momona as “user-friendly”, and “very accommodating”.

Details: Written by Super User; Category: Uncategorised; Published: 06 February 2013; Created: 06 February 2013; Last Updated: 06 February 2013; Hits: 3722

User Rating: 3 / 5

Choose the extension from the left menu.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur turpis tellus, scelerisque ac fringilla vitae, pulvinar vitae nunc. Pellentesque tempus lectus non mauris elementum consectetur. Maecenas a metus nisl, accumsan tincidunt nunc. Morbi condimentum consequat odio, ac tristique orci sodales ac.

Details: Written by Super User; Category: Uncategorised; Published: 06 February 2013; Created: 06 February 2013; Last Updated: 05 June 2014; Hits: 3859

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 code below or edit an existing code in the custom module of the demo template.

Example 1

<div class="ch-item ch-first" style="background: url('/images/modules/module1.jpg') no-repeat;"> <div class="ch-info"> <div class="ch-container"> <div class="ch-outer"> <div class="ch-inner"> <p><a href="#">CHECK OUR<br /><span class="smaller">NEW OFFER!</span></a></p> </div> </div> </div> </div> </div>

CHECK OUR
NEW OFFER!

Example 2

<div class="ch-item ch-second" style="background: url('/images/modules/module1.jpg') no-repeat;"> <div class="ch-info-wrap"> <div class="ch-info"> <div class="ch-info-front"> </div> <div class="ch-info-back"> <div class="ch-container"> <div class="ch-outer"> <div class="ch-inner"> <p><a href="#">CHECK OUR<br /><span class="smaller">NEW OFFER!</span></a></p> </div> </div> </div> </div> </div> </div> </div>

CHECK OUR
NEW OFFER!

Example 3

<div class="ch-item ch-third"> <div class="ch-info"> <div class="ch-info-front" style="background: url('/images/modules/module1.jpg') no-repeat;"> </div> <div class="ch-info-back"> <div class="ch-container"> <div class="ch-outer"> <div class="ch-inner"> <p><a href="#">CHECK OUR<br /><span class="smaller">NEW OFFER!</span></a></p> </div> </div> </div> </div> </div> </div>

CHECK OUR
NEW OFFER!

Animated hover CSS3 effects for buttons

Example 1

<a class="a-btn" href="#"> <span class="first"> </span> <span class="second">BEST HOTEL<br /><span class="smaller">IN THE CITY</span></span> <span class="third">CHECK OUR<br /><span class="smaller">OFFER NOW!</span></span> </a>

BEST HOTEL
IN THE CITY CHECK OUR
OFFER NOW!

Example 2

<a class="a-button first" href="#"> <span class="a-btn-slide-text">$99</span> <img src="/images/modules/icons/married.png" border="0" alt="Just Married" /> <span class="a-btn-text">JUST MARRIED?</span> <span class="a-btn-text2">HONEYWEEK!</span></a>

$99 JUST MARRIED? HONEYWEEK!

Example 3

<a class="a-button second" href="#"> <span class="a-btn-slide-text">$39</span> <img src="/images/modules/icons/tennis.png" border="0" alt="Tennis Court" /> <span class="a-btn-text">TENNIS COURT</span> <span class="a-btn-text2">TAKE A LESSON!</span></a>

$39 TENNIS COURT TAKE A LESSON!

Example 4

<a class="a-button third" href="#"> <span class="a-btn-slide-text">$19</span> <img src="/images/modules/icons/sauna.png" border="0" alt="Enjoy the Sauna" /> <span class="a-btn-text">ENJOY THE SAUNA</span> <span class="a-btn-text2">FEEL HEALTHY!</span></a>

$19 ENJOY THE SAUNA FEEL HEALTHY!

Image Borders

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)

This is Heading Three (h3)

This is Heading Four (h4)

This is Heading Five (h5)

This is Heading Six (h6)

Numered blocks

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.

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 Module

<div class="jm-quote"> <div class="clearfix"> <div class="jm-quote-left"> <div class="jm-quote-left-in clearfix"> <div class="jm-quote-text"> <div class="jm-quote-text-in">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis.</div> </div> <div class="jm-quote-image"> <div class="jm-quote-image-in"> <div class="jm-quote-user"> </div> <p class="jm-quote-name"><a href="#">Jane Doe</a></p> </div> </div> </div> </div> <div class="jm-quote-right"> <div class="jm-quote-right-in clearfix"> <div class="jm-quote-text"> <div class="jm-quote-text-in">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis.</div> </div> <div class="jm-quote-image"> <div class="jm-quote-image-in"> <div class="jm-quote-user"> </div> <p class="jm-quote-name"><a href="#">John Doe</a></p> </div> </div> </div> </div> </div> </div>

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis.

Jane Doe

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis.

John Doe

Icon blocks

this is a paragraph with the class "badges"
<p class="badges" > Text goes here</p>

this is a paragraph with the class "calendar"
<p class="calendar" > Text goes here</p>

this is a paragraph with the class "chat"
<p class="chat" > Text goes here</p>

this is a paragraph with the class "check"
<p class="check" > Text goes here</p>

this is a paragraph with the class "cloud"
<p class="cloud" > Text goes here</p>

this is a paragraph with the class "direction"
<p class="direction" > Text goes here</p>

this is a paragraph with the class "divide"
<p class="divide" > Text goes here</p>

this is a paragraph with the class "error"
<p class="error" > Text goes here</p>

this is a paragraph with the class "fire"
<p class="fire" > Text goes here</p>

this is a paragraph with the class "flag"
<p class="flag" > Text goes here</p>

this is a paragraph with the class "heart"
<p class="heart" > Text goes here</p>

this is a paragraph with the class "home"
<p class="home" > Text goes here</p>

this is a paragraph with the class "info"
<p class="info" > Text goes here</p>

this is a paragraph with the class "list"
<p class="list" > Text goes here</p>

this is a paragraph with the class "mail"
<p class="mail" > Text goes here</p>

this is a paragraph with the class "people"
<p class="people" > Text goes here</p>

this is a paragraph with the class "star"
<p class="star" > Text goes here</p>

this is a paragraph with the class "stat"
<p class="stat" > 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 "jm-light"
Enter the class name to ul tag <ul class="jm-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 "jm-dark"
Enter the class name to ul tag <ul class="jm-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

Duis tincidunt nunc sit amet ipsum
Duis tincidunt nunc sit amet ipsum
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 "jm-roman"
Enter the class name to ol tag <ol class="jm-roman">

Duis tincidunt nunc sit amet ipsum
Duis tincidunt nunc sit amet ipsum
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 "jm-alpha"
Enter the class name to ol tag <ol class="jm-alpha">

Duis tincidunt nunc sit amet ipsum
Duis tincidunt nunc sit amet ipsum
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

Social icons

Color font

<span class="jm-color-font">This is a color font.</span>

This is a color font.

GTranslate

Uncategorised

Welcome to our Hotel

Joomla Extensions

Typography

Animated hover CSS3 effects for images

Animated hover CSS3 effects for buttons

Image Borders

Headings

This is Heading One (h1)

This is Heading Two (h2)

This is Heading Three (h3)

This is Heading Four (h4)

This is Heading Five (h5)

This is Heading Six (h6)

Numered blocks

Colored blocks

Quote Module

Icon blocks

Unordered lists

Ordered lists

Social icons

Color font

Read More Button