Style BiteBox Authentication Forms

Business Scenario

Text

Pre-Lab Preparation

Topic : ..

1) ..

git pull origin branchName

Git Pull

Task 1: Add login and registration form 

add auth section below header section in login.html

1

create signup.html and auth container in this  

2

Output

 click on login button

Output

Click on signup 

Add style to forms

2

Output

login page  

Output

signup page

 

Great job!

In this lab, you have successfully created Login and Signup pages using Bootstrap. You have added proper authentication sections below the header, created a new signup page, and applied styling to make the forms visually attractive.

Checkpoint

Next-Lab Preparation

   Git Push

git push origin branchName

Before starting the next lab, make sure you revise the following topics:

1) External CSS linking and stylesheet structure
2) Styling Forms and Input Fields (padding, margin, border, outline)
3) Styling Buttons (hover effects, border-radius, background-color)

B8

By Content ITV

B8

  • 4

More from Content ITV