Screenshots
See what this prompt generates across different AI tools
Copy this prompt and paste it into ChatGPT or Claude
Create a modern homepage for a coding bootcamp called "LaunchCode Academy" that teaches full-stack web development, data science, and UX design. The site should feel ambitious, trustworthy, and outcome-driven.
1. ANNOUNCEMENT BAR
- "Applications for Summer 2026 cohort now open — Classes start June 15"
- Dismissible with X icon
- Background: #4F46E5 (indigo) with white text
2. NAVIGATION HEADER
- Logo: "LaunchCode Academy" with rocket icon
- Links: Programs, Outcomes, Admissions, Financing, Blog, Contact
- CTA button: "Apply Now" (solid indigo)
- Sticky on scroll with white background and subtle shadow
3. HERO SECTION
- Split layout: left side content, right side image of diverse students collaborating at laptops
- Headline: "Launch Your Tech Career in 12 Weeks"
- Subheadline: "Intensive, project-based bootcamps in Full-Stack Development, Data Science, and UX Design. No experience required."
- Primary CTA: "Explore Programs" (solid button)
- Secondary CTA: "Attend a Free Info Session" (outlined button)
- Small trust badge row below CTAs: "4.8★ on Course Report" · "Licensed by State Board of Education" · "1,200+ Graduates"
4. OUTCOMES STATS BAR (full-width dark background #1E1B4B)
- 4 key metrics with animated count-up on scroll:
- 93% Job Placement Rate
- $78K Average Starting Salary
- 1,200+ Graduates Hired
- 300+ Hiring Partners
- Small disclaimer link: "See our audited outcomes report →"
5. PROGRAM TRACKS (3-column card grid)
- Card 1: Full-Stack Web Development
- Duration: 12 weeks full-time / 24 weeks part-time
- Technologies: React, Node.js, PostgreSQL, AWS
- Projects: 5 portfolio projects + capstone
- Tuition: $14,900
- "Learn More →" link
- Card 2: Data Science & Analytics
- Duration: 12 weeks full-time / 24 weeks part-time
- Technologies: Python, SQL, TensorFlow, Tableau
- Projects: 4 portfolio projects + capstone
- Tuition: $13,900
- "Learn More →" link
- Card 3: UX Design
- Duration: 10 weeks full-time / 20 weeks part-time
- Technologies: Figma, Adobe XD, Maze, Hotjar
- Projects: 3 case studies + capstone
- Tuition: $11,900
- "Learn More →" link
- Each card has a colored top border (blue, green, purple), icon, and hover lift effect
- "Compare All Programs" link below
6. HOW IT WORKS (horizontal timeline, 4 steps)
- Step 1: "Apply Online" — "Submit your application in 15 minutes. No coding experience needed."
- Step 2: "Interview & Prep" — "Meet with admissions + complete a 2-week prep module."
- Step 3: "Immersive Learning" — "Full-time classes with live instruction, pair programming, and daily projects."
- Step 4: "Career Launch" — "Dedicated career coach, resume review, mock interviews, and hiring partner introductions."
- Connected by a dotted progress line with numbered circles
- Each step has an illustrative icon
7. STUDENT TESTIMONIALS (2-column grid)
- Testimonial 1: Photo, "I went from bartender to software engineer in 4 months. LaunchCode gave me the structure and support I needed." — Maria Chen, Full-Stack Graduate, now at Shopify
- Testimonial 2: Photo, "The data science curriculum was incredibly hands-on. I was building real models by week 3." — Jamal Williams, Data Science Graduate, now at Capital One
- Testimonial 3: Photo, "Career services made all the difference. I had 3 offers within a month of graduating." — Priya Patel, UX Design Graduate, now at IBM
- Testimonial 4: Photo, "The part-time track let me keep my job while transitioning into tech." — Alex Rivera, Full-Stack Graduate, now at Stripe
- Each card: student photo (circular), quote, name, program, current employer with company logo
8. HIRING PARTNERS SECTION
- Headline: "Our Graduates Work At"
- Logo carousel: Google, Amazon, Shopify, Stripe, Capital One, IBM, Deloitte, Accenture (8 logos)
- Auto-scrolling with pause on hover
- Grayscale logos that colorize on hover
9. FINANCING OPTIONS (3-column layout)
- Option 1: "Pay Upfront" — Save $1,000 on tuition — "Best value"
- Option 2: "Monthly Installments" — 12 monthly payments, 0% interest
- Option 3: "Income Share Agreement" — Pay nothing until you earn $50K+ — "Most popular" badge
- "Learn About Financing →" link below
- Small text: "GI Bill® and MyCAA accepted. Scholarships available for underrepresented groups."
10. UPCOMING INFO SESSIONS (event cards, horizontal row)
- "Free Online Info Session — Wed, March 19 at 7:00 PM EST" — "Register" button
- "Campus Tour & Q&A — Sat, March 22 at 10:00 AM EST" — "Register" button
- "Intro to Coding Workshop (Free) — Thu, March 27 at 6:30 PM EST" — "Register" button
- Calendar icon on each card with date prominently displayed
11. FAQ ACCORDION
- "Do I need prior coding experience?" → "No! Our programs are designed for complete beginners..."
- "What is the class schedule?" → "Full-time: Mon-Fri 9AM-5PM. Part-time: Tue/Thu evenings + Saturdays..."
- "What happens if I don't get a job?" → "Our ISA means you don't pay until you're hired earning $50K+..."
- "Can I visit the campus?" → "Yes! We offer campus tours every Saturday..."
- 6-8 questions total, expand/collapse with + icon
12. FINAL CTA SECTION (full-width gradient background, indigo to purple)
- Headline: "Your New Career Starts Here"
- Subheadline: "Applications are rolling. Secure your spot in the next cohort."
- Large "Apply Now — It's Free" button (white text on dark)
- Below: "Or call us at (555) 412-8900"
13. FOOTER
- 4 columns: Programs, Admissions, Resources, Company
- Social links: LinkedIn, Twitter, YouTube, Instagram
- "Download Syllabus" links for each program
- Blog link, press page, careers at LaunchCode
- Accreditation badges
- © 2026 LaunchCode Academy. All rights reserved.
Design: Clean, professional with high trust signals. Primary: #4F46E5 (indigo), secondary: #7C3AED (purple), dark text: #1E1B4B, light backgrounds: #F5F3FF. Typography: Plus Jakarta Sans for headings (bold), Inter for body. Cards with 12px border-radius and subtle shadows. Generous white space.
Responsive: On mobile, program cards stack vertically, timeline switches to vertical layout, stats bar becomes 2x2 grid, testimonials stack to single column. Sticky mobile CTA bar at bottom: "Apply Now". How to use this prompt
- 1 Click the "Copy Prompt" button above to copy the full prompt to your clipboard
- 2 Open ChatGPT, Claude, or your preferred AI assistant
- 3 Paste the prompt and customize any placeholder text (like product names or brand colors)
- 4 Let the AI generate your website code or design specifications
About this Education Prompt
This Coding Bootcamp Homepage prompt is designed to help you quickly create professional education websites using AI tools like ChatGPT, Claude, v0 by Vercel, Cursor, and Bolt.new.
Whether you're a developer, designer, or entrepreneur, this free AI prompt gives you a head start on building coding bootcamp homepage. Simply copy the prompt, paste it into your favorite AI coding assistant, and customize it to match your brand.
Compatible AI Tools
- ChatGPT (GPT-4) - Great for detailed code generation and explanations
- Claude 3 - Excellent for complex, nuanced website designs
- v0 by Vercel - Perfect for React and Next.js components
- Cursor - Ideal for AI-powered coding in your IDE
- Bolt.new - Quick prototyping and full-stack apps
- Lovable - User-friendly AI website builder
Tags
Homepage Bootcamp Enrollment Education AI Prompt Free Template Website Builder Web Design Copy Paste Prompt