Scribd
Upload
12 views2 pages

Untitled Document

Uploaded by

Priyavratt
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
12 views2 pages

Untitled Document

Uploaded by

Priyavratt
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

🌐 Project Theme:

Navigation: A Navbar for smooth navigation to various sections. On mobile, it transforms into
a responsive hamburger menu.
Section Animations:
First Section: Revealing animation on load.
Second Section: Left-side fade-in animation.c
Third Section: Right-side fade-in animation.
Content Layout:
Each section includes a minimum of 2 images and 2 paragraphs displayed side by side
(either left or right).
Footer: Contains a Contact Form for user inquiries.
Responsiveness: Adapts seamlessly to different devices, with clear font and color
definitions.

📝
Optional Effect: Parallax scrolling for added visual appeal.
Project Task:
Portfolio Website: Highlights skills and projects, emphasizing design and usability.

📝
Quiz/Knowledge Base Website: Focuses on engagement, functionality, and interactivity.
Judging criteria :
1. Perfection of Basic Structure (50%)
Layout: Ensures a clear, logical flow with intuitive navigation for seamless user experience.
Responsive Design: Adapts well across all devices and screen sizes.
Requirements: Only HTML and CSS are to be used; no external CSS libraries or backend
integration.
2. Code Quality (20%)
Clean Code: Organized and readable, with structured formatting.
Modularity: Use of reusable components to minimize redundancy.
Error Handling: Efficient CSS-based error management, such as form validation.
3. Innovation and Creativity (10%)
Visual Appeal: An attractive and cohesive design.
Interactivity: Creative CSS implementations, such as hover effects and animations, to
enhance user engagement.
Unique Ideas: Original design elements or layouts that amplify the website’s theme.
4. Scalability of Code (10%)
Flexible Code: Codebase that is easily modifiable and can accommodate future updates.
Modular Components: Scalable CSS components that can be reused in other parts of the
project.
5. Additional Criteria
Performance: Optimized for quick load times and smooth performance.
Documentation: Includes clear and concise comments for easier understanding of complex
sections.
Plagiarism: Ensures originality; sources used must be properly credited.
Key Requirements

No CSS Libraries: Avoid external styling libraries like Bootstrap or Tailwind; use only CSS.
No Backend Required: This is a front-end only project; no backend scripts or databases
needed.
Use Only HTML and CSS: Limit development to HTML and CSS, adhering strictly to project
guidelines without using JavaScript or additional languages.

You might also like