Module Themes
Menu Options
Menu Styles
Headers
Layouts
Footers
Breadcrumbs
Granular Styling
Accessibility
Google Translator
RTL
Fast-Track design & development with enterprise functionality in just a few clicks
Customize the font, size, foreground and background colors of each individual component including header, menu (root items, sub menus, active menus, headings, mobile menu, vertical menu, mega menu), body, headings, paragraphs, and links (visited, hover, active)
Check out all the word rotator options.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60
<h1 class="mb-sm word-rotator-title"> Porto is <strong class="inverted"> <span class="word-rotate" data-plugin-options="{'delay': 2000, 'animDelay': 300}"> <span class="word-rotate-items"> <span>incredibly</span> <span>especially</span> <span>extremely</span> </span> </span> </strong> beautiful. </h1> <h2 class="mb-sm word-rotator-title"> Porto is <strong class="inverted"> <span class="word-rotate" data-plugin-options="{'delay': 2000, 'animDelay': 300}"> <span class="word-rotate-items"> <span>incredibly</span> <span>especially</span> <span>extremely</span> </span> </span> </strong> beautiful. </h2> <h3 class="mb-sm word-rotator-title"> Porto is <strong class="inverted"> <span class="word-rotate" data-plugin-options="{'delay': 2000, 'animDelay': 300}"> <span class="word-rotate-items"> <span>incredibly</span> <span>especially</span> <span>extremely</span> </span> </span> </strong> beautiful. </h3> <h4 class="mb-sm word-rotator-title"> Porto is <strong class="inverted"> <span class="word-rotate" data-plugin-options="{'delay': 2000, 'animDelay': 300}"> <span class="word-rotate-items"> <span>incredibly</span> <span>especially</span> <span>extremely</span> </span> </span> </strong> beautiful. </h4> <h5 class="mb-sm word-rotator-title"> Porto is <strong class="inverted"> <span class="word-rotate" data-plugin-options="{'delay': 2000, 'animDelay': 300}"> <span class="word-rotate-items"> <span>incredibly</span> <span>especially</span> <span>extremely</span> </span> </span> </strong> beautiful. </h5> <h6 class="mb-sm word-rotator-title"> Porto is <strong class="inverted"> <span class="word-rotate" data-plugin-options="{'delay': 2000, 'animDelay': 300}"> <span class="word-rotate-items"> <span>incredibly</span> <span>especially</span> <span>extremely</span> </span> </span> </strong> beautiful. </h6>
<h1 class="mb-sm word-rotator-title"> Porto is <span class="word-rotate" data-plugin-options="{'delay': 2000, 'animDelay': 300}"> <span class="word-rotate-items"> <span>incredibly</span> <span>especially</span> <span>extremely</span> </span> </span> <span>beautiful.</span> </h1> <h2 class="mb-sm word-rotator-title"> Porto is <span class="word-rotate" data-plugin-options="{'delay': 2000, 'animDelay': 300}"> <span class="word-rotate-items"> <span>incredibly</span> <span>especially</span> <span>extremely</span> </span> </span> <span>beautiful.</span> </h2> <h3 class="mb-sm word-rotator-title"> Porto is <span class="word-rotate" data-plugin-options="{'delay': 2000, 'animDelay': 300}"> <span class="word-rotate-items"> <span>incredibly</span> <span>especially</span> <span>extremely</span> </span> </span> <span>beautiful.</span> </h3> <h4 class="mb-sm word-rotator-title"> Porto is <span class="word-rotate" data-plugin-options="{'delay': 2000, 'animDelay': 300}"> <span class="word-rotate-items"> <span>incredibly</span> <span>especially</span> <span>extremely</span> </span> </span> <span>beautiful.</span> </h4> <h5 class="mb-sm word-rotator-title"> Porto is <span class="word-rotate" data-plugin-options="{'delay': 2000, 'animDelay': 300}"> <span class="word-rotate-items"> <span>incredibly</span> <span>especially</span> <span>extremely</span> </span> </span> <span>beautiful.</span> </h5> <h6 class="mb-sm word-rotator-title"> Porto is <span class="word-rotate" data-plugin-options="{'delay': 2000, 'animDelay': 300}"> <span class="word-rotate-items"> <span>incredibly</span> <span>especially</span> <span>extremely</span> </span> </span> <span>beautiful.</span> </h6>
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44
<h2 class="mb-sm word-rotator-title"> Porto is <strong class="inverted inverted-primary"> <span class="word-rotate" data-plugin-options="{'delay': 2000, 'animDelay': 300}"> <span class="word-rotate-items"> <span>incredibly</span> <span>especially</span> <span>extremely</span> </span> </span> </strong> beautiful. </h2> <h2 class="mb-sm word-rotator-title"> Porto is <strong class="inverted inverted-secondary"> <span class="word-rotate" data-plugin-options="{'delay': 2000, 'animDelay': 300}"> <span class="word-rotate-items"> <span>incredibly</span> <span>especially</span> <span>extremely</span> </span> </span> </strong> beautiful. </h2> <h2 class="mb-sm word-rotator-title"> Porto is <strong class="inverted inverted-tertiary"> <span class="word-rotate" data-plugin-options="{'delay': 2000, 'animDelay': 300}"> <span class="word-rotate-items"> <span>incredibly</span> <span>especially</span> <span>extremely</span> </span> </span> </strong> beautiful. </h2> <h2 class="mb-sm word-rotator-title"> Porto is <strong class="inverted inverted-quaternary"> <span class="word-rotate" data-plugin-options="{'delay': 2000, 'animDelay': 300}"> <span class="word-rotate-items"> <span>incredibly</span> <span>especially</span> <span>extremely</span> </span> </span> </strong> beautiful. </h2>