Scribd
Upload
4 views1 page

Practice 6points

Uploaded by

nhinty.23itb
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
4 views1 page

Practice 6points

Uploaded by

nhinty.23itb
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/ 1

Part 1: HTML Form and Bootstrap Grid Basics (40 minutes)

1. HTML Form (20 minutes)


• Create a basic HTML form with various input types (text, email, password, radio
buttons, checkboxes, etc.).
• Implement form validation using HTML5 attributes (e.g., required, pattern).
• Explain the use of labels and placeholders for form accessibility.

2. Bootstrap Grid Basics (20 minutes)


• Introduce the Bootstrap grid system.
• Build a simple responsive layout using Bootstrap grid classes (container, row,
columns).
• Demonstrate using breakpoints (e.g., sm, md, lg, xl) to create responsive designs.

Part 2: Bootstrap Navbar (20 minutes)

1. Bootstrap Navbar (20 minutes)


• Explain the purpose of a navigation bar in web design.
• Create a responsive Bootstrap navbar with dropdown menus.
• Customize the navbar appearance using Bootstrap classes and CSS.

Instructions:
• To write your HTML and CSS code, use any text editor (Sublime,…) or online IDE.
• Ensure your code is well-structured, commented, and follows best practices.
• Submission:
o Submit your assignment as a single HTML file with embedded CSS or as
separate HTML and CSS files in a zip folder (name the zip folder by student
ID).
o Include your name and student ID at the top of your HTML file.

You might also like