This repository contains a minimalistic portfolio website built using HTML, CSS, and JavaScript. The website showcases various sections including "About Me," "Abilities," "Services," "Recent Works," "Testimonials," and a functional contact space where users can get in touch via WhatsApp, Messenger, or email. The website is designed to be mobile-friendly and features a unique menu bar for easy navigation on both mobile and desktop devices. Additionally, the website offers a dark-light mode switch for enhanced user experience. Several JavaScript libraries, including SwiperJS, MixItUpJS, and ScrollRevealJS, are utilized to add dynamic elements to the website.
- Features
- Technologies
- Installation
- Screenshot
- Usage
- Deployment
- Customization
- Contribute
- Acknowledgement
-
About Me: A section dedicated to providing a brief introduction and background information about the website owner.
-
Abilities: An overview of the skills and abilities possessed by the website owner, showcasing their expertise.
-
Services: Details about the services offered by the website owner, highlighting the range of solutions they provide.
-
Recent Works: Showcasing a collection of the website owner's recent projects, allowing visitors to explore their portfolio.
-
Testimonials: Displaying testimonials from satisfied clients to build trust and credibility.
-
Contact Space: A functional contact space where visitors can easily reach out to the website owner through WhatsApp, Messenger, or email.
-
Mobile-Friendly Design: The website is optimized for mobile devices, ensuring a seamless experience on smartphones and tablets.
-
Unique Menu Bar: The website features a distinct menu bar that enables smooth navigation across different sections of the page.
-
Dark-Light Mode: Users have the option to switch between dark and light modes for personalized viewing preferences.
-
JavaScript Libraries: Utilization of SwiperJS, MixItUpJS, and ScrollRevealJS libraries to enhance interactivity, create dynamic effects, and provide a smooth scrolling experience.
-
HTML: The project structure and content are created using HTML.
-
CSS: CSS is used for styling the website and customizing the visual appearance.
-
JavaScript: JavaScript is utilized to add interactivity and dynamic elements to the website.
-
SwiperJS: A JavaScript library used for creating responsive and touch-enabled sliders and carousels.
-
MixItUpJS: A JavaScript library used for filtering and sorting portfolio items.
-
ScrollRevealJS: A JavaScript library used to animate elements as they enter the viewport.
To run the project locally, follow these steps:
- Clone the repository to your local machine using the following command:
git clone https://github.com/DesAnshuJoshi/Portfolio.git
- Navigate to the project directory:
cd Portfolio
- Open the
index.html
file in a web browser to view the project.
Upon visiting the website, users can navigate through the different sections using the unique menu bar, providing access to the "About Me," "Abilities," "Services," "Recent Works," "Testimonials," and "Contact" sections. They can explore the portfolio items, read testimonials, and contact the website owner through the provided contact channels. The website is designed to offer a smooth and user-friendly experience across desktop and mobile devices.
This project is deployed to Netlify, experience now. Click
If you want to customize the website or modify its content, you can explore the following files:
-
index.html: This file contains the HTML structure of the website, including the different sections and content.
-
styles.css: This file contains the CSS styles for the website, allowing you to customize its visual appearance and layout.
-
script.js: This file contains the JavaScript code for interactivity, including the dark-light mode switch and other dynamic effects.
-
Additional files: If you wish to modify specific sections such as "Recent Works" or "Testimonials," you can explore the respective HTML and CSS files for customization.
Feel free to experiment with different styles, content, and configurations to tailor the website to your specific needs.
Contributions are welcome! If you have any suggestions, improvements, or bug fixes, please open an issue or submit a pull request. Make sure to follow the project's coding conventions and style.
-
SwiperJS: A powerful JavaScript library for creating responsive and touch-enabled sliders and carousels.
-
MixItUpJS: A JavaScript library for filtering and sorting portfolio items.
-
ScrollRevealJS: A JavaScript library for animating elements on scroll.
-
Netlify: A platform for easy deployment and hosting of web projects.