Das Template bietet verschiedene Module Styles an. Diese können als sog. Klasse im Layout Manager definiert werden, siehe Video. Eine Kombination der Styles ist natürlich auch möglich, zum Beispiel: bg-primary rounded-lg text-white

Video

Headline

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua

border

Headline

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua

shadow-light

Headline

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua

shadow-dark

Headline

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua

shadow

Headline

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua

shadow-lg

Headline

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua

rounded-lg bg-light

Headline

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua

bg-dark text-white

Headline

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua

bg-primary text-white

Headline

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua

bg-primary rounded-lg text-white

home
sign-in
sign-out
user
users
lock
unlock
settings
cog
nut
comment
commenting
comments
hashtag
tag
cart
credit-card
mail
receiver
print
search
location
bookmark
code
paint-bucket
camera
video-camera
bell
microphone
bolt
star
heart
happy
lifesaver
rss
social
git-branch
git-fork
world

calendar
clock
history
future
pencil
trash
move
link
question
info
warning
image
thumbnails
table
list
menu
grid
more
more-vertical
plus
plus-circle
minus
minus-circle
close
check
ban
refresh
play
play-circle
tv
desktop
laptop
tablet
phone
tablet-landscape
phone-landscape

file
file-text
file-pdf
copy
file-edit
folder
album
push
pull
server
database
cloud-upload
cloud-download
download
upload
reply
forward
expand
shrink
arrow-up
arrow-down
arrow-left
arrow-right
chevron-up
chevron-down
chevron-left
chevron-right
chevron-double-left
chevron-double-right
triangle-up
triangle-down
triangle-left
triangle-right

bold
italic
strikethrough
quote-right
500px
behance
dribbble
etsy
facebook
flickr
foursquare
github
github-alt
gitter
google
google-plus
instagram
joomla
linkedin
pagekit
pinterest
reddit
soundcloud
tripadvisor
tumblr
twitter
uikit
vimeo
whatsapp
wordpress
xing
yelp
youtube

Link

Button

Accordion

Animated

This is a title with some more text

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Item 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Item 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Multiple

Item 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Item 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Item 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Not Animated

Item 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Item 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Item 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Not collapsible

Item 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Item 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Item 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

JavaScript Options

Option	Value	Default	Description
`targets`	CSS selector	> *	The element(s) to toggle.
`active`	Number	false	Index of the element to open initially.
`collapsible`	Boolean	true	Allow all items to be closed.
`multiple`	Boolean	false	Allow multiple open items.
`transition`	String	ease	The transition to use.
`animation`	String	true	The space separated names of animations to use. (Comma separate for animation out)
`duration`	Number	200	The animation duration.
`offset`	Number	0	Offset added to scroll top.

Layout Manager

Der Layout-Manager ist ein leistungsstarkes und effektives Tool, mit dem Sie flexible Layouts im Drag & Drop-Builder erstellen können.

Drag N Drop Builder

Mit dem Drag & Drop Tool können Sie beliebig viele Module, Sektionen und Spalten erstellen und verschieben. Sie haben die Möglichkeit, allen Sektion und Modulen Bilder, Videos, Farben zuzuweißen .

Weitere Infos und Videos

Preloader: Sie können Ihrer Joomla-Website einen animierten Preloader hinzufügen, inklusive integrierte Animationen, benutzerdefinierte Bilder oder Font Awesome-Symbole.
Bild der Konfiguration

Zurück nach oben: Mit der Funktion "Nach oben" können Ihre Benutzer vom unteren Rand der Seite zum oberen Rand der Seite scrollen. Die Aktivierung erfolgt über das Backend.
Bild der Konfiguration

Smooth Scroll.: Wenn Sie Smooth Scroll aktivieren, wird die Datei Smooth-Scroll.js geladen, die ermöglicht es sog. Onepage Designs zu erstellen.
Bild der Konfiguration

Import Export: Mit der Import / Export-Funktion können Sie die Settings aus einer Vorlage exportieren und in eine andere Vorlage importieren. Dies ist nützlich, um Ihre Einstellungen zu sichern.
Bild der Konfiguration

SEO optimiert: Das Joomla-Framework ist vollständig SEO-freundlich. Es wurde mit den besten SEO-Praktiken nach den neuesten HTML5-Standards erstellt, um die Ergebnisse Ihrer SERPs zu verbessern.

Drag & Drop Layout Builder: Das Theme verfügt über einen überichtlichen und robustesten Drag & Drop-Layout-Builder, mit dem Sie einfach und schnell komplexe Layouts erstellen können.
Bild der Konfiguration

Breites & Boxed Layout: Das Framework bietet Ihnen ein Wide and Boxed Layout. Sie können jederzeit zwischen Box- und Breitlayout wählen und das Erscheinungsbild Ihrer Website zu ändern.
Bild der Konfiguration

Mehrere Header-Layouts: Sie haben mehrere Optionen zur Auswahl und können im Layout Manager problemlos zwischen den Headern wechseln.
Bild der Konfiguration

Sticky Header: Fügen Sie Ihrer Joomla-Website mit einem Klick einen 2sticky" Header hinzu. Keine zusätzlichen Plugins erforderlich. Konfigurieren Sie es gemäß den Anforderungen Ihrer Website.
Bild der Konfiguration

Unbegrenzte Farben: Mit der integrierten Farbauswahl können Sie die Farbe fast aller Elemente Ihrer Webseite schnell ändern, ohne eine einzige Codezeile schreiben zu müssen.
Bild der Konfiguration

Video Hintergrund: Mit dem Layout Manager können Sie Ihren Abschnitten ganz einfach Videohintergründe hinzufügen, damit Ihre Website interessant und interaktiv aussieht.
Bild der Konfiguration

Parallaxeeffekt: Mit dem Layout Manager können Sie problemlos Parallaxeeffekte für jeden Abschnitt Ihrer Website erstellen.
Bild der Konfiguration

Mega Menu

Das Konfigurieren des Mega-Menüs in Astroid ist wirklich einfach und unkompliziert. Mit nur wenigen Klicks erhalten Sie ein großartig aussehendes Mega-Menü. Der erste Schritt besteht darin, das Menü zu konfigurieren und das Header-Layout für Ihre Site auszuwählen. Siehe den folgenden Screenshot, in dem ein wenig erklärt wird, wie das Menü im Header aktiviert wird.

Sobald Sie mit diesen Einstellungen fertig sind, können Sie Ihr eigenes Mega-Menü für einzelne Menüpunkte erstellen. Die Struktur der Menüelemente der Hauptebene entspricht der Struktur Ihres Joomla-Menüs. Standardmäßig werden alle Untermenüelemente automatisch als Dropdown-Menüelemente angezeigt.

Weitere Infos und Videos

HTML-Komprimierung: Mit der HTML-Komprimierungsoption können Sie das HTML Ihrer Website zur Leistungssteigerung komprimieren und so Ihre Website schneller zu laden.
Bild der Konfiguration

Lazy Load: integrierte erweiterte Funktion zum verzögerten Laden, mit der Sie nur die Bilder laden können, die im Ansichtsfenster sichtbar sind, und eine hohe Geschwindigkeit für die Google-Seitengeschwindigkeit erzielen.
Bild der Konfiguration

CSS / JS-Komprimierung: Mit der JS / CSS-Komprimierungsfunktion können Sie CSS- und JS-Dateien komprimieren und ihre Größe reduzieren, um die Ladegeschwindigkeit der Website zu erhöhen.
Bild der Konfiguration

Mobiles Menü: Das Theme verfügt über ein integriertes Menü für Mobilgeräte, mit dem Sie alle Menüpunkte auf Mobilgeräten einfach auflisten können.
Bild der Konfiguration

Mega-Menü: Das framework wird mit einem Mega-Menü-Builder per Drag & Drop geliefert. Sie können Ihre Menüpunkte und Joomla-Module hinzufügen und ein interaktives Mega-Menü erstellen.
Bild der Konfiguration

Off Canvas-Menü: Das Theme wird auch mit dem Off Canvas-Menü geliefert. Sie können es neben Ihrem regulären Menü verwenden und jedes Modul an der Position außerhalb der Leinwand veröffentlichen.
Bild der Konfiguration

Einfach anzupassen: Spielen Sie mit der Schriftfamilie, Größe, Transformation, Stil, Dekoration, Zeilenhöhe und Buchstabenabstand, um den Benutzern auf Ihrer Website ein anderes Erscheinungsbild zu verleihen.
Bild der Konfiguration

Benutzerdefinierte Schriftarten: Mit Astroid können Sie Ihre eigenen benutzerdefinierten Schriftarten hinzufügen und auf Ihrer Joomla-Website verwenden.
Bild der Konfiguration

Google Fonts: Spielen Sie mit mehr als 998 Google Fonts, die in den Abschnitt Typography integriert sind.
Bild der Konfiguration

Responsive Typografie: Mit den Vorlagen-Frameworks können Sie unterschiedliche Schriftgrößen, Buchstabenabstände und Zeilenhöhen für unterschiedliche Gerätegrößen festlegen.
Bild der Konfiguration

Animationen: Mit den integrierten Animationen auf Abschnitt-, Spalten- und Modulebene können Sie aus über 80 verschiedenen Animationen auswählen.
Bild der Konfiguration

Benutzerdefinierte Codes: Verwenden Sie Ihren eigenen benutzerdefinierten Code wie CSS, JS, Meta-Tags, Links und Bestätigungscodes.
Bild der Konfiguration

The Uikit 3 Gallery Module for Joomla is made with the Uikit Grid with the Uikit Lightbox. In the Lightbox itself it´s possible to slide and fade the images with beautiful animations.