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)
Company
Portfolio
Business
1 2 3 4 5 6 7 8 9 10 11 12 13
<section class="section section-default-scale-9 center"> <div class="container"> <span class="text-light type-text-sm">PORTO THEME FOR YOUR</span> <div class="type-writer heading-primary type-text-sm" data-plugin-options="{'stringsElement': '#typed-strings', 'loop': true}"> <div id="typed-strings"> <p>Company</p> <p>Portfolio</p> <p>Business</p> </div> <span id="typed"></span> </div> </div> </section>
1 2 3 4 5 6 7 8 9 10 11
<div class="center"> <span class="type-text-sm">PORTO THEME FOR YOUR</span> <div class="type-writer heading-primary type-text-sm" data-plugin-options="{'stringsElement': '#typed-strings5', 'loop': true}"> <div id="typed-strings5"> <p>Company</p> <p>Portfolio</p> <p>Business</p> </div> <span id="typed5"></span> </div> </div>
<div class="center"> <span class="type-text-sm">PORTO THEME FOR YOUR</span> <div class="type-writer heading-tertiary type-text-sm" data-plugin-options="{'stringsElement': '#typed-strings7', 'loop': true}"> <div id="typed-strings7"> <p>Company</p> <p>Portfolio</p> <p>Business</p> </div> <span id="typed7"></span> </div> </div>
<div class="center"> <span class="type-text-sm">PORTO THEME FOR YOUR</span> <div class="type-writer heading-secondary type-text-sm" data-plugin-options="{'stringsElement': '#typed-strings6', 'loop': true}"> <div id="typed-strings6"> <p>Company</p> <p>Portfolio</p> <p>Business</p> </div> <span id="typed6"></span> </div> </div>
<div class="center"> <span class="type-text-sm">PORTO THEME FOR YOUR</span> <div class="type-writer heading-quaternary type-text-sm" data-plugin-options="{'stringsElement': '#typed-strings8', 'loop': true}"> <div id="typed-strings8"> <p>Company</p> <p>Portfolio</p> <p>Business</p> </div> <span id="typed8"></span> </div> </div>
Creative
Intutive
Responsive
1 2 3 4 5 6 7 8 9 10 11 12
<section class="parallax section section-text-light section-parallax section-center" data-image-src="/portals/1/img/parallax-image-2.jpg" data-plugin-options="{'speed': 1.5}" data-plugin-parallax="parallax"> <div class="container"> <div class="type-writer type-text-lg heading-primary" data-plugin-options="{'stringsElement': '#typed-strings4', 'fadeOut': true, 'loop': true}"> <div id="typed-strings4"> <p>Creative</p> <p>Intutive</p> <p>Responsive</p> </div> <span id="typed4"> </span> </div> </div> </section>
<section data-image-src="/portals/1/img/parallax-image.jpg" class="parallax section section-text-light section-parallax section-center" data-plugin-options="{'speed': 0.5}" data-plugin-parallax="parallax"> <div class="container"> <div class="type-writer pt-lg pb-lg col-md-offset-4" data-plugin-options="{'stringsElement': '#typed-strings2', 'loop': true, 'attr': 'placeholder', 'bindInputFocusEvents': true}"> <div id="typed-strings2"> <p>Company</p> <p>Portfolio</p> <p>Business</p> </div> <label class="sr-only" for="typers">Typer</label> <input id="typers" name="typers" type="text" class="type-input form-control" /> </div> </div> </section>
Porto is fully responsive
Porto is incredibly beautiful
<section data-image-src="/portals/1/Law/gavel.jpg" data-plugin-options="{'speed': 0.5}" data-plugin-parallax="parallax" class="parallax section section-text-light section-parallax section-center"> <div class="container"> <div class="type-writer text-light type-text-sm pt-lg pb-lg" data-plugin-options="{'stringsElement': '#typed-strings3', 'shuffle': true, 'cursorChar': '_', 'loop': true}"> <div id="typed-strings3"> <span>Porto is extremely beautiful</span> <p>Porto is fully responsive</p> <p>Porto is incredibly beautiful</p> </div> <span id="typed3"></span> </div> </div> </section>