Deepanshu Datta
Converting Figma designs into pixel-perfect HTML, CSS, and F
New to Contra
Deepanshu is building their profile!
This project is a modern startup landing page developed using HTML and CSS. It is designed to simulate a real-world technology company website with a clean, structured, and professional user interface.
The main purpose of this project is to practice frontend development skills by building a complete landing page layout that includes navigation, a hero section, feature highlights, and a footer.
The design follows a modern UI approach with the use of gradients, card-based layouts, and hover effects to enhance visual appeal and user interaction. The layout is structured to maintain clarity, readability, and balance across all sections.
This project includes key sections such as a navigation bar for easy access, a hero section to introduce the website purpose, feature cards to highlight services, and a footer for final branding information.
Through this project, I improved my understanding of:
Structuring a complete webpage using HTML
Styling modern UI components using CSS
Creating responsive-like grid layouts
Using hover effects and transitions for better user experience
Designing clean and professional web interfaces
Overall, this project reflects my ability to design and build a realistic startup-style landing page, which helps in strengthening my frontend development and UI design skills.
1
13
This project is a modern personal portfolio website developed using HTML and CSS, designed to present my skills, creativity, and web development progress in a structured and visually appealing format.
The objective of this project is to create a clean, responsive, and professional UI that reflects a real-world freelancer or frontend developer portfolio. The layout follows a 4:3 structured design frame, giving it a presentation-style appearance suitable for showcasing work in academic or professional environments.
The website includes key sections such as a personal introduction, skills overview, project showcase, and a contact area. Each section is carefully designed to maintain clarity, consistency, and user-friendly navigation.
This project focuses on essential frontend development principles including layout structuring, visual hierarchy, spacing, typography, and modern UI styling using CSS. Gradient effects, hover animations, and card-based design elements have been used to enhance the visual experience while keeping the interface minimal and professional.
Through this project, I strengthened my understanding of:
Semantic HTML structure and page organization
CSS styling techniques and modern UI design principles
Component-based layout design
Visual presentation of personal branding in web development
Overall, this project represents my continuous learning journey as a Class 11 student in web development and demonstrates my ability to build clean, professional, and visually structured web interfaces using core frontend technologies.
1
20
š§āš» About Me
I am a Class 11 student passionate about web development and UI/UX design. I enjoy building modern, responsive websites using HTML and CSS. I am continuously learning and improving my skills by working on real-world projects and exploring frontend development concepts.
š¼ About This Project
This project is a modern, responsive digital marketing agency website called GrowthX Agency. It is designed as a complete landing page for a fictional business, showcasing services, portfolio, testimonials, pricing plans, and a contact section.
The goal of this project was to practice real-world website structure, responsive design, and clean UI development using HTML and CSS.
šÆ Purpose of This Project
The purpose of this project is to improve my frontend development skills and build a strong portfolio as a beginner web developer. It also helps me understand how real business websites are structured and designed for user engagement and conversions.
1
40
::Designed and developed a premium, conversion-focused SaaS landing page using HTML and CSS, featuring modern UI design, responsive layouts, glassmorphism effects, and a seamless user experience across all devices.
1
74