{"id":924,"date":"2026-07-08T11:35:30","date_gmt":"2026-07-08T11:35:30","guid":{"rendered":"https:\/\/insdkandivali.com\/?page_id=924"},"modified":"2026-07-08T16:13:43","modified_gmt":"2026-07-08T16:13:43","slug":"graphic-design","status":"publish","type":"page","link":"https:\/\/insdkandivali.com\/index.php\/graphic-design\/","title":{"rendered":"Graphic Design"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n\n\nINSD Kandivali \u2014 Bachelors in Graphic Design<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Anton&family=Space+Grotesk:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap\" rel=\"stylesheet\">\n<style>\n :root{\n --ink:#151212;\n --cream:#F7F1E4;\n --yellow:#FFC93C;\n --pink:#FF3E76;\n --sky:#49B4E8;\n --green:#3EC77B;\n --paper:#FFFDF8;\n --line:rgba(21,18,18,0.14);\n }\n *{box-sizing:border-box;margin:0;padding:0;}\n html{scroll-behavior:smooth;}\n body{\n background:var(--cream);\n color:var(--ink);\n font-family:'Space Grotesk',sans-serif;\n -webkit-font-smoothing:antialiased;\n overflow-x:hidden;\n }\n .display{font-family:'Anton',sans-serif;text-transform:uppercase;letter-spacing:0.01em;line-height:0.95;}\n .mono{font-family:'Space Mono',monospace;}\n a{color:inherit;text-decoration:none;}\n img{max-width:100%;display:block;}\n .wrap{max-width:1180px;margin:0 auto;padding:0 24px;}\n\n \/* ===== Texture: dot grid ===== *\/\n .dotgrid{\n background-image:radial-gradient(var(--line) 1.4px, transparent 1.4px);\n background-size:22px 22px;\n animation:gridDrift 40s linear infinite;\n }\n @keyframes gridDrift{ from{background-position:0 0;} to{background-position:220px 220px;} }\n\n \/* ===== progress bar ===== *\/\n #progress{position:fixed;top:0;left:0;height:4px;background:var(--pink);width:0%;z-index:100;transition:width .1s linear;}\n\n \/* ===== shared motion keyframes ===== *\/\n @keyframes floatY{0%,100%{transform:translateY(0) rotate(var(--r,0deg));}50%{transform:translateY(-14px) rotate(var(--r,0deg));}}\n @keyframes floatY2{0%,100%{transform:translateY(0);}50%{transform:translateY(12px);}}\n @keyframes sway{0%,100%{transform:rotate(2deg);}50%{transform:rotate(-2deg);}}\n @keyframes spinSlow{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}\n @keyframes pulseDot{0%,100%{transform:scale(1);}50%{transform:scale(1.35);}}\n @keyframes blobMove{0%,100%{transform:translate(0,0) scale(1);}33%{transform:translate(30px,-20px) scale(1.1);}66%{transform:translate(-20px,20px) scale(0.95);}}\n @keyframes marqueeL{from{transform:translateX(0);}to{transform:translateX(-50%);}}\n @keyframes marqueeR{from{transform:translateX(-50%);}to{transform:translateX(0);}}\n @keyframes shine{0%{background-position:-200% 0;}100%{background-position:200% 0;}}\n @keyframes wobbleIn{0%{opacity:0;transform:translateY(26px) rotate(-3deg) scale(.94);}100%{opacity:1;transform:translateY(0) rotate(0deg) scale(1);}}\n @keyframes dash{to{stroke-dashoffset:0;}}\n @keyframes wave{0%,100%{transform:translateY(0);}50%{transform:translateY(-6px);}}\n\n .blob{position:absolute;border-radius:50%;filter:blur(50px);opacity:.45;z-index:0;animation:blobMove 14s ease-in-out infinite;pointer-events:none;}\n\n\n \/* ===== NAV ===== *\/\n nav{\n position:sticky;top:0;z-index:50;\n background:var(--cream);\n border-bottom:2px solid var(--ink);\n }\n nav .wrap{display:flex;align-items:center;justify-content:space-between;height:72px;}\n .logo{display:flex;align-items:center;gap:10px;font-family:'Anton',sans-serif;font-size:22px;text-transform:uppercase;}\n .logo .spiral{width:26px;height:26px;border-radius:50%;background:var(--pink);border:2px solid var(--ink);display:inline-block;animation:pulseDot 2.4s ease-in-out infinite;}\n .navlinks{display:flex;gap:28px;font-size:14px;font-weight:600;}\n .navlinks a{position:relative;}\n .navlinks a::after{content:\"\";position:absolute;left:0;bottom:-4px;width:0%;height:2px;background:var(--pink);transition:width .25s ease;}\n .navlinks a:hover{color:var(--pink);}\n .navlinks a:hover::after{width:100%;}\n .nav-cta{\n position:relative;overflow:hidden;\n background:var(--ink);color:var(--cream);padding:10px 20px;border-radius:100px;\n font-weight:700;font-size:14px;border:2px solid var(--ink);\n transition:transform .15s ease;\n background-image:linear-gradient(110deg, var(--ink) 40%, var(--pink) 50%, var(--ink) 60%);\n background-size:250% 100%;\n animation:shine 4.5s linear infinite;\n }\n .nav-cta:hover{transform:translateY(-2px) scale(1.03);}\n @media(max-width:760px){.navlinks{display:none;}}\n\n \/* ===== HERO ===== *\/\n .hero{position:relative;padding:64px 0 100px;overflow-x:hidden;}\n .spiral-row{display:flex;align-items:center;gap:14px;padding:10px 6px 28px;overflow-x:hidden;position:relative;z-index:2;}\n .spiral-row span{width:16px;height:16px;border:2.5px solid var(--ink);border-radius:50%;flex:none;display:inline-block;animation:wave 1.6s ease-in-out infinite;}\n .spiral-row span:nth-child(2n){animation-delay:.1s;}\n .spiral-row span:nth-child(3n){animation-delay:.2s;}\n .spiral-row span:nth-child(5n){animation-delay:.3s;}\n .hero-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:40px;align-items:center;position:relative;z-index:2;}\n @media(max-width:900px){.hero-grid{grid-template-columns:1fr;}}\n\n .eyebrow{\n display:inline-flex;align-items:center;gap:8px;\n background:var(--yellow);border:2px solid var(--ink);border-radius:100px;\n padding:6px 16px;font-family:'Space Mono',monospace;font-size:12px;font-weight:700;\n margin-bottom:22px;\n animation:sway 3.2s ease-in-out infinite;\n transform-origin:left center;\n }\n .hero h1{font-size:clamp(48px,7vw,92px);}\n .hero h1 .accent{color:var(--pink);position:relative;display:inline-block;}\n .hero h1 .accent svg{position:absolute;left:0;bottom:-14px;width:100%;height:18px;}\n .hero h1 .accent svg path{stroke-dasharray:400;stroke-dashoffset:400;animation:dash 1.6s ease forwards .5s;}\n .hero p.lead{font-size:19px;line-height:1.6;margin-top:26px;max-width:480px;color:#2b2620;}\n .hero-ctas{display:flex;gap:14px;margin-top:36px;flex-wrap:wrap;}\n .btn-primary{\n background:var(--ink);color:var(--cream);padding:16px 30px;border-radius:100px;font-weight:700;\n border:2px solid var(--ink);font-size:15px;cursor:pointer;\n box-shadow:5px 5px 0 var(--pink);transition:all .15s ease;\n }\n .btn-primary:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--pink);}\n .btn-ghost{\n background:transparent;color:var(--ink);padding:16px 26px;border-radius:100px;font-weight:700;\n border:2px solid var(--ink);font-size:15px;cursor:pointer;\n }\n .btn-ghost:hover{background:var(--ink);color:var(--cream);}\n\n .hero-visual{position:relative;z-index:2;animation:floatY2 5s ease-in-out infinite;width:100%;}\n .hero-promo{\n width:100%;max-width:none;\n animation:sway 6s ease-in-out infinite;transform-origin:center bottom;\n }\n .hero-promo img{width:100%;height:auto;display:block;}\n\n \/* ===== STAT STRIP ===== *\/\n .stats{background:var(--ink);color:var(--cream);padding:36px 0;overflow:hidden;}\n .stats .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:24px;}\n .stat{text-align:left;transition:transform .25s ease;}\n .stat:hover{transform:translateY(-4px);}\n .stat .num{font-family:'Anton',sans-serif;font-size:44px;}\n .stat .num span{color:var(--yellow);display:inline-block;}\n .stat .lbl{font-family:'Space Mono',monospace;font-size:12px;opacity:.75;margin-top:4px;}\n\n \/* ===== SECTION HEADER ===== *\/\n .section{padding:96px 0;}\n .section-head{max-width:640px;margin-bottom:56px;}\n .kicker{\n display:inline-block;background:var(--pink);color:var(--cream);font-family:'Space Mono',monospace;\n font-size:12px;font-weight:700;padding:5px 14px;border-radius:100px;margin-bottom:16px;\n }\n .section-head h2{font-size:clamp(32px,4.5vw,52px);}\n .section-head p{margin-top:16px;font-size:17px;line-height:1.6;color:#463f36;}\n\n \/* ===== CURRICULUM ===== *\/\n .years{display:flex;flex-direction:column;gap:16px;}\n .year-item{border:2.5px solid var(--ink);border-radius:16px;background:var(--paper);overflow:hidden;}\n .year-head{\n display:flex;align-items:center;justify-content:space-between;padding:22px 26px;cursor:pointer;\n gap:16px;\n }\n .year-head-left{display:flex;align-items:center;gap:18px;}\n .year-num{\n font-family:'Anton',sans-serif;font-size:15px;width:46px;height:46px;border-radius:50%;\n display:flex;align-items:center;justify-content:center;border:2.5px solid var(--ink);flex:none;\n }\n .year-title{font-family:'Anton',sans-serif;font-size:22px;text-transform:uppercase;}\n .year-sub{font-family:'Space Mono',monospace;font-size:12px;color:#6b6255;margin-top:2px;}\n .year-toggle{\n width:34px;height:34px;border:2.5px solid var(--ink);border-radius:50%;flex:none;\n display:flex;align-items:center;justify-content:center;font-size:20px;transition:transform .25s ease;\n }\n .year-item.open .year-toggle{transform:rotate(45deg);}\n .year-body{max-height:0;overflow:hidden;transition:max-height .35s ease;}\n .year-body-inner{padding:0 26px 28px;display:grid;grid-template-columns:1fr 1fr;gap:28px;}\n @media(max-width:640px){.year-body-inner{grid-template-columns:1fr;}}\n .sem{}\n .sem h4{font-family:'Space Mono',monospace;font-size:13px;background:var(--yellow);display:inline-block;padding:4px 10px;border:2px solid var(--ink);border-radius:6px;margin-bottom:10px;}\n .sem ul{list-style:none;}\n .sem li{padding:7px 0 7px 22px;border-bottom:1px dashed var(--line);font-size:14.5px;position:relative;}\n .sem li:last-child{border-bottom:none;}\n .sem li::before{content:\"\";position:absolute;left:0;top:15px;width:8px;height:8px;background:var(--pink);border-radius:50%;}\n .year-item:nth-child(1) .swatch-dot{background:var(--sky);}\n .year-item:nth-child(2) .swatch-dot{background:var(--pink);}\n .year-item:nth-child(3) .swatch-dot{background:var(--green);}\n .year-item:nth-child(4) .swatch-dot{background:var(--yellow);}\n\n \/* ===== SOFTWARE marquee ===== *\/\n .marquee-row{overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);}\n .marquee-track{display:flex;gap:12px;width:max-content;animation:marqueeL 26s linear infinite;padding:6px 0;}\n .marquee-row.reverse .marquee-track{animation:marqueeR 26s linear infinite;}\n .marquee-row:hover .marquee-track{animation-play-state:paused;}\n .soft-pill{\n border:2.5px solid var(--ink);border-radius:100px;padding:12px 20px;font-weight:700;font-size:14.5px;\n background:var(--paper);transition:all .15s ease;cursor:default;flex:none;\n }\n .soft-pill:nth-child(3n+1):hover{background:var(--yellow);transform:translateY(-3px) rotate(-2deg);}\n .soft-pill:nth-child(3n+2):hover{background:var(--sky);transform:translateY(-3px) rotate(2deg);}\n .soft-pill:nth-child(3n+3):hover{background:var(--pink);transform:translateY(-3px) rotate(-2deg);}\n\n \/* ===== CAREERS ===== *\/\n .career-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}\n @media(max-width:800px){.career-grid{grid-template-columns:1fr 1fr;}}\n @media(max-width:520px){.career-grid{grid-template-columns:1fr;}}\n .career-card{\n border:2.5px solid var(--ink);border-radius:16px;padding:24px;background:var(--paper);\n transition:transform .25s ease, box-shadow .25s ease;\n }\n .career-card:hover{transform:translateY(-6px) rotate(-1deg);box-shadow:6px 6px 0 var(--pink);}\n .career-card .icon{width:44px;height:44px;border-radius:10px;border:2.5px solid var(--ink);display:flex;align-items:center;justify-content:center;font-family:'Anton',sans-serif;margin-bottom:16px;transition:transform .3s ease;}\n .career-card:hover .icon{transform:rotate(-12deg) scale(1.1);background:var(--yellow);}\n .career-card h4{font-family:'Anton',sans-serif;font-size:18px;text-transform:uppercase;margin-bottom:8px;}\n .career-card p{font-size:14px;color:#5b5348;line-height:1.5;}\n\n \/* ===== FORM ===== *\/\n .form-section{background:var(--ink);color:var(--cream);border-radius:28px;margin:0 24px;padding:64px 0;position:relative;overflow:hidden;}\n .form-section .wrap{display:grid;grid-template-columns:0.9fr 1.1fr;gap:52px;align-items:start;}\n @media(max-width:900px){.form-section .wrap{grid-template-columns:1fr;}}\n .form-left h2{font-size:clamp(30px,4vw,44px);color:var(--cream);}\n .form-left p{margin-top:16px;color:#d8d2c4;line-height:1.6;font-size:16px;max-width:400px;}\n .form-left .perks{margin-top:28px;display:flex;flex-direction:column;gap:12px;}\n .form-left .perks div{display:flex;align-items:center;gap:10px;font-size:14.5px;}\n .form-left .perks span{width:22px;height:22px;border-radius:50%;background:var(--yellow);color:var(--ink);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex:none;}\n\n @keyframes breathe{0%,100%{box-shadow:8px 8px 0 var(--pink);}50%{box-shadow:12px 12px 0 var(--pink);}}\n .lead-card{background:var(--paper);color:var(--ink);border-radius:20px;padding:32px;border:3px solid var(--ink);animation:breathe 3.5s ease-in-out infinite;}\n .lead-card h3{font-family:'Anton',sans-serif;font-size:24px;text-transform:uppercase;margin-bottom:20px;}\n .field{margin-bottom:16px;}\n .field label{display:block;font-family:'Space Mono',monospace;font-size:12px;font-weight:700;margin-bottom:6px;}\n .field input,.field select{\n width:100%;padding:13px 14px;border:2px solid var(--ink);border-radius:10px;font-family:'Space Grotesk',sans-serif;\n font-size:15px;background:var(--cream);\n }\n .field input,.field select{transition:transform .15s ease, outline .15s ease;}\n .field input:focus,.field select:focus{outline:3px solid var(--sky);outline-offset:1px;transform:translateY(-1px);}\n .submit-btn{\n width:100%;padding:16px;color:var(--ink);border:2.5px solid var(--ink);border-radius:12px;\n font-weight:700;font-size:16px;cursor:pointer;margin-top:6px;transition:transform .12s ease;\n background-image:linear-gradient(110deg, var(--pink) 40%, var(--yellow) 50%, var(--pink) 60%);\n background-size:250% 100%;\n animation:shine 3s linear infinite;\n }\n .submit-btn:hover{transform:translateY(-2px) scale(1.01);}\n .submit-btn:disabled{opacity:.6;cursor:not-allowed;animation:none;}\n .form-msg{margin-top:14px;font-family:'Space Mono',monospace;font-size:13px;padding:12px;border-radius:10px;display:none;}\n .form-msg.ok{display:block;background:var(--green);color:var(--ink);border:2px solid var(--ink);}\n .form-msg.err{display:block;background:#ffb3b3;color:var(--ink);border:2px solid var(--ink);}\n\n \/* ===== FOOTER ===== *\/\n footer{padding:56px 0 40px;border-top:2px solid var(--ink);margin-top:40px;}\n footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:24px;}\n footer .f-logo{font-family:'Anton',sans-serif;font-size:20px;text-transform:uppercase;}\n footer .f-links{display:flex;gap:22px;font-size:14px;font-weight:600;flex-wrap:wrap;}\n footer .f-note{font-family:'Space Mono',monospace;font-size:12px;color:#6b6255;margin-top:18px;}\n\n .reveal{opacity:0;transform:translateY(26px) rotate(-1.5deg) scale(.96);transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1);}\n .reveal.in{opacity:1;transform:translateY(0) rotate(0deg) scale(1);}\n .career-card{opacity:0;transform:translateY(20px);}\n .career-card.pop-in{animation:wobbleIn .6s cubic-bezier(.2,.8,.2,1) forwards;}\n .career-card:nth-child(1){animation-delay:.05s;}\n .career-card:nth-child(2){animation-delay:.12s;}\n .career-card:nth-child(3){animation-delay:.19s;}\n .career-card:nth-child(4){animation-delay:.26s;}\n .career-card:nth-child(5){animation-delay:.33s;}\n .career-card:nth-child(6){animation-delay:.4s;}\n .year-item{opacity:0;transform:translateY(16px);}\n .year-item.pop-in{animation:wobbleIn .5s cubic-bezier(.2,.8,.2,1) forwards;}\n\n @media(prefers-reduced-motion:reduce){\n *{transition:none!important;scroll-behavior:auto!important;animation:none!important;}\n }\n<\/style>\n<\/head>\n<body class=\"dotgrid\">\n<div id=\"progress\"><\/div>\n\n<nav>\n <div class=\"wrap\">\n <div class=\"logo\"><span class=\"spiral\"><\/span>INSD Kandivali<\/div>\n <div class=\"navlinks\">\n <a href=\"#curriculum\">Curriculum<\/a>\n <a href=\"#software\">Software<\/a>\n <a href=\"#careers\">Careers<\/a>\n <\/div>\n <a href=\"#apply\" class=\"nav-cta\">Get Free Counselling<\/a>\n <\/div>\n<\/nav>\n\n<section class=\"hero\">\n <div class=\"blob\" style=\"width:340px;height:340px;background:var(--sky);top:-80px;right:-60px;\"><\/div>\n <div class=\"blob\" style=\"width:260px;height:260px;background:var(--pink);bottom:-60px;left:10%;animation-delay:-6s;\"><\/div>\n <div class=\"blob\" style=\"width:220px;height:220px;background:var(--yellow);top:30%;left:-80px;animation-delay:-3s;\"><\/div>\n <div class=\"wrap\">\n <div class=\"spiral-row\" aria-hidden=\"true\">\n <span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span>\n <\/div>\n <div class=\"hero-grid\">\n <div>\n <div class=\"eyebrow\">\u2726 ADMISSIONS OPEN \u00b7 BACHELORS PROGRAM<\/div>\n <h1 class=\"display\">Design Your<br>Future in<br><span class=\"accent\">Graphic Design<svg viewBox=\"0 0 300 18\" preserveAspectRatio=\"none\"><path d=\"M2 12 C 60 2, 120 18, 180 8 S 260 2, 298 10\" stroke=\"#151212\" stroke-width=\"4\" fill=\"none\" stroke-linecap=\"round\"\/><\/svg><\/span><\/h1>\n <p class=\"lead\">A 4-year Bachelors in Graphic Design at INSD Kandivali \u2014 from colour theory and typography to motion, web and animation. Real software, real projects, real placements.<\/p>\n <div class=\"hero-ctas\">\n <button class=\"btn-primary\" onclick=\"document.getElementById('apply').scrollIntoView({behavior:'smooth'})\">Get Free Counselling<\/button>\n <a href=\"#curriculum\" class=\"btn-ghost\">See the full plan<\/a>\n <\/div>\n <\/div>\n <div class=\"hero-visual\">\n <div class=\"hero-promo\">\n <img decoding=\"async\" src=\"https:\/\/file.gavenue.io\/image\/1783350937949-0.webp\" alt=\"Graphic Design Course \u2014 learn Photoshop and CorelDRAW\">\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<div class=\"stats\">\n <div class=\"wrap\">\n <div class=\"stat\"><div class=\"num\"><span class=\"counter\" data-target=\"4\">0<\/span> yrs<\/div><div class=\"lbl\">BACHELORS PROGRAM<\/div><\/div>\n <div class=\"stat\"><div class=\"num\"><span class=\"counter\" data-target=\"8\">0<\/span><\/div><div class=\"lbl\">SEMESTERS \u00b7 20 CREDITS EACH<\/div><\/div>\n <div class=\"stat\"><div class=\"num\"><span class=\"counter\" data-target=\"20\">0<\/span>+<\/div><div class=\"lbl\">INDUSTRY SOFTWARE TOOLS<\/div><\/div>\n <div class=\"stat\"><div class=\"num\"><span class=\"counter\" data-target=\"2\">0<\/span> live<\/div><div class=\"lbl\">PROJECTS BEFORE YOU GRADUATE<\/div><\/div>\n <\/div>\n<\/div>\n\n<section class=\"section\" id=\"curriculum\">\n <div class=\"wrap\">\n <div class=\"section-head reveal\">\n <div class=\"kicker\">THE FULL PLAN<\/div>\n <h2 class=\"display\">Four years, mapped out<\/h2>\n <p>Every semester layered so skills build on each other \u2014 drawing and theory first, then software, then live client-style projects. Tap a year to open it up.<\/p>\n <\/div>\n <div class=\"years\" id=\"yearsWrap\"><\/div>\n <\/div>\n<\/section>\n\n<section class=\"section\" id=\"software\" style=\"padding-top:0;\">\n <div class=\"wrap\">\n <div class=\"section-head reveal\">\n <div class=\"kicker\">TOOLKIT<\/div>\n <h2 class=\"display\">Software you'll actually master<\/h2>\n <p>From Windows 95 to Windows 10 worth of tools \u2014 hands-on, project by project.<\/p>\n <\/div>\n <div class=\"marquee-row reveal\">\n <div class=\"marquee-track\" id=\"softRow1\"><\/div>\n <\/div>\n <div class=\"marquee-row reverse reveal\" style=\"margin-top:14px;\">\n <div class=\"marquee-track\" id=\"softRow2\"><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"section\" id=\"careers\">\n <div class=\"wrap\">\n <div class=\"section-head reveal\">\n <div class=\"kicker\">WHERE THIS LEADS<\/div>\n <h2 class=\"display\">What graduates go on to do<\/h2>\n <\/div>\n <div class=\"career-grid reveal\">\n <div class=\"career-card\"><div class=\"icon\">Gd<\/div><h4>Graphic Designer<\/h4><p>Brand identity, print & digital design for agencies and studios.<\/p><\/div>\n <div class=\"career-card\"><div class=\"icon\">Wd<\/div><h4>Web Designer<\/h4><p>Layouts, hosting basics and front-end fundamentals from HTML to JS.<\/p><\/div>\n <div class=\"career-card\"><div class=\"icon\">2d<\/div><h4>2D Animator<\/h4><p>Storyboarding, Toon Boom and animation film-making.<\/p><\/div>\n <div class=\"career-card\"><div class=\"icon\">Ve<\/div><h4>Video Editor<\/h4><p>Premiere, After Effects and Audition for short films and content.<\/p><\/div>\n <div class=\"career-card\"><div class=\"icon\">Il<\/div><h4>Illustrator<\/h4><p>Vector concepts, CorelDraw and Adobe Illustrator craft.<\/p><\/div>\n <div class=\"career-card\"><div class=\"icon\">Fl<\/div><h4>Freelance Creative<\/h4><p>A portfolio built across 8 semesters, ready to pitch clients.<\/p><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"section\" id=\"apply\" style=\"padding-top:20px;\">\n <div class=\"form-section\">\n <div class=\"blob\" style=\"width:260px;height:260px;background:var(--pink);top:-60px;right:-40px;opacity:.35;\"><\/div>\n <div class=\"blob\" style=\"width:220px;height:220px;background:var(--sky);bottom:-70px;left:5%;opacity:.3;animation-delay:-5s;\"><\/div>\n <div class=\"wrap\">\n <div class=\"form-left\">\n <div class=\"kicker\" style=\"background:var(--yellow);color:var(--ink);\">LET'S TALK<\/div>\n <h2 class=\"display\">Book your free counselling session<\/h2>\n <p>Leave your details and our admissions team at INSD Kandivali will call you to walk through the course, fees and batch dates.<\/p>\n <div class=\"perks\">\n <div><span>\u2713<\/span> No obligation, 15-minute call<\/div>\n <div><span>\u2713<\/span> Portfolio & fee structure guidance<\/div>\n <div><span>\u2713<\/span> Batch seats confirmed on call<\/div>\n <\/div>\n <\/div>\n <div class=\"lead-card\">\n <h3>Get a callback<\/h3>\n <form id=\"leadForm\">\n <div class=\"field\">\n <label for=\"name\">Full name<\/label>\n <input type=\"text\" id=\"name\" required placeholder=\"Your name\">\n <\/div>\n <div class=\"field\">\n <label for=\"phone\">Phone \/ WhatsApp number<\/label>\n <input type=\"tel\" id=\"phone\" required placeholder=\"10-digit number\">\n <\/div>\n <div class=\"field\">\n <label for=\"email\">Email<\/label>\n <input type=\"email\" id=\"email\" required placeholder=\"you@email.com\">\n <\/div>\n <div class=\"field\">\n <label for=\"intake\">Interested batch<\/label>\n <select id=\"intake\">\n <option>2026 Intake<\/option>\n <option>2027 Intake<\/option>\n <option>Not sure yet<\/option>\n <\/select>\n <\/div>\n <button type=\"submit\" class=\"submit-btn\" id=\"submitBtn\">Request a callback<\/button>\n <div class=\"form-msg\" id=\"formMsg\"><\/div>\n <\/form>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<footer>\n <div class=\"wrap\">\n <div>\n <div class=\"f-logo\">INSD Kandivali<\/div>\n <div class=\"f-note\">Bachelors in Graphic Design \u00b7 Kandivali, Mumbai<\/div>\n <\/div>\n <div class=\"f-links\">\n <a href=\"#curriculum\">Curriculum<\/a>\n <a href=\"#software\">Software<\/a>\n <a href=\"#careers\">Careers<\/a>\n <a href=\"#apply\">Apply<\/a>\n <\/div>\n <\/div>\n<\/footer>\n\n<script>\nconst curriculum = [\n {\n title:\"Year One\", credits:\"40 credits \u00b7 Foundation\", dot:true,\n sems:[\n {name:\"1st Semester \u2014 20 Credits\", items:[\"Fundamentals of Design and Drawing\",\"Concepts of Graphics and Illustration\",\"Image Editing (Theory)\",\"Design Principal\",\"Graphic Design (Colour Theory)\",\"Adobe Photoshop\"]},\n {name:\"2nd Semester \u2014 20 Credits\", items:[\"Concept of Vector\",\"CorelDraw\",\"Adobe Illustrator\",\"Adobe InDesign\",\"Typography and Calligraphy\",\"Grooming and Communication Skills\"]}\n ]\n },\n {\n title:\"Year Two\", credits:\"40 credits \u00b7 Web foundations\",\n sems:[\n {name:\"3rd Semester \u2014 20 Credits\", items:[\"Concepts of Web Design\",\"Webpage Designing\",\"Introduction of Hosting\",\"Web Page Layout Design\",\"HTML\",\"CSS\"]},\n {name:\"4th Semester \u2014 20 Credits\", items:[\"Business English\",\"Fluid Layout Making\",\"Adobe Dreamweaver\",\"Introduction to JavaScript\",\"Introduction to Dynamic Drive\",\"Idea Visualization (Design Process)\"]}\n ]\n },\n {\n title:\"Year Three\", credits:\"40 credits \u00b7 Animation & video\",\n sems:[\n {name:\"5th Semester \u2014 20 Credits\", items:[\"Principles of Animation-01\",\"Adobe Animate CC (Flash)\",\"Storyboarding Theory\",\"2D Animation Film Making\",\"Fundamentals & Concepts of 2D Animation\"]},\n {name:\"6th Semester \u2014 20 Credits\", items:[\"Sound Editing Theory\",\"Adobe After Effects\",\"Adobe Premiere\",\"Adobe Audition\",\"Video Project and Short Film Making\"]}\n ]\n },\n {\n title:\"Year Four\", credits:\"40 credits \u00b7 Portfolio & placement\",\n sems:[\n {name:\"7th Semester \u2014 20 Credits\", items:[\"Video Editing\",\"Business English\",\"Portfolio Making\",\"Management Skills\"]},\n {name:\"8th Semester \u2014 20 Credits\", items:[\"Toon Boom Animation\",\"Live Project \u2014 Web\",\"Live Project \u2014 Graphic \/ 2D Animation\",\"Interview Preparations\"]}\n ]\n }\n];\n\nconst yearsWrap = document.getElementById('yearsWrap');\ncurriculum.forEach((y, idx) => {\n const item = document.createElement('div');\n item.className = 'year-item';\n item.innerHTML = `\n <div class=\"year-head\">\n <div class=\"year-head-left\">\n <div class=\"year-num swatch-dot\" style=\"background:transparent;\">0${idx+1}<\/div>\n <div>\n <div class=\"year-title\">${y.title}<\/div>\n <div class=\"year-sub\">${y.credits}<\/div>\n <\/div>\n <\/div>\n <div class=\"year-toggle\">+<\/div>\n <\/div>\n <div class=\"year-body\">\n <div class=\"year-body-inner\">\n ${y.sems.map(s => `\n <div class=\"sem\">\n <h4>${s.name}<\/h4>\n <ul>${s.items.map(i => `<li>${i}<\/li>`).join('')}<\/ul>\n <\/div>\n `).join('')}\n <\/div>\n <\/div>\n `;\n const head = item.querySelector('.year-head');\n const body = item.querySelector('.year-body');\n head.addEventListener('click', () => {\n const isOpen = item.classList.contains('open');\n document.querySelectorAll('.year-item').forEach(el => {\n el.classList.remove('open');\n el.querySelector('.year-body').style.maxHeight = null;\n });\n if(!isOpen){\n item.classList.add('open');\n body.style.maxHeight = body.scrollHeight + 'px';\n }\n });\n yearsWrap.appendChild(item);\n});\n\/\/ open first year by default\nsetTimeout(()=>{ yearsWrap.querySelector('.year-item').click(); }, 300);\n\nconst software = [\"Adobe Photoshop\",\"CorelDraw\",\"Adobe Illustrator\",\"Adobe InDesign\",\"Adobe Flash\",\"ArtRage\",\"Adobe Dreamweaver\",\"HTML5\",\"JavaScript\",\"WordPress\",\"Toon Boom\",\"Harmony\",\"Adobe After Effects\",\"Adobe Premiere\",\"Adobe Audition\"];\nfunction buildMarquee(rowId, list){\n const row = document.getElementById(rowId);\n const doubled = [...list, ...list]; \/\/ loop seamlessly\n doubled.forEach(s => {\n const el = document.createElement('div');\n el.className = 'soft-pill';\n el.textContent = s;\n row.appendChild(el);\n });\n}\nbuildMarquee('softRow1', software);\nbuildMarquee('softRow2', [...software].reverse());\n\n\/\/ scroll reveal (sections)\nconst revealEls = document.querySelectorAll('.reveal');\nconst io = new IntersectionObserver((entries)=>{\n entries.forEach(e => { if(e.isIntersecting){ e.target.classList.add('in'); io.unobserve(e.target); } });\n},{threshold:0.15});\nrevealEls.forEach(el => io.observe(el));\n\n\/\/ pop-in for career cards + year items\nconst popEls = document.querySelectorAll('.career-card');\nconst popIo = new IntersectionObserver((entries)=>{\n entries.forEach(e => { if(e.isIntersecting){ e.target.classList.add('pop-in'); popIo.unobserve(e.target); } });\n},{threshold:0.2});\npopEls.forEach(el => popIo.observe(el));\n\nconst yearPopIo = new IntersectionObserver((entries)=>{\n entries.forEach(e => { if(e.isIntersecting){ e.target.classList.add('pop-in'); yearPopIo.unobserve(e.target); } });\n},{threshold:0.1});\ndocument.querySelectorAll('.year-item').forEach((el,i) => {\n el.style.animationDelay = (i*0.08)+'s';\n yearPopIo.observe(el);\n});\n\n\/\/ count-up numbers\nconst counters = document.querySelectorAll('.counter');\nconst countIo = new IntersectionObserver((entries)=>{\n entries.forEach(e => {\n if(e.isIntersecting){\n const el = e.target;\n const target = parseInt(el.dataset.target,10);\n const dur = 1200;\n const start = performance.now();\n function tick(now){\n const p = Math.min((now-start)\/dur,1);\n const eased = 1 - Math.pow(1-p,3);\n el.textContent = Math.round(eased*target);\n if(p<1) requestAnimationFrame(tick);\n }\n requestAnimationFrame(tick);\n countIo.unobserve(el);\n }\n });\n},{threshold:0.4});\ncounters.forEach(c => countIo.observe(c));\n\n\/\/ scroll progress bar\nconst progressBar = document.getElementById('progress');\nwindow.addEventListener('scroll', () => {\n const h = document.documentElement;\n const scrolled = (h.scrollTop) \/ (h.scrollHeight - h.clientHeight) * 100;\n progressBar.style.width = scrolled + '%';\n}, {passive:true});\n\n\/\/ Google Sheets \u2014 paste your Apps Script web app URL here (see google-sheets-script.gs)\nconst SHEETS_WEBAPP_URL = 'https:\/\/script.google.com\/macros\/s\/AKfycbw0Zxjz5js7_0fo-M7TkyDlwSlk0pFSrkq_O87R9REdoLi7SS2-Ds0821s94IyySRZbFw\/exec';\n\n\/\/ lead form -> Google Sheet\nconst form = document.getElementById('leadForm');\nconst msg = document.getElementById('formMsg');\nconst btn = document.getElementById('submitBtn');\nform.addEventListener('submit', async (e) => {\n e.preventDefault();\n if(!SHEETS_WEBAPP_URL){\n msg.textContent = 'Form is not connected to Google Sheets yet. Add your web app URL in the page code.';\n msg.className = 'form-msg err';\n return;\n }\n btn.disabled = true;\n btn.textContent = 'Sending...';\n const lead = {\n name: document.getElementById('name').value.trim(),\n phone: document.getElementById('phone').value.trim(),\n email: document.getElementById('email').value.trim(),\n intake: document.getElementById('intake').value,\n submittedAt: new Date().toLocaleString('en-IN', { timeZone: 'Asia\/Kolkata' })\n };\n try{\n const body = new FormData();\n Object.entries(lead).forEach(([k, v]) => body.append(k, v));\n const res = await fetch(SHEETS_WEBAPP_URL, { method: 'POST', body });\n const data = await res.json();\n if(!data.ok) throw new Error('sheet save failed');\n msg.textContent = \"Thanks \" + (lead.name.split(' ')[0]||'') + \"! We'll call you within 24 hours.\";\n msg.className = 'form-msg ok';\n form.reset();\n }catch(err){\n msg.textContent = \"Something went wrong saving your details. Please try again, or reach us directly.\";\n msg.className = 'form-msg err';\n }finally{\n btn.disabled = false;\n btn.textContent = 'Request a callback';\n }\n});\n<\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>INSD Kandivali \u2014 Bachelors in Graphic Design INSD Kandivali Curriculum Software Careers Get Free Counselling \u2726 ADMISSIONS OPEN \u00b7 BACHELORS PROGRAM Design YourFuture inGraphic Design A 4-year Bachelors in Graphic Design at INSD Kandivali \u2014 from colour theory and typography to motion, web and animation. Real software, real projects, real placements. Get Free Counselling See the full plan 0 yrsBACHELORS PROGRAM 0SEMESTERS \u00b7 20 CREDITS EACH 0+INDUSTRY SOFTWARE TOOLS 0 livePROJECTS BEFORE YOU GRADUATE THE FULL PLAN Four years, mapped out Every semester layered so skills build on each other \u2014 drawing and theory first, then software, then live client-style projects. Tap a year to open it up. TOOLKIT Software you’ll actually master From Windows 95 to Windows 10 worth of tools \u2014 hands-on, project by project. WHERE THIS LEADS What graduates go on to do Gd Graphic Designer Brand identity, print & digital design for agencies and studios. Wd Web Designer Layouts, hosting basics and front-end fundamentals from HTML to JS. 2d 2D Animator Storyboarding, Toon Boom and animation film-making. Ve Video Editor Premiere, After Effects and Audition for short films and content. Il Illustrator Vector concepts, CorelDraw and Adobe Illustrator craft. Fl Freelance Creative A portfolio built across 8 semesters, ready to pitch clients. LET’S TALK Book your free counselling session Leave your details and our admissions team at INSD Kandivali will call you to walk through the course, fees and batch dates. \u2713 No obligation, 15-minute call \u2713 Portfolio & fee structure guidance \u2713 Batch seats confirmed on call Get a callback Full name Phone \/ WhatsApp number Email Interested batch 2026 Intake2027 IntakeNot sure yet Request a callback INSD Kandivali Bachelors in Graphic Design \u00b7 Kandivali, Mumbai Curriculum Software Careers Apply<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-924","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/insdkandivali.com\/index.php\/wp-json\/wp\/v2\/pages\/924","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/insdkandivali.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/insdkandivali.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/insdkandivali.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/insdkandivali.com\/index.php\/wp-json\/wp\/v2\/comments?post=924"}],"version-history":[{"count":7,"href":"https:\/\/insdkandivali.com\/index.php\/wp-json\/wp\/v2\/pages\/924\/revisions"}],"predecessor-version":[{"id":934,"href":"https:\/\/insdkandivali.com\/index.php\/wp-json\/wp\/v2\/pages\/924\/revisions\/934"}],"wp:attachment":[{"href":"https:\/\/insdkandivali.com\/index.php\/wp-json\/wp\/v2\/media?parent=924"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}