Instructions
Introductory Guide: Use this simple guide to start editing your website smoothly.
Support:
Discover Webflow University's extensive library of video lessons to help you get started with ease.
- Getting Started with Webflow 🔗- Lesson library 🔗Before Publishing:
Delete unused sections/pages, clean up CSS classes, clean up unused interactions and delete unused components.
- Style manager 🔗- Using Interactions 🔗Custom Animation
In this template, we are using GSAP for animations. The code for these animations is located in the 'All Settings' under the </body> tag since all pages utilize this code. The code thoroughly documented. Below are links to the libraries' documentation.
We are using and attribute system to animate elements in view on this template.
If you would like to remove the animation you can just remove the attributes form the elements
Attributes:
gsap-anim="text"
gsap-anim="heading"
gsap-anim="cta"
gsap-anim="large-cards"
gsap-anim="small-cards"
gsap-anim="card-slide-left"
- GSAP Documentation 🔗If you would like to remove the animation you can just remove the attributes form the elements
Attributes:
gsap-anim="text"
gsap-anim="heading"
gsap-anim="cta"
gsap-anim="large-cards"
gsap-anim="small-cards"
gsap-anim="card-slide-left"
Breakpoints
Test your design on various devices by selecting different options in the viewport's Bottom bar.
Backups:
Restore previous versions from the Backups section in the left sidebar and clicking Settings in case of accidental deletions.
Editing Images and Text:
Edit text by double-clicking on static content or use the CMS section for dynamic text. Replace images easily by clicking on them and choosing "Replace Image."
Dynamic Content (CMS):
Learn how to manage and update dynamic content using the CMS, which instantly updates referenced content across pages.
Components:
Utilize reusable components for efficient editing and consistency across layouts.