Elements - My Paris Apartments

Tabs

[tabs][tab title=”Title 1″][p]Aliquam vestibulum, sapien sit amet imperdiet placerat, mi augue euismod augue, sit amet tincidunt nisi quam a quam.[/p][p]Suspendisse molestie metus leo, in hendrerit lacus. Donec pellentesque gravida enim at.[/p][/tab][tab title=”Title 2″][p]Maecenas venenatis luctus neque. Duis aliquam urna ac quam gravida et laoreet urna pulvinar. Praesent et nisi ipsum.[/p][p]Aliquam aliquet dui eu odio imperdiet dignissim. Donec et sapien nisl. Integer in dolor tortor.[/p][/tab][tab title=”Title 3″][p]Cras convallis lorem vitae nunc mollis adipiscing. Donec tincidunt odio vel metus imperdiet semper. In volutpat orci in leo ornare sed.[/p][p]Donec rutrum purus vitae nisi pharetra id lacinia enim ullamcorper. Mauris dictum, orci.[/p][/tab][/tabs]

Toggles

[toggles type=”default”][toggle title=”Title goes here” state=”closed”][p]In hac habitasse platea dictumst. Aenean malesuada, lectus quis hendrerit iaculis, ipsum nibh malesuada sapien.[/p][p]Fusce posuere adipiscing nisi, eget dapibus urna accumsan in. Cras eleifend magna nec sem.[/p][/toggle][toggle title=”Title goes here” state=”closed”][p]In hac habitasse platea dictumst. Aenean malesuada, lectus quis hendrerit iaculis, ipsum nibh malesuada sapien.[/p][p]Fusce posuere adipiscing nisi, eget dapibus urna accumsan in. Cras eleifend magna nec sem.[/p][/toggle][toggle title=”Title goes here” state=”closed”][p]In hac habitasse platea dictumst. Aenean malesuada, lectus quis hendrerit iaculis, ipsum nibh malesuada sapien.[/p][p]Fusce posuere adipiscing nisi, eget dapibus urna accumsan in. Cras eleifend magna nec sem.[/p][/toggle][toggle title=”Title goes here” state=”closed”][p]In hac habitasse platea dictumst. Aenean malesuada, lectus quis hendrerit iaculis, ipsum nibh malesuada sapien.[/p][p]Fusce posuere adipiscing nisi, eget dapibus urna accumsan in. Cras eleifend magna nec sem.[/p][/toggle][/toggles]

Accordion

[toggles type=”accordion”][toggle title=”Title goes here” state=”closed”][p]In hac habitasse platea dictumst. Aenean malesuada, lectus quis hendrerit iaculis, ipsum nibh malesuada sapien.[/p][p]Fusce posuere adipiscing nisi, eget dapibus urna accumsan in. Cras eleifend magna nec sem.[/p][/toggle][toggle title=”Title goes here” state=”closed”][p]In hac habitasse platea dictumst. Aenean malesuada, lectus quis hendrerit iaculis, ipsum nibh malesuada sapien.[/p][p]Fusce posuere adipiscing nisi, eget dapibus urna accumsan in. Cras eleifend magna nec sem.[/p][/toggle][toggle title=”Title goes here” state=”closed”][p]In hac habitasse platea dictumst. Aenean malesuada, lectus quis hendrerit iaculis, ipsum nibh malesuada sapien.[/p][p]Fusce posuere adipiscing nisi, eget dapibus urna accumsan in. Cras eleifend magna nec sem.[/p][/toggle][toggle title=”Title goes here” state=”closed”][p]In hac habitasse platea dictumst. Aenean malesuada, lectus quis hendrerit iaculis, ipsum nibh malesuada sapien.[/p][p]Fusce posuere adipiscing nisi, eget dapibus urna accumsan in. Cras eleifend magna nec sem.[/p][/toggle][/toggles]

Notification Boxes

[notif type=”info” closeable=”true” display=”true”]Your information text.[/notif][notif type=”success” closeable=”true” display=”true”]Your success text.[/notif][notif type=”warning” closeable=”true” display=”true”]Your warning text.[/notif][notif type=”error” closeable=”true” display=”true”]Your error text.[/notif]

Buttons

Normal Buttons

[btn href=”#” color=”orange”]Button Text[/btn][btn href=”#” color=”green”]Button Text[/btn][btn href=”#” color=”blue”]Button Text[/btn][btn href=”#” color=”light-orange”]Button Text[/btn][btn href=”#” color=”red”]Button Text[/btn][btn href=”#” color=”purple”]Button Text[/btn][btn href=”#” color=”pink”]Button Text[/btn][btn href=”#” color=”teal”]Button Text[/btn][btn href=”#” color=”black”]Button Text[/btn]

Large Buttons

[btn href=”#” color=”orange” type=”large”]Button Text[/btn][btn href=”#” color=”green” type=”large”]Button Text[/btn][btn href=”#” color=”blue” type=”large”]Button Text[/btn][btn href=”#” color=”light-orange” type=”large”]Button Text[/btn][btn href=”#” color=”red” type=”large”]Button Text[/btn][btn href=”#” color=”purple” type=”large”]Button Text[/btn][btn href=”#” color=”pink” type=”large”]Button Text[/btn][btn href=”#” color=”teal” type=”large”]Button Text[/btn][btn href=”#” color=”black” type=”large”]Button Text[/btn]

Dropcaps

[dropcap type=”simple” wrap=”p”]Praesent eget elit vitae eros ornare euismod. Sed vel condimentum neque. Donec vel sem ac nisl accumsan mollis. Praesent est. Duis dignissim euismod porta.[/dropcap][dropcap type=”with-bg” wrap=”p”]Curabitur lectus neque, viverra sed convallis et, aliquam sit amet sem. Fusce non lectus sit amet tortor tincidunt sagittis et. Donec eu nisl dolor.[/dropcap]

Highlights

[hl color=”colored”]Praesent eget elit vitae[/hl] eros ornare euismod. Sed vel condimentum neque. Donec vel sem ac nisl accumsan mollis. Praesent est. Duis dignissim euismod porta.

[hl color=”black”]Curabitur lectus neque[/hl], viverra sed convallis et, aliquam sit amet sem. Fusce non lectus sit amet tortor tincidunt sagittis et. Donec eu nisl dolor.

Computer Output

Preformatted Text

[pre type=”pre”].container {
width: 92%;
padding: 4%;
margin: 0 auto;
}[/pre]

Computer Code

This is an example of computer code: [pre type=”code”]<a href=”” title=””> <abbr title=””> <acronym title=””> <b> <blockquote cite=””> <cite> <code> <del datetime=””> <em> <i> <q cite=””> <strike> <strong> [/pre]

Blockquotes

Simple

[bq type=”simple” author=”Author” profession=”Profession” company=”Company” separator=”|”]This is an example of a simple blockquote.[/bq]

Speech Bubble (Testimonial)

[bq type=”bubble” author=”Author” profession=”Profession” company=”Company” separator=”|”]This is an example of a blockquote in a speech bubble.[/bq]

Icon Boxes

[iconbox title=”Responsive Layouts” href=”#” type=”computer”]Layouts that scale gracefully across varying screen sizes.[/iconbox]

[iconbox title=”HTML5 & CSS3 Code” href=”#” type=”mouse”]Standards-compliant and cross-browser HTML/CSS code.[/iconbox]

[iconbox title=”Clean Design” href=”#” type=”applications”]Professional, clutter-free and aesthetically simple design.[/iconbox]

[iconbox title=”CMS-Driven Websites” href=”#” type=”cog”]CMS-driven websites that you can easily customize.[/iconbox]

[iconbox title=”Search Engine Optimization” href=”#” type=”globe”]Get the maximum exposure from search engines.[/iconbox]

[iconbox title=”Copywriting” href=”#” type=”write”]Creative and engaging words that provoke action.[/iconbox]

[iconbox title=”Customer Support” href=”#” type=”address-book”]Professional customer service that exceeds expectations.[/iconbox]

[iconbox title=”IT Solutions” href=”#” type=”chemical”]Connecting technology to your business needs.[/iconbox]

Info Box

[infobox title=”Suspendisse Cursus Diam Quis Tortor Posuere Vehicula” button_href=”#” button_text=”Button Text”]Aenean nec ante diam. Maecenas purus purus, pretium nec cursus ac, pharetra ac eros. Sed malesuada mauris nec erat porta et ultricies leo cursus. Duis ultricies, tellus nec convallis ornare, orci orci suscipit felis, id varius tellus nunc id felis.[/infobox]

Lists

Unordered Lists

[ul type=”arrow” indent=”false” separator=”|”]Arrow List Item|Arrow List Item|Arrow List Item|Arrow List Item[/ul]

[ul type=”circle” indent=”false” separator=”|”]Circle List Item|Circle List Item|Circle List Item|Circle List Item[/ul]

[ul type=”square” indent=”false” separator=”|”]Square List Item|Square List Item|Square List Item|Square List Item[/ul]

[ul type=”check” indent=”false” separator=”|”]Check List Item|Check List Item|Check List Item|Check List Item[/ul]

Ordered Lists

[ol type=”decimal” indent=”false” separator=”|”]Decimal List Item|Decimal List Item|Decimal List Item|Decimal List Item[/ol]

[ol type=”upper-roman” indent=”false” separator=”|”]Upper-Roman List Item|Upper-Roman List Item|Upper-Roman List Item|Upper-Roman List Item[/ol]

[ol type=”lower-alpha” indent=”false” separator=”|”]Lower-Alpha List Item|Lower-Alpha List Item|Lower-Alpha List Item|Lower-Alpha List Item[/ol]

[ol type=”upper-roman” indent=”false” separator=”|”]Upper-Alpha List Item|Upper-Alpha List Item|Upper-Alpha List Item|Upper-Alpha List Item[/ol]

Table