Content Design Masterclass
.accordion-section * { margin: 0; padding: 0; box-sizing: border-box; } .accordion-section { padding: 40px; font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', R oboto, sans-serif; } .accordion-section .section-container { max-width: 1000px; margin: 0 auto; } .accordion-container { margin-top: 0; } .accordion-item { border-radius: 15px; overflow: hidden; margin-bottom: 15px; border: 2px solid #ddd8ff; transition: all 0.3s ease; background: white; box-shadow: 0 4px 15px rgba(0, 95, 0, 0.06); } .accordion-item:hover { border-color: #a3cc98; box-shadow: 0 6px 20px rgba(0, 95, 0, 0.1); } .accordion-button { width: 100%; background: transparent; border: none; padding: 20px 25px; text-align: left; cursor: pointer; transition: all 0.3s ease; display: flex; justify-content: space-between; align-items: center; position: relative; } .accordion-button:hover { background: rgba(221, 216, 255, 0.1); } .accordion-button.active { background: rgba(163, 204, 152, 0.1); } .accordion-title { color: #005f00; font-size: 1.3rem; font-weight: 600; line-height: 1.3; margin: 0; padding-right: 20px; } .accordion-icon { color: #005f00; font-size: 1.4rem; font-weight: 300; transition: transform 0.3s ease; flex-shrink: 0; } .accordion-button.active .accordion-icon { transform: rotate(45deg); } .accordion-content { max-height: 0; overflow: hidden; transition: max-height 0.4s ease, padding 0.4s ease; background: white; } .accordion-content.active { max-height: 1200px; padding: 0 25px 25px 25px; } .included-list { list-style: none; margin-top: 15px; } .included-item { display: flex; align-items: flex-start; padding: 12px 0; border-bottom: 1px solid rgba(163, 204, 152, 0.15); } .included-item:last-child { border-bottom: none; } .checkmark { width: 20px; height: 20px; background: linear-gradient(135deg, #005f00, #a3cc98); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 12px; flex-shrink: 0; margin-top: 2px; } .checkmark::before { content: '✓'; color: white; font-weight: bold; font-size: 0.8rem; } .item-content { flex: 1; } .item-title { color: #005f00; font-size: 0.95rem; font-weight: 600; margin-bottom: 4px; } .item-description { color: #005f00; font-size: 0.85rem; opacity: 0.8; line-height: 1.4; } .info-cards-grid { display: grid; grid-template-columns: 1fr; gap: 15px; margin-top: 15px; } .info-card-compact { background: rgba(221, 216, 255, 0.2); border: 1px solid #ddd8ff; border-radius: 10px; padding: 18px; transition: all 0.3s ease; } .info-card-compact:hover { background: rgba(221, 216, 255, 0.3); transform: translateY(-2px); } .card-title-compact { color: #005f00; font-size: 1.1rem; font-weight: 600; margin-bottom: 10px; } .card-content-compact { color: #005f00; font-size: 0.9rem; line-height: 1.5; opacity: 0.85; } .faq-answer { color: #005f00; font-size: 0.95rem; line-height: 1.6; opacity: 0.9; margin-top: 15px; } @media (max-width: 768px) { .accordion-section { padding: 30px 20px; } .accordion-button { padding: 18px 20px; } .accordion-title { font-size: 1.2rem; } .accordion-content.active { padding: 0 20px 20px 20px; } .info-cards-grid { gap: 12px; } .info-card-compact { padding: 15px; } } @media (max-width: 480px) { .accordion-section { padding: 20px 15px; } .accordion-button { padding: 16px 18px; } .accordion-title { font-size: 1.1rem; padding-right: 15px; } .accordion-icon { font-size: 1.2rem; } .accordion-content.active { padding: 0 18px 18px 18px; } } What's Included + Creating Content That the Algorithms Love Detailed training on how algorithms work and each element you need to maximize as a social media manager across all platforms Mastering Graphic Design for Social Media Essential design principles including balance, positioning, colors, and typography with practice exercises for each concept Using Canva As A Social Media Manager Shanté's favorite Canva shortcuts, tools, and features for creating high-quality content quickly with practice exercises Planning A Social Media Feed Like a Pro Aesthetic brainstorming, color palette creation, and sustainable grid planning for any industry with practice exercise Mastering Copywriting for Social Media Ice-cream sandwich method, hooks, power words, and formatting for compelling copy with practice exercise Mastering Short-Form Video Editing for Social Media Video formats, editing best practices, and pacing principles for maximum engagement with practice exercise 30 Hook Ideas and 30 Call to Actions Plug-and-play content ideas for creating scroll-stopping content across different industries and campaign objectives Key Features & Benefits + Comprehensive Creative Training Master all four essential content creation skills: graphic design principles, copywriting techniques, video editing workflows, and efficient Canva workflows in one complete masterclass. Hands-On Practice Exercises Apply what you learn immediately with practice exercises for each module, ensuring you master skills through practical application rather than just theoretical learning. Algorithm-Friendly Content Strategy Learn platform-specific strategies that work with algorithms across all social media platforms, creating content that performs well and gets maximum visibility. Professional Design Principles Master formal design principles typically taught in graphic design school, elevating your work beyond self-taught basics with professional composition and visual hierarchy techniques. Frequently Asked Questions + When does the program start? + This is a self-paced masterclass that is always enrolling. You'll get immediate access to all training modules, practice exercises, and resources as soon as you join. Is this just a graphic design course? + No! While graphic design is one component, the Content Design Masterclass is a comprehensive program covering four essential skill areas: graphic design principles, copywriting for social media, short-form video editing, and efficient content creation workflows. You'll master the complete content creation process from concept to final delivery. I'm already self-taught in design - will I still learn something? + Absolutely! Even if you have design experience, this masterclass teaches formal design principles and methods typically learned in graphic design school that aren't commonly found elsewhere. You'll learn professional techniques for balance, positioning, typography, and composition that will elevate your work beyond self-taught basics. What will happen once I enroll? + You'll be able to access the full masterclass immediately with lifetime access to all training modules, practice exercises, and resources. You'll also receive the 30 Hook Ideas and 30 Call to Actions resource to start creating scroll-stopping content right away. Will this teach me how to create content, marketing strategies and analyze client insights? + This particular masterclass focuses on the creative skills needed to create better-performing content for clients: graphic design principles, using Canva efficiently, writing compelling copy and captions, and editing short-form video for strong engagement. So yes — it teaches you how to create content. Marketing strategy and analyzing client insights are each covered in their own masterclasses (Marketing Strategy Masterclass and Metrics & Reporting Masterclass). What other masterclasses are available? + There's a full library of masterclasses, each focused on a different part of running a social media management business: Becoming a Successful Freelance Social Media Manager, Setup & Workflow Management Masterclass, Booking Clients Masterclass, Portfolio Builder Masterclass, Pricing & Packages Masterclass, Marketing Strategy Masterclass, Content Design Masterclass, and the Metrics & Reporting Masterclass. function toggleAccordion(button) { const accordionItem = button.parentElement; const content = accordionItem.querySelector('.accordion-content'); const icon = button.querySelector('.accordion-icon'); const isNested = accordionItem.parentElement.classList.contains('accordion-content'); if (!isNested) { document.querySelectorAll('.accordion-container > .accordion-item').forEach(item => { if (item !== accordionItem) { item.querySelector('.accordion-button').classList.remove('active'); item.querySelector('.accordion-content').classList.remove('active'); item.querySelector('.accordion-icon').textContent = '+'; } }); } else { accordionItem.closest('.accordion-content').querySelectorAll('.accordion-item').forEach(item => { if (item !== accordionItem) { item.querySelector('.accordion-button').classList.remove('active'); item.querySelector('.accordion-content').classList.remove('active'); item.querySelector('.accordion-icon').textContent = '+'; } }); } const isActive = button.classList.contains('active'); if (isActive) { button.classList.remove('active'); content.classList.remove('active'); icon.textContent = '+'; } else { button.classList.add('active'); content.classList.add('active'); icon.textContent = '×'; } }
