Advanced About Page Generator
Create a professional about page in minutes – no signup required!
Page Details
Company Logo
Logo Preview
Design Options
Skills
Social Links
Contact Information
Contact Details
Your Name
Your Professional Title
About Me
Your bio will appear here. Tell visitors about yourself, your background, and what you do.
Add more details about your experience, education, or anything else you’d like to share.
Skills & Expertise
Web Development
UI/UX Design
Mobile Apps
your@email.com
+1 (123) 456-7890
+1 (123) 456-7890
123 Main St, City, Country
Contact Me
// Your generated HTML code will appear here
About page generated successfully!
`;
generatedCode.textContent = htmlCode;
}
// Helper function to darken color
function darkenColor(color, percent) {
const num = parseInt(color.replace("#", ""), 16);
const amt = Math.round(2.55 * percent);
const R = (num >> 16) - amt;
const G = (num >> 8 & 0x00FF) - amt;
const B = (num & 0x0000FF) - amt;
return "#" + (0x1000000 + (R < 255 ? R < 1 ? 0 : R : 255) * 0x10000 +
(G < 255 ? G < 1 ? 0 : G : 255) * 0x100 +
(B < 255 ? B < 1 ? 0 : B : 255)).toString(16).slice(1);
}
// Initialize preview
updatePreview();
});