A modern, feature-rich resume website with QR codes, vCard downloads, and sharing capabilities.
- 📱 Mobile Responsive - Looks perfect on all devices
- 🖨️ Print Optimized - Professional PDF-quality printing
- 📲 QR Code Generator - Instant contact sharing
- 💾 vCard Download - One-click contact save
- 🔗 Share Functionality - Easy link sharing
- ⚡ Fast Loading - No heavy frameworks
- 🎨 Professional Design - Clean and modern
Edit index.html and replace ALL bracketed placeholders:
[Full Name]- Your friend's name[Professional Title]- Her job title[email@example.com]- Her email[(123) 456-7890]- Her phone[City, State]- Her location[profile]- LinkedIn username- All job experience, education, skills, etc.
Also update script.js (lines 35-40) with the same contact info for vCard/QR code.
- Open
index.htmlin your browser - Test all buttons (Print, Save Contact, Share, QR Code)
- Try printing (Ctrl+P / Cmd+P) to see print layout
-
Create GitHub Repository
- Go to github.com - Click "New Repository" - Name it: "[username].github.io" (replace [username] with her GitHub username) - Make it Public - Don't initialize with README -
Upload Files
cd c:\Users\uthin\OneDrive\Desktop\resume git init git add . git commit -m "Initial resume" git branch -M main git remote add origin https://github.com/[username]/[username].github.io.git git push -u origin main
-
Enable GitHub Pages
- Go to repository Settings - Scroll to "Pages" - Source: Deploy from branch "main" - Folder: / (root) - Save -
Your site will be live at:
https://[username].github.io
-
Buy domain on Squarespace (e.g.,
janedoe.com) -
Point domain to GitHub Pages:
-
In Squarespace DNS settings, add:
- Type:
ARecord - Host:
@ - Value:
185.199.108.153 - Add 3 more A records with:
185.199.109.153,185.199.110.153,185.199.111.153
- Type:
-
Add CNAME record:
- Type:
CNAME - Host:
www - Value:
[username].github.io
- Type:
-
-
Configure GitHub:
- In your repo, create file:
CNAME - Content:
yourdomain.com - Commit and push
- In your repo, create file:
-
Wait 24-48 hours for DNS propagation
The QR code contains vCard data. When scanned:
- Opens contact info on phone
- One tap to save to contacts
- Perfect for business cards, email signatures, networking events
- Add a professional photo - Add
<img>in header - Use action verbs - "Achieved", "Led", "Increased", "Developed"
- Quantify achievements - Use numbers, percentages, dollar amounts
- Keep it concise - 1-2 pages max
- Update regularly - Keep it fresh
Add to <head> in index.html:
<meta name="description" content="[Name] - [Title] with expertise in [skills]">
<meta name="keywords" content="[relevant, job, keywords]">
<meta property="og:title" content="[Name] - Professional Resume">
<meta property="og:description" content="[Brief professional summary]">Add Google Analytics to track visitors:
- Get tracking code from analytics.google.com
- Add before
</head>in index.html
Edit styles.css (lines 9-14):
--primary: #2c3e50; /* Main headings */
--secondary: #3498db; /* Accents */
--accent: #e74c3c; /* Highlights */Copy any <section> block in index.html and modify.
Once live, share the link:
- ✉️ Email signature
- 💼 LinkedIn profile
- 📧 Job applications
- 🐦 Social media
- 💬 Networking messages
QR Code not working?
- Make sure contact info in
script.jsmatchesindex.html - Test with multiple QR scanners
Print looks weird?
- Use Chrome or Edge for best print results
- Select "Save as PDF" for digital copies
GitHub Pages not loading?
- Wait 5-10 minutes after first push
- Check repository is Public
- Verify Pages is enabled in Settings
- ✅ Customize all content
- ✅ Test locally
- ✅ Deploy to GitHub Pages
- ✅ (Optional) Add custom domain
- ✅ Share everywhere!
Let's get her that dream job! 🚀