HTML Templates
Last updated: January 21, 2026

Team and About Section

Table of Contents

The Team Section highlights your members with social links that appear on hover.

Editing Team Members

Team members are wrapped in team-item divs.

Image

   <div class="team-images ...">
      <img src="assets/images/team-1.webp" ...>
   </div>

Replace the image with a square or portrait photo of your team member.

Social Icons

The social icons in Brandflow are hidden by default and slide up on hover.

   <div class="social-icon ... group-hover:bottom-0 ...">
      <ul>
         <li><a href="#">Facebook SVG...</a></li>
         <li><a href="#">Twitter SVG...</a></li>
      </ul>
   </div>

To edit a link:

  • Change the href="#" to the member’s social profile URL.

To remove an icon:

  • Delete the <li> block containing that icon.

About Content

The About page (about.html) usually contains a “Who We Are” text section.

  • Mission Statement: Look for the large text block next to the image.
  • Stats/Counters: If there are counters (e.g., “50+ Projects”), simply edit the numbers in the HTML.