This project is a single-page personal portfolio website developed as part of the Web Development Internship Program at Codveda Technologies. The website is designed to showcase my skills, projects, and contact information using a clean, modern, and professional interface built with HTML and CSS.
The main purpose of this project is to build a responsive, attention-grabbing portfolio that demonstrates intermediate front-end design skills, including layout management, gradient styling, animations, and a custom CSS logo.
-
Use HTML to structure content for a single-page portfolio
-
Apply CSS to create visually appealing layouts, gradients, and animations
-
Implement essential website components such as:
- Navigation bar with a CSS-based logo
- Hero / Introduction section
- Projects section with responsive CSS Grid
- Contact section and footer
-
Ensure responsive design across desktop, tablet, and mobile screens
-
Make the website visually professional and engaging while keeping it simple
- HTML5 – For structuring the web page
- CSS3 – For styling, animations, and responsive layouts
- Google Fonts (Poppins) – For clean and modern typography
portfolio-website/ │── index.html # Single-page portfolio │── style.css # Main stylesheet with colors, gradients, and animations │── README.md # Project documentation
- Introduces myself as a Full Stack Developer
- Includes a hero title, short description, and “View My Work” button
- Features subtle fade-in animations for text and buttons
- Displays projects in a 3-column CSS Grid layout
- Automatically adjusts rows for additional projects, centering incomplete rows
- Each project card has hover effects and gradient background highlights
- Includes email and LinkedIn contact information
- Designed for clarity and professional appearance
- Contains copyright information
- Consistent with overall design aesthetics
The website is fully responsive:
- Desktop – 3 project cards per row
- Tablet – 2 project cards per row
- Mobile – 1 project card per row
CSS Grid and media queries are used to automatically adjust layout as projects are added or screen size changes.
- Download or clone the repository
- Open the project folder
- Open
index.htmlin any modern web browser
No additional setup or dependencies are required.
This project was completed as part of the Web Development Internship Program at Codveda Technologies.
Kundan Atel Web Development Intern / Student Developer
For any queries or feedback:
- Email: kundan.atel8899@gmail.com
- LinkedIn: www.linkedin.com/in/kundan-atel-628045379
⭐ If you like this project, feel free to give it a star!