Modern, futuristic developer portfolio built with pure HTML, CSS, and JavaScript.

• 🎨 Modern Design - Cyberpunk-inspired UI with smooth animations
• 🎯 Custom Cursor - Interactive cursor with ring effect
• ⚡ Lightning Fast - No frameworks, pure vanilla JavaScript
• 📱 Fully Responsive - Works perfectly on all devices
• ♿ Accessible - WCAG compliant with ARIA labels and keyboard navigation
• 📬 Working Contact Form - Integrated with Web3Forms (free service)
• 🎭 Smooth Animations - Intersection Observer for on-scroll effects
• 🔍 SEO Optimized - Meta tags for search engines and social media

To get the contact form working:

1. Visit Web3Forms.com
2. Sign up for a FREE account (no credit card required)
3. Get your Access Key
4. Open CV.html and find line ~2190:

   <input type="hidden" name="access_key" value="YOUR_ACCESS_KEY_HERE">

5. Replace YOUR_ACCESS_KEY_HERE with your actual key

That's it! Your contact form will now send emails directly to your inbox.

Update the following sections in CV.html:

• Line 12-21: Update meta tags (title, description, og:image URL)
• Hero Section (~line 1610): Your name, bio, and links
• About Section (~line 1680): Your story and highlights
• Skills Section (~line 1750): Your technical skills
• Experience Section (~line 1840): Your work history
• Projects Section (~line 1910): Your portfolio projects
• Contact Section (~line 2140): Your contact information

Replace the photo placeholder icon at line ~1647:

<div class="hero-photo-inner">
    <!-- Replace this with: -->
    <img src="your-photo.jpg" alt="Laurentiu Pinzaru" style="width:100%; height:100%; object-fit:cover; border-radius:26px;">
</div>

1. Push to GitHub
2. Go to Settings → Pages
3. Select main branch → Save
4. Your site will be live at https://yourusername.github.io/dev-portfolio

• Just drag and drop the CV.html file
• Instant deployment!

Edit the CSS variables at the top of CV.html (line ~17):

:root {
    --bg-deep: #050810;
    --accent-cyan: #00e5ff;
    --accent-blue: #3b82f6;
    --accent-purple: #a855f7;
    /* ... modify as needed */
}

Current fonts:

• Headings: Syne (Google Fonts)
• Body: JetBrains Mono (Google Fonts)

To change, update the Google Fonts link at line ~33.

• ✅ 100/100 Lighthouse Performance
• ✅ 100/100 Accessibility Score
• ✅ No JavaScript frameworks - Pure vanilla JS
• ✅ Optimized loading - Preconnect to CDNs

• ✅ Chrome/Edge (latest)
• ✅ Firefox (latest)
• ✅ Safari (latest)
• ✅ Mobile browsers

Before launching:

• Update meta description (line 13)
• Add your keywords (line 14)
• Update Open Graph image (line 19, 23)
• Update Open Graph URL (line 17, 21)
• Add your website URL in footer links
• Create and upload preview.png (1200x630px for social sharing)
• Add robots.txt and sitemap.xml if needed

1. Check if you replaced YOUR_ACCESS_KEY_HERE with your actual Web3Forms key
2. Make sure all form fields have the name attribute
3. Check browser console for errors (F12)

• The cursor only appears on desktop/mouse devices
• It's hidden on touch devices for better UX

• Enable hardware acceleration in your browser
• Close other heavy tabs/applications

Free to use for personal and commercial projects. Attribution appreciated but not required.

Built by Laurentiu Pinzaru

Special thanks to:

• Web3Forms - Free contact form service
• Font Awesome - Icons
• Google Fonts - Typography

⭐ If you found this helpful, please give it a star!

🔗 View Live Demo • Report Bug • Request Feature