This project is a responsive personal portfolio website built using HTML, CSS, and JavaScript. It showcases your skills, projects, education, and experience in a visually appealing layout.
- Responsive Design: The template is mobile-friendly and adapts to various screen sizes.
- Interactive Elements: Includes smooth scrolling, portfolio filtering, testimonials carousel, and skill progress animations.
- Dynamic Typing Effect: Displays a dynamic typing effect in the header for a personalized touch.
- Modular Components: Organized sections for about, education, experience, projects, skills, and contact information.
- HTML5: Structure and content of the website.
- CSS3: Styling and layout, with animations and transitions.
- JavaScript (jQuery): Interactive features and DOM manipulation.
- Bootstrap 4: Responsive design and layout.
- Owl Carousel: For the testimonials section.
- Isotope: For filtering portfolio items.
- Typed.js: Dynamic typing effect in the header.
├── index.html # Main HTML file
├── assets/
│ ├── css/
│ │ └── style.css # Main stylesheet
│ ├── js/
│ │ └── main.js # JavaScript file for interactions
│ └── vendor/ # Vendor libraries like Bootstrap, jQuery, Owl Carousel, etc.
│ └── img/ # Image assets for portfolio and profile
└── README.md # Project documentation
- Header: Contains navigation links, dynamic typing text, and social media icons.
- About: Brief introduction about the user with a profile image.
- Interests: Lists the user's professional and personal interests.
- Education: Details of academic background and certifications.
- Experience: Professional experience, including job roles and responsibilities.
- Projects: Portfolio showcasing the user's projects with filters for categorization.
- Skills: A list of programming languages, frameworks, and tools used by the user.
- Contact: Includes a contact form and social media links for reaching out.
- A web browser (e.g., Chrome, Firefox, Safari).
- Git to clone the repository (optional).
- Clone the repository:
git clone https://github.com/adwityac/adwityac.github.io.git cd adwityac.github.io
- Open
index.html
in your web browser:open index.html
To customize the portfolio:
- Modify Content: Edit the text content in
index.html
under the relevant sections. - Update Styling: Change styles in
assets/css/style.css
as needed. - Add Projects: Add new project items in the "Projects" section of
index.html
and include images in theassets/img
directory.