CORDIAL
For Elements
Cordial Project provides
all demo resources
Custom
Components
Tailwind
CSS
Cordial
JS & CSS
Cordial unleashes Elements' full potential to create an amazing website experience!
Start building fast, beautiful and modern looking websites in no time using Cordial
Cordial is a page multipurpose Responsive template with parallax scrolling effect. The template also features a clean and modern design, perfect for showing off multiple pictures and bodies of work, Animated titles, scroll bar indicator, back to top button, scrolling effects and more.
Parallaxing
Parallax headers, zoom blur, and opacity effects fully customizable for a sleek, interactive look. Easy to apply and customize
Scroll bar indicator
Progress bar with a scroll indicator. Customize its size and color to match your design.
Dark Mode
Cordial fully supports all Elements theme styles, allowing you to easily customize its colors and fonts.
Cordial Custom Code
Amazing custom effects: Apply with simple CSS classes, clean code, easy customization, and capabilities beyond Elements.
Back to Top Button
Never scroll manually again a smart button pops up to take you back to the top with one click.
Header Video
Stunning video backgrounds + parallax effects customizable via Cordial’s code. Change speed and offset.
Exclusive Web-Fonts
Featuring 'Cordial' - a premium free-license web font family included in this project. Mix and match it freely with all web-fonts.
All Screens
Crafted with a mobile-first approach, this design intelligently adapts both layout and typography to ensure an optimal viewing experience across all devices.
Themes
Cordial fully supports all Elements theme styles, allowing you to easily customize its colors and fonts. Every layout variation adapts seamlessly to your chosen theme for a cohesive look.
AI ready
Fully compatible with the Elements AI Assistant. This project includes a design guide written by its designer and saved inside the project memory. It teaches the AI the colors, fonts, buttons, section models and page structure, along with the design choices behind them, so every element it adds belongs to the same site.
Just describe what you need. Ask for "three white cards with an icon, a title and a short text, like the ones on the Starter page" and the AI builds them with the Cordial font, colors and spacing. It can also check a page and suggest fixes, so your site stays consistent as it grows.
The guide evolves with Elements and is available online: your assistant can update it for you.
Exclusive Collection
Five uppercase variations: Extra Light, normal, medium, bold and 2 extra styles
cordial inline
cordial Cherry
EXTRA LIGHT
Mollit aliqua minim sit consequat tempor enim. Non occaecat non duis dolore excepteur reprehenderit.
Light
Mollit aliqua minim sit consequat tempor enim. Non occaecat non duis dolore excepteur reprehenderit.
Normal
Mollit aliqua minim sit consequat tempor enim. Non occaecat non duis dolore excepteur reprehenderit.
Medium
Mollit aliqua minim sit consequat tempor enim. Non occaecat non duis dolore excepteur reprehenderit.
BOLD
Mollit aliqua minim sit consequat tempor enim. Non occaecat non duis dolore excepteur reprehenderit.
Extra Built-in Fonts
Montserrat light
Montserrat normal
Montserrat bold
Extra Built-in Fonts
OpenSans light
OpenSans normal
OpenSans bold
Extra Built-in Fonts
Lato light
Lato normal
Lato bold
Launch
your
project
Powered by years of RapidWeaver expertise, we've crafted custom, easy-to-use tools that address real client needs. Launch your project simply and efficiently.
Cordial structure
Menu Sticky wrapper*
Menu Sticky*
Global Menu & Banner
Header with video / image
Your title
Page content
Your contents
Your contents
Your contents
Footer
Global Footer
Your contents
Easy to edit
edit
Filter editable contents or values
Find and edit elements instantly with our logically named, search-friendly sections. Intuitively named elements for faster editing. Change the content or size values.
Extra option
code
Filter elements with extras
Elements marked 'CODE' are styled with classes/IDs and controlled by our script. Easily modify their visual properties and options within the well-commented source files.
Components
The project has a custom component to manage all the features. You can change the settings from a dedicated panel.
ⓘ This project includes: Back to Top, Progress Bar, Info Pop-Up and Fade-In Body.
When you open the project they will be downloaded from the Elements Store.
