# 5H-AT Consulting — WordPress Theme
## Installation Instructions
### Step 1 — Upload the Theme
1. Log in to your WordPress dashboard (yoursite.com/wp-admin)
2. Go to **Appearance → Themes**
3. Click **Add New → Upload Theme**
4. Upload the file: `5hat-consulting-theme.zip`
5. Click **Install Now**, then **Activate**
### Step 2 — Set the Front Page
1. Go to **Settings → Reading**
2. Under “Your homepage displays”, select **A static page**
3. For “Homepage”, create a new page called **Home** (or select any existing page)
4. Click **Save Changes**
WordPress will now use `front-page.php` to display your landing page automatically.
### Step 3 — Update Your Social Media URLs
Open `front-page.php` and `footer.php` and replace these placeholder URLs with your real ones:
| Placeholder | Replace With |
|—|—|
| `https://www.linkedin.com/company/5h-at-consulting` | Your actual LinkedIn URL |
| `https://www.instagram.com/5hatconsulting` | Your actual Instagram URL |
### File Structure
“`
5hat-consulting-theme/
├── style.css ← Required by WordPress (theme info header)
├── functions.php ← Registers fonts, styles, and theme features
├── header.php ← Navigation bar
├── footer.php ← Footer with social links
├── front-page.php ← The full landing page content
└── assets/
└── css/
└── main.css ← All visual styles
“`
### Customization Tips
– **Colors**: Edit CSS variables at the top of `assets/css/main.css`
– **Fonts**: Change the Google Fonts URL in `functions.php`
– **Content**: All text is in `front-page.php` — edit directly or connect a page builder
– **Contact Info**: Search for `support@5H-ATCONSULTING.COM` and `9742513956` to update
### Recommended Plugins
– **Yoast SEO** — for meta descriptions and search optimization
– **WP Super Cache** — for page speed
– **Contact Form 7** — to replace the email link with a real contact form
### Need Help?
Contact: support@5H-ATCONSULTING.COM | (974) 251-3956
__( ‘Primary Menu’, ‘5hat-consulting’ ),
) );
}
add_action( ‘after_setup_theme’, ‘fhat_theme_setup’ );
// ── Enqueue Styles & Scripts ─────────────────────────────────
function fhat_enqueue_assets() {
// Google Fonts
wp_enqueue_style(
‘5hat-google-fonts’,
‘https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400;1,600&family=Outfit:wght@300;400;500;600&display=swap’,
array(),
null
);
// Main stylesheet
wp_enqueue_style(
‘5hat-main’,
get_template_directory_uri() . ‘/assets/css/main.css’,
array( ‘5hat-google-fonts’ ),
‘1.0.0’
);
}
add_action( ‘wp_enqueue_scripts’, ‘fhat_enqueue_assets’ );
// ── Custom Page Title ─────────────────────────────────────────
function fhat_custom_title( $title ) {
if ( is_front_page() ) {
return ‘5H-AT Consulting LLC — Mending the Staircase’;
}
return $title;
}
add_filter( ‘pre_get_document_title’, ‘fhat_custom_title’ );
>
>
Schedule Consultation
/*
Theme Name: 5H-AT Consulting
Theme URI: https://5hatconsulting.com
Author: 5H-AT Consulting LLC
Author URI: https://5hatconsulting.com
Description: Custom landing page theme for 5H-AT Consulting LLC — Mending the Staircase. Career Strategy with Principle & Purpose.
Version: 1.0.0
License: Private
Text Domain: 5hat-consulting
Tags: landing-page, consulting, business
*/
/* ============================================================
THEME STYLES — All custom CSS lives in assets/css/main.css
This file exists to satisfy WordPress theme requirements.
============================================================ */
/* =============================================================
5H-AT CONSULTING — Main Stylesheet
============================================================= */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
–charcoal: #3A4257;
–charcoal-mid: #4A5470;
–slate: #637085;
–slate-light: #8A9AB0;
–gold: #C8902A;
–gold-light: #E8B050;
–gold-pale: #F8EDD8;
–gold-wash: #FEFAF3;
–off-white: #FCFBF9;
–border: rgba(58, 66, 87, 0.1);
–border-gold: rgba(200, 144, 42, 0.25);
–font-display: ‘Cormorant Garamond’, Georgia, serif;
–font-body: ‘Outfit’, sans-serif;
}
html { scroll-behavior: smooth; }
body {
font-family: var(–font-body);
background: var(–off-white);
color: var(–charcoal);
line-height: 1.7;
overflow-x: hidden;
}
/* ── NAV ─────────────────────────────────────────────────── */
.site-nav {
position: fixed; top: 0; left: 0; right: 0; z-index: 200;
background: rgba(252, 251, 249, 0.94);
backdrop-filter: blur(14px);
border-bottom: 1px solid var(–border);
padding: 0 clamp(1.5rem, 5vw, 5rem);
height: 70px;
display: flex; align-items: center; justify-content: space-between;
}
.nav-logo-wrap { display: flex; align-items: center; gap: 0.75rem; }
.nav-logo-text {
font-family: var(–font-display);
font-size: 1.35rem; font-weight: 700; color: var(–charcoal);
letter-spacing: 0.01em; line-height: 1;
}
.nav-logo-text span { color: var(–gold); }
.nav-links { display: flex; gap: 2.25rem; list-style: none; }
.nav-links a {
font-size: 0.85rem; font-weight: 400; letter-spacing: 0.05em;
color: var(–slate); text-decoration: none; transition: color 0.2s;
}
.nav-links a:hover { color: var(–gold); }
.nav-cta {
background: var(–charcoal); color: var(–gold-pale);
font-family: var(–font-body); font-size: 0.85rem; font-weight: 500;
padding: 0.55rem 1.4rem; border-radius: 2px;
text-decoration: none; letter-spacing: 0.06em; text-transform: uppercase;
transition: background 0.2s, transform 0.15s;
}
.nav-cta:hover { background: var(–gold); color: var(–charcoal); transform: translateY(-1px); }
/* ── HERO ────────────────────────────────────────────────── */
.hero {
min-height: 100vh;
background: #4A5470;
position: relative; overflow: hidden;
display: flex; align-items: center;
padding: 120px clamp(1.5rem, 5vw, 5rem) 80px;
}
.hero-accent-line {
position: absolute; left: 0; top: 0; bottom: 0; width: 4px;
background: linear-gradient(to bottom, transparent, var(–gold) 30%, var(–gold) 70%, transparent);
}
.hero-staircase-graphic {
position: absolute; right: clamp(2rem, 6vw, 7rem); bottom: 0;
opacity: 0.18; z-index: 1;
}
.hero-content { position: relative; z-index: 2; max-width: 780px; }
.hero-eyebrow {
display: inline-flex; align-items: center; gap: 0.75rem;
font-size: 0.75rem; font-weight: 500; letter-spacing: 0.18em; text-transform: uppercase;
color: var(–gold-light); margin-bottom: 2rem;
}
.hero-eyebrow-line { width: 32px; height: 1px; background: var(–gold); }
.hero h1 {
font-family: var(–font-display);
font-size: clamp(2.2rem, 4vw, 3.8rem);
font-weight: 700; line-height: 1.15; letter-spacing: -0.01em;
color: #FDFCF8; margin-bottom: 0.5rem;
}
.hero h1 em { font-style: italic; color: var(–gold-light); }
.hero-sub-headline {
font-family: var(–font-display);
font-size: clamp(1rem, 2vw, 1.3rem); font-weight: 400; font-style: italic;
color: rgba(253, 252, 248, 0.55); margin-bottom: 1.75rem; letter-spacing: 0.01em;
}
.hero-desc {
font-size: 1rem; font-weight: 300; color: rgba(253, 252, 248, 0.7);
max-width: 560px; line-height: 1.8; margin-bottom: 3rem;
}
.hero-actions { display: flex; gap: 1rem; flex-wrap: wrap; align-items: center; }
/* Animate hero on load */
@keyframes fadeUp {
from { opacity: 0; transform: translateY(28px); }
to { opacity: 1; transform: translateY(0); }
}
.hero-eyebrow { animation: fadeUp 0.6s 0.1s ease both; }
.hero h1 { animation: fadeUp 0.6s 0.25s ease both; }
.hero-sub-headline { animation: fadeUp 0.6s 0.35s ease both; }
.hero-desc { animation: fadeUp 0.6s 0.45s ease both; }
.hero-actions { animation: fadeUp 0.6s 0.55s ease both; }
/* ── BUTTONS ─────────────────────────────────────────────── */
.btn-gold {
background: var(–gold); color: var(–charcoal);
font-family: var(–font-body); font-size: 0.9rem; font-weight: 600;
padding: 0.9rem 2.2rem; border-radius: 2px;
text-decoration: none; letter-spacing: 0.06em; text-transform: uppercase;
transition: background 0.2s, transform 0.15s, box-shadow 0.2s;
border: none; cursor: pointer; display: inline-block;
}
.btn-gold:hover { background: var(–gold-light); transform: translateY(-2px); box-shadow: 0 10px 30px rgba(200, 132, 42, 0.3); }
.btn-outline-light {
border: 1px solid rgba(253,252,248,0.25); color: rgba(253,252,248,0.75);
font-family: var(–font-body); font-size: 0.9rem; font-weight: 400;
padding: 0.9rem 2.2rem; border-radius: 2px;
text-decoration: none; letter-spacing: 0.05em;
transition: border-color 0.2s, color 0.2s; display: inline-block;
}
.btn-outline-light:hover { border-color: var(–gold); color: var(–gold-light); }
.btn-dark {
background: var(–charcoal); color: var(–gold-pale);
font-family: var(–font-body); font-size: 0.9rem; font-weight: 600;
padding: 1rem 2.5rem; border-radius: 2px;
text-decoration: none; letter-spacing: 0.08em; text-transform: uppercase;
display: inline-block; transition: background 0.2s, transform 0.15s;
}
.btn-dark:hover { background: var(–charcoal-mid); transform: translateY(-2px); }
/* ── SECTION GLOBALS ─────────────────────────────────────── */
section { padding: 100px clamp(1.5rem, 5vw, 5rem); }
.section-tag {
display: inline-flex; align-items: center; gap: 0.6rem;
font-size: 0.72rem; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase;
color: var(–gold); margin-bottom: 1rem;
}
.section-tag::before { content: ”; width: 22px; height: 1.5px; background: var(–gold); display: block; }
.framework-tag { color: var(–gold-light); }
.framework-tag::before { background: var(–gold-light); }
.author-tag { color: var(–gold-light); }
.author-tag::before { background: var(–gold-light); }
.cta-tag { color: var(–charcoal); }
.cta-tag::before { background: var(–charcoal); }
h2 {
font-family: var(–font-display);
font-size: clamp(1.7rem, 2.8vw, 2.6rem);
font-weight: 700; line-height: 1.2; letter-spacing: -0.01em;
color: var(–charcoal); margin-bottom: 1rem;
}
h2 em { font-style: italic; color: var(–gold); }
.section-lead {
font-size: 1rem; font-weight: 300; color: var(–slate);
max-width: 560px; line-height: 1.85; margin-bottom: 3.5rem;
}
/* ── MISSION ─────────────────────────────────────────────── */
.mission-section { background: var(–gold-wash); }
.mission-inner {
display: grid; grid-template-columns: 1fr 1fr; gap: 5rem; align-items: center;
}
.mission-footer { margin-top: 3.5rem; }
.mission-quote {
font-family: var(–font-display);
font-size: clamp(1.4rem, 2.5vw, 2rem); font-style: italic;
color: var(–charcoal-mid); line-height: 1.5;
border-left: 3px solid var(–gold); padding-left: 1.75rem;
margin-bottom: 1rem;
}
.mission-attr { font-size: 0.85rem; font-weight: 500; color: var(–slate); letter-spacing: 0.05em; }
.mission-attr strong { color: var(–gold); }
.mission-text p {
font-size: 0.975rem; font-weight: 300; color: var(–slate);
line-height: 1.85; margin-bottom: 1rem;
}
/* ── 3P-ROI FRAMEWORK ────────────────────────────────────── */
.framework-section { background: #4A5470; }
.framework-section h2 { color: #FDFCF8; }
.framework-section h2 em { color: var(–gold-light); }
.framework-section .section-lead { color: rgba(253,252,248,0.55); }
.framework-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; }
.framework-col-label {
font-size: 0.72rem; font-weight: 600; letter-spacing: 0.18em; text-transform: uppercase;
color: var(–gold); margin-bottom: 1.5rem;
display: flex; align-items: center; gap: 0.6rem;
}
.framework-col-label::after { content: ”; flex: 1; height: 1px; background: rgba(200,144,42,0.3); }
.framework-stages { display: flex; flex-direction: column; gap: 1px; }
.stage-item {
display: flex; align-items: flex-start; gap: 1.25rem;
padding: 1.4rem 1.5rem;
background: rgba(255,255,255,0.03);
border: 1px solid rgba(255,255,255,0.06);
transition: background 0.2s, border-color 0.2s; cursor: default;
}
.stage-item:hover { background: rgba(200,144,42,0.07); border-color: rgba(200,144,42,0.2); }
.stage-letter {
font-family: var(–font-display);
font-size: 2rem; font-weight: 700; font-style: italic;
color: var(–gold); line-height: 1; flex-shrink: 0; width: 28px;
}
.stage-name {
font-size: 0.875rem; font-weight: 600; letter-spacing: 0.04em;
color: rgba(253,252,248,0.9); margin-bottom: 0.25rem;
}
.stage-desc { font-size: 0.85rem; font-weight: 300; color: rgba(253,252,248,0.45); line-height: 1.6; }
/* ── WHO WE SERVE ────────────────────────────────────────── */
.serve-section {}
.serve-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }
.serve-card {
border: 1px solid var(–border); border-radius: 4px;
padding: 2.25rem 2rem 2rem;
position: relative; overflow: hidden;
transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;
}
.serve-card:hover { transform: translateY(-5px); box-shadow: 0 16px 48px rgba(58,66,87,0.1); border-color: var(–gold); }
.serve-card::before {
content: ”; position: absolute; top: 0; left: 0; right: 0; height: 3px;
background: var(–gold); transform: scaleX(0); transform-origin: left;
transition: transform 0.3s ease;
}
.serve-card:hover::before { transform: scaleX(1); }
.serve-icon {
width: 48px; height: 48px; border-radius: 50%;
background: var(–gold-pale); display: flex; align-items: center; justify-content: center;
margin-bottom: 1.5rem;
}
.serve-card h3 {
font-family: var(–font-display);
font-size: 1.3rem; font-weight: 700; color: var(–charcoal);
margin-bottom: 0.6rem; line-height: 1.25;
}
.serve-card p { font-size: 0.9rem; font-weight: 300; color: var(–slate); line-height: 1.75; }
/* ── SERVICES ────────────────────────────────────────────── */
.services-section { background: var(–gold-wash); }
.services-list { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; }
.service-item {
background: #fff; border: 1px solid var(–border-gold); border-radius: 4px;
padding: 2rem 2rem 1.75rem;
display: flex; gap: 1.5rem; align-items: flex-start;
transition: box-shadow 0.2s;
}
.service-item:hover { box-shadow: 0 8px 32px rgba(200,144,42,0.1); }
.service-num {
font-family: var(–font-display);
font-size: 2.5rem; font-weight: 700; color: var(–gold-pale);
line-height: 1; flex-shrink: 0;
}
.service-body h3 {
font-family: var(–font-display);
font-size: 1.15rem; font-weight: 700; color: var(–charcoal); margin-bottom: 0.5rem;
}
.service-body p { font-size: 0.875rem; font-weight: 300; color: var(–slate); line-height: 1.7; }
/* ── AUTHOR / BOOK ───────────────────────────────────────── */
.author-section {
background: #5A6480;
display: flex; align-items: center; gap: 5rem; flex-wrap: wrap;
padding: 100px clamp(1.5rem, 5vw, 5rem);
}
.author-quote-block { flex: 1; min-width: 280px; }
.big-quote {
font-family: var(–font-display);
font-size: clamp(1.6rem, 3vw, 2.6rem); font-style: italic; font-weight: 400;
color: var(–gold-pale); line-height: 1.4; margin-bottom: 1.5rem;
}
.big-quote .open-q { color: var(–gold); font-size: 1.2em; line-height: 0; vertical-align: -0.1em; }
.author-byline { font-size: 0.875rem; font-weight: 400; color: rgba(253,252,248,0.5); }
.author-byline strong { color: var(–gold-light); font-weight: 500; }
.author-book-card {
background: rgba(255,255,255,0.05); border: 1px solid rgba(200,144,42,0.25);
border-radius: 4px; padding: 2rem 2.25rem; min-width: 260px; max-width: 340px;
}
.book-label { font-size: 0.72rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(–gold); margin-bottom: 1rem; }
.book-title {
font-family: var(–font-display);
font-size: 1.6rem; font-weight: 700; font-style: italic;
color: rgba(253,252,248,0.9); margin-bottom: 0.5rem; line-height: 1.25;
}
.book-sub { font-size: 0.85rem; font-weight: 300; color: rgba(253,252,248,0.45); }
/* ── CTA / CONTACT ───────────────────────────────────────── */
.cta-section { background: var(–gold); text-align: center; padding: 100px clamp(1.5rem, 5vw, 5rem); }
.cta-section h2 { color: var(–charcoal); }
.cta-section h2 em { color: #fff; }
.cta-section .section-lead { color: rgba(30,35,48,0.7); margin: 0 auto 2.5rem; }
.cta-tagline { margin-top: 1.25rem; font-size: 0.875rem; font-weight: 300; color: rgba(30,35,48,0.6); }
.contact-cards {
display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; margin-top: 3rem;
}
.contact-card {
background: rgba(30,35,48,0.08); border: 1px solid rgba(30,35,48,0.15);
border-radius: 4px; padding: 1.25rem 1.5rem;
display: flex; flex-direction: column; align-items: center; gap: 0.5rem;
min-width: 160px; text-decoration: none;
transition: background 0.2s, transform 0.15s, border-color 0.2s;
}
.contact-card:hover { background: rgba(30,35,48,0.14); border-color: rgba(30,35,48,0.3); transform: translateY(-3px); }
.contact-icon {
width: 40px; height: 40px; border-radius: 50%;
background: rgba(30,35,48,0.1); display: flex; align-items: center; justify-content: center;
}
.contact-label {
font-size: 0.7rem; font-weight: 600; letter-spacing: 0.12em;
text-transform: uppercase; color: rgba(30,35,48,0.5);
}
.contact-value { font-size: 0.82rem; font-weight: 500; color: var(–charcoal); text-align: center; word-break: break-all; }
/* ── FOOTER ──────────────────────────────────────────────── */
.site-footer {
background: #4A5470;
padding: 3rem clamp(1.5rem, 5vw, 5rem);
display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 1.5rem;
border-top: 1px solid rgba(200,144,42,0.2);
}
.footer-brand { display: flex; align-items: center; gap: 0.75rem; }
.footer-logo-text { font-family: var(–font-display); font-size: 1.2rem; font-weight: 700; color: rgba(253,252,248,0.85); }
.footer-logo-text span { color: var(–gold); }
.footer-links { display: flex; gap: 1.75rem; list-style: none; flex-wrap: wrap; }
.footer-links a { font-size: 0.82rem; color: rgba(253,252,248,0.45); text-decoration: none; transition: color 0.2s; }
.footer-links a:hover { color: var(–gold); }
.footer-right { display: flex; align-items: center; gap: 1rem; }
.footer-social { color: rgba(253,252,248,0.4); transition: color 0.2s; }
.footer-social:hover { color: var(–gold); }
.footer-copy { font-size: 0.78rem; color: rgba(253,252,248,0.25); }
/* ── RESPONSIVE ──────────────────────────────────────────── */
@media (max-width: 900px) {
.mission-inner { grid-template-columns: 1fr; gap: 2.5rem; }
.framework-grid { grid-template-columns: 1fr; }
.serve-grid { grid-template-columns: 1fr; }
.services-list { grid-template-columns: 1fr; }
.nav-links { display: none; }
.hero-staircase-graphic { display: none; }
.author-section { flex-direction: column; }
.footer-links { display: none; }
}
Career Strategy · Professional Reentry · Character-Based Development
Mending theStaircase
Career Strategy with Principle & Purpose
We don’t just build resumes — we rebuild foundations. Specialized coaching for high-stakes career transitions and professional reentry, grounded in the 3P-ROI Method.
Our Philosophy
We look at theperson , not the paper.
Traditional career services build resumes. At 5H-AT Consulting, we rebuild foundations.
We recognize that professional gaps or personal hurdles are not just barriers — they are the missing steps in a staircase. We don’t guide you toward a job; we help you reconstruct your professional identity from the ground up, moving beyond job readiness to a lifetime of sustainable, purpose-driven performance.
Whether you are navigating a corporate pivot or re-entering the workforce after a significant hiatus, we specialize in high-stakes transitions — helping individuals re-establish professional identity through a foundation of accountability and excellence.
The Signature Method
The 3P-ROI Curriculum
A return on integrity. A return on investment. Our six-stage ascent is designed to turn potential into consistent, purpose-driven performance.
The Principles — The Foundation
P
Principle
Defining and adhering to the immovable core values of your professional life.
P
Purpose
Clearly aligning your daily work with your long-term vision and contributions.
P
Pride
Cultivating profound self-respect through high-quality, reliable output.
The Results — The Ascent
R
Resilience
Building the mental toughness required to navigate and conquer setbacks.
O
Ownership
Taking full accountability for your career trajectory and choices.
I
Integrity
Ensuring your professional actions consistently match your articulated values.
Who We Serve
High-stakes transitionsrequire specialized support.
We don’t offer generic career advice. We serve people and organizations navigating real, consequential change.
The Returning Citizen
Intensive, specialized support for individuals navigating the unique challenges of workforce reentry and re-establishing professional identity after a significant hiatus.
The Professional in Transition
Strategic guidance for professionals pivoting careers, stepping into senior leadership, or seeking to fill critical gaps in their professional foundation with purpose and intention.
Strategic Partners
Tailored curriculum delivery for companies, government agencies, and nonprofits committed to character-based readiness programs and Second Chance employment initiatives.
How We Partner
Services built aroundyour transformation
Every engagement is built on deep listening and customized strategy — no generic playbooks, no off-the-shelf solutions.
01
Professional Reentry Coaching
Specialized, high-stakes coaching for individuals re-establishing careers after a significant transition. We navigate the unique challenges of reentry with expertise and respect.
02
Strategic Career Transitions
Expert guidance for professionals navigating pivotal changes — from corporate pivots to senior leadership ascent — grounded in the 3P-ROI framework.
03
Resume & Interview Architecture
We don’t list dates; we curate narratives of value. Transforming your story from “ready to work” to “ready to contribute” through narrative curation and interview mental reps.
04
Group Facilitation & Curriculum
Interactive, action-oriented workshops and the full 3P-ROI curriculum delivered for organizations, agencies, and readiness programs at scale.
From the Founder
“ The climb isn’t impossible; you just need to know where the steps are.”
— Algene Tolbert , Founder of 5H-AT Consulting LLC
Now Available
The Broken Staircase
The philosophy that drives every engagement at 5H-AT — a guide to rebuilding professional foundations from the ground up.
Sorry, but nothing was found. Please try a search with different keywords.
© 2026 5H-AT CONSULTING. All rights reserved.