https://github.com/brunortech/example-portfolio
A simple portfolio website built with HTML and CSS, created using the guide provided by Codecademy. This project demonstrates a professional, responsive layout designed to showcase work, skills, and personal information effectively.
https://github.com/brunortech/example-portfolio
css example-project front-end-development html personal-website portfolio responsive-design web-design
Last synced: about 1 month ago
JSON representation
A simple portfolio website built with HTML and CSS, created using the guide provided by Codecademy. This project demonstrates a professional, responsive layout designed to showcase work, skills, and personal information effectively.
- Host: GitHub
- URL: https://github.com/brunortech/example-portfolio
- Owner: BrunoRTech
- Created: 2024-10-02T17:19:00.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2024-12-25T02:00:48.000Z (5 months ago)
- Last Synced: 2025-04-12T02:39:19.454Z (about 1 month ago)
- Topics: css, example-project, front-end-development, html, personal-website, portfolio, responsive-design, web-design
- Language: HTML
- Homepage:
- Size: 4.88 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Example Portfolio
This project is a simple portfolio website built with **HTML** and **CSS**, created using the guide provided by [Codecademy](https://www.codecademy.com/journeys/full-stack-engineer/paths/fscj-22-web-development-foundations/tracks/fscj-22-fundamentals-of-css/modules/wdcp-22-learn-css-selectors-and-visual-rules-0507dd23-134e-4011-af2c-a06b06ad53f2/projects/css-visual-rules-project). It serves as an example of how to make a professional, responsive portfolio to showcase work, skills, and personal information.
## Features
- **Professional Layout**: A clean and modern design to present personal and professional details.
- **Responsive Design**: Fully responsive layout optimized for both desktop and mobile viewing.
- **Custom Styling**: Unique CSS styling to ensure a visually appealing and personalized appearance.
## File Structure
- **index.html**: Contains the structure of the portfolio website.
- **style.css**: Defines the visual styling, including layout, typography, and color schemes.
## Usage
To view the portfolio:
1. Download or clone the repository.
2. Open the `index.html` file in any web browser to see the portfolio in action.
## Customization
If you'd like to customize the portfolio:
- Modify the HTML structure in `index.html` to update the content.
- Adjust styles in `style.css` to change colors, fonts, or layout.
- Add more files or assets (e.g., images or JavaScript) to enhance functionality.
## Acknowledgment
This project was built using the guide provided by Codecademy. The original project can be found [here](https://www.codecademy.com/journeys/full-stack-engineer/paths/fscj-22-web-development-foundations/tracks/fscj-22-fundamentals-of-css/modules/wdcp-22-learn-css-selectors-and-visual-rules-0507dd23-134e-4011-af2c-a06b06ad53f2/projects/css-visual-rules-project).