Portfolio Builder Masterclass
.product-accordion-section * { margin: 0; padding: 0; box-sizing: border-box; } .product-accordion-section { background: transparent; padding: 24px 40px; position: relative; overfl ow: hidden; font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; } .product-accordion-section::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: radial-gradient(circle at 25% 30%, rgba(0, 95, 0, 0.015) 0%, transparent 45%), radial-gradient(circle at 75% 70%, rgba(211, 234, 253, 0.02) 0%, transparent 40%); pointer-events: none; z-index: 1; } .product-accordion-section .section-container { max-width: 1000px; margin: 0 auto; position: relative; z-index: 2; } .accordion-container { margin-top: 30px; } .accordion-item { border-radius: 15px; overflow: hidden; margin-bottom: 15px; border: 2px solid #d3eafd; 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(211, 234, 253, 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: 1000px; 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(211, 234, 253, 0.2); border: 1px solid #d3eafd; border-radius: 10px; padding: 18px; transition: all 0.3s ease; } .info-card-compact:hover { background: rgba(211, 234, 253, 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) { .product-accordion-section { padding: 20px 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) { .product-accordion-section { padding: 16px 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 + Complete Strategic Framework 17 minutes of focused training across 7 strategic modules covering portfolio psychology, presentation, and implementation Punchy Portfolio Checklist Comprehensive quality assurance framework ensuring your portfolio meets professional standards and influences client perception 3 Portfolio-Building Scripts Ethical, relationship-first scripts for securing opportunities to build your portfolio while providing genuine value Portfolio About Page Script Customizable copy framework that focuses on client outcomes and communicates your value proposition clearly Social Media Case Study Template 9-page professional Canva template with step-by-step video walkthrough and 100 proven copy examples Key Features & Benefits + Strategic Approach This is about understanding client psychology and building strategic tools that convert hesitant leads into confident clients ready to invest—not just creating something that looks pretty. 30-Day Portfolio Strategy Includes a proven framework for creating portfolio-worthy examples through strategic sample account management, perfect for new social media managers. Self-Paced Implementation Complete the core training in under 20 minutes, then implement at your own pace using the included templates and strategic frameworks. Frequently Asked Questions + What if I don't have any clients to showcase yet? + This is exactly why I created the 30-day portfolio strategy included in the masterclass. You don't need to wait for the "perfect" client results to start attracting ideal clients. I'll show you how to create portfolio-worthy examples through strategic sample account management, giving you real, tangible proof points that demonstrate your capabilities to potential clients. Think of it as building your foundation while you build your business. Can I get support as I build my portfolio? + You'll receive customizable templates, proven scripts, and strategic frameworks that make portfolio creation straightforward and clear. You can also ask questions directly in the comment section of each module, where I provide guidance to help you implement what you've learned. The masterclass is designed to give you everything you need to move forward with confidence. Is this masterclass really worth the investment? + Here's what I know: you're already doing the strategic work that deserves to be showcased professionally. This masterclass gives you the systematic approach to present that expertise confidently, whether you're just starting your business or you've been managing clients for years. With the templates, scripts, and 30-day strategy included, you're getting everything you need to create a portfolio that positions you as the strategic partner your ideal clients are seeking. The real question is whether you're ready to stop letting portfolio uncertainty hold you back from the opportunities you deserve. How is this different from other portfolio advice I've seen? + A lot of portfolio guidance focuses on making things look pretty or following generic templates. This masterclass approaches portfolio creation through the lens of client psychology and strategic positioning. You'll learn not just what to include, but why certain elements build trust while others undermine your credibility. It's the difference between having a portfolio and having a strategic tool that converts leads into clients. What happens after I complete the masterclass? + You'll have everything you need to create, present, and leverage a portfolio that reflects your expertise level. The templates and scripts are yours to use and customize as your business grows. More importantly, you'll understand the psychology behind effective portfolio presentation, so you can adapt and evolve your approach as you gain more experience and results. This is about building long-term confidence, not just creating a one-time asset. How long does it take to complete? + The masterclass is designed to respect your time and energy. You can complete the core training in under 20 minutes, then implement at your own pace using the included templates and frameworks. This is about strategic efficiency—getting you the insights you need without overwhelming you with unnecessary complexity. You'll know exactly what to do and how to do it, so you can focus on building your business instead of second-guessing your portfolio approach. 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) { const allMainAccordions = document.querySelectorAll('.accordion-container > .accordion-item'); allMainAccordions.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 { const parentContent = accordionItem.closest('.accordion-content'); const siblingAccordions = parentContent.querySelectorAll('.accordion-item'); siblingAccordions.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 = '×'; } }
