Welcome to the Personal Portfolio Project! This project showcases the use of HTML, CSS, and JavaScript to create an interactive portfolio website where you can present and highlight different personas. Whether you're a designer, developer, writer, or anyone wanting to display multiple personas, this project provides a template that you can easily customize.
The Persona Portfolio Project is designed to help you create an engaging portfolio website that presents various personas you want to showcase. Whether you have different professional roles, hobbies, or interests, this project allows you to display each persona with its unique details, images, and descriptions.
-
Interactive Design: The portfolio is designed to provide an interactive experience for visitors, making it easy to navigate between different personas.
-
Persona Cards: Each persona is displayed as a card on the main page, providing a brief overview and an image associated with that persona.
-
Persona Details: Clicking on a persona card opens a detailed view, where you can provide more information, images, and descriptions about that particular persona.
-
Responsive Layout: The portfolio is built with a responsive design, ensuring it looks great and functions well on various devices and screen sizes.
-
Clone this repository to your local machine using:
git clone https://github.com/Brightone1/personal-portfolio.git
-
Navigate to the project directory:
cd personal-portfolio
-
Open the
port.htmlfile in your web browser to view the main portfolio page. -
Click on any section on the Menu to view the detailed page for that persona.
-
Customize the personas, images, and descriptions in the
port.htmlfile to match your own preferences.
-
Persona Data: Open the
port.htmlfile and locate the<section class="" id="" >sections. Customize the data within these sections to represent your own personas. Update the images, names, descriptions, and any other information. -
Styling: The styling is managed through the
.cssfiles in 'css' directory. Feel free to modify the styles to match your personal branding or preferred aesthetics. -
JavaScript: The interactive behavior of the portfolio is handled by the
.jsfiles in 'js' directory. You can make changes to how the persona cards are displayed and how the detailed views are shown.
Contributions to this project are welcome! If you find any issues or have ideas for improvements, feel free to create a pull request.
This project is licensed under the MIT License.
Enjoy building your personal portfolio and creating an engaging way to showcase your diverse identities and interests! If you have any questions or need assistance, feel free to reach out.
Project created by [Brightone Otieno].