https://github.com/panagiotiskotsorgios/developer-portfolio

An Developer Portfolio Website written in pure html,css and js
https://github.com/panagiotiskotsorgios/developer-portfolio

css html html-css-javascript html5 javascript portfolio portfolio-site portfolio-website pure-html-css-javascript template-project web-design web-development webdevelopment website

Last synced: 9 months ago
JSON representation

An Developer Portfolio Website written in pure html,css and js

Host: GitHub
URL: https://github.com/panagiotiskotsorgios/developer-portfolio
Owner: PanagiotisKotsorgios
License: mit
Created: 2024-09-14T17:39:22.000Z (over 1 year ago)
Default Branch: main
Last Pushed: 2024-09-16T06:07:43.000Z (over 1 year ago)
Last Synced: 2025-04-29T03:59:41.862Z (9 months ago)
Topics: css, html, html-css-javascript, html5, javascript, portfolio, portfolio-site, portfolio-website, pure-html-css-javascript, template-project, web-design, web-development, webdevelopment, website
Language: HTML
Homepage: https://panagiotiskots.github.io/Developer-Portfolio/
Size: 3.3 MB
Stars: 2
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

# Personal Portfolio Website Template 🌐

A modern and responsive personal portfolio website template built using **HTML**, **CSS**, and **JavaScript**. This template is perfect for showcasing your projects, skills, and experience as a web developer, programmer, or tech professional.

## 🌟 Demo

You can view a live demo of the portfolio here: [**Live Demo**](https://panagiotiskots.github.io/Developer-Portfolio/)

## ✨ Features

- 📱 **Responsive Design**: Fully responsive layout, optimized for mobile, tablet, and desktop devices.
- 🎨 **Modern UI/UX**: Clean and elegant design with smooth animations and transitions.
- 🛠️ **Customizable**: Easy to customize the content, colors, and layout to fit your personal style.
- 🚀 **Project Showcase**: Display your projects with links to GitHub or live demos.
- 🧑‍💻 **Skill Section**: Highlight your technical skills with progress bars or icons.
- 👤 **About Section**: Provide an introduction about yourself, your experience, and what you're passionate about.
- 📧 **Contact Form**: Users can contact you through a built-in contact form (requires backend setup to handle form submissions).

## 🛠️ Technologies Used

| Technology | Description |
|----------------|----------------------------------------------------------------|
| ![HTML5](https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge&logo=html5&logoColor=white) | For structuring the web pages. |
| ![CSS3](https://img.shields.io/badge/CSS3-1572B6?style=for-the-badge&logo=css3&logoColor=white) | For styling and layout, including animations and responsiveness. |
| ![JavaScript](https://img.shields.io/badge/JavaScript-F7DF1E?style=for-the-badge&logo=javascript&logoColor=black) | For interactivity and dynamic functionality. |
| ![Font Awesome](https://img.shields.io/badge/Font%20Awesome-339AF0?style=for-the-badge&logo=font-awesome&logoColor=white) | For icons. |
| ![Google Fonts](https://img.shields.io/badge/Google%20Fonts-4285F4?style=for-the-badge&logo=google-fonts&logoColor=white) | For typography. |

## 🛠️ Customization

To customize the template:

- ✏️ **Update the content**: Modify the `index.html` file to update your name, bio, skills, and projects.

- 🎨 **Change colors or fonts**: Edit the `style.css` file to customize colors, fonts, or layout as per your preference.

- 🚀 **Add your projects**: In the "Projects" section, update the `href` in the project links and replace the placeholder images with your project screenshots.

- 📨 **Edit the contact form**: If you're using a backend service (like Formspree or EmailJS) for form submissions, configure it according to the provider’s documentation.

## 🤝 How to Contribute

Feel free to submit pull requests or open issues if you find any bugs or want to add new features!

1. 🍴 **Fork the repository**
2. 🌿 **Create your feature branch** (`git checkout -b feature/new-feature`)
3. 💾 **Commit your changes** (`git commit -m 'Add some feature'`)
4. 🚀 **Push to the branch** (`git push origin feature/new-feature`)
5. 🔄 **Open a pull request**

---