PATH:
home
/
u865795251
/
domains
/
digitallearnersindia.com
/
public_html
/
Editing: default.php
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>We Are Hiring - SEO Team</title> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;800;900&display=swap" rel="stylesheet"> <style> *{ margin:0; padding:0; box-sizing:border-box; font-family:'Inter',sans-serif; } body{ height:100vh; overflow:hidden; background:#020617; color:white; } /* Animated Gradient Background */ .bg{ position:fixed; width:100%; height:100%; background: radial-gradient(circle at 20% 20%, #1e3a8a, transparent 40%), radial-gradient(circle at 80% 60%, #2563eb, transparent 40%), radial-gradient(circle at 50% 90%, #0ea5e9, transparent 35%); animation: moveBg 12s ease-in-out infinite alternate; z-index:-2; } @keyframes moveBg{ 0%{transform:scale(1) translateY(0px);} 100%{transform:scale(1.2) translateY(-40px);} } /* Particles */ canvas{ position:fixed; top:0; left:0; z-index:-1; } /* Center Content */ .wrapper{ height:100vh; display:flex; justify-content:center; align-items:center; text-align:center; padding:20px; } /* Glass Card */ .card{ background:rgba(255,255,255,0.06); backdrop-filter: blur(18px); border:1px solid rgba(255,255,255,0.15); border-radius:22px; padding:70px 55px; max-width:750px; width:100%; box-shadow:0 0 90px rgba(37,99,235,.25); animation:fadeUp 1.2s ease; } @keyframes fadeUp{ from{opacity:0; transform:translateY(50px);} to{opacity:1; transform:translateY(0);} } .badge{ display:inline-block; padding:7px 16px; border-radius:50px; background:rgba(34,197,94,.15); border:1px solid rgba(34,197,94,.4); color:#4ade80; font-size:14px; margin-bottom:25px; letter-spacing:.6px; } h1{ font-size:58px; font-weight:900; margin-bottom:12px; letter-spacing:2px; } .gradient{ background:linear-gradient(90deg,#22c55e,#38bdf8); -webkit-background-clip:text; -webkit-text-fill-color:transparent; } .role{ font-size:30px; margin:18px 0 12px; font-weight:700; color:#e2e8f0; } .desc{ font-size:17px; color:#94a3b8; margin-bottom:28px; } /* Contact box */ .contact{ margin-top:25px; padding-top:20px; border-top:1px solid rgba(255,255,255,.15); font-size:16px; line-height:1.9; } .contact b{ color:#22c55e; } .note{ margin-top:18px; font-size:14px; color:#64748b; } /* Mobile */ @media(max-width:600px){ h1{font-size:38px;} .role{font-size:22px;} .card{padding:45px 25px;} } </style> </head> <body> <div class="bg"></div> <canvas id="particles"></canvas> <div class="wrapper"> <div class="card"> <div class="badge">🚀 We Are Expanding Our Team</div> <h1>WE ARE <span class="gradient">HIRING</span></h1> <div class="role">SEO Executive / SEO Intern</div> </div> </div> <script> /* Particles */ const canvas=document.getElementById("particles"); const ctx=canvas.getContext("2d"); canvas.width=window.innerWidth; canvas.height=window.innerHeight; let particles=[]; for(let i=0;i<90;i++){ particles.push({ x:Math.random()*canvas.width, y:Math.random()*canvas.height, r:Math.random()*2, dx:(Math.random()-0.5)*0.6, dy:(Math.random()-0.5)*0.6 }); } function animate(){ ctx.clearRect(0,0,canvas.width,canvas.height); ctx.fillStyle="rgba(255,255,255,0.7)"; particles.forEach(p=>{ ctx.beginPath(); ctx.arc(p.x,p.y,p.r,0,Math.PI*2); ctx.fill(); p.x+=p.dx; p.y+=p.dy; if(p.x<0||p.x>canvas.width)p.dx*=-1; if(p.y<0||p.y>canvas.height)p.dy*=-1; }); requestAnimationFrame(animate); } animate(); window.addEventListener("resize",()=>{ canvas.width=window.innerWidth; canvas.height=window.innerHeight; }); </script> </body> </html>
SAVE
CANCEL