Hello and welcome to this “landing page Intro” tutorial, part of a 5-module series on how to use the Learnoverse template. 

Each of the lessons has been carefully crafted so that you can dip in and out as and when you need the relevant support.

In this “landing page intro” tutorial, you’ll learn how to customise the intro for your own Learnoverse.

Let’s get into how. 

Head over to the left panel in Framer and ensure you are on the “Home” page.

Click the “layers” panel at the top to expand all layers and see how this section has been structured.

To edit the course meta information, single- click the text or icons you’d like to change and head over to the properties panel on the right to make your edits. 

If you click on any of the text, you’ll see that you can easily make changes in the right properties panel under “Text options.”

To change an icon, simply click the icon, head over to the right panel, scroll down to see the icon, click on the icon, and choose from the library of hero icons already connected.

Likewise, you can easily change the 3 large pictures by clicking on the pictures, heading over to the right panel, clicking on the picture, and then uploading your own picture.

To edit the animated “Story text”, single-click the story text on the home page, head over to the right properties panel, and edit the text there. 

To edit the animated text component itself, indicated by a purple diamond shape in the left panel, double-click the “Story-text”  component. 

Once you’re on the “Story-text” component page, you can easily change styles, such as colours and text, by clicking on the elements and heading over to the right panel. 

That’s it for now.

For more information on how to edit text styles, colours, padding, effects, and shapes, head over to the official Framer Academy resources. I’ve popped the link on this Learnoverse lesson page.

Start customising your landing page intro section now, and I’ll see you in the next tutorial.