Click for more information and pictures
STUDIO APARTMENT 1
Click for more information and pictures
STUDIO APARTMENT 2
Welcome!
Dubrovnik Apartments IVANA are located in a quiet part of Dubrovnik’s Old City surrounded by the medieval ramparts, creating the perfect illusion of a well protected settlement from some other, past times. The gates to the old city and aswell the apartments are overlooked by the two forts: Minčeta from the north and Bokar from the south. Minčeta Fort is considered one of the most beautiful fortifying objects in the world. It is one of the recognizable Dubrovnik symbols offering a magnificent view of the entire city and that is why is included in our logo.
Interiors feature wooden or tiled floors, and warm orange colours. Your bathroom includes a shower and hairdryer.These air-conditioned apartments offer free Wi-Fi, kitchenettes and satellite TV. Banje Beach is just 500 metres away. Restaurant Lady Pi - Pi is located just 30m away from the Apartments. We hope that you will choose our apartments and that you will enjoy visiting Dubrovnik in a way that is supposed to be. We are always available so if you choose to contact us you can use Contact page or you can find details on the bottom of the page. We are modern so if you are using Viber or WhatsApp that is even better.
Ivana Gabric
Grid positions/Structure
- Published: Friday, 22 March 2013 14:47
- Written by Super User
- Hits: 864
You can see more details on http://twitter.github.com/bootstrap/scaffolding.html#gridSystem
Live grid example
The default Bootstrap grid system utilizes 12 columns, making for a 940px wide container without responsive features enabled. With the responsive CSS file added, the grid adapts to be 724px and 1170px wide depending on your viewport. Below 767px viewports, the columns become fluid and stack vertically.
Basic grid HTML
For a simple two column layout, create a .row
and add the appropriate number of .span*
columns. As this is a 12-column grid, each .span*
spans a number of those 12 columns, and should always add up to 12 for each row (or the number of columns in the parent).
<div class="row"> <div class="span4">...</div> <div class="span8">...</div> </div>
Given this example, we have .span4
and .span8
, making for 12 total columns and a complete row.
SHORCODE DEMOS
The shortcode is quite simple Attach the cols number near grid. Keep in mind you must use the row shortcode.
[grid 1/2/3/4/5/6/7/8/9/10/11/12]...[/grid]
[row]
[grid 2]
...
[/grid]
[grid 10]
...
[/grid]
[row]
You can also use the grid shortcodes like this:
[grid3 first/last]...[/grid3]
[grid2 first]
...
[/grid2]
[grid10 last]
...
[/grid10]
Other examples:
[onethird first/last]...[/onethird]
[twothirds first/last]...[/twothirds]
[half first/last]...[/half]
Offsetting columns
Move columns to the right using .offset*
classes. Each class increases the left margin of a column by a whole column. For example, .offset4
moves .span4
over four columns.
<div class="row"> <div class="span4">...</div> <div class="span3 offset2">...</div> </div>
Nesting columns
To nest your content with the default grid, add a new .row
and set of .span*
columns within an existing .span*
column. Nested rows should include a set of columns that add up to the number of columns of its parent.
<div class="row"> <div class="span9"> Level 1 column <div class="row"> <div class="span6">Level 2</div> <div class="span3">Level 2</div> </div> </div> </div>
Fluid grid system
Live fluid grid example
The fluid grid system uses percents instead of pixels for column widths. It has the same responsive capabilities as our fixed grid system, ensuring proper proportions for key screen resolutions and devices.
Basic fluid grid HTML
Make any row "fluid" by changing .row
to .row-fluid
. The column classes stay the exact same, making it easy to flip between fixed and fluid grids.
<div class="row-fluid"> <div class="span4">...</div> <div class="span8">...</div> </div>
Fluid offsetting
Operates the same way as the fixed grid system offsetting: add .offset*
to any column to offset by that many columns.
<div class="row-fluid"> <div class="span4">...</div> <div class="span4 offset2">...</div> </div>
Fluid nesting
Nesting with fluid grids is a bit different: the number of nested columns should not match the parent's number of columns. Instead, each level of nested columns are reset because each row takes up 100% of the parent column.
<div class="row-fluid"> <div class="span12"> Fluid 12 <div class="row-fluid"> <div class="span6">Fluid 6</div> <div class="span6">Fluid 6</div> </div> </div> </div>
- Category: Services
Photo Gallery
- Published: Friday, 22 March 2013 14:47
- Written by Super User
- Hits: 961
- Category: Services
Accordions Designs
- Published: Thursday, 21 March 2013 09:39
- Written by Super User
- Hits: 958
Get base styles and flexible support for collapsible components like accordions and navigation.
The example above has the class="acc-group default-style"
, where default-style has the styling.
SHORTCODE PARAMS
[acc title="" style="" start_opened="" tweaked=""] ... [/acc]
style = default-style / style2 / style3
tweaks = yes / no
start_opened = yes / no
SHORTCODE DEMO
[acc title=" the title here " style="default-style" ]
... content here
[/acc]
Other Styles - style2
Other Styles - style3
- Category: Services
Tabs Designs
- Published: Thursday, 21 March 2013 09:39
- Written by Super User
- Hits: 1435
Add quick, dynamic tab functionality to transiton through panes of local content.
The example above has the class="tabbable tabs_style1"
, where tabbable triggers the tables and tabs_style1 has the styling.
Pane 1 Content
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse euismod congue bibendum. Aliquam erat volutpat. Phasellus eget justo lacus. Vivamus pharetra ullamcorper massa, nec ultricies metus gravida egestas. Duis congue viverra arcu, ac aliquet turpis rutrum a.
Pane 2 Content
Phasellus eget justo lacus. Vivamus pharetra ullamcorper massa, nec ultricies metus gravida egestas. Duis congue viverra arcu, ac aliquet turpis rutrum a. Donec semper vestibulum dapibus. Integer et sollicitudin metus. Vivamus at nisi turpis.
Pane 3 Content
Donec semper vestibulum dapibus. Integer et sollicitudin metus. Vivamus at nisi turpis. Phasellus vel tellus id felis cursus hendrerit. Suspendisse et arcu felis, ac gravida turpis. Suspendisse potenti. Ut porta rhoncus ligula, sed fringilla felis feugiat eget. In non purus quis elit iaculis tincidunt. Donec at ultrices est.
SHORTCODE PARAMS
[tabs class="" style="" first_tab="" icons_theme=""][/tabs]
style = vertical_tabs / tabs_style1 / tabs_style2 / tabs_style3 / tabs_style4
icons_theme = white / black
SHORTCODE DEMO
[tabs]
[tab title="Some Tab #1"]
... content for tab #1
[/tab]
[tab title="Some Tab #2"]
... content for tab #2
[/tab]
[tab title="Some Tab #3"]
... content for tab #3
[/tab]
[/tabs]
Other styles - tabs_style2
Pane 1 Content
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse euismod congue bibendum. Aliquam erat volutpat. Phasellus eget justo lacus. Vivamus pharetra ullamcorper massa, nec ultricies metus gravida egestas. Duis congue viverra arcu, ac aliquet turpis rutrum a.
Pane 2 Content
Phasellus eget justo lacus. Vivamus pharetra ullamcorper massa, nec ultricies metus gravida egestas. Duis congue viverra arcu, ac aliquet turpis rutrum a. Donec semper vestibulum dapibus. Integer et sollicitudin metus. Vivamus at nisi turpis.
Pane 3 Content
Donec semper vestibulum dapibus. Integer et sollicitudin metus. Vivamus at nisi turpis. Phasellus vel tellus id felis cursus hendrerit. Suspendisse et arcu felis, ac gravida turpis. Suspendisse potenti. Ut porta rhoncus ligula, sed fringilla felis feugiat eget. In non purus quis elit iaculis tincidunt. Donec at ultrices est.
Other styles - tabs_style3
Pane 1 Content
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse euismod congue bibendum. Aliquam erat volutpat. Phasellus eget justo lacus. Vivamus pharetra ullamcorper massa, nec ultricies metus gravida egestas. Duis congue viverra arcu, ac aliquet turpis rutrum a.
Pane 2 Content
Phasellus eget justo lacus. Vivamus pharetra ullamcorper massa, nec ultricies metus gravida egestas. Duis congue viverra arcu, ac aliquet turpis rutrum a. Donec semper vestibulum dapibus. Integer et sollicitudin metus. Vivamus at nisi turpis.
Pane 3 Content
Donec semper vestibulum dapibus. Integer et sollicitudin metus. Vivamus at nisi turpis. Phasellus vel tellus id felis cursus hendrerit. Suspendisse et arcu felis, ac gravida turpis. Suspendisse potenti. Ut porta rhoncus ligula, sed fringilla felis feugiat eget. In non purus quis elit iaculis tincidunt. Donec at ultrices est.
Other styles - tabs_style4
Pane 1 Content
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse euismod congue bibendum. Aliquam erat volutpat. Phasellus eget justo lacus. Vivamus pharetra ullamcorper massa, nec ultricies metus gravida egestas. Duis congue viverra arcu, ac aliquet turpis rutrum a.
Pane 2 Content
Phasellus eget justo lacus. Vivamus pharetra ullamcorper massa, nec ultricies metus gravida egestas. Duis congue viverra arcu, ac aliquet turpis rutrum a. Donec semper vestibulum dapibus. Integer et sollicitudin metus. Vivamus at nisi turpis.
Pane 3 Content
Donec semper vestibulum dapibus. Integer et sollicitudin metus. Vivamus at nisi turpis. Phasellus vel tellus id felis cursus hendrerit. Suspendisse et arcu felis, ac gravida turpis. Suspendisse potenti. Ut porta rhoncus ligula, sed fringilla felis feugiat eget. In non purus quis elit iaculis tincidunt. Donec at ultrices est.
Other styles - vertical_tabs
Pane 1 Content
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse euismod congue bibendum. Aliquam erat volutpat. Phasellus eget justo lacus. Vivamus pharetra ullamcorper massa, nec ultricies metus gravida egestas. Duis congue viverra arcu, ac aliquet turpis rutrum a.
Pane 2 Content
Phasellus eget justo lacus. Vivamus pharetra ullamcorper massa, nec ultricies metus gravida egestas. Duis congue viverra arcu, ac aliquet turpis rutrum a. Donec semper vestibulum dapibus. Integer et sollicitudin metus. Vivamus at nisi turpis.
Pane 3 Content
Donec semper vestibulum dapibus. Integer et sollicitudin metus. Vivamus at nisi turpis. Phasellus vel tellus id felis cursus hendrerit. Suspendisse et arcu felis, ac gravida turpis. Suspendisse potenti. Ut porta rhoncus ligula, sed fringilla felis feugiat eget. In non purus quis elit iaculis tincidunt. Donec at ultrices est.
- Category: Services
About Dubrovnik - Unesco World Heritage
The 'Pearl of the Adriatic', on the Dalmatian coast, was an important Mediterranean sea power from the 13th century onwards. Although severely damaged by an earthquake in 1667, Dubrovnik managed to preserve its beautiful Gothic, Renaissance and Baroque churches, monasteries, palaces and fountains.
Dubrovnik was founded in the first half of the 7th century by a group of refugees from Epidaurum, who established their settlement at the island and named it Laus. The Latin name Ragusa (Rausa), in use until the 15th century, originated from the rock (Lat. lausa = rock). Opposite that location, at the foot of Srđ Mountain, the Slavs developed their own settlement under the name of Dubrovnik, derived from the Croatian word dubrava, which means oak woods. When the channel that separated these two settlements was filled in the 12th century they were united. From the time of its establishment the town was under the protection of the Byzantine Empire; after the Fourth Crusade the city came under the sovereignty of Venice (1205-1358), and by the Treaty of Zadar in 1358 it became part of the Hungarian-Croatian Kingdom, when it was effectively a republican free state that reached its peak in the 15th and 16th centuries. An economic crisis in Mediterranean shipping and, more particularly, a catastrophic earthquake on April 1667 that levelled most of the public buildings, destroyed the well-being of the Republic. This powerful earthquake came as a turning point in the city's development.
Dubrovnik is a remarkably well-preserved example of a late-medieval walled city, with a regular street layout. Among the outstanding medieval, Renaissance and Baroque monuments within the magnificent fortifications and the monumental gates to the city are the Town Hall (now the Rector's Palace), dating from the 11th century; the Franciscan Monastery (completed in the 14th century, but now largely Baroque in appearance) with its imposing church; the extensive Dominican Monastery; the cathedral (rebuilt after the 1667 earthquake); the customs house (Sponza), the eclectic appearance of which reveals the fact that it is the work of several hands over many years; and a number of other Baroque churches, such as that of St Blaise (patron saint of the city).
More at UNESCO Web page. This text is copyright of the World Unesco Heritage Center.
FAQ
REVIEWS
What do our Customers saying about us?
Ivan, the guy who runs the appartment is really friendly, very helpful and clearly keen for you to enjoy your stay. The apartment is by no means the ritz, but it is clean, comfotable and a bargain. Highly recommended.
Jamilia // United Kingdom
Excellent service... Given lots of recommendations for our time there which was particularly useful as we're visiting for such a short while. The owner sat down and told us in detail the sites worth seeing, the places worth eating and where to avoid if on a budget. The room was lovely, AC worked once we swapped the tv batteries around (no intention to watch tv on holiday but it is nice and big if you do). Lovely shower, excellent location and value for money. Would definitely stay there again.
Navjit // United Kingdom
Completely silent spot, polite landlord, a/c, everything one could expect from a room to let.
Dimitris // GREECE
The apartment was fantastic, had everything we needed, and was in an amazing location! Would definitely stay here again.
Kellie // United Kingdom
I'm very happy with your services. I location location location please dine at lady Pi Pi at top of street Ivana a great host our daughter went back and stayed on her own and was well looked after and safe
Nikolas // Australia
Perfect location right in Old Town. Very comfortable and clean!
Tyler // USA
Location and value are excellent, and Ivan gave us a tour to Mostar and more. He has lived here and has been in the travel industry for most of his life. I truly enjoyed this magnificent city and my stay here.
Barry // USA
Fantastic location on a quiet street, convenient for exploring the Old Town. Nice and clean apartment. Ivan is a great host, friendly and helpful, all arrangements were easy.
Vladimir // CANADA
Perfect location in Old Town. Ivan, the owner, was extremely accommodating. My room was comfortable and clean.
Roohana // USA
Location of this apartment is fantastic - just two flights of stairs DOWN from the side entrance into the Old Town, Buzhe. Also 3 min to Stradun. The apartment 3 is on the top of the house, small, very clean, quiet, comfortable king size bed, great shower. Clean towels every day.
Sanya // UNITED KINGDOM
Amazing location, up steps but everywhere is in old town! Very helpful owner! Would definitely stay here again!
Aisling // AUSTRALIA