This portfolio website was created to showcase my web development skills and projects while learning and enhancing my expertise in Bootstrap. The site features a clean, responsive design that highlights my work, services, and background.
- Landing Page: Engaging landing page with a typing text effect.
- About Section: A brief introduction about me and my skills.
- Portfolio Section: A display of my projects with descriptions and links.
- Services Section: An overview of the services I offer.
- Contact Section: A user-friendly form for inquiries.
- Footer: Essential links and information.
- Lightbox Integration: A smooth gallery experience for viewing project images.
- Fully Responsive: Optimized for various devices and screen sizes.
- HTML
- CSS
- Bootstrap
- JavaScript (Lightbox library)
- Fontawsome (installed via npm)
Feel free to explore the website, download free e-books, and interact with the features. You can also modify the styles and contents as needed to make it your own.
In order to customize this website, you need to install Node.js. Then, clone this repository and run:
- Clone the repository :
git clone https://github.com/Harsh-v3/Portfolio_Bootstrap.git- Navigate to the project directory :
cd Portfolio_Bootstrap- Install dependencies : This will install Bootstrap, Sass and Font Awesome. To build your CSS files from Sass.
npm install- Run :
npm run compile:sassYou can add Bootstrap variables to the bootstrap.scss file. You can look at the file node_modules/bootstrap/dist/scss/_variables.scss for a list of all the variables. Do NOT edit the variables.scss file directly, as it will be overwritten when you update Bootstrap.
To add your own custom styles, use the styles.scss file.
Contributions are welcome! If you have suggestions for improvements or features, please fork the repository and submit a pull request.
This website was fully developed by Harsh-v3 during the Bootstrap 5 Learning. I created this project to enhance my understanding of Bootstrap and SASS.