https://github.com/pawantech12/portfolio-website
Responsive Portfolio Website Using HTML , CSS and JavaScript
https://github.com/pawantech12/portfolio-website
aos-animation bootstrap css css3 html javascript portfolio responsive-portfolio-website
Last synced: about 2 months ago
JSON representation
Responsive Portfolio Website Using HTML , CSS and JavaScript
- Host: GitHub
- URL: https://github.com/pawantech12/portfolio-website
- Owner: pawantech12
- Created: 2023-04-21T12:14:50.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2025-02-11T05:07:47.000Z (4 months ago)
- Last Synced: 2025-03-29T10:05:08.751Z (2 months ago)
- Topics: aos-animation, bootstrap, css, css3, html, javascript, portfolio, responsive-portfolio-website
- Language: HTML
- Homepage: https://pawantech12.github.io/portfolio-website/
- Size: 669 KB
- Stars: 97
- Watchers: 5
- Forks: 79
- Open Issues: 5
-
Metadata Files:
- Readme: ReadMe.md
Awesome Lists containing this project
README
Responsive Portfolio Website
Responsive Portfolio Website using HTML, CSS, and JavaScript.
### Desktop Preview
https://github.com/pawantech12/portfolio-website/assets/118673866/0322c419-a173-4aa9-a360-b09bd7bd24aa
### Prerequisites
Before you begin, ensure you have met the following requirements:
* You Should Know Basic or Intermediate of HTML ,CSS and JavaScript
* This website is developed by bootstrap 5 copy below code :
```
```
* JQuery CDN LInk :
```
```
* Bootstrap Icon :
```
```
### AOS Animation Library Installation
### Basic
Add Styles in `` :
```css
```
Add script right before closing `` tag, and initialize AOS :
```js
AOS.init();
```
### Using package managers
Install `aos` package:
* `yarn add aos@next`
* or `npm install --save aos@next`
Import script, styles and initialize AOS:
```js
import AOS from 'aos';
import 'aos/dist/aos.css'; // You can also use for styles
// ..
AOS.init();
```
In order to make it work you'll have to make sure your build process has configured styles loader, and bundles it all correctly.
If you're using [Parcel](https://parceljs.org/) however, it will work out of the box as provided.
### How to use it ?
1. Initialize AOS :
```js
// initializing AOS library
AOS.init({
duration: 1000,
offset: 50,
});
```
2. Set animation using `data-aos` attribute:
```
```
* For More Guidence Click on AOS Animation
### Project Contain
* Sticky Responsive Navigation Bar
* Hero Section
* Expertise section
* Skill Section with Progress Animation
* Working Portfolio Section
* Testimonial Section
* Blog Section
* Contact Section
* Footer Section
* Fully Responsive for all devices
### Font Family
* I have Used Google Fonts - Josefin Sans
```
```
### Run Locally
To run **Personal Portfolio** locally, run this command on your git bash:
Linux and macOS:
```bash
sudo git clone https://github.com/pawantech12/portfolio-website.git
```
Windows:
```bash
git clone https://github.com/pawantech12/portfolio-website.git
```
### Contact
If you want to contact with me you can reach me at [Instagram](https://www.instagram.com/codewithpawan/).
### License
This project is **Free To Use** and does not contains any license.