AI Career Pathway:
The CTE Solution Education Leaders Have Been Waiting ForTransform Your CTE Offerings with the AI Curriculum Students Actually Want
86% of employers expect AI to transform their business by 2030 and two-thirds aim to hire talent with AI-specific skills, so we've developed something revolutionary: a transformative learning journey where AI becomes a genuine partner in student discovery and creation.
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
background: #f5f5f5;
color: #333;
line-height: 1.6;
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 20px;
}
/* Hero Section */
.hero {
background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
color: white;
padding: 60px 40px;
border-radius: 20px;
text-align: center;
margin-bottom: 40px;
position: relative;
overflow: hidden;
}
.hero::before {
content: '';
position: absolute;
top: -50%;
right: -50%;
width: 200%;
height: 200%;
background: radial-gradient(circle, rgba(37,99,235,0.1) 0%, transparent 70%);
animation: pulse 4s ease-in-out infinite;
}
@keyframes pulse {
0%, 100% { transform: scale(1); opacity: 0.5; }
50% { transform: scale(1.1); opacity: 0.8; }
}
.hero h1 {
font-size: 2.5em;
margin-bottom: 20px;
font-weight: 700;
z-index: 1;
position: relative;
}
.hero-subtitle {
font-size: 1.3em;
margin-bottom: 30px;
opacity: 0.95;
max-width: 800px;
margin-left: auto;
margin-right: auto;
}
.founding-badge {
display: inline-block;
background: #ffd700;
color: #1a1a2e;
padding: 8px 20px;
border-radius: 25px;
font-weight: bold;
margin-bottom: 20px;
font-size: 0.9em;
text-transform: uppercase;
letter-spacing: 1px;
}
.key-points {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 30px;
margin: 40px auto;
max-width: 900px;
}
.key-point {
text-align: center;
z-index: 1;
position: relative;
}
.key-point-icon {
font-size: 2.5em;
margin-bottom: 10px;
display: block;
}
.key-point-text {
font-size: 1em;
opacity: 0.9;
}
.cta-button {
background: linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);
color: white;
padding: 18px 50px;
border: none;
border-radius: 30px;
font-size: 1.15em;
font-weight: bold;
cursor: pointer;
transition: all 0.3s;
box-shadow: 0 10px 30px rgba(37,99,235,0.3);
z-index: 1;
position: relative;
}
.cta-button:hover {
transform: translateY(-3px);
box-shadow: 0 15px 40px rgba(37,99,235,0.4);
}
/* Partnership Section */
.partnership-section {
background: white;
padding: 50px 40px;
border-radius: 20px;
box-shadow: 0 10px 30px rgba(0,0,0,0.08);
margin-bottom: 40px;
}
.partnership-section h2 {
font-size: 2em;
margin-bottom: 30px;
color: #1a1a2e;
text-align: center;
}
.partnership-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 25px;
margin-top: 40px;
}
.partnership-card {
background: #f8f9fa;
padding: 30px;
border-radius: 15px;
border-left: 5px solid #2563eb;
transition: all 0.3s;
}
.partnership-card:hover {
transform: translateX(10px);
box-shadow: 0 5px 20px rgba(0,0,0,0.1);
}
.partnership-card h3 {
color: #2563eb;
margin-bottom: 15px;
font-size: 1.2em;
}
/* Demo Section */
.demo-section {
background: white;
padding: 50px 40px;
border-radius: 20px;
box-shadow: 0 10px 30px rgba(0,0,0,0.08);
margin-bottom: 40px;
}
.demo-section h2 {
font-size: 2em;
margin-bottom: 20px;
color: #1a1a2e;
text-align: center;
}
.demo-intro {
text-align: center;
color: #666;
margin-bottom: 40px;
font-size: 1.1em;
max-width: 800px;
margin-left: auto;
margin-right: auto;
}
/* Chat Interface */
.chat-container {
display: grid;
grid-template-columns: 1fr 320px;
gap: 30px;
margin-top: 30px;
}
@media (max-width: 968px) {
.chat-container {
grid-template-columns: 1fr;
}
}
.chat-window {
background: #f8f9fa;
border-radius: 15px;
padding: 25px;
height: 700px;
overflow-y: auto;
box-shadow: inset 0 2px 10px rgba(0,0,0,0.05);
position: relative;
}
.message {
margin-bottom: 20px;
animation: slideIn 0.5s ease-out;
}
@keyframes slideIn {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.ai-message {
background: #e3f2fd;
padding: 18px 20px;
border-radius: 18px;
border-bottom-left-radius: 5px;
margin-right: 20%;
box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}
.student-message {
background: #f3e5f5;
padding: 18px 20px;
border-radius: 18px;
border-bottom-right-radius: 5px;
margin-left: 20%;
text-align: right;
box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}
/* Module Choice Screen */
.module-choice-screen {
background: #f0f4f8;
border: 3px solid #2563eb;
border-radius: 20px;
padding: 30px;
margin: 25px 0;
animation: slideIn 0.5s ease-out;
}
.module-choice-screen h3 {
color: #2563eb;
margin-bottom: 25px;
text-align: center;
font-size: 1.5em;
}
.module-options {
display: grid;
gap: 15px;
}
.module-option {
background: white;
padding: 25px;
border-radius: 15px;
border: 2px solid transparent;
cursor: pointer;
transition: all 0.3s;
position: relative;
overflow: hidden;
}
.module-option:hover {
border-color: #2563eb;
transform: translateY(-3px);
box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}
.module-option.selected {
border-color: #4caf50;
background: #f1f8e9;
}
.module-header {
display: flex;
align-items: center;
gap: 15px;
margin-bottom: 15px;
}
.module-icon {
font-size: 2.5em;
}
.module-title {
font-size: 1.2em;
color: #333;
font-weight: 600;
}
.module-description {
color: #666;
margin-bottom: 15px;
line-height: 1.5;
}
.module-meta {
display: flex;
gap: 20px;
font-size: 0.9em;
color: #888;
}
/* Lesson Popup */
.lesson-popup {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: white;
border-radius: 20px;
box-shadow: 0 20px 60px rgba(0,0,0,0.3);
width: 90%;
max-width: 800px;
max-height: 90vh;
overflow-y: auto;
z-index: 1000;
animation: popIn 0.3s ease-out;
}
@keyframes popIn {
from {
opacity: 0;
transform: translate(-50%, -50%) scale(0.9);
}
to {
opacity: 1;
transform: translate(-50%, -50%) scale(1);
}
}
.lesson-header {
background: linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);
color: white;
padding: 30px;
border-radius: 20px 20px 0 0;
}
.lesson-header h2 {
font-size: 1.8em;
margin-bottom: 10px;
}
.lesson-content {
padding: 30px;
}
.info-box {
padding: 20px;
border-radius: 10px;
margin: 20px 0;
}
.info-box-yellow {
background: #fff9c4;
border-left: 4px solid #fbc02d;
color: #827717;
}
.info-box-blue {
background: #e3f2fd;
border-left: 4px solid #2196f3;
color: #0d47a1;
}
.complete-button {
background: #4caf50;
color: white;
padding: 15px 40px;
border: none;
border-radius: 25px;
font-size: 1.1em;
font-weight: bold;
cursor: pointer;
display: block;
margin: 30px auto;
transition: all 0.3s;
}
.complete-button:hover {
background: #45a049;
transform: translateY(-2px);
}
/* Metrics Panel */
.metrics-panel {
background: #f0f4f8;
border-radius: 15px;
padding: 25px;
height: fit-content;
position: sticky;
top: 20px;
}
.metric {
background: white;
padding: 18px;
border-radius: 12px;
margin-bottom: 18px;
box-shadow: 0 2px 8px rgba(0,0,0,0.05);
transition: all 0.3s;
}
.metric-label {
font-size: 0.95em;
color: #666;
margin-bottom: 8px;
display: block;
}
.metric-value {
font-size: 1.8em;
font-weight: bold;
color: #2563eb;
display: block;
margin-bottom: 10px;
}
.progress-bar {
background: #e0e0e0;
height: 10px;
border-radius: 5px;
overflow: hidden;
}
.progress-fill {
background: linear-gradient(90deg, #4caf50 0%, #66bb6a 100%);
height: 100%;
transition: width 0.8s ease-out;
}
/* Thinking Process Box */
.thinking-box {
background: #fff3cd;
border: 2px dashed #ffc107;
padding: 15px;
border-radius: 10px;
margin: 15px 0;
font-style: italic;
color: #856404;
font-size: 0.95em;
}
/* Insight Box */
.insight-box {
background: linear-gradient(135deg, #f3e5f5 0%, #e1bee7 100%);
border-left: 4px solid #7b1fa2;
padding: 20px;
margin: 25px 0;
border-radius: 8px;
font-weight: 500;
color: #4a148c;
}
/* Overlay */
.overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,0.7);
z-index: 999;
}
/* Final CTA */
.final-cta {
background: white;
padding: 60px 40px;
border-radius: 20px;
text-align: center;
box-shadow: 0 10px 30px rgba(0,0,0,0.08);
margin-top: 40px;
}
.transformation-summary {
background: #f8f9fa;
padding: 40px;
border-radius: 15px;
margin: 30px 0;
}
.transformation-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 30px;
margin-top: 30px;
}
.transformation-stat {
text-align: center;
}
.transformation-stat h3 {
color: #2563eb;
font-size: 3em;
margin-bottom: 10px;
}
.transformation-stat p {
color: #666;
}
.hidden {
display: none;
}
/* Scrollbar */
.chat-window::-webkit-scrollbar,
.lesson-popup::-webkit-scrollbar {
width: 8px;
}
.chat-window::-webkit-scrollbar-track,
.lesson-popup::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 10px;
}
.chat-window::-webkit-scrollbar-thumb,
.lesson-popup::-webkit-scrollbar-thumb {
background: #888;
border-radius: 10px;
}
🌟 Founding Partner Opportunity
Shape How Students Learn to Build WITH AI
Join us in creating the CTE AI Career Pathway that transforms students from consumers to creators
🛠️
Students BUILD Real Solutions
🎯
Self-Paced & Student-Driven
🏆
Shape the Curriculum
Be a Founding Partner in the CTE AI Revolution
This isn't about teaching AI theory. It's about students using AI to solve real problems they care about – and you'll help shape exactly how it works.
🎨 Curriculum Input
Your feedback directly shapes modules. See something that won't work for your students? We adapt it together.
📊 Define Success Metrics
Help create assessments that matter to YOUR district. Shape how we measure real impact.
🌟 Founding Recognition
Be known as one of the districts that pioneered AI education. Your innovations become best practices.
💰 Partner Pricing
Lock in founding partner rates. Investment scales with your district size and needs.
🔄 Continuous Evolution
Monthly feedback sessions ensure the pathway evolves with your students' needs.
👩🏫 Teacher Support
Co-create teacher resources. No AI expertise needed – just facilitation skills.
See How Students Transform in Real-Time
Watch an actual student conversation from our CTE AI Career Pathway. Notice how they go from fear to possibility in minutes – and how they choose their own learning path.
📊 Student Progress
🧠 Critical Thinking
0
💡 Engagement
0%
🚀 Entrepreneur Score
0%
🔧 Skills Acquired
0
The Transformation is Clear
In just one conversation, you watched a student transform:
10 min
From "I have no idea" to finding their path
3 choices
Student-driven learning, not forced curriculum
95%
Engagement by the end
Ready to Give Your Students This Experience?
Join us as a founding partner. Help shape how CTE students across the nation will build WITH AI.
Limited founding partner positions available. Be part of the revolution.
🔐 'If You're Not Paying, You're the Product'
Learn which AI tools sell your data and how to stay protected
📚 This is a Learning Module
In the real system, this opens an interactive lesson with:
- Engaging videos explaining core concepts
- Interactive exercises and quizzes
- Real-world examples and case studies
- Hands-on practice with AI tools
What You'll Master in This Module:
- ✅ Which AI tools respect your privacy (and which don't)
- ✅ How to use AI anonymously when needed
- ✅ Understanding terms of service that matter
- ✅ Protecting your intellectual property
- ✅ Using enterprise tools like Google Gemini safely
👆 For This Demo
Click "Complete Module" to see what happens after a student finishes their chosen lesson.
🎯 Prompt Engineering Basics
Learn to speak AI's language - get 10x better results
📚 This is a Learning Module
In the real system, this opens an interactive lesson with:
- Video demonstrations of effective prompting
- Interactive prompt-building exercises
- Before/after examples showing improvement
- Templates for common use cases
What You'll Master in This Module:
- ✅ The anatomy of an effective prompt
- ✅ How to provide context for better results
- ✅ Iterating prompts for improvement
- ✅ Advanced techniques like role-playing and examples
- ✅ Prompt libraries for different tasks
👆 For This Demo
Click "Complete Module" to continue the student journey.
🧠 Spotting AI Bias
AI inherits human biases - learn to catch them
📚 This is a Learning Module
In the real system, this opens an interactive lesson with:
- Real examples of AI bias in action
- Interactive bias detection exercises
- Tools for testing AI outputs
- Strategies for mitigating bias
What You'll Master in This Module:
- ✅ Common types of AI bias
- ✅ How to test for biased outputs
- ✅ Questions to ask about training data
- ✅ Ethical considerations in AI use
- ✅ Building more inclusive AI solutions
👆 For This Demo
Click "Complete Module" to continue the student journey.