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
Export Options
.html
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
×
Send Email
Your message will be sent to:
javedwaseem503@gmail.com
Your default email client will open with:
About page generated successfully!
`;
currentHTML = htmlCode;
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();
});