https://github.com/sandreass/devportfolio
basic web portfolio
https://github.com/sandreass/devportfolio
bootstrap css html
Last synced: about 2 months ago
JSON representation
basic web portfolio
- Host: GitHub
- URL: https://github.com/sandreass/devportfolio
- Owner: Sandreass
- Created: 2023-11-16T09:08:07.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-11-14T22:09:58.000Z (over 1 year ago)
- Last Synced: 2025-03-18T18:58:06.684Z (over 1 year ago)
- Topics: bootstrap, css, html
- Language: HTML
- Homepage: https://sandreass.github.io/DevPortfolio/
- Size: 8.73 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Portfolio Project
This project is a basic web portfolio created as a school assignment, built with HTML and CSS only. The portfolio showcases personal information, experience, and sample works in a simple and responsive format, with Bootstrap for layout and styling enhancements.
## Project Overview
The project includes:
- **Landing page** with a carousel to feature personal profile information and a call-to-action.
- **Navigation bar** for easy access to various sections, including Experience, Team, Works, and Contact.
- **Experience section** where details about skills and projects are outlined.
- **Team section** that introduces team members with brief bios and photos.
- **Work section** with a gallery-style display of selected work samples.
- **Contact section** with links to social media profiles and an email option.
## Technologies Used
- **HTML5** for structure
- **CSS3** for styling
- **Bootstrap 4** for responsive layout and UI components
- **Font Awesome** for icons
## Project Structure
- **index.html**: Main HTML file containing the structure and content for each section.
- **style.css**: Custom CSS for styling and layout adjustments.
- **img** and **gif** folders: Contains images and GIFs used in the project.
## How to Use
1. Clone or download the project files.
2. Open `index.html` in a web browser to view the portfolio.
## Features
- **Responsive Design**: The layout is optimized for different screen sizes using Bootstrap grid and responsive utilities.
- **Navigation Bar**: Sticky navigation bar that stays at the top for easy access to sections.
- **Image Carousel**: Highlights the main profile information in an interactive carousel format.
- **Team Profiles**: Cards for each team member with a brief description and experience.
- **Work Gallery**: Display of projects with descriptions and "Look" buttons for more details.
## Future Improvements
- **JavaScript**: Add interactivity, such as form submission in the Contact section.
- **Dynamic Content**: Use JavaScript or a backend language to fetch and display dynamic content.
- **Improved Styling**: Further customization and animations to enhance user experience.
---
**Note**: This project is an introductory assignment and thus focuses on fundamental front-end development skills with HTML and CSS only.