Folder Structure and Layout

Brandflow is organized to make customization intuitive.

Project Directory

• root/
  • assets/: The core of Brandflow’s design.
    • css/: Contains custom.css (your main edit file) and styles.css (generated output).
    • images/: All assets for Hero, Team, Portfolio, and Blog sections.
    • js/: JavaScript for menus and sliders.
  • documentation/: You are here.
  • HTML Files: index.html, about.html, portfolio_v1.html, etc.

Brandflow Page Structure

Every page in Brandflow follows this sequence:

1. Preloader: The “Loading…” screen with the Brandflow animation.
2. Header Area: Logo and Navigation Menu.
3. Page Content: Unique sections like Hero, Services, or Team.
4. Footer Area: Copyright, social links, and secondary navigation.

Moving Sections

Brandflow is modular. To move the Team Section to a different page:

1. Open index.html (or the source file).
2. Find the start comment:

<!-- ====================== Our Team Area Start ============================= -->

1. Copy everything down to:

<!-- ====================== Our Team Area End ============================= -->

1. Paste it into the desired location in another file (e.g., about.html), ensuring it’s between existing sections and not inside them.