Welcome to the Personal Portfolio Website! This project showcases a website with a modern and responsive design, offering both light and dark mode themes for an enhanced user experience. The website features various sections, including an about section, skills, projects section, and contact information.
A live demo of the website can be accessed here or here.
- Responsive design for seamless viewing on different devices.
- Light and Dark mode themes for user preference.
- Smooth scrolling for an improved user experience.
- Customized scrollbars (for WebKit browsers) to enhance visual appeal.
- HTML
- CSS (light_styles.css and dark_styles.css)
- JavaScript (notification.js)
To run the project locally, follow these steps:
- Clone the repository to your local machine using
git clone <repository-url>. - Navigate to the project directory.
- Open the "index.html" file in your web browser.
The website consists of different sections, each serving a specific purpose:
- Home: This section serves as the landing page and displays a navigation bar (navbar) with a logo and menu options.
- About: This section provides a brief introduction to the website owner and includes a profile picture along with some personal information.
- Skills: This section showcases the owner's skills with colorful icons and descriptions.
- Projects: This section displays a list of projects, and each project can be clicked to view more details.
- Contact: This section allows users to get in touch with the website owner using a contact form and social media links.
The website also includes a notification feature, implemented using the "notification.js" script. This feature displays a temporary notification message, informing users about available features like "Dark Mode and ChatBot is Available."
Feel free to explore the website and interact with its different components.
For any inquiries or feedback, you can reach out to the website owner at the following email address: [email protected].
Thank you for visiting the Here!