<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Second Line Truth — Real Medical and School Facts for Black Families</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,600;0,9..144,700;1,9..144,400&family=DM+Sans:wght@400;500;600&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap" rel="stylesheet">
<style>
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
--cream: #FAF7F2;
--burgundy: #4A1528;
--gold: #C9973A;
--green: #2C4A3E;
--nearblack: #1C1C1A;
--lightgold: #F0DDB0;
}
html { scroll-behavior: smooth; }
body {
font-family: 'DM Sans', sans-serif;
background-color: var(--cream);
color: var(--nearblack);
font-size: 17px;
line-height: 1.7;
}
/* NAV */
nav {
position: sticky;
top: 0;
z-index: 100;
background-color: var(--cream);
border-bottom: 2px solid var(--gold);
padding: 1rem 2rem;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 1rem;
}
.nav-logo {
font-family: 'Fraunces', serif;
font-weight: 700;
font-size: 1.3rem;
color: var(--burgundy);
text-decoration: none;
}
.nav-links {
display: flex;
flex-wrap: wrap;
gap: 1rem;
list-style: none;
}
.nav-links a {
font-family: 'DM Sans', sans-serif;
font-size: 0.82rem;
font-weight: 600;
color: var(--green);
text-decoration: none;
text-transform: uppercase;
letter-spacing: 0.04em;
transition: color 0.2s;
}
.nav-links a:hover { color: var(--gold); }
/* HERO */
.hero {
background-color: var(--burgundy);
color: var(--cream);
padding: 5rem 2rem;
text-align: center;
}
.hero-eyebrow {
font-family: 'DM Sans', sans-serif;
font-size: 0.82rem;
font-weight: 600;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--gold);
margin-bottom: 1.2rem;
}
.hero h1 {
font-family: 'Fraunces', serif;
font-size: clamp(3rem, 8vw, 5.5rem);
font-weight: 700;
line-height: 1.1;
color: var(--cream);
margin-bottom: 0.6rem;
letter-spacing: -0.02em;
}
.hero-tagline {
font-family: 'Fraunces', serif;
font-size: clamp(1rem, 3vw, 1.4rem);
font-weight: 300;
font-style: italic;
color: var(--lightgold);
margin-bottom: 2.5rem;
}
.hero-three {
max-width: 580px;
margin: 0 auto 2.5rem;
text-align: left;
background: rgba(255,255,255,0.07);
border-left: 4px solid var(--gold);
padding: 1.5rem 2rem;
border-radius: 0 8px 8px 0;
}
.hero-three p {
font-family: 'DM Sans', sans-serif;
font-size: 1rem;
color: var(--cream);
margin-bottom: 0.7rem;
padding-left: 0.3rem;
}
.hero-three p:last-child { margin-bottom: 0; }
.hero-three p::before {
content: "→ ";
color: var(--gold);
font-weight: 700;
}
.hero-quote {
font-family: 'Libre Baskerville', serif;
font-style: italic;
font-size: clamp(1rem, 2.5vw, 1.15rem);
color: var(--lightgold);
max-width: 540px;
margin: 0 auto 3rem;
line-height: 1.7;
}
.hero-buttons {
display: flex;
gap: 1rem;
justify-content: center;
flex-wrap: wrap;
}
.btn-primary {
background-color: var(--gold);
color: var(--nearblack);
font-family: 'DM Sans', sans-serif;
font-weight: 600;
font-size: 1rem;
padding: 0.85rem 2rem;
border: none;
border-radius: 4px;
cursor: pointer;
text-decoration: none;
transition: background 0.2s;
}
.btn-primary:hover { background-color: var(--lightgold); }
.btn-outline {
background: transparent;
color: var(--cream);
font-family: 'DM Sans', sans-serif;
font-weight: 600;
font-size: 1rem;
padding: 0.85rem 2rem;
border: 2px solid var(--gold);
border-radius: 4px;
cursor: pointer;
text-decoration: none;
transition: all 0.2s;
}
.btn-outline:hover {
background-color: var(--gold);
color: var(--nearblack);
}
/* SECTION CARDS */
.sections-grid {
background-color: var(--cream);
padding: 5rem 2rem;
}
.sections-grid h2 {
font-family: 'Fraunces', serif;
font-size: clamp(1.8rem, 4vw, 2.4rem);
font-weight: 600;
color: var(--burgundy);
text-align: center;
margin-bottom: 0.8rem;
letter-spacing: -0.01em;
}
.section-intro {
text-align: center;
max-width: 580px;
margin: 0 auto 3rem;
color: var(--green);
font-size: 1rem;
}
.cards {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 1.4rem;
max-width: 1100px;
margin: 0 auto;
}
.card {
background-color: var(--green);
border-radius: 8px;
padding: 2rem;
text-decoration: none;
transition: transform 0.2s, box-shadow 0.2s;
display: block;
}
.card:hover {
transform: translateY(-4px);
box-shadow: 0 12px 32px rgba(74,21,40,0.18);
}
.card-number {
font-family: 'Fraunces', serif;
font-size: 2.2rem;
font-weight: 700;
color: var(--gold);
line-height: 1;
margin-bottom: 0.7rem;
}
.card h3 {
font-family: 'Fraunces', serif;
font-size: 1.25rem;
font-weight: 600;
color: var(--cream);
margin-bottom: 0.5rem;
}
.card p {
font-family: 'DM Sans', sans-serif;
font-size: 0.9rem;
color: var(--lightgold);
line-height: 1.6;
}
/* PULL QUOTE */
.pull-quote {
background-color: var(--burgundy);
padding: 5rem 2rem;
text-align: center;
}
.pull-quote blockquote {
font-family: 'Libre Baskerville', serif;
font-style: italic;
font-size: clamp(1.4rem, 4vw, 2.2rem);
color: var(--cream);
max-width: 780px;
margin: 0 auto 1rem;
line-height: 1.5;
}
.pull-quote blockquote em {
color: var(--gold);
font-style: normal;
}
/* HOW IT WORKS */
.how-it-works {
background-color: var(--cream);
padding: 5rem 2rem;
}
.how-it-works h2 {
font-family: 'Fraunces', serif;
font-size: clamp(1.8rem, 4vw, 2.4rem);
font-weight: 600;
color: var(--burgundy);
text-align: center;
margin-bottom: 3rem;
}
.three-col {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 2rem;
max-width: 960px;
margin: 0 auto;
}
.col-item {
text-align: center;
padding: 2rem 1.5rem;
background: var(--lightgold);
border-radius: 8px;
}
.col-icon {
font-size: 2.5rem;
margin-bottom: 1rem;
}
.col-item h3 {
font-family: 'Fraunces', serif;
font-size: 1.3rem;
font-weight: 600;
color: var(--burgundy);
margin-bottom: 0.6rem;
}
.col-item p {
font-family: 'DM Sans', sans-serif;
font-size: 0.95rem;
color: var(--nearblack);
line-height: 1.6;
}
/* ABOUT STRIP */
.about-strip {
background-color: var(--green);
padding: 4rem 2rem;
}
.about-inner {
max-width: 900px;
margin: 0 auto;
display: flex;
align-items: center;
gap: 2.5rem;
flex-wrap: wrap;
}
.about-photo {
width: 90px;
height: 90px;
border-radius: 50%;
object-fit: cover;
border: 3px solid var(--gold);
flex-shrink: 0;
background-color: var(--burgundy);
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.about-photo img {
width: 100%;
height: 100%;
object-fit: cover;
}
.about-photo-placeholder {
width: 90px;
height: 90px;
border-radius: 50%;
border: 3px solid var(--gold);
background-color: var(--burgundy);
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
color: var(--gold);
font-family: 'Fraunces', serif;
font-size: 0.7rem;
text-align: center;
padding: 0.5rem;
}
.about-text {
flex: 1;
min-width: 240px;
}
.about-text h3 {
font-family: 'Fraunces', serif;
font-size: 1.15rem;
font-weight: 600;
color: var(--cream);
margin-bottom: 0.4rem;
}
.about-text p {
font-family: 'DM Sans', sans-serif;
font-size: 0.88rem;
color: var(--lightgold);
line-height: 1.6;
margin-bottom: 0.8rem;
}
.about-links {
display: flex;
flex-wrap: wrap;
gap: 0.6rem;
font-size: 0.82rem;
}
.about-links a {
color: var(--gold);
text-decoration: none;
font-family: 'DM Sans', sans-serif;
font-weight: 500;
border-bottom: 1px solid var(--gold);
padding-bottom: 1px;
transition: opacity 0.2s;
}
.about-links a:hover { opacity: 0.75; }
.about-right {
display: flex;
flex-direction: column;
gap: 0.8rem;
align-items: flex-start;
}
.donate-btn {
background-color: var(--gold);
color: var(--nearblack);
font-family: 'DM Sans', sans-serif;
font-weight: 700;
font-size: 0.9rem;
padding: 0.7rem 1.6rem;
border: none;
border-radius: 4px;
cursor: pointer;
text-decoration: none;
text-align: center;
transition: background 0.2s;
white-space: nowrap;
}
.donate-btn:hover { background-color: var(--lightgold); }
.hire-btn {
background: transparent;
color: var(--cream);
font-family: 'DM Sans', sans-serif;
font-weight: 600;
font-size: 0.9rem;
padding: 0.7rem 1.6rem;
border: 2px solid var(--gold);
border-radius: 4px;
cursor: pointer;
text-decoration: none;
text-align: center;
transition: all 0.2s;
white-space: nowrap;
}
.hire-btn:hover {
background-color: var(--gold);
color: var(--nearblack);
}
/* FOOTER */
footer {
background-color: var(--burgundy);
padding: 3rem 2rem;
text-align: center;
}
footer .footer-logo {
font-family: 'Fraunces', serif;
font-size: 1.4rem;
font-weight: 700;
color: var(--cream);
margin-bottom: 0.4rem;
}
footer .footer-tagline {
font-family: 'Libre Baskerville', serif;
font-style: italic;
font-size: 0.9rem;
color: var(--lightgold);
margin-bottom: 1.5rem;
}
.footer-nav {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 1.2rem;
list-style: none;
margin-bottom: 1.5rem;
}
.footer-nav a {
font-family: 'DM Sans', sans-serif;
font-size: 0.82rem;
color: var(--lightgold);
text-decoration: none;
font-weight: 500;
transition: color 0.2s;
}
.footer-nav a:hover { color: var(--gold); }
.footer-social {
display: flex;
justify-content: center;
gap: 1.5rem;
margin-bottom: 1.5rem;
}
.footer-social a {
font-family: 'DM Sans', sans-serif;
font-size: 0.85rem;
color: var(--gold);
text-decoration: none;
font-weight: 600;
border: 1px solid var(--gold);
padding: 0.4rem 1rem;
border-radius: 4px;
transition: all 0.2s;
}
.footer-social a:hover {
background-color: var(--gold);
color: var(--nearblack);
}
footer .footer-credit {
font-family: 'DM Sans', sans-serif;
font-size: 0.78rem;
color: rgba(240,221,176,0.6);
line-height: 1.6;
}
/* MOBILE */
@media (max-width: 600px) {
nav { padding: 0.8rem 1rem; }
.nav-links { gap: 0.6rem; }
.nav-links a { font-size: 0.75rem; }
.hero { padding: 3.5rem 1.2rem; }
.hero-three { padding: 1.2rem 1.2rem; }
.sections-grid,
.how-it-works { padding: 3.5rem 1.2rem; }
.pull-quote { padding: 3.5rem 1.2rem; }
.about-strip { padding: 3rem 1.2rem; }
.about-inner { flex-direction: column; align-items: flex-start; gap: 1.5rem; }
.about-right { flex-direction: row; flex-wrap: wrap; }
footer { padding: 2.5rem 1.2rem; }
}
</style>
</head>
<body>
<!-- NAV -->
<nav>
<a href="index.html" class="nav-logo">Second Line Truth</a>
<ul class="nav-links">
<li><a href="body.html">Your Body</a></li>
<li><a href="hospital.html">The Hospital</a></li>
<li><a href="school.html">Your Child's School</a></li>
<li><a href="enroll.html">Before You Enroll</a></li>
<li><a href="girls.html">Our Girls</a></li>
<li><a href="hire.html">Hire Ashana</a></li>
</ul>
</nav>
<!-- HERO -->
<section class="hero">
<p class="hero-eyebrow">A Free Resource for Black Families</p>
<h1>Second Line Truth</h1>
<p class="hero-tagline">Real Medical and School Facts for Black Families</p>
<div class="hero-three">
<p>The facts about what medical and school systems are actually doing to Black families</p>
<p>The tools to protect yourself and your children</p>
<p>The exact words to use in any doctor's office or school meeting</p>
</div>
<p class="hero-quote">
"You already knew something was wrong.<br>
Now you'll know why — and what to do about it."
</p>
<div class="hero-buttons">
<a href="#sections" class="btn-primary">Explore the Site</a>
<a href="https://www.facebook.com/groups/secondlinetruth" target="_blank" class="btn-outline">Join Our Community</a>
</div>
</section>
<!-- SECTION CARDS -->
<section class="sections-grid" id="sections">
<h2>What You'll Find Here</h2>
<p class="section-intro">Every section ends with something you can use — a checklist, a printable handout, or the exact words to say.</p>
<div class="cards">
<a href="body.html" class="card">
<div class="card-number">01</div>
<h3>Your Body</h3>
<p>The racist tools being used to measure Black women's bodies — and what real measurements actually look like.</p>
</a>
<a href="hospital.html" class="card">
<div class="card-number">02</div>
<h3>The Hospital</h3>
<p>Racist formulas still used in hospitals today, your patient rights, and printable handouts you can give directly to your provider.</p>
</a>
<a href="school.html" class="card">
<div class="card-number">03</div>
<h3>Your Child's School</h3>
<p>ADHD and ODD misdiagnosis, zero tolerance schools, and what the science says children's brains actually need.</p>
</a>
<a href="enroll.html" class="card">
<div class="card-number">04</div>
<h3>Before You Enroll</h3>
<p>The checklist every Black parent needs before signing anything — culture, curriculum, discipline, and your child's rights.</p>
</a>
<a href="girls.html" class="card">
<div class="card-number">05</div>
<h3>Our Girls</h3>
<p>Black girls, criminalization, Depo-Provera, identity, and what real healing looks like. We don't need to be redefined. We need to be remembered.</p>
</a>
<a href="hire.html" class="card">
<div class="card-number">06</div>
<h3>Hire Ashana</h3>
<p>Anti-racism trainings, consulting, speaking engagements, and books by the founder of this site.</p>
</a>
</div>
</section>
<!-- PULL QUOTE -->
<section class="pull-quote">
<blockquote>
"We don't need to be <em>redefined.</em><br>
We need to be <em>remembered.</em>"
</blockquote>
</section>
<!-- HOW IT WORKS -->
<section class="how-it-works">
<h2>This Site Is Different</h2>
<div class="three-col">
<div class="col-item">
<div class="col-icon">📋</div>
<h3>We Tell the Truth</h3>
<p>Plain language explanations of what racist systems are doing — backed by research, written for families, not academics.</p>
</div>
<div class="col-item">
<div class="col-icon">🛠️</div>
<h3>We Give You Tools</h3>
<p>Printable handouts, checklists, and advocacy scripts you can put directly in a doctor's or principal's hand today.</p>
</div>
<div class="col-item">
<div class="col-icon">🤝</div>
<h3>We Build Community</h3>
<p>Join the Second Line Truth Circle — a private space for Black families to share experiences, ask questions, and support each other.</p>
</div>
</div>
</section>
<!-- ABOUT STRIP -->
<section class="about-strip">
<div class="about-inner">
<!-- PHOTO: replace src with your actual photo filename -->
<div class="about-photo">
<img src="ashana.jpg" alt="Ashana Bigard" />
</div>
<div class="about-text">
<h3>Ashana Bigard</h3>
<p>
Executive Director, Amplify Justice / Liberation Collective ·
Fifth-generation New Orleans native ·
Author · Advocate · Trainer
</p>
<div class="about-links">
<a href="https://amplifyjustice.carrd.co/#" target="_blank">Amplify Justice</a>
<a href="https://a.co/d/iFVE3XZ" target="_blank">Beyond Resilience: Katrina 20</a>
<a href="https://a.co/d/09yk9D7B" target="_blank">What the Grandmothers Kept</a>
<a href="mailto:ambigard@gmail.com">ambigard@gmail.com</a>
<a href="tel:5043226582">(504) 322-6582</a>
</div>
</div>
<div class="about-right">
<a href="https://www.paypal.com/donate" target="_blank" class="donate-btn">
♥ Support This Work
</a>
<a href="hire.html" class="hire-btn">
Book a Training
</a>
</div>
</div>
</section>
<!-- FOOTER -->
<footer>
<div class="footer-logo">Second Line Truth</div>
<p class="footer-tagline">Real Medical and School Facts for Black Families</p>
<ul class="footer-nav">
<li><a href="body.html">Your Body</a></li>
<li><a href="hospital.html">The Hospital</a></li>
<li><a href="school.html">Your Child's School</a></li>
<li><a href="enroll.html">Before You Enroll</a></li>
<li><a href="girls.html">Our Girls</a></li>
<li><a href="hire.html">Hire Ashana</a></li>
</ul>
<div class="footer-social">
<a href="https://www.facebook.com/groups/secondlinetruth" target="_blank">Facebook Community</a>
<a href="https://www.instagram.com/secondlinetruth" target="_blank">Instagram</a>
</div>
<p class="footer-credit">
All resources on this site are free. Built for Black families.<br>
Created by Ashana Bigard · Amplify Justice / Liberation Collective<br>
© 2025 Second Line Truth
</p>
</footer>
</body>
</html>