Where focus goes, energy flows

Finalizing the Project


Now to create a website you need a reliable website builder, We recommend Framer.
This is the last Chapter includes part 6.


Setting up Footer Component


This lesson will guide you in building the footer section of our website. We will provide step-by-step instructions, including creating a new Frame, setting background colors, adding containers and text, customizing Components, adjusting layouts and gaps, and more.


Adding Breakpoints and making your Website Responsive


Learn how to incorporate tablet and phone Breakpoints, customize styling for each Breakpoint, adjust width and padding, handle overflow, and create a new Breakpoint for mobile devices. The tutorial also includes making changes to the Navbar Component for mobile view, adjusting alignment, and ensuring auto-fitting with width settings.


Adding Effects and Animations


Adding Effects and Animations to your site! You’ll learn how to create a fade-in Effect for text when the website loads by setting the Trigger and Effect properties. They also show how to apply Effects to other elements using Triggers like ”On Enter“ and ”Layer in View.“ Learn how to adjust stiffness and delay for precise timing and smoothness.


Publishing your Website


In this final lesson, you’ll learn how to publish our website on the Internet. Ensure your website is visible to everyone by clicking the ”publish“ button and selecting ”updates“. Customize your domain by either choosing a free subdomain or connecting your own domain. Once everything is set up, simply click the blue button to publish your site.


Congratulations


You are Certified for Web Development

Get Your free Certificate Now.