Social Media Manager

<!– ✅ IGNOU GALAXY — Animated Aesthetic Job Post (White + Black + Sky Blue)
Paste inside: WordPress Page / Elementor HTML / Any CMS editor
No external libraries. Email-safe? (This is for web page, not email)
–>

<section class=”igx-job-wrap” aria-label=”Social Media Manager Job Description”>
<style>
:root{
–igx-sky:#1ea7ff;
–igx-sky2:#5cc9ff;
–igx-ink:#0f172a;
–igx-muted:#475569;
–igx-line:#e6eef6;
–igx-bg:#ffffff;
–igx-soft:#f6fbff;
–igx-shadow: 0 18px 45px rgba(2, 52, 93, .12);
–igx-shadow2: 0 10px 25px rgba(2, 52, 93, .10);
–igx-radius: 18px;
–igx-radius2: 14px;
–igx-font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, “Apple Color Emoji”, “Segoe UI Emoji”;
}

.igx-job-wrap{
font-family: var(–igx-font);
background: var(–igx-bg);
color: var(–igx-ink);
padding: clamp(18px, 3vw, 34px);
max-width: 1100px;
margin: 0 auto;
}

/* ===== Header Card ===== */
.igx-hero{
position: relative;
overflow: hidden;
border: 1px solid var(–igx-line);
border-radius: var(–igx-radius);
padding: clamp(18px, 2.6vw, 28px);
background: linear-gradient(180deg, #ffffff 0%, #ffffff 55%, var(–igx-soft) 100%);
box-shadow: var(–igx-shadow2);
transform: translateY(10px);
opacity: 0;
animation: igxFadeUp .8s ease forwards;
}

.igx-hero::before{
content:””;
position:absolute;
inset:-2px;
background: radial-gradient(600px 220px at 20% 0%, rgba(30,167,255,.18), transparent 55%),
radial-gradient(520px 220px at 90% 30%, rgba(92,201,255,.14), transparent 60%);
pointer-events:none;
filter: blur(0px);
animation: igxFloatGlow 6s ease-in-out infinite;
}

.igx-badge{
display:inline-flex;
align-items:center;
gap:10px;
padding: 8px 12px;
border-radius: 999px;
border: 1px solid rgba(30,167,255,.25);
background: rgba(30,167,255,.08);
color: #035a91;
font-weight: 700;
font-size: 13px;
letter-spacing: .2px;
position: relative;
z-index: 1;
}
.igx-dot{
width:10px;height:10px;border-radius:999px;
background: var(–igx-sky);
box-shadow: 0 0 0 6px rgba(30,167,255,.18);
animation: igxPulse 1.8s ease-in-out infinite;
}

.igx-title{
margin: 14px 0 6px;
font-size: clamp(22px, 3vw, 34px);
line-height: 1.15;
font-weight: 900;
position: relative;
z-index: 1;
}

.igx-sub{
margin: 0;
color: var(–igx-muted);
font-size: clamp(14px, 1.45vw, 16px);
line-height: 1.65;
position: relative;
z-index: 1;
max-width: 85ch;
}

.igx-cta-row{
margin-top: 16px;
display:flex;
flex-wrap: wrap;
gap: 10px;
position: relative;
z-index: 1;
}

.igx-btn{
display:inline-flex;
align-items:center;
justify-content:center;
gap:10px;
padding: 12px 16px;
border-radius: 12px;
text-decoration:none;
border: 1px solid var(–igx-line);
color: var(–igx-ink);
background:#fff;
font-weight: 800;
font-size: 14px;
transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
user-select:none;
}
.igx-btn:hover{ transform: translateY(-2px); box-shadow: var(–igx-shadow2); border-color: rgba(30,167,255,.35); }
.igx-btn:active{ transform: translateY(0px) scale(.99); }

.igx-btn.primary{
background: linear-gradient(135deg, var(–igx-sky) 0%, var(–igx-sky2) 100%);
color:#fff;
border-color: transparent;
box-shadow: 0 16px 34px rgba(30,167,255,.22);
}
.igx-btn.primary:hover{ box-shadow: 0 22px 46px rgba(30,167,255,.28); }

.igx-mini{
font-size: 12.5px;
color: var(–igx-muted);
margin-top: 10px;
position: relative;
z-index: 1;
}

/* ===== Grid ===== */
.igx-grid{
display:grid;
grid-template-columns: 1.2fr .8fr;
gap: 14px;
margin-top: 14px;
}

@media (max-width: 900px){
.igx-grid{ grid-template-columns: 1fr; }
}

.igx-card{
border: 1px solid var(–igx-line);
border-radius: var(–igx-radius);
background:#fff;
box-shadow: var(–igx-shadow2);
padding: 18px 18px;
position: relative;
overflow: hidden;
transform: translateY(10px);
opacity: 0;
animation: igxFadeUp .8s ease forwards;
}
.igx-card:nth-child(2){ animation-delay: .06s; }
.igx-card:nth-child(3){ animation-delay: .12s; }
.igx-card:nth-child(4){ animation-delay: .18s; }

.igx-card::after{
content:””;
position:absolute;
right:-60px;
top:-60px;
width: 160px;
height: 160px;
background: radial-gradient(circle at 30% 30%, rgba(30,167,255,.25), transparent 60%);
filter: blur(0px);
transform: rotate(0deg);
animation: igxOrb 8s ease-in-out infinite;
pointer-events:none;
}

.igx-h{
display:flex;
align-items:center;
gap:10px;
margin:0 0 8px;
font-size: 16px;
font-weight: 900;
}

.igx-ico{
width: 36px;
height: 36px;
border-radius: 12px;
background: rgba(30,167,255,.10);
border: 1px solid rgba(30,167,255,.25);
display:grid;
place-items:center;
flex: 0 0 auto;
}

.igx-ico svg{ width:18px;height:18px; fill: none; stroke: var(–igx-sky); stroke-width: 2; }

.igx-p{
margin: 0;
color: var(–igx-muted);
line-height: 1.65;
font-size: 14px;
}

.igx-list{
margin: 10px 0 0;
padding: 0;
list-style: none;
display:grid;
gap: 8px;
}

.igx-li{
display:flex;
gap:10px;
align-items:flex-start;
color: var(–igx-ink);
line-height: 1.55;
font-size: 14px;
}

.igx-check{
margin-top: 2px;
width: 18px; height: 18px;
border-radius: 7px;
background: rgba(30,167,255,.12);
border: 1px solid rgba(30,167,255,.30);
display:grid;
place-items:center;
flex: 0 0 auto;
}
.igx-check svg{ width:12px;height:12px; fill:none; stroke: var(–igx-sky); stroke-width: 2.4; }

/* ===== KPI Chips ===== */
.igx-chips{
margin-top: 12px;
display:flex;
flex-wrap:wrap;
gap: 8px;
}
.igx-chip{
font-size: 12px;
font-weight: 800;
padding: 8px 10px;
border-radius: 999px;
border: 1px solid var(–igx-line);
background: #fff;
color: #0b2f4a;
}
.igx-chip strong{ color: #025a90; }

/* ===== Deliverables Timeline ===== */
.igx-timeline{
margin-top: 10px;
border-left: 2px dashed rgba(30,167,255,.45);
padding-left: 12px;
display:grid;
gap: 12px;
}
.igx-step{
position: relative;
padding: 10px 12px;
border: 1px solid var(–igx-line);
border-radius: var(–igx-radius2);
background: linear-gradient(180deg, #fff, #fff, rgba(30,167,255,.04));
}
.igx-step::before{
content:””;
position:absolute;
left:-21px;
top: 16px;
width: 10px;height:10px;
border-radius: 999px;
background: var(–igx-sky);
box-shadow: 0 0 0 6px rgba(30,167,255,.14);
animation: igxPulse 2s ease-in-out infinite;
}
.igx-step h4{
margin: 0 0 4px;
font-size: 14px;
font-weight: 900;
color: var(–igx-ink);
}
.igx-step p{
margin: 0;
font-size: 13.5px;
color: var(–igx-muted);
line-height: 1.6;
}

/* ===== Apply Card ===== */
.igx-apply{
display:flex;
flex-direction: column;
gap: 12px;
}
.igx-apply .igx-btn{ width: fit-content; }

.igx-note{
border: 1px solid rgba(30,167,255,.25);
background: rgba(30,167,255,.07);
padding: 12px 14px;
border-radius: 14px;
color: #06456c;
font-size: 13.5px;
line-height: 1.6;
}

/* ===== Simple reveal on scroll ===== */
.igx-reveal{ opacity:0; transform: translateY(10px); }
.igx-reveal.igx-in{ opacity:1; transform: translateY(0); transition: all .7s ease; }

/* ===== Animations ===== */
@keyframes igxFadeUp{
to { opacity:1; transform: translateY(0); }
}
@keyframes igxPulse{
0%,100%{ transform: scale(1); }
50%{ transform: scale(1.06); }
}
@keyframes igxOrb{
0%,100%{ transform: translate(0,0) rotate(0deg); opacity: .9; }
50%{ transform: translate(-14px, 14px) rotate(10deg); opacity: 1; }
}
@keyframes igxFloatGlow{
0%,100%{ transform: translateY(0); opacity:1; }
50%{ transform: translateY(8px); opacity:.95; }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
*{ animation: none !important; transition: none !important; }
}
</style>

<!– HERO –>
<div class=”igx-hero”>
<div class=”igx-badge”>
<span class=”igx-dot” aria-hidden=”true”></span>
Hiring Now • Social Media Manager
</div>

<h1 class=”igx-title”>Social Media Manager</h1>
<p class=”igx-sub”>
We are looking for a <strong>creative, proactive, and performance-driven</strong> Social Media Manager to take
complete ownership of our social media presence. You will plan, create, publish, and optimize content across
platforms to <strong>build brand authority</strong>, grow engagement, and support <strong>lead generation</strong>.
This role suits someone who understands content strategy, consistency, analytics, and audience psychology—who can execute independently with accountability.
</p>

<div class=”igx-cta-row”>
<a class=”igx-btn primary” href=”#igx-apply”>
Apply Now
<span aria-hidden=”true”>→</span>
</a>
<a class=”igx-btn” href=”#igx-deliverables”>
View Daily Tasks
<span aria-hidden=”true”>↘</span>
</a>
<a class=”igx-btn” href=”#igx-comp”>
Salary & Incentives
<span aria-hidden=”true”>₹</span>
</a>
</div>

<div class=”igx-mini”>
Tip: If you have past work links (Instagram/YouTube/Portfolio), attach them for faster shortlisting.
</div>
</div>

<!– GRID –>
<div class=”igx-grid”>
<!– LEFT: Responsibilities –>
<div class=”igx-card igx-reveal”>
<div class=”igx-h”>
<span class=”igx-ico” aria-hidden=”true”>
<svg viewBox=”0 0 24 24″><path d=”M12 20V10″/><path d=”M18 20V4″/><path d=”M6 20v-6″/></svg>
</span>
Key Responsibilities
</div>
<p class=”igx-p”>Own strategy, content production, community, and performance — with a strong focus on growth.</p>

<ul class=”igx-list”>
<li class=”igx-li”>
<span class=”igx-check” aria-hidden=”true”>
<svg viewBox=”0 0 24 24″><path d=”M20 6L9 17l-5-5″/></svg>
</span>
Design and execute a platform-specific strategy for brand awareness, engagement, and subscriber growth.
</li>
<li class=”igx-li”>
<span class=”igx-check” aria-hidden=”true”><svg viewBox=”0 0 24 24″><path d=”M20 6L9 17l-5-5″/></svg></span>
Identify content opportunities aligned with trends, user intent, and platform algorithms.
</li>
<li class=”igx-li”>
<span class=”igx-check” aria-hidden=”true”><svg viewBox=”0 0 24 24″><path d=”M20 6L9 17l-5-5″/></svg></span>
Maintain a consistent brand voice, visual style, and messaging across all channels.
</li>
<li class=”igx-li”>
<span class=”igx-check” aria-hidden=”true”><svg viewBox=”0 0 24 24″><path d=”M20 6L9 17l-5-5″/></svg></span>
Create and repurpose content across YouTube, Instagram, Facebook, LinkedIn, and selective platforms (Quora/Reddit).
</li>
<li class=”igx-li”>
<span class=”igx-check” aria-hidden=”true”><svg viewBox=”0 0 24 24″><path d=”M20 6L9 17l-5-5″/></svg></span>
Manage community: replies, DMs, comments, and engagement to build trust.
</li>
<li class=”igx-li”>
<span class=”igx-check” aria-hidden=”true”><svg viewBox=”0 0 24 24″><path d=”M20 6L9 17l-5-5″/></svg></span>
Track analytics (reach, engagement, watch time, subscribers) and optimize strategy to improve lead conversions.
</li>
<li class=”igx-li”>
<span class=”igx-check” aria-hidden=”true”><svg viewBox=”0 0 24 24″><path d=”M20 6L9 17l-5-5″/></svg></span>
Collaborate with internal teams for launches, promotions, and campaigns.
</li>
</ul>

<div class=”igx-chips” aria-label=”Platforms covered”>
<span class=”igx-chip”><strong>YT</strong> YouTube</span>
<span class=”igx-chip”><strong>IG</strong> Instagram</span>
<span class=”igx-chip”><strong>FB</strong> Facebook</span>
<span class=”igx-chip”><strong>LI</strong> LinkedIn</span>
<span class=”igx-chip”><strong>Q/R</strong> Quora/Reddit</span>
</div>
</div>

<!– RIGHT: Deliverables –>
<div class=”igx-card igx-reveal” id=”igx-deliverables”>
<div class=”igx-h”>
<span class=”igx-ico” aria-hidden=”true”>
<svg viewBox=”0 0 24 24″><path d=”M8 7h8″/><path d=”M8 12h8″/><path d=”M8 17h5″/><path d=”M6 3h12a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z”/></svg>
</span>
Daily / Weekly Deliverables
</div>

<div class=”igx-timeline”>
<div class=”igx-step”>
<h4>Monday – Saturday</h4>
<p>
🎥 <strong>1 Informative YouTube Video (Voice-Only)</strong> with illustrative background<br>
<strong>OR</strong> ✅ <strong>4 screen-recording videos</strong> (PDF/eBook content)
</p>
</div>

<div class=”igx-step”>
<h4>Monday – Saturday</h4>
<p>
📱 <strong>1 Instagram Story</strong> (same to be cross-posted on Facebook & LinkedIn)
</p>
</div>

<div class=”igx-step”>
<h4>Weekly (Every Monday)</h4>
<p>
✍️ <strong>1 informative post</strong> on platforms like Quora, Reddit, or similar
</p>
</div>
</div>
</div>

<!– LEFT: Requirements –>
<div class=”igx-card igx-reveal”>
<div class=”igx-h”>
<span class=”igx-ico” aria-hidden=”true”>
<svg viewBox=”0 0 24 24″><path d=”M12 14l9-5-9-5-9 5 9 5z”/><path d=”M12 14l6.16-3.42″/><path d=”M12 14l-6.16-3.42″/><path d=”M6 10.5V16c0 2 2.7 3.5 6 3.5s6-1.5 6-3.5v-5.5″/></svg>
</span>
Requirements & Skills
</div>

<ul class=”igx-list”>
<li class=”igx-li”>
<span class=”igx-check” aria-hidden=”true”><svg viewBox=”0 0 24 24″><path d=”M20 6L9 17l-5-5″/></svg></span>
Bachelor’s degree in Marketing, Communications, Media, or related field.
</li>
<li class=”igx-li”>
<span class=”igx-check” aria-hidden=”true”><svg viewBox=”0 0 24 24″><path d=”M20 6L9 17l-5-5″/></svg></span>
Excellent communication skills (writing + speaking) to craft compelling content.
</li>
<li class=”igx-li”>
<span class=”igx-check” aria-hidden=”true”><svg viewBox=”0 0 24 24″><path d=”M20 6L9 17l-5-5″/></svg></span>
Strong understanding of social platforms, content formats, and basic analytics.
</li>
<li class=”igx-li”>
<span class=”igx-check” aria-hidden=”true”><svg viewBox=”0 0 24 24″><path d=”M20 6L9 17l-5-5″/></svg></span>
Experience with tools like Hootsuite / Buffer / Sprout Social (or similar).
</li>
<li class=”igx-li”>
<span class=”igx-check” aria-hidden=”true”><svg viewBox=”0 0 24 24″><path d=”M20 6L9 17l-5-5″/></svg></span>
Highly organized, disciplined with deadlines, and comfortable working independently.
</li>
<li class=”igx-li”>
<span class=”igx-check” aria-hidden=”true”><svg viewBox=”0 0 24 24″><path d=”M20 6L9 17l-5-5″/></svg></span>
Passion for social media trends, algorithm updates, and growth experimentation.
</li>
</ul>
</div>

<!– RIGHT: Compensation + Apply –>
<div class=”igx-card igx-reveal” id=”igx-comp”>
<div class=”igx-h”>
<span class=”igx-ico” aria-hidden=”true”>
<svg viewBox=”0 0 24 24″><path d=”M12 1v22″/><path d=”M17 5H9.5a3.5 3.5 0 0 0 0 7H14a3.5 3.5 0 0 1 0 7H6″/></svg>
</span>
Compensation & Incentives
</div>

<div class=”igx-note”>
<strong>Salary:</strong> ₹5,000 INR (In-hand / month)<br>
<strong>Incentive:</strong> ₹50 for every <strong>100 YouTube subscribers</strong> gained.<br>
Growth opportunities based on performance and results.
</div>

<div class=”igx-apply” id=”igx-apply” style=”margin-top:12px;”>
<p class=”igx-p” style=”margin:0;”>
<strong>How to Apply:</strong> Send your resume + any work links (Instagram/YouTube/Portfolio).
</p>

<!– Replace these links as you prefer –>
<div style=”display:flex;flex-wrap:wrap;gap:10px;margin-top:6px;”>
<a class=”igx-btn primary” href=”mailto:yourmail@domain.com?subject=Application%20-%20Social%20Media%20Manager&body=Hi%20Team%2C%0A%0AI%20want%20to%20apply%20for%20Social%20Media%20Manager.%0A%0AName%3A%0APhone%3A%0APortfolio%20links%3A%0A%0AThanks”>
Apply via Email →
</a>
<a class=”igx-btn” href=”https://wa.me/91XXXXXXXXXX?text=Hi%20Team%2C%20I%20want%20to%20apply%20for%20Social%20Media%20Manager.%20My%20name%20is%20____.%20My%20portfolio%20links%20are%20____.”>
Apply on WhatsApp →
</a>
</div>

<p class=”igx-mini” style=”margin:0;”>
Note: Replace the email/WhatsApp links above with your official hiring contact.
</p>
</div>
</div>
</div>

<script>
// Simple reveal on scroll (lightweight)
(function(){
const els = document.querySelectorAll(‘.igx-job-wrap .igx-reveal’);
const io = new IntersectionObserver((entries)=>{
entries.forEach(e=>{
if(e.isIntersecting){ e.target.classList.add(‘igx-in’); io.unobserve(e.target); }
});
}, { threshold: 0.12 });
els.forEach(el=> io.observe(el));
})();
</script>
</section>

Apply for this position

Allowed Type(s): .pdf, .doc, .docx