A
Anonymous

Home - Copy this React, Tailwind Component to your project

Construct-a-Website-(multiple-Web-pages)-containing-‘Resume’-and-Bio--data-by-using-relevant-HTML-elements-and-appropriate-styling-for-presentation-with-CSS/jQuery/JavaScript.-HOST-it-on-GitHubs-Details-Create-a-fully-functional,-well-structured-website-consisting-of-3-pages-to-showcase-your-resume-and-biodata.-Each-page-should-have-proper-navigation-links,-visually-appealing-styling,-and-use-relevant-HTML-elements.-Include-CSS-for-styling-and-JavaScript/jQuery-for-interactivity.-Website-Requirements-1.-Pages-Overview:-Home-Page:-Title:-"Welcome-to-[Your-Name]'s-Resume"-Content:-A-short-introduction-about-yourself.-A-professional-photo-(optional).-A-navigation-menu-linking-to-the-"Resume"-and-"Contact"-pages.-Include-any-creative-headings,-a-quote,-or-a-career-objective.-Resume-Page:-Title:-"My-Resume"-Content:-Structured-sections-for:-Personal-Information-(Name,-Address,-Contact-Details).-Education-(Degrees,-Universities,-Graduation-Dates).-Skills-(List-of-technical-and-soft-skills).-Work-Experience-(Job-roles,-companies,-responsibilities,-dates).-Projects-(List-of-projects,-descriptions,-and-links-if-applicable).-Use-lists,-tables,-or-proper-formatting-to-organize-data-clearly.-Contact-Page:-Title:-"Contact-Me"-Content:-A-form-with-fields:-Name-Email-Subject-Message-Use-placeholders-and-validation-for-user-inputs.-Implement-a-simple-JavaScript/jQuery-form-validation.-Design-Guidelines:-Use-HTML5-semantic-elements:-<header>,-<footer>,-<main>,-<section>,-etc.-Ensure-consistent-CSS-styling-across-all-pages:-Use-CSS-to-style-fonts,-colors,-and-layout-(e.g.,-Flexbox,-Grid).-Add-hover-effects-for-navigation-links-and-buttons.-Use-JavaScript/jQuery-for:-Smooth-scrolling.-Simple-animations-(e.g.,-hover-effects,-dynamic-updates).-Navigation:-All-pages-must-include-a-navigation-menu-(at-the-top-or-side)-with-links-to:-Home-Resume-Contact-Use-either-relative-links-(resume.html,-contact.html)-or-an-anchor-based-menu.-Highlight-the-active-page-in-the-menu-using-CSS.-Submission-Requirements:-Submit-the-following-files:-index.html-(Home-Page)-resume.html-(Resume-Page)-contact.html-(Contact-Page)-styles.css-(CSS-file-for-styling)-and-script.js-for-JavaScript-or-jQuery-functionality.-Host-the-website-on-a-platform-like-GitHub-Pages-and-share-the-link.-Evaluation-Criteria:-Structure:-Proper-use-of-semantic-HTML-elements.-Design:-Consistent-and-professional-styling-using-CSS.-Navigation:-Clear-and-functional-links-between-pages.-Interactivity:-JavaScript/jQuery-implementation-Completeness:-All-sections-and-details-provided-as-specified.

Prompt
Component Preview

About

Home - Showcase your resume with a professional photo, navigation links, and creative headings. Built with React and Tailwind. Access free code!

Share

Last updated 1 month ago