Create a personal portfolio website to showcase your skills, projects, and contact information. This project will involve creating a simple website with multiple pages and styling it using HTML, CSS, and a bit of JavaScript.
Brief introduction and a professional profile picture.
Sections to highlight your skills and areas of expertise.
A call-to-action button to navigate to the "Projects" page.
Display a list of projects you have worked on.
Each project should have a title, description, and a link to the live project or the GitHub repository.
A contact form for visitors to send you a message or inquiry.
Include fields for name, email, subject, and message.
Upon form submission, show a simple "Thank You" message.
Make sure your website looks good on various devices (desktop, tablet, mobile).
Add a navigation bar to easily switch between pages.
Use CSS to make your website visually appealing with consistent fonts, colors, and layout.
Sitmap: https://www.figma.com/design/x0un93gd8PDCVAwZAt4Xbc/2023-Portfolio?node-id=71-217&t=kpxQSANeESBrSK9H-1 Design: https://www.figma.com/design/x0un93gd8PDCVAwZAt4Xbc/2023-Portfolio?node-id=18-88&t=kpxQSANeESBrSK9H-1
Add some simple JavaScript effects, like smooth scrolling to anchor links or image hover effects.
Text editor (e.g., Visual Studio Code, Sublime Text).
Web browser for testing (e.g., Chrome, Firefox).
Basic knowledge of HTML, CSS, and JavaScript.
Plan your website structure and layout by sketching it on paper or using wireframing tools.Create the HTML structure for each page (Home, Projects, Contact).Add content and basic styling using CSS to make it visually appealing.Implement the navigation bar (optional).For the contact form, you can use basic HTML form elements.
Website: https://marknature.github.io/Personal-Portfolio-Website/
nature_