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

INCLUDED IN THIS PLAN

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

Included Free

Free Domain

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

2 Google Workspace Emails

Two custom email addresses tied directly to your domain to build trust and separate channels.

Up to 8 Pages

Generous multi-page architecture to detail your background, work, and professional endeavors.

Premium Professional Design

Custom polished layout designed to highlight your narrative with high typography standards.

Portfolio Showcase

An interactive display highlighting your key work, creative projects, and major achievements.

Projects Section

Structured section detailing ongoing and past initiatives, case studies, or research.

CV / Professional Profile

Clear presentation of your experience, education, skills, and background information.

Publications & Achievements

Highlight your published writings, awards, honors, and notable milestones in one place.

Photo / Media Gallery

Visual gallery layout to share photos, media coverage, event appearances, or project images.

Contact Forms

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

Social Media Integration

Connect your active profiles across LinkedIn, Twitter, Instagram, and key platforms.

Standard SEO Setup

Optimized search engine tags and meta configurations to improve online discovery.

Google Analytics Integration

Track visitor stats, traffic sources, and site interaction metrics in real time.

DScholar VPS Hosting

High-speed cloud server infrastructure for fast load times and reliable performance.

Annual Website Maintenance

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

Professional Portfolio Website Design and Development Plan