Modern HTML and CSS from the Beginning (Including Sass) - Contact Page - Hotel Website

Modern HTML and CSS from the Beginning (Including Sass) - Contact Page - Hotel Website

Assessment

Interactive Video

Information Technology (IT), Architecture

University

Practice Problem

Hard

Created by

Wayground Content

FREE Resource

The video tutorial guides viewers through creating a contact page for a hotel website. It starts by copying content from the about page, then setting up a contact form with fields for name, email, and message. The tutorial covers styling the form using CSS, including input fields and focus states. It also adds a contact info section with icons, using Font Awesome. The project concludes with a complete contact page, and the instructor outlines future learning topics like responsive design and CSS animations.

Read more

10 questions

Show all answers

1.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Why is it beneficial to copy elements from the about page when setting up the contact page?

To save time by reusing the navigation bar

To make the contact page load faster

To avoid using any CSS styles

To ensure the contact page has a unique layout

2.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

What is the purpose of wrapping input fields in a 'form group' class?

To add JavaScript functionality

To ensure the form is responsive

To make the form load faster

To apply consistent styling to each field

3.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Which attribute is used to link a label to an input field in a form?

id

for

name

class

4.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

What CSS property is used to ensure input fields stretch across the full width of their container?

margin: auto

width: 100%

height: 100%

padding: 0

5.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

How can you remove the default blue outline from a focused input field?

Set color to transparent in the focus state

Set border to none in the focus state

Set outline to none in the focus state

Set background to transparent in the focus state

6.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

What is the purpose of using a pseudo selector like ':focus' in CSS?

To style elements when they are hovered over

To style elements when they are clicked

To style elements when they are inactive

To style elements when they are focused

7.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Which class is used to give a section a dark background in the contact page?

bg-dark

bg-light

bg-primary

bg-secondary

Create a free account and access millions of resources

Create resources

Host any resource

Get auto-graded reports

Google

Continue with Google

Email

Continue with Email

Classlink

Continue with Classlink

Clever

Continue with Clever

or continue with

Microsoft

Microsoft

Apple

Apple

Others

Others

Already have an account?