https://github.com/proddeha/personal-portfolio-website

This project is a personal portfolio website created as part of an HTML-CSS examination
https://github.com/proddeha/personal-portfolio-website

Last synced: about 1 month ago
JSON representation

This project is a personal portfolio website created as part of an HTML-CSS examination

• Host: GitHub
• URL: https://github.com/proddeha/personal-portfolio-website
• Owner: proddeha
• Created: 2024-06-02T14:03:37.000Z (8 months ago)
• Default Branch: main
• Last Pushed: 2024-06-02T14:12:12.000Z (8 months ago)
• Last Synced: 2024-11-06T12:50:19.021Z (3 months ago)
• Language: HTML
• Size: 1.09 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
### Project Summary

**Personal Portfolio Website**: 

- This project is a personal portfolio website created as part of an HTML examination. It showcases various sections, each designed to highlight different aspects of the portfolio, including a brief introduction, services offered, works, pricing plans, and contact information. The website is built using HTML and CSS, and features a clean, modern design with responsive layouts to ensure it looks great on all devices.

- ![image](https://github.com/proddeha/Personal-Portfolio-Website/assets/119131830/39b70f6f-63b9-462d-acc4-4957e027b0ed)

**Key Features**:

1. **Home Section**:

    - **Banner**: Displays a welcoming message with bold text highlighting the importance of having a website.

    - **Navigation**: A sticky header with a navigation bar that includes links to different sections of the website.

2. **About Section**:

    - **Introduction**: Discusses the importance of having a website in today's digital age.

    - **Reasons**: Multiple sub-sections detailing why businesses need a website, focusing on credibility, competitiveness, showcasing work, and cost-effective marketing.

3. **About Me Section**:

    - **Introduction**: Provides personal information about the web developer, Kostas Koulai, highlighting skills in web development and UX design.

    - **Image**: Includes a personal image to add a personal touch to the portfolio.

4. **Works Section**:

    - **Portfolio**: Displays examples of previous work, such as websites for coffee shops, e-commerce stores, and restaurants, with corresponding images.

5. **Pricing Section**:

    - **Packages**: Outlines three pricing plans (Basic, Standard, Premium), each with detailed features and prices.

    - **Call to Action**: Includes "START NOW" buttons to encourage users to take action.

6. **Contact Section**:

    - **Contact Information**: Provides contact details, including phone numbers, addresses, and email addresses, structured in a grid layout.

    - **Icons**: Uses Material Symbols icons for phone, address, and email to visually enhance the contact information.

**Technologies Used**:

1. **HTML**: For structuring the content of the website.

2. **CSS**: For styling and layout, ensuring a visually appealing and responsive design.

3. **Google Fonts**: For custom fonts, enhancing the typographic appeal.

4. **Material Symbols**: For icons used in the contact section.

5. **Responsive Design**: Media queries and flexible layouts to ensure the website looks great on all devices.