Fullstack Practical-14

Video Tutorial Link: https://youtu.be/r81Y5s-9XHg

Create Login Form with different Templates.

Instructions:

• Students have to create Login Form with different Templates as attached screenshot.
• Page should be responsive for Mobile screen and Desktop Screen.
• Students have to share the entire code and Link of the live page in the private comment section.
• Update index.html for practical-14 also.
• follow the instructions properly to get the marks
• Refer to the attachment.
• Submit at your Google Classroom

Fullstack Practical-13

Create a Responsive Footer Template.

Instructions:

- Students have to create a Responsive Footer Template as attached screenshot.

- Students can only use the Semantic Tags not div.

- Students have to share the entire code and Link of the live page in the private comment section.

- Update index.html for practical-13 also.

- Follow the instructions properly to get the marks

- Refer to the video attached

Video Link: https://www.youtube.com/watch?v=Vs8VSGt0a-A

    

Fullstack Practical-10

Create a Responsive Side-Bar Navigation Menu

Instructions:

- Students have to make a responsive Side-bar Navigation menu as per the layout.

- Students also have to make it responsive for mobile devices or tablets using a media query.

- Students have to share the entire code and Link of the live page in the private comment section.

- Update index.html for practical-10 also. - follow the instructions properly to get the marks

- Refers to the video attached

Responsive Side-Bar Navigation | Vertical Navigation Bar Using HTML and CSS

Solution: Responsive Side-Bar Navigation | Vertical Navigation Bar

Fullstack Practical-9

Practical-9: Create a Fully Responsive Web Layout having a Responsive Navigation Bar

See the Pen Fullstack Practical-9 (Full Responsive Layout) by PANKAJ (@pankkap) on CodePen.

Fullstack Practical-8

CSS Position Fixed Issue and Smooth Scrolling Effect

Navigation Bar - Video Tutorial

1. Pure CSS Dropdown Menu With Submenu

Link to Videos: https://youtu.be/yezGpbg6E20

 

2. Full Responsive Navigation Bar using Html and CSS

Link to Videos: https://youtu.be/0Fu1ANE1Sxk