portfolio-deepsite / prompts.txt
enzostvs's picture
enzostvs HF Staff
(STRUCTURE & CONTENT) The portfolio will consist of multiple pages. The home page will include the following sections in this order:
bb4b5c7 verified
(STRUCTURE & CONTENT) The portfolio will consist of multiple pages. The home page will include the following sections in this order:
1. **Hero Section:** A large welcome section featuring my name "Enzo Esteves" and my title "Front-End Engineer." The first photo is a picture of me; you can add it as needed.
2. **About Section:** A concise section for an exciting short biography. The second photo is another picture of me; you can add it as needed.
3. **Skills Section:** A visual and interactive presentation of my technical skills (e.g., styled progress bars, technology logos, animated circular charts).
4. **Experience Section:** A modern, clean vertical timeline to showcase my professional experiences and education.
5. **Projects Section:** A grid of interactive cards for my projects. Each card should include a project image, a title, a short description, and a "View Project" link. The cards should have a hover effect.
6. **Contact & Social Media Section:** A section with a minimalist contact form and a bar of icons for my links (LinkedIn, GitHub, Twitter, etc.). The icons should be styled and animated on hover.
(TECHNICAL INSTRUCTIONS & NOTES)
- **Typography:** Use a combination of modern, readable fonts—one for headings (e.g., a geometric sans-serif) and one for body text (e.g., a neutral sans-serif).
- **Images:** IMPORTANT NOTE: I will provide the photos to be integrated into the placeholders in the "Hero" and "About" sections at a later time. For the projects section, use styled image placeholders.
- **Modernity:** The design should feel contemporary: generous whitespace, subtle rounded corners on elements, and light drop shadows.
- **Unique Touch:** Incorporate a unique design element that serves as a common thread, such as a specific geometric shape that repeats or a subtle background pattern.
Use the same instructions above to create a separate page for each project and experience, but you can create one as an example.