Лимассол

Лимассол уникален тем, что это и морской курорт с высококлассными гостиницами и современной индустрией развлечений, и одновременно деловой центр с развитой бизнес-инфраструктурой, один из лидеров мирового шипинга. Именно поэтому ещё в начале 1990-х большинство русских на Кипре селилось в Лимассоле. Сегодня «советских» здесь порядка тридцати тысяч. В городе богатая русская культурная жизнь, существуют русские образовательные учреждения, а в большинстве магазинов и предприятий сферы услуг есть русскоговорящий персонал.

В ближайшие 2-3 года Лимассол станет ещё более привлекателен и для проживания, и для инвестиций в недвижимость. Краеугольный камень идущей перестройки — это Limassol Marina, проект яхтной стоянки и жилого комплекса на искусственных островах, который сделает Лимассол одним из красивейших городов Средиземноморья. В настоящее время идёт строительство первой очереди проекта — комплекса элитных апартаментов. Планируется, что уже в 2012 году Limassol Marina будет принимать яхты. Также с Limassol Marina сопряжён грандиозный план строительства новой набережной, которая станет центральной улицей «лимассольского сити» — нового делового центра города. В настоящее время проводится градостроительное исследование, имеющее целью спроектировать деловой район с современной высотной застройкой.

Муниципалитет Лимассола ведёт большую работу и по реконструкции старых районов. В течение 2-3 лет планируется: переоборудовать Старый порт в рекреационно-развлекательную зону, построить четыре многоуровневые парковки, потратить пятьдесят миллионов евро на благоустройство городского центра — обновление тротуаров, уличных фонарей и скамеек, организацию пешеходных зон. Перспективы рынка недвижимости. Масштабные капиталовложения в городскую инфраструктуру обязательно приведут к росту цен на недвижимость. Примерно через два года, по мере окончания мирового кризиса и ввода в строй запланированных объектов, можно ожидать скачкообразный рост цен, особенно на недвижимость у моря.

YOOstyleswitcher

YOOstyleswitcher Accessibility is very important to make your website accessible for a wide range of users. The YOOstyleswitcher enables your website to fit to any screen resolution and to resize the entire text. This is done by giving users ability to change font size and page width.

The YOOstyleswitcher is a smart combination of Javascript and PHP which delivers an advanced solution for best user experience.

And the icing on the cake is a smooth sliding effect. Try it out now, by clicking the YOOstyleswitcher!
Notice: it’s no problem to deactivate the YOOstyleswitcher completely and to stay always at a fixed width. Just set the YOOstyleswitcher in the template configuration to false and choose your default fixed width.

PNG Fix for IE6

This template includes the YOOtheme PNG Fix for Internet Explorer up to version 6.x because these browser versions don’t support PNG transparency natively (Internet Explorer version 7 supports PNG transparency natively). The YOOtheme PNG Fix enables PNG Alpha Transparency for inline images in the whole template just by giving them a class="correct-png" attribute.

For example:

 <img class="correct-png" src="image-1.jpg" width="240" height="180" /> 

PNG Fix only effects png images you want and not all png images. The YOOtheme PNG Fix is only activated when needed. IE7 and all other browsers ignore the PNG Fix.

Take a look at the icons inside the black, red and yellow module boxes, which are images with PNG transparency.

Typography

Typography is a key element in web design. This templates delivers you sophisticated typography and various stylings. The style guide gives you an overview about all possible HTML tag stylings provided by the template. It also helps you to set up the available classes for special stylings.

This is a H1 Header

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 nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

This is a H2 Header

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 nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

This is a H3 Header

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 nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

This is a H4 Header

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 nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

This is a H5 Header

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 nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

This is a H6 Header

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 nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Emphasis Styles

em tag with class="box"
em tag with class="file"
em tag with class="directory"

Acronym Styles

acronym tag

Unorderd List Styles

  • <ul> with class=»checkbox»
  • <ul> with class=»arrow»
  • <ul> with class=»star»
  • <ul> with class=»check»
  • <ul> with class=»plus»
  • class=»checkbox-big»
  • class=»arrow-big»
  • class=»star-big»
  • class=»check-big»
  • class=»plus-big»

Ordered List Styles

  1. <ol> with class=»disc»
  2. item 2
  3. item 3
  1. class=»disc-big»
  2. item 2
  3. item 3

Div and Span Styles

<div> or <span> tag with class=»note» 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 nostrud exercitation ullamco laboris nisi.
<div> or <span> tag with class=»info» 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 nostrud exercitation ullamco laboris nisi.
<div> or <span> tag with class=»alert» 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 nostrud exercitation ullamco laboris nisi.
<div> or <span> tag with class=»download» 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 nostrud exercitation ullamco laboris nisi.
<div> or <span> tag with class=»tip» 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 nostrud exercitation ullamco laboris nisi.

Blockquote Styles

Sample <blockquote> tag with class=»quotation»:

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 nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

<Blockquote> tag with class=»quotation» and an an additional <p> tag.
(use <blockquote><p>….</p></blockquote>)

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 nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Sample <blockquote> tag with class=»quotation-big»:

Lorem ipsum dolor sit amet consec.

Sample <blockquote> tag with class=»quotation-big» and an additional <p> tag
(use <blockquote class=»big»><p>….</p></blockquote>):

Lorem ipsum dolor sit amet, consec est.

Forms Style

Form legend

Preformatted Text Style

 pre { 	background: #fff; 	color: #333; 	padding:10px; 	border: 1px solid #ccc; 	border-left: 5px solid #ccc; } 			

Horizontal Rule


Layout

This template supports a wide variety of module positions and variations. Almost any column and module layout can be achieved with the YOOtheme module system. Read the following descriptions carefully to learn all about the possibilities this template has to offer.

Module Variations

Many modules variations are included in this template. They come with different colors and styles. To enable a specific module variation for a module you have to set the specific module class suffix in the module parameters.

All different module stylings can be seen at the Module Variations Page.

Module Positions

The YOOtheme module system offers nearly unlimited combinations of module positions. For example you can have a 1-Column, 2-Column or 3 Column layout. It is also possible to have a nested right column instead of a right column which has an equal height as the left column.

In most module positions you can publish as many modules as possible for you current layout. You are surely familiar with this for the vertical module positions like left and right. But with the YOOtheme module system we introduce some new module positions which supports publishing as many modules as possible in one horizontal row. Also the height of all published modules in one vertical row is adjust to match each other.

All module positions are fully collapsible. If there is no module published in a certain position, this module position will contract and disappear.

Positions

Module Positions

More Details

More Details

Module Proportions

One outstanding feature of the YOOtheme module system is the possibility to chose between different module proportions for each module position. By default YOOtheme offers two module proportions: equal and golden ratio. For all module positions with the suffix «-equal» in the upper figure exists an equivalent module position with the suffix «-goldenratio». The proportions of the modules depend on the position in which they are published («-equal» or «-goldenratio»).

Example: You can publish 2 modules in top-equal. The width of each module will be 50%. If you publish the 2 modules in top-goldenratio the width of the first module will be 62% and of the second module 38%.

Of course you can publish the modules for each page in different positions. For example this feature allows you to publish one big module and a second smaller one (golden ratio) on the frontpage. For all other sites you can use equal module widths.

Important: For each page and each module position you have to chose if you are going to publish in the «equal» or «golden ratio» position. It is not possible to publish a module in the «equal» position and at the same time another module in the «golden ratio» position on the same page and for the same position. If this happens the «equal» proportion has priority and will be displayed. All modules published in the «golden ratio» position will not be displayed.

The following figures show the different proportions depending on the numbers of published modules.

Equal

Equal Proportions

Golden Ratio

Golden Ratio Proportions

If you want add your own custom proportion or learn more technical details take a look at this tutorial: How to add custom proportions for module positions?

Left Column Layout

This template supports two different layout options. The «left» module position can be aligned to the left or the right. To chose between these two possible options goto the Joomla backend, open the template parameters and set the parameter «Layout Style» to «left» or «right».

Left aligned

Left aligned layout

Right aligned

Right aligned layout

Dummy Content

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Features

Take a look at all the features implemented in this template and read short introduction how to use them. Select a feature from the left to jump to the details.

{loadposition content3}

Did you notice?
This template supports two general layout option. The «left» module block with the sub menu can be aligned to the left or the right site. More Information…

YOOmenu

YOOmenu All menus shown on this page are implemented using the YOOmenu system. YOOmenu is a flexible all-in-one menu system right out of the box.

YOOtheme has introduces many new menus to the Joomla world like the Slider Menu, the Fancy Menu, the Accordion Menu and the Drop Down Menu.

All menus come with smooth animations and color fadings. The YOOmenu takes your experience to a whole new level!

Learn how to use the YOOmenu features

{loadposition content4}