CORE_V5 // public

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>

<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="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>

/* 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>

CANCEL