Header Layout
Top Bar - this section will only be visible to big screens like computer and tablets. This contains other websites names which are clickable to visit specific site.
Logo - each website has own logo and icon. Logos should be a horizontal and icon's dimension should be 1:1, round, has light colored stroke (#f2f2f2), and in .png file.
Log In - this will provide different accesses to different users.
Admin - only the two of us or just me who can access this.
Coach/Author - They will be able to add post-type contents like Course or Blog.
Member - They can access private community sites like courses and forums and they can interact with coaches and authors.
Supporters/Audience - They can view posts in private community sites but unable to comment and post anything.
Header Nav/Menu - each website has different menus according to it's pages. Fonts and colors will be based on our choices.
Footer Layout
Pre Footer - each website has a different footer according to which site the visitors are in. Different layou, different designs and contents.
Footer - all our websites have the same footer layout but with different contents. URLs will be different.
Bottom Bar - all our websites have the same Bottom Bar. We can also put both copyrights and powered by.
Blog and Articles Layout
Blog List - on the left side of the page is the Blog list. It is ordered by date, latest post first (DESC).
Side Bar - on the right side of the page are Categories Card and our other Websites Blogs Card. All contents in cards are clickable. There will be 4 cards on the side: Categories, Other Websites' Blogs, Courses, Events.
