This section states the purpose of each reusable element.

Introduction

Reusable Element - an element that contains other elements, like a group, that can be used in more than one place. This is useful when reusing the same elements often.
💡

Reusable Elements

Call to action

This is a designed banner that contains a call to action message and button, which can be placed on several pages simultaneously.
Image without caption

Footer

Footer contains links that will redirect you to either our products, login, dashboard or if you click on reach us, you will be able to contact Bufferly's admin.
Image without caption

Header

This is bufferly's header that is placed on most if not all the pages. It contains 5 different links to the about, products, pricing, resourcesб and dashboard pages. It also contains two different groups that are being shown depending on if the user is logged in or out. In case he's logged in, he will see his name, email and avatar.
Whenever a user clicks on either of these a menu will show two options if you're a regular user, and three if you're the admin. If you are not logged in, the platform will show you two buttons offering you the possibility to redirect to the info about the platform or login to the platform.
Image without caption
It also contains a group mobile that will be shown if you're navigating on an iPad or a mobile phone. This is done so that we can nest all the header links into a burger menu.

headerHome

This header element is used only on home page.
Image without caption

partners

This is a reusable element that contains within itself logos of companies your platform worked with. You can edit and place this banner on either of your pages for advertising purposes.
Image without caption

Helpful?