Full Content
# NSG Team Standards v2
**Purpose:** Consistent team/credentials pages across all NSG project sites.
**Last Updated:** 2026-01-07
**Permanent Link:** Save to nsgia.com/p/ after review
---
## Quick Reference
| Item | Location |
|------|----------|
| CSS File | `static/css/team_cards.css` |
| Team Section | `templates/sections/_team.html` |
| Member Partials | `templates/team_partials/_team_member_{name}.html` |
| Base Template | Must include `team_cards.css` in `<head>` |
---
## Critical Rules
1. **Bios are project-neutral** — NO project names in base partials
2. **Context goes in `sections/_team.html`** — Project-specific intro paragraph
3. **One CSS file: `team_cards.css`** — NOT team_bio.css (deprecated)
4. **Only include team members relevant to the project** — Remove others
5. **Local partner goes first** — If project has one
---
## CSS: team_cards.css
This is the **only** team CSS file. Add to base.html:
```html
<link rel="stylesheet" href="{{ url_for('static', filename='css/team_cards.css') }}">
```
**Do NOT use:** `team_bio.css` (deprecated, causes conflicts)
### Full CSS File
```css
/*
===========================================================================
File: static/css/team_cards.css
Purpose: Team card styling - CityPlan pattern
Colors: Adapt --color-primary and --color-accent per project
===========================================================================
2026-01-07 v1.0 - Created from cityplan.nsgia.com/backgrounds.html
===========================================================================
*/
/* Team Section Container */
.team-section {
background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
padding: 3rem 2rem;
margin: 2rem 0;
border-radius: 8px;
}
.team-section h3 {
color: #2c5282;
text-align: center;
margin-bottom: 0.5rem;
font-size: 1.6rem;
font-family: 'Playfair Display', Georgia, serif;
}
.team-section > p {
text-align: center;
color: #666;
font-style: italic;
margin-bottom: 2rem;
}
/* Team Grid */
.team-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
gap: 2rem;
margin: 2rem 0;
}
/* Team Member Card */
.team-member {
background: white;
border: 1px solid #e9ecef;
border-radius: 8px;
padding: 2rem;
transition: box-shadow 0.3s, transform 0.3s;
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
.team-member:hover {
box-shadow: 0 4px 16px rgba(44,82,130,0.15);
transform: translateY(-2px);
}
/* Card Content */
.team-name {
font-weight: 600;
color: #2c5282;
margin-bottom: 0.5rem;
font-size: 1.4rem;
font-family: 'Playfair Display', Georgia, serif;
}
.team-title {
color: #1a365d;
font-size: 1.1rem;
margin-bottom: 0.3rem;
font-weight: 600;
}
.team-org,
.team-organization {
color: #6c757d;
font-size: 1rem;
margin-bottom: 0.5rem;
font-style: italic;
}
.team-tags,
.team-specialties {
color: #c53030;
font-size: 0.85rem;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 0.5px;
margin-bottom: 1rem;
}
.team-description {
color: #495057;
line-height: 1.7;
font-size: 0.95rem;
}
.team-description p {
margin-bottom: 1rem;
}
.team-description p:last-child {
margin-bottom: 0;
}
.team-description a {
color: #2c5282;
}
/* Highlight Box */
.highlight-box {
background: #f8f9fa;
border-left: 5px solid #2c5282;
padding: 1.5rem 2rem;
margin: 2rem 0;
border-radius: 0 8px 8px 0;
}
.highlight-box p {
margin-bottom: 0.8rem;
color: #495057;
}
.highlight-box p:last-child {
margin-bottom: 0;
}
.highlight-box strong {
color: #2c5282;
}
/* Section Intro */
.section-intro {
text-align: center;
max-width: 800px;
margin: 0 auto 2rem auto;
color: #495057;
font-size: 1.1rem;
line-height: 1.7;
}
/* Stats Grid */
.stats-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 2rem;
margin: 3rem 0;
text-align: center;
}
.stat-item {
padding: 2rem;
background: #f8f9fa;
border-radius: 8px;
}
.stat-number {
font-size: 2.5rem;
font-weight: 700;
color: #2c5282;
margin-bottom: 0.5rem;
}
.stat-label {
font-size: 0.95rem;
color: #6c757d;
text-transform: uppercase;
letter-spacing: 0.5px;
}
/* CTA Button */
.cta-button {
display: inline-block;
background: #2c5282;
color: white;
padding: 12px 24px;
border-radius: 6px;
text-decoration: none;
font-weight: 600;
transition: background 0.3s, transform 0.2s;
}
.cta-button:hover {
background: #1a365d;
transform: translateY(-2px);
}
/* Responsive */
@media (max-width: 768px) {
.team-grid {
grid-template-columns: 1fr;
gap: 1.5rem;
}
.team-member {
padding: 1.5rem;
}
.team-name {
font-size: 1.2rem;
}
.team-section {
padding: 2rem 1rem;
}
.highlight-box {
padding: 1rem 1.5rem;
}
}
```
### Project Color Customization
Override colors in `{project}_variables.css`:
| Project | Primary | Tags |
|---------|---------|------|
| Q-Plex | `#2c5282` (blue) | `#c53030` (red) |
| Ghana/CityPlan | `#006B3F` (green) | `#CE1126` (red) |
| Refuge | `#722f37` (burgundy) | `#c53030` (red) |
---
## File Structure
```
{site}.nsgia.com/
├── static/
│ └── css/
│ └── team_cards.css # Team styling (required)
└── templates/
├── base.html # Must link team_cards.css
├── team.html # Team page template
├── sections/
│ └── _team.html # Team section with roster
└── team_partials/
├── _team_member_hoffman.html
├── _team_member_smith.html
├── _team_member_hall.html
└── ... (only members for this project)
```
**Key insight:** Use `sections/_team.html` for the team section, NOT `team_partials/_team_section.html`. The latter is redundant and causes confusion.
---
## Team Section Template
`templates/sections/_team.html` — This is where project context goes:
```html
<!--
===========================================================================
File: templates/sections/_team.html
Purpose: Team section for [PROJECT NAME]
===========================================================================
[PROJECT] TEAM ROSTER:
1. [Name] - [Role]
2. [Name] - [Role]
...
===========================================================================
-->
<p class="section-intro">[Project-specific intro - why this team for this project]</p>
<div class="highlight-box">
<p><strong>What Makes This Different:</strong> [Project-specific differentiators]</p>
</div>
<div class="team-grid">
{% include 'team_partials/_team_member_[name1].html' %}
{% include 'team_partials/_team_member_[name2].html' %}
<!-- Only include team members for THIS project -->
</div>
```
---
## Card Structure
Each `_team_member_{name}.html`:
```html
<!--
===========================================================================
CHANGE LOG
File: /templates/team_partials/_team_member_{name}.html
Purpose: [Name] bio card for team grid
===========================================================================
[date] v1.0 - Initial creation
===========================================================================
-->
<div class="team-member">
<div class="team-name">[Full Name]</div>
<div class="team-title">[Title]</div>
<div class="team-org"><em>[Organization]</em></div>
<div class="team-tags">[TAG 1] • [TAG 2] • [TAG 3]</div>
<div class="team-description">
<p>[Background paragraph]</p>
<p>[Expertise paragraph]</p>
<!-- NO PROJECT-SPECIFIC TEXT -->
</div>
</div>
```
---
## Team Member Registry
### Core Team (Most Projects)
| Name | File | Role |
|------|------|------|
| Michael Hoffman | `_team_member_hoffman.html` | Founder & CEO |
| Jey Smith | `_team_member_smith.html` | Lead Developer |
| Timothy V. Hall | `_team_member_hall.html` | Construction Manager |
### Extended Team
| Name | File | Role | When to Include |
|------|------|------|-----------------|
| Paul Watkins Sr. | `_team_member_watkins.html` | PHA/HUD Finance | PHA projects, lead negotiator |
| Donald Maxwell | `_team_member_maxwell.html` | REO/Housing Policy | Housing policy projects |
| Tom Dowling | `_team_member_dowling.html` | SIP Manufacturing | SIP construction |
| Les Allen Jr. | `_team_member_allen.html` | BlackStar GC | SIP construction |
| Amr Khader | `_team_member_khader.html` | Cost Estimating | Bid optimization |
| Roland F. Day, II | `_team_member_day.html` | Campus Architect | Campus/institutional |
| Demetrius Love | `_team_member_love.html` | Local Partner | Albany GA projects |
### Ghana-Only
| Name | File | Role |
|------|------|------|
| Dr. David Nana Ofori Jr. | `_team_member_ofori.html` | Project Visionary |
| Dr. Donavan Outten | `_team_member_outten.html` | University President |
| Elaine G. McKenzie | `_team_member_mckenzie.html` | TMB Global News |
| Sovereign AEC | `_team_member_sovereign.html` | A/E/C Practice |
---
## Project Rosters
### Q-Plex (Albany GA Student Housing)
```
1. Demetrius Love - Local partner (first)
2. Michael Hoffman - Founder & CEO
3. Paul Watkins Sr. - Lead negotiator
4. Jey Smith - Lead Developer
5. Timothy V. Hall - Construction Manager
6. Tom Dowling - SIP Manufacturing
7. Les Allen Jr. - BlackStar GC
8. Amr Khader - Cost Estimating
```
**Exclude:** Ghana-only (ofori, outten, mckenzie, sovereign), day, maxwell
### Ghana Medical City
```
1. Dr. David Nana Ofori Jr. - Project Visionary (first)
2. Dr. Donavan Outten - University President
3. Elaine G. McKenzie - Media/Cultural
4. Jey Smith
5. Michael Hoffman
6. Roland F. Day, II
7. Sovereign AEC
8. Timothy V. Hall
9. Amr Khader
```
### Refuge (Church Sanctuary)
```
1. Michael Hoffman
2. Paul Watkins Sr.
3. Jey Smith
4. Donald Maxwell
5. Tom Dowling
6. Les Allen Jr.
7. Timothy V. Hall
8. Amr Khader
```
---
## Project-Neutral Bios (Source of Truth)
### Michael Hoffman
```html
<div class="team-member">
<div class="team-name">Michael Hoffman</div>
<div class="team-title">Founder & CEO</div>
<div class="team-org"><em>North Star Group, Inc. (Alabama)</em></div>
<div class="team-tags">REAL ESTATE DEVELOPMENT • MODULAR SYSTEMS • INSTITUTIONAL HOUSING STRATEGY</div>
<div class="team-description">
<p>Michael Hoffman is a U.S. real estate developer, inventor, and affordable-housing strategist. As the founder and CEO of North Star Group, Inc., he leads initiatives that combine modular construction, structural insulated panel (SIP) technology, and disciplined financial modeling.</p>
<p>His patent portfolio includes 11 U.S. patents in industrial heating, magnetic insulation, fluid-management systems, tank-farm engineering, and welding technology, demonstrating the systematic technical innovation essential for developing resilient infrastructure and advanced building systems.</p>
</div>
</div>
```
### Jey Smith
```html
<div class="team-member">
<div class="team-name">Jey Smith</div>
<div class="team-title">Lead Developer & Project Implementation Director</div>
<div class="team-org"><em>North Star Group, Inc. (Alabama)</em></div>
<div class="team-tags">ENTREPRENEURSHIP • TELECOMMUNICATIONS • COMMUNITY DEVELOPMENT</div>
<div class="team-description">
<p>Jey Smith is the Lead Developer and principal implementation director for North Star Group. As a partner at North Star Group, Inc., he coordinates the full development framework across land planning, stakeholder integration, engineering alignment, and multi-phase execution.</p>
<p>Smith brings more than fifteen years of experience in high-level telecommunications operations with Verizon Business/MCI, where he managed multimillion-dollar portfolios serving clients such as Sprint, T-Mobile, and Verizon. His fifteen years of military service further reinforce his structured operational style: disciplined planning, logistics awareness, and stable command-level decision-making.</p>
</div>
</div>
```
### Timothy V. Hall
```html
<div class="team-member">
<div class="team-name">Timothy V. Hall</div>
<div class="team-title">Construction Manager & Federal Estimator</div>
<div class="team-org"><em>Federal & Institutional Construction</em></div>
<div class="team-tags">COST ESTIMATING • QUALITY CONTROL • SAFETY MANAGEMENT</div>
<div class="team-description">
<p>Timothy V. Hall brings more than 40 years of experience in federal, institutional, and faith-based construction, with a professional background that spans HUD housing upgrades, U.S. Army Reserve facility improvements, GSA building work, and VA Hospital modernization.</p>
<p>Tim Hall has long served in roles requiring precise cost estimating, contractor oversight, and schedule management. He is a certified Construction Quality Control (CQC) Manager and a certified Safety Officer, ensuring that all field work aligns with federal construction requirements, ICC standards, and the complex documentation demands associated with public-sector facilities.</p>
</div>
</div>
```
### Paul Watkins Sr.
```html
<div class="team-member">
<div class="team-name">Paul Watkins Sr.</div>
<div class="team-title">President</div>
<div class="team-org"><em>PMW Management Partners, Inc.</em></div>
<div class="team-tags">PHA TECHNICAL ASSISTANCE • DEVELOPMENT FINANCE • HUD COMPLIANCE</div>
<div class="team-description">
<p>Paul Watkins Sr. is President of PMW Management Partners, Inc., with 29 years of experience in residential and commercial development, complex finance structuring, financial analysis, underwriting, and market feasibility. He holds a B.S. in Finance from Hampton University and an MBA from the University of Maryland University College.</p>
<p>Prior to founding PMW, Watkins served as Director of Technical Assistance at Econometrica, Inc., where he led the Housing and Community Development Group. In this role he served as Senior Project Manager and Technical Lead on contracts and cooperative agreements for Public Housing Authorities across the country on behalf of HUD, leading teams in market analysis studies, strategic asset repositioning, and technical assistance for troubled, at-risk, and receivership PHAs.</p>
<p>Under a HUD contract with the Office of Capital Investments, Watkins provided financial analysis, risk mitigation strategies, and commercial finance underwriting evaluation for complex development and modernization transactions submitted by PHAs nationwide. His teams—ranging from two to ten technical experts—delivered capital fund planning, procurement guidance, PHA Board training, and HCV management.</p>
<p>Watkins is a recognized speaker and presenter at national conferences including the Public Housing Authorities Directors Association (PHADA) and the National Association of Housing and Redevelopment Officials (NAHRO).</p>
</div>
</div>
```
### Tom Dowling
```html
<div class="team-member">
<div class="team-name">Tom Dowling</div>
<div class="team-title">CEO, Supreme Insulated Panel Systems</div>
<div class="team-org"><em>Civil Engineer & Manufacturing Innovator</em></div>
<div class="team-tags">SIP MANUFACTURING • HURRICANE-RATED CONSTRUCTION • PROPERTY DEVELOPMENT</div>
<div class="team-description">
<p>Tom Dowling is a civil engineer, developer, and manufacturing innovator with nearly five decades of construction experience. He currently serves as CEO of Supreme Insulated Panel Systems, producing high-performance Magnesium Oxide SIPs certified for hurricane resistance, fire safety, and net-negative carbon impact.</p>
<p>Tom began his career at The Whiting-Turner Contracting Company, managing $40M in highway and bridge projects. He went on to found Metropolitan Contracting Co., delivering over $120M in large-scale commercial, industrial, and hospitality construction.</p>
<p>Through Dowco Management Co., Tom owns and operates more than 920 residential units. His portfolio spans engineering, property development, and SIPs manufacturing.</p>
</div>
</div>
```
### Les Allen Jr.
```html
<div class="team-member">
<div class="team-name">Les Allen Jr.</div>
<div class="team-title">CEO - The BlackStar Companies</div>
<div class="team-org"><em>BlackStar Construction (Tampa, Florida)</em></div>
<div class="team-tags">SIP MANUFACTURING • CONSTRUCTION SERVICES • CERTIFIED MBE/DBE</div>
<div class="team-description">
<p>Les Allen Jr. is the CEO and founder of The BlackStar Companies, which includes BlackStar Construction and BlackStar SIPs. Based in Tampa, Florida, the company specializes in construction services and structural insulated panel (SIP) manufacturing. BlackStar holds multiple certifications including SBA 8(a), HUBZone, MBE, and DBE status.</p>
</div>
</div>
```
### Amr Khader
```html
<div class="team-member">
<div class="team-name">Amr Khader</div>
<div class="team-title">Founder & CEO, BIDR Technologies, Inc.</div>
<div class="team-org"><em>Construction Estimating & Cost Optimization</em></div>
<div class="team-tags">COST ESTIMATING • BID LEVELING • PROCUREMENT OPTIMIZATION</div>
<div class="team-description">
<p>Amr Khader brings specialized expertise in construction cost optimization through expert estimating services. BIDR Technologies serves healthcare, educational, government, and institutional sectors with data-driven bid leveling and procurement optimization.</p>
<p>Extensive work with public institutions including Orange County Public Schools, Broward County, multiple Florida counties and municipalities. Deep understanding of public sector procurement requirements and grant-compliant construction budgeting.</p>
</div>
</div>
```
### Demetrius Love
```html
<div class="team-member">
<div class="team-name">Demetrius Love</div>
<div class="team-title">Chairman & CEO</div>
<div class="team-org"><em>Love HEALS / Dougherty County Development Authority</em></div>
<div class="team-tags">COMMUNITY DEVELOPMENT • PUBLIC FINANCE • ECONOMIC DEVELOPMENT</div>
<div class="team-description">
<p>Demetrius Love serves as Chairman of the Dougherty County Development Authority and CEO of Love HEALS, a nonprofit focused on community building and economic development in Southwest Georgia. He also serves as Director of Finance and Administration at Turner Job Corps Center and CEO of Monopoly House Real Estate.</p>
<p>Prior to his current roles, Love served as IT/Systems Manager at the MillerCoors/Molson Coors Albany Plant and Chief Information Officer for Dougherty County Schools. He holds a Doctorate in Business Administration from California Southern University (in progress), an MPA from Valdosta State University, and a bachelor's degree from Albany State University.</p>
<p>Love is a Certified Public Finance Official (CPFO) and author of seven books including "Love HEALS: The Mechanics of Community Building." His deep roots in Albany and relationships with local institutions make him a key partner for development in Dougherty County.</p>
</div>
</div>
```
### Donald Maxwell
```html
<div class="team-member">
<div class="team-name">Donald Maxwell</div>
<div class="team-title">CEO, The Maxwell Organization</div>
<div class="team-org"><em>Real Estate & Housing Policy Executive</em></div>
<div class="team-tags">REO DISPOSITION • HOUSING POLICY • URBAN REVITALIZATION</div>
<div class="team-description">
<p>Donald Maxwell is a veteran real estate executive with national experience in REO disposition, housing policy, and urban revitalization. He currently serves as CEO of The Maxwell Organization, a minority-owned real estate consultancy specializing in the liquidation, marketing, and repositioning of residential, multifamily, commercial properties, and infill lots in distressed markets.</p>
<p>Prior to his current role, Donald held executive positions with MAT Consultant Group, Genesis Auction, Freddie Mac, and Fannie Mae. At Fannie Mae, he was responsible for designing multi-billion dollar initiatives to address underserved housing needs, expand affordable mortgage products, and support nonprofit and public partners nationally. His leadership helped generate over $4.5 billion in targeted loan production and national REO sales exceeding 21,000 properties annually.</p>
<p>Donald is also a sought-after speaker, a member of the NFL Alumni Association, and a long-time advocate for community-based investment.</p>
</div>
</div>
```
### Roland F. Day, II, AIA, NOMA
```html
<div class="team-member">
<div class="team-name">Roland F. Day, II, AIA, NOMA</div>
<div class="team-title">Campus Master Planner & Lead Architect</div>
<div class="team-org"><em>Architecture & Campus Planning</em></div>
<div class="team-tags">ARCHITECTURE • CAMPUS PLANNING • MIXED-USE DISTRICTS</div>
<div class="team-description">
<p>Roland F. Day, II, AIA, NOMA is an architect and campus-planning specialist with extensive experience developing large-scale higher-education environments, STEM/STEAM academic facilities, and integrated mixed-use districts. His work focuses on the early-stage program definition, spatial organization, and long-range physical planning needed to translate institutional vision into an implementable Master Plan.</p>
<p>Day's experience with complex, multidisciplinary projects makes him well suited to guide the framework for institutional developments that function not only as campuses but as community anchors.</p>
</div>
</div>
```
---
## Deployment Checklist
### New Site
- [ ] Copy `team_cards.css` to `static/css/`
- [ ] Add CSS link to `base.html`
- [ ] Create `team.html` page template
- [ ] Create `sections/_team.html` with project roster
- [ ] Copy only needed `_team_member_{name}.html` files
- [ ] Add `/team` route to blueprint
- [ ] Update navbar to link to `/team`
- [ ] Test: no wrong project references in any bio
### Updating Existing Site
- [ ] Replace `team_bio.css` with `team_cards.css` (if applicable)
- [ ] Update base.html CSS link
- [ ] Update `sections/_team.html` roster
- [ ] Remove unused team member partials
- [ ] Verify bios are project-neutral
---
## Common Errors
| Error | Cause | Fix |
|-------|-------|-----|
| "Eastern Regional University" on Q-Plex | Ghana bio copied | Use project-neutral bio |
| "Serenity Village" on Ghana | Same | Use project-neutral bio |
| Styling looks wrong | Using team_bio.css | Switch to team_cards.css |
| Team member missing | Not in `sections/_team.html` | Add include statement |
| Wrong team order | Includes in wrong order | Reorder in `sections/_team.html` |
| Extra team members showing | Old partials in directory | Delete unused partials |
---
## AI Instructions
When building or updating team pages:
1. **Read this document first** before writing any code
2. **Use `sections/_team.html`** for the team section, not `team_partials/_team_section.html`
3. **Copy bios exactly** from this document — do not truncate or summarize
4. **Check project roster** before including team members
5. **Delete partials not in roster** — prevents spaghetti code
6. **Verify no project-specific text** in any bio partial
7. **Use `team_cards.css`** — never team_bio.css
---
*This document is the source of truth for team bios and team page structure across all NSG sites.*