Guida al Corso di Orientamento al Lavoro<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;600;700&family=Source+Sans+Pro:wght@300;400;600;700&display=swap\" rel=\"stylesheet\">\n <style>\n :root {\n --primary: #1a365d;\n --secondary: #2c5282;\n --accent: #ed8936;\n --accent-light: #fbd38d;\n --bg-warm: #fffaf0;\n --bg-card: #ffffff;\n --text-dark: #2d3748;\n --text-light: #718096;\n --modulo1: #3182ce;\n --modulo2: #38a169;\n --modulo3: #d69e2e;\n --modulo4: #e53e3e;\n --modulo5: #805ad5;\n --shadow: 0 10px 40px rgba(0,0,0,0.1);\n --shadow-hover: 0 20px 60px rgba(0,0,0,0.15);\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Source Sans Pro', sans-serif;\n background: var(--bg-warm);\n color: var(--text-dark);\n line-height: 1.7;\n overflow-x: hidden;\n }\n\n \/* Header *\/\n .hero {\n background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);\n color: white;\n padding: 80px 20px;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n\n .hero::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 60%);\n animation: pulse 15s ease-in-out infinite;\n }\n\n @keyframes pulse {\n 0%, 100% { transform: scale(1); opacity: 0.5; }\n 50% { transform: scale(1.2); opacity: 0.8; }\n }\n\n .hero-content {\n position: relative;\n z-index: 1;\n max-width: 900px;\n margin: 0 auto;\n }\n\n .hero h1 {\n font-family: 'Playfair Display', serif;\n font-size: clamp(2.5rem, 6vw, 4rem);\n font-weight: 700;\n margin-bottom: 20px;\n letter-spacing: -1px;\n }\n\n .hero-subtitle {\n font-size: 1.3rem;\n opacity: 0.9;\n margin-bottom: 30px;\n font-weight: 300;\n }\n\n .hero-badge {\n display: inline-block;\n background: var(--accent);\n color: white;\n padding: 10px 25px;\n border-radius: 50px;\n font-weight: 600;\n font-size: 0.95rem;\n animation: float 3s ease-in-out infinite;\n }\n\n @keyframes float {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-10px); }\n }\n\n \/* Navigation *\/\n .nav-container {\n background: var(--bg-card);\n box-shadow: 0 2px 20px rgba(0,0,0,0.08);\n position: sticky;\n top: 0;\n z-index: 100;\n }\n\n .nav {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n display: flex;\n overflow-x: auto;\n scrollbar-width: none;\n }\n\n .nav::-webkit-scrollbar {\n display: none;\n }\n\n .nav-item {\n padding: 18px 25px;\n cursor: pointer;\n font-weight: 600;\n font-size: 0.9rem;\n white-space: nowrap;\n border-bottom: 3px solid transparent;\n transition: all 0.3s ease;\n color: var(--text-light);\n }\n\n .nav-item:hover, .nav-item.active {\n color: var(--primary);\n border-bottom-color: var(--accent);\n }\n\n .nav-item[data-module=\"1\"] { border-left: 4px solid var(--modulo1); }\n .nav-item[data-module=\"2\"] { border-left: 4px solid var(--modulo2); }\n .nav-item[data-module=\"3\"] { border-left: 4px solid var(--modulo3); }\n .nav-item[data-module=\"4\"] { border-left: 4px solid var(--modulo4); }\n .nav-item[data-module=\"5\"] { border-left: 4px solid var(--modulo5); }\n\n \/* Main Content *\/\n .main {\n max-width: 1200px;\n margin: 0 auto;\n padding: 60px 20px;\n }\n\n \/* Section *\/\n .section {\n display: none;\n animation: fadeIn 0.5s ease;\n }\n\n .section.active {\n display: block;\n }\n\n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n .section-header {\n text-align: center;\n margin-bottom: 50px;\n }\n\n .section-title {\n font-family: 'Playfair Display', serif;\n font-size: 2.5rem;\n color: var(--primary);\n margin-bottom: 15px;\n }\n\n .section-desc {\n font-size: 1.1rem;\n color: var(--text-light);\n max-width: 600px;\n margin: 0 auto;\n }\n\n \/* Concept Map *\/\n .concept-map {\n background: var(--bg-card);\n border-radius: 20px;\n padding: 40px;\n box-shadow: var(--shadow);\n margin-bottom: 40px;\n }\n\n .map-title {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n color: var(--primary);\n margin-bottom: 30px;\n text-align: center;\n position: relative;\n }\n\n .map-title::after {\n content: '';\n display: block;\n width: 60px;\n height: 3px;\n background: var(--accent);\n margin: 15px auto 0;\n border-radius: 3px;\n }\n\n \/* Mind Map SVG *\/\n .mindmap-container {\n overflow-x: auto;\n padding: 20px 0;\n }\n\n .mindmap {\n min-width: 800px;\n max-width: 100%;\n }\n\n .mindmap text {\n font-family: 'Source Sans Pro', sans-serif;\n }\n\n \/* Content Cards *\/\n .content-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 25px;\n margin-top: 40px;\n }\n\n .content-card {\n background: var(--bg-card);\n border-radius: 16px;\n padding: 30px;\n box-shadow: var(--shadow);\n transition: all 0.3s ease;\n border-left: 4px solid var(--accent);\n }\n\n .content-card:hover {\n transform: translateY(-5px);\n box-shadow: var(--shadow-hover);\n }\n\n .card-icon {\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, var(--accent-light), var(--accent));\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.5rem;\n margin-bottom: 20px;\n }\n\n .card-title {\n font-family: 'Playfair Display', serif;\n font-size: 1.25rem;\n color: var(--primary);\n margin-bottom: 12px;\n }\n\n .card-text {\n color: var(--text-light);\n font-size: 0.95rem;\n }\n\n .card-text ul {\n margin-top: 10px;\n padding-left: 20px;\n }\n\n .card-text li {\n margin-bottom: 8px;\n }\n\n \/* Tips Box *\/\n .tips-box {\n background: linear-gradient(135deg, var(--accent-light) 0%, #fef3c7 100%);\n border-radius: 16px;\n padding: 30px;\n margin-top: 30px;\n border-left: 5px solid var(--accent);\n }\n\n .tips-title {\n font-weight: 700;\n color: var(--primary);\n margin-bottom: 15px;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n .tips-list {\n list-style: none;\n }\n\n .tips-list li {\n padding: 8px 0;\n padding-left: 25px;\n position: relative;\n }\n\n .tips-list li::before {\n content: '\u2713';\n position: absolute;\n left: 0;\n color: var(--modulo2);\n font-weight: bold;\n }\n\n \/* Accordion *\/\n .accordion {\n margin-top: 30px;\n }\n\n .accordion-item {\n background: var(--bg-card);\n border-radius: 12px;\n margin-bottom: 15px;\n box-shadow: 0 2px 10px rgba(0,0,0,0.05);\n overflow: hidden;\n }\n\n .accordion-header {\n padding: 20px 25px;\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n font-weight: 600;\n color: var(--primary);\n transition: background 0.3s ease;\n }\n\n .accordion-header:hover {\n background: #f7fafc;\n }\n\n .accordion-icon {\n font-size: 1.5rem;\n transition: transform 0.3s ease;\n }\n\n .accordion-item.open .accordion-icon {\n transform: rotate(45deg);\n }\n\n .accordion-content {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.3s ease;\n }\n\n .accordion-item.open .accordion-content {\n max-height: 1000px;\n }\n\n .accordion-inner {\n padding: 0 25px 25px;\n color: var(--text-light);\n }\n\n \/* Checklist *\/\n .checklist {\n background: var(--bg-card);\n border-radius: 16px;\n padding: 30px;\n box-shadow: var(--shadow);\n }\n\n .checklist-title {\n font-family: 'Playfair Display', serif;\n font-size: 1.3rem;\n color: var(--primary);\n margin-bottom: 20px;\n }\n\n .checklist-item {\n display: flex;\n align-items: flex-start;\n gap: 15px;\n padding: 12px 0;\n border-bottom: 1px solid #e2e8f0;\n }\n\n .checklist-item:last-child {\n border-bottom: none;\n }\n\n .checkbox {\n width: 24px;\n height: 24px;\n border: 2px solid var(--accent);\n border-radius: 6px;\n cursor: pointer;\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.2s ease;\n }\n\n .checkbox.checked {\n background: var(--accent);\n color: white;\n }\n\n .checklist-text {\n flex: 1;\n }\n\n .checklist-text.completed {\n text-decoration: line-through;\n opacity: 0.6;\n }\n\n \/* Progress Bar *\/\n .progress-container {\n background: #e2e8f0;\n border-radius: 10px;\n height: 12px;\n margin-top: 20px;\n overflow: hidden;\n }\n\n .progress-bar {\n height: 100%;\n background: linear-gradient(90deg, var(--modulo2), var(--accent));\n border-radius: 10px;\n transition: width 0.5s ease;\n }\n\n .progress-text {\n text-align: center;\n margin-top: 10px;\n font-weight: 600;\n color: var(--primary);\n }\n\n \/* Example Dialog *\/\n .example-box {\n background: #f0fff4;\n border: 2px solid var(--modulo2);\n border-radius: 12px;\n padding: 25px;\n margin: 20px 0;\n }\n\n .example-label {\n background: var(--modulo2);\n color: white;\n padding: 5px 15px;\n border-radius: 20px;\n font-size: 0.85rem;\n font-weight: 600;\n display: inline-block;\n margin-bottom: 15px;\n }\n\n .dialog {\n margin-top: 15px;\n }\n\n .dialog-line {\n padding: 10px 15px;\n margin: 8px 0;\n border-radius: 12px;\n max-width: 85%;\n }\n\n .dialog-interviewer {\n background: #e2e8f0;\n margin-right: auto;\n }\n\n .dialog-candidate {\n background: var(--modulo1);\n color: white;\n margin-left: auto;\n }\n\n .dialog-label {\n font-size: 0.75rem;\n font-weight: 600;\n opacity: 0.7;\n margin-bottom: 5px;\n }\n\n \/* Footer *\/\n .footer {\n background: var(--primary);\n color: white;\n text-align: center;\n padding: 40px 20px;\n margin-top: 60px;\n }\n\n .footer-text {\n opacity: 0.8;\n font-size: 0.9rem;\n }\n\n \/* Responsive *\/\n @media (max-width: 768px) {\n .hero {\n padding: 50px 20px;\n }\n\n .concept-map {\n padding: 20px;\n }\n\n .content-grid {\n grid-template-columns: 1fr;\n }\n }\n\n \/* Print styles *\/\n @media print {\n .nav-container {\n display: none;\n }\n\n .section {\n display: block !important;\n page-break-after: always;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n \n <header class=\"hero\">\n <div class=\"hero-content\">\n <h1>Guida al Corso di Orientamento al Lavoro<\/h1>\n <p class=\"hero-subtitle\">Un percorso completo per prepararti al mondo del lavoro: dall’email al colloquio<\/p>\n <span class=\"hero-badge\">📚 40 Lezioni \u2022 5 Moduli \u2022 80 Ore<\/span>\n <\/div>\n <\/header>\n\n \n <nav class=\"nav-container\">\n <div class=\"nav\">\n <div class=\"nav-item active\" data-module=\"1\" onclick=\"showSection('modulo1')\">📧 Modulo 1: Email<\/div>\n <div class=\"nav-item\" data-module=\"2\" onclick=\"showSection('modulo2')\">📄 Modulo 2: CV<\/div>\n <div class=\"nav-item\" data-module=\"3\" onclick=\"showSection('modulo3')\">🔍 Modulo 3: Piattaforme<\/div>\n <div class=\"nav-item\" data-module=\"4\" onclick=\"showSection('modulo4')\">🤝 Modulo 4: Colloquio<\/div>\n <div class=\"nav-item\" data-module=\"5\" onclick=\"showSection('modulo5')\">🎭 Modulo 5: Simulazioni<\/div>\n <\/div>\n <\/nav>\n\n \n <main class=\"main\">\n\n \n <section id=\"modulo1\" class=\"section active\">\n <div class=\"section-header\">\n <h2 class=\"section-title\">Modulo 1: Comunicazione Digitale<\/h2>\n <p class=\"section-desc\">Impara a usare l’email in modo professionale per comunicare con i datori di lavoro<\/p>\n <\/div>\n\n \n <div class=\"concept-map\">\n <h3 class=\"map-title\">Mappa Concettuale: L’Email Professionale<\/h3>\n <div class=\"mindmap-container\">\n <svg class=\"mindmap\" viewBox=\"0 0 900 500\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n \n <ellipse cx=\"450\" cy=\"250\" rx=\"100\" ry=\"50\" fill=\"#3182ce\" opacity=\"0.9\"\/>\n <text x=\"450\" y=\"255\" text-anchor=\"middle\" fill=\"white\" font-size=\"18\" font-weight=\"bold\">EMAIL<\/text>\n <text x=\"450\" y=\"275\" text-anchor=\"middle\" fill=\"white\" font-size=\"12\">Posta Elettronica<\/text>\n \n \n <path d=\"M 350 250 Q 250 200 150 150\" stroke=\"#38a169\" stroke-width=\"3\" fill=\"none\"\/>\n <ellipse cx=\"120\" cy=\"120\" rx=\"90\" ry=\"40\" fill=\"#38a169\" opacity=\"0.85\"\/>\n <text x=\"120\" y=\"115\" text-anchor=\"middle\" fill=\"white\" font-size=\"14\" font-weight=\"bold\">CREARE<\/text>\n <text x=\"120\" y=\"135\" text-anchor=\"middle\" fill=\"white\" font-size=\"12\">Account Gmail<\/text>\n \n \n <line x1=\"60\" y1=\"80\" x2=\"40\" y2=\"50\" stroke=\"#38a169\" stroke-width=\"2\"\/>\n <text x=\"40\" y=\"40\" text-anchor=\"middle\" fill=\"#2d3748\" font-size=\"11\">Nome professionale<\/text>\n \n <line x1=\"120\" y1=\"80\" x2=\"120\" y2=\"40\" stroke=\"#38a169\" stroke-width=\"2\"\/>\n <text x=\"120\" y=\"30\" text-anchor=\"middle\" fill=\"#2d3748\" font-size=\"11\">Password sicura<\/text>\n \n <line x1=\"180\" y1=\"80\" x2=\"200\" y2=\"50\" stroke=\"#38a169\" stroke-width=\"2\"\/>\n <text x=\"220\" y=\"40\" text-anchor=\"middle\" fill=\"#2d3748\" font-size=\"11\">Recupero account<\/text>\n \n \n <path d=\"M 550 220 Q 650 180 750 140\" stroke=\"#d69e2e\" stroke-width=\"3\" fill=\"none\"\/>\n <ellipse cx=\"780\" cy=\"110\" rx=\"80\" ry=\"40\" fill=\"#d69e2e\" opacity=\"0.85\"\/>\n <text x=\"780\" y=\"105\" text-anchor=\"middle\" fill=\"white\" font-size=\"14\" font-weight=\"bold\">LEGGERE<\/text>\n <text x=\"780\" y=\"125\" text-anchor=\"middle\" fill=\"white\" font-size=\"12\">Email ricevute<\/text>\n \n \n <line x1=\"820\" y1=\"70\" x2=\"850\" y2=\"40\" stroke=\"#d69e2e\" stroke-width=\"2\"\/>\n <text x=\"860\" y=\"30\" text-anchor=\"end\" fill=\"#2d3748\" font-size=\"11\">Posta in arrivo<\/text>\n \n <line x1=\"850\" y1=\"110\" x2=\"880\" y2=\"110\" stroke=\"#d69e2e\" stroke-width=\"2\"\/>\n <text x=\"885\" y=\"115\" fill=\"#2d3748\" font-size=\"11\">Spam<\/text>\n \n \n <path d=\"M 550 280 Q 650 320 750 360\" stroke=\"#e53e3e\" stroke-width=\"3\" fill=\"none\"\/>\n <ellipse cx=\"780\" cy=\"390\" rx=\"80\" ry=\"40\" fill=\"#e53e3e\" opacity=\"0.85\"\/>\n <text x=\"780\" y=\"385\" text-anchor=\"middle\" fill=\"white\" font-size=\"14\" font-weight=\"bold\">SCRIVERE<\/text>\n <text x=\"780\" y=\"405\" text-anchor=\"middle\" fill=\"white\" font-size=\"12\">Email professionali<\/text>\n \n \n <line x1=\"850\" y1=\"370\" x2=\"880\" y2=\"350\" stroke=\"#e53e3e\" stroke-width=\"2\"\/>\n <text x=\"885\" y=\"345\" fill=\"#2d3748\" font-size=\"11\">Oggetto chiaro<\/text>\n \n <line x1=\"850\" y1=\"390\" x2=\"880\" y2=\"390\" stroke=\"#e53e3e\" stroke-width=\"2\"\/>\n <text x=\"885\" y=\"395\" fill=\"#2d3748\" font-size=\"11\">Saluto formale<\/text>\n \n <line x1=\"850\" y1=\"410\" x2=\"880\" y2=\"430\" stroke=\"#e53e3e\" stroke-width=\"2\"\/>\n <text x=\"885\" y=\"440\" fill=\"#2d3748\" font-size=\"11\">Firma<\/text>\n \n \n <path d=\"M 350 280 Q 250 320 150 360\" stroke=\"#805ad5\" stroke-width=\"3\" fill=\"none\"\/>\n <ellipse cx=\"120\" cy=\"390\" rx=\"85\" ry=\"40\" fill=\"#805ad5\" opacity=\"0.85\"\/>\n <text x=\"120\" y=\"385\" text-anchor=\"middle\" fill=\"white\" font-size=\"14\" font-weight=\"bold\">ORGANIZZARE<\/text>\n <text x=\"120\" y=\"405\" text-anchor=\"middle\" fill=\"white\" font-size=\"12\">La casella<\/text>\n \n \n <line x1=\"50\" y1=\"420\" x2=\"30\" y2=\"450\" stroke=\"#805ad5\" stroke-width=\"2\"\/>\n <text x=\"30\" y=\"465\" text-anchor=\"middle\" fill=\"#2d3748\" font-size=\"11\">Cartelle<\/text>\n \n <line x1=\"120\" y1=\"430\" x2=\"120\" y2=\"470\" stroke=\"#805ad5\" stroke-width=\"2\"\/>\n <text x=\"120\" y=\"485\" text-anchor=\"middle\" fill=\"#2d3748\" font-size=\"11\">Etichette<\/text>\n \n <line x1=\"190\" y1=\"420\" x2=\"210\" y2=\"450\" stroke=\"#805ad5\" stroke-width=\"2\"\/>\n <text x=\"220\" y=\"465\" text-anchor=\"middle\" fill=\"#2d3748\" font-size=\"11\">Cestino<\/text>\n \n \n <path d=\"M 450 300 Q 450 380 450 420\" stroke=\"#3182ce\" stroke-width=\"3\" fill=\"none\"\/>\n <ellipse cx=\"450\" cy=\"450\" rx=\"75\" ry=\"35\" fill=\"#3182ce\" opacity=\"0.85\"\/>\n <text x=\"450\" y=\"455\" text-anchor=\"middle\" fill=\"white\" font-size=\"14\" font-weight=\"bold\">ALLEGATI<\/text>\n \n <line x1=\"380\" y1=\"470\" x2=\"350\" y2=\"490\" stroke=\"#3182ce\" stroke-width=\"2\"\/>\n <text x=\"340\" y=\"500\" text-anchor=\"end\" fill=\"#2d3748\" font-size=\"11\">CV in PDF<\/text>\n \n <line x1=\"520\" y1=\"470\" x2=\"550\" y2=\"490\" stroke=\"#3182ce\" stroke-width=\"2\"\/>\n <text x=\"560\" y=\"500\" fill=\"#2d3748\" font-size=\"11\">Documenti<\/text>\n <\/svg>\n <\/div>\n <\/div>\n\n \n <div class=\"content-grid\">\n <div class=\"content-card\">\n <div class=\"card-icon\">📧<\/div>\n <h4 class=\"card-title\">Cos’\u00e8 l’Email?<\/h4>\n <p class=\"card-text\">\n L’email (posta elettronica) \u00e8 come una lettera digitale. Puoi inviarla istantaneamente a chiunque nel mondo.\n <ul>\n <li>\u00c8 gratuita<\/li>\n <li>Arriva in pochi secondi<\/li>\n <li>Puoi allegare documenti<\/li>\n <li>Rimane salvata per sempre<\/li>\n <\/ul>\n <\/p>\n <\/div>\n\n <div class=\"content-card\">\n <div class=\"card-icon\">🔐<\/div>\n <h4 class=\"card-title\">Creare un Account Gmail<\/h4>\n <p class=\"card-text\">\n Gmail \u00e8 il servizio email di Google, gratuito e facile da usare.\n <ul>\n <li>Vai su gmail.com<\/li>\n <li>Clicca “Crea account”<\/li>\n <li>Scegli un nome professionale (es: nome.cognome@gmail.com)<\/li>\n <li>Crea una password sicura<\/li>\n <\/ul>\n <\/p>\n <\/div>\n\n <div class=\"content-card\">\n <div class=\"card-icon\">✍️<\/div>\n <h4 class=\"card-title\">Scrivere un’Email Professionale<\/h4>\n <p class=\"card-text\">\n Un’email di lavoro deve essere chiara e rispettosa.\n <ul>\n <li><strong>Oggetto:<\/strong> Breve e chiaro<\/li>\n <li><strong>Saluto:<\/strong> “Gentile Sig.\/Sig.ra…”<\/li>\n <li><strong>Corpo:<\/strong> Messaggio breve<\/li>\n <li><strong>Firma:<\/strong> Nome e telefono<\/li>\n <\/ul>\n <\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"example-box\">\n <span class=\"example-label\">📝 ESEMPIO: Email di candidatura<\/span>\n <div style=\"background: white; padding: 20px; border-radius: 8px; margin-top: 15px; font-family: monospace; font-size: 14px;\">\n <p><strong>A:<\/strong> risorse.umane@ristorante.it<\/p>\n <p><strong>Oggetto:<\/strong> Candidatura per posizione cameriere<\/p>\n <hr style=\"margin: 15px 0; border: none; border-top: 1px solid #e2e8f0;\">\n <p>Gentile Responsabile,<\/p>\n <br>\n <p>mi chiamo [Nome Cognome] e sono interessato alla posizione di cameriere presso il vostro ristorante.<\/p>\n <br>\n <p>Ho esperienza nel settore della ristorazione e possiedo la certificazione HACCP.<\/p>\n <br>\n <p>Allego il mio curriculum vitae e resto disponibile per un colloquio.<\/p>\n <br>\n <p>Cordiali saluti,<\/p>\n <p>[Nome Cognome]<\/p>\n <p>Tel: 333-1234567<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"tips-box\">\n <div class=\"tips-title\">💡 Consigli Importanti<\/div>\n <ul class=\"tips-list\">\n <li>Usa un indirizzo email professionale (nome.cognome), non soprannomi<\/li>\n <li>Controlla sempre l’ortografia prima di inviare<\/li>\n <li>Non scrivere tutto in MAIUSCOLO (sembra che gridi!)<\/li>\n <li>Rispondi alle email entro 24 ore<\/li>\n <li>Controlla la cartella spam ogni giorno<\/li>\n <\/ul>\n <\/div>\n <\/section>\n\n \n <section id=\"modulo2\" class=\"section\">\n <div class=\"section-header\">\n <h2 class=\"section-title\">Modulo 2: Il Curriculum Vitae<\/h2>\n <p class=\"section-desc\">Crea un CV efficace che presenti le tue competenze e esperienze<\/p>\n <\/div>\n\n \n <div class=\"concept-map\">\n <h3 class=\"map-title\">Mappa Concettuale: Struttura del CV<\/h3>\n <div class=\"mindmap-container\">\n <svg class=\"mindmap\" viewBox=\"0 0 900 550\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n \n <rect x=\"350\" y=\"225\" width=\"200\" height=\"80\" rx=\"15\" fill=\"#38a169\" opacity=\"0.9\"\/>\n <text x=\"450\" y=\"260\" text-anchor=\"middle\" fill=\"white\" font-size=\"20\" font-weight=\"bold\">CURRICULUM<\/text>\n <text x=\"450\" y=\"285\" text-anchor=\"middle\" fill=\"white\" font-size=\"14\">VITAE<\/text>\n \n \n <path d=\"M 350 250 Q 200 200 100 120\" stroke=\"#3182ce\" stroke-width=\"3\" fill=\"none\"\/>\n <rect x=\"20\" y=\"70\" width=\"160\" height=\"70\" rx=\"10\" fill=\"#3182ce\" opacity=\"0.85\"\/>\n <text x=\"100\" y=\"100\" text-anchor=\"middle\" fill=\"white\" font-size=\"14\" font-weight=\"bold\">DATI PERSONALI<\/text>\n <text x=\"100\" y=\"120\" text-anchor=\"middle\" fill=\"white\" font-size=\"11\">Nome, Indirizzo<\/text>\n <text x=\"100\" y=\"135\" text-anchor=\"middle\" fill=\"white\" font-size=\"11\">Telefono, Email<\/text>\n \n \n <path d=\"M 450 225 Q 450 150 450 80\" stroke=\"#805ad5\" stroke-width=\"3\" fill=\"none\"\/>\n <circle cx=\"450\" cy=\"50\" r=\"40\" fill=\"#805ad5\" opacity=\"0.85\"\/>\n <text x=\"450\" y=\"45\" text-anchor=\"middle\" fill=\"white\" font-size=\"14\" font-weight=\"bold\">FOTO<\/text>\n <text x=\"450\" y=\"62\" text-anchor=\"middle\" fill=\"white\" font-size=\"10\">Professionale<\/text>\n \n \n <path d=\"M 550 250 Q 700 200 800 120\" stroke=\"#e53e3e\" stroke-width=\"3\" fill=\"none\"\/>\n <rect x=\"720\" y=\"70\" width=\"160\" height=\"80\" rx=\"10\" fill=\"#e53e3e\" opacity=\"0.85\"\/>\n <text x=\"800\" y=\"100\" text-anchor=\"middle\" fill=\"white\" font-size=\"14\" font-weight=\"bold\">ESPERIENZE<\/text>\n <text x=\"800\" y=\"120\" text-anchor=\"middle\" fill=\"white\" font-size=\"11\">Lavori precedenti<\/text>\n <text x=\"800\" y=\"135\" text-anchor=\"middle\" fill=\"white\" font-size=\"11\">Mansioni svolte<\/text>\n \n \n <line x1=\"880\" y1=\"110\" x2=\"900\" y2=\"90\" stroke=\"#e53e3e\" stroke-width=\"2\"\/>\n \n \n <path d=\"M 550 265 Q 650 265 750 265\" stroke=\"#d69e2e\" stroke-width=\"3\" fill=\"none\"\/>\n <rect x=\"750\" y=\"235\" width=\"130\" height=\"60\" rx=\"10\" fill=\"#d69e2e\" opacity=\"0.85\"\/>\n <text x=\"815\" y=\"260\" text-anchor=\"middle\" fill=\"white\" font-size=\"14\" font-weight=\"bold\">FORMAZIONE<\/text>\n <text x=\"815\" y=\"280\" text-anchor=\"middle\" fill=\"white\" font-size=\"11\">Studi, Corsi<\/text>\n \n \n <path d=\"M 550 290 Q 700 350 800 420\" stroke=\"#38a169\" stroke-width=\"3\" fill=\"none\"\/>\n <rect x=\"720\" y=\"400\" width=\"160\" height=\"70\" rx=\"10\" fill=\"#38a169\" opacity=\"0.85\"\/>\n <text x=\"800\" y=\"430\" text-anchor=\"middle\" fill=\"white\" font-size=\"14\" font-weight=\"bold\">CERTIFICAZIONI<\/text>\n <text x=\"800\" y=\"450\" text-anchor=\"middle\" fill=\"white\" font-size=\"12\">HACCP \u2713<\/text>\n \n \n <path d=\"M 450 305 Q 450 380 450 450\" stroke=\"#3182ce\" stroke-width=\"3\" fill=\"none\"\/>\n <rect x=\"375\" y=\"450\" width=\"150\" height=\"60\" rx=\"10\" fill=\"#3182ce\" opacity=\"0.85\"\/>\n <text x=\"450\" y=\"475\" text-anchor=\"middle\" fill=\"white\" font-size=\"14\" font-weight=\"bold\">LINGUE<\/text>\n <text x=\"450\" y=\"495\" text-anchor=\"middle\" fill=\"white\" font-size=\"11\">Italiano, altre lingue<\/text>\n \n \n <path d=\"M 350 290 Q 200 350 100 420\" stroke=\"#805ad5\" stroke-width=\"3\" fill=\"none\"\/>\n <rect x=\"20\" y=\"400\" width=\"160\" height=\"70\" rx=\"10\" fill=\"#805ad5\" opacity=\"0.85\"\/>\n <text x=\"100\" y=\"430\" text-anchor=\"middle\" fill=\"white\" font-size=\"14\" font-weight=\"bold\">COMPETENZE<\/text>\n <text x=\"100\" y=\"450\" text-anchor=\"middle\" fill=\"white\" font-size=\"11\">Cosa sai fare<\/text>\n \n \n <path d=\"M 350 265 Q 250 265 150 265\" stroke=\"#e53e3e\" stroke-width=\"3\" fill=\"none\"\/>\n <rect x=\"20\" y=\"235\" width=\"130\" height=\"60\" rx=\"10\" fill=\"#e53e3e\" opacity=\"0.85\"\/>\n <text x=\"85\" y=\"260\" text-anchor=\"middle\" fill=\"white\" font-size=\"14\" font-weight=\"bold\">PROFILO<\/text>\n <text x=\"85\" y=\"280\" text-anchor=\"middle\" fill=\"white\" font-size=\"11\">Chi sei in breve<\/text>\n <\/svg>\n <\/div>\n <\/div>\n\n \n <div class=\"content-grid\">\n <div class=\"content-card\">\n <div class=\"card-icon\">👤<\/div>\n <h4 class=\"card-title\">Dati Personali<\/h4>\n <p class=\"card-text\">\n Le informazioni base che servono per contattarti:\n <ul>\n <li>Nome e cognome completi<\/li>\n <li>Data di nascita<\/li>\n <li>Indirizzo (citt\u00e0 \u00e8 sufficiente)<\/li>\n <li>Numero di telefono<\/li>\n <li>Email professionale<\/li>\n <\/ul>\n <\/p>\n <\/div>\n\n <div class=\"content-card\">\n <div class=\"card-icon\">💼<\/div>\n <h4 class=\"card-title\">Esperienze Lavorative<\/h4>\n <p class=\"card-text\">\n Descrivi i lavori che hai fatto, dal pi\u00f9 recente:\n <ul>\n <li>Nome dell’azienda<\/li>\n <li>Periodo (da – a)<\/li>\n <li>Ruolo\/posizione<\/li>\n <li>Cosa facevi (mansioni)<\/li>\n <li>Risultati ottenuti<\/li>\n <\/ul>\n <\/p>\n <\/div>\n\n <div class=\"content-card\">\n <div class=\"card-icon\">🎓<\/div>\n <h4 class=\"card-title\">Formazione e Certificazioni<\/h4>\n <p class=\"card-text\">\n I tuoi studi e certificati:\n <ul>\n <li>Titolo di studio<\/li>\n <li>Scuola\/istituto<\/li>\n <li>Anno di conseguimento<\/li>\n <li><strong>Certificazione HACCP<\/strong><\/li>\n <li>Altri corsi frequentati<\/li>\n <\/ul>\n <\/p>\n <\/div>\n\n <div class=\"content-card\">\n <div class=\"card-icon\">🌟<\/div>\n <h4 class=\"card-title\">Competenze<\/h4>\n <p class=\"card-text\">\n Le tue capacit\u00e0 e abilit\u00e0:\n <ul>\n <li><strong>Lingue:<\/strong> Italiano (livello), altre lingue<\/li>\n <li><strong>Informatica:<\/strong> Email, Word, Internet<\/li>\n <li><strong>Soft skills:<\/strong> Lavoro in team, puntualit\u00e0<\/li>\n <li><strong>Tecniche:<\/strong> Specifiche del settore<\/li>\n <\/ul>\n <\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"concept-map\" style=\"margin-top: 40px;\">\n <h3 class=\"map-title\">Come Creare il CV con Europass<\/h3>\n <div class=\"accordion\">\n <div class=\"accordion-item\">\n <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\n <span>📝 Passo 1: Accedi a Europass<\/span>\n <span class=\"accordion-icon\">+<\/span>\n <\/div>\n <div class=\"accordion-content\">\n <div class=\"accordion-inner\">\n <p>Vai su <strong>europa.eu\/europass<\/strong> e clicca su “Crea il tuo CV”. Puoi creare un account gratuito per salvare i tuoi progressi.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"accordion-item\">\n <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\n <span>👤 Passo 2: Inserisci i dati personali<\/span>\n <span class=\"accordion-icon\">+<\/span>\n <\/div>\n <div class=\"accordion-content\">\n <div class=\"accordion-inner\">\n <p>Compila con attenzione: nome, cognome, indirizzo, telefono, email. Puoi anche caricare una foto professionale.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"accordion-item\">\n <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\n <span>💼 Passo 3: Aggiungi le esperienze<\/span>\n <span class=\"accordion-icon\">+<\/span>\n <\/div>\n <div class=\"accordion-content\">\n <div class=\"accordion-inner\">\n <p>Per ogni lavoro, inserisci: nome azienda, date, ruolo e descrizione delle mansioni. Usa verbi d’azione: “Ho gestito…”, “Ho servito…”, “Ho preparato…”<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"accordion-item\">\n <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\n <span>🎓 Passo 4: Formazione e certificazioni<\/span>\n <span class=\"accordion-icon\">+<\/span>\n <\/div>\n <div class=\"accordion-content\">\n <div class=\"accordion-inner\">\n <p>Aggiungi i tuoi studi e soprattutto la <strong>certificazione HACCP<\/strong>. Questo \u00e8 molto importante per i lavori nella ristorazione!<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"accordion-item\">\n <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\n <span>📥 Passo 5: Scarica il CV<\/span>\n <span class=\"accordion-icon\">+<\/span>\n <\/div>\n <div class=\"accordion-content\">\n <div class=\"accordion-inner\">\n <p>Quando hai finito, clicca “Scarica” e scegli il formato PDF. Salva il file con un nome chiaro: <strong>CV_NomeCognome.pdf<\/strong><\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"tips-box\">\n <div class=\"tips-title\">💡 Consigli per un CV Efficace<\/div>\n <ul class=\"tips-list\">\n <li>Massimo 2 pagine, meglio 1 sola pagina<\/li>\n <li>Foto professionale: sfondo neutro, vestito ordinato, sorriso<\/li>\n <li>Niente errori di ortografia – fai rileggere a qualcuno<\/li>\n <li>Salva sempre in PDF per non perdere la formattazione<\/li>\n <li>Personalizza il CV per ogni candidatura<\/li>\n <li>Non mentire mai sulle competenze<\/li>\n <\/ul>\n <\/div>\n <\/section>\n\n \n <section id=\"modulo3\" class=\"section\">\n <div class=\"section-header\">\n <h2 class=\"section-title\">Modulo 3: Piattaforme di Ricerca Lavoro<\/h2>\n <p class=\"section-desc\">Scopri i migliori siti per cercare offerte di lavoro e candidarti online<\/p>\n <\/div>\n\n \n <div class=\"concept-map\">\n <h3 class=\"map-title\">Mappa Concettuale: Cercare Lavoro Online<\/h3>\n <div class=\"mindmap-container\">\n <svg class=\"mindmap\" viewBox=\"0 0 900 450\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n \n <ellipse cx=\"450\" cy=\"225\" rx=\"120\" ry=\"55\" fill=\"#d69e2e\" opacity=\"0.9\"\/>\n <text x=\"450\" y=\"215\" text-anchor=\"middle\" fill=\"white\" font-size=\"16\" font-weight=\"bold\">CERCARE<\/text>\n <text x=\"450\" y=\"240\" text-anchor=\"middle\" fill=\"white\" font-size=\"16\" font-weight=\"bold\">LAVORO ONLINE<\/text>\n \n \n <path d=\"M 330 225 Q 200 225 100 180\" stroke=\"#3182ce\" stroke-width=\"4\" fill=\"none\"\/>\n <rect x=\"20\" y=\"130\" width=\"160\" height=\"80\" rx=\"15\" fill=\"#3182ce\" opacity=\"0.9\"\/>\n <text x=\"100\" y=\"165\" text-anchor=\"middle\" fill=\"white\" font-size=\"18\" font-weight=\"bold\">INDEED<\/text>\n <text x=\"100\" y=\"190\" text-anchor=\"middle\" fill=\"white\" font-size=\"11\">indeed.com<\/text>\n \n \n <circle cx=\"50\" cy=\"80\" r=\"25\" fill=\"#3182ce\" opacity=\"0.7\"\/>\n <text x=\"50\" y=\"85\" text-anchor=\"middle\" fill=\"white\" font-size=\"9\">Crea<\/text>\n <text x=\"50\" y=\"95\" text-anchor=\"middle\" fill=\"white\" font-size=\"9\">account<\/text>\n \n <circle cx=\"100\" cy=\"60\" r=\"25\" fill=\"#3182ce\" opacity=\"0.7\"\/>\n <text x=\"100\" y=\"65\" text-anchor=\"middle\" fill=\"white\" font-size=\"9\">Carica<\/text>\n <text x=\"100\" y=\"75\" text-anchor=\"middle\" fill=\"white\" font-size=\"9\">CV<\/text>\n \n <circle cx=\"150\" cy=\"80\" r=\"25\" fill=\"#3182ce\" opacity=\"0.7\"\/>\n <text x=\"150\" y=\"85\" text-anchor=\"middle\" fill=\"white\" font-size=\"9\">Candidati<\/text>\n \n <line x1=\"50\" y1=\"105\" x2=\"60\" y2=\"130\" stroke=\"#3182ce\" stroke-width=\"2\"\/>\n <line x1=\"100\" y1=\"85\" x2=\"100\" y2=\"130\" stroke=\"#3182ce\" stroke-width=\"2\"\/>\n <line x1=\"150\" y1=\"105\" x2=\"140\" y2=\"130\" stroke=\"#3182ce\" stroke-width=\"2\"\/>\n \n \n <path d=\"M 570 225 Q 700 225 800 180\" stroke=\"#e53e3e\" stroke-width=\"4\" fill=\"none\"\/>\n <rect x=\"720\" y=\"130\" width=\"160\" height=\"80\" rx=\"15\" fill=\"#e53e3e\" opacity=\"0.9\"\/>\n <text x=\"800\" y=\"165\" text-anchor=\"middle\" fill=\"white\" font-size=\"18\" font-weight=\"bold\">SUBITO.IT<\/text>\n <text x=\"800\" y=\"190\" text-anchor=\"middle\" fill=\"white\" font-size=\"11\">subito.it\/lavoro<\/text>\n \n \n <circle cx=\"750\" cy=\"80\" r=\"25\" fill=\"#e53e3e\" opacity=\"0.7\"\/>\n <text x=\"750\" y=\"85\" text-anchor=\"middle\" fill=\"white\" font-size=\"9\">Cerca<\/text>\n \n <circle cx=\"800\" cy=\"60\" r=\"25\" fill=\"#e53e3e\" opacity=\"0.7\"\/>\n <text x=\"800\" y=\"65\" text-anchor=\"middle\" fill=\"white\" font-size=\"9\">Filtra<\/text>\n <text x=\"800\" y=\"75\" text-anchor=\"middle\" fill=\"white\" font-size=\"9\">zona<\/text>\n \n <circle cx=\"850\" cy=\"80\" r=\"25\" fill=\"#e53e3e\" opacity=\"0.7\"\/>\n <text x=\"850\" y=\"85\" text-anchor=\"middle\" fill=\"white\" font-size=\"9\">Contatta<\/text>\n \n <line x1=\"750\" y1=\"105\" x2=\"760\" y2=\"130\" stroke=\"#e53e3e\" stroke-width=\"2\"\/>\n <line x1=\"800\" y1=\"85\" x2=\"800\" y2=\"130\" stroke=\"#e53e3e\" stroke-width=\"2\"\/>\n <line x1=\"850\" y1=\"105\" x2=\"840\" y2=\"130\" stroke=\"#e53e3e\" stroke-width=\"2\"\/>\n \n \n <path d=\"M 380 280 Q 280 350 150 380\" stroke=\"#38a169\" stroke-width=\"3\" fill=\"none\"\/>\n <rect x=\"50\" y=\"350\" width=\"140\" height=\"60\" rx=\"12\" fill=\"#38a169\" opacity=\"0.85\"\/>\n <text x=\"120\" y=\"385\" text-anchor=\"middle\" fill=\"white\" font-size=\"14\" font-weight=\"bold\">INFOJOBS<\/text>\n \n \n <path d=\"M 520 280 Q 620 350 750 380\" stroke=\"#805ad5\" stroke-width=\"3\" fill=\"none\"\/>\n <rect x=\"680\" y=\"350\" width=\"180\" height=\"60\" rx=\"12\" fill=\"#805ad5\" opacity=\"0.85\"\/>\n <text x=\"770\" y=\"375\" text-anchor=\"middle\" fill=\"white\" font-size=\"14\" font-weight=\"bold\">AGENZIE<\/text>\n <text x=\"770\" y=\"395\" text-anchor=\"middle\" fill=\"white\" font-size=\"11\">Adecco, Manpower…<\/text>\n \n \n <path d=\"M 450 280 Q 450 340 450 380\" stroke=\"#d69e2e\" stroke-width=\"3\" fill=\"none\"\/>\n <rect x=\"350\" y=\"380\" width=\"200\" height=\"55\" rx=\"12\" fill=\"#d69e2e\" opacity=\"0.85\"\/>\n <text x=\"450\" y=\"405\" text-anchor=\"middle\" fill=\"white\" font-size=\"13\" font-weight=\"bold\">CENTRO IMPIEGO<\/text>\n <text x=\"450\" y=\"422\" text-anchor=\"middle\" fill=\"white\" font-size=\"10\">Servizio pubblico gratuito<\/text>\n <\/svg>\n <\/div>\n <\/div>\n\n \n <div class=\"content-grid\">\n <div class=\"content-card\" style=\"border-left-color: #3182ce;\">\n <div class=\"card-icon\" style=\"background: linear-gradient(135deg, #90cdf4, #3182ce);\">🔵<\/div>\n <h4 class=\"card-title\">Indeed<\/h4>\n <p class=\"card-text\">\n Il pi\u00f9 grande motore di ricerca lavoro:\n <ul>\n <li>Crea un account gratuito<\/li>\n <li>Carica il tuo CV<\/li>\n <li>Cerca per citt\u00e0 e settore<\/li>\n <li>Candidati con un click<\/li>\n <li>Salva le ricerche preferite<\/li>\n <\/ul>\n <\/p>\n <\/div>\n\n <div class=\"content-card\" style=\"border-left-color: #e53e3e;\">\n <div class=\"card-icon\" style=\"background: linear-gradient(135deg, #feb2b2, #e53e3e);\">🔴<\/div>\n <h4 class=\"card-title\">Subito.it<\/h4>\n <p class=\"card-text\">\n Annunci locali, molto usato in Italia:\n <ul>\n <li>Cerca nella sezione “Lavoro”<\/li>\n <li>Filtra per la tua zona<\/li>\n <li>Leggi bene gli annunci<\/li>\n <li>Contatta via email o telefono<\/li>\n <li>Attenzione alle truffe!<\/li>\n <\/ul>\n <\/p>\n <\/div>\n\n <div class=\"content-card\" style=\"border-left-color: #805ad5;\">\n <div class=\"card-icon\" style=\"background: linear-gradient(135deg, #d6bcfa, #805ad5);\">🏢<\/div>\n <h4 class=\"card-title\">Agenzie Interinali<\/h4>\n <p class=\"card-text\">\n Ti aiutano a trovare lavoro:\n <ul>\n <li><strong>Adecco<\/strong> – adecco.it<\/li>\n <li><strong>Manpower<\/strong> – manpower.it<\/li>\n <li><strong>Gi Group<\/strong> – gigroup.it<\/li>\n <li>Iscriviti di persona o online<\/li>\n <li>Portano il CV alle aziende<\/li>\n <\/ul>\n <\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"checklist\" style=\"margin-top: 40px;\">\n <h4 class=\"checklist-title\">✅ Checklist: Registrarsi su Indeed<\/h4>\n <div class=\"checklist-item\">\n <div class=\"checkbox\" onclick=\"toggleCheckbox(this)\"><\/div>\n <span class=\"checklist-text\">Vai su indeed.com<\/span>\n <\/div>\n <div class=\"checklist-item\">\n <div class=\"checkbox\" onclick=\"toggleCheckbox(this)\"><\/div>\n <span class=\"checklist-text\">Clicca “Accedi” e poi “Crea account”<\/span>\n <\/div>\n <div class=\"checklist-item\">\n <div class=\"checkbox\" onclick=\"toggleCheckbox(this)\"><\/div>\n <span class=\"checklist-text\">Inserisci la tua email e crea una password<\/span>\n <\/div>\n <div class=\"checklist-item\">\n <div class=\"checkbox\" onclick=\"toggleCheckbox(this)\"><\/div>\n <span class=\"checklist-text\">Carica il tuo CV (file PDF)<\/span>\n <\/div>\n <div class=\"checklist-item\">\n <div class=\"checkbox\" onclick=\"toggleCheckbox(this)\"><\/div>\n <span class=\"checklist-text\">Completa il profilo con le tue informazioni<\/span>\n <\/div>\n <div class=\"checklist-item\">\n <div class=\"checkbox\" onclick=\"toggleCheckbox(this)\"><\/div>\n <span class=\"checklist-text\">Cerca offerte: scrivi il lavoro e la citt\u00e0<\/span>\n <\/div>\n <div class=\"checklist-item\">\n <div class=\"checkbox\" onclick=\"toggleCheckbox(this)\"><\/div>\n <span class=\"checklist-text\">Candidati alle offerte interessanti<\/span>\n <\/div>\n <div class=\"progress-container\">\n <div class=\"progress-bar\" id=\"indeed-progress\" style=\"width: 0%;\"><\/div>\n <\/div>\n <p class=\"progress-text\" id=\"indeed-progress-text\">0\/7 completati<\/p>\n <\/div>\n\n \n <div class=\"tips-box\">\n <div class=\"tips-title\">⚠️ Attenzione alle Truffe!<\/div>\n <ul class=\"tips-list\">\n <li>Non pagare MAI per trovare lavoro<\/li>\n <li>Non dare i dati bancari o documenti d’identit\u00e0 prima del contratto<\/li>\n <li>Diffida di offerte troppo belle (stipendi altissimi, lavoro facile)<\/li>\n <li>Verifica che l’azienda esista davvero<\/li>\n <li>I colloqui seri si fanno di persona o in videochiamata<\/li>\n <\/ul>\n <\/div>\n <\/section>\n\n \n <section id=\"modulo4\" class=\"section\">\n <div class=\"section-header\">\n <h2 class=\"section-title\">Modulo 4: Il Colloquio di Lavoro<\/h2>\n <p class=\"section-desc\">Preparati al meglio per affrontare il colloquio con sicurezza<\/p>\n <\/div>\n\n \n <div class=\"concept-map\">\n <h3 class=\"map-title\">Mappa Concettuale: Il Colloquio di Selezione<\/h3>\n <div class=\"mindmap-container\">\n <svg class=\"mindmap\" viewBox=\"0 0 900 500\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n \n <ellipse cx=\"450\" cy=\"250\" rx=\"110\" ry=\"55\" fill=\"#e53e3e\" opacity=\"0.9\"\/>\n <text x=\"450\" y=\"245\" text-anchor=\"middle\" fill=\"white\" font-size=\"18\" font-weight=\"bold\">COLLOQUIO<\/text>\n <text x=\"450\" y=\"270\" text-anchor=\"middle\" fill=\"white\" font-size=\"14\">di Lavoro<\/text>\n \n \n <path d=\"M 340 220 Q 220 150 100 100\" stroke=\"#3182ce\" stroke-width=\"4\" fill=\"none\"\/>\n <rect x=\"20\" y=\"50\" width=\"160\" height=\"80\" rx=\"15\" fill=\"#3182ce\" opacity=\"0.9\"\/>\n <text x=\"100\" y=\"85\" text-anchor=\"middle\" fill=\"white\" font-size=\"16\" font-weight=\"bold\">PRIMA<\/text>\n <text x=\"100\" y=\"108\" text-anchor=\"middle\" fill=\"white\" font-size=\"11\">Preparazione<\/text>\n \n \n <text x=\"30\" y=\"160\" fill=\"#2d3748\" font-size=\"11\">\u2022 Informati sull’azienda<\/text>\n <text x=\"30\" y=\"180\" fill=\"#2d3748\" font-size=\"11\">\u2022 Prepara i documenti<\/text>\n <text x=\"30\" y=\"200\" fill=\"#2d3748\" font-size=\"11\">\u2022 Pianifica il percorso<\/text>\n \n \n <path d=\"M 340 280 Q 220 350 100 400\" stroke=\"#38a169\" stroke-width=\"4\" fill=\"none\"\/>\n <rect x=\"20\" y=\"370\" width=\"160\" height=\"80\" rx=\"15\" fill=\"#38a169\" opacity=\"0.9\"\/>\n <text x=\"100\" y=\"405\" text-anchor=\"middle\" fill=\"white\" font-size=\"16\" font-weight=\"bold\">VESTIRSI<\/text>\n <text x=\"100\" y=\"428\" text-anchor=\"middle\" fill=\"white\" font-size=\"11\">Abbigliamento<\/text>\n \n \n <text x=\"30\" y=\"330\" fill=\"#2d3748\" font-size=\"11\">\u2022 Pulito e ordinato<\/text>\n <text x=\"30\" y=\"350\" fill=\"#2d3748\" font-size=\"11\">\u2022 Adatto al lavoro<\/text>\n \n \n <path d=\"M 450 195 Q 450 120 450 60\" stroke=\"#d69e2e\" stroke-width=\"4\" fill=\"none\"\/>\n <rect x=\"370\" y=\"10\" width=\"160\" height=\"70\" rx=\"15\" fill=\"#d69e2e\" opacity=\"0.9\"\/>\n <text x=\"450\" y=\"45\" text-anchor=\"middle\" fill=\"white\" font-size=\"16\" font-weight=\"bold\">DURANTE<\/text>\n <text x=\"450\" y=\"65\" text-anchor=\"middle\" fill=\"white\" font-size=\"11\">Comportamento<\/text>\n \n \n <text x=\"560\" y=\"35\" fill=\"#2d3748\" font-size=\"11\">Sorridi<\/text>\n <text x=\"560\" y=\"55\" fill=\"#2d3748\" font-size=\"11\">Guarda negli occhi<\/text>\n <text x=\"560\" y=\"75\" fill=\"#2d3748\" font-size=\"11\">Ascolta bene<\/text>\n \n \n <path d=\"M 560 220 Q 680 150 800 100\" stroke=\"#805ad5\" stroke-width=\"4\" fill=\"none\"\/>\n <rect x=\"720\" y=\"50\" width=\"160\" height=\"80\" rx=\"15\" fill=\"#805ad5\" opacity=\"0.9\"\/>\n <text x=\"800\" y=\"85\" text-anchor=\"middle\" fill=\"white\" font-size=\"16\" font-weight=\"bold\">DOMANDE<\/text>\n <text x=\"800\" y=\"108\" text-anchor=\"middle\" fill=\"white\" font-size=\"11\">Come rispondere<\/text>\n \n \n <text x=\"720\" y=\"160\" fill=\"#2d3748\" font-size=\"11\">\u2022 Mi parli di lei<\/text>\n <text x=\"720\" y=\"180\" fill=\"#2d3748\" font-size=\"11\">\u2022 Perch\u00e9 questo lavoro?<\/text>\n <text x=\"720\" y=\"200\" fill=\"#2d3748\" font-size=\"11\">\u2022 Punti di forza<\/text>\n \n \n <path d=\"M 560 280 Q 680 350 800 400\" stroke=\"#e53e3e\" stroke-width=\"4\" fill=\"none\"\/>\n <rect x=\"720\" y=\"370\" width=\"160\" height=\"80\" rx=\"15\" fill=\"#e53e3e\" opacity=\"0.9\"\/>\n <text x=\"800\" y=\"405\" text-anchor=\"middle\" fill=\"white\" font-size=\"16\" font-weight=\"bold\">DOPO<\/text>\n <text x=\"800\" y=\"428\" text-anchor=\"middle\" fill=\"white\" font-size=\"11\">Follow-up<\/text>\n \n \n <text x=\"720\" y=\"330\" fill=\"#2d3748\" font-size=\"11\">\u2022 Ringrazia via email<\/text>\n <text x=\"720\" y=\"350\" fill=\"#2d3748\" font-size=\"11\">\u2022 Aspetta con pazienza<\/text>\n \n \n <path d=\"M 450 305 Q 450 380 450 430\" stroke=\"#3182ce\" stroke-width=\"4\" fill=\"none\"\/>\n <rect x=\"370\" y=\"430\" width=\"160\" height=\"60\" rx=\"15\" fill=\"#3182ce\" opacity=\"0.9\"\/>\n <text x=\"450\" y=\"460\" text-anchor=\"middle\" fill=\"white\" font-size=\"14\" font-weight=\"bold\">LINGUAGGIO<\/text>\n <text x=\"450\" y=\"478\" text-anchor=\"middle\" fill=\"white\" font-size=\"11\">del corpo<\/text>\n <\/svg>\n <\/div>\n <\/div>\n\n \n <div class=\"content-grid\">\n <div class=\"content-card\">\n <div class=\"card-icon\">📋<\/div>\n <h4 class=\"card-title\">Prima del Colloquio<\/h4>\n <p class=\"card-text\">\n La preparazione \u00e8 fondamentale:\n <ul>\n <li>Cerca informazioni sull’azienda<\/li>\n <li>Rileggi l’annuncio di lavoro<\/li>\n <li>Prepara copie del CV<\/li>\n <li>Pianifica come arrivare<\/li>\n <li>Arriva 10 minuti prima<\/li>\n <\/ul>\n <\/p>\n <\/div>\n\n <div class=\"content-card\">\n <div class=\"card-icon\">👔<\/div>\n <h4 class=\"card-title\">Come Vestirsi<\/h4>\n <p class=\"card-text\">\n L’abito giusto per ogni lavoro:\n <ul>\n <li><strong>Ristorante:<\/strong> Pantaloni scuri, camicia pulita<\/li>\n <li><strong>Pulizie:<\/strong> Vestiti semplici e puliti<\/li>\n <li><strong>Ufficio:<\/strong> Pi\u00f9 formale, giacca<\/li>\n <li>Sempre: pulito, stirato, ordinato<\/li>\n <li>Niente profumi forti<\/li>\n <\/ul>\n <\/p>\n <\/div>\n\n <div class=\"content-card\">\n <div class=\"card-icon\">🗣️<\/div>\n <h4 class=\"card-title\">Linguaggio del Corpo<\/h4>\n <p class=\"card-text\">\n Comunichi anche senza parole:\n <ul>\n <li>Sorridi e sii cordiale<\/li>\n <li>Stretta di mano decisa<\/li>\n <li>Guarda negli occhi<\/li>\n <li>Siediti dritto<\/li>\n <li>Non incrociare le braccia<\/li>\n <\/ul>\n <\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"concept-map\" style=\"margin-top: 40px;\">\n <h3 class=\"map-title\">Come Rispondere alle Domande<\/h3>\n \n <div class=\"accordion\">\n <div class=\"accordion-item\">\n <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\n <span>❓ “Mi parli di lei”<\/span>\n <span class=\"accordion-icon\">+<\/span>\n <\/div>\n <div class=\"accordion-content\">\n <div class=\"accordion-inner\">\n <p><strong>Cosa vogliono sapere:<\/strong> Chi sei professionalmente<\/p>\n <p><strong>Come rispondere:<\/strong> Breve presentazione (1-2 minuti) con nome, esperienza principale, perch\u00e9 sei interessato a questo lavoro.<\/p>\n <div class=\"example-box\" style=\"margin-top: 15px;\">\n <span class=\"example-label\">Esempio di risposta<\/span>\n <p style=\"margin-top: 10px;\">“Mi chiamo [Nome], ho lavorato per 2 anni come aiuto cuoco in un ristorante. Ho la certificazione HACCP e mi piace lavorare in team. Sono interessato a questa posizione perch\u00e9 voglio crescere nel settore della ristorazione.”<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"accordion-item\">\n <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\n <span>❓ “Perch\u00e9 vuole lavorare qui?”<\/span>\n <span class=\"accordion-icon\">+<\/span>\n <\/div>\n <div class=\"accordion-content\">\n <div class=\"accordion-inner\">\n <p><strong>Cosa vogliono sapere:<\/strong> Se sei veramente interessato<\/p>\n <p><strong>Come rispondere:<\/strong> Mostra che conosci l’azienda, parla di cosa ti attrae del lavoro.<\/p>\n <div class=\"example-box\" style=\"margin-top: 15px;\">\n <span class=\"example-label\">Esempio di risposta<\/span>\n <p style=\"margin-top: 10px;\">“Ho visto che il vostro ristorante ha ottime recensioni e mi piacerebbe fare parte di un team che lavora bene. Mi piace il contatto con i clienti e vorrei imparare di pi\u00f9 in questo settore.”<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"accordion-item\">\n <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\n <span>❓ “Quali sono i suoi punti di forza?”<\/span>\n <span class=\"accordion-icon\">+<\/span>\n <\/div>\n <div class=\"accordion-content\">\n <div class=\"accordion-inner\">\n <p><strong>Cosa vogliono sapere:<\/strong> Le tue qualit\u00e0 migliori<\/p>\n <p><strong>Come rispondere:<\/strong> Scegli 2-3 qualit\u00e0 utili per quel lavoro, dai un esempio concreto.<\/p>\n <div class=\"example-box\" style=\"margin-top: 15px;\">\n <span class=\"example-label\">Esempio di risposta<\/span>\n <p style=\"margin-top: 10px;\">“Sono molto puntuale, non ho mai fatto ritardo al lavoro. Sono anche bravo a lavorare sotto pressione – nel mio lavoro precedente gestivo bene i momenti di punta.”<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"accordion-item\">\n <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\n <span>❓ “Qual \u00e8 la sua disponibilit\u00e0?”<\/span>\n <span class=\"accordion-icon\">+<\/span>\n <\/div>\n <div class=\"accordion-content\">\n <div class=\"accordion-inner\">\n <p><strong>Cosa vogliono sapere:<\/strong> Quando puoi lavorare<\/p>\n <p><strong>Come rispondere:<\/strong> Sii onesto sui tuoi orari, ma mostra flessibilit\u00e0 se possibile.<\/p>\n <div class=\"example-box\" style=\"margin-top: 15px;\">\n <span class=\"example-label\">Esempio di risposta<\/span>\n <p style=\"margin-top: 10px;\">“Sono disponibile da subito, posso lavorare tutti i giorni della settimana, anche nei weekend. Posso fare sia turni di mattina che di sera.”<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"tips-box\">\n <div class=\"tips-title\">💡 Ricorda Durante il Colloquio<\/div>\n <ul class=\"tips-list\">\n <li>Spegni il telefono o mettilo in silenzioso<\/li>\n <li>Ascolta bene le domande prima di rispondere<\/li>\n <li>Se non capisci, chiedi di ripetere (\u00e8 normale!)<\/li>\n <li>Parla delle tue esperienze con esempi concreti<\/li>\n <li>Alla fine, fai domande sul lavoro (dimostra interesse)<\/li>\n <li>Ringrazia sempre alla fine del colloquio<\/li>\n <\/ul>\n <\/div>\n <\/section>\n\n \n <section id=\"modulo5\" class=\"section\">\n <div class=\"section-header\">\n <h2 class=\"section-title\">Modulo 5: Simulazioni di Colloquio<\/h2>\n <p class=\"section-desc\">Pratica con esercizi realistici per arrivare preparato<\/p>\n <\/div>\n\n \n <div class=\"concept-map\">\n <h3 class=\"map-title\">Mappa Concettuale: La Simulazione<\/h3>\n <div class=\"mindmap-container\">\n <svg class=\"mindmap\" viewBox=\"0 0 900 400\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n \n <ellipse cx=\"450\" cy=\"200\" rx=\"110\" ry=\"55\" fill=\"#805ad5\" opacity=\"0.9\"\/>\n <text x=\"450\" y=\"195\" text-anchor=\"middle\" fill=\"white\" font-size=\"18\" font-weight=\"bold\">SIMULAZIONE<\/text>\n <text x=\"450\" y=\"220\" text-anchor=\"middle\" fill=\"white\" font-size=\"14\">Pratica<\/text>\n \n \n <path d=\"M 450 145 Q 450 80 450 40\" stroke=\"#38a169\" stroke-width=\"3\" fill=\"none\"\/>\n <rect x=\"370\" y=\"10\" width=\"160\" height=\"50\" rx=\"10\" fill=\"#38a169\" opacity=\"0.85\"\/>\n <text x=\"450\" y=\"42\" text-anchor=\"middle\" fill=\"white\" font-size=\"14\" font-weight=\"bold\">OBIETTIVO<\/text>\n \n <text x=\"320\" y=\"60\" fill=\"#2d3748\" font-size=\"11\">Esercitarsi<\/text>\n <text x=\"560\" y=\"60\" fill=\"#2d3748\" font-size=\"11\">Superare la paura<\/text>\n \n \n <path d=\"M 340 200 Q 220 200 100 200\" stroke=\"#3182ce\" stroke-width=\"3\" fill=\"none\"\/>\n <rect x=\"20\" y=\"170\" width=\"140\" height=\"60\" rx=\"10\" fill=\"#3182ce\" opacity=\"0.85\"\/>\n <text x=\"90\" y=\"195\" text-anchor=\"middle\" fill=\"white\" font-size=\"13\" font-weight=\"bold\">PARTECIPANTI<\/text>\n <text x=\"90\" y=\"215\" text-anchor=\"middle\" fill=\"white\" font-size=\"10\">Candidato + Selezionatore<\/text>\n \n \n <path d=\"M 560 200 Q 680 200 800 200\" stroke=\"#e53e3e\" stroke-width=\"3\" fill=\"none\"\/>\n <rect x=\"740\" y=\"170\" width=\"140\" height=\"60\" rx=\"10\" fill=\"#e53e3e\" opacity=\"0.85\"\/>\n <text x=\"810\" y=\"195\" text-anchor=\"middle\" fill=\"white\" font-size=\"13\" font-weight=\"bold\">OSSERVATORI<\/text>\n <text x=\"810\" y=\"215\" text-anchor=\"middle\" fill=\"white\" font-size=\"10\">Il gruppo osserva<\/text>\n \n \n <path d=\"M 450 255 Q 450 320 450 360\" stroke=\"#d69e2e\" stroke-width=\"3\" fill=\"none\"\/>\n <rect x=\"350\" y=\"340\" width=\"200\" height=\"50\" rx=\"10\" fill=\"#d69e2e\" opacity=\"0.85\"\/>\n <text x=\"450\" y=\"370\" text-anchor=\"middle\" fill=\"white\" font-size=\"14\" font-weight=\"bold\">FEEDBACK<\/text>\n \n \n <text x=\"300\" y=\"330\" fill=\"#2d3748\" font-size=\"11\">Cosa \u00e8 andato bene<\/text>\n <text x=\"530\" y=\"330\" fill=\"#2d3748\" font-size=\"11\">Cosa migliorare<\/text>\n \n \n <path d=\"M 200 230 Q 150 280 200 330\" stroke=\"#718096\" stroke-width=\"2\" fill=\"none\" stroke-dasharray=\"5,5\"\/>\n <path d=\"M 700 230 Q 750 280 700 330\" stroke=\"#718096\" stroke-width=\"2\" fill=\"none\" stroke-dasharray=\"5,5\"\/>\n <\/svg>\n <\/div>\n <\/div>\n\n \n <div class=\"concept-map\" style=\"margin-top: 40px;\">\n <h3 class=\"map-title\">Esempio di Simulazione: Cameriere<\/h3>\n \n <div class=\"dialog\">\n <div class=\"dialog-line dialog-interviewer\">\n <div class=\"dialog-label\">SELEZIONATORE<\/div>\n Buongiorno, prego si accomodi. Come sta oggi?\n <\/div>\n \n <div class=\"dialog-line dialog-candidate\">\n <div class=\"dialog-label\">CANDIDATO<\/div>\n Buongiorno, grazie. Sto bene, grazie per avermi invitato.\n <\/div>\n \n <div class=\"dialog-line dialog-interviewer\">\n <div class=\"dialog-label\">SELEZIONATORE<\/div>\n Mi parli un po’ di lei e delle sue esperienze.\n <\/div>\n \n <div class=\"dialog-line dialog-candidate\">\n <div class=\"dialog-label\">CANDIDATO<\/div>\n Mi chiamo Ahmed, ho 28 anni. Ho lavorato per un anno come aiuto cameriere in un ristorante. Ho imparato a servire ai tavoli, prendere le ordinazioni e gestire la cassa. Ho anche la certificazione HACCP.\n <\/div>\n \n <div class=\"dialog-line dialog-interviewer\">\n <div class=\"dialog-label\">SELEZIONATORE<\/div>\n Bene. Perch\u00e9 vorrebbe lavorare nel nostro ristorante?\n <\/div>\n \n <div class=\"dialog-line dialog-candidate\">\n <div class=\"dialog-label\">CANDIDATO<\/div>\n Ho visto che avete ottime recensioni su Google e mi piacerebbe lavorare in un posto che tiene alla qualit\u00e0 del servizio. Voglio continuare a crescere in questo settore.\n <\/div>\n \n <div class=\"dialog-line dialog-interviewer\">\n <div class=\"dialog-label\">SELEZIONATORE<\/div>\n Qual \u00e8 la sua disponibilit\u00e0 per gli orari?\n <\/div>\n \n <div class=\"dialog-line dialog-candidate\">\n <div class=\"dialog-label\">CANDIDATO<\/div>\n Sono disponibile tutti i giorni, anche nei weekend e nei festivi. Posso fare sia turni di pranzo che di cena.\n <\/div>\n \n <div class=\"dialog-line dialog-interviewer\">\n <div class=\"dialog-label\">SELEZIONATORE<\/div>\n Perfetto. Ha qualche domanda per noi?\n <\/div>\n \n <div class=\"dialog-line dialog-candidate\">\n <div class=\"dialog-label\">CANDIDATO<\/div>\n S\u00ec, volevo chiedere: quando inizia il periodo di formazione? E quante persone lavorano di solito in un turno?\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"content-grid\" style=\"margin-top: 40px;\">\n <div class=\"checklist\">\n <h4 class=\"checklist-title\">✅ Checklist Autovalutazione<\/h4>\n <div class=\"checklist-item\">\n <div class=\"checkbox\" onclick=\"toggleCheckbox(this)\"><\/div>\n <span class=\"checklist-text\">Ho salutato in modo cordiale<\/span>\n <\/div>\n <div class=\"checklist-item\">\n <div class=\"checkbox\" onclick=\"toggleCheckbox(this)\"><\/div>\n <span class=\"checklist-text\">Ho guardato negli occhi il selezionatore<\/span>\n <\/div>\n <div class=\"checklist-item\">\n <div class=\"checkbox\" onclick=\"toggleCheckbox(this)\"><\/div>\n <span class=\"checklist-text\">Ho parlato con voce chiara<\/span>\n <\/div>\n <div class=\"checklist-item\">\n <div class=\"checkbox\" onclick=\"toggleCheckbox(this)\"><\/div>\n <span class=\"checklist-text\">Ho risposto alle domande in modo completo<\/span>\n <\/div>\n <div class=\"checklist-item\">\n <div class=\"checkbox\" onclick=\"toggleCheckbox(this)\"><\/div>\n <span class=\"checklist-text\">Ho parlato delle mie esperienze con esempi<\/span>\n <\/div>\n <div class=\"checklist-item\">\n <div class=\"checkbox\" onclick=\"toggleCheckbox(this)\"><\/div>\n <span class=\"checklist-text\">Ho mostrato interesse per l’azienda<\/span>\n <\/div>\n <div class=\"checklist-item\">\n <div class=\"checkbox\" onclick=\"toggleCheckbox(this)\"><\/div>\n <span class=\"checklist-text\">Ho fatto domande alla fine<\/span>\n <\/div>\n <div class=\"checklist-item\">\n <div class=\"checkbox\" onclick=\"toggleCheckbox(this)\"><\/div>\n <span class=\"checklist-text\">Ho ringraziato alla fine<\/span>\n <\/div>\n <div class=\"progress-container\">\n <div class=\"progress-bar\" id=\"sim-progress\" style=\"width: 0%;\"><\/div>\n <\/div>\n <p class=\"progress-text\" id=\"sim-progress-text\">0\/8 completati<\/p>\n <\/div>\n\n <div class=\"content-card\">\n <div class=\"card-icon\">🎯<\/div>\n <h4 class=\"card-title\">Consigli per la Simulazione<\/h4>\n <p class=\"card-text\">\n <ul>\n <li>Non avere paura di sbagliare – \u00e8 per imparare!<\/li>\n <li>Ascolta il feedback dei compagni<\/li>\n <li>Prova pi\u00f9 volte – migliorerai ogni volta<\/li>\n <li>Fai anche tu da “selezionatore” per capire l’altra prospettiva<\/li>\n <li>Registrati con il telefono per rivederti<\/li>\n <\/ul>\n <\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"tips-box\">\n <div class=\"tips-title\">🎉 Congratulazioni!<\/div>\n <p style=\"margin-bottom: 15px;\">Hai completato il corso di orientamento al lavoro. Ora hai gli strumenti per:<\/p>\n <ul class=\"tips-list\">\n <li>Usare l’email in modo professionale<\/li>\n <li>Creare un CV efficace con Europass<\/li>\n <li>Cercare lavoro su Indeed, Subito.it e altre piattaforme<\/li>\n <li>Prepararti e affrontare un colloquio con sicurezza<\/li>\n <\/ul>\n <p style=\"margin-top: 20px; font-weight: 600; color: var(--primary);\">In bocca al lupo per la tua ricerca di lavoro! 🍀<\/p>\n <\/div>\n <\/section>\n\n <\/main>\n\n \n <footer class=\"footer\">\n <p class=\"footer-text\">Corso di Orientamento al Lavoro \u2022 Ottobre – Dicembre 2025<\/p>\n <p class=\"footer-text\" style=\"margin-top: 10px; opacity: 0.6;\">Guida interattiva per la ricerca del lavoro<\/p>\n <\/footer>\n\n <script>\n \/\/ Navigation\n function showSection(sectionId) {\n \/\/ Hide all sections\n document.querySelectorAll('.section').forEach(s => s.classList.remove('active'));\n \/\/ Show selected section\n document.getElementById(sectionId).classList.add('active');\n \/\/ Update nav\n document.querySelectorAll('.nav-item').forEach(n => n.classList.remove('active'));\n event.target.classList.add('active');\n \/\/ Scroll to top\n window.scrollTo({ top: 0, behavior: 'smooth' });\n }\n\n \/\/ Accordion\n function toggleAccordion(header) {\n const item = header.parentElement;\n item.classList.toggle('open');\n }\n\n \/\/ Checkbox with progress\n function toggleCheckbox(checkbox) {\n checkbox.classList.toggle('checked');\n if (checkbox.classList.contains('checked')) {\n checkbox.innerHTML = '\u2713';\n checkbox.nextElementSibling.classList.add('completed');\n } else {\n checkbox.innerHTML = '';\n checkbox.nextElementSibling.classList.remove('completed');\n }\n updateProgress();\n }\n\n function updateProgress() {\n \/\/ Indeed progress\n const indeedChecklist = document.querySelector('#modulo3 .checklist');\n if (indeedChecklist) {\n const indeedChecked = indeedChecklist.querySelectorAll('.checkbox.checked').length;\n const indeedTotal = indeedChecklist.querySelectorAll('.checkbox').length;\n const indeedPercent = (indeedChecked \/ indeedTotal) * 100;\n document.getElementById('indeed-progress').style.width = indeedPercent + '%';\n document.getElementById('indeed-progress-text').textContent = indeedChecked + '\/' + indeedTotal + ' completati';\n }\n\n \/\/ Simulation progress\n const simChecklist = document.querySelector('#modulo5 .checklist');\n if (simChecklist) {\n const simChecked = simChecklist.querySelectorAll('.checkbox.checked').length;\n const simTotal = simChecklist.querySelectorAll('.checkbox').length;\n const simPercent = (simChecked \/ simTotal) * 100;\n document.getElementById('sim-progress').style.width = simPercent + '%';\n document.getElementById('sim-progress-text').textContent = simChecked + '\/' + simTotal + ' completati';\n }\n }\n\n \/\/ Smooth scroll for nav on mobile\n document.querySelector('.nav').addEventListener('wheel', function(e) {\n e.preventDefault();\n this.scrollLeft += e.deltaY;\n });\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Guida al Corso di Orientamento al Lavoro Guida al Corso di Orientamento al Lavoro Un percorso completo per prepararti al mondo del lavoro: dall’email al colloquio 📚 40 Lezioni \u2022 5 Moduli \u2022 80 Ore 📧 Modulo 1: Email 📄 Modulo 2: CV 🔍 Modulo 3: Piattaforme 🤝 Modulo 4: Colloquio 🎭 Modulo 5: Simulazioni … <a title=\"Orientamento al lavoro 2025\/2026\" class=\"read-more\" href=\"https:\/\/studikis.it\/?p=39\" aria-label=\"Read more about Orientamento al lavoro 2025\/2026\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-39","post","type-post","status-publish","format-standard","hentry","category-corsimarzogiugno26"],"_links":{"self":[{"href":"https:\/\/studikis.it\/index.php?rest_route=\/wp\/v2\/posts\/39","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/studikis.it\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/studikis.it\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/studikis.it\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/studikis.it\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=39"}],"version-history":[{"count":2,"href":"https:\/\/studikis.it\/index.php?rest_route=\/wp\/v2\/posts\/39\/revisions"}],"predecessor-version":[{"id":41,"href":"https:\/\/studikis.it\/index.php?rest_route=\/wp\/v2\/posts\/39\/revisions\/41"}],"wp:attachment":[{"href":"https:\/\/studikis.it\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=39"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/studikis.it\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=39"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/studikis.it\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=39"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":39,"date":"2026-01-27T11:24:21","date_gmt":"2026-01-27T11:24:21","guid":{"rendered":"https:\/\/studikis.it\/?p=39"},"modified":"2026-03-10T10:32:56","modified_gmt":"2026-03-10T10:32:56","slug":"orientamento-al-lavoro-2025-2026","status":"publish","type":"post","link":"https:\/\/studikis.it\/?p=39","title":{"rendered":"Orientamento al lavoro 2025\/2026"},"content":{"rendered":"\n\n\n\n \n \n Guida al Corso di Orientamento al Lavoro<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;600;700&family=Source+Sans+Pro:wght@300;400;600;700&display=swap\" rel=\"stylesheet\">\n <style>\n :root {\n --primary: #1a365d;\n --secondary: #2c5282;\n --accent: #ed8936;\n --accent-light: #fbd38d;\n --bg-warm: #fffaf0;\n --bg-card: #ffffff;\n --text-dark: #2d3748;\n --text-light: #718096;\n --modulo1: #3182ce;\n --modulo2: #38a169;\n --modulo3: #d69e2e;\n --modulo4: #e53e3e;\n --modulo5: #805ad5;\n --shadow: 0 10px 40px rgba(0,0,0,0.1);\n --shadow-hover: 0 20px 60px rgba(0,0,0,0.15);\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Source Sans Pro', sans-serif;\n background: var(--bg-warm);\n color: var(--text-dark);\n line-height: 1.7;\n overflow-x: hidden;\n }\n\n \/* Header *\/\n .hero {\n background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);\n color: white;\n padding: 80px 20px;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n\n .hero::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 60%);\n animation: pulse 15s ease-in-out infinite;\n }\n\n @keyframes pulse {\n 0%, 100% { transform: scale(1); opacity: 0.5; }\n 50% { transform: scale(1.2); opacity: 0.8; }\n }\n\n .hero-content {\n position: relative;\n z-index: 1;\n max-width: 900px;\n margin: 0 auto;\n }\n\n .hero h1 {\n font-family: 'Playfair Display', serif;\n font-size: clamp(2.5rem, 6vw, 4rem);\n font-weight: 700;\n margin-bottom: 20px;\n letter-spacing: -1px;\n }\n\n .hero-subtitle {\n font-size: 1.3rem;\n opacity: 0.9;\n margin-bottom: 30px;\n font-weight: 300;\n }\n\n .hero-badge {\n display: inline-block;\n background: var(--accent);\n color: white;\n padding: 10px 25px;\n border-radius: 50px;\n font-weight: 600;\n font-size: 0.95rem;\n animation: float 3s ease-in-out infinite;\n }\n\n @keyframes float {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-10px); }\n }\n\n \/* Navigation *\/\n .nav-container {\n background: var(--bg-card);\n box-shadow: 0 2px 20px rgba(0,0,0,0.08);\n position: sticky;\n top: 0;\n z-index: 100;\n }\n\n .nav {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n display: flex;\n overflow-x: auto;\n scrollbar-width: none;\n }\n\n .nav::-webkit-scrollbar {\n display: none;\n }\n\n .nav-item {\n padding: 18px 25px;\n cursor: pointer;\n font-weight: 600;\n font-size: 0.9rem;\n white-space: nowrap;\n border-bottom: 3px solid transparent;\n transition: all 0.3s ease;\n color: var(--text-light);\n }\n\n .nav-item:hover, .nav-item.active {\n color: var(--primary);\n border-bottom-color: var(--accent);\n }\n\n .nav-item[data-module=\"1\"] { border-left: 4px solid var(--modulo1); }\n .nav-item[data-module=\"2\"] { border-left: 4px solid var(--modulo2); }\n .nav-item[data-module=\"3\"] { border-left: 4px solid var(--modulo3); }\n .nav-item[data-module=\"4\"] { border-left: 4px solid var(--modulo4); }\n .nav-item[data-module=\"5\"] { border-left: 4px solid var(--modulo5); }\n\n \/* Main Content *\/\n .main {\n max-width: 1200px;\n margin: 0 auto;\n padding: 60px 20px;\n }\n\n \/* Section *\/\n .section {\n display: none;\n animation: fadeIn 0.5s ease;\n }\n\n .section.active {\n display: block;\n }\n\n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n .section-header {\n text-align: center;\n margin-bottom: 50px;\n }\n\n .section-title {\n font-family: 'Playfair Display', serif;\n font-size: 2.5rem;\n color: var(--primary);\n margin-bottom: 15px;\n }\n\n .section-desc {\n font-size: 1.1rem;\n color: var(--text-light);\n max-width: 600px;\n margin: 0 auto;\n }\n\n \/* Concept Map *\/\n .concept-map {\n background: var(--bg-card);\n border-radius: 20px;\n padding: 40px;\n box-shadow: var(--shadow);\n margin-bottom: 40px;\n }\n\n .map-title {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n color: var(--primary);\n margin-bottom: 30px;\n text-align: center;\n position: relative;\n }\n\n .map-title::after {\n content: '';\n display: block;\n width: 60px;\n height: 3px;\n background: var(--accent);\n margin: 15px auto 0;\n border-radius: 3px;\n }\n\n \/* Mind Map SVG *\/\n .mindmap-container {\n overflow-x: auto;\n padding: 20px 0;\n }\n\n .mindmap {\n min-width: 800px;\n max-width: 100%;\n }\n\n .mindmap text {\n font-family: 'Source Sans Pro', sans-serif;\n }\n\n \/* Content Cards *\/\n .content-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 25px;\n margin-top: 40px;\n }\n\n .content-card {\n background: var(--bg-card);\n border-radius: 16px;\n padding: 30px;\n box-shadow: var(--shadow);\n transition: all 0.3s ease;\n border-left: 4px solid var(--accent);\n }\n\n .content-card:hover {\n transform: translateY(-5px);\n box-shadow: var(--shadow-hover);\n }\n\n .card-icon {\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, var(--accent-light), var(--accent));\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.5rem;\n margin-bottom: 20px;\n }\n\n .card-title {\n font-family: 'Playfair Display', serif;\n font-size: 1.25rem;\n color: var(--primary);\n margin-bottom: 12px;\n }\n\n .card-text {\n color: var(--text-light);\n font-size: 0.95rem;\n }\n\n .card-text ul {\n margin-top: 10px;\n padding-left: 20px;\n }\n\n .card-text li {\n margin-bottom: 8px;\n }\n\n \/* Tips Box *\/\n .tips-box {\n background: linear-gradient(135deg, var(--accent-light) 0%, #fef3c7 100%);\n border-radius: 16px;\n padding: 30px;\n margin-top: 30px;\n border-left: 5px solid var(--accent);\n }\n\n .tips-title {\n font-weight: 700;\n color: var(--primary);\n margin-bottom: 15px;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n .tips-list {\n list-style: none;\n }\n\n .tips-list li {\n padding: 8px 0;\n padding-left: 25px;\n position: relative;\n }\n\n .tips-list li::before {\n content: '\u2713';\n position: absolute;\n left: 0;\n color: var(--modulo2);\n font-weight: bold;\n }\n\n \/* Accordion *\/\n .accordion {\n margin-top: 30px;\n }\n\n .accordion-item {\n background: var(--bg-card);\n border-radius: 12px;\n margin-bottom: 15px;\n box-shadow: 0 2px 10px rgba(0,0,0,0.05);\n overflow: hidden;\n }\n\n .accordion-header {\n padding: 20px 25px;\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n font-weight: 600;\n color: var(--primary);\n transition: background 0.3s ease;\n }\n\n .accordion-header:hover {\n background: #f7fafc;\n }\n\n .accordion-icon {\n font-size: 1.5rem;\n transition: transform 0.3s ease;\n }\n\n .accordion-item.open .accordion-icon {\n transform: rotate(45deg);\n }\n\n .accordion-content {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.3s ease;\n }\n\n .accordion-item.open .accordion-content {\n max-height: 1000px;\n }\n\n .accordion-inner {\n padding: 0 25px 25px;\n color: var(--text-light);\n }\n\n \/* Checklist *\/\n .checklist {\n background: var(--bg-card);\n border-radius: 16px;\n padding: 30px;\n box-shadow: var(--shadow);\n }\n\n .checklist-title {\n font-family: 'Playfair Display', serif;\n font-size: 1.3rem;\n color: var(--primary);\n margin-bottom: 20px;\n }\n\n .checklist-item {\n display: flex;\n align-items: flex-start;\n gap: 15px;\n padding: 12px 0;\n border-bottom: 1px solid #e2e8f0;\n }\n\n .checklist-item:last-child {\n border-bottom: none;\n }\n\n .checkbox {\n width: 24px;\n height: 24px;\n border: 2px solid var(--accent);\n border-radius: 6px;\n cursor: pointer;\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.2s ease;\n }\n\n .checkbox.checked {\n background: var(--accent);\n color: white;\n }\n\n .checklist-text {\n flex: 1;\n }\n\n .checklist-text.completed {\n text-decoration: line-through;\n opacity: 0.6;\n }\n\n \/* Progress Bar *\/\n .progress-container {\n background: #e2e8f0;\n border-radius: 10px;\n height: 12px;\n margin-top: 20px;\n overflow: hidden;\n }\n\n .progress-bar {\n height: 100%;\n background: linear-gradient(90deg, var(--modulo2), var(--accent));\n border-radius: 10px;\n transition: width 0.5s ease;\n }\n\n .progress-text {\n text-align: center;\n margin-top: 10px;\n font-weight: 600;\n color: var(--primary);\n }\n\n \/* Example Dialog *\/\n .example-box {\n background: #f0fff4;\n border: 2px solid var(--modulo2);\n border-radius: 12px;\n padding: 25px;\n margin: 20px 0;\n }\n\n .example-label {\n background: var(--modulo2);\n color: white;\n padding: 5px 15px;\n border-radius: 20px;\n font-size: 0.85rem;\n font-weight: 600;\n display: inline-block;\n margin-bottom: 15px;\n }\n\n .dialog {\n margin-top: 15px;\n }\n\n .dialog-line {\n padding: 10px 15px;\n margin: 8px 0;\n border-radius: 12px;\n max-width: 85%;\n }\n\n .dialog-interviewer {\n background: #e2e8f0;\n margin-right: auto;\n }\n\n .dialog-candidate {\n background: var(--modulo1);\n color: white;\n margin-left: auto;\n }\n\n .dialog-label {\n font-size: 0.75rem;\n font-weight: 600;\n opacity: 0.7;\n margin-bottom: 5px;\n }\n\n \/* Footer *\/\n .footer {\n background: var(--primary);\n color: white;\n text-align: center;\n padding: 40px 20px;\n margin-top: 60px;\n }\n\n .footer-text {\n opacity: 0.8;\n font-size: 0.9rem;\n }\n\n \/* Responsive *\/\n @media (max-width: 768px) {\n .hero {\n padding: 50px 20px;\n }\n\n .concept-map {\n padding: 20px;\n }\n\n .content-grid {\n grid-template-columns: 1fr;\n }\n }\n\n \/* Print styles *\/\n @media print {\n .nav-container {\n display: none;\n }\n\n .section {\n display: block !important;\n page-break-after: always;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n \n <header class=\"hero\">\n <div class=\"hero-content\">\n <h1>Guida al Corso di Orientamento al Lavoro<\/h1>\n <p class=\"hero-subtitle\">Un percorso completo per prepararti al mondo del lavoro: dall’email al colloquio<\/p>\n <span class=\"hero-badge\">📚 40 Lezioni \u2022 5 Moduli \u2022 80 Ore<\/span>\n <\/div>\n <\/header>\n\n \n <nav class=\"nav-container\">\n <div class=\"nav\">\n <div class=\"nav-item active\" data-module=\"1\" onclick=\"showSection('modulo1')\">📧 Modulo 1: Email<\/div>\n <div class=\"nav-item\" data-module=\"2\" onclick=\"showSection('modulo2')\">📄 Modulo 2: CV<\/div>\n <div class=\"nav-item\" data-module=\"3\" onclick=\"showSection('modulo3')\">🔍 Modulo 3: Piattaforme<\/div>\n <div class=\"nav-item\" data-module=\"4\" onclick=\"showSection('modulo4')\">🤝 Modulo 4: Colloquio<\/div>\n <div class=\"nav-item\" data-module=\"5\" onclick=\"showSection('modulo5')\">🎭 Modulo 5: Simulazioni<\/div>\n <\/div>\n <\/nav>\n\n \n <main class=\"main\">\n\n \n <section id=\"modulo1\" class=\"section active\">\n <div class=\"section-header\">\n <h2 class=\"section-title\">Modulo 1: Comunicazione Digitale<\/h2>\n <p class=\"section-desc\">Impara a usare l’email in modo professionale per comunicare con i datori di lavoro<\/p>\n <\/div>\n\n \n <div class=\"concept-map\">\n <h3 class=\"map-title\">Mappa Concettuale: L’Email Professionale<\/h3>\n <div class=\"mindmap-container\">\n <svg class=\"mindmap\" viewBox=\"0 0 900 500\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n \n <ellipse cx=\"450\" cy=\"250\" rx=\"100\" ry=\"50\" fill=\"#3182ce\" opacity=\"0.9\"\/>\n <text x=\"450\" y=\"255\" text-anchor=\"middle\" fill=\"white\" font-size=\"18\" font-weight=\"bold\">EMAIL<\/text>\n <text x=\"450\" y=\"275\" text-anchor=\"middle\" fill=\"white\" font-size=\"12\">Posta Elettronica<\/text>\n \n \n <path d=\"M 350 250 Q 250 200 150 150\" stroke=\"#38a169\" stroke-width=\"3\" fill=\"none\"\/>\n <ellipse cx=\"120\" cy=\"120\" rx=\"90\" ry=\"40\" fill=\"#38a169\" opacity=\"0.85\"\/>\n <text x=\"120\" y=\"115\" text-anchor=\"middle\" fill=\"white\" font-size=\"14\" font-weight=\"bold\">CREARE<\/text>\n <text x=\"120\" y=\"135\" text-anchor=\"middle\" fill=\"white\" font-size=\"12\">Account Gmail<\/text>\n \n \n <line x1=\"60\" y1=\"80\" x2=\"40\" y2=\"50\" stroke=\"#38a169\" stroke-width=\"2\"\/>\n <text x=\"40\" y=\"40\" text-anchor=\"middle\" fill=\"#2d3748\" font-size=\"11\">Nome professionale<\/text>\n \n <line x1=\"120\" y1=\"80\" x2=\"120\" y2=\"40\" stroke=\"#38a169\" stroke-width=\"2\"\/>\n <text x=\"120\" y=\"30\" text-anchor=\"middle\" fill=\"#2d3748\" font-size=\"11\">Password sicura<\/text>\n \n <line x1=\"180\" y1=\"80\" x2=\"200\" y2=\"50\" stroke=\"#38a169\" stroke-width=\"2\"\/>\n <text x=\"220\" y=\"40\" text-anchor=\"middle\" fill=\"#2d3748\" font-size=\"11\">Recupero account<\/text>\n \n \n <path d=\"M 550 220 Q 650 180 750 140\" stroke=\"#d69e2e\" stroke-width=\"3\" fill=\"none\"\/>\n <ellipse cx=\"780\" cy=\"110\" rx=\"80\" ry=\"40\" fill=\"#d69e2e\" opacity=\"0.85\"\/>\n <text x=\"780\" y=\"105\" text-anchor=\"middle\" fill=\"white\" font-size=\"14\" font-weight=\"bold\">LEGGERE<\/text>\n <text x=\"780\" y=\"125\" text-anchor=\"middle\" fill=\"white\" font-size=\"12\">Email ricevute<\/text>\n \n \n <line x1=\"820\" y1=\"70\" x2=\"850\" y2=\"40\" stroke=\"#d69e2e\" stroke-width=\"2\"\/>\n <text x=\"860\" y=\"30\" text-anchor=\"end\" fill=\"#2d3748\" font-size=\"11\">Posta in arrivo<\/text>\n \n <line x1=\"850\" y1=\"110\" x2=\"880\" y2=\"110\" stroke=\"#d69e2e\" stroke-width=\"2\"\/>\n <text x=\"885\" y=\"115\" fill=\"#2d3748\" font-size=\"11\">Spam<\/text>\n \n \n <path d=\"M 550 280 Q 650 320 750 360\" stroke=\"#e53e3e\" stroke-width=\"3\" fill=\"none\"\/>\n <ellipse cx=\"780\" cy=\"390\" rx=\"80\" ry=\"40\" fill=\"#e53e3e\" opacity=\"0.85\"\/>\n <text x=\"780\" y=\"385\" text-anchor=\"middle\" fill=\"white\" font-size=\"14\" font-weight=\"bold\">SCRIVERE<\/text>\n <text x=\"780\" y=\"405\" text-anchor=\"middle\" fill=\"white\" font-size=\"12\">Email professionali<\/text>\n \n \n <line x1=\"850\" y1=\"370\" x2=\"880\" y2=\"350\" stroke=\"#e53e3e\" stroke-width=\"2\"\/>\n <text x=\"885\" y=\"345\" fill=\"#2d3748\" font-size=\"11\">Oggetto chiaro<\/text>\n \n <line x1=\"850\" y1=\"390\" x2=\"880\" y2=\"390\" stroke=\"#e53e3e\" stroke-width=\"2\"\/>\n <text x=\"885\" y=\"395\" fill=\"#2d3748\" font-size=\"11\">Saluto formale<\/text>\n \n <line x1=\"850\" y1=\"410\" x2=\"880\" y2=\"430\" stroke=\"#e53e3e\" stroke-width=\"2\"\/>\n <text x=\"885\" y=\"440\" fill=\"#2d3748\" font-size=\"11\">Firma<\/text>\n \n \n <path d=\"M 350 280 Q 250 320 150 360\" stroke=\"#805ad5\" stroke-width=\"3\" fill=\"none\"\/>\n <ellipse cx=\"120\" cy=\"390\" rx=\"85\" ry=\"40\" fill=\"#805ad5\" opacity=\"0.85\"\/>\n <text x=\"120\" y=\"385\" text-anchor=\"middle\" fill=\"white\" font-size=\"14\" font-weight=\"bold\">ORGANIZZARE<\/text>\n <text x=\"120\" y=\"405\" text-anchor=\"middle\" fill=\"white\" font-size=\"12\">La casella<\/text>\n \n \n <line x1=\"50\" y1=\"420\" x2=\"30\" y2=\"450\" stroke=\"#805ad5\" stroke-width=\"2\"\/>\n <text x=\"30\" y=\"465\" text-anchor=\"middle\" fill=\"#2d3748\" font-size=\"11\">Cartelle<\/text>\n \n <line x1=\"120\" y1=\"430\" x2=\"120\" y2=\"470\" stroke=\"#805ad5\" stroke-width=\"2\"\/>\n <text x=\"120\" y=\"485\" text-anchor=\"middle\" fill=\"#2d3748\" font-size=\"11\">Etichette<\/text>\n \n <line x1=\"190\" y1=\"420\" x2=\"210\" y2=\"450\" stroke=\"#805ad5\" stroke-width=\"2\"\/>\n <text x=\"220\" y=\"465\" text-anchor=\"middle\" fill=\"#2d3748\" font-size=\"11\">Cestino<\/text>\n \n \n <path d=\"M 450 300 Q 450 380 450 420\" stroke=\"#3182ce\" stroke-width=\"3\" fill=\"none\"\/>\n <ellipse cx=\"450\" cy=\"450\" rx=\"75\" ry=\"35\" fill=\"#3182ce\" opacity=\"0.85\"\/>\n <text x=\"450\" y=\"455\" text-anchor=\"middle\" fill=\"white\" font-size=\"14\" font-weight=\"bold\">ALLEGATI<\/text>\n \n <line x1=\"380\" y1=\"470\" x2=\"350\" y2=\"490\" stroke=\"#3182ce\" stroke-width=\"2\"\/>\n <text x=\"340\" y=\"500\" text-anchor=\"end\" fill=\"#2d3748\" font-size=\"11\">CV in PDF<\/text>\n \n <line x1=\"520\" y1=\"470\" x2=\"550\" y2=\"490\" stroke=\"#3182ce\" stroke-width=\"2\"\/>\n <text x=\"560\" y=\"500\" fill=\"#2d3748\" font-size=\"11\">Documenti<\/text>\n <\/svg>\n <\/div>\n <\/div>\n\n \n <div class=\"content-grid\">\n <div class=\"content-card\">\n <div class=\"card-icon\">📧<\/div>\n <h4 class=\"card-title\">Cos’\u00e8 l’Email?<\/h4>\n <p class=\"card-text\">\n L’email (posta elettronica) \u00e8 come una lettera digitale. Puoi inviarla istantaneamente a chiunque nel mondo.\n <ul>\n <li>\u00c8 gratuita<\/li>\n <li>Arriva in pochi secondi<\/li>\n <li>Puoi allegare documenti<\/li>\n <li>Rimane salvata per sempre<\/li>\n <\/ul>\n <\/p>\n <\/div>\n\n <div class=\"content-card\">\n <div class=\"card-icon\">🔐<\/div>\n <h4 class=\"card-title\">Creare un Account Gmail<\/h4>\n <p class=\"card-text\">\n Gmail \u00e8 il servizio email di Google, gratuito e facile da usare.\n <ul>\n <li>Vai su gmail.com<\/li>\n <li>Clicca “Crea account”<\/li>\n <li>Scegli un nome professionale (es: nome.cognome@gmail.com)<\/li>\n <li>Crea una password sicura<\/li>\n <\/ul>\n <\/p>\n <\/div>\n\n <div class=\"content-card\">\n <div class=\"card-icon\">✍️<\/div>\n <h4 class=\"card-title\">Scrivere un’Email Professionale<\/h4>\n <p class=\"card-text\">\n Un’email di lavoro deve essere chiara e rispettosa.\n <ul>\n <li><strong>Oggetto:<\/strong> Breve e chiaro<\/li>\n <li><strong>Saluto:<\/strong> “Gentile Sig.\/Sig.ra…”<\/li>\n <li><strong>Corpo:<\/strong> Messaggio breve<\/li>\n <li><strong>Firma:<\/strong> Nome e telefono<\/li>\n <\/ul>\n <\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"example-box\">\n <span class=\"example-label\">📝 ESEMPIO: Email di candidatura<\/span>\n <div style=\"background: white; padding: 20px; border-radius: 8px; margin-top: 15px; font-family: monospace; font-size: 14px;\">\n <p><strong>A:<\/strong> risorse.umane@ristorante.it<\/p>\n <p><strong>Oggetto:<\/strong> Candidatura per posizione cameriere<\/p>\n <hr style=\"margin: 15px 0; border: none; border-top: 1px solid #e2e8f0;\">\n <p>Gentile Responsabile,<\/p>\n <br>\n <p>mi chiamo [Nome Cognome] e sono interessato alla posizione di cameriere presso il vostro ristorante.<\/p>\n <br>\n <p>Ho esperienza nel settore della ristorazione e possiedo la certificazione HACCP.<\/p>\n <br>\n <p>Allego il mio curriculum vitae e resto disponibile per un colloquio.<\/p>\n <br>\n <p>Cordiali saluti,<\/p>\n <p>[Nome Cognome]<\/p>\n <p>Tel: 333-1234567<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"tips-box\">\n <div class=\"tips-title\">💡 Consigli Importanti<\/div>\n <ul class=\"tips-list\">\n <li>Usa un indirizzo email professionale (nome.cognome), non soprannomi<\/li>\n <li>Controlla sempre l’ortografia prima di inviare<\/li>\n <li>Non scrivere tutto in MAIUSCOLO (sembra che gridi!)<\/li>\n <li>Rispondi alle email entro 24 ore<\/li>\n <li>Controlla la cartella spam ogni giorno<\/li>\n <\/ul>\n <\/div>\n <\/section>\n\n \n <section id=\"modulo2\" class=\"section\">\n <div class=\"section-header\">\n <h2 class=\"section-title\">Modulo 2: Il Curriculum Vitae<\/h2>\n <p class=\"section-desc\">Crea un CV efficace che presenti le tue competenze e esperienze<\/p>\n <\/div>\n\n \n <div class=\"concept-map\">\n <h3 class=\"map-title\">Mappa Concettuale: Struttura del CV<\/h3>\n <div class=\"mindmap-container\">\n <svg class=\"mindmap\" viewBox=\"0 0 900 550\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n \n <rect x=\"350\" y=\"225\" width=\"200\" height=\"80\" rx=\"15\" fill=\"#38a169\" opacity=\"0.9\"\/>\n <text x=\"450\" y=\"260\" text-anchor=\"middle\" fill=\"white\" font-size=\"20\" font-weight=\"bold\">CURRICULUM<\/text>\n <text x=\"450\" y=\"285\" text-anchor=\"middle\" fill=\"white\" font-size=\"14\">VITAE<\/text>\n \n \n <path d=\"M 350 250 Q 200 200 100 120\" stroke=\"#3182ce\" stroke-width=\"3\" fill=\"none\"\/>\n <rect x=\"20\" y=\"70\" width=\"160\" height=\"70\" rx=\"10\" fill=\"#3182ce\" opacity=\"0.85\"\/>\n <text x=\"100\" y=\"100\" text-anchor=\"middle\" fill=\"white\" font-size=\"14\" font-weight=\"bold\">DATI PERSONALI<\/text>\n <text x=\"100\" y=\"120\" text-anchor=\"middle\" fill=\"white\" font-size=\"11\">Nome, Indirizzo<\/text>\n <text x=\"100\" y=\"135\" text-anchor=\"middle\" fill=\"white\" font-size=\"11\">Telefono, Email<\/text>\n \n \n <path d=\"M 450 225 Q 450 150 450 80\" stroke=\"#805ad5\" stroke-width=\"3\" fill=\"none\"\/>\n <circle cx=\"450\" cy=\"50\" r=\"40\" fill=\"#805ad5\" opacity=\"0.85\"\/>\n <text x=\"450\" y=\"45\" text-anchor=\"middle\" fill=\"white\" font-size=\"14\" font-weight=\"bold\">FOTO<\/text>\n <text x=\"450\" y=\"62\" text-anchor=\"middle\" fill=\"white\" font-size=\"10\">Professionale<\/text>\n \n \n <path d=\"M 550 250 Q 700 200 800 120\" stroke=\"#e53e3e\" stroke-width=\"3\" fill=\"none\"\/>\n <rect x=\"720\" y=\"70\" width=\"160\" height=\"80\" rx=\"10\" fill=\"#e53e3e\" opacity=\"0.85\"\/>\n <text x=\"800\" y=\"100\" text-anchor=\"middle\" fill=\"white\" font-size=\"14\" font-weight=\"bold\">ESPERIENZE<\/text>\n <text x=\"800\" y=\"120\" text-anchor=\"middle\" fill=\"white\" font-size=\"11\">Lavori precedenti<\/text>\n <text x=\"800\" y=\"135\" text-anchor=\"middle\" fill=\"white\" font-size=\"11\">Mansioni svolte<\/text>\n \n \n <line x1=\"880\" y1=\"110\" x2=\"900\" y2=\"90\" stroke=\"#e53e3e\" stroke-width=\"2\"\/>\n \n \n <path d=\"M 550 265 Q 650 265 750 265\" stroke=\"#d69e2e\" stroke-width=\"3\" fill=\"none\"\/>\n <rect x=\"750\" y=\"235\" width=\"130\" height=\"60\" rx=\"10\" fill=\"#d69e2e\" opacity=\"0.85\"\/>\n <text x=\"815\" y=\"260\" text-anchor=\"middle\" fill=\"white\" font-size=\"14\" font-weight=\"bold\">FORMAZIONE<\/text>\n <text x=\"815\" y=\"280\" text-anchor=\"middle\" fill=\"white\" font-size=\"11\">Studi, Corsi<\/text>\n \n \n <path d=\"M 550 290 Q 700 350 800 420\" stroke=\"#38a169\" stroke-width=\"3\" fill=\"none\"\/>\n <rect x=\"720\" y=\"400\" width=\"160\" height=\"70\" rx=\"10\" fill=\"#38a169\" opacity=\"0.85\"\/>\n <text x=\"800\" y=\"430\" text-anchor=\"middle\" fill=\"white\" font-size=\"14\" font-weight=\"bold\">CERTIFICAZIONI<\/text>\n <text x=\"800\" y=\"450\" text-anchor=\"middle\" fill=\"white\" font-size=\"12\">HACCP \u2713<\/text>\n \n \n <path d=\"M 450 305 Q 450 380 450 450\" stroke=\"#3182ce\" stroke-width=\"3\" fill=\"none\"\/>\n <rect x=\"375\" y=\"450\" width=\"150\" height=\"60\" rx=\"10\" fill=\"#3182ce\" opacity=\"0.85\"\/>\n <text x=\"450\" y=\"475\" text-anchor=\"middle\" fill=\"white\" font-size=\"14\" font-weight=\"bold\">LINGUE<\/text>\n <text x=\"450\" y=\"495\" text-anchor=\"middle\" fill=\"white\" font-size=\"11\">Italiano, altre lingue<\/text>\n \n \n <path d=\"M 350 290 Q 200 350 100 420\" stroke=\"#805ad5\" stroke-width=\"3\" fill=\"none\"\/>\n <rect x=\"20\" y=\"400\" width=\"160\" height=\"70\" rx=\"10\" fill=\"#805ad5\" opacity=\"0.85\"\/>\n <text x=\"100\" y=\"430\" text-anchor=\"middle\" fill=\"white\" font-size=\"14\" font-weight=\"bold\">COMPETENZE<\/text>\n <text x=\"100\" y=\"450\" text-anchor=\"middle\" fill=\"white\" font-size=\"11\">Cosa sai fare<\/text>\n \n \n <path d=\"M 350 265 Q 250 265 150 265\" stroke=\"#e53e3e\" stroke-width=\"3\" fill=\"none\"\/>\n <rect x=\"20\" y=\"235\" width=\"130\" height=\"60\" rx=\"10\" fill=\"#e53e3e\" opacity=\"0.85\"\/>\n <text x=\"85\" y=\"260\" text-anchor=\"middle\" fill=\"white\" font-size=\"14\" font-weight=\"bold\">PROFILO<\/text>\n <text x=\"85\" y=\"280\" text-anchor=\"middle\" fill=\"white\" font-size=\"11\">Chi sei in breve<\/text>\n <\/svg>\n <\/div>\n <\/div>\n\n \n <div class=\"content-grid\">\n <div class=\"content-card\">\n <div class=\"card-icon\">👤<\/div>\n <h4 class=\"card-title\">Dati Personali<\/h4>\n <p class=\"card-text\">\n Le informazioni base che servono per contattarti:\n <ul>\n <li>Nome e cognome completi<\/li>\n <li>Data di nascita<\/li>\n <li>Indirizzo (citt\u00e0 \u00e8 sufficiente)<\/li>\n <li>Numero di telefono<\/li>\n <li>Email professionale<\/li>\n <\/ul>\n <\/p>\n <\/div>\n\n <div class=\"content-card\">\n <div class=\"card-icon\">💼<\/div>\n <h4 class=\"card-title\">Esperienze Lavorative<\/h4>\n <p class=\"card-text\">\n Descrivi i lavori che hai fatto, dal pi\u00f9 recente:\n <ul>\n <li>Nome dell’azienda<\/li>\n <li>Periodo (da – a)<\/li>\n <li>Ruolo\/posizione<\/li>\n <li>Cosa facevi (mansioni)<\/li>\n <li>Risultati ottenuti<\/li>\n <\/ul>\n <\/p>\n <\/div>\n\n <div class=\"content-card\">\n <div class=\"card-icon\">🎓<\/div>\n <h4 class=\"card-title\">Formazione e Certificazioni<\/h4>\n <p class=\"card-text\">\n I tuoi studi e certificati:\n <ul>\n <li>Titolo di studio<\/li>\n <li>Scuola\/istituto<\/li>\n <li>Anno di conseguimento<\/li>\n <li><strong>Certificazione HACCP<\/strong><\/li>\n <li>Altri corsi frequentati<\/li>\n <\/ul>\n <\/p>\n <\/div>\n\n <div class=\"content-card\">\n <div class=\"card-icon\">🌟<\/div>\n <h4 class=\"card-title\">Competenze<\/h4>\n <p class=\"card-text\">\n Le tue capacit\u00e0 e abilit\u00e0:\n <ul>\n <li><strong>Lingue:<\/strong> Italiano (livello), altre lingue<\/li>\n <li><strong>Informatica:<\/strong> Email, Word, Internet<\/li>\n <li><strong>Soft skills:<\/strong> Lavoro in team, puntualit\u00e0<\/li>\n <li><strong>Tecniche:<\/strong> Specifiche del settore<\/li>\n <\/ul>\n <\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"concept-map\" style=\"margin-top: 40px;\">\n <h3 class=\"map-title\">Come Creare il CV con Europass<\/h3>\n <div class=\"accordion\">\n <div class=\"accordion-item\">\n <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\n <span>📝 Passo 1: Accedi a Europass<\/span>\n <span class=\"accordion-icon\">+<\/span>\n <\/div>\n <div class=\"accordion-content\">\n <div class=\"accordion-inner\">\n <p>Vai su <strong>europa.eu\/europass<\/strong> e clicca su “Crea il tuo CV”. Puoi creare un account gratuito per salvare i tuoi progressi.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"accordion-item\">\n <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\n <span>👤 Passo 2: Inserisci i dati personali<\/span>\n <span class=\"accordion-icon\">+<\/span>\n <\/div>\n <div class=\"accordion-content\">\n <div class=\"accordion-inner\">\n <p>Compila con attenzione: nome, cognome, indirizzo, telefono, email. Puoi anche caricare una foto professionale.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"accordion-item\">\n <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\n <span>💼 Passo 3: Aggiungi le esperienze<\/span>\n <span class=\"accordion-icon\">+<\/span>\n <\/div>\n <div class=\"accordion-content\">\n <div class=\"accordion-inner\">\n <p>Per ogni lavoro, inserisci: nome azienda, date, ruolo e descrizione delle mansioni. Usa verbi d’azione: “Ho gestito…”, “Ho servito…”, “Ho preparato…”<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"accordion-item\">\n <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\n <span>🎓 Passo 4: Formazione e certificazioni<\/span>\n <span class=\"accordion-icon\">+<\/span>\n <\/div>\n <div class=\"accordion-content\">\n <div class=\"accordion-inner\">\n <p>Aggiungi i tuoi studi e soprattutto la <strong>certificazione HACCP<\/strong>. Questo \u00e8 molto importante per i lavori nella ristorazione!<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"accordion-item\">\n <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\n <span>📥 Passo 5: Scarica il CV<\/span>\n <span class=\"accordion-icon\">+<\/span>\n <\/div>\n <div class=\"accordion-content\">\n <div class=\"accordion-inner\">\n <p>Quando hai finito, clicca “Scarica” e scegli il formato PDF. Salva il file con un nome chiaro: <strong>CV_NomeCognome.pdf<\/strong><\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"tips-box\">\n <div class=\"tips-title\">💡 Consigli per un CV Efficace<\/div>\n <ul class=\"tips-list\">\n <li>Massimo 2 pagine, meglio 1 sola pagina<\/li>\n <li>Foto professionale: sfondo neutro, vestito ordinato, sorriso<\/li>\n <li>Niente errori di ortografia – fai rileggere a qualcuno<\/li>\n <li>Salva sempre in PDF per non perdere la formattazione<\/li>\n <li>Personalizza il CV per ogni candidatura<\/li>\n <li>Non mentire mai sulle competenze<\/li>\n <\/ul>\n <\/div>\n <\/section>\n\n \n <section id=\"modulo3\" class=\"section\">\n <div class=\"section-header\">\n <h2 class=\"section-title\">Modulo 3: Piattaforme di Ricerca Lavoro<\/h2>\n <p class=\"section-desc\">Scopri i migliori siti per cercare offerte di lavoro e candidarti online<\/p>\n <\/div>\n\n \n <div class=\"concept-map\">\n <h3 class=\"map-title\">Mappa Concettuale: Cercare Lavoro Online<\/h3>\n <div class=\"mindmap-container\">\n <svg class=\"mindmap\" viewBox=\"0 0 900 450\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n \n <ellipse cx=\"450\" cy=\"225\" rx=\"120\" ry=\"55\" fill=\"#d69e2e\" opacity=\"0.9\"\/>\n <text x=\"450\" y=\"215\" text-anchor=\"middle\" fill=\"white\" font-size=\"16\" font-weight=\"bold\">CERCARE<\/text>\n <text x=\"450\" y=\"240\" text-anchor=\"middle\" fill=\"white\" font-size=\"16\" font-weight=\"bold\">LAVORO ONLINE<\/text>\n \n \n <path d=\"M 330 225 Q 200 225 100 180\" stroke=\"#3182ce\" stroke-width=\"4\" fill=\"none\"\/>\n <rect x=\"20\" y=\"130\" width=\"160\" height=\"80\" rx=\"15\" fill=\"#3182ce\" opacity=\"0.9\"\/>\n <text x=\"100\" y=\"165\" text-anchor=\"middle\" fill=\"white\" font-size=\"18\" font-weight=\"bold\">INDEED<\/text>\n <text x=\"100\" y=\"190\" text-anchor=\"middle\" fill=\"white\" font-size=\"11\">indeed.com<\/text>\n \n \n <circle cx=\"50\" cy=\"80\" r=\"25\" fill=\"#3182ce\" opacity=\"0.7\"\/>\n <text x=\"50\" y=\"85\" text-anchor=\"middle\" fill=\"white\" font-size=\"9\">Crea<\/text>\n <text x=\"50\" y=\"95\" text-anchor=\"middle\" fill=\"white\" font-size=\"9\">account<\/text>\n \n <circle cx=\"100\" cy=\"60\" r=\"25\" fill=\"#3182ce\" opacity=\"0.7\"\/>\n <text x=\"100\" y=\"65\" text-anchor=\"middle\" fill=\"white\" font-size=\"9\">Carica<\/text>\n <text x=\"100\" y=\"75\" text-anchor=\"middle\" fill=\"white\" font-size=\"9\">CV<\/text>\n \n <circle cx=\"150\" cy=\"80\" r=\"25\" fill=\"#3182ce\" opacity=\"0.7\"\/>\n <text x=\"150\" y=\"85\" text-anchor=\"middle\" fill=\"white\" font-size=\"9\">Candidati<\/text>\n \n <line x1=\"50\" y1=\"105\" x2=\"60\" y2=\"130\" stroke=\"#3182ce\" stroke-width=\"2\"\/>\n <line x1=\"100\" y1=\"85\" x2=\"100\" y2=\"130\" stroke=\"#3182ce\" stroke-width=\"2\"\/>\n <line x1=\"150\" y1=\"105\" x2=\"140\" y2=\"130\" stroke=\"#3182ce\" stroke-width=\"2\"\/>\n \n \n <path d=\"M 570 225 Q 700 225 800 180\" stroke=\"#e53e3e\" stroke-width=\"4\" fill=\"none\"\/>\n <rect x=\"720\" y=\"130\" width=\"160\" height=\"80\" rx=\"15\" fill=\"#e53e3e\" opacity=\"0.9\"\/>\n <text x=\"800\" y=\"165\" text-anchor=\"middle\" fill=\"white\" font-size=\"18\" font-weight=\"bold\">SUBITO.IT<\/text>\n <text x=\"800\" y=\"190\" text-anchor=\"middle\" fill=\"white\" font-size=\"11\">subito.it\/lavoro<\/text>\n \n \n <circle cx=\"750\" cy=\"80\" r=\"25\" fill=\"#e53e3e\" opacity=\"0.7\"\/>\n <text x=\"750\" y=\"85\" text-anchor=\"middle\" fill=\"white\" font-size=\"9\">Cerca<\/text>\n \n <circle cx=\"800\" cy=\"60\" r=\"25\" fill=\"#e53e3e\" opacity=\"0.7\"\/>\n <text x=\"800\" y=\"65\" text-anchor=\"middle\" fill=\"white\" font-size=\"9\">Filtra<\/text>\n <text x=\"800\" y=\"75\" text-anchor=\"middle\" fill=\"white\" font-size=\"9\">zona<\/text>\n \n <circle cx=\"850\" cy=\"80\" r=\"25\" fill=\"#e53e3e\" opacity=\"0.7\"\/>\n <text x=\"850\" y=\"85\" text-anchor=\"middle\" fill=\"white\" font-size=\"9\">Contatta<\/text>\n \n <line x1=\"750\" y1=\"105\" x2=\"760\" y2=\"130\" stroke=\"#e53e3e\" stroke-width=\"2\"\/>\n <line x1=\"800\" y1=\"85\" x2=\"800\" y2=\"130\" stroke=\"#e53e3e\" stroke-width=\"2\"\/>\n <line x1=\"850\" y1=\"105\" x2=\"840\" y2=\"130\" stroke=\"#e53e3e\" stroke-width=\"2\"\/>\n \n \n <path d=\"M 380 280 Q 280 350 150 380\" stroke=\"#38a169\" stroke-width=\"3\" fill=\"none\"\/>\n <rect x=\"50\" y=\"350\" width=\"140\" height=\"60\" rx=\"12\" fill=\"#38a169\" opacity=\"0.85\"\/>\n <text x=\"120\" y=\"385\" text-anchor=\"middle\" fill=\"white\" font-size=\"14\" font-weight=\"bold\">INFOJOBS<\/text>\n \n \n <path d=\"M 520 280 Q 620 350 750 380\" stroke=\"#805ad5\" stroke-width=\"3\" fill=\"none\"\/>\n <rect x=\"680\" y=\"350\" width=\"180\" height=\"60\" rx=\"12\" fill=\"#805ad5\" opacity=\"0.85\"\/>\n <text x=\"770\" y=\"375\" text-anchor=\"middle\" fill=\"white\" font-size=\"14\" font-weight=\"bold\">AGENZIE<\/text>\n <text x=\"770\" y=\"395\" text-anchor=\"middle\" fill=\"white\" font-size=\"11\">Adecco, Manpower…<\/text>\n \n \n <path d=\"M 450 280 Q 450 340 450 380\" stroke=\"#d69e2e\" stroke-width=\"3\" fill=\"none\"\/>\n <rect x=\"350\" y=\"380\" width=\"200\" height=\"55\" rx=\"12\" fill=\"#d69e2e\" opacity=\"0.85\"\/>\n <text x=\"450\" y=\"405\" text-anchor=\"middle\" fill=\"white\" font-size=\"13\" font-weight=\"bold\">CENTRO IMPIEGO<\/text>\n <text x=\"450\" y=\"422\" text-anchor=\"middle\" fill=\"white\" font-size=\"10\">Servizio pubblico gratuito<\/text>\n <\/svg>\n <\/div>\n <\/div>\n\n \n <div class=\"content-grid\">\n <div class=\"content-card\" style=\"border-left-color: #3182ce;\">\n <div class=\"card-icon\" style=\"background: linear-gradient(135deg, #90cdf4, #3182ce);\">🔵<\/div>\n <h4 class=\"card-title\">Indeed<\/h4>\n <p class=\"card-text\">\n Il pi\u00f9 grande motore di ricerca lavoro:\n <ul>\n <li>Crea un account gratuito<\/li>\n <li>Carica il tuo CV<\/li>\n <li>Cerca per citt\u00e0 e settore<\/li>\n <li>Candidati con un click<\/li>\n <li>Salva le ricerche preferite<\/li>\n <\/ul>\n <\/p>\n <\/div>\n\n <div class=\"content-card\" style=\"border-left-color: #e53e3e;\">\n <div class=\"card-icon\" style=\"background: linear-gradient(135deg, #feb2b2, #e53e3e);\">🔴<\/div>\n <h4 class=\"card-title\">Subito.it<\/h4>\n <p class=\"card-text\">\n Annunci locali, molto usato in Italia:\n <ul>\n <li>Cerca nella sezione “Lavoro”<\/li>\n <li>Filtra per la tua zona<\/li>\n <li>Leggi bene gli annunci<\/li>\n <li>Contatta via email o telefono<\/li>\n <li>Attenzione alle truffe!<\/li>\n <\/ul>\n <\/p>\n <\/div>\n\n <div class=\"content-card\" style=\"border-left-color: #805ad5;\">\n <div class=\"card-icon\" style=\"background: linear-gradient(135deg, #d6bcfa, #805ad5);\">🏢<\/div>\n <h4 class=\"card-title\">Agenzie Interinali<\/h4>\n <p class=\"card-text\">\n Ti aiutano a trovare lavoro:\n <ul>\n <li><strong>Adecco<\/strong> – adecco.it<\/li>\n <li><strong>Manpower<\/strong> – manpower.it<\/li>\n <li><strong>Gi Group<\/strong> – gigroup.it<\/li>\n <li>Iscriviti di persona o online<\/li>\n <li>Portano il CV alle aziende<\/li>\n <\/ul>\n <\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"checklist\" style=\"margin-top: 40px;\">\n <h4 class=\"checklist-title\">✅ Checklist: Registrarsi su Indeed<\/h4>\n <div class=\"checklist-item\">\n <div class=\"checkbox\" onclick=\"toggleCheckbox(this)\"><\/div>\n <span class=\"checklist-text\">Vai su indeed.com<\/span>\n <\/div>\n <div class=\"checklist-item\">\n <div class=\"checkbox\" onclick=\"toggleCheckbox(this)\"><\/div>\n <span class=\"checklist-text\">Clicca “Accedi” e poi “Crea account”<\/span>\n <\/div>\n <div class=\"checklist-item\">\n <div class=\"checkbox\" onclick=\"toggleCheckbox(this)\"><\/div>\n <span class=\"checklist-text\">Inserisci la tua email e crea una password<\/span>\n <\/div>\n <div class=\"checklist-item\">\n <div class=\"checkbox\" onclick=\"toggleCheckbox(this)\"><\/div>\n <span class=\"checklist-text\">Carica il tuo CV (file PDF)<\/span>\n <\/div>\n <div class=\"checklist-item\">\n <div class=\"checkbox\" onclick=\"toggleCheckbox(this)\"><\/div>\n <span class=\"checklist-text\">Completa il profilo con le tue informazioni<\/span>\n <\/div>\n <div class=\"checklist-item\">\n <div class=\"checkbox\" onclick=\"toggleCheckbox(this)\"><\/div>\n <span class=\"checklist-text\">Cerca offerte: scrivi il lavoro e la citt\u00e0<\/span>\n <\/div>\n <div class=\"checklist-item\">\n <div class=\"checkbox\" onclick=\"toggleCheckbox(this)\"><\/div>\n <span class=\"checklist-text\">Candidati alle offerte interessanti<\/span>\n <\/div>\n <div class=\"progress-container\">\n <div class=\"progress-bar\" id=\"indeed-progress\" style=\"width: 0%;\"><\/div>\n <\/div>\n <p class=\"progress-text\" id=\"indeed-progress-text\">0\/7 completati<\/p>\n <\/div>\n\n \n <div class=\"tips-box\">\n <div class=\"tips-title\">⚠️ Attenzione alle Truffe!<\/div>\n <ul class=\"tips-list\">\n <li>Non pagare MAI per trovare lavoro<\/li>\n <li>Non dare i dati bancari o documenti d’identit\u00e0 prima del contratto<\/li>\n <li>Diffida di offerte troppo belle (stipendi altissimi, lavoro facile)<\/li>\n <li>Verifica che l’azienda esista davvero<\/li>\n <li>I colloqui seri si fanno di persona o in videochiamata<\/li>\n <\/ul>\n <\/div>\n <\/section>\n\n \n <section id=\"modulo4\" class=\"section\">\n <div class=\"section-header\">\n <h2 class=\"section-title\">Modulo 4: Il Colloquio di Lavoro<\/h2>\n <p class=\"section-desc\">Preparati al meglio per affrontare il colloquio con sicurezza<\/p>\n <\/div>\n\n \n <div class=\"concept-map\">\n <h3 class=\"map-title\">Mappa Concettuale: Il Colloquio di Selezione<\/h3>\n <div class=\"mindmap-container\">\n <svg class=\"mindmap\" viewBox=\"0 0 900 500\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n \n <ellipse cx=\"450\" cy=\"250\" rx=\"110\" ry=\"55\" fill=\"#e53e3e\" opacity=\"0.9\"\/>\n <text x=\"450\" y=\"245\" text-anchor=\"middle\" fill=\"white\" font-size=\"18\" font-weight=\"bold\">COLLOQUIO<\/text>\n <text x=\"450\" y=\"270\" text-anchor=\"middle\" fill=\"white\" font-size=\"14\">di Lavoro<\/text>\n \n \n <path d=\"M 340 220 Q 220 150 100 100\" stroke=\"#3182ce\" stroke-width=\"4\" fill=\"none\"\/>\n <rect x=\"20\" y=\"50\" width=\"160\" height=\"80\" rx=\"15\" fill=\"#3182ce\" opacity=\"0.9\"\/>\n <text x=\"100\" y=\"85\" text-anchor=\"middle\" fill=\"white\" font-size=\"16\" font-weight=\"bold\">PRIMA<\/text>\n <text x=\"100\" y=\"108\" text-anchor=\"middle\" fill=\"white\" font-size=\"11\">Preparazione<\/text>\n \n \n <text x=\"30\" y=\"160\" fill=\"#2d3748\" font-size=\"11\">\u2022 Informati sull’azienda<\/text>\n <text x=\"30\" y=\"180\" fill=\"#2d3748\" font-size=\"11\">\u2022 Prepara i documenti<\/text>\n <text x=\"30\" y=\"200\" fill=\"#2d3748\" font-size=\"11\">\u2022 Pianifica il percorso<\/text>\n \n \n <path d=\"M 340 280 Q 220 350 100 400\" stroke=\"#38a169\" stroke-width=\"4\" fill=\"none\"\/>\n <rect x=\"20\" y=\"370\" width=\"160\" height=\"80\" rx=\"15\" fill=\"#38a169\" opacity=\"0.9\"\/>\n <text x=\"100\" y=\"405\" text-anchor=\"middle\" fill=\"white\" font-size=\"16\" font-weight=\"bold\">VESTIRSI<\/text>\n <text x=\"100\" y=\"428\" text-anchor=\"middle\" fill=\"white\" font-size=\"11\">Abbigliamento<\/text>\n \n \n <text x=\"30\" y=\"330\" fill=\"#2d3748\" font-size=\"11\">\u2022 Pulito e ordinato<\/text>\n <text x=\"30\" y=\"350\" fill=\"#2d3748\" font-size=\"11\">\u2022 Adatto al lavoro<\/text>\n \n \n <path d=\"M 450 195 Q 450 120 450 60\" stroke=\"#d69e2e\" stroke-width=\"4\" fill=\"none\"\/>\n <rect x=\"370\" y=\"10\" width=\"160\" height=\"70\" rx=\"15\" fill=\"#d69e2e\" opacity=\"0.9\"\/>\n <text x=\"450\" y=\"45\" text-anchor=\"middle\" fill=\"white\" font-size=\"16\" font-weight=\"bold\">DURANTE<\/text>\n <text x=\"450\" y=\"65\" text-anchor=\"middle\" fill=\"white\" font-size=\"11\">Comportamento<\/text>\n \n \n <text x=\"560\" y=\"35\" fill=\"#2d3748\" font-size=\"11\">Sorridi<\/text>\n <text x=\"560\" y=\"55\" fill=\"#2d3748\" font-size=\"11\">Guarda negli occhi<\/text>\n <text x=\"560\" y=\"75\" fill=\"#2d3748\" font-size=\"11\">Ascolta bene<\/text>\n \n \n <path d=\"M 560 220 Q 680 150 800 100\" stroke=\"#805ad5\" stroke-width=\"4\" fill=\"none\"\/>\n <rect x=\"720\" y=\"50\" width=\"160\" height=\"80\" rx=\"15\" fill=\"#805ad5\" opacity=\"0.9\"\/>\n <text x=\"800\" y=\"85\" text-anchor=\"middle\" fill=\"white\" font-size=\"16\" font-weight=\"bold\">DOMANDE<\/text>\n <text x=\"800\" y=\"108\" text-anchor=\"middle\" fill=\"white\" font-size=\"11\">Come rispondere<\/text>\n \n \n <text x=\"720\" y=\"160\" fill=\"#2d3748\" font-size=\"11\">\u2022 Mi parli di lei<\/text>\n <text x=\"720\" y=\"180\" fill=\"#2d3748\" font-size=\"11\">\u2022 Perch\u00e9 questo lavoro?<\/text>\n <text x=\"720\" y=\"200\" fill=\"#2d3748\" font-size=\"11\">\u2022 Punti di forza<\/text>\n \n \n <path d=\"M 560 280 Q 680 350 800 400\" stroke=\"#e53e3e\" stroke-width=\"4\" fill=\"none\"\/>\n <rect x=\"720\" y=\"370\" width=\"160\" height=\"80\" rx=\"15\" fill=\"#e53e3e\" opacity=\"0.9\"\/>\n <text x=\"800\" y=\"405\" text-anchor=\"middle\" fill=\"white\" font-size=\"16\" font-weight=\"bold\">DOPO<\/text>\n <text x=\"800\" y=\"428\" text-anchor=\"middle\" fill=\"white\" font-size=\"11\">Follow-up<\/text>\n \n \n <text x=\"720\" y=\"330\" fill=\"#2d3748\" font-size=\"11\">\u2022 Ringrazia via email<\/text>\n <text x=\"720\" y=\"350\" fill=\"#2d3748\" font-size=\"11\">\u2022 Aspetta con pazienza<\/text>\n \n \n <path d=\"M 450 305 Q 450 380 450 430\" stroke=\"#3182ce\" stroke-width=\"4\" fill=\"none\"\/>\n <rect x=\"370\" y=\"430\" width=\"160\" height=\"60\" rx=\"15\" fill=\"#3182ce\" opacity=\"0.9\"\/>\n <text x=\"450\" y=\"460\" text-anchor=\"middle\" fill=\"white\" font-size=\"14\" font-weight=\"bold\">LINGUAGGIO<\/text>\n <text x=\"450\" y=\"478\" text-anchor=\"middle\" fill=\"white\" font-size=\"11\">del corpo<\/text>\n <\/svg>\n <\/div>\n <\/div>\n\n \n <div class=\"content-grid\">\n <div class=\"content-card\">\n <div class=\"card-icon\">📋<\/div>\n <h4 class=\"card-title\">Prima del Colloquio<\/h4>\n <p class=\"card-text\">\n La preparazione \u00e8 fondamentale:\n <ul>\n <li>Cerca informazioni sull’azienda<\/li>\n <li>Rileggi l’annuncio di lavoro<\/li>\n <li>Prepara copie del CV<\/li>\n <li>Pianifica come arrivare<\/li>\n <li>Arriva 10 minuti prima<\/li>\n <\/ul>\n <\/p>\n <\/div>\n\n <div class=\"content-card\">\n <div class=\"card-icon\">👔<\/div>\n <h4 class=\"card-title\">Come Vestirsi<\/h4>\n <p class=\"card-text\">\n L’abito giusto per ogni lavoro:\n <ul>\n <li><strong>Ristorante:<\/strong> Pantaloni scuri, camicia pulita<\/li>\n <li><strong>Pulizie:<\/strong> Vestiti semplici e puliti<\/li>\n <li><strong>Ufficio:<\/strong> Pi\u00f9 formale, giacca<\/li>\n <li>Sempre: pulito, stirato, ordinato<\/li>\n <li>Niente profumi forti<\/li>\n <\/ul>\n <\/p>\n <\/div>\n\n <div class=\"content-card\">\n <div class=\"card-icon\">🗣️<\/div>\n <h4 class=\"card-title\">Linguaggio del Corpo<\/h4>\n <p class=\"card-text\">\n Comunichi anche senza parole:\n <ul>\n <li>Sorridi e sii cordiale<\/li>\n <li>Stretta di mano decisa<\/li>\n <li>Guarda negli occhi<\/li>\n <li>Siediti dritto<\/li>\n <li>Non incrociare le braccia<\/li>\n <\/ul>\n <\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"concept-map\" style=\"margin-top: 40px;\">\n <h3 class=\"map-title\">Come Rispondere alle Domande<\/h3>\n \n <div class=\"accordion\">\n <div class=\"accordion-item\">\n <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\n <span>❓ “Mi parli di lei”<\/span>\n <span class=\"accordion-icon\">+<\/span>\n <\/div>\n <div class=\"accordion-content\">\n <div class=\"accordion-inner\">\n <p><strong>Cosa vogliono sapere:<\/strong> Chi sei professionalmente<\/p>\n <p><strong>Come rispondere:<\/strong> Breve presentazione (1-2 minuti) con nome, esperienza principale, perch\u00e9 sei interessato a questo lavoro.<\/p>\n <div class=\"example-box\" style=\"margin-top: 15px;\">\n <span class=\"example-label\">Esempio di risposta<\/span>\n <p style=\"margin-top: 10px;\">“Mi chiamo [Nome], ho lavorato per 2 anni come aiuto cuoco in un ristorante. Ho la certificazione HACCP e mi piace lavorare in team. Sono interessato a questa posizione perch\u00e9 voglio crescere nel settore della ristorazione.”<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"accordion-item\">\n <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\n <span>❓ “Perch\u00e9 vuole lavorare qui?”<\/span>\n <span class=\"accordion-icon\">+<\/span>\n <\/div>\n <div class=\"accordion-content\">\n <div class=\"accordion-inner\">\n <p><strong>Cosa vogliono sapere:<\/strong> Se sei veramente interessato<\/p>\n <p><strong>Come rispondere:<\/strong> Mostra che conosci l’azienda, parla di cosa ti attrae del lavoro.<\/p>\n <div class=\"example-box\" style=\"margin-top: 15px;\">\n <span class=\"example-label\">Esempio di risposta<\/span>\n <p style=\"margin-top: 10px;\">“Ho visto che il vostro ristorante ha ottime recensioni e mi piacerebbe fare parte di un team che lavora bene. Mi piace il contatto con i clienti e vorrei imparare di pi\u00f9 in questo settore.”<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"accordion-item\">\n <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\n <span>❓ “Quali sono i suoi punti di forza?”<\/span>\n <span class=\"accordion-icon\">+<\/span>\n <\/div>\n <div class=\"accordion-content\">\n <div class=\"accordion-inner\">\n <p><strong>Cosa vogliono sapere:<\/strong> Le tue qualit\u00e0 migliori<\/p>\n <p><strong>Come rispondere:<\/strong> Scegli 2-3 qualit\u00e0 utili per quel lavoro, dai un esempio concreto.<\/p>\n <div class=\"example-box\" style=\"margin-top: 15px;\">\n <span class=\"example-label\">Esempio di risposta<\/span>\n <p style=\"margin-top: 10px;\">“Sono molto puntuale, non ho mai fatto ritardo al lavoro. Sono anche bravo a lavorare sotto pressione – nel mio lavoro precedente gestivo bene i momenti di punta.”<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"accordion-item\">\n <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\n <span>❓ “Qual \u00e8 la sua disponibilit\u00e0?”<\/span>\n <span class=\"accordion-icon\">+<\/span>\n <\/div>\n <div class=\"accordion-content\">\n <div class=\"accordion-inner\">\n <p><strong>Cosa vogliono sapere:<\/strong> Quando puoi lavorare<\/p>\n <p><strong>Come rispondere:<\/strong> Sii onesto sui tuoi orari, ma mostra flessibilit\u00e0 se possibile.<\/p>\n <div class=\"example-box\" style=\"margin-top: 15px;\">\n <span class=\"example-label\">Esempio di risposta<\/span>\n <p style=\"margin-top: 10px;\">“Sono disponibile da subito, posso lavorare tutti i giorni della settimana, anche nei weekend. Posso fare sia turni di mattina che di sera.”<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"tips-box\">\n <div class=\"tips-title\">💡 Ricorda Durante il Colloquio<\/div>\n <ul class=\"tips-list\">\n <li>Spegni il telefono o mettilo in silenzioso<\/li>\n <li>Ascolta bene le domande prima di rispondere<\/li>\n <li>Se non capisci, chiedi di ripetere (\u00e8 normale!)<\/li>\n <li>Parla delle tue esperienze con esempi concreti<\/li>\n <li>Alla fine, fai domande sul lavoro (dimostra interesse)<\/li>\n <li>Ringrazia sempre alla fine del colloquio<\/li>\n <\/ul>\n <\/div>\n <\/section>\n\n \n <section id=\"modulo5\" class=\"section\">\n <div class=\"section-header\">\n <h2 class=\"section-title\">Modulo 5: Simulazioni di Colloquio<\/h2>\n <p class=\"section-desc\">Pratica con esercizi realistici per arrivare preparato<\/p>\n <\/div>\n\n \n <div class=\"concept-map\">\n <h3 class=\"map-title\">Mappa Concettuale: La Simulazione<\/h3>\n <div class=\"mindmap-container\">\n <svg class=\"mindmap\" viewBox=\"0 0 900 400\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n \n <ellipse cx=\"450\" cy=\"200\" rx=\"110\" ry=\"55\" fill=\"#805ad5\" opacity=\"0.9\"\/>\n <text x=\"450\" y=\"195\" text-anchor=\"middle\" fill=\"white\" font-size=\"18\" font-weight=\"bold\">SIMULAZIONE<\/text>\n <text x=\"450\" y=\"220\" text-anchor=\"middle\" fill=\"white\" font-size=\"14\">Pratica<\/text>\n \n \n <path d=\"M 450 145 Q 450 80 450 40\" stroke=\"#38a169\" stroke-width=\"3\" fill=\"none\"\/>\n <rect x=\"370\" y=\"10\" width=\"160\" height=\"50\" rx=\"10\" fill=\"#38a169\" opacity=\"0.85\"\/>\n <text x=\"450\" y=\"42\" text-anchor=\"middle\" fill=\"white\" font-size=\"14\" font-weight=\"bold\">OBIETTIVO<\/text>\n \n <text x=\"320\" y=\"60\" fill=\"#2d3748\" font-size=\"11\">Esercitarsi<\/text>\n <text x=\"560\" y=\"60\" fill=\"#2d3748\" font-size=\"11\">Superare la paura<\/text>\n \n \n <path d=\"M 340 200 Q 220 200 100 200\" stroke=\"#3182ce\" stroke-width=\"3\" fill=\"none\"\/>\n <rect x=\"20\" y=\"170\" width=\"140\" height=\"60\" rx=\"10\" fill=\"#3182ce\" opacity=\"0.85\"\/>\n <text x=\"90\" y=\"195\" text-anchor=\"middle\" fill=\"white\" font-size=\"13\" font-weight=\"bold\">PARTECIPANTI<\/text>\n <text x=\"90\" y=\"215\" text-anchor=\"middle\" fill=\"white\" font-size=\"10\">Candidato + Selezionatore<\/text>\n \n \n <path d=\"M 560 200 Q 680 200 800 200\" stroke=\"#e53e3e\" stroke-width=\"3\" fill=\"none\"\/>\n <rect x=\"740\" y=\"170\" width=\"140\" height=\"60\" rx=\"10\" fill=\"#e53e3e\" opacity=\"0.85\"\/>\n <text x=\"810\" y=\"195\" text-anchor=\"middle\" fill=\"white\" font-size=\"13\" font-weight=\"bold\">OSSERVATORI<\/text>\n <text x=\"810\" y=\"215\" text-anchor=\"middle\" fill=\"white\" font-size=\"10\">Il gruppo osserva<\/text>\n \n \n <path d=\"M 450 255 Q 450 320 450 360\" stroke=\"#d69e2e\" stroke-width=\"3\" fill=\"none\"\/>\n <rect x=\"350\" y=\"340\" width=\"200\" height=\"50\" rx=\"10\" fill=\"#d69e2e\" opacity=\"0.85\"\/>\n <text x=\"450\" y=\"370\" text-anchor=\"middle\" fill=\"white\" font-size=\"14\" font-weight=\"bold\">FEEDBACK<\/text>\n \n \n <text x=\"300\" y=\"330\" fill=\"#2d3748\" font-size=\"11\">Cosa \u00e8 andato bene<\/text>\n <text x=\"530\" y=\"330\" fill=\"#2d3748\" font-size=\"11\">Cosa migliorare<\/text>\n \n \n <path d=\"M 200 230 Q 150 280 200 330\" stroke=\"#718096\" stroke-width=\"2\" fill=\"none\" stroke-dasharray=\"5,5\"\/>\n <path d=\"M 700 230 Q 750 280 700 330\" stroke=\"#718096\" stroke-width=\"2\" fill=\"none\" stroke-dasharray=\"5,5\"\/>\n <\/svg>\n <\/div>\n <\/div>\n\n \n <div class=\"concept-map\" style=\"margin-top: 40px;\">\n <h3 class=\"map-title\">Esempio di Simulazione: Cameriere<\/h3>\n \n <div class=\"dialog\">\n <div class=\"dialog-line dialog-interviewer\">\n <div class=\"dialog-label\">SELEZIONATORE<\/div>\n Buongiorno, prego si accomodi. Come sta oggi?\n <\/div>\n \n <div class=\"dialog-line dialog-candidate\">\n <div class=\"dialog-label\">CANDIDATO<\/div>\n Buongiorno, grazie. Sto bene, grazie per avermi invitato.\n <\/div>\n \n <div class=\"dialog-line dialog-interviewer\">\n <div class=\"dialog-label\">SELEZIONATORE<\/div>\n Mi parli un po’ di lei e delle sue esperienze.\n <\/div>\n \n <div class=\"dialog-line dialog-candidate\">\n <div class=\"dialog-label\">CANDIDATO<\/div>\n Mi chiamo Ahmed, ho 28 anni. Ho lavorato per un anno come aiuto cameriere in un ristorante. Ho imparato a servire ai tavoli, prendere le ordinazioni e gestire la cassa. Ho anche la certificazione HACCP.\n <\/div>\n \n <div class=\"dialog-line dialog-interviewer\">\n <div class=\"dialog-label\">SELEZIONATORE<\/div>\n Bene. Perch\u00e9 vorrebbe lavorare nel nostro ristorante?\n <\/div>\n \n <div class=\"dialog-line dialog-candidate\">\n <div class=\"dialog-label\">CANDIDATO<\/div>\n Ho visto che avete ottime recensioni su Google e mi piacerebbe lavorare in un posto che tiene alla qualit\u00e0 del servizio. Voglio continuare a crescere in questo settore.\n <\/div>\n \n <div class=\"dialog-line dialog-interviewer\">\n <div class=\"dialog-label\">SELEZIONATORE<\/div>\n Qual \u00e8 la sua disponibilit\u00e0 per gli orari?\n <\/div>\n \n <div class=\"dialog-line dialog-candidate\">\n <div class=\"dialog-label\">CANDIDATO<\/div>\n Sono disponibile tutti i giorni, anche nei weekend e nei festivi. Posso fare sia turni di pranzo che di cena.\n <\/div>\n \n <div class=\"dialog-line dialog-interviewer\">\n <div class=\"dialog-label\">SELEZIONATORE<\/div>\n Perfetto. Ha qualche domanda per noi?\n <\/div>\n \n <div class=\"dialog-line dialog-candidate\">\n <div class=\"dialog-label\">CANDIDATO<\/div>\n S\u00ec, volevo chiedere: quando inizia il periodo di formazione? E quante persone lavorano di solito in un turno?\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"content-grid\" style=\"margin-top: 40px;\">\n <div class=\"checklist\">\n <h4 class=\"checklist-title\">✅ Checklist Autovalutazione<\/h4>\n <div class=\"checklist-item\">\n <div class=\"checkbox\" onclick=\"toggleCheckbox(this)\"><\/div>\n <span class=\"checklist-text\">Ho salutato in modo cordiale<\/span>\n <\/div>\n <div class=\"checklist-item\">\n <div class=\"checkbox\" onclick=\"toggleCheckbox(this)\"><\/div>\n <span class=\"checklist-text\">Ho guardato negli occhi il selezionatore<\/span>\n <\/div>\n <div class=\"checklist-item\">\n <div class=\"checkbox\" onclick=\"toggleCheckbox(this)\"><\/div>\n <span class=\"checklist-text\">Ho parlato con voce chiara<\/span>\n <\/div>\n <div class=\"checklist-item\">\n <div class=\"checkbox\" onclick=\"toggleCheckbox(this)\"><\/div>\n <span class=\"checklist-text\">Ho risposto alle domande in modo completo<\/span>\n <\/div>\n <div class=\"checklist-item\">\n <div class=\"checkbox\" onclick=\"toggleCheckbox(this)\"><\/div>\n <span class=\"checklist-text\">Ho parlato delle mie esperienze con esempi<\/span>\n <\/div>\n <div class=\"checklist-item\">\n <div class=\"checkbox\" onclick=\"toggleCheckbox(this)\"><\/div>\n <span class=\"checklist-text\">Ho mostrato interesse per l’azienda<\/span>\n <\/div>\n <div class=\"checklist-item\">\n <div class=\"checkbox\" onclick=\"toggleCheckbox(this)\"><\/div>\n <span class=\"checklist-text\">Ho fatto domande alla fine<\/span>\n <\/div>\n <div class=\"checklist-item\">\n <div class=\"checkbox\" onclick=\"toggleCheckbox(this)\"><\/div>\n <span class=\"checklist-text\">Ho ringraziato alla fine<\/span>\n <\/div>\n <div class=\"progress-container\">\n <div class=\"progress-bar\" id=\"sim-progress\" style=\"width: 0%;\"><\/div>\n <\/div>\n <p class=\"progress-text\" id=\"sim-progress-text\">0\/8 completati<\/p>\n <\/div>\n\n <div class=\"content-card\">\n <div class=\"card-icon\">🎯<\/div>\n <h4 class=\"card-title\">Consigli per la Simulazione<\/h4>\n <p class=\"card-text\">\n <ul>\n <li>Non avere paura di sbagliare – \u00e8 per imparare!<\/li>\n <li>Ascolta il feedback dei compagni<\/li>\n <li>Prova pi\u00f9 volte – migliorerai ogni volta<\/li>\n <li>Fai anche tu da “selezionatore” per capire l’altra prospettiva<\/li>\n <li>Registrati con il telefono per rivederti<\/li>\n <\/ul>\n <\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"tips-box\">\n <div class=\"tips-title\">🎉 Congratulazioni!<\/div>\n <p style=\"margin-bottom: 15px;\">Hai completato il corso di orientamento al lavoro. Ora hai gli strumenti per:<\/p>\n <ul class=\"tips-list\">\n <li>Usare l’email in modo professionale<\/li>\n <li>Creare un CV efficace con Europass<\/li>\n <li>Cercare lavoro su Indeed, Subito.it e altre piattaforme<\/li>\n <li>Prepararti e affrontare un colloquio con sicurezza<\/li>\n <\/ul>\n <p style=\"margin-top: 20px; font-weight: 600; color: var(--primary);\">In bocca al lupo per la tua ricerca di lavoro! 🍀<\/p>\n <\/div>\n <\/section>\n\n <\/main>\n\n \n <footer class=\"footer\">\n <p class=\"footer-text\">Corso di Orientamento al Lavoro \u2022 Ottobre – Dicembre 2025<\/p>\n <p class=\"footer-text\" style=\"margin-top: 10px; opacity: 0.6;\">Guida interattiva per la ricerca del lavoro<\/p>\n <\/footer>\n\n <script>\n \/\/ Navigation\n function showSection(sectionId) {\n \/\/ Hide all sections\n document.querySelectorAll('.section').forEach(s => s.classList.remove('active'));\n \/\/ Show selected section\n document.getElementById(sectionId).classList.add('active');\n \/\/ Update nav\n document.querySelectorAll('.nav-item').forEach(n => n.classList.remove('active'));\n event.target.classList.add('active');\n \/\/ Scroll to top\n window.scrollTo({ top: 0, behavior: 'smooth' });\n }\n\n \/\/ Accordion\n function toggleAccordion(header) {\n const item = header.parentElement;\n item.classList.toggle('open');\n }\n\n \/\/ Checkbox with progress\n function toggleCheckbox(checkbox) {\n checkbox.classList.toggle('checked');\n if (checkbox.classList.contains('checked')) {\n checkbox.innerHTML = '\u2713';\n checkbox.nextElementSibling.classList.add('completed');\n } else {\n checkbox.innerHTML = '';\n checkbox.nextElementSibling.classList.remove('completed');\n }\n updateProgress();\n }\n\n function updateProgress() {\n \/\/ Indeed progress\n const indeedChecklist = document.querySelector('#modulo3 .checklist');\n if (indeedChecklist) {\n const indeedChecked = indeedChecklist.querySelectorAll('.checkbox.checked').length;\n const indeedTotal = indeedChecklist.querySelectorAll('.checkbox').length;\n const indeedPercent = (indeedChecked \/ indeedTotal) * 100;\n document.getElementById('indeed-progress').style.width = indeedPercent + '%';\n document.getElementById('indeed-progress-text').textContent = indeedChecked + '\/' + indeedTotal + ' completati';\n }\n\n \/\/ Simulation progress\n const simChecklist = document.querySelector('#modulo5 .checklist');\n if (simChecklist) {\n const simChecked = simChecklist.querySelectorAll('.checkbox.checked').length;\n const simTotal = simChecklist.querySelectorAll('.checkbox').length;\n const simPercent = (simChecked \/ simTotal) * 100;\n document.getElementById('sim-progress').style.width = simPercent + '%';\n document.getElementById('sim-progress-text').textContent = simChecked + '\/' + simTotal + ' completati';\n }\n }\n\n \/\/ Smooth scroll for nav on mobile\n document.querySelector('.nav').addEventListener('wheel', function(e) {\n e.preventDefault();\n this.scrollLeft += e.deltaY;\n });\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Guida al Corso di Orientamento al Lavoro Guida al Corso di Orientamento al Lavoro Un percorso completo per prepararti al mondo del lavoro: dall’email al colloquio 📚 40 Lezioni \u2022 5 Moduli \u2022 80 Ore 📧 Modulo 1: Email 📄 Modulo 2: CV 🔍 Modulo 3: Piattaforme 🤝 Modulo 4: Colloquio 🎭 Modulo 5: Simulazioni … <a title=\"Orientamento al lavoro 2025\/2026\" class=\"read-more\" href=\"https:\/\/studikis.it\/?p=39\" aria-label=\"Read more about Orientamento al lavoro 2025\/2026\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-39","post","type-post","status-publish","format-standard","hentry","category-corsimarzogiugno26"],"_links":{"self":[{"href":"https:\/\/studikis.it\/index.php?rest_route=\/wp\/v2\/posts\/39","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/studikis.it\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/studikis.it\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/studikis.it\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/studikis.it\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=39"}],"version-history":[{"count":2,"href":"https:\/\/studikis.it\/index.php?rest_route=\/wp\/v2\/posts\/39\/revisions"}],"predecessor-version":[{"id":41,"href":"https:\/\/studikis.it\/index.php?rest_route=\/wp\/v2\/posts\/39\/revisions\/41"}],"wp:attachment":[{"href":"https:\/\/studikis.it\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=39"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/studikis.it\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=39"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/studikis.it\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=39"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}