{"id":7,"date":"2026-10-31T03:53:48","date_gmt":"2026-10-31T03:53:48","guid":{"rendered":"https:\/\/sandipkchaudhary.com.np\/?page_id=7"},"modified":"2026-10-31T03:53:48","modified_gmt":"2026-10-31T03:53:48","slug":"home","status":"publish","type":"page","link":"https:\/\/sandipkchaudhary.com.np\/","title":{"rendered":"Home"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n\/* ==========================================================================\n   1. CSS Variables & Theme Tokens\n   ========================================================================== *\/\n:root[data-theme=\"dark\"] {\n  --bg-main: #090b14;\n  --bg-glass: rgba(255, 255, 255, 0.05);\n  --bg-glass-hover: rgba(255, 255, 255, 0.09);\n  --border-glass: rgba(255, 255, 255, 0.12);\n  --text-primary: #f8fafc;\n  --text-secondary: #94a3b8;\n  --nav-bg: rgba(9, 11, 20, 0.8);\n  --shadow: 0 12px 32px -4px rgba(0, 0, 0, 0.5);\n}\n\n:root[data-theme=\"light\"] {\n  --bg-main: #f1f5f9;\n  --bg-glass: rgba(255, 255, 255, 0.75);\n  --bg-glass-hover: rgba(255, 255, 255, 0.95);\n  --border-glass: rgba(148, 163, 184, 0.3);\n  --text-primary: #0f172a;\n  --text-secondary: #475569;\n  --nav-bg: rgba(241, 245, 249, 0.85);\n  --shadow: 0 12px 32px -4px rgba(15, 23, 42, 0.08);\n}\n\n:root {\n  --grad-primary: linear-gradient(135deg, #8b5cf6 0%, #3b82f6 50%, #06b6d4 100%);\n  --grad-secondary: linear-gradient(135deg, #ec4899 0%, #8b5cf6 100%);\n  --accent-cyan: #06b6d4;\n  --accent-purple: #8b5cf6;\n  --radius-lg: 20px;\n  --radius-md: 12px;\n  --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n\/* ==========================================================================\n   2. Base & Reset\n   ========================================================================== *\/\n* {\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n}\n\nhtml {\n  scroll-behavior: smooth;\n}\n\nbody {\n  font-family: 'Inter', sans-serif;\n  background-color: var(--bg-main);\n  color: var(--text-primary);\n  line-height: 1.6;\n  overflow-x: hidden;\n  transition: background-color 0.35s ease, color 0.35s ease;\n}\n\nh1, h2, h3, .logo {\n  font-family: 'Outfit', sans-serif;\n  line-height: 1.2;\n}\n\na {\n  color: inherit;\n  text-decoration: none;\n}\n\n.container {\n  width: 90%;\n  max-width: 1180px;\n  margin: 0 auto;\n}\n\n.section {\n  padding: 90px 0;\n  position: relative;\n  z-index: 2;\n}\n\n\/* Ambient Background Glow Orbs *\/\n.bg-orb {\n  position: fixed;\n  border-radius: 50%;\n  filter: blur(110px);\n  opacity: 0.28;\n  z-index: 0;\n  pointer-events: none;\n}\n\n.orb-1 {\n  width: 420px;\n  height: 420px;\n  background: var(--accent-purple);\n  top: -100px;\n  left: -100px;\n}\n\n.orb-2 {\n  width: 380px;\n  height: 380px;\n  background: var(--accent-cyan);\n  bottom: -80px;\n  right: -80px;\n}\n\n\/* Glassmorphism & Gradient Utilities *\/\n.glass {\n  background: var(--bg-glass);\n  backdrop-filter: blur(16px);\n  -webkit-backdrop-filter: blur(16px);\n  border: 1px solid var(--border-glass);\n  box-shadow: var(--shadow);\n}\n\n.gradient-text {\n  background: var(--grad-primary);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n\n\/* ==========================================================================\n   3. Navbar\n   ========================================================================== *\/\n.navbar {\n  position: sticky;\n  top: 0;\n  z-index: 100;\n  background: var(--nav-bg);\n  backdrop-filter: blur(14px);\n  border-bottom: 1px solid var(--border-glass);\n  padding: 16px 0;\n}\n\n.nav-container {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n\n.logo {\n  font-size: 1.75rem;\n  font-weight: 800;\n}\n\n.logo .dot {\n  color: var(--accent-cyan);\n}\n\n.nav-links {\n  display: flex;\n  gap: 28px;\n}\n\n.nav-link {\n  font-weight: 500;\n  color: var(--text-secondary);\n  transition: var(--transition);\n}\n\n.nav-link:hover, .nav-link.active {\n  color: var(--text-primary);\n}\n\n.nav-actions {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n\n.theme-btn {\n  background: var(--bg-glass);\n  border: 1px solid var(--border-glass);\n  color: var(--text-primary);\n  width: 42px;\n  height: 42px;\n  border-radius: 50%;\n  cursor: pointer;\n  display: grid;\n  place-items: center;\n  font-size: 1.1rem;\n  transition: var(--transition);\n}\n\n.theme-btn:hover {\n  transform: rotate(15deg) scale(1.06);\n}\n\n.mobile-toggle {\n  display: none;\n  flex-direction: column;\n  gap: 5px;\n  background: transparent;\n  border: none;\n  cursor: pointer;\n}\n\n.mobile-toggle span {\n  width: 24px;\n  height: 2px;\n  background: var(--text-primary);\n  transition: var(--transition);\n}\n\n\/* ==========================================================================\n   4. Hero Section\n   ========================================================================== *\/\n.hero-grid {\n  display: grid;\n  grid-template-columns: 1.25fr 0.95fr;\n  gap: 48px;\n  align-items: center;\n}\n\n.badge {\n  display: inline-block;\n  padding: 6px 16px;\n  border-radius: 999px;\n  font-size: 0.875rem;\n  font-weight: 500;\n  margin-bottom: 20px;\n}\n\n.hero-content h1 {\n  font-size: clamp(2.4rem, 5vw, 3.8rem);\n  margin-bottom: 18px;\n}\n\n.subtitle {\n  color: var(--text-secondary);\n  font-size: 1.1rem;\n  margin-bottom: 28px;\n  max-width: 580px;\n}\n\n.hero-btns {\n  display: flex;\n  gap: 16px;\n  margin-bottom: 32px;\n  flex-wrap: wrap;\n}\n\n.btn {\n  padding: 13px 28px;\n  border-radius: var(--radius-md);\n  font-weight: 600;\n  cursor: pointer;\n  border: none;\n  transition: var(--transition);\n  display: inline-block;\n  text-align: center;\n}\n\n.btn-primary {\n  background: var(--grad-primary);\n  color: #ffffff;\n  box-shadow: 0 8px 24px -6px rgba(139, 92, 246, 0.6);\n}\n\n.btn-primary:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 12px 28px -4px rgba(6, 182, 212, 0.7);\n}\n\n.btn-glass {\n  background: var(--bg-glass);\n  border: 1px solid var(--border-glass);\n  color: var(--text-primary);\n}\n\n.btn-glass:hover {\n  background: var(--bg-glass-hover);\n  transform: translateY(-2px);\n}\n\n.social-strip {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n}\n\n.social-pill {\n  padding: 8px 14px;\n  border-radius: 999px;\n  font-size: 0.85rem;\n  color: var(--text-secondary);\n  transition: var(--transition);\n}\n\n.social-pill:hover {\n  color: var(--text-primary);\n  border-color: var(--accent-cyan);\n}\n\n\/* Avatar Visual Card *\/\n.avatar-card {\n  padding: 36px 28px;\n  border-radius: var(--radius-lg);\n  text-align: center;\n}\n\n.avatar-ring {\n  width: 120px;\n  height: 120px;\n  margin: 0 auto 18px;\n  border-radius: 50%;\n  display: grid;\n  place-items: center;\n  background: var(--bg-main);\n  border: 3px solid var(--accent-purple);\n  box-shadow: 0 0 30px rgba(139, 92, 246, 0.35);\n}\n\n.monogram {\n  font-family: 'Outfit', sans-serif;\n  font-size: 2.2rem;\n  font-weight: 800;\n}\n\n.handle {\n  color: var(--accent-cyan);\n  font-weight: 500;\n  margin-bottom: 24px;\n}\n\n.stats-row {\n  display: flex;\n  justify-content: space-around;\n  border-top: 1px solid var(--border-glass);\n  padding-top: 20px;\n}\n\n.stat strong {\n  display: block;\n  font-size: 1.05rem;\n}\n\n.stat span {\n  font-size: 0.8rem;\n  color: var(--text-secondary);\n}\n\n\/* ==========================================================================\n   5. Services & Portfolio Grid\n   ========================================================================== *\/\n.section-header {\n  text-align: center;\n  margin-bottom: 48px;\n}\n\n.section-header h2 {\n  font-size: clamp(1.9rem, 3.5vw, 2.6rem);\n  margin-bottom: 10px;\n}\n\n.section-header p {\n  color: var(--text-secondary);\n}\n\n.grid-3 {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));\n  gap: 24px;\n}\n\n.card, .project-card {\n  border-radius: var(--radius-lg);\n  padding: 28px;\n  transition: var(--transition);\n}\n\n.card:hover, .project-card:hover {\n  transform: translateY(-6px);\n  background: var(--bg-glass-hover);\n  border-color: var(--accent-purple);\n}\n\n.card-icon {\n  font-size: 2.2rem;\n  margin-bottom: 16px;\n}\n\n.card h3, .project-info h3 {\n  margin-bottom: 10px;\n}\n\n.card p, .project-info p {\n  color: var(--text-secondary);\n  font-size: 0.95rem;\n}\n\n\/* Filter Bar *\/\n.filter-bar {\n  display: flex;\n  justify-content: center;\n  gap: 12px;\n  margin-bottom: 36px;\n  flex-wrap: wrap;\n}\n\n.filter-btn {\n  padding: 8px 18px;\n  border-radius: 999px;\n  background: var(--bg-glass);\n  border: 1px solid var(--border-glass);\n  color: var(--text-secondary);\n  cursor: pointer;\n  font-weight: 500;\n  transition: var(--transition);\n}\n\n.filter-btn.active, .filter-btn:hover {\n  background: var(--grad-primary);\n  color: #ffffff;\n  border-color: transparent;\n}\n\n.project-thumb {\n  height: 150px;\n  border-radius: var(--radius-md);\n  margin-bottom: 18px;\n  display: grid;\n  place-items: center;\n  font-family: 'Outfit', sans-serif;\n  font-weight: 700;\n  font-size: 1.3rem;\n  color: #ffffff;\n}\n\n.thumb-gradient-1 { background: var(--grad-primary); }\n.thumb-gradient-2 { background: var(--grad-secondary); }\n.thumb-gradient-3 { background: linear-gradient(135deg, #06b6d4, #3b82f6); }\n\n.tag {\n  display: inline-block;\n  font-size: 0.75rem;\n  font-weight: 600;\n  color: var(--accent-cyan);\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  margin-bottom: 6px;\n}\n\n\/* ==========================================================================\n   6. Contact & Footer\n   ========================================================================== *\/\n.contact-wrapper {\n  display: grid;\n  grid-template-columns: 1fr 1.1fr;\n  gap: 40px;\n  padding: 44px;\n  border-radius: var(--radius-lg);\n}\n\n.contact-info p {\n  color: var(--text-secondary);\n  margin: 14px 0 24px;\n}\n\n.contact-list {\n  list-style: none;\n}\n\n.contact-list li {\n  margin-bottom: 10px;\n  color: var(--text-secondary);\n}\n\n.contact-list a {\n  color: var(--accent-cyan);\n}\n\n.form-group {\n  margin-bottom: 18px;\n}\n\n.form-group label {\n  display: block;\n  font-size: 0.9rem;\n  margin-bottom: 6px;\n  font-weight: 500;\n}\n\n.form-group input, .form-group textarea {\n  width: 100%;\n  padding: 12px 16px;\n  border-radius: var(--radius-md);\n  background: var(--bg-main);\n  border: 1px solid var(--border-glass);\n  color: var(--text-primary);\n  font-family: inherit;\n  outline: none;\n  transition: var(--transition);\n}\n\n.form-group input:focus, .form-group textarea:focus {\n  border-color: var(--accent-cyan);\n}\n\n.w-100 {\n  width: 100%;\n}\n\n.form-status {\n  margin-top: 12px;\n  font-size: 0.9rem;\n  color: var(--accent-cyan);\n  text-align: center;\n}\n\n.footer {\n  padding: 28px 0;\n  text-align: center;\n  border-top: 1px solid var(--border-glass);\n  color: var(--text-secondary);\n  font-size: 0.9rem;\n}\n\n\/* ==========================================================================\n   7. Mobile Responsive Media Queries\n   ========================================================================== *\/\n@media (max-width: 860px) {\n  .hero-grid, .contact-wrapper {\n    grid-template-columns: 1fr;\n  }\n\n  .mobile-toggle {\n    display: flex;\n  }\n\n  .nav-links {\n    position: absolute;\n    top: 74px;\n    left: 5%;\n    width: 90%;\n    flex-direction: column;\n    background: var(--nav-bg);\n    backdrop-filter: blur(20px);\n    padding: 24px;\n    border-radius: var(--radius-md);\n    border: 1px solid var(--border-glass);\n    display: none;\n  }\n\n  .nav-links.open {\n    display: flex;\n  }\n\n  .contact-wrapper {\n    padding: 28px 20px;\n  }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\ndocument.addEventListener('DOMContentLoaded', () => {\n  const htmlEl = document.documentElement;\n  const themeToggle = document.getElementById('themeToggle');\n  const themeIcon = document.getElementById('themeIcon');\n  const mobileToggle = document.getElementById('mobileToggle');\n  const navLinks = document.getElementById('navLinks');\n  const filterBtns = document.querySelectorAll('.filter-btn');\n  const projectCards = document.querySelectorAll('.project-card');\n  const contactForm = document.getElementById('contactForm');\n  const formStatus = document.getElementById('formStatus');\n  const yearSpan = document.getElementById('year');\n\n  \/\/ Set current copyright year dynamically\n  yearSpan.textContent = new Date().getFullYear();\n\n  \/\/ 1. Dark \/ Light Theme Switcher with LocalStorage Persistence\n  const savedTheme = localStorage.getItem('skc_theme') || 'dark';\n  htmlEl.setAttribute('data-theme', savedTheme);\n  themeIcon.textContent = savedTheme === 'dark' ? '\u2600\ufe0f' : '\ud83c\udf19';\n\n  themeToggle.addEventListener('click', () => {\n    const currentTheme = htmlEl.getAttribute('data-theme');\n    const nextTheme = currentTheme === 'dark' ? 'light' : 'dark';\n    htmlEl.setAttribute('data-theme', nextTheme);\n    localStorage.setItem('skc_theme', nextTheme);\n    themeIcon.textContent = nextTheme === 'dark' ? '\u2600\ufe0f' : '\ud83c\udf19';\n  });\n\n  \/\/ 2. Mobile Navigation Drawer Toggle\n  mobileToggle.addEventListener('click', () => {\n    navLinks.classList.toggle('open');\n  });\n\n  \/\/ Close mobile menu when clicking a link\n  document.querySelectorAll('.nav-link').forEach(link => {\n    link.addEventListener('click', () => {\n      navLinks.classList.remove('open');\n    });\n  });\n\n  \/\/ 3. Portfolio Category Filter\n  filterBtns.forEach(btn => {\n    btn.addEventListener('click', () => {\n      filterBtns.forEach(b => b.classList.remove('active'));\n      btn.classList.add('active');\n\n      const filterValue = btn.getAttribute('data-filter');\n\n      projectCards.forEach(card => {\n        const category = card.getAttribute('data-category');\n        if (filterValue === 'all' || filterValue === category) {\n          card.style.display = 'block';\n        } else {\n          card.style.display = 'none';\n        }\n      });\n    });\n  });\n\n  \/\/ 4. Interactive Contact Form Handler\n  contactForm.addEventListener('submit', (e) => {\n    e.preventDefault();\n    const name = document.getElementById('name').value.trim();\n    formStatus.textContent = `Thanks, ${name}! Your message has been received.`;\n    contactForm.reset();\n\n    setTimeout(() => {\n      formStatus.textContent = '';\n    }, 5000);\n  });\n});\n<\/script>\n\n<!DOCTYPE html>\n<html lang=\"en\" data-theme=\"dark\">\n<head>\n  <meta charset=\"UTF-8\" \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n  <title>Sandip Kumar Chaudhary (@srajnabi) | UI Designer &#038; Theme Developer<\/title>\n  <!-- Google Fonts -->\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&#038;family=Outfit:wght@700;800&#038;display=swap\" rel=\"stylesheet\">\n  <!-- External CSS -->\n  <link rel=\"stylesheet\" href=\"style.css\" \/>\n<\/head>\n<body>\n\n  <!-- Ambient Background Glow Orbs -->\n  <div class=\"bg-orb orb-1\"><\/div>\n  <div class=\"bg-orb orb-2\"><\/div>\n\n  <!-- Navigation Header -->\n  <header class=\"navbar\">\n    <div class=\"container nav-container\">\n      <a href=\"#\" class=\"logo\">\n        <span class=\"gradient-text\">SKC<\/span><span class=\"dot\">.<\/span>\n      <\/a>\n\n      <nav class=\"nav-links\" id=\"navLinks\">\n        <a href=\"#home\" class=\"nav-link active\">Home<\/a>\n        <a href=\"#services\" class=\"nav-link\">Services<\/a>\n        <a href=\"#portfolio\" class=\"nav-link\">Portfolio<\/a>\n        <a href=\"#contact\" class=\"nav-link\">Contact<\/a>\n      <\/nav>\n\n      <div class=\"nav-actions\">\n        <button class=\"theme-btn\" id=\"themeToggle\" aria-label=\"Toggle Dark\/Light Mode\">\n          <span class=\"theme-icon\" id=\"themeIcon\">\u2600\ufe0f<\/span>\n        <\/button>\n        <button class=\"mobile-toggle\" id=\"mobileToggle\" aria-label=\"Toggle Menu\">\n          <span><\/span>\n          <span><\/span>\n          <span><\/span>\n        <\/button>\n      <\/div>\n    <\/div>\n  <\/header>\n\n  <!-- Hero Section -->\n  <section id=\"home\" class=\"hero section\">\n    <div class=\"container hero-grid\">\n      <div class=\"hero-content\">\n        <div class=\"badge glass\">\u2728 Available for Freelance &#038; Custom Themes<\/div>\n        <h1>Hi, I&#8217;m <span class=\"gradient-text\">Sandip Kumar Chaudhary<\/span><\/h1>\n        <p class=\"subtitle\">\n          Digital Creator, UI\/UX Designer &#038; Custom WordPress \/ Blogger Theme Developer crafting vibrant gradient interfaces and responsive web experiences under <strong>@srajnabi<\/strong>.\n        <\/p>\n        <div class=\"hero-btns\">\n          <a href=\"#portfolio\" class=\"btn btn-primary\">Explore Work<\/a>\n          <a href=\"#contact\" class=\"btn btn-glass\">Let&#8217;s Connect<\/a>\n        <\/div>\n        <div class=\"social-strip\">\n          <a href=\"https:\/\/sandipkchaudhary.com.np\" target=\"_blank\" rel=\"noopener\" class=\"social-pill glass\">\ud83c\udf10 sandipkchaudhary.com.np<\/a>\n          <a href=\"https:\/\/facebook.com\/srajnabi.12\/\" target=\"_blank\" rel=\"noopener\" class=\"social-pill glass\">Facebook<\/a>\n          <a href=\"https:\/\/instagram.com\/srajnabi\/\" target=\"_blank\" rel=\"noopener\" class=\"social-pill glass\">Instagram<\/a>\n          <a href=\"https:\/\/twitter.com\/srajnabi\/\" target=\"_blank\" rel=\"noopener\" class=\"social-pill glass\">Twitter \/ X<\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"hero-visual\">\n        <div class=\"avatar-card glass\">\n          <div class=\"avatar-ring\">\n            <span class=\"monogram gradient-text\">SKC<\/span>\n          <\/div>\n          <h3>Sandip K. Chaudhary<\/h3>\n          <p class=\"handle\">@srajnabi<\/p>\n          <div class=\"stats-row\">\n            <div class=\"stat\">\n              <strong>UI\/UX<\/strong>\n              <span>Systems<\/span>\n            <\/div>\n            <div class=\"stat\">\n              <strong>WP &#038; XML<\/strong>\n              <span>Themes<\/span>\n            <\/div>\n            <div class=\"stat\">\n              <strong>100%<\/strong>\n              <span>Responsive<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- Services Section -->\n  <section id=\"services\" class=\"section\">\n    <div class=\"container\">\n      <div class=\"section-header\">\n        <h2>Core <span class=\"gradient-text\">Specialties<\/span><\/h2>\n        <p>Modern architecture tailored for speed, aesthetics, and clean code.<\/p>\n      <\/div>\n\n      <div class=\"grid-3\">\n        <div class=\"card glass\">\n          <div class=\"card-icon\">\ud83c\udfa8<\/div>\n          <h3>Web UI &#038; Design Systems<\/h3>\n          <p>Crafting glassmorphic layouts, vibrant purple-to-cyan gradient palettes, and intuitive dark-mode-ready interfaces.<\/p>\n        <\/div>\n\n        <div class=\"card glass\">\n          <div class=\"card-icon\">\u26a1<\/div>\n          <h3>WordPress &#038; Blogger Themes<\/h3>\n          <p>Developing custom, SEO-friendly, AdSense-ready WordPress templates and lightweight Blogger XML themes from scratch.<\/p>\n        <\/div>\n\n        <div class=\"card glass\">\n          <div class=\"card-icon\">\u2728<\/div>\n          <h3>Brand Identity &#038; Graphics<\/h3>\n          <p>Designing standout logos, social media cover artwork, and high-resolution digital branding assets.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- Portfolio Section -->\n  <section id=\"portfolio\" class=\"section\">\n    <div class=\"container\">\n      <div class=\"section-header\">\n        <h2>Featured <span class=\"gradient-text\">Projects<\/span><\/h2>\n        <p>Filter through recent templates, UI concepts, and branding work.<\/p>\n      <\/div>\n\n      <div class=\"filter-bar\">\n        <button class=\"filter-btn active\" data-filter=\"all\">All<\/button>\n        <button class=\"filter-btn\" data-filter=\"theme\">Themes (WP\/XML)<\/button>\n        <button class=\"filter-btn\" data-filter=\"ui\">Web UI Apps<\/button>\n        <button class=\"filter-btn\" data-filter=\"graphics\">Branding<\/button>\n      <\/div>\n\n      <div class=\"grid-3\" id=\"portfolioGrid\">\n        <div class=\"project-card glass\" data-category=\"theme\">\n          <div class=\"project-thumb thumb-gradient-1\">WP Theme<\/div>\n          <div class=\"project-info\">\n            <span class=\"tag\">WordPress<\/span>\n            <h3>Personal Brand Pro Theme<\/h3>\n            <p>Custom responsive WordPress theme with live customizer options, gradient accents, and native dark mode.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"project-card glass\" data-category=\"theme\">\n          <div class=\"project-thumb thumb-gradient-2\">Blogger XML<\/div>\n          <div class=\"project-info\">\n            <span class=\"tag\">Blogger XML<\/span>\n            <h3>Aurora Magazine XML<\/h3>\n            <p>Ultra-fast Blogger template engineered for high Core Web Vitals and seamless AdSense placement.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"project-card glass\" data-category=\"ui\">\n          <div class=\"project-thumb thumb-gradient-3\">Web UI<\/div>\n          <div class=\"project-info\">\n            <span class=\"tag\">UI\/UX App<\/span>\n            <h3>Bikram Sambat &#038; Diet Planner UI<\/h3>\n            <p>Clean dashboard interfaces featuring mobile-first card architecture and interactive daily trackers.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"project-card glass\" data-category=\"graphics\">\n          <div class=\"project-thumb thumb-gradient-1\">Visual Suite<\/div>\n          <div class=\"project-info\">\n            <span class=\"tag\">Brand Identity<\/span>\n            <h3>@srajnabi Social Media Kit<\/h3>\n            <p>Unified cover art, vector monograms, and retouched portrait visuals across social channels.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- Contact Section -->\n  <section id=\"contact\" class=\"section\">\n    <div class=\"container\">\n      <div class=\"contact-wrapper glass\">\n        <div class=\"contact-info\">\n          <h2>Let&#8217;s Build Something <span class=\"gradient-text\">Extraordinary<\/span><\/h2>\n          <p>Have a custom theme request, UI project, or collaboration in mind? Drop a message or reach out via social media.<\/p>\n          <ul class=\"contact-list\">\n            <li><strong>Website:<\/strong> <a href=\"https:\/\/sandipkchaudhary.com.np\" target=\"_blank\" rel=\"noopener\">sandipkchaudhary.com.np<\/a><\/li>\n            <li><strong>Handle:<\/strong> @srajnabi<\/li>\n            <li><strong>Location:<\/strong> Nepal<\/li>\n          <\/ul>\n        <\/div>\n\n        <form class=\"contact-form\" id=\"contactForm\">\n          <div class=\"form-group\">\n            <label for=\"name\">Your Name<\/label>\n            <input type=\"text\" id=\"name\" required placeholder=\"Enter your name\" \/>\n          <\/div>\n          <div class=\"form-group\">\n            <label for=\"email\">Email Address<\/label>\n            <input type=\"email\" id=\"email\" required placeholder=\"you@example.com\" \/>\n          <\/div>\n          <div class=\"form-group\">\n            <label for=\"message\">Project Details<\/label>\n            <textarea id=\"message\" rows=\"4\" required placeholder=\"Tell me about your project or theme requirements...\"><\/textarea>\n          <\/div>\n          <button type=\"submit\" class=\"btn btn-primary w-100\">Send Message<\/button>\n          <p class=\"form-status\" id=\"formStatus\"><\/p>\n        <\/form>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- Footer -->\n  <footer class=\"footer\">\n    <div class=\"container footer-content\">\n      <p>&copy; <span id=\"year\"><\/span> Sandip Kumar Chaudhary (<strong>@srajnabi<\/strong>). All rights reserved.<\/p>\n    <\/div>\n  <\/footer>\n\n  <!-- External JavaScript -->\n  <script src=\"script.js\"><\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Sandip Kumar Chaudhary (@srajnabi) | UI Designer &#038; Theme Developer SKC. Home Services Portfolio Contact \u2600\ufe0f \u2728 Available for Freelance &#038; Custom Themes Hi, I&#8217;m Sandip Kumar Chaudhary Digital Creator, UI\/UX Designer &#038; Custom WordPress \/ Blogger Theme Developer crafting vibrant gradient interfaces and responsive web experiences under @srajnabi. Explore Work Let&#8217;s Connect \ud83c\udf10 sandipkchaudhary.com.np&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sandipkchaudhary.com.np\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sandipkchaudhary.com.np\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sandipkchaudhary.com.np\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sandipkchaudhary.com.np\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sandipkchaudhary.com.np\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":1,"href":"https:\/\/sandipkchaudhary.com.np\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":9,"href":"https:\/\/sandipkchaudhary.com.np\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/9"}],"wp:attachment":[{"href":"https:\/\/sandipkchaudhary.com.np\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}