Shivam Enterprises | भरोसेमंद सेवाएँ
:root{
–bg:#0e0f13;
–card:#141722;
–muted:#a9b0c0;
–text:#f7f8fb;
–accent:#4f8cff; /* Primary */
–accent-2:#3ddc84; /* Secondary */
–ring:rgba(79,140,255,.35);
–shadow:0 10px 30px rgba(0,0,0,.35);
–radius:18px;
–gap:18px;
–max:1080px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:linear-gradient(180deg,#0b0c10,#12141c 35%,#0e0f13);color:var(–text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,”Noto Sans”,sans-serif;}
/* Top Bar */
.topbar{display:flex;gap:10px;align-items:center;justify-content:center;padding:8px 14px;background:rgba(255,255,255,.03);backdrop-filter:blur(6px);border-bottom:1px solid rgba(255,255,255,.06)}
.topbar small{color:var(–muted)}
/* Shell */
.wrap{max-width:var(–max);margin:auto;padding:0 16px}
/* Header */
header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0}
.brand{display:flex;align-items:center;gap:12px}
.logo{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(–accent),#7ca8ff);box-shadow:0 8px 20px var(–ring)}
.brand h1{font-size:18px;margin:0;letter-spacing:.2px}
.brand p{margin:0;color:var(–muted);font-size:12px}
.actions{display:flex;gap:10px}
.btn{appearance:none;border:none;cursor:pointer;border-radius:14px;padding:10px 14px;font-weight:600}
.btn.primary{background:var(–accent);color:#fff;box-shadow:0 10px 24px var(–ring)}
.btn.ghost{background:rgba(255,255,255,.06);color:#fff;border:1px solid rgba(255,255,255,.08)}
/* Hero */
.hero{position:relative;border-radius:var(–radius);overflow:hidden;background:#0d0f16;box-shadow:var(–shadow)}
.hero::before{content:””;position:absolute;inset:0;background:url(‘IMAGE_URL_HERE’) center/cover no-repeat;opacity:.45;filter:grayscale(.1) contrast(1.05)}
.hero::after{content:””;position:absolute;inset:0;background:radial-gradient(1200px 600px at 20% 0%,rgba(79,140,255,.35),transparent 40%),linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.6))}
.hero-inner{position:relative;padding:68px 22px 54px;display:grid;gap:16px;text-align:center}
.hero h2{margin:0;font-size:36px;line-height:1.15}
.hero p.sub{margin:0 auto;color:#dfe5f7;max-width:760px;font-size:16px}
.cta{display:flex;gap:12px;justify-content:center;margin-top:8px;flex-wrap:wrap}
.cta .btn{padding:12px 16px}
/* Features */
.grid{display:grid;gap:var(–gap);grid-template-columns:repeat(12,1fr);margin:26px 0}
.card{grid-column:span 4;background:var(–card);border:1px solid rgba(255,255,255,.06);border-radius:var(–radius);padding:18px;box-shadow:var(–shadow);min-height:130px}
.card h3{margin:0 0 6px;font-size:18px}
.card p{margin:0;color:var(–muted)}
/* Banner strip */
.strip{display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(90deg,rgba(79,140,255,.12),rgba(61,220,132,.12));border:1px dashed rgba(255,255,255,.2);border-radius:var(–radius);padding:14px 16px}
.strip b{font-size:15px}
/* Footer */
footer{margin:28px 0 38px;color:var(–muted);font-size:13px}
/* Responsive */
@media (max-width:900px){
.card{grid-column:span 6}
.hero h2{font-size:30px}
}
@media (max-width:620px){
header{flex-direction:column;align-items:flex-start}
.card{grid-column:span 12}
.hero h2{font-size:26px}
}
Shivam Enterprises
भरोसेमंद सेवाएँ • Quick Support
कम शब्द, ज़्यादा असर — आपका काम हमारी ज़िम्मेदारी
हम सरल, तेज़ और भरोसेमंद सेवाएँ देते हैं ताकि आपका समय बचे और काम बिना रुकावट के पूरा हो। गुणवत्ता, समय पर डिलीवरी और पारदर्शी व्यवहार हमारी पहचान है।
उच्च गुणवत्ता
हर प्रोजेक्ट में सर्वोत्तम क्वालिटी और कड़ी जाँच—ताकि आपको मिले बेहतरीन परिणाम।
समय पर डिलीवरी
हम तय समय पर काम पूरा करने पर फोकस करते हैं, ताकि आपका प्लान कभी न रुके।
किफ़ायती मूल्य
बिना अनावश्यक खर्च—साफ़ और पारदर्शी प्राइसिंग के साथ।
क्या आप शुरू करने के लिए तैयार हैं?
©
// Set current year
document.getElementById(‘y’).textContent = new Date().getFullYear();
<!– ✅ Single‑Paste Version (No , , ) for WordPress Page/Post –>
.sh-se-wrap{–bg:#0e0f13;–card:#141722;–muted:#a9b0c0;–text:#f7f8fb;–accent:#4f8cff;–accent2:#3ddc84;–ring:rgba(79,140,255,.35);–radius:18px;–gap:18px;–shadow:0 10px 30px rgba(0,0,0,.35);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,”Noto Sans”,sans-serif;color:var(–text)}
.sh-se-wrap .wrap{max-width:1080px;margin:auto;padding:0 16px}
.sh-se-wrap a{color:inherit}
.sh-se-top{display:flex;gap:10px;align-items:center;justify-content:center;padding:8px 14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:12px;margin:8px auto;max-width:1080px}
.sh-se-top small{color:var(–muted)}
.sh-se-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0}
.sh-se-brand{display:flex;align-items:center;gap:12px}
.sh-se-logo{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(–accent),#7ca8ff);box-shadow:0 8px 20px var(–ring)}
.sh-se-brand h2{font-size:18px;margin:0}
.sh-se-brand p{margin:0;color:var(–muted);font-size:12px}
.sh-se-btn{appearance:none;border:none;cursor:pointer;border-radius:14px;padding:10px 14px;font-weight:600;display:inline-block;text-decoration:none}
.sh-se-btn.primary{background:var(–accent);color:#fff;box-shadow:0 10px 24px var(–ring)}
.sh-se-btn.ghost{background:rgba(255,255,255,.06);color:#fff;border:1px solid rgba(255,255,255,.08)}
.sh-se-hero{position:relative;border-radius:var(–radius);overflow:hidden;background:#0d0f16;box-shadow:var(–shadow)}
.sh-se-hero::before{content:””;position:absolute;inset:0;background:url(‘IMAGE_URL_HERE’) center/cover no-repeat;opacity:.45;filter:grayscale(.1) contrast(1.05)}
.sh-se-hero::after{content:””;position:absolute;inset:0;background:radial-gradient(1200px 600px at 20% 0%,rgba(79,140,255,.35),transparent 40%),linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.6))}
.sh-se-hero-in{position:relative;padding:56px 20px;display:grid;gap:12px;text-align:center}
.sh-se-hero h3{margin:0;font-size:30px}
.sh-se-hero p{margin:0 auto;color:#dfe5f7;max-width:760px}
.sh-se-cta{display:flex;gap:12px;justify-content:center;margin-top:8px;flex-wrap:wrap}
.sh-se-grid{display:grid;gap:var(–gap);grid-template-columns:repeat(12,1fr);margin:22px 0}
.sh-se-card{grid-column:span 4;background:var(–card);border:1px solid rgba(255,255,255,.06);border-radius:var(–radius);padding:16px;box-shadow:var(–shadow)}
.sh-se-card h4{margin:0 0 6px;font-size:18px}
.sh-se-card p{margin:0;color:var(–muted)}
.sh-se-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(90deg,rgba(79,140,255,.12),rgba(61,220,132,.12));border:1px dashed rgba(255,255,255,.2);border-radius:var(–radius);padding:14px 16px}
.sh-se-strip b{font-size:15px}
.sh-se-foot{margin:18px 0 8px;color:var(–muted);font-size:13px;text-align:center}
@media (max-width:900px){.sh-se-card{grid-column:span 6}.sh-se-hero h3{font-size:26px}}
@media (max-width:620px){.sh-se-header{flex-direction:column;align-items:flex-start}.sh-se-card{grid-column:span 12}.sh-se-hero h3{font-size:22px}}
कम शब्द, ज़्यादा असर — आपका काम हमारी ज़िम्मेदारी
हम सरल, तेज़ और भरोसेमंद सेवाएँ देते हैं ताकि आपका समय बचे और काम बिना रुकावट के पूरा हो। गुणवत्ता और समय पर डिलीवरी हमारी पहचान है।
उच्च गुणवत्ता
हर प्रोजेक्ट में सर्वोत्तम क्वालिटी और कड़ी जाँच।
समय पर डिलीवरी
तय समय पर काम पूरा—आपकी योजना बिना रुके।
किफ़ायती मूल्य
साफ़ और पारदर्शी प्राइसिंग—बिना अनावश्यक खर्च।
क्या आप शुरू करने के लिए तैयार हैं?
(function(){var y=document.getElementById(‘sh-year’);if(y){y.textContent=new Date().getFullYear();}})();
<!– Step 1: Paste THIS HTML (no ) in Classic Editor (Text tab) or Gutenberg → Custom HTML block –>
कम शब्द, ज़्यादा असर — आपका काम हमारी ज़िम्मेदारी
हम सरल, तेज़ और भरोसेमंद सेवाएँ देते हैं ताकि आपका समय बचे और काम बिना रुकावट के पूरा हो।
उच्च गुणवत्ता
हर प्रोजेक्ट में सर्वोत्तम क्वालिटी और कड़ी जाँच।
समय पर डिलीवरी
तय समय पर काम पूरा—आपकी योजना बिना रुके।
किफ़ायती मूल्य
साफ़ और पारदर्शी प्राइसिंग—बिना अनावश्यक खर्च।
क्या आप शुरू करने के लिए तैयार हैं?
(function(){var y=document.getElementById(‘sh-year’);if(y){y.textContent=new Date().getFullYear();}})();
/* ===================== */
/* CSS (paste into Additional CSS) */
/* Go to: Appearance → Customize → Additional CSS (or Site Editor → Styles → Additional CSS) */
.sh-se-wrap{–bg:#0e0f13;–card:#141722;–muted:#a9b0c0;–text:#f7f8fb;–accent:#4f8cff;–accent2:#3ddc84;–ring:rgba(79,140,255,.35);–radius:18px;–gap:18px;–shadow:0 10px 30px rgba(0,0,0,.35);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,”Noto Sans”,sans-serif;color:var(–text)}
.sh-se-wrap a{color:inherit}
.sh-se-top{display:flex;gap:10px;align-items:center;justify-content:center;padding:8px 14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:12px;margin:8px auto;max-width:1080px}
.sh-se-top small{color:var(–muted)}
.sh-se-wrap .wrap{max-width:1080px;margin:auto;padding:0 16px}
.sh-se-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0}
.sh-se-brand{display:flex;align-items:center;gap:12px}
.sh-se-logo{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(–accent),#7ca8ff);box-shadow:0 8px 20px var(–ring)}
.sh-se-brand h2{font-size:18px;margin:0}
.sh-se-brand p{margin:0;color:var(–muted);font-size:12px}
.sh-se-btn{appearance:none;border:none;cursor:pointer;border-radius:14px;padding:10px 14px;font-weight:600;display:inline-block;text-decoration:none}
.sh-primary{background:var(–accent);color:#fff;box-shadow:0 10px 24px var(–ring)}
.sh-ghost{background:rgba(255,255,255,.06);color:#fff;border:1px solid rgba(255,255,255,.08)}
.sh-se-hero{position:relative;border-radius:var(–radius);overflow:hidden;background:#0d0f16;box-shadow:var(–shadow)}
.sh-se-hero::before{content:””;position:absolute;inset:0;background:url(‘IMAGE_URL_HERE’) center/cover no-repeat;opacity:.45;filter:grayscale(.1) contrast(1.05)}
.sh-se-hero::after{content:””;position:absolute;inset:0;background:radial-gradient(1200px 600px at 20% 0%,rgba(79,140,255,.35),transparent 40%),linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.6))}
.sh-se-hero-in{position:relative;padding:56px 20px;display:grid;gap:12px;text-align:center}
.sh-se-hero h3{margin:0;font-size:30px}
.sh-se-hero p{margin:0 auto;color:#dfe5f7;max-width:760px}
.sh-se-cta{display:flex;gap:12px;justify-content:center;margin-top:8px;flex-wrap:wrap}
.sh-se-grid{display:grid;gap:var(–gap);grid-template-columns:repeat(12,1fr);margin:22px 0}
.sh-se-card{grid-column:span 4;background:var(–card);border:1px solid rgba(255,255,255,.06);border-radius:var(–radius);padding:16px;box-shadow:var(–shadow)}
.sh-se-card h4{margin:0 0 6px;font-size:18px}
.sh-se-card p{margin:0;color:var(–muted)}
.sh-se-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(90deg,rgba(79,140,255,.12),rgba(61,220,132,.12));border:1px dashed rgba(255,255,255,.2);border-radius:var(–radius);padding:14px 16px}
.sh-se-strip b{font-size:15px}
.sh-se-foot{margin:18px 0 8px;color:var(–muted);font-size:13px;text-align:center}
@media (max-width:900px){.sh-se-card{grid-column:span 6}.sh-se-hero h3{font-size:26px}}
@media (max-width:620px){.sh-se-header{flex-direction:column;align-items:flex-start}.sh-se-card{grid-column:span 12}.sh-se-hero h3{font-size:22px}}
shivamenterprISes.com 