:root {
–hhc-red: #cd412d;
–hhc-red-dark: #b93627;
–hhc-black: #000000;
–hhc-text: #111111;
–hhc-muted: #333333;
–hhc-soft: #f7f7f7;
–hhc-white: #ffffff;
–hhc-border: #e5e5e5;
}
.hhc-stepup-page {
font-family: “Lato”, “Open Sans”, Arial, sans-serif;
color: var(–hhc-text);
background: var(–hhc-white);
}
.hhc-stepup-page * {
box-sizing: border-box;
}
.hhc-wrap {
width: min(1040px, calc(100% – 36px));
margin: 0 auto;
}
.hhc-btn {
display: inline-block;
background: var(–hhc-red);
color: #fff !important;
padding: 14px 30px;
font-size: 12px;
font-weight: 800;
text-transform: uppercase;
text-decoration: none;
border: 0;
border-radius: 0;
letter-spacing: .02em;
line-height: 1;
cursor: pointer;
}
.hhc-btn:hover {
background: var(–hhc-red-dark);
color: #fff !important;
}
.hhc-section {
padding: 56px 0;
}
.hhc-section-title {
margin: 0 0 14px;
text-align: center;
font-size: 30px;
line-height: 1.2;
font-weight: 900;
text-transform: uppercase;
color: var(–hhc-black);
}
.hhc-section-subtitle {
max-width: 760px;
margin: 0 auto 32px;
text-align: center;
font-size: 16px;
line-height: 1.7;
color: var(–hhc-muted);
}
/* HERO */
.hhc-stepup-hero {
position: relative;
min-height: 480px;
display: flex;
align-items: center;
background-image:
linear-gradient(rgba(0,0,0,.48), rgba(0,0,0,.48)),
url(“PASTE-HERO-IMAGE-URL-HERE”);
background-size: cover;
background-position: center;
color: #fff;
}
.hhc-stepup-hero__content {
max-width: 730px;
padding: 80px 0;
}
.hhc-stepup-eyebrow {
display: inline-block;
margin-bottom: 16px;
padding: 8px 12px;
background: rgba(205,65,45,.92);
color: #fff;
font-size: 11px;
font-weight: 900;
text-transform: uppercase;
letter-spacing: .08em;
}
.hhc-stepup-hero h1 {
margin: 0 0 18px;
color: #fff;
font-size: 46px;
line-height: 1.12;
font-weight: 900;
font-style: italic;
}
.hhc-stepup-hero p {
max-width: 640px;
margin: 0 0 26px;
color: #fff;
font-size: 16px;
line-height: 1.7;
font-style: italic;
}
/* INTRO */
.hhc-intro {
background: #fff;
}
.hhc-copy-box {
max-width: 900px;
margin: 0 auto;
text-align: center;
}
.hhc-copy-box p {
margin: 0 0 18px;
font-size: 16px;
line-height: 1.75;
color: var(–hhc-text);
}
/* COURSES */
.hhc-courses {
background: var(–hhc-soft);
}
.hhc-course-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 22px;
margin-top: 34px;
}
.hhc-course-card {
background: #fff;
border: 1px solid var(–hhc-border);
padding: 26px 22px;
min-height: 100%;
}
.hhc-course-card h3 {
margin: 0 0 14px;
font-size: 21px;
line-height: 1.25;
font-weight: 900;
text-align: center;
color: var(–hhc-black);
}
.hhc-course-card p {
margin: 0 0 16px;
font-size: 14px;
line-height: 1.65;
color: var(–hhc-text);
}
.hhc-course-card ul {
margin: 0;
padding-left: 19px;
}
.hhc-course-card li {
margin: 0 0 8px;
font-size: 14px;
line-height: 1.55;
}
.hhc-course-label {
display: block;
margin: 18px 0 8px;
font-size: 12px;
font-weight: 900;
text-transform: uppercase;
color: var(–hhc-red);
}
/* EMA STEPS */
.hhc-ema {
background: #fff;
}
.hhc-steps {
max-width: 820px;
margin: 32px auto 0;
counter-reset: step;
}
.hhc-step {
position: relative;
display: grid;
grid-template-columns: 54px 1fr;
gap: 18px;
align-items: start;
padding: 18px 0;
border-bottom: 1px solid var(–hhc-border);
}
.hhc-step:last-child {
border-bottom: 0;
}
.hhc-step::before {
counter-increment: step;
content: counter(step);
width: 44px;
height: 44px;
display: grid;
place-items: center;
background: var(–hhc-red);
color: #fff;
font-size: 17px;
font-weight: 900;
}
.hhc-step p {
margin: 0;
font-size: 15px;
line-height: 1.65;
}
.hhc-search-term {
display: inline-block;
padding: 4px 8px;
background: #000;
color: #fff;
font-weight: 800;
}
/* FORM SECTION */
.hhc-register {
position: relative;
background-image:
linear-gradient(rgba(0,0,0,.62), rgba(0,0,0,.62)),
url(“PASTE-ROBOTICS-OR-CLASSROOM-IMAGE-URL-HERE”);
background-size: cover;
background-position: center;
color: #fff;
}
.hhc-register .hhc-section-title,
.hhc-register .hhc-section-subtitle {
color: #fff;
}
.hhc-form-card {
max-width: 760px;
margin: 34px auto 0;
background: rgba(255,255,255,.94);
padding: 30px;
color: var(–hhc-text);
}
.hhc-form-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 18px;
}
.hhc-form-field {
display: flex;
flex-direction: column;
}
.hhc-form-field.full {
grid-column: 1 / -1;
}
.hhc-form-field label {
margin-bottom: 7px;
font-size: 13px;
font-weight: 900;
color: #000;
}
.hhc-form-field input,
.hhc-form-field select,
.hhc-form-field textarea {
width: 100%;
border: 1px solid #ccc;
background: #fff;
padding: 13px 12px;
font-size: 14px;
font-family: inherit;
color: #111;
}
.hhc-form-note {
margin: 16px 0 22px;
font-size: 13px;
line-height: 1.55;
color: #333;
}
/* FAQ */
.hhc-faq {
background: #fff;
}
.hhc-faq-list {
max-width: 860px;
margin: 32px auto 0;
}
.hhc-faq-item {
border-bottom: 1px solid var(–hhc-border);
}
.hhc-faq-item summary {
padding: 20px 0;
font-size: 17px;
font-weight: 900;
color: #000;
cursor: pointer;
list-style: none;
}
.hhc-faq-item summary::-webkit-details-marker {
display: none;
}
.hhc-faq-item summary::after {
content: “+”;
float: right;
color: var(–hhc-red);
font-size: 24px;
line-height: 1;
}
.hhc-faq-item[open] summary::after {
content: “–”;
}
.hhc-faq-item p,
.hhc-faq-item ul {
margin: 0 0 20px;
font-size: 15px;
line-height: 1.7;
}
.hhc-final-cta {
padding: 46px 0;
background: #000;
color: #fff;
text-align: center;
}
.hhc-final-cta h2 {
margin: 0 0 12px;
color: #fff;
font-size: 28px;
font-weight: 900;
text-transform: uppercase;
}
.hhc-final-cta p {
max-width: 720px;
margin: 0 auto 24px;
color: #fff;
font-size: 15px;
line-height: 1.7;
}
/* RESPONSIVE */
@media (max-width: 900px) {
.hhc-stepup-hero h1 {
font-size: 38px;
}
.hhc-course-grid {
grid-template-columns: 1fr;
}
}
@media (max-width: 640px) {
.hhc-stepup-hero {
min-height: auto;
}
.hhc-stepup-hero__content {
padding: 64px 0;
}
.hhc-stepup-hero h1 {
font-size: 32px;
}
.hhc-section {
padding: 44px 0;
}
.hhc-section-title {
font-size: 25px;
}
.hhc-form-grid {
grid-template-columns: 1fr;
}
.hhc-form-card {
padding: 22px;
}
.hhc-step {
grid-template-columns: 44px 1fr;
}
}
Florida Scholarship Families
Online STEM Classes for Florida Scholarship & Homeschool Students
Robotics, coding, computing, and digital animation classes available through the Step Up For Students EMA Marketplace.
Start Registration
Online STEM Classes for Florida Scholarship & Homeschool Students
Home Hacker Camp provides engaging online STEM classes available for Florida homeschool families and students using scholarship programs through Step Up For Students. As a direct STEP Up for Students provider, homeschool scholarship families can order Home Hacker Camp’s Online Robotics & Coding classes directly from the EMA Marketplace.
Our hands-on, project-based classes help students build real-world technology skills through robotics, programming, computing, and digital creativity — all in a flexible online learning environment.
Whether your student is just getting started or already loves technology, our courses are designed to encourage and develop creativity, problem-solving, and confidence in STEM learning.
View STEP Up Courses
Florida Scholarship Eligible Online Classes
We offer the following online classes for Florida scholarship students as a direct provider through the EMA Marketplace.
Robotics & Programming
Students build their own personal robot that they get to keep. They learn coding, robotics concepts, logical thinking, and engineering fundamentals through guided online lessons completed at their own pace.
Students new to Robotics & Programming or students with some experience will build knowledge and confidence.
Self-Paced Option For:
- Independent learners
- Homeschool flexibility
Live Instructor-Led Zoom For:
- Students who enjoy live instruction
- Collaborative learners who like to work with other students
- Families seeking structured STEM enrichment
Intro to Computing
A beginner-friendly course introducing students to essential computer and technology skills.
Students Learn:
- Core computer concepts including hardware and software
- Digital literacy
- Internet knowledge, tips, and safety
- Troubleshooting
- Productivity tips and tricks
Intro to 2D Digital Animation
Students learn the fundamentals of digital animation, storytelling, motion design, and creative technology using beginner-friendly software and guided projects.
Great For Students Interested In:
- Animation
- Art and technology
- Digital creativity
- Game and media design
How to Register Using the EMA Marketplace
Families using Florida scholarship funds can register through the EMA Marketplace provided by Step Up For Students.
Log into your EMA Marketplace account.
Search for: Home Hacker Camp
Select the class you would like to purchase: Robotics & Programming Self-Paced, Robotics & Programming Live Zoom Class, Intro to Computing, or Intro to 2D Digital Animation.
Add the class to your cart.
Submit your scholarship purchase request through EMA.
After submitting your order, complete the short form below so we can match your EMA order with your student registration.
Home Hacker Camp – Sign Up Form
After submitting your EMA order, please complete this short form so Home Hacker Camp can match your order with your student registration.
FAQ
Are your classes eligible through Florida scholarship programs?
Yes. Eligible families may use approved Florida scholarship funds through the EMA Marketplace.
Are classes live or self-paced?
We offer both self-paced online courses and live instructor-led Zoom classes.
Are your classes homeschool friendly?
Yes. Our online STEM classes are designed specifically to support homeschool and scholarship families with flexible learning options.
What age groups are your classes designed for?
Our classes are beginner-friendly and appropriate for a range of elementary, middle school, and early high school students.
What technology does my student need?
Students generally need:
- A computer or laptop
- Internet access
- Zoom access for live classes
Ready to Register?
Search for Home Hacker Camp inside the EMA Marketplace, submit your scholarship purchase request, and complete the registration form so we can match your order.
Complete Sign Up Form