:root{--bg:#07070b;--surface:#101018;--surface2:#171722;--line:#262635;--text:#f4f4f8;--muted:#a9a9bd;--blue:#2f6bff;--purple:#8b5cf6;--grad:linear-gradient(135deg,#2f6bff,#8b5cf6);--head:'Space Grotesk','Segoe UI',system-ui,sans-serif;--body:'Inter','Segoe UI',system-ui,sans-serif;color-scheme:dark;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)} html{scroll-behavior:smooth;scroll-padding-top:calc(76px + env(safe-area-inset-top,0px))} *,*::before,*::after{box-sizing:border-box} body{margin:0;background:var(--bg);color:var(--text);font:400 17px/1.65 var(--body);-webkit-font-smoothing:antialiased} a{color:inherit;text-decoration:none} .wrap{max-width:1160px;margin:0 auto;padding:0 22px} section{padding:92px 0} h1,h2,h3{font-family:var(--head);line-height:1.15;margin:0} h2{font-size:clamp(2rem,4vw,2.9rem);letter-spacing:-.02em} .eyebrow{display:inline-block;font:600 .8rem var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--blue);margin-bottom:14px} .lead{color:var(--muted);max-width:640px;margin:14px 0 0} .grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent} .btn{display:inline-flex;align-items:center;gap:8px;padding:14px 26px;border-radius:999px;font:600 1rem var(--body);border:1px solid var(--line);background:transparent;color:var(--text);cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s} .btn:hover{transform:translateY(-2px);border-color:var(--blue)} .btn.primary{background:var(--grad);border-color:transparent;color:#fff} .btn.primary:hover{box-shadow:0 10px 30px rgba(47,107,255,.35)} :focus-visible{outline:2px solid var(--blue);outline-offset:3px} /* nav */ header{position:fixed;top:0;left:0;right:0;z-index:50;padding-top:env(safe-area-inset-top,0px);background:rgba(7,7,11,.82);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)} .nav{display:flex;align-items:center;justify-content:space-between;height:68px} .logo{font:700 1.2rem var(--head)}.logo span{color:var(--blue)} .links{display:flex;gap:26px;align-items:center} .links a{color:var(--muted);font-size:.95rem;transition:color .2s}.links a:hover{color:#fff} .links .btn{padding:10px 20px;color:#fff} .burger{display:none;background:none;border:1px solid var(--line);color:#fff;border-radius:10px;padding:8px 12px;font-size:1.1rem;cursor:pointer} /* hero */ .hero{padding:150px 0 90px;position:relative;overflow:hidden} .hero::before{content:"";position:absolute;width:620px;height:620px;right:-180px;top:-120px;background:radial-gradient(circle,rgba(139,92,246,.28),transparent 65%);pointer-events:none} .hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center} .hero h1{font-size:clamp(2.5rem,5.4vw,4.2rem);letter-spacing:-.03em} .hero p{color:var(--muted);font-size:1.15rem;max-width:520px;margin:22px 0 32px} .cta{display:flex;gap:14px;flex-wrap:wrap} .visual{position:relative;height:430px} .vcard{position:absolute;border-radius:18px;border:1px solid var(--line);background:var(--surface);box-shadow:0 20px 50px rgba(0,0,0,.5);animation:float 7s ease-in-out infinite} .timeline{left:0;top:30px;width:92%;padding:16px} .tl-top{display:flex;gap:6px;margin-bottom:12px}.tl-top i{width:9px;height:9px;border-radius:50%;background:var(--line)} .tl-prev{height:120px;border-radius:10px;background:linear-gradient(135deg,#17224a,#3a1f6b);display:grid;place-items:center;font-size:2rem;margin-bottom:12px} .track{display:flex;gap:5px;margin-bottom:6px}.track b{height:20px;border-radius:5px;display:block} .playhead{position:absolute;left:46%;top:60px;bottom:14px;width:2px;background:#fff;opacity:.85} .story{right:0;top:0;width:128px;height:228px;padding:12px;animation-delay:-2s;background:linear-gradient(160deg,#2f6bff,#8b5cf6)} .story small{display:block;font:700 .62rem var(--body);letter-spacing:.12em;opacity:.85} .story strong{display:block;font:700 1.15rem/1.15 var(--head);margin-top:70px} .ad{right:14px;bottom:0;width:230px;padding:16px;animation-delay:-4s;display:flex;gap:12px;align-items:center} .ad .bottle{width:50px;height:84px;border-radius:12px 12px 10px 10px;background:linear-gradient(180deg,#8b5cf6,#2f6bff);flex:none} .ad small{color:var(--muted);font-size:.72rem;letter-spacing:.1em}.ad strong{display:block;font:700 1rem var(--head)} @keyframes float{50%{transform:translateY(-10px)}} /* about */ .about{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:center} .avatar{aspect-ratio:1;max-width:380px;border-radius:28px;background:var(--surface2);border:1px solid var(--line);display:grid;place-items:center;text-align:center;color:var(--muted);font-size:.9rem;padding:20px;position:relative;overflow:hidden} .avatar{padding:0;box-shadow:0 0 0 1px var(--line),0 24px 60px rgba(47,107,255,.18)}.avatar img{width:100%;height:100%;object-fit:cover;display:block} .about p{color:var(--muted);font-size:1.08rem} /* cards */ .grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:44px} .card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:30px;transition:transform .25s,border-color .25s} .card:hover{transform:translateY(-4px);border-color:rgba(47,107,255,.6)} .card h3{font-size:1.5rem;margin:14px 0 8px}.card>p{color:var(--muted);margin:0 0 16px} .card ul{margin:0;padding:0;list-style:none} .card li{padding:7px 0 7px 26px;position:relative;border-top:1px solid var(--line);font-size:.97rem} .card li::before{content:"";position:absolute;left:2px;top:17px;width:9px;height:9px;border-radius:50%;background:var(--grad)} .icon{width:50px;height:50px;border-radius:14px;background:var(--grad);display:grid;place-items:center;font-size:1.4rem} /* portfolio */ .filters{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px} .chip{padding:10px 20px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--muted);font:500 .95rem var(--body);cursor:pointer;transition:.2s} .chip[aria-pressed=true]{background:var(--grad);border-color:transparent;color:#fff} .pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px} .proj{background:var(--surface);border:1px solid var(--line);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;transition:transform .25s,border-color .25s} .proj:hover{transform:translateY(-4px);border-color:rgba(139,92,246,.7)} .thumb{aspect-ratio:16/10;position:relative;display:grid;place-items:center;font-size:2.4rem;overflow:hidden} .thumb img,.thumb video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} .badge{position:absolute;left:12px;top:12px;font:600 .7rem var(--body);letter-spacing:.06em;text-transform:uppercase;background:rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.2);padding:4px 10px;border-radius:999px;z-index:2} .pbody{padding:22px;display:flex;flex-direction:column;gap:8px;flex:1} .cat{color:var(--blue);font:600 .78rem var(--body);letter-spacing:.1em;text-transform:uppercase} .pbody h3{font-size:1.2rem}.pbody p{color:var(--muted);font-size:.94rem;margin:0;flex:1} .tools{display:flex;gap:6px;flex-wrap:wrap}.tools span{font-size:.75rem;padding:3px 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted)} .view{margin-top:8px;background:none;border:0;color:#fff;font:600 .95rem var(--body);cursor:pointer;text-align:left;padding:0}.view:hover{color:var(--blue)} .note{margin-top:26px;color:var(--muted);font-size:.9rem} dialog{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:20px;max-width:520px;width:calc(100% - 40px);padding:28px} dialog::backdrop{background:rgba(0,0,0,.7)} /* skills */ .chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px} .chips span{padding:10px 18px;border-radius:12px;background:var(--surface2);border:1px solid var(--line);font-size:.95rem} .chips.t span{border-color:rgba(47,107,255,.5)} .sub{font:700 1.1rem var(--head);margin-top:34px;color:var(--muted)} /* process */ .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:44px} .step{padding:26px;border-radius:20px;background:var(--surface);border:1px solid var(--line)} .step b{font:700 2.4rem var(--head);display:block;margin-bottom:6px}.step h3{font-size:1.2rem}.step p{color:var(--muted);font-size:.95rem;margin:8px 0 0} .why{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px} .why div{padding:20px 22px;border-radius:16px;background:var(--surface);border:1px solid var(--line);display:flex;gap:12px} .why div::before{content:"✓";color:var(--blue);font-weight:700} /* contact */ .contact{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:start} .cinfo a{display:block;margin-top:14px;padding:16px 20px;border-radius:14px;background:var(--surface);border:1px solid var(--line);transition:border-color .2s} .cinfo a:hover{border-color:var(--blue)}.cinfo small{display:block;color:var(--muted);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase} form{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:28px;display:grid;gap:16px} label{display:grid;gap:7px;font-size:.92rem;font-weight:500} input,select,textarea{width:100%;padding:13px 15px;border-radius:12px;border:1px solid var(--line);background:var(--bg);color:var(--text);font:inherit} input:focus,select:focus,textarea:focus{outline:2px solid var(--blue);border-color:transparent} textarea{min-height:130px;resize:vertical} .hint{font-size:.82rem;color:var(--muted);margin:0} footer{border-top:1px solid var(--line);padding:40px 0 48px;color:var(--muted);font-size:.92rem} .fgrid{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap} .fgrid nav{display:flex;gap:18px;flex-wrap:wrap}.fgrid a:hover{color:#fff} .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}.reveal.in{opacity:1;transform:none} @media(max-width:960px){.hero-grid,.about,.contact{grid-template-columns:1fr}.pgrid,.why{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.visual{height:400px;max-width:520px}} @media(max-width:720px){section{padding:68px 0}.burger{display:block}.links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:flex-start;gap:0;background:var(--bg);border-bottom:1px solid var(--line);padding:10px 22px 20px}.links.open{display:flex}.links a{padding:11px 0;width:100%}.links .btn{width:auto;margin-top:8px}.grid2,.pgrid,.steps,.why{grid-template-columns:1fr}.hero{padding-top:120px}.story{width:108px;height:190px}.story strong{margin-top:50px}} @media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}

Vijay.Kumar ☰

Vijay Kumar · VIZODHA

Creative Videos. Powerful Designs. Stronger Brands.

I create engaging videos and eye-catching social media designs that help businesses, creators and brands communicate their message.

View My WorkContact Me

▶

REEL CONCEPTHook in the first 3 seconds

PRODUCT AD CONCEPTYour product, styled.

About

A Little About Me

Hi, I'm Vijay Kumar, a creative video editor and social media designer. I enjoy turning ideas into engaging videos and attractive visual content. My work includes short-form videos, promotional advertisements, social media graphics, posters and YouTube thumbnails. I focus on clear communication, creative execution and understanding each project's goals.

Services

What I Can Do for You

Two focused services, built around helping your message land clearly with your audience.

🎬

Video Editing

Polished, well-paced videos that keep viewers watching and make your message easy to follow.

• Instagram Reels and YouTube Shorts
• YouTube video editing
• Business promotional videos
• Product advertisements
• AI-assisted promotional video creation
• Captions and subtitles

🎨

Graphic Design

Consistent, scroll-stopping visuals that give your brand a clear and professional look.

• Social media posts
• Promotional posters
• YouTube thumbnails
• Instagram carousel posts
• Advertising creatives and banners
• Basic logo design and branding

Portfolio

Selected Work

Concept projects shown below are practice pieces, not completed client assignments. Real work will replace them.

AllVideo EditingGraphic Design

Watch My Edited Videos

A folder of reels and videos I have edited, hosted on Google Drive.

Open Video Folder ↗

See My Designs

A folder of graphic designs I have created, hosted on Google Drive.

Open Design Folder ↗

To swap in real work, edit the PROJECTS list at the bottom of this page's code: set image or video to your file link, set concept to false, and add a link.

Skills

Tools & Skills

The tools I work with and the kinds of work I do. These are tools I use, not certifications.

Tools

CanvaCapCutAdobe Premiere ProAdobe After EffectsAI video creation tools

Skills

Short-form video editingPromotional video creationCaptions and subtitlesSocial media content designPoster and thumbnail designProduct advertising creativesBasic branding and logo design

Process

My Creative Process

01

Understand

Learn about the client's goals, audience and requirements.

02

Plan

Develop a suitable creative direction and content structure.

03

Create

Edit the video or design the visuals using suitable tools.

04

Refine and Deliver

Review feedback, make agreed revisions and prepare the final deliverables.

Why Work With Me?

Creative and audience-focused ideas

Clear communication

Attention to detail

Content tailored to project requirements

Focus on deadlines and agreed deliverables

Willingness to understand feedback and improve the work

Contact

Have a Project in Mind?

Let's discuss your idea and turn it into engaging visual content for your business or brand.

Email Freelancer.comView my profile Creative brandVIZODHA

Name Email Service requiredVideo EditingGraphic DesignBothNot sure yet Project details Send Project Enquiry

This opens your email app with the enquiry filled in, ready to send.

Close

// ===== EDIT HERE ===== const CONFIG={ email:"your-email@example.com", // replace with your real email freelancer:"https://www.freelancer.com/u/YOUR_USERNAME" // replace with your profile link }; // For each project: set image:"https://..." or video:"https://..." for real media, concept:false for real work, link:"https://..." to open it. const PROJECTS=[ {title:"Product Promotional Advertisement",filter:"Video Editing",cat:"Video Editing",icon:"🎬",desc:"A short promotional video concept designed to highlight product features and benefits.",tools:["Premiere Pro","After Effects"],concept:true,image:"",video:"",link:""}, {title:"Social Media Reel",filter:"Video Editing",cat:"Video Editing",icon:"📱",desc:"A short-form video concept featuring a strong opening, engaging visuals and captions.",tools:["CapCut"],concept:true,image:"",video:"",link:""}, {title:"Business Promotional Video",filter:"Video Editing",cat:"Video Editing",icon:"🏢",desc:"A promotional video concept designed to introduce a business, explain its services and encourage enquiries.",tools:["Premiere Pro","Canva"],concept:true,image:"",video:"",link:""}, {title:"Social Media Campaign",filter:"Graphic Design",cat:"Graphic Design",icon:"🖼️",desc:"A coordinated set of social media graphics created to maintain a consistent visual identity.",tools:["Canva"],concept:true,image:"",video:"",link:""}, {title:"YouTube Thumbnail Collection",filter:"Graphic Design",cat:"Graphic Design",icon:"▶️",desc:"Thumbnail concepts designed with clear visual hierarchy and attention-grabbing compositions.",tools:["Canva"],concept:true,image:"",video:"",link:""}, {title:"VIZODHA Product Advertising Concept",filter:"Graphic Design",cat:"Branding and Advertising",icon:"✨",desc:"A creative advertising concept exploring product visuals, promotional graphics and brand presentation for VIZODHA.",tools:["Canva","AI tools"],concept:true,image:"",video:"",link:""} ]; const grads=["linear-gradient(135deg,#16224f,#3b1f6e)","linear-gradient(135deg,#3b1f6e,#0f2a6b)","linear-gradient(135deg,#0f2a6b,#2a1a55)"]; const $=s=>document.querySelector(s),grid=$("#pgrid"),dlg=$("#dlg"); const esc=t=>String(t).replace(/[&"]/g,c=>({"&":"&","":">",'"':"""}[c])); function render(f){ grid.innerHTML=PROJECTS.map((p,i)=>{ if(f!=="all"&&p.filter!==f)return""; const media=p.video?``:p.image?``:""; return`

${media||`${p.icon}`}${p.concept?'Concept project':""}

${esc(p.cat)}

${esc(p.title)}

${esc(p.desc)}

${p.tools.map(t=>`${esc(t)}`).join("")}

View Project →

`}).join(""); } render("all"); document.querySelectorAll(".chip").forEach(b=>b.onclick=()=>{document.querySelectorAll(".chip").forEach(c=>c.setAttribute("aria-pressed",c===b));render(b.dataset.f)}); grid.addEventListener("click",e=>{const b=e.target.closest(".view");if(!b)return;const p=PROJECTS[b.dataset.i]; if(p.link){window.open(p.link,"_blank","noopener");return} $("#dT").textContent=p.title;$("#dD").textContent=p.desc; $("#dN").textContent=p.concept?"This is a concept placeholder, not a completed client project. The full project will be added here.":"Project link coming soon."; dlg.showModal()}); // contact links const mail="mailto:"+CONFIG.email; $("#mailLink").href=mail;$("#mailText").textContent=CONFIG.email;$("#flLink").href=CONFIG.freelancer;$("#flFoot").href=CONFIG.freelancer; $("#enq").addEventListener("submit",e=>{e.preventDefault();const f=e.target,d=new FormData(f); if(!f.checkValidity()||!d.get("name").trim()||!d.get("details").trim()){$("#msg").textContent="Please fill in your name, a valid email and the project details.";f.reportValidity();return} const body=`Name: ${d.get("name")}\nEmail: ${d.get("email")}\nService: ${d.get("service")}\n\nProject details:\n${d.get("details")}`; location.href=`${mail}?subject=${encodeURIComponent("Project enquiry: "+d.get("service"))}&body=${encodeURIComponent(body)}`; $("#msg").textContent="Your email app should open now. Press send there to deliver the enquiry."}); // nav + misc const burger=$("#burger"),links=$("#links"); burger.onclick=()=>{const o=links.classList.toggle("open");burger.setAttribute("aria-expanded",o)}; links.addEventListener("click",e=>{if(e.target.tagName==="A")links.classList.remove("open")}); $("#yr").textContent=new Date().getFullYear(); const io=new IntersectionObserver(es=>es.forEach(x=>{if(x.isIntersecting){x.target.classList.add("in");io.unobserve(x.target)}}),{threshold:.12}); document.querySelectorAll(".reveal").forEach(el=>io.observe(el));