Located on the 34th floor of Mantra Sun City Resort, our luxury ocean front skyhome "Ocean Panorama" is truly one of the best holiday apartments in Surfers Paradise.

Sprawling over 210 m2, the apartment captures 330 degrees of stunning uninterrupted views of the Pacific Ocean, Coolangatta-Twin Water coast, Surfers Paradise city skyline, Tamborine Mountain hinterland, Nerang River, and all the way down to the Paradise Waters. Imagine being able to watch the sun rise from the ocean horizon as well as the sun set behind the mountains, all whilst sitting right in your own lounge room... It is perfect for family and friends who want to enjoy the ultimate luxury at a fraction of the normal price.

As one of the best apartments in Sun City Resort, you are actually paying much less for the apartment of your choice – up to 60 percent less than the resort rate. Furthermore, when you book our apartment, you get what you expect, unlike resort managed apartments which can randomly allocate you any available apartment when you check-in.

Sun City Resort is one of the premier family-friendly resorts on the Gold Coast, which offers many great features for all the family to enjoy; two outdoor swimming pools with water slides for the kids, an indoor heated pool, a sauna, an indoor and an outdoor spa, two tennis courts, a squash court, 5 BBQ areas, a games room, playground and much more...

About Typography:

Take care about your typography to make better user experience for your readers. How to achieve that?

  • Learn more about typography, escpecially about the most often used codes, such as <p>, <h1>, <h2>, <h3>, <img> and <a>.
  • This template has valid XHTML, but if you want to keep it like that, you must learn and follow the XHTML principles. Also, if some of your extensions are not XHTML valid, pages based on this component would not be XHTML valid as well (no matter if template itself is valid).
  • Familiarize yourself with CSS styles that comes with this template.
  • Never copy/paste directly from layout text editors, such as Microsoft Word or OpenOffice. Try to paste text in plain editors first (such as Notepad).
  • Use a WYSIWYG editor that comes with Joomla or install a better editor, but always check your code in the editor's HTML mode.

 

Heading 1

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

Heading 2

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

Heading 3

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

Heading 4

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

 

Quote/Citation

My mother said to me, "If you are a soldier, you will become a general. If you are a monk, you will become the Pope." Instead, I was a painter, and became Picasso... To have a quote styled like that, apply "quote" style, like in this sample code: <div class="quote"> ...your text here... </div>

 

Paragraph with Big First Letter

This is a dropcap style applied to a paragraph of text. To use it, apply class of dropcap to your paragraph of text, in example: <p class="dropcap">...some text goes here...</p>. To edit this style, find class .dropcap in CSS stylesheet file template_css.css.

 

Notice Styles with Background Color

This is a warning message you may use in your text. Simply add appropriate class to your paragraphs to achieve this effect.
Here's a sample code: <p class="warning">...your text here...</p>. The rest of text is just filler. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat.

This is an information message you may use in your text. Simply add appropriate class to your paragraphs to achieve this effect.
Here's a sample code: <p class="info">...your text here...</p>. The rest of text is just filler. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat.

This is an error message you may use in your text. Simply add appropriate class to your paragraphs to achieve this effect.
Here's a sample code: <p class="error">...your text here...</p>. The rest of text is just filler. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat.

 

Notice Styles with Outline

This is a warning message you may use in your text. Simply add appropriate class to your paragraphs to achieve this effect.
Here's a sample code: <p class="warning outline">...your text here...</p>. The rest of text is just filler. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat.

This is an information message you may use in your text. Simply add appropriate class to your paragraphs to achieve this effect.
Here's a sample code: <p class="info outline">...your text here...</p>. The rest of text is just filler. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat.

This is an error message you may use in your text. Simply add appropriate class to your paragraphs to achieve this effect.
Here's a sample code: <p class="error outline">...your text here...</p>. The rest of text is just filler. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat.

 

Blockquote

This is an information message you may use in your text. Simply add appropriate class to your paragraphs to achieve this effect. To use this style, wrap your text in blockquote element, like this <blockquote> your content here </blockquote>. The rest of text is just filler. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat. 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 ea commodo consequat.

 

Legend

This is legend's heading

This is an information message you may use in your text. Simply add appropriate class to your paragraphs to achieve this effect. To use this style, wrap your text in legend element, like this <legend> <h4>Heading</h4> <p>your content here </p> </legend>. The rest of text is just filler. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat. 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 ea commodo consequat.

 

Typewriter Style

This is typewriter style you may use in your text. Simply add appropriate class to your paragraphs to achieve this effect. Here's a sample code: <p class="typewriter">...your text here...</p>. This style uses a font with constant width of characters.

 

Paragraphs Marked with a Number/Letter:

1This is a paragraph of text marked with a big number or letter. To make such paragraph of text, you should enter number before the rest of the text in the paragraph, and wrap it in span with a class of p_number, like this: <p><span class="p_number">1</span>...your text here...</p>

 

2This is a paragraph of text marked with a big number or letter. To make such paragraph of text, you should enter number before the rest of the text in the paragraph, and wrap it in span with a class of p_number, like this: <p><span class="p_number">2</span>...your text here...</p>

 

AThis is a paragraph of text marked with a big number or letter. To make such paragraph of text, you should enter number before the rest of the text in the paragraph, and wrap it in span with a class of p_number, like this: <p><span class="p_number">A</span>...your text here...</p>

 

BThis is a paragraph of text marked with a big number or letter. To make such paragraph of text, you should enter number before the rest of the text in the paragraph, and wrap it in span with a class of p_number, like this: <p><span class="p_number">B</span>...your text here...</p>

 

 

Code Style

To achieve this style, wrap your content in <code> tag.

#some_style {
  float: left;
  display: block;
}

 

Promotions

Discount 15% Early Booking

Early BookingLorem ipsum dolor sit amet, consectetur adipisicing elit.

Aqualandia Free Tickets

Aqua ParkIste asperiores suscipit, consequatur debitis animi.

Call Us Now

Working days: 9AM - 5PM
Saturdays: 10AM - 3PM
+61 7 55510135

Paradise Found

33 Elkhorn Avenue
Surfers Paradise, QLD