Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ajaypatil1993/portfolio
A personal portfolio website showcasing my skills, projects, and professional experience. The site features a dynamic introduction with rotating text and color effects, a detailed portfolio section, and a contact form integrated with Formspree for easy communication. Built with HTML, CSS, and JavaScript,
https://github.com/ajaypatil1993/portfolio
css3 formspree html5 javascript portfolio-website responsive responsive-web-design
Last synced: 2 days ago
JSON representation
A personal portfolio website showcasing my skills, projects, and professional experience. The site features a dynamic introduction with rotating text and color effects, a detailed portfolio section, and a contact form integrated with Formspree for easy communication. Built with HTML, CSS, and JavaScript,
- Host: GitHub
- URL: https://github.com/ajaypatil1993/portfolio
- Owner: ajaypatil1993
- Created: 2024-08-21T20:47:06.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2024-08-22T18:12:01.000Z (3 months ago)
- Last Synced: 2024-08-22T23:37:59.911Z (3 months ago)
- Topics: css3, formspree, html5, javascript, portfolio-website, responsive, responsive-web-design
- Language: CSS
- Homepage: https://ajaypatil.netlify.app/
- Size: 884 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# My Portfolio Website
Welcome to my portfolio website! This site showcases my skills, projects, and professional experience. It includes sections for an introduction, a portfolio of my work, and a contact form.
## Table of Contents
- [Project Structure](#project-structure)
- [Technologies Used](#technologies-used)
- [Installation](#installation)
- [Usage](#usage)
- [Contributing](#contributing)
- [License](#license)
- [Contact](#contact)
## Project Structure
Here is the structure of the project:
```
portfolio-website/
├── index.html # Main HTML file
├── about.html # About page
├── portfolio.html # Portfolio page
├── contact.html # Contact page
├── css/
│ ├── style.css # Main stylesheet
│ └── ... # Other stylesheets
├── js/
│ ├── script.js # Main JavaScript file
│ └── ... # Other JavaScript files
├── images/
│ ├── screenshot.png # Project screenshot
│ └── ... # Other images
├── assets/
│ ├── fonts/ # Font files
│ └── ... # Other assets
└── README.md # This file
```
## Technologies Used
This portfolio website was built using the following technologies:
- **HTML**: For structuring the content of the website.
- **CSS**: For styling the website and ensuring it is visually appealing.
- **Flexbox** and **Grid**: For responsive layouts.
- **Animations**: For dynamic text transitions and color effects.
- **JavaScript**: For interactive elements and dynamic content.
- **Form Handling**: Integrated with [Formspree](https://formspree.io) for contact form submissions.
- **Responsive Design**: Ensured compatibility across various devices and screen sizes.
- **Version Control**: Managed using **Git** for tracking changes and collaboration.
- **Deployment**: Hosted on [GitHub Pages](https://pages.github.com) or similar platform.
## Installation
To get started with this project, follow these steps:
1. **Clone the repository:**
```bash
git clone https://github.com/your-username/portfolio-website.git
```
2. **Navigate to the project directory:**
```bash
cd portfolio-website
```
3. **Open `index.html` in your preferred web browser to view the website locally.**
## Usage
To view the portfolio website:
1. Open your web browser.
2. Navigate to `index.html` in your local project directory.
You can view other pages such as the About page and Portfolio page by navigating to `about.html` and `portfolio.html`, respectively.
## Contributing
If you want to contribute to this project, please follow these steps:
1. **Fork the repository.**
2. **Create a new branch:**
```bash
git checkout -b feature-branch
```
3. **Make your changes and commit them:**
```bash
git commit -am 'Add new feature'
```
4. **Push your changes to the branch:**
```bash
git push origin feature-branch
```
5. **Create a new Pull Request.**
## License
This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details.
## Contact
For any questions or inquiries, feel free to reach out:
- **Email**: [email protected]
---
Thank you for checking out my portfolio website! Feel free to browse and reach out if you have any questions or feedback.