ACCORDÉON

Accordion are flexible and easy to use. It will be perfect to manage huge amount of content and bring a neat look. With Accordion shortcode, you can create as many accordions as you want, choose different icons and set active accordion when loading page. You can collapse all accordions at loading page by setting value -1 for active-tab.

A propos Accordéons

I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Accordéons actifs

I’m an active accordion after you opened to read. Click [-] to have this content hidden.

Section

You can add many more thing into this content. Such as below image

Beaucoup d'utilisation

Accordions are customizable. You can make your huge amount of content look neatly such as for FAQs, About Us Section,… You can think of much more when you need it.

Bascule

A propos Accordéons

I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Accordéons actifs

I’m an active accordion after you opened to read. Click [-] to have this content hidden.

Non seulement texte

You can add many more thing into this content. Such as below image

Beaucoup d'utilisation

Accordions are customizable. You can make your huge amount of content look neatly such as for FAQs, About Us Section,… You can think of much more when you need it.

Tab horizontale

About Tabs: Tabs is useful to handle large amount of content

I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Tab Vertical

Quisque tincidunt dictum ipsum quis cursus. Mauris et urna et turpis placerat egestas. Mauris ultricies risus eu massa gravida pulvinar. Aliquam quam diam, egestas in imperdiet a, aliquam ut odio. Vivamus nulla neque, scelerisque eu hendrerit ut, molestie eu sapien.

Aenean a ante lacus. Fusce eget lorem sollicitudin, adipiscing magna at, cursus orci. Morbi a rhoncus risus, ac porttitor arcu. Mauris dignissim elit sagittis, dictum mi sed, faucibus mi. Cras facilisis nibh dui, vitae sollicitudin sapien sagittis ac. Donec purus enim, posuere ac vestibulum vel, ultrices non mi. Sed condimentum suscipit leo, ut lacinia sem molestie ut. Nulla facilisi. Curabitur lobortis nec eros a pellentesque.

Compteur

Counter can give your site a more visual look for showing your achievement, your work, your target or any interesting number to your visitors. Below we made an example.

277

LES CLIENTS

Vivamus aliquam dolor vel dui dapibus, id vehicula urna.

43255

DES HEURES

Vivamus aliquam dolor vel dui dapibus, id vehicula urna.

1111

EMAIL

Vivamus aliquam dolor vel dui dapibus, id vehicula urna.

123

SOLUTIONS

Vivamus aliquam dolor vel dui dapibus, id vehicula urna.

BARRE DE PROGRESSION

Counter can give your site a more visual look for showing your achievement, your work, your target or any interesting number to your visitors. Below we made an example.

Bar de base

80%

Couleur

40%

Stripped

90%

Animé Stripped barre de progression

50%

Bar de base

80%

Un autre bar Couleur

40%

Bar Stripped

66%

Animé Bar Stripped

58%

CAMEMBERT

Pie chart is a more visual way of demonstrating percentages than progress bar. The color element has a stronger impact, which makes the whole chart more eye-catching.

Idées créatives

Ut wisi enim ad minim veniam, quis nos trud exerci tation ullamcorper.

BUSINESS SOLUTIONS

Ut wisi enim ad minim veniam, quis nos trud exerci tation ullamcorper.

PROJETS inovative

Ut wisi enim ad minim veniam, quis nos trud exerci tation ullamcorper.

SERVICE CLIENT

Ut wisi enim ad minim veniam, quis nos trud exerci tation ullamcorper.

ICON

Citilights is integrated fully with Font Awesome Icon set to give you numerous choice. Use your favorite icons with difference preset styles: Custom Icon, Filled Stack, Bordered Stack or just Simple one.

Icône Simple

Code

Icône personnalisée

Code

Stack rempli

Code

Bordered Stack

Code

ICON LISTE ARTICLE

You are able to use whole Font Awesome Icon set to make up your icon list. Below is just a small preview.

Add the item here...
Add the item here...
Add the item here...
Add the item here...
Add the item here...

Add the item here...
Add the item here...
Add the item here...
Add the item here...
Add the item here...

BOUTON

We bring you here some buttons at various size that you will absolutely need somewhere in your website for your Call To Actions. Below come different premade styles, with icons and text or with icons only. We also preset number of button color for your easy choice or you may custom your own. They are all at your hand now.

SLIDER SENSIBLE

Responsive slider brings your site lots of slider options. You can create fully responsive sliders with fade or slide animation, showing indicator or arrow. It can be automatic slide transferred or with timer, text or image. And many more options comes in this shortcode that you can use for your slider customization.

Fade animation avec indicateur

Code

Auto Slide Animation

Code

Aléatoire Curseur Avec minuteur

Code

Text Slide With Navigation Arrow

fringilla merito, nec venenatis sem posuere quis. Sed sed faucibus ligula.

_ Mark Hain

about 1 hour ago
fringilla merito, nec venenatis sem posuere quis. Sed sed faucibus ligula.

_ Mark Hain

about 1 hour ago
fringilla merito, nec venenatis sem posuere quis. Sed sed faucibus ligula.

_ Mark Hain

about 1 hour ago

Code



  


Add the content here...




Add the content here...




Add the content here...

A site-wide Call to Action Section! Have you fallen in love yet?

ACHETER CE THÈME

ACCORDÉON

Bascule

Tab horizontale

Tab Vertical

Compteur

LES CLIENTS

DES HEURES

EMAIL

SOLUTIONS

BARRE DE PROGRESSION

CAMEMBERT

Idées créatives

BUSINESS SOLUTIONS

PROJETS inovative

SERVICE CLIENT

ICON

Icône Simple

Code

Icône personnalisée

Code

Stack rempli

Code

Bordered Stack

Code

ICON LISTE ARTICLE

BOUTON

3D SQUARE

3D ROUND

3D PILL

Métro Square

METRO ROUND

METRO PILULE

SLIDER SENSIBLE

Fade animation avec indicateur

Code

Auto Slide Animation

Code

Aléatoire Curseur Avec minuteur

Code

Text Slide With Navigation Arrow

#noo-icon-56 i:hover { color: #ffffff; }

fringilla merito, nec venenatis sem posuere quis. Sed sed faucibus ligula.

_ Mark Hain

#noo-icon-58 i:hover { color: #ffffff; }

fringilla merito, nec venenatis sem posuere quis. Sed sed faucibus ligula.

_ Mark Hain

#noo-icon-60 i:hover { color: #ffffff; }

fringilla merito, nec venenatis sem posuere quis. Sed sed faucibus ligula.

_ Mark Hain

Code