Modern HTML and CSS from the Beginning (Including Sass) - Project Intro - Portfolio Website With Sass

Modern HTML and CSS from the Beginning (Including Sass) - Project Intro - Portfolio Website With Sass

Assessment

Interactive Video

Information Technology (IT), Architecture

University

Hard

Created by

Quizizz Content

FREE Resource

This video tutorial guides viewers through building a portfolio project using SaaS. It starts with an introduction to the project and its inspiration from a template on mobirise.com. The tutorial covers creating a landing page with customization options, including a logo and menu. It then explains building an about page using grid templates and custom progress bars with HTML and CSS. The work and contact pages are also discussed, highlighting image overlay effects and contact form details. Finally, the video addresses the project's responsiveness on various devices and concludes with setting up the SaaS environment.

Read more

5 questions

Show all answers

1.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

What is the source of inspiration for the look of the portfolio project?

A template from mobirise.com

A design from Bootstrap

A theme from WordPress

A layout from Wix

2.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Which tutorial is referenced for the JavaScript typing effect used in the project?

A HTML5 video tutorial

A JavaScript typing effect tutorial on YouTube

A PHP scripting tutorial

A CSS animation tutorial

3.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

What is used to create progress bars in the portfolio project?

HTML and CSS

Bootstrap components

JavaScript libraries

React components

4.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

How are visual effects added to the portfolio project?

By using Flash

Through jQuery plugins

With JavaScript animations

Using CSS transitions

5.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

How does the portfolio project adjust its layout for smaller devices like smartphones?

By hiding the menu

By changing the color scheme

By stacking elements on top of each other

By enlarging the text