/* ========================================================= CORE & EDGE-TO-EDGE LAYOUT SETUP ========================================================= */ .ds-clean-plan, .ds-clean-plan * { box-sizing: border-box; margin: 0; padding: 0; } .ds-clean-plan { –bg-main: #f8fafc; –card-bg: #ffffff; –text-primary: #0f172a; –text-secondary: #64748b; –accent-orange: #f97316; –accent-orange-soft: #fff7ed; –accent-blue: #2563eb; –border-color: #e2e8f0; width: 100vw !important; position: relative !important; left: 50% !important; right: 50% !important; margin-left: -50vw !important; margin-right: -50vw !important; padding: 90px 4vw !important; font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, Helvetica, Arial, sans-serif; color: var(–text-primary); background-color: var(–bg-main); overflow-x: hidden; } /* ========================================================= HEADER SECTION ========================================================= */ .ds-header { text-align: center; max-width: 800px; margin: 0 auto 60px; } .ds-brand-badge { display: inline-block; padding: 6px 16px; background: #e0e7ff; color: #4338ca; font-size: 13px; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase; border-radius: 100px; margin-bottom: 18px; } .ds-header h1 { font-size: clamp(32px, 4.5vw, 52px); font-weight: 800; line-height: 1.15; letter-spacing: -1px; color: var(–text-primary); } .ds-header p { margin-top: 16px; font-size: clamp(16px, 2vw, 18px); color: var(–text-secondary); line-height: 1.6; } /* ========================================================= ONE-CARD-PER-FEATURE GRID ========================================================= */ .ds-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 24px; max-width: 1400px; margin: 0 auto; } .ds-card { background: var(–card-bg); border: 1px solid var(–border-color); border-radius: 16px; padding: 32px 28px; display: flex; flex-direction: column; align-items: flex-start; transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03); } .ds-card:hover { transform: translateY(-5px); border-color: #cbd5e1; box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08); } /* ========================================================= CUSTOM ORIGINAL SVG ICONS ========================================================= */ .ds-icon-wrapper { width: 56px; height: 56px; border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; flex-shrink: 0; } .ds-icon-wrapper svg { width: 28px; height: 28px; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; fill: none; } /* Icon Variations */ .icon-orange { background: #fff7ed; color: #f97316; } .icon-blue { background: #eff6ff; color: #2563eb; } .icon-green { background: #f0fdf4; color: #16a34a; } .icon-purple { background: #faf5ff; color: #9333ea; } .icon-cyan { background: #ecfeff; color: #0891b2; } .icon-rose { background: #fff1f2; color: #e11d48; } .icon-orange svg { stroke: #f97316; } .icon-blue svg { stroke: #2563eb; } .icon-green svg { stroke: #16a34a; } .icon-purple svg { stroke: #9333ea; } .icon-cyan svg { stroke: #0891b2; } .icon-rose svg { stroke: #e11d48; } /* ========================================================= CARD CONTENT ========================================================= */ .ds-card h3 { font-size: 20px; font-weight: 700; color: var(–text-primary); margin-bottom: 10px; } .ds-card p { font-size: 15px; color: var(–text-secondary); line-height: 1.6; } /* Featured Badge for Free Domain */ .ds-badge { display: inline-block; padding: 4px 10px; background: var(–accent-orange-soft); color: var(–accent-orange); font-size: 11px; font-weight: 700; border-radius: 6px; margin-bottom: 12px; text-transform: uppercase; letter-spacing: 0.5px; } /* ========================================================= RESPONSIVE ADJUSTMENTS ========================================================= */ @media (max-width: 768px) { .ds-clean-plan { padding: 60px 20px !important; } .ds-grid { grid-template-columns: 1fr; } .ds-card { padding: 24px 20px; } }

DSCHOLAR WEB

Personal Profile Plan

Everything carefully built and maintained to establish your personal presence online.

Included Free

Free Domain

Your own custom website address registered and connected directly to your brand name.

1 Google Workspace Email

A professional, custom email address tied directly to your domain to build trust.

Up to 5 Pages

Sleek and efficient multi-page architecture to detail your background, work, and services.

Professional Responsive Design

Custom polished layout designed to highlight your narrative, functioning flawlessly on all screens.

Profile / About Section

A dedicated space to share your journey, experience, skills, and personal background.

Contact & Enquiry Form

Custom forms allowing visitors to send messages and inquiries directly to your primary inbox.

Social Media Integration

Seamlessly connect visitors to your active profiles across key networking platforms.

Google Maps Integration

Embed an interactive map directly on your site for easy location sharing and directions.

Mobile Optimization

Guaranteed fluid performance and formatting specifically tailored for smartphones and tablets.

Standard SEO Setup

Optimized search engine tags and meta configurations to improve your online discoverability.

SSL Security

Industry-standard encryption to protect visitor data and keep your website secure.

DScholar VPS Hosting

High-speed cloud server infrastructure ensuring fast load times and reliable uptime.

Annual Website Maintenance

Hands-free technical support, critical updates, and maintenance included for the entire year.

Personal / Profile Website Design and Development Plan