Teaching Resources :: 217

Hi, what do you want to do?

Create a lesson plan

Generate resources with 80+ AI teacher tools

Search 200,000 instructional videos

Find a teaching resource

Curated Video

Modern Web Design with HTML5, CSS3, and JavaScript - HTML Meta Tags and Their Functions

Higher Ed

This video focuses on HTML meta tags and their functions.
<
br/>
This clip is from the chapter "Creating Web Pages with HTML5" of the series "Modern Web Design with HTML5, CSS3, and JavaScript".This section demonstrates how to...

Get Free Access See Review

Curated Video

Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Web Form

Higher Ed

This video shows how to create a web form.
<
br/>
This clip is from the chapter "Creating a Single-page Website with a Sticky Bottom Navbar" of the series "Modern Web Design with HTML5, CSS3, and JavaScript".This section explains...

Get Free Access See Review

Curated Video

Modern Web Design with HTML5, CSS3, and JavaScript - Box Model – Exercise

Higher Ed

This video presents a challenge to use the box model exercise.
<
br/>
This clip is from the chapter "Cascading Style Sheets (CSS) Challenges" of the series "Modern Web Design with HTML5, CSS3, and JavaScript".This section introduces...

Get Free Access See Review

Curated Video

Modern Web Design with HTML5, CSS3, and JavaScript - Adding Copyright to the Footer

Higher Ed

This video shows how to add copyright to the footer.
<
br/>
This clip is from the chapter "Creating a Website from Scratch with a Fat Footer Design using the Flex Property" of the series "Modern Web Design with HTML5, CSS3, and...

Get Free Access See Review

Curated Video

An Introduction to Perimeter | Teaching Maths

6th - Higher Ed

Introduce children to the concept of perimeter and explain how to calculate the perimeter of regular and irregular 2D shapes.

Get Free Access See Review

Curated Video

An Introduction to Area | Teaching Maths

6th - Higher Ed

Introduce students to the concept of area and explain how to calculate the area of rectangles using the rule length x width.

Get Free Access See Review

Curated Video

Modern Web Design with HTML5, CSS3, and JavaScript - Centering Content Using Margin

Higher Ed

This video presents a challenge to center content using the margin declaration.
<
br/>
This clip is from the chapter "Cascading Style Sheets (CSS) Challenges" of the series "Modern Web Design with HTML5, CSS3, and JavaScript".This...

Get Free Access See Review

Curated Video

Modern Web Design with HTML5, CSS3, and JavaScript - Box Model and its Workings

Higher Ed

This video explains the box model and its workings.
<
br/>
This clip is from the chapter "Common Cascading Style Sheets (CSS) Questions and Answers for Interview Preparation" of the series "Modern Web Design with HTML5, CSS3, and...

Get Free Access See Review

Curated Video

Modern Web Design with HTML5, CSS3, and JavaScript - 2 Designing Columns Using Cascading Style Sheets (CSS)

Higher Ed

This video presents a challenge to design columns using CSS.
<
br/>
This clip is from the chapter "Cascading Style Sheets (CSS) Challenges" of the series "Modern Web Design with HTML5, CSS3, and JavaScript".This section introduces...

Get Free Access See Review

Modern Web Design with HTML5, CSS3, and JavaScript - <viewport> Meta Tag in HTML Instructional Video

Curated Video

Modern Web Design with HTML5, CSS3, and JavaScript - Meta Tag in HTML

Higher Ed

This video introduces you to the meta tag in HTML.<br<br/>/>

This clip is from the chapter "HTML Challenges" of the series "Modern Web Design with HTML5, CSS3, and JavaScript".This section presents some HTML challenges.

Get Free Access See Review

Modern Web Design with HTML5, CSS3, and JavaScript - <iframe> Tag in HTML Instructional Video

Curated Video

Modern Web Design with HTML5, CSS3, and JavaScript - Tag in HTML </a></h4> <div class='resource-meta text-xs text-gray-600 overflow-hidden text-ellipsis'> <i class='lp-icon fa-regular fa-graduation-cap'></i> <span class='resource-grade'>Higher Ed</span> </div> <div class='resource-description-wrap'> <div class='resource-description'> This video focuses on the <iframe> tagin HTML.<br/><<br/>br/> <br/>This clip is from the chapter "Creating Web Pages with HTML5" of the series "Modern Web Design with HTML5, CSS3, and JavaScript".This section demonstrates how to create web pages... </div> </div> <div class='resource-actions bg-white'> <a class="btn btn-default btn-xs text-xs free-access-btn upgrade-btn" title="Get Free Access to Modern Web Design with HTML5, CSS3, and JavaScript - <iframe> Tag in HTML Instructional video" data-track-click="Search result free access button" data-track-label="Search Page" data-posthog-event="Signup: LP Signup Activity" data-posthog-location="body_button_media_tab" data-remote="true" href="/subscription/new?signup_resource_id=5158961"><i class='fa-regular fa-eye'></i> <span class='button-text'>Get Free Access</span> </a><a class="btn btn-default btn-xs text-xs boclips_card" title="Modern Web Design with HTML5, CSS3, and JavaScript - <iframe> Tag in HTML Instructional video" href="/boclips/videos/643fe8e792e85745912cdaa8"><i class='fa-solid fa-list-ul'></i> <span class='button-text'>See Review</span> </a></div> </div> </div> </div> </div> </div> <div class='relative search-result-item thumbnail-card no-access' data-id='643fe7b705cd551b1ac79fdc' data-is-require-teacher-acknowledgment='false' data-item-type='CollectionItemVideo' data-title='Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Three-column Website Using Flexbox' data-type='Boclips::Video' data-url='/boclips/videos/643fe7b705cd551b1ac79fdc' data-video-url='/boclips/videos/643fe7b705cd551b1ac79fdc'> <div class='boclips_media_card'> <div class='panel panel-default panel-resource mb-0 border-none'> <div class='resource-card-loader'></div> <div class='resource-type-banner'> <div class="type-resource type-instructional-video"><i class="fa-solid fa-circle-play resource-icon"></i><span class="ml-5 relative z-10">Instructional Video</span><span class="ml10 z-10 video-duration">3:31</span><span class="resource-bg"></span></div> </div> <div class='thumb-img-wrap-width-helper'></div> <div class='thumb-img-wrap'> <a class="boclips_card" title="Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Three-column Website Using Flexbox Instructional video" href="/boclips/videos/643fe7b705cd551b1ac79fdc"><img class="resource-img img-thumbnail img-responsive lozad" alt="Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Three-column Website Using Flexbox Instructional Video" title="Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Three-column Website Using Flexbox Instructional Video" onError="handleImageNotLoadedError(this)" data-default-image="https://static.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png" data-src="https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_z2alu4ga/width/250/vid_slices/3/vid_slice/1" width="315" height="220" src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs" /> </a><i class='fa-solid fa-image fa-6x thumb-img-wrap-icon'></i> </div> <div class='resource-info-wrap'> <div class='resource-info'> <div class='resource-info-top overflow-hidden text-ellipsis'> <span class='resource-pool-tag'>Curated Video</span> </div> <h4 class='resource-title' title='Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Three-column Website Using Flexbox'> <a class="boclips_card" title="Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Three-column Website Using Flexbox Instructional video" href="/boclips/videos/643fe7b705cd551b1ac79fdc">Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Three-column Website Using Flexbox </a></h4> <div class='resource-meta text-xs text-gray-600 overflow-hidden text-ellipsis'> <i class='lp-icon fa-regular fa-graduation-cap'></i> <span class='resource-grade'>Higher Ed</span> </div> <div class='resource-description-wrap'> <div class='resource-description'> This video demonstrates how to create a three-column website using Flexbox.<br/><<br/>br/> <br/>This clip is from the chapter "Creating a Simple Website from Scratch" of the series "Modern Web Design with HTML5, CSS3, and JavaScript".This... </div> </div> <div class='resource-actions bg-white'> <a class="btn btn-default btn-xs text-xs free-access-btn upgrade-btn" title="Get Free Access to Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Three-column Website Using Flexbox Instructional video" data-track-click="Search result free access button" data-track-label="Search Page" data-posthog-event="Signup: LP Signup Activity" data-posthog-location="body_button_media_tab" data-remote="true" href="/subscription/new?signup_resource_id=5158980"><i class='fa-regular fa-eye'></i> <span class='button-text'>Get Free Access</span> </a><a class="btn btn-default btn-xs text-xs boclips_card" title="Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Three-column Website Using Flexbox Instructional video" href="/boclips/videos/643fe7b705cd551b1ac79fdc"><i class='fa-solid fa-list-ul'></i> <span class='button-text'>See Review</span> </a></div> </div> </div> </div> </div> </div> <div class='relative search-result-item thumbnail-card no-access' data-id='643fea2c71b22e45ae4d5edc' data-is-require-teacher-acknowledgment='false' data-item-type='CollectionItemVideo' data-title='Modern Web Design with HTML5, CSS3, and JavaScript - HTML Tables' data-type='Boclips::Video' data-url='/boclips/videos/643fea2c71b22e45ae4d5edc' data-video-url='/boclips/videos/643fea2c71b22e45ae4d5edc'> <div class='boclips_media_card'> <div class='panel panel-default panel-resource mb-0 border-none'> <div class='resource-card-loader'></div> <div class='resource-type-banner'> <div class="type-resource type-instructional-video"><i class="fa-solid fa-circle-play resource-icon"></i><span class="ml-5 relative z-10">Instructional Video</span><span class="ml10 z-10 video-duration">10:26</span><span class="resource-bg"></span></div> </div> <div class='thumb-img-wrap-width-helper'></div> <div class='thumb-img-wrap'> <a class="boclips_card" title="Modern Web Design with HTML5, CSS3, and JavaScript - HTML Tables Instructional video" href="/boclips/videos/643fea2c71b22e45ae4d5edc"><img class="resource-img img-thumbnail img-responsive lozad" alt="Modern Web Design with HTML5, CSS3, and JavaScript - HTML Tables Instructional Video" title="Modern Web Design with HTML5, CSS3, and JavaScript - HTML Tables Instructional Video" onError="handleImageNotLoadedError(this)" data-default-image="https://static.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png" data-src="https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_rhxbrc0y/width/250/vid_slices/3/vid_slice/1" width="315" height="220" src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs" /> </a><i class='fa-solid fa-image fa-6x thumb-img-wrap-icon'></i> </div> <div class='resource-info-wrap'> <div class='resource-info'> <div class='resource-info-top overflow-hidden text-ellipsis'> <span class='resource-pool-tag'>Curated Video</span> </div> <h4 class='resource-title' title='Modern Web Design with HTML5, CSS3, and JavaScript - HTML Tables'> <a class="boclips_card" title="Modern Web Design with HTML5, CSS3, and JavaScript - HTML Tables Instructional video" href="/boclips/videos/643fea2c71b22e45ae4d5edc">Modern Web Design with HTML5, CSS3, and JavaScript - HTML Tables </a></h4> <div class='resource-meta text-xs text-gray-600 overflow-hidden text-ellipsis'> <i class='lp-icon fa-regular fa-graduation-cap'></i> <span class='resource-grade'>Higher Ed</span> </div> <div class='resource-description-wrap'> <div class='resource-description'> This video introduces you to HTML tables.<br<br/>/><br/> <br/>This clip is from the chapter "HTML Challenges" of the series "Modern Web Design with HTML5, CSS3, and JavaScript".This section presents some HTML challenges. </div> </div> <div class='resource-actions bg-white'> <a class="btn btn-default btn-xs text-xs free-access-btn upgrade-btn" title="Get Free Access to Modern Web Design with HTML5, CSS3, and JavaScript - HTML Tables Instructional video" data-track-click="Search result free access button" data-track-label="Search Page" data-posthog-event="Signup: LP Signup Activity" data-posthog-location="body_button_media_tab" data-remote="true" href="/subscription/new?signup_resource_id=5158722"><i class='fa-regular fa-eye'></i> <span class='button-text'>Get Free Access</span> </a><a class="btn btn-default btn-xs text-xs boclips_card" title="Modern Web Design with HTML5, CSS3, and JavaScript - HTML Tables Instructional video" href="/boclips/videos/643fea2c71b22e45ae4d5edc"><i class='fa-solid fa-list-ul'></i> <span class='button-text'>See Review</span> </a></div> </div> </div> </div> </div> </div> <div class='relative search-result-item thumbnail-card no-access' data-id='643fea28d94d7958bce0a9d8' data-is-require-teacher-acknowledgment='false' data-item-type='CollectionItemVideo' data-title='Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Website Using the Cascading Style Sheets (CSS) Float Property - Coding Challenge' data-type='Boclips::Video' data-url='/boclips/videos/643fea28d94d7958bce0a9d8' data-video-url='/boclips/videos/643fea28d94d7958bce0a9d8'> <div class='boclips_media_card'> <div class='panel panel-default panel-resource mb-0 border-none'> <div class='resource-card-loader'></div> <div class='resource-type-banner'> <div class="type-resource type-instructional-video"><i class="fa-solid fa-circle-play resource-icon"></i><span class="ml-5 relative z-10">Instructional Video</span><span class="ml10 z-10 video-duration">9:03</span><span class="resource-bg"></span></div> </div> <div class='thumb-img-wrap-width-helper'></div> <div class='thumb-img-wrap'> <a class="boclips_card" title="Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Website Using the Cascading Style Sheets (CSS) Float Property - Coding Challenge Instructional video" href="/boclips/videos/643fea28d94d7958bce0a9d8"><img class="resource-img img-thumbnail img-responsive lozad" alt="Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Website Using the Cascading Style Sheets (CSS) Float Property - Coding Challenge Instructional Video" title="Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Website Using the Cascading Style Sheets (CSS) Float Property - Coding Challenge Instructional Video" onError="handleImageNotLoadedError(this)" data-default-image="https://static.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png" data-src="https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_hsl5353n/width/250/vid_slices/3/vid_slice/1" width="315" height="220" src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs" /> </a><i class='fa-solid fa-image fa-6x thumb-img-wrap-icon'></i> </div> <div class='resource-info-wrap'> <div class='resource-info'> <div class='resource-info-top overflow-hidden text-ellipsis'> <span class='resource-pool-tag'>Curated Video</span> </div> <h4 class='resource-title' title='Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Website Using the Cascading Style Sheets (CSS) Float Property - Coding Challenge'> <a class="boclips_card" title="Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Website Using the Cascading Style Sheets (CSS) Float Property - Coding Challenge Instructional video" href="/boclips/videos/643fea28d94d7958bce0a9d8">Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Website Using the Cascading Style Sheets (CSS) Float Property - Coding Challenge </a></h4> <div class='resource-meta text-xs text-gray-600 overflow-hidden text-ellipsis'> <i class='lp-icon fa-regular fa-graduation-cap'></i> <span class='resource-grade'>Higher Ed</span> </div> <div class='resource-description-wrap'> <div class='resource-description'> This video presents a coding challenge to create a website using the CSS float property.<br/><<br/>br/> <br/>This clip is from the chapter "Mobile-first Responsive Design in Cascading Style Sheets (CSS) and Web Design" of the series "Modern Web... </div> </div> <div class='resource-actions bg-white'> <a class="btn btn-default btn-xs text-xs free-access-btn upgrade-btn" title="Get Free Access to Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Website Using the Cascading Style Sheets (CSS) Float Property - Coding Challenge Instructional video" data-track-click="Search result free access button" data-track-label="Search Page" data-posthog-event="Signup: LP Signup Activity" data-posthog-location="body_button_media_tab" data-remote="true" href="/subscription/new?signup_resource_id=5158733"><i class='fa-regular fa-eye'></i> <span class='button-text'>Get Free Access</span> </a><a class="btn btn-default btn-xs text-xs boclips_card" title="Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Website Using the Cascading Style Sheets (CSS) Float Property - Coding Challenge Instructional video" href="/boclips/videos/643fea28d94d7958bce0a9d8"><i class='fa-solid fa-list-ul'></i> <span class='button-text'>See Review</span> </a></div> </div> </div> </div> </div> </div> <div class='relative search-result-item thumbnail-card no-access' data-id='643fea2871b22e45ae4d5ed5' data-is-require-teacher-acknowledgment='false' data-item-type='CollectionItemVideo' data-title='Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Three-column Website' data-type='Boclips::Video' data-url='/boclips/videos/643fea2871b22e45ae4d5ed5' data-video-url='/boclips/videos/643fea2871b22e45ae4d5ed5'> <div class='boclips_media_card'> <div class='panel panel-default panel-resource mb-0 border-none'> <div class='resource-card-loader'></div> <div class='resource-type-banner'> <div class="type-resource type-instructional-video"><i class="fa-solid fa-circle-play resource-icon"></i><span class="ml-5 relative z-10">Instructional Video</span><span class="ml10 z-10 video-duration">9:04</span><span class="resource-bg"></span></div> </div> <div class='thumb-img-wrap-width-helper'></div> <div class='thumb-img-wrap'> <a class="boclips_card" title="Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Three-column Website Instructional video" href="/boclips/videos/643fea2871b22e45ae4d5ed5"><img class="resource-img img-thumbnail img-responsive lozad" alt="Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Three-column Website Instructional Video" title="Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Three-column Website Instructional Video" onError="handleImageNotLoadedError(this)" data-default-image="https://static.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png" data-src="https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_0k93s448/width/250/vid_slices/3/vid_slice/1" width="315" height="220" src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs" /> </a><i class='fa-solid fa-image fa-6x thumb-img-wrap-icon'></i> </div> <div class='resource-info-wrap'> <div class='resource-info'> <div class='resource-info-top overflow-hidden text-ellipsis'> <span class='resource-pool-tag'>Curated Video</span> </div> <h4 class='resource-title' title='Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Three-column Website'> <a class="boclips_card" title="Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Three-column Website Instructional video" href="/boclips/videos/643fea2871b22e45ae4d5ed5">Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Three-column Website </a></h4> <div class='resource-meta text-xs text-gray-600 overflow-hidden text-ellipsis'> <i class='lp-icon fa-regular fa-graduation-cap'></i> <span class='resource-grade'>Higher Ed</span> </div> <div class='resource-description-wrap'> <div class='resource-description'> This video shows how to create a three-column website.<br/><<br/>br/> <br/>This clip is from the chapter "Creating a Simple Website from Scratch" of the series "Modern Web Design with HTML5, CSS3, and JavaScript".This section explains how to... </div> </div> <div class='resource-actions bg-white'> <a class="btn btn-default btn-xs text-xs free-access-btn upgrade-btn" title="Get Free Access to Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Three-column Website Instructional video" data-track-click="Search result free access button" data-track-label="Search Page" data-posthog-event="Signup: LP Signup Activity" data-posthog-location="body_button_media_tab" data-remote="true" href="/subscription/new?signup_resource_id=5158734"><i class='fa-regular fa-eye'></i> <span class='button-text'>Get Free Access</span> </a><a class="btn btn-default btn-xs text-xs boclips_card" title="Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Three-column Website Instructional video" href="/boclips/videos/643fea2871b22e45ae4d5ed5"><i class='fa-solid fa-list-ul'></i> <span class='button-text'>See Review</span> </a></div> </div> </div> </div> </div> </div> <div class='relative search-result-item thumbnail-card no-access' data-id='643fea2771b22e45ae4d5ed4' data-is-require-teacher-acknowledgment='false' data-item-type='CollectionItemVideo' data-title='Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Simple Cascading Style Sheets (CSS) Website' data-type='Boclips::Video' data-url='/boclips/videos/643fea2771b22e45ae4d5ed4' data-video-url='/boclips/videos/643fea2771b22e45ae4d5ed4'> <div class='boclips_media_card'> <div class='panel panel-default panel-resource mb-0 border-none'> <div class='resource-card-loader'></div> <div class='resource-type-banner'> <div class="type-resource type-instructional-video"><i class="fa-solid fa-circle-play resource-icon"></i><span class="ml-5 relative z-10">Instructional Video</span><span class="ml10 z-10 video-duration">14:01</span><span class="resource-bg"></span></div> </div> <div class='thumb-img-wrap-width-helper'></div> <div class='thumb-img-wrap'> <a class="boclips_card" title="Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Simple Cascading Style Sheets (CSS) Website Instructional video" href="/boclips/videos/643fea2771b22e45ae4d5ed4"><img class="resource-img img-thumbnail img-responsive lozad" alt="Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Simple Cascading Style Sheets (CSS) Website Instructional Video" title="Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Simple Cascading Style Sheets (CSS) Website Instructional Video" onError="handleImageNotLoadedError(this)" data-default-image="https://static.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png" data-src="https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_0ts6vud7/width/250/vid_slices/3/vid_slice/1" width="315" height="220" src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs" /> </a><i class='fa-solid fa-image fa-6x thumb-img-wrap-icon'></i> </div> <div class='resource-info-wrap'> <div class='resource-info'> <div class='resource-info-top overflow-hidden text-ellipsis'> <span class='resource-pool-tag'>Curated Video</span> </div> <h4 class='resource-title' title='Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Simple Cascading Style Sheets (CSS) Website'> <a class="boclips_card" title="Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Simple Cascading Style Sheets (CSS) Website Instructional video" href="/boclips/videos/643fea2771b22e45ae4d5ed4">Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Simple Cascading Style Sheets (CSS) Website </a></h4> <div class='resource-meta text-xs text-gray-600 overflow-hidden text-ellipsis'> <i class='lp-icon fa-regular fa-graduation-cap'></i> <span class='resource-grade'>Higher Ed</span> </div> <div class='resource-description-wrap'> <div class='resource-description'> This video explains how to create a simple CSS website.<br/><<br/>br/> <br/>This clip is from the chapter "Creating a Simple Website from Scratch" of the series "Modern Web Design with HTML5, CSS3, and JavaScript".This section explains how to... </div> </div> <div class='resource-actions bg-white'> <a class="btn btn-default btn-xs text-xs free-access-btn upgrade-btn" title="Get Free Access to Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Simple Cascading Style Sheets (CSS) Website Instructional video" data-track-click="Search result free access button" data-track-label="Search Page" data-posthog-event="Signup: LP Signup Activity" data-posthog-location="body_button_media_tab" data-remote="true" href="/subscription/new?signup_resource_id=5158736"><i class='fa-regular fa-eye'></i> <span class='button-text'>Get Free Access</span> </a><a class="btn btn-default btn-xs text-xs boclips_card" title="Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Simple Cascading Style Sheets (CSS) Website Instructional video" href="/boclips/videos/643fea2771b22e45ae4d5ed4"><i class='fa-solid fa-list-ul'></i> <span class='button-text'>See Review</span> </a></div> </div> </div> </div> </div> </div> <div class='relative search-result-item thumbnail-card no-access' data-id='643fea2471b22e45ae4d5ecd' data-is-require-teacher-acknowledgment='false' data-item-type='CollectionItemVideo' data-title='Modern Web Design with HTML5, CSS3, and JavaScript - Applying Element Sizing with Flexbox' data-type='Boclips::Video' data-url='/boclips/videos/643fea2471b22e45ae4d5ecd' data-video-url='/boclips/videos/643fea2471b22e45ae4d5ecd'> <div class='boclips_media_card'> <div class='panel panel-default panel-resource mb-0 border-none'> <div class='resource-card-loader'></div> <div class='resource-type-banner'> <div class="type-resource type-instructional-video"><i class="fa-solid fa-circle-play resource-icon"></i><span class="ml-5 relative z-10">Instructional Video</span><span class="ml10 z-10 video-duration">7:54</span><span class="resource-bg"></span></div> </div> <div class='thumb-img-wrap-width-helper'></div> <div class='thumb-img-wrap'> <a class="boclips_card" title="Modern Web Design with HTML5, CSS3, and JavaScript - Applying Element Sizing with Flexbox Instructional video" href="/boclips/videos/643fea2471b22e45ae4d5ecd"><img class="resource-img img-thumbnail img-responsive lozad" alt="Modern Web Design with HTML5, CSS3, and JavaScript - Applying Element Sizing with Flexbox Instructional Video" title="Modern Web Design with HTML5, CSS3, and JavaScript - Applying Element Sizing with Flexbox Instructional Video" onError="handleImageNotLoadedError(this)" data-default-image="https://static.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png" data-src="https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_80y6sf2e/width/250/vid_slices/3/vid_slice/1" width="315" height="220" src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs" /> </a><i class='fa-solid fa-image fa-6x thumb-img-wrap-icon'></i> </div> <div class='resource-info-wrap'> <div class='resource-info'> <div class='resource-info-top overflow-hidden text-ellipsis'> <span class='resource-pool-tag'>Curated Video</span> </div> <h4 class='resource-title' title='Modern Web Design with HTML5, CSS3, and JavaScript - Applying Element Sizing with Flexbox'> <a class="boclips_card" title="Modern Web Design with HTML5, CSS3, and JavaScript - Applying Element Sizing with Flexbox Instructional video" href="/boclips/videos/643fea2471b22e45ae4d5ecd">Modern Web Design with HTML5, CSS3, and JavaScript - Applying Element Sizing with Flexbox </a></h4> <div class='resource-meta text-xs text-gray-600 overflow-hidden text-ellipsis'> <i class='lp-icon fa-regular fa-graduation-cap'></i> <span class='resource-grade'>Higher Ed</span> </div> <div class='resource-description-wrap'> <div class='resource-description'> This video demonstrates how to apply element sizing with Flexbox.<br/><<br/>br/> <br/>This clip is from the chapter "Cascading Style Sheet (CSS) Layouts FlexBox and CSS Grid" of the series "Modern Web Design with HTML5, CSS3, and... </div> </div> <div class='resource-actions bg-white'> <a class="btn btn-default btn-xs text-xs free-access-btn upgrade-btn" title="Get Free Access to Modern Web Design with HTML5, CSS3, and JavaScript - Applying Element Sizing with Flexbox Instructional video" data-track-click="Search result free access button" data-track-label="Search Page" data-posthog-event="Signup: LP Signup Activity" data-posthog-location="body_button_media_tab" data-remote="true" href="/subscription/new?signup_resource_id=5158743"><i class='fa-regular fa-eye'></i> <span class='button-text'>Get Free Access</span> </a><a class="btn btn-default btn-xs text-xs boclips_card" title="Modern Web Design with HTML5, CSS3, and JavaScript - Applying Element Sizing with Flexbox Instructional video" href="/boclips/videos/643fea2471b22e45ae4d5ecd"><i class='fa-solid fa-list-ul'></i> <span class='button-text'>See Review</span> </a></div> </div> </div> </div> </div> </div> <div class='relative search-result-item thumbnail-card no-access' data-id='643fea1771b22e45ae4d5ec6' data-is-require-teacher-acknowledgment='false' data-item-type='CollectionItemVideo' data-title='Modern Web Design with HTML5, CSS3, and JavaScript - Adding and Creating Cascading Style Sheets (CSS) Borders' data-type='Boclips::Video' data-url='/boclips/videos/643fea1771b22e45ae4d5ec6' data-video-url='/boclips/videos/643fea1771b22e45ae4d5ec6'> <div class='boclips_media_card'> <div class='panel panel-default panel-resource mb-0 border-none'> <div class='resource-card-loader'></div> <div class='resource-type-banner'> <div class="type-resource type-instructional-video"><i class="fa-solid fa-circle-play resource-icon"></i><span class="ml-5 relative z-10">Instructional Video</span><span class="ml10 z-10 video-duration">11:33</span><span class="resource-bg"></span></div> </div> <div class='thumb-img-wrap-width-helper'></div> <div class='thumb-img-wrap'> <a class="boclips_card" title="Modern Web Design with HTML5, CSS3, and JavaScript - Adding and Creating Cascading Style Sheets (CSS) Borders Instructional video" href="/boclips/videos/643fea1771b22e45ae4d5ec6"><img class="resource-img img-thumbnail img-responsive lozad" alt="Modern Web Design with HTML5, CSS3, and JavaScript - Adding and Creating Cascading Style Sheets (CSS) Borders Instructional Video" title="Modern Web Design with HTML5, CSS3, and JavaScript - Adding and Creating Cascading Style Sheets (CSS) Borders Instructional Video" onError="handleImageNotLoadedError(this)" data-default-image="https://static.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png" data-src="https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_ttagx7t2/width/250/vid_slices/3/vid_slice/1" width="315" height="220" src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs" /> </a><i class='fa-solid fa-image fa-6x thumb-img-wrap-icon'></i> </div> <div class='resource-info-wrap'> <div class='resource-info'> <div class='resource-info-top overflow-hidden text-ellipsis'> <span class='resource-pool-tag'>Curated Video</span> </div> <h4 class='resource-title' title='Modern Web Design with HTML5, CSS3, and JavaScript - Adding and Creating Cascading Style Sheets (CSS) Borders'> <a class="boclips_card" title="Modern Web Design with HTML5, CSS3, and JavaScript - Adding and Creating Cascading Style Sheets (CSS) Borders Instructional video" href="/boclips/videos/643fea1771b22e45ae4d5ec6">Modern Web Design with HTML5, CSS3, and JavaScript - Adding and Creating Cascading Style Sheets (CSS) Borders </a></h4> <div class='resource-meta text-xs text-gray-600 overflow-hidden text-ellipsis'> <i class='lp-icon fa-regular fa-graduation-cap'></i> <span class='resource-grade'>Higher Ed</span> </div> <div class='resource-description-wrap'> <div class='resource-description'> This video demonstrates how to add and create CSS borders.<br/><<br/>br/> <br/>This clip is from the chapter "Mobile-first Responsive Design in Cascading Style Sheets (CSS) and Web Design" of the series "Modern Web Design with HTML5, CSS3, and... </div> </div> <div class='resource-actions bg-white'> <a class="btn btn-default btn-xs text-xs free-access-btn upgrade-btn" title="Get Free Access to Modern Web Design with HTML5, CSS3, and JavaScript - Adding and Creating Cascading Style Sheets (CSS) Borders Instructional video" data-track-click="Search result free access button" data-track-label="Search Page" data-posthog-event="Signup: LP Signup Activity" data-posthog-location="body_button_media_tab" data-remote="true" href="/subscription/new?signup_resource_id=5158750"><i class='fa-regular fa-eye'></i> <span class='button-text'>Get Free Access</span> </a><a class="btn btn-default btn-xs text-xs boclips_card" title="Modern Web Design with HTML5, CSS3, and JavaScript - Adding and Creating Cascading Style Sheets (CSS) Borders Instructional video" href="/boclips/videos/643fea1771b22e45ae4d5ec6"><i class='fa-solid fa-list-ul'></i> <span class='button-text'>See Review</span> </a></div> </div> </div> </div> </div> </div> <div class='relative search-result-item thumbnail-card no-access' data-id='643fe93d9dabf606b2e28cdb' data-is-require-teacher-acknowledgment='false' data-item-type='CollectionItemVideo' data-title='Modern Web Design with HTML5, CSS3, and JavaScript - What is the Box Model and How it Works in Cascading Style Sheets (CSS)?' data-type='Boclips::Video' data-url='/boclips/videos/643fe93d9dabf606b2e28cdb' data-video-url='/boclips/videos/643fe93d9dabf606b2e28cdb'> <div class='boclips_media_card'> <div class='panel panel-default panel-resource mb-0 border-none'> <div class='resource-card-loader'></div> <div class='resource-type-banner'> <div class="type-resource type-instructional-video"><i class="fa-solid fa-circle-play resource-icon"></i><span class="ml-5 relative z-10">Instructional Video</span><span class="ml10 z-10 video-duration">4:00</span><span class="resource-bg"></span></div> </div> <div class='thumb-img-wrap-width-helper'></div> <div class='thumb-img-wrap'> <a class="boclips_card" title="Modern Web Design with HTML5, CSS3, and JavaScript - What is the Box Model and How it Works in Cascading Style Sheets (CSS)? Instructional video" href="/boclips/videos/643fe93d9dabf606b2e28cdb"><img class="resource-img img-thumbnail img-responsive lozad" alt="Modern Web Design with HTML5, CSS3, and JavaScript - What is the Box Model and How it Works in Cascading Style Sheets (CSS)? Instructional Video" title="Modern Web Design with HTML5, CSS3, and JavaScript - What is the Box Model and How it Works in Cascading Style Sheets (CSS)? Instructional Video" onError="handleImageNotLoadedError(this)" data-default-image="https://static.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png" data-src="https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_nvmxupr2/width/250/vid_slices/3/vid_slice/1" width="315" height="220" src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs" /> </a><i class='fa-solid fa-image fa-6x thumb-img-wrap-icon'></i> </div> <div class='resource-info-wrap'> <div class='resource-info'> <div class='resource-info-top overflow-hidden text-ellipsis'> <span class='resource-pool-tag'>Curated Video</span> </div> <h4 class='resource-title' title='Modern Web Design with HTML5, CSS3, and JavaScript - What is the Box Model and How it Works in Cascading Style Sheets (CSS)?'> <a class="boclips_card" title="Modern Web Design with HTML5, CSS3, and JavaScript - What is the Box Model and How it Works in Cascading Style Sheets (CSS)? Instructional video" href="/boclips/videos/643fe93d9dabf606b2e28cdb">Modern Web Design with HTML5, CSS3, and JavaScript - What is the Box Model and How it Works in Cascading Style Sheets (CSS)? </a></h4> <div class='resource-meta text-xs text-gray-600 overflow-hidden text-ellipsis'> <i class='lp-icon fa-regular fa-graduation-cap'></i> <span class='resource-grade'>Higher Ed</span> </div> <div class='resource-description-wrap'> <div class='resource-description'> This video explains the box model—which includes the content edge, padding edge, border edge, and margin edge—and how it works in CSS.<br/><<br/>br/> <br/>This clip is from the chapter "Mobile-first Responsive Design in Cascading Style Sheets... </div> </div> <div class='resource-actions bg-white'> <a class="btn btn-default btn-xs text-xs free-access-btn upgrade-btn" title="Get Free Access to Modern Web Design with HTML5, CSS3, and JavaScript - What is the Box Model and How it Works in Cascading Style Sheets (CSS)? Instructional video" data-track-click="Search result free access button" data-track-label="Search Page" data-posthog-event="Signup: LP Signup Activity" data-posthog-location="body_button_media_tab" data-remote="true" href="/subscription/new?signup_resource_id=5158758"><i class='fa-regular fa-eye'></i> <span class='button-text'>Get Free Access</span> </a><a class="btn btn-default btn-xs text-xs boclips_card" title="Modern Web Design with HTML5, CSS3, and JavaScript - What is the Box Model and How it Works in Cascading Style Sheets (CSS)? Instructional video" href="/boclips/videos/643fe93d9dabf606b2e28cdb"><i class='fa-solid fa-list-ul'></i> <span class='button-text'>See Review</span> </a></div> </div> </div> </div> </div> </div> <div class='relative search-result-item thumbnail-card no-access' data-id='643fe9362b27796f8f007486' data-is-require-teacher-acknowledgment='false' data-item-type='CollectionItemVideo' data-title='Modern Web Design with HTML5, CSS3, and JavaScript - Using Hover Anchor in Pseudo-class' data-type='Boclips::Video' data-url='/boclips/videos/643fe9362b27796f8f007486' data-video-url='/boclips/videos/643fe9362b27796f8f007486'> <div class='boclips_media_card'> <div class='panel panel-default panel-resource mb-0 border-none'> <div class='resource-card-loader'></div> <div class='resource-type-banner'> <div class="type-resource type-instructional-video"><i class="fa-solid fa-circle-play resource-icon"></i><span class="ml-5 relative z-10">Instructional Video</span><span class="ml10 z-10 video-duration">3:55</span><span class="resource-bg"></span></div> </div> <div class='thumb-img-wrap-width-helper'></div> <div class='thumb-img-wrap'> <a class="boclips_card" title="Modern Web Design with HTML5, CSS3, and JavaScript - Using Hover Anchor in Pseudo-class Instructional video" href="/boclips/videos/643fe9362b27796f8f007486"><img class="resource-img img-thumbnail img-responsive lozad" alt="Modern Web Design with HTML5, CSS3, and JavaScript - Using Hover Anchor in Pseudo-class Instructional Video" title="Modern Web Design with HTML5, CSS3, and JavaScript - Using Hover Anchor in Pseudo-class Instructional Video" onError="handleImageNotLoadedError(this)" data-default-image="https://static.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png" data-src="https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_iscbrohm/width/250/vid_slices/3/vid_slice/1" width="315" height="220" src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs" /> </a><i class='fa-solid fa-image fa-6x thumb-img-wrap-icon'></i> </div> <div class='resource-info-wrap'> <div class='resource-info'> <div class='resource-info-top overflow-hidden text-ellipsis'> <span class='resource-pool-tag'>Curated Video</span> </div> <h4 class='resource-title' title='Modern Web Design with HTML5, CSS3, and JavaScript - Using Hover Anchor in Pseudo-class'> <a class="boclips_card" title="Modern Web Design with HTML5, CSS3, and JavaScript - Using Hover Anchor in Pseudo-class Instructional video" href="/boclips/videos/643fe9362b27796f8f007486">Modern Web Design with HTML5, CSS3, and JavaScript - Using Hover Anchor in Pseudo-class </a></h4> <div class='resource-meta text-xs text-gray-600 overflow-hidden text-ellipsis'> <i class='lp-icon fa-regular fa-graduation-cap'></i> <span class='resource-grade'>Higher Ed</span> </div> <div class='resource-description-wrap'> <div class='resource-description'> This video provides a challenge to use hover anchor in pseudo-class.<br/><<br/>br/> <br/>This clip is from the chapter "Cascading Style Sheets (CSS) Challenges" of the series "Modern Web Design with HTML5, CSS3, and JavaScript".This section... </div> </div> <div class='resource-actions bg-white'> <a class="btn btn-default btn-xs text-xs free-access-btn upgrade-btn" title="Get Free Access to Modern Web Design with HTML5, CSS3, and JavaScript - Using Hover Anchor in Pseudo-class Instructional video" data-track-click="Search result free access button" data-track-label="Search Page" data-posthog-event="Signup: LP Signup Activity" data-posthog-location="body_button_media_tab" data-remote="true" href="/subscription/new?signup_resource_id=5158775"><i class='fa-regular fa-eye'></i> <span class='button-text'>Get Free Access</span> </a><a class="btn btn-default btn-xs text-xs boclips_card" title="Modern Web Design with HTML5, CSS3, and JavaScript - Using Hover Anchor in Pseudo-class Instructional video" href="/boclips/videos/643fe9362b27796f8f007486"><i class='fa-solid fa-list-ul'></i> <span class='button-text'>See Review</span> </a></div> </div> </div> </div> </div> </div> <div class='relative search-result-item thumbnail-card no-access' data-id='643fe93692e85745912cdae1' data-is-require-teacher-acknowledgment='false' data-item-type='CollectionItemVideo' data-title='Modern Web Design with HTML5, CSS3, and JavaScript - Using Flexbox to Size Items on the Page' data-type='Boclips::Video' data-url='/boclips/videos/643fe93692e85745912cdae1' data-video-url='/boclips/videos/643fe93692e85745912cdae1'> <div class='boclips_media_card'> <div class='panel panel-default panel-resource mb-0 border-none'> <div class='resource-card-loader'></div> <div class='resource-type-banner'> <div class="type-resource type-instructional-video"><i class="fa-solid fa-circle-play resource-icon"></i><span class="ml-5 relative z-10">Instructional Video</span><span class="ml10 z-10 video-duration">8:03</span><span class="resource-bg"></span></div> </div> <div class='thumb-img-wrap-width-helper'></div> <div class='thumb-img-wrap'> <a class="boclips_card" title="Modern Web Design with HTML5, CSS3, and JavaScript - Using Flexbox to Size Items on the Page Instructional video" href="/boclips/videos/643fe93692e85745912cdae1"><img class="resource-img img-thumbnail img-responsive lozad" alt="Modern Web Design with HTML5, CSS3, and JavaScript - Using Flexbox to Size Items on the Page Instructional Video" title="Modern Web Design with HTML5, CSS3, and JavaScript - Using Flexbox to Size Items on the Page Instructional Video" onError="handleImageNotLoadedError(this)" data-default-image="https://static.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png" data-src="https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_qshjyfek/width/250/vid_slices/3/vid_slice/1" width="315" height="220" src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs" /> </a><i class='fa-solid fa-image fa-6x thumb-img-wrap-icon'></i> </div> <div class='resource-info-wrap'> <div class='resource-info'> <div class='resource-info-top overflow-hidden text-ellipsis'> <span class='resource-pool-tag'>Curated Video</span> </div> <h4 class='resource-title' title='Modern Web Design with HTML5, CSS3, and JavaScript - Using Flexbox to Size Items on the Page'> <a class="boclips_card" title="Modern Web Design with HTML5, CSS3, and JavaScript - Using Flexbox to Size Items on the Page Instructional video" href="/boclips/videos/643fe93692e85745912cdae1">Modern Web Design with HTML5, CSS3, and JavaScript - Using Flexbox to Size Items on the Page </a></h4> <div class='resource-meta text-xs text-gray-600 overflow-hidden text-ellipsis'> <i class='lp-icon fa-regular fa-graduation-cap'></i> <span class='resource-grade'>Higher Ed</span> </div> <div class='resource-description-wrap'> <div class='resource-description'> This video explains how to use Flexbox to size items on the page.<br/><<br/>br/> <br/>This clip is from the chapter "Cascading Style Sheet (CSS) Layouts FlexBox and CSS Grid" of the series "Modern Web Design with HTML5, CSS3, and... </div> </div> <div class='resource-actions bg-white'> <a class="btn btn-default btn-xs text-xs free-access-btn upgrade-btn" title="Get Free Access to Modern Web Design with HTML5, CSS3, and JavaScript - Using Flexbox to Size Items on the Page Instructional video" data-track-click="Search result free access button" data-track-label="Search Page" data-posthog-event="Signup: LP Signup Activity" data-posthog-location="body_button_media_tab" data-remote="true" href="/subscription/new?signup_resource_id=5158776"><i class='fa-regular fa-eye'></i> <span class='button-text'>Get Free Access</span> </a><a class="btn btn-default btn-xs text-xs boclips_card" title="Modern Web Design with HTML5, CSS3, and JavaScript - Using Flexbox to Size Items on the Page Instructional video" href="/boclips/videos/643fe93692e85745912cdae1"><i class='fa-solid fa-list-ul'></i> <span class='button-text'>See Review</span> </a></div> </div> </div> </div> </div> </div> <div class='relative search-result-item thumbnail-card no-access' data-id='643fe931183baf60bcd158f1' data-is-require-teacher-acknowledgment='false' data-item-type='CollectionItemVideo' data-title='Modern Web Design with HTML5, CSS3, and JavaScript - Styling HTML Lists with Bootstrap' data-type='Boclips::Video' data-url='/boclips/videos/643fe931183baf60bcd158f1' data-video-url='/boclips/videos/643fe931183baf60bcd158f1'> <div class='boclips_media_card'> <div class='panel panel-default panel-resource mb-0 border-none'> <div class='resource-card-loader'></div> <div class='resource-type-banner'> <div class="type-resource type-instructional-video"><i class="fa-solid fa-circle-play resource-icon"></i><span class="ml-5 relative z-10">Instructional Video</span><span class="ml10 z-10 video-duration">6:35</span><span class="resource-bg"></span></div> </div> <div class='thumb-img-wrap-width-helper'></div> <div class='thumb-img-wrap'> <a class="boclips_card" title="Modern Web Design with HTML5, CSS3, and JavaScript - Styling HTML Lists with Bootstrap Instructional video" href="/boclips/videos/643fe931183baf60bcd158f1"><img class="resource-img img-thumbnail img-responsive lozad" alt="Modern Web Design with HTML5, CSS3, and JavaScript - Styling HTML Lists with Bootstrap Instructional Video" title="Modern Web Design with HTML5, CSS3, and JavaScript - Styling HTML Lists with Bootstrap Instructional Video" onError="handleImageNotLoadedError(this)" data-default-image="https://static.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png" data-src="https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_7irhx43w/width/250/vid_slices/3/vid_slice/1" width="315" height="220" src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs" /> </a><i class='fa-solid fa-image fa-6x thumb-img-wrap-icon'></i> </div> <div class='resource-info-wrap'> <div class='resource-info'> <div class='resource-info-top overflow-hidden text-ellipsis'> <span class='resource-pool-tag'>Curated Video</span> </div> <h4 class='resource-title' title='Modern Web Design with HTML5, CSS3, and JavaScript - Styling HTML Lists with Bootstrap'> <a class="boclips_card" title="Modern Web Design with HTML5, CSS3, and JavaScript - Styling HTML Lists with Bootstrap Instructional video" href="/boclips/videos/643fe931183baf60bcd158f1">Modern Web Design with HTML5, CSS3, and JavaScript - Styling HTML Lists with Bootstrap </a></h4> <div class='resource-meta text-xs text-gray-600 overflow-hidden text-ellipsis'> <i class='lp-icon fa-regular fa-graduation-cap'></i> <span class='resource-grade'>Higher Ed</span> </div> <div class='resource-description-wrap'> <div class='resource-description'> This video shows how to style HTML lists with Bootstrap.<br/><<br/>br/> <br/>This clip is from the chapter "Exploring Rapid Web Design with the Bootstrap 4 Frontend Framework" of the series "Modern Web Design with HTML5, CSS3, and... </div> </div> <div class='resource-actions bg-white'> <a class="btn btn-default btn-xs text-xs free-access-btn upgrade-btn" title="Get Free Access to Modern Web Design with HTML5, CSS3, and JavaScript - Styling HTML Lists with Bootstrap Instructional video" data-track-click="Search result free access button" data-track-label="Search Page" data-posthog-event="Signup: LP Signup Activity" data-posthog-location="body_button_media_tab" data-remote="true" href="/subscription/new?signup_resource_id=5158788"><i class='fa-regular fa-eye'></i> <span class='button-text'>Get Free Access</span> </a><a class="btn btn-default btn-xs text-xs boclips_card" title="Modern Web Design with HTML5, CSS3, and JavaScript - Styling HTML Lists with Bootstrap Instructional video" href="/boclips/videos/643fe931183baf60bcd158f1"><i class='fa-solid fa-list-ul'></i> <span class='button-text'>See Review</span> </a></div> </div> </div> </div> </div> </div> <div class='relative search-result-item thumbnail-card no-access' data-id='643fe92f9dabf606b2e28cd8' data-is-require-teacher-acknowledgment='false' data-item-type='CollectionItemVideo' data-title='Modern Web Design with HTML5, CSS3, and JavaScript - Setting up the HTML Structure' data-type='Boclips::Video' data-url='/boclips/videos/643fe92f9dabf606b2e28cd8' data-video-url='/boclips/videos/643fe92f9dabf606b2e28cd8'> <div class='boclips_media_card'> <div class='panel panel-default panel-resource mb-0 border-none'> <div class='resource-card-loader'></div> <div class='resource-type-banner'> <div class="type-resource type-instructional-video"><i class="fa-solid fa-circle-play resource-icon"></i><span class="ml-5 relative z-10">Instructional Video</span><span class="ml10 z-10 video-duration">5:32</span><span class="resource-bg"></span></div> </div> <div class='thumb-img-wrap-width-helper'></div> <div class='thumb-img-wrap'> <a class="boclips_card" title="Modern Web Design with HTML5, CSS3, and JavaScript - Setting up the HTML Structure Instructional video" href="/boclips/videos/643fe92f9dabf606b2e28cd8"><img class="resource-img img-thumbnail img-responsive lozad" alt="Modern Web Design with HTML5, CSS3, and JavaScript - Setting up the HTML Structure Instructional Video" title="Modern Web Design with HTML5, CSS3, and JavaScript - Setting up the HTML Structure Instructional Video" onError="handleImageNotLoadedError(this)" data-default-image="https://static.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png" data-src="https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_eh5rgxr7/width/250/vid_slices/3/vid_slice/1" width="315" height="220" src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs" /> </a><i class='fa-solid fa-image fa-6x thumb-img-wrap-icon'></i> </div> <div class='resource-info-wrap'> <div class='resource-info'> <div class='resource-info-top overflow-hidden text-ellipsis'> <span class='resource-pool-tag'>Curated Video</span> </div> <h4 class='resource-title' title='Modern Web Design with HTML5, CSS3, and JavaScript - Setting up the HTML Structure'> <a class="boclips_card" title="Modern Web Design with HTML5, CSS3, and JavaScript - Setting up the HTML Structure Instructional video" href="/boclips/videos/643fe92f9dabf606b2e28cd8">Modern Web Design with HTML5, CSS3, and JavaScript - Setting up the HTML Structure </a></h4> <div class='resource-meta text-xs text-gray-600 overflow-hidden text-ellipsis'> <i class='lp-icon fa-regular fa-graduation-cap'></i> <span class='resource-grade'>Higher Ed</span> </div> <div class='resource-description-wrap'> <div class='resource-description'> This video shows how to set up the HTML structure.<br/><<br/>br/> <br/>This clip is from the chapter "Creating a Three-column Website from Scratch" of the series "Modern Web Design with HTML5, CSS3, and JavaScript".This section explains how to... </div> </div> <div class='resource-actions bg-white'> <a class="btn btn-default btn-xs text-xs free-access-btn upgrade-btn" title="Get Free Access to Modern Web Design with HTML5, CSS3, and JavaScript - Setting up the HTML Structure Instructional video" data-track-click="Search result free access button" data-track-label="Search Page" data-posthog-event="Signup: LP Signup Activity" data-posthog-location="body_button_media_tab" data-remote="true" href="/subscription/new?signup_resource_id=5158793"><i class='fa-regular fa-eye'></i> <span class='button-text'>Get Free Access</span> </a><a class="btn btn-default btn-xs text-xs boclips_card" title="Modern Web Design with HTML5, CSS3, and JavaScript - Setting up the HTML Structure Instructional video" href="/boclips/videos/643fe92f9dabf606b2e28cd8"><i class='fa-solid fa-list-ul'></i> <span class='button-text'>See Review</span> </a></div> </div> </div> </div> </div> </div> <div class='relative search-result-item thumbnail-card no-access' data-id='643fe9297db97f6f09d5eb70' data-is-require-teacher-acknowledgment='false' data-item-type='CollectionItemVideo' data-title='Modern Web Design with HTML5, CSS3, and JavaScript - Setting Element Height and Width with Cascading Style Sheets (CSS)' data-type='Boclips::Video' data-url='/boclips/videos/643fe9297db97f6f09d5eb70' data-video-url='/boclips/videos/643fe9297db97f6f09d5eb70'> <div class='boclips_media_card'> <div class='panel panel-default panel-resource mb-0 border-none'> <div class='resource-card-loader'></div> <div class='resource-type-banner'> <div class="type-resource type-instructional-video"><i class="fa-solid fa-circle-play resource-icon"></i><span class="ml-5 relative z-10">Instructional Video</span><span class="ml10 z-10 video-duration">7:12</span><span class="resource-bg"></span></div> </div> <div class='thumb-img-wrap-width-helper'></div> <div class='thumb-img-wrap'> <a class="boclips_card" title="Modern Web Design with HTML5, CSS3, and JavaScript - Setting Element Height and Width with Cascading Style Sheets (CSS) Instructional video" href="/boclips/videos/643fe9297db97f6f09d5eb70"><img class="resource-img img-thumbnail img-responsive lozad" alt="Modern Web Design with HTML5, CSS3, and JavaScript - Setting Element Height and Width with Cascading Style Sheets (CSS) Instructional Video" title="Modern Web Design with HTML5, CSS3, and JavaScript - Setting Element Height and Width with Cascading Style Sheets (CSS) Instructional Video" onError="handleImageNotLoadedError(this)" data-default-image="https://static.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png" data-src="https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_ui3yv8wq/width/250/vid_slices/3/vid_slice/1" width="315" height="220" src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs" /> </a><i class='fa-solid fa-image fa-6x thumb-img-wrap-icon'></i> </div> <div class='resource-info-wrap'> <div class='resource-info'> <div class='resource-info-top overflow-hidden text-ellipsis'> <span class='resource-pool-tag'>Curated Video</span> </div> <h4 class='resource-title' title='Modern Web Design with HTML5, CSS3, and JavaScript - Setting Element Height and Width with Cascading Style Sheets (CSS)'> <a class="boclips_card" title="Modern Web Design with HTML5, CSS3, and JavaScript - Setting Element Height and Width with Cascading Style Sheets (CSS) Instructional video" href="/boclips/videos/643fe9297db97f6f09d5eb70">Modern Web Design with HTML5, CSS3, and JavaScript - Setting Element Height and Width with Cascading Style Sheets (CSS) </a></h4> <div class='resource-meta text-xs text-gray-600 overflow-hidden text-ellipsis'> <i class='lp-icon fa-regular fa-graduation-cap'></i> <span class='resource-grade'>Higher Ed</span> </div> <div class='resource-description-wrap'> <div class='resource-description'> This video demonstrates how to set element height and width with CSS.<br/><<br/>br/> <br/>This clip is from the chapter "Mobile-first Responsive Design in Cascading Style Sheets (CSS) and Web Design" of the series "Modern Web Design with HTML5,... </div> </div> <div class='resource-actions bg-white'> <a class="btn btn-default btn-xs text-xs free-access-btn upgrade-btn" title="Get Free Access to Modern Web Design with HTML5, CSS3, and JavaScript - Setting Element Height and Width with Cascading Style Sheets (CSS) Instructional video" data-track-click="Search result free access button" data-track-label="Search Page" data-posthog-event="Signup: LP Signup Activity" data-posthog-location="body_button_media_tab" data-remote="true" href="/subscription/new?signup_resource_id=5158810"><i class='fa-regular fa-eye'></i> <span class='button-text'>Get Free Access</span> </a><a class="btn btn-default btn-xs text-xs boclips_card" title="Modern Web Design with HTML5, CSS3, and JavaScript - Setting Element Height and Width with Cascading Style Sheets (CSS) Instructional video" href="/boclips/videos/643fe9297db97f6f09d5eb70"><i class='fa-solid fa-list-ul'></i> <span class='button-text'>See Review</span> </a></div> </div> </div> </div> </div> </div> </div> <div aria-label='Loading more results' aria-live='polite' class='mt-4 md:mt-6 lg:mt-7 2xl:mt-8 hide' id='loading-more-results' role='status'> <div class='thumbnail-view-loader-1'> <div class='row cb-open'> <div class='col-lg-6 col-sm-6 col-xs-12 search-result-item thumbnail-card'> <div class='panel panel-default panel-resource'> <div class='resource-type-banner'> <div class='type-resource type-lesson-plan type-loading'> <span class='resource-bg'></span> </div> </div> <div class='thumb-img-wrap'></div> <div class='resource-info-wrap'> <div class='resource-info'> <div class='bg-loader mt5 mb5'></div> <div class='bg-loader width-75 mb10'></div> <div class='bg-loader width-25 height-50 mb10 inline'></div> <div class='bg-loader width-25 height-50 mb10 inline'></div> <div class='bg-loader width-25 height-50 mb10 inline'></div> </div> </div> </div> </div> <div class='col-lg-6 col-sm-6 col-xs-12 search-result-item thumbnail-card'> <div class='panel panel-default panel-resource'> <div class='resource-type-banner'> <div class='type-resource type-lesson-plan type-loading'> <span class='resource-bg'></span> </div> </div> <div class='thumb-img-wrap'></div> <div class='resource-info-wrap'> <div class='resource-info'> <div class='bg-loader mt5 mb5'></div> <div class='bg-loader width-75 mb10'></div> <div class='bg-loader width-25 height-50 mb10 inline'></div> <div class='bg-loader width-25 height-50 mb10 inline'></div> <div class='bg-loader width-25 height-50 mb10 inline'></div> </div> </div> </div> </div> </div> <div class='row cb-closed'> <div class='col-lg-4 col-sm-6 col-xs-12 search-result-item thumbnail-card'> <div class='panel panel-default panel-resource'> <div class='resource-type-banner'> <div class='type-resource type-lesson-plan type-loading'> <span class='resource-bg'></span> </div> </div> <div class='thumb-img-wrap'></div> <div class='resource-info-wrap'> <div class='resource-info'> <div class='bg-loader mt5 mb5'></div> <div class='bg-loader width-75 mb10'></div> <div class='bg-loader width-25 height-50 mb10 inline'></div> <div class='bg-loader width-25 height-50 mb10 inline'></div> <div class='bg-loader width-25 height-50 mb10 inline'></div> </div> </div> </div> </div> <div class='col-lg-4 col-sm-6 col-xs-12 search-result-item thumbnail-card'> <div class='panel panel-default panel-resource'> <div class='resource-type-banner'> <div class='type-resource type-lesson-plan type-loading'> <span class='resource-bg'></span> </div> </div> <div class='thumb-img-wrap'></div> <div class='resource-info-wrap'> <div class='resource-info'> <div class='bg-loader mt5 mb5'></div> <div class='bg-loader width-75 mb10'></div> <div class='bg-loader width-25 height-50 mb10 inline'></div> <div class='bg-loader width-25 height-50 mb10 inline'></div> <div class='bg-loader width-25 height-50 mb10 inline'></div> </div> </div> </div> </div> <div class='col-lg-4 col-sm-6 col-xs-12 search-result-item thumbnail-card'> <div class='panel panel-default panel-resource'> <div class='resource-type-banner'> <div class='type-resource type-lesson-plan type-loading'> <span class='resource-bg'></span> </div> </div> <div class='thumb-img-wrap'></div> <div class='resource-info-wrap'> <div class='resource-info'> <div class='bg-loader mt5 mb5'></div> <div class='bg-loader width-75 mb10'></div> <div class='bg-loader width-25 height-50 mb10 inline'></div> <div class='bg-loader width-25 height-50 mb10 inline'></div> <div class='bg-loader width-25 height-50 mb10 inline'></div> </div> </div> </div> </div> </div> </div> <div class='thumbnail-view-loader tiled-view-loader px-3'> <div class='row cb-open grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-3 gap-4 md:gap-6 lg:gap-7 2xl:gap-8'> <div class='search-result-item thumbnail-card'> <div class='panel panel-default panel-resource'> <div class='resource-card-loader'></div> </div> </div> <div class='search-result-item thumbnail-card'> <div class='panel panel-default panel-resource'> <div class='resource-card-loader'></div> </div> </div> <div class='search-result-item thumbnail-card'> <div class='panel panel-default panel-resource'> <div class='resource-card-loader'></div> </div> </div> </div> <div class='row cb-closed grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-3 gap-4 md:gap-6 lg:gap-7 2xl:gap-8'> <div class='search-result-item thumbnail-card'> <div class='panel panel-default panel-resource'> <div class='resource-card-loader'></div> </div> </div> <div class='search-result-item thumbnail-card'> <div class='panel panel-default panel-resource'> <div class='resource-card-loader'></div> </div> </div> <div class='search-result-item thumbnail-card'> <div class='panel panel-default panel-resource'> <div class='resource-card-loader'></div> </div> </div> </div> </div> </div> <div class='text-center' id='search-pagination'> <div role="navigation" aria-label="Pagination" class="pagination"><ul class="pagination"><li class="prev previous_page "><a rel="prev" href="/search?concept_ids%5B%5D=277386&keywords=&page=9&search_tab_id=2">← Previous</a></li> <li><a rel="" href="/search?concept_ids%5B%5D=277386&keywords=&search_tab_id=2">1</a></li> <li class="disabled"><a href="#">…</a></li> <li><a rel="prev" href="/search?concept_ids%5B%5D=277386&keywords=&page=9&search_tab_id=2">9</a></li> <li class="active"><a rel="" href="/search?concept_ids%5B%5D=277386&keywords=&page=10&search_tab_id=2">10</a></li> <li><a rel="next" href="/search?concept_ids%5B%5D=277386&keywords=&page=11&search_tab_id=2">11</a></li> <li class="disabled"><a href="#">…</a></li> <li><a rel="" href="/search?concept_ids%5B%5D=277386&keywords=&page=33&search_tab_id=2">33</a></li> <li class="next next_page "><a rel="next" href="/search?concept_ids%5B%5D=277386&keywords=&page=11&search_tab_id=2">Next →</a></li></ul></div> </div> </div> </div> <div class='w-full hidden' id='iframe-area'></div> <div id='builder-placeholder'></div> </div> </div> </div> </div> <div id='content-bottom'> </div> </div> </div> </div> </div> <footer id='footer'> <footer class='lp-footer-top px-5' role='contentinfo'> <div class='footer-container clearfix relative max-w-7xl mx-auto'> <div class='lp-logo-col col-sm-3'> <div class='logo-box'> <a class="lp-footer-logo" aria-label="Lesson Planet - Go to homepage" href="/"><svg aria-label='Lesson Planet logo' fill='none' height='32' id='lp-footer-logo' role='img' viewbox='0 0 570 64' width='285' xmlns='http://www.w3.org/2000/svg'> <path d='M32.05 63.1c17.091 0 30.946-13.854 30.946-30.945S49.141 1.209 32.05 1.209c-17.09 0-30.946 13.855-30.946 30.946C1.104 49.245 14.96 63.1 32.05 63.1Z' fill='url(#a)'></path> <path clip-rule='evenodd' d='M41.873 9.127c-.253 0-.516 0-.647-.087-.14-.088-.218-.298-.218-.472 0-.166-.306-.55-.437-.647-.131-.087-.297-.253-.56-.253-.253 0-.463-.219-.594-.219l-.778.044c-.087.052-.384-.236-.646-.236-.271 0-1.294-.088-1.425-.088l-.646.245c.043.087.174.63.087.804-.087.175.35.087.218.219l-.35.515s-.13-.148-.349-.105c-.218.044-.647.131-.69.044-.044-.079-.254-.218-.219-.603.053-.385 0-.516-.166-.56-.175-.043-.437-.384-.524-.515-.079-.131-.297-.428-.463-.35-.175.088-.175.219-.306.306l-.437.298.437.305.35.254c0 .087 0 1.162-.175.952-.166-.218-.21-.305-.429-.305-.218 0-.437-.132-.603-.08-.174.045-.253.35-.472.385-.218.044-.087.254-.35.254-.253 0-.82-.131-.908-.254l.306-.35s.166-.253.384-.087c.219.175.437.132.437.132s.21-.516.044-.516c-.166 0-.384.087-.384-.087 0-.167-.175-.35.13-.385.298-.044.35-.131.385-.253l.35-.385c.13-.052.384-.131.515-.306.131-.166 0-.428-.21-.428-.218 0-.559.044-.655.079-.087.052-.044.052-.087.218-.044.175-.131.472-.332.472-.219 0-.525.218-.472-.044.043-.253.297-.218.384-.35l-.087-.471c-.088 0-.516.13-.734.13-.219 0-.56-.13-.56.088 0 .21.306.297.254.429-.044.13 0 .393-.21.393-.218 0-.821-.026-.952-.026s-.131.297-.394.384c-.253.087-.515 0-.681.131-.175.131-.306.219-.306.472 0 .254.384.35.384.516 0 .175 0 .218-.078.253l-.35.053c0-.131-.052-.437-.306-.394-.253.053-1.721.14-2.027 0-.298-.122-.988-.253-1.81-.166-.82.088-1.25.254-1.642.254-.385 0-1.119-.254-1.46-.429-.35-.174-2.027-.35-2.246-.35-.218 0-.35-.086-.647-.086-.305 0-1.511.471-1.896.471s-1.94.385-2.027.516c-.088.131-.088.909-.56.953-.472.052-1.206.218-1.372.218-.175 0-.131-.044-.175.175-.043.21.175.297.306.297s.9-.044.647.218c-.254.254-.376.245-.455.245h-.35c-.218 0-.952-.13-.995 0-.044.131-.044.254-.21.297-.175.044-.175.219-.393.254-.21.052-.333.052-.333.218v.56c0 .13.21 0 .385.218.166.21.35.35.35.35l.35.35c-.088.078-.604.288-.91.2-.306-.087-1.118.35-1.46.35-.349 0-.436.079-.602.166-.175.087-.472.253-.472.253l-.271.306c-.131 0 .27.131.35-.052.087-.166.218-.297.305-.297.088 0 .35 0 .56-.044.21-.053.734.044.9-.053.175-.087.472-.043.524-.166.044-.13.166-.174.332-.174.175 0 .603.052.822-.044.218-.096.56-.219.69-.306l.472-.21.219-.393c.13-.079.35-.384.515-.384.175 0 .822.087 1.162 0 .35-.088.604-.35.822-.437.219-.08.56-.044.69 0 .132.052 1.285.507 1.46.507.166 0 .166.052.166.218 0 .175.306.35.35.437l.052.253c-.087.044-.393.044-.35.219.044.166.551.297.516.384l.219.219c.087.131.218.507.13.673-.087.175 0 .384-.13.472l-.254.384v.219c-.131.043-.218.437.044.603.253.174 1.04.13.821.218-.218.088-.559.131-.515.437.043.297-.219.874-.35.996-.131.131-.218.088-.35.306-.13.219.088.472-.174.516-.254.052-.35.175-.429.35-.087.174-.35.664-.471.699-.131.052-.131.27-.131.437 0 .166.13.734.13.909 0 .166-.13 1.206.044 1.372.175.174.437-.044.56.253.13.306.297.175.297.437 0 .253-.044.77.052.988.079.218 0 .734.131.777.131.044.254.219.297.385.053.166.053.516.132.56.087.043.305.13.35.296.051.175-.132.385.051.603.167.219.35.394.429.603.087.219.052.306.218.394.175.078.219-.088.219-.088v-.69l-.306-.254c-.079-.043-.131-.375-.131-.541 0-.175-.044-.778-.166-.822l-.385-.218v-.77s-.175-.35 0-.393c.166-.043.472-.13.472 0 0 .131.079.254.079.437 0 .166.052.385.052.56 0 .166-.052.35.079.35l.27.165c0 .131.044.437.21.472.175.044.219.218.219.35 0 .13.253.673.437.541.166-.13.087.219.131.306l.166.131c.044.08.306.367.306.586 0 .218-.175 1.337 0 1.477.166.131.384.297.515.297l.35.35c.087.13.822.218 1.162.437.35.21.604.384.77.384.174 0 .471-.384.69-.253.218.13.603.253.69.472.088.21.219.428.437.428.21 0 .734 0 .734.13 0 .132.166.525.429.438.27-.087.559-.219.603.13.052.35.524.132.524.473 0 .34.044.472.219.603.166.131.297.052.297.253 0 .219 0 .306.174.306.166 0 .21.096.516.227.297.131.385.166.472.166.087 0 .087-.043.253-.078.166-.053.437-.306.437-.306s.079-.131.254-.044c.166.079.734.953.987.77.254-.167.254-.298.254-.473 0-.166-.297-.043-.472-.166-.166-.13-.35-.27-.35-.27s0-.403-.402-.403-.533.542-.813.402c-.27-.14-.13-.533-.533-.533-.402 0-.402-.28-.402-.812 0-.542.542-.813.271-1.215-.27-.402-.393-.673-.804-.673-.402 0-.813.402-.952.14-.131-.28-.402-.28 0-.673.402-.402.813-1.486.542-1.486-.28 0-.402-.402-.673-.28-.28.14-.28.542-.542.673-.271.14-.673.542-.673.542s-.14.14-.542.14-1.066.053-1.154-.376c-.078-.437-.471-.786-.471-.882l.087-.822c.131-.044.472-.638.472-.856 0-.219.087-.516.253-.647.175-.131.254-.437.254-.437s.27-.384.559-.516c.306-.13.655-.437.857-.306.218.132.559.472.777.472.219 0 .472-.218.56-.428.078-.218.515-.218.734-.218.218 0 .821.078.821.297 0 .218.21.27.385.306.166.043.166.218.384.384.219.175.088.603.088.778 0 .166.043.297.087.385.044.087.079.218.297.087.219-.14.254-.14.35-.35.017-.06-.158-1.346-.227-1.573-.14-.402-.132-.69.157-.97.28-.288.393-.166.839-.393.445-.227.952-.918 1.346-1.031.384-.105.725-.9.725-1.058 0-.166.332-.961.673-1.18.332-.227.953-.27 1.18-.314.227-.061.393-.62.393-.734 0-.105.332-.332.55-.446.228-.122.56-.227.674-.227.122 0 .166-.393.506-.227.333.166.123.227.62.288.508.053 1.224-.061 1.224-.061l.394-.56c.105-.104.384-.332-.289-.384-.673-.061-.952.052-1.005-.122-.052-.166.061-.84-.105-.84-.166 0-.445-.052-.218-.331.218-.28.612-.507.996-.385.393.105 1.678-.166 1.74-.061.06.122 0-.525.331-.358.332.166.28.332.56.332s.332-.332.445-.385l-.393-1.232c-.105 0-.55-.28-.673-.507-.105-.227 0-.839-.105-1.005-.104-.166-.393-.612-.559-.612-.157 0-.157.227-.385.332-.227.105-.393.28-.62.227-.218-.06-.218-.393-.218-.838 0-.455-.28-.455-.507-.507-.228-.062-.332-.332-.673-.289-.332.061-1.119.166-1.119.455 0 .28-.061.445-.227.55-.166.123-.507.289-.56.62-.052.333.228 1.338-.384 1.338-.62 0-.673-.053-.734.227-.061.28-.385.56-.385.56s-.166.611-.506.55c-.333-.052-.394-.28-.333-.55.053-.289.333-.228.385-.455.061-.219-.332-.332-.507-.332-.166 0-.673 0-.778-.28-.105-.28-.393-.611-.611-.611-.228 0-.735-.394-.735-.394s-.166-.105-.166-.28c0-.174.332-.506.446-.559.122-.052.227-.28.332-.446.123-.165.332-.28.673-.393.332-.105.393-.166.62-.218.22-.061.333-.061.551-.061.227 0 .455-.28.62-.332.158-.062.35-.245.525-.376.166-.131.253-.166.516-.385.253-.218.297-.35.603-.35s.515.167.821.132a.545.545 0 0 0 .472-.472c.044-.219.131-.778.21-.822.087-.043.306-.13.524-.13.219 0 .734-.088.734.087 0 .166.472.603.56.603.078 0 .21.043.078.253-.13.219-.044.306-.253.385-.219.087-.56.174-.647.253-.087.087-.087.175-.306.218-.21.053-.55.175-.769.132-.218-.044-.306.087-.306.174 0 .079.14.254.306.166.166-.087 1.04.219 1.119.175.087-.052.13-.052.253.166.131.219.219.437.35.437.13 0 .384.131.56.131.174 0 .349.131.471.079.131-.044.385-.131.385-.332 0-.219.306-.219.306-.472 0-.271-.14-.69 0-.778l.384.175c.044.079.245.166.42.079.166-.08.603-.08.603-.298-.018-.183.104-.655-.15-.655ZM51.538 8.227c-.122-.184-3.863-3.242-6.266-4.073-.2.027-.996.97-1.354 1.145-.367.192-.193.192-.542.192-.367 0-.455-.183-.63 0-.174.175-.27.446-.27.446s.174.455.358.455c.175 0 .63-.175.63-.175s.453.175.724.175h.63s.454.174.358.454c-.087.27-.271.813 0 .9.28.088.454 0 .454.175s.359.454.088.63c-.271.174.367.087.087.357-.27.28-.629.368-.813.455-.174.087-.358.175-.358.367 0 .175.271.175.271.446 0 .28-.175.542 0 .812.175.28.367.28.367.542 0 .271.271.367.446.367s.454 0 .454.175.175.271.359.175c.192-.088.096-.454.367-.542.27-.087.541-.446.541-.446l.359-.541s.367-.726.629-.726c.271 0 .542.087.813.087.27 0 .725-.087.725-.27 0-.175.087-.28.271-.28.192 0 .455-.27.455-.27l.28-.176c-.018.018.68-.664.567-.856ZM60.855 21.38c-.367.245-1.066.979-1.424 1.154-.368.174-.097.087-.455.174-.367.088-.988.088-.988-.087 0-.184-.192-.184-.454.087-.271.271-.087.367-.367.455-.27.087-.358 0-.63.27-.27.271-.445.359-.445.63 0 .27.175.542-.087.9-.28.367-.184.542-.455.63-.27.087-.542 0-.725.366-.175.359-.542.446-.542.813 0 .358-.175.708-.358.708-.175 0-.088.367-.367.542-.271.183-.175.28-.175.542 0 .27.367.629.367.629s.087.454.087.725c0 .271.175.603-.087.69-.28.088-.184.368-.367.542-.175.175-.271.726-.088.988.175.28.63.175.726.542.087.367.175.813.454.9.271.087.359.813.533.909.184.087.542 0 .542.358s.088.175.271.358c.184.184.63.455.822.455.174 0 .629.087.812 0 .175-.087.542-.271.813-.271.271 0 .542.27.9.27.367 0 .726-.453.9-.54.193-.088.63-.447.997-.176.358.271.358.63.725.726.454.122.009-.044.752.14.646.174.646-8.853-1.687-14.43Z' fill='#105B90' fill-rule='evenodd'></path> <path clip-rule='evenodd' d='M45.812 39.854c-.804-.332-1.206-1.101-1.608-1.101-.402 0-1.276.21-1.407 0-.14-.201-.874-.892-1.416-.822-.533.062-1.136.132-.996-.07.13-.21.27-.471.2-1.074-.07-.603-.672-1.477-1.135-1.477-.472 0-1.005.2-1.538-.14-.542-.324-1.276-1.757-1.608-1.757-.333 0-1.95.201-2.552-.402-.603-.603-1.276-.533-1.678-.463-.393.07-.927.996-1.267 1.136-.332.14-.673.97-.673.97s.244 1.224-.734 2.465c-.988 1.232-.743 1.485-.743 2.464 0 .988.498 1.975 1.223 2.473.743.481.988.98.988 1.477 0 .498.743 1.233 1.485 1.486.735.245.98 1.232.98 1.966 0 .743.244 4.93.244 4.93s.498 4.194.743 4.43c.245.245 0 1.232 0 1.232s-.245 0 0 .743.987 2.211 1.721 2.71c.743.498 2.474.742 2.474.742s0-.987-.743-1.73c-.743-.734 0-.979 0-1.468 0-.498-.743-.498-.743-1.232 0-.743.498-.988.498-1.477 0-.499.743 0 .498-.743-.244-.743.245-.498.988-.743.734-.245.498-.743.498-.743s-.122-.175-.122-.516c0-.332.804-.14 1.206-.812.402-.664.874-.734 1.075-1.87.2-1.146-.333-1.679.332-1.95.664-.27.856-.672 1.669-.742.804-.07.874-1.067 1.066-1.538.21-.464.21-1.862.21-2.185 0-.332.393-.472.804-1.075.402-.603 1.005-1.066.935-1.88-.07-.812-.07-.882-.874-1.214Z' fill='#105B90' fill-rule='evenodd'></path> <path d='M83.97 50.395V16.949h3.898v29.757h24.41v3.688H83.971ZM117.589 50.394V16.948h30.929v3.723h-27.109V31.16h25.963v3.731h-25.963v11.772h27.109v3.732h-30.929ZM154.121 39.496h3.758c-.018.175-.027.376-.044.647a39.944 39.944 0 0 0-.043 1.328c0 2.098.646 3.557 1.939 4.379 1.294.83 3.714 1.232 7.262 1.232h8.198c4.265 0 7.044-.446 8.338-1.337 1.292-.9 1.94-2.613 1.94-5.139 0-2.115-.447-3.566-1.346-4.352-.9-.787-2.754-1.18-5.55-1.18h-13.275c-4.195 0-7.14-.69-8.826-2.08-1.696-1.38-2.543-3.767-2.543-7.14 0-3.443.961-5.855 2.901-7.236 1.932-1.38 5.471-2.089 10.619-2.089h7.13c3.89 0 6.625.166 8.189.48 1.555.316 2.779.866 3.671 1.644.717.655 1.249 1.52 1.59 2.587.341 1.066.525 2.412.525 4.029v.97h-3.758v-.525c0-2.193-.498-3.688-1.495-4.457-.987-.76-3.085-1.153-6.292-1.153h-10.715c-3.26 0-5.452.393-6.589 1.188-1.136.795-1.696 2.255-1.696 4.387 0 2.15.552 3.636 1.653 4.44 1.109.813 3.399 1.215 6.886 1.215h11.291c2.456 0 4.317.105 5.558.314 1.241.21 2.237.56 2.99 1.031a5.551 5.551 0 0 1 2.306 2.832c.455 1.215.682 2.98.682 5.296 0 3.723-.935 6.31-2.814 7.778s-5.27 2.202-10.164 2.202h-10.653c-4.221 0-7.228-.681-9.019-2.036-1.8-1.354-2.691-3.61-2.691-6.755 0-.42.016-1.136.06-2.142.009-.14.009-.27.027-.358ZM195.781 39.496h3.758a8.927 8.927 0 0 0-.044.647 40.83 40.83 0 0 0-.044 1.328c0 2.098.647 3.557 1.941 4.379 1.293.83 3.713 1.232 7.253 1.232h8.206c4.265 0 7.045-.446 8.337-1.337 1.294-.9 1.941-2.613 1.941-5.139 0-2.115-.446-3.566-1.347-4.352-.908-.787-2.752-1.18-5.548-1.18h-13.276c-4.194 0-7.139-.69-8.826-2.08-1.696-1.38-2.543-3.767-2.543-7.14 0-3.443.961-5.855 2.892-7.236 1.932-1.38 5.48-2.089 10.627-2.089h7.131c3.89 0 6.625.166 8.189.48 1.555.316 2.779.866 3.671 1.644.717.655 1.249 1.52 1.59 2.587.341 1.066.524 2.412.524 4.029v.97h-3.757v-.525c0-2.193-.498-3.688-1.494-4.457-.988-.76-3.086-1.153-6.293-1.153h-10.715c-3.259 0-5.453.393-6.589 1.188-1.136.795-1.696 2.255-1.696 4.387 0 2.15.552 3.636 1.652 4.44 1.11.813 3.4 1.215 6.887 1.215h11.291c2.456 0 4.308.105 5.559.314 1.24.21 2.237.56 2.988 1.031a5.548 5.548 0 0 1 2.307 2.832c.454 1.215.682 2.98.682 5.296 0 3.723-.935 6.31-2.814 7.778s-5.27 2.202-10.164 2.202h-10.653c-4.221 0-7.228-.681-9.019-2.036-1.8-1.354-2.7-3.61-2.7-6.755 0-.42.025-1.137.061-2.142.009-.14.017-.27.035-.358ZM251.957 50.796c-3.365 0-5.847-.175-7.455-.524-1.599-.35-2.91-.953-3.924-1.81-1.136-.96-1.94-2.219-2.438-3.775-.507-1.555-.752-3.618-.752-6.16V29.41c0-2.788.254-4.999.734-6.65.498-1.644 1.294-2.937 2.413-3.88.995-.84 2.315-1.443 3.958-1.801 1.635-.358 4.117-.542 7.42-.542h10.496c3.312 0 5.776.184 7.428.542 1.635.358 2.946.961 3.959 1.8 1.075.918 1.879 2.185 2.386 3.81.507 1.617.76 3.732.76 6.319v9.325c0 2.604-.262 4.71-.76 6.327-.507 1.617-1.302 2.884-2.386 3.802-1.005.856-2.298 1.46-3.897 1.809-1.591.35-4.082.524-7.481.524h-10.461Zm12.314-30.57H250.06c-2.036 0-3.601.192-4.692.56-1.102.375-1.95.996-2.57 1.87-.446.629-.761 1.372-.953 2.228-.183.865-.271 2.299-.271 4.308v8.784c0 2 .088 3.443.271 4.3.192.864.507 1.607.953 2.237.62.873 1.477 1.494 2.57 1.861 1.1.376 2.665.568 4.692.568h14.211c2.018 0 3.583-.192 4.683-.568 1.093-.367 1.959-.988 2.578-1.861.42-.603.717-1.311.91-2.15.183-.83.27-2.124.27-3.872v-9.814c0-1.774-.087-3.067-.27-3.889-.193-.822-.49-1.53-.91-2.133-.619-.873-1.485-1.494-2.578-1.87-1.1-.375-2.665-.559-4.683-.559ZM288.251 50.394h-3.907V16.948h6.144l28.394 29.627V16.948h3.88v33.446h-5.699l-28.812-30.09v30.09Z' fill='#ED8423'></path> <path d='M341.922 50.394h-3.907V16.948h21.84c4.989 0 8.293.568 9.892 1.696 1.599 1.145 2.412 3.225 2.412 6.248v4.379c0 3.032-.804 5.095-2.403 6.222-1.591 1.127-4.894 1.687-9.901 1.687h-17.933v13.214Zm0-16.98h19.051c2.823 0 4.702-.36 5.619-1.076.927-.716 1.381-2.228 1.381-4.544v-1.59c0-2.308-.454-3.82-1.381-4.545-.917-.717-2.796-1.075-5.619-1.075h-19.051v12.83ZM378.449 50.394V16.948h3.897v29.758h24.41v3.688h-28.307Z' fill='#fff'></path> <path d='M405.778 50.394 424 16.94h5.199l18.274 33.454h-4.133l-4.116-7.376h-24.977l-4.011 7.376h-4.458Zm10.356-10.898h21.184L426.647 20.26l-10.513 19.236ZM455.601 50.394h-3.898V16.948h6.135l28.394 29.627V16.948h3.89v33.446h-5.699l-28.822-30.09v30.09ZM498.277 50.394V16.948h30.93v3.723h-27.11V31.16h25.964v3.731h-25.964v11.772h27.11v3.732h-30.93ZM552.038 50.394h-3.898V20.67h-15.556v-3.723h35.01v3.723h-15.556v29.723Z' fill='#fff'></path> <defs> <radialgradient cx='0' cy='0' gradienttransform='translate(31.044 27.238) scale(30.9422)' gradientunits='userSpaceOnUse' id='a' r='1'> <stop offset='.173' stop-color='#fff'></stop> <stop offset='.414' stop-color='#FCFCFC'></stop> <stop offset='.6' stop-color='#F2F3F3'></stop> <stop offset='.766' stop-color='#E2E3E4'></stop> <stop offset='.921' stop-color='#CBCCCE'></stop> <stop offset='1' stop-color='#BCBEC0'></stop> </radialgradient> </defs> </svg> </a><div class='copyright-text'> © 1999-2026 Learning Explorer, Inc. <div class='copyright-subtext'> Teacher Lesson Plans, Worksheets and Resources </div> </div> </div> <div class='newsletter-box'> <h3 class='text' style='font-size: 1rem; font-weight: 600; margin-bottom: 0.5rem;'>Sign up for the Lesson Planet Monthly Newsletter</h3> <div class='form-group'> <div class='input-group'></div> <form class="new_email_subscription" id="new_email_subscription" aria-label="Newsletter subscription form" action="/free-resources/subscription" accept-charset="UTF-8" data-remote="true" method="post"><input name="utf8" type="hidden" value="✓" autocomplete="off" /><label class="sr-only" for="email_subscription_email">Your Email</label> <input x-autocompletetype="email" class="lp-newsletter-email-input form-control required email" placeholder="Your Email" type="email" autocomplete="email" autocorrect="off" autocapitalize="off" spellcheck="false" aria-label="Email address" aria-required="true" name="email_subscription[email]" id="email_subscription_email" /> <button aria-label='Subscribe to newsletter' class='lp-newsletter-email-submit' type='Submit' value='Send'> Send </button> </form></div> </div> </div> <div class='lp-oer-col col-sm-3'> <h3 class='footer-col-title'> <i aria-hidden='true' class='fa-solid fa-plus'></i> <i aria-hidden='true' class='fa-solid fa-minus'></i> Open Educational Resources <span class='hidden-xs'>(OER)</span> </h3> <div class='row footer-col-content'> <div class='col-xs-6'> <ul> <li><a title="Health" href="/lesson-plans/health">Health</a></li> <li><a title="Language Arts" href="/lesson-plans/language-arts">Language Arts</a></li> <li><a title="Languages" href="/lesson-plans/languages">Languages</a></li> <li><a title="Math" href="/lesson-plans/math">Math</a></li> <li><a title="Physical Education " href="/lesson-plans/physical-education">Physical Education</a></li> </ul> </div> <div class='col-xs-6'> <ul> <li><a title="Science" href="/lesson-plans/science">Science</a></li> <li><a title="Social Studies" href="/lesson-plans/social-studies">Social Studies</a></li> <li><a title="Special Education" href="/lesson-plans/special-education">Special Education</a></li> <li><a title="Visual and Performing Arts" href="/lesson-plans/visual-and-performing-arts">Visual and Performing Arts</a></li> </ul> </div> </div> <a class='lp-footer-view-all-lesson-plans-link' href='/lesson-plans'> View All Lesson Plans <i aria-hidden='true' class='lp-icon fa-solid fa-angle-right'></i> </a> </div> <div class='lp-resources-col col-sm-2'> <h3 class='footer-col-title'> <i aria-hidden='true' class='fa-solid fa-plus'></i> <i aria-hidden='true' class='fa-solid fa-minus'></i> Discover Resources </h3> <ul class='footer-col-content'> <li> <a href='/educator-edition?review-process'>Our Review Process</a> </li> <li> <a href='/us/videos?autoplay=review' rel='nofollow'>How it Works</a> </li> <li> <a href='/us/videos?autoplay=search' rel='nofollow'>How to Search</a> </li> <li> <a href='/us/videos?autoplay=collections_how_to' rel='nofollow'>Create a Collection</a> </li> </ul> </div> <div class='lp-curriculum-col col-sm-2'> <h3 class='footer-col-title'> <i aria-hidden='true' class='fa-solid fa-plus'></i> <i aria-hidden='true' class='fa-solid fa-minus'></i> Manage Curriculum </h3> <ul class='footer-col-content'> <li> <a href='/us/videos?autoplay=collections_edit' rel='nofollow'>Edit a Collection</a> </li> <li> <a href='/us/videos?autoplay=how_to_share_collections' rel='nofollow'>Assign to Students</a> </li> <li> <a href='/us/videos?autoplay=curriculum_manager' rel='nofollow'>Manage My Content</a> </li> <li> </li> </ul> </div> </div> </footer> <div class='lp-footer-bottom px-5'> <div class='footer-container clearfix relative max-w-7xl mx-auto'> <a class='lp-footer-contact-link lp-bottom-footer-link' href='/contact-us'> Contact Us </a> <a class='lp-bottom-footer-link' href='/lp-content/site_map'> Site Map </a> <a class='lp-bottom-footer-link' href='/privacy-policy' rel='nofollow'> Privacy Policy </a> <a class='lp-bottom-footer-link' href='/terms-of-use' rel='nofollow'> Terms of Use </a> <div class='lp-footer-social-links'> <a aria-label='Visit Lesson Planet on Facebook (opens in new window)' href='https://www.facebook.com/LessonPlanet' rel='noopener noreferrer' target='_blank'> <i aria-hidden='true' class='lp-icon fa-brands fa-facebook-f'></i> </a> <a aria-label='Visit Lesson Planet on Twitter (opens in new window)' href='https://twitter.com/lessonplanet' rel='noopener noreferrer' target='_blank'> <i aria-hidden='true' class='lp-icon fa-brands fa-twitter'></i> </a> <a aria-label='Visit Lesson Planet on LinkedIn (opens in new window)' href='https://www.linkedin.com/company/lesson-planet' rel='noopener noreferrer' target='_blank'> <i aria-hidden='true' class='lp-icon fa-brands fa-linkedin-in'></i> </a> <a aria-label='Visit Lesson Planet on YouTube (opens in new window)' href='https://www.youtube.com/user/lessonplanet' rel='noopener noreferrer' target='_blank'> <i aria-hidden='true' class='lp-icon fa-brands fa-youtube'></i> </a> <a aria-label='Visit Lesson Planet on Pinterest (opens in new window)' href='https://pinterest.com/lessonplanet/' rel='noopener noreferrer' target='_blank'> <i aria-hidden='true' class='lp-icon fa-brands fa-pinterest'></i> </a> </div> </div> </div> </footer> </div> </div> <div id='posthog-data'> </div> <script type="text/javascript"> window.LP = { onLoad: [], config: {"logged_in":false,"cobb":false,"search_autocomplete_path":"/search/autocomplete","directory_path":"/lesson-plans","new_subscription_path":"/subscription/new","analytics_track_path":"/analytics/track","currentUserId":null,"userEmail":null,"hideModals":true,"firewall_token_param":"le_resource_origin","new_ui_toggle_enabled":true,"use_new_ui":false,"search_params":{"search_tab_id":"2","concept_ids":[277386],"keywords":""},"search_sortables":{"relevance":"Relevance","ccss_affiliation":"Common Core","newest":"Newest","rating":"Curator Rating","views":"Views"},"free_resource_ids":[],"standard_info_path":"/search/standard_info","modal_path":"/modal/NAME","search_path":"/search","facets_path":"/search/facets","load_more_path":"/search/load_more","my_preferences_path":"/my/preferences","login_path":"/auth/users/sign_in","withInfiniteScroll":false,"panels_path":"/search/panels.json","toggle_facet_state_path":"/search/toggle_facet_state.json","initial_counts":"785","search_total_pages":2,"search_current_page":10,"initial_search_results":[{"kind":"resource","id":5220153,"type":"boclips_video_metadata","locked":false,"data":{"outerClasses":null,"dataAttributes":{"url":"/boclips/videos/643fe910e6dbf8220dd78ff4","video_url":"/boclips/videos/643fe910e6dbf8220dd78ff4","title":"Modern Web Design with HTML5, CSS3, and JavaScript - HTML Meta Tags and Their Functions","id":"643fe910e6dbf8220dd78ff4","type":"Boclips::Video","item":{"type":"CollectionItemVideo"},"is_require_teacher_acknowledgment":"false"},"addToBuilder":{"show":false,"data":{}},"typeIcon":{"containerClass":null,"typeClass":"type-instructional-video","primaryTypeName":"Instructional Video","showPrimaryTypeName":true,"resourceShadow":true,"variant":"standard","fileIconClass":"file-icon file-video","contentTypeIcon":"fa-brands fa-youtube"},"banner":{"containerClass":null,"typeClass":"type-instructional-video","variant":"standard","folderOuterIcon":null,"folderInnerIcon":null,"primaryTypeName":"Instructional Video","showPrimaryTypeName":true,"primaryTypeIcon":"fa-circle-play","typeIcon":"fa-solid fa-circle-play mr5","showVideoDuration":true,"videoDuration":"5:45","resourceBackground":true},"counts":{"kind":"none"},"previewImage":{"placeholder":"data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs","dataSrc":"https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_hc0fu9ak/width/250/vid_slices/3/vid_slice/1","defaultImage":"https://static.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png","alt":"Modern Web Design with HTML5, CSS3, and JavaScript - HTML Meta Tags and Their Functions Instructional Video","title":"Modern Web Design with HTML5, CSS3, and JavaScript - HTML Meta Tags and Their Functions Instructional Video","width":315,"height":220,"className":"resource-img img-thumbnail img-responsive lozad","dataAttributes":{"default_image":"https://static.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png"}},"anchor":{"variant":"link","href":"/boclips/videos/643fe910e6dbf8220dd78ff4","folderOuterIcon":null,"folderInnerIcon":null,"title":"Modern Web Design with HTML5, CSS3, and JavaScript - HTML Meta Tags and Their Functions Instructional video","dataAttributes":{}},"title":{"text":"Modern Web Design with HTML5, CSS3, and JavaScript - HTML Meta Tags and Their Functions","html":"Modern Web Design with HTML5, CSS3, and JavaScript - HTML Meta Tags and Their Functions","titleAttribute":"Modern Web Design with HTML5, CSS3, and JavaScript - HTML Meta Tags and Their Functions Instructional video","classNames":["resource-title"]},"publisher":{"visible":true,"name":"Curated Video","nearParents":false},"ratings":{"show":false,"value":4.0},"badges":{"sensitive":null,"featured":null,"recommended":null,"editorPick":null},"freeSampleStamp":false,"availableForParents":{"show":false,"dataAttributes":{"toggle":"tooltip","placement":"top","title":"Parents have access"}},"meta":{"showAudience":false,"audience":"For Students","gradeRange":"Higher Ed","showStandards":false,"subject":"Career \u0026 Technical Education","showSubject":true,"videoLength":"5:45","showVideoLength":true},"description":{"text":"This video focuses on HTML meta tags and their functions.\u0026lt;br/\u0026gt; This clip is from the chapter \"Creating Web Pages with HTML5\" of the series \"Modern Web Design with HTML5, CSS3, and JavaScript\".This section demonstrates how to...","html":"This video focuses on HTML meta tags and their functions.\u003cbr/\u003e\u003c\u003cbr/\u003ebr/\u003e \u003cbr/\u003eThis clip is from the chapter \"Creating Web Pages with HTML5\" of the series \"Modern Web Design with HTML5, CSS3, and JavaScript\".This section demonstrates how to...","showSharedResourceTag":false,"showNewReviewTag":false,"newReviewTooltip":"Teacher-reviewed in the past 90 days."},"actions":{"showFooter":true,"locked":false,"buttons":[{"variant":"subscription","url":"/subscription/new?signup_resource_id=5220153","trackingData":{"track_click":"Search result free access button","track_label":"Search Page"},"remote":true}],"secondaryButtons":[{"variant":"card_path_review","url":"/boclips/videos/643fe910e6dbf8220dd78ff4"}],"footerMeta":{"showPublisher":true,"publisherName":"Curated Video","showParentsTag":false}},"isFolder":false}},{"kind":"resource","id":5220157,"type":"boclips_video_metadata","locked":false,"data":{"outerClasses":null,"dataAttributes":{"url":"/boclips/videos/643fe8fca0829f36839b8124","video_url":"/boclips/videos/643fe8fca0829f36839b8124","title":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Web Form","id":"643fe8fca0829f36839b8124","type":"Boclips::Video","item":{"type":"CollectionItemVideo"},"is_require_teacher_acknowledgment":"false"},"addToBuilder":{"show":false,"data":{}},"typeIcon":{"containerClass":null,"typeClass":"type-instructional-video","primaryTypeName":"Instructional Video","showPrimaryTypeName":true,"resourceShadow":true,"variant":"standard","fileIconClass":"file-icon file-video","contentTypeIcon":"fa-brands fa-youtube"},"banner":{"containerClass":null,"typeClass":"type-instructional-video","variant":"standard","folderOuterIcon":null,"folderInnerIcon":null,"primaryTypeName":"Instructional Video","showPrimaryTypeName":true,"primaryTypeIcon":"fa-circle-play","typeIcon":"fa-solid fa-circle-play mr5","showVideoDuration":true,"videoDuration":"6:12","resourceBackground":true},"counts":{"kind":"none"},"previewImage":{"placeholder":"data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs","dataSrc":"https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_10j5z3yz/width/250/vid_slices/3/vid_slice/1","defaultImage":"https://static.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png","alt":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Web Form Instructional Video","title":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Web Form Instructional Video","width":315,"height":220,"className":"resource-img img-thumbnail img-responsive lozad","dataAttributes":{"default_image":"https://static.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png"}},"anchor":{"variant":"link","href":"/boclips/videos/643fe8fca0829f36839b8124","folderOuterIcon":null,"folderInnerIcon":null,"title":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Web Form Instructional video","dataAttributes":{}},"title":{"text":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Web Form","html":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Web Form","titleAttribute":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Web Form Instructional video","classNames":["resource-title"]},"publisher":{"visible":true,"name":"Curated Video","nearParents":false},"ratings":{"show":false,"value":4.0},"badges":{"sensitive":null,"featured":null,"recommended":null,"editorPick":null},"freeSampleStamp":false,"availableForParents":{"show":false,"dataAttributes":{"toggle":"tooltip","placement":"top","title":"Parents have access"}},"meta":{"showAudience":false,"audience":"For Students","gradeRange":"Higher Ed","showStandards":false,"subject":"Career \u0026 Technical Education","showSubject":true,"videoLength":"6:12","showVideoLength":true},"description":{"text":"This video shows how to create a web form.\u0026lt;br/\u0026gt; This clip is from the chapter \"Creating a Single-page Website with a Sticky Bottom Navbar\" of the series \"Modern Web Design with HTML5, CSS3, and JavaScript\".This section explains...","html":"This video shows how to create a web form.\u003cbr/\u003e\u003c\u003cbr/\u003ebr/\u003e \u003cbr/\u003eThis clip is from the chapter \"Creating a Single-page Website with a Sticky Bottom Navbar\" of the series \"Modern Web Design with HTML5, CSS3, and JavaScript\".This section explains...","showSharedResourceTag":false,"showNewReviewTag":false,"newReviewTooltip":"Teacher-reviewed in the past 90 days."},"actions":{"showFooter":true,"locked":false,"buttons":[{"variant":"subscription","url":"/subscription/new?signup_resource_id=5220157","trackingData":{"track_click":"Search result free access button","track_label":"Search Page"},"remote":true}],"secondaryButtons":[{"variant":"card_path_review","url":"/boclips/videos/643fe8fca0829f36839b8124"}],"footerMeta":{"showPublisher":true,"publisherName":"Curated Video","showParentsTag":false}},"isFolder":false}},{"kind":"resource","id":5220164,"type":"boclips_video_metadata","locked":false,"data":{"outerClasses":null,"dataAttributes":{"url":"/boclips/videos/643fe8f171a6d926e95841e4","video_url":"/boclips/videos/643fe8f171a6d926e95841e4","title":"Modern Web Design with HTML5, CSS3, and JavaScript - Box Model – Exercise","id":"643fe8f171a6d926e95841e4","type":"Boclips::Video","item":{"type":"CollectionItemVideo"},"is_require_teacher_acknowledgment":"false"},"addToBuilder":{"show":false,"data":{}},"typeIcon":{"containerClass":null,"typeClass":"type-instructional-video","primaryTypeName":"Instructional Video","showPrimaryTypeName":true,"resourceShadow":true,"variant":"standard","fileIconClass":"file-icon file-video","contentTypeIcon":"fa-brands fa-youtube"},"banner":{"containerClass":null,"typeClass":"type-instructional-video","variant":"standard","folderOuterIcon":null,"folderInnerIcon":null,"primaryTypeName":"Instructional Video","showPrimaryTypeName":true,"primaryTypeIcon":"fa-circle-play","typeIcon":"fa-solid fa-circle-play mr5","showVideoDuration":true,"videoDuration":"3:35","resourceBackground":true},"counts":{"kind":"none"},"previewImage":{"placeholder":"data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs","dataSrc":"https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_iz82w7qb/width/250/vid_slices/3/vid_slice/1","defaultImage":"https://static.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png","alt":"Modern Web Design with HTML5, CSS3, and JavaScript - Box Model – Exercise Instructional Video","title":"Modern Web Design with HTML5, CSS3, and JavaScript - Box Model – Exercise Instructional Video","width":315,"height":220,"className":"resource-img img-thumbnail img-responsive lozad","dataAttributes":{"default_image":"https://static.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png"}},"anchor":{"variant":"link","href":"/boclips/videos/643fe8f171a6d926e95841e4","folderOuterIcon":null,"folderInnerIcon":null,"title":"Modern Web Design with HTML5, CSS3, and JavaScript - Box Model – Exercise Instructional video","dataAttributes":{}},"title":{"text":"Modern Web Design with HTML5, CSS3, and JavaScript - Box Model – Exercise","html":"Modern Web Design with HTML5, CSS3, and JavaScript - Box Model – Exercise","titleAttribute":"Modern Web Design with HTML5, CSS3, and JavaScript - Box Model – Exercise Instructional video","classNames":["resource-title"]},"publisher":{"visible":true,"name":"Curated Video","nearParents":false},"ratings":{"show":false,"value":4.0},"badges":{"sensitive":null,"featured":null,"recommended":null,"editorPick":null},"freeSampleStamp":false,"availableForParents":{"show":false,"dataAttributes":{"toggle":"tooltip","placement":"top","title":"Parents have access"}},"meta":{"showAudience":false,"audience":"For Students","gradeRange":"Higher Ed","showStandards":false,"subject":"Career \u0026 Technical Education","showSubject":true,"videoLength":"3:35","showVideoLength":true},"description":{"text":"This video presents a challenge to use the box model exercise.\u0026lt;br/\u0026gt; This clip is from the chapter \"Cascading Style Sheets (CSS) Challenges\" of the series \"Modern Web Design with HTML5, CSS3, and JavaScript\".This section introduces...","html":"This video presents a challenge to use the box model exercise.\u003cbr/\u003e\u003c\u003cbr/\u003ebr/\u003e \u003cbr/\u003eThis clip is from the chapter \"Cascading Style Sheets (CSS) Challenges\" of the series \"Modern Web Design with HTML5, CSS3, and JavaScript\".This section introduces...","showSharedResourceTag":false,"showNewReviewTag":false,"newReviewTooltip":"Teacher-reviewed in the past 90 days."},"actions":{"showFooter":true,"locked":false,"buttons":[{"variant":"subscription","url":"/subscription/new?signup_resource_id=5220164","trackingData":{"track_click":"Search result free access button","track_label":"Search Page"},"remote":true}],"secondaryButtons":[{"variant":"card_path_review","url":"/boclips/videos/643fe8f171a6d926e95841e4"}],"footerMeta":{"showPublisher":true,"publisherName":"Curated Video","showParentsTag":false}},"isFolder":false}},{"kind":"resource","id":5220169,"type":"boclips_video_metadata","locked":false,"data":{"outerClasses":null,"dataAttributes":{"url":"/boclips/videos/643fe8eba0829f36839b8119","video_url":"/boclips/videos/643fe8eba0829f36839b8119","title":"Modern Web Design with HTML5, CSS3, and JavaScript - Adding Copyright to the Footer","id":"643fe8eba0829f36839b8119","type":"Boclips::Video","item":{"type":"CollectionItemVideo"},"is_require_teacher_acknowledgment":"false"},"addToBuilder":{"show":false,"data":{}},"typeIcon":{"containerClass":null,"typeClass":"type-instructional-video","primaryTypeName":"Instructional Video","showPrimaryTypeName":true,"resourceShadow":true,"variant":"standard","fileIconClass":"file-icon file-video","contentTypeIcon":"fa-brands fa-youtube"},"banner":{"containerClass":null,"typeClass":"type-instructional-video","variant":"standard","folderOuterIcon":null,"folderInnerIcon":null,"primaryTypeName":"Instructional Video","showPrimaryTypeName":true,"primaryTypeIcon":"fa-circle-play","typeIcon":"fa-solid fa-circle-play mr5","showVideoDuration":true,"videoDuration":"5:09","resourceBackground":true},"counts":{"kind":"none"},"previewImage":{"placeholder":"data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs","dataSrc":"https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_dmddynrh/width/250/vid_slices/3/vid_slice/1","defaultImage":"https://static.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png","alt":"Modern Web Design with HTML5, CSS3, and JavaScript - Adding Copyright to the Footer Instructional Video","title":"Modern Web Design with HTML5, CSS3, and JavaScript - Adding Copyright to the Footer Instructional Video","width":315,"height":220,"className":"resource-img img-thumbnail img-responsive lozad","dataAttributes":{"default_image":"https://static.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png"}},"anchor":{"variant":"link","href":"/boclips/videos/643fe8eba0829f36839b8119","folderOuterIcon":null,"folderInnerIcon":null,"title":"Modern Web Design with HTML5, CSS3, and JavaScript - Adding Copyright to the Footer Instructional video","dataAttributes":{}},"title":{"text":"Modern Web Design with HTML5, CSS3, and JavaScript - Adding Copyright to the Footer","html":"Modern Web Design with HTML5, CSS3, and JavaScript - Adding Copyright to the Footer","titleAttribute":"Modern Web Design with HTML5, CSS3, and JavaScript - Adding Copyright to the Footer Instructional video","classNames":["resource-title"]},"publisher":{"visible":true,"name":"Curated Video","nearParents":false},"ratings":{"show":false,"value":4.0},"badges":{"sensitive":null,"featured":null,"recommended":null,"editorPick":null},"freeSampleStamp":false,"availableForParents":{"show":false,"dataAttributes":{"toggle":"tooltip","placement":"top","title":"Parents have access"}},"meta":{"showAudience":false,"audience":"For Students","gradeRange":"Higher Ed","showStandards":false,"subject":"Career \u0026 Technical Education","showSubject":true,"videoLength":"5:9","showVideoLength":true},"description":{"text":"This video shows how to add copyright to the footer.\u0026lt;br/\u0026gt; This clip is from the chapter \"Creating a Website from Scratch with a Fat Footer Design using the Flex Property\" of the series \"Modern Web Design with HTML5, CSS3, and...","html":"This video shows how to add copyright to the footer.\u003cbr/\u003e\u003c\u003cbr/\u003ebr/\u003e \u003cbr/\u003eThis clip is from the chapter \"Creating a Website from Scratch with a Fat Footer Design using the Flex Property\" of the series \"Modern Web Design with HTML5, CSS3, and...","showSharedResourceTag":false,"showNewReviewTag":false,"newReviewTooltip":"Teacher-reviewed in the past 90 days."},"actions":{"showFooter":true,"locked":false,"buttons":[{"variant":"subscription","url":"/subscription/new?signup_resource_id=5220169","trackingData":{"track_click":"Search result free access button","track_label":"Search Page"},"remote":true}],"secondaryButtons":[{"variant":"card_path_review","url":"/boclips/videos/643fe8eba0829f36839b8119"}],"footerMeta":{"showPublisher":true,"publisherName":"Curated Video","showParentsTag":false}},"isFolder":false}},{"kind":"resource","id":5159746,"type":"boclips_video_metadata","locked":false,"data":{"outerClasses":null,"dataAttributes":{"url":"/boclips/videos/6432ce282154dd5afd5f484b","video_url":"/boclips/videos/6432ce282154dd5afd5f484b","title":"An Introduction to Perimeter | Teaching Maths","id":"6432ce282154dd5afd5f484b","type":"Boclips::Video","item":{"type":"CollectionItemVideo"},"is_require_teacher_acknowledgment":"false"},"addToBuilder":{"show":false,"data":{}},"typeIcon":{"containerClass":null,"typeClass":"type-instructional-video","primaryTypeName":"Instructional Video","showPrimaryTypeName":true,"resourceShadow":true,"variant":"standard","fileIconClass":"file-icon file-video","contentTypeIcon":"fa-brands fa-youtube"},"banner":{"containerClass":null,"typeClass":"type-instructional-video","variant":"standard","folderOuterIcon":null,"folderInnerIcon":null,"primaryTypeName":"Instructional Video","showPrimaryTypeName":true,"primaryTypeIcon":"fa-circle-play","typeIcon":"fa-solid fa-circle-play mr5","showVideoDuration":true,"videoDuration":"3:39","resourceBackground":true},"counts":{"kind":"none"},"previewImage":{"placeholder":"data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs","dataSrc":"https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_bd5cjko8/width/250","defaultImage":"https://static.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png","alt":"An Introduction to Perimeter | Teaching Maths Instructional Video","title":"An Introduction to Perimeter | Teaching Maths Instructional Video","width":315,"height":220,"className":"resource-img img-thumbnail img-responsive lozad","dataAttributes":{"default_image":"https://static.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png"}},"anchor":{"variant":"link","href":"/boclips/videos/6432ce282154dd5afd5f484b","folderOuterIcon":null,"folderInnerIcon":null,"title":"An Introduction to Perimeter | Teaching Maths Instructional video","dataAttributes":{}},"title":{"text":"An Introduction to Perimeter | Teaching Maths","html":"An Introduction to Perimeter | Teaching Maths","titleAttribute":"An Introduction to Perimeter | Teaching Maths Instructional video","classNames":["resource-title"]},"publisher":{"visible":true,"name":"Curated Video","nearParents":false},"ratings":{"show":false,"value":4.0},"badges":{"sensitive":null,"featured":null,"recommended":null,"editorPick":null},"freeSampleStamp":false,"availableForParents":{"show":false,"dataAttributes":{"toggle":"tooltip","placement":"top","title":"Parents have access"}},"meta":{"showAudience":false,"audience":"For Students","gradeRange":"6th - Higher Ed","showStandards":false,"subject":"Science","showSubject":true,"videoLength":"3:39","showVideoLength":true},"description":{"text":"Introduce children to the concept of perimeter and explain how to calculate the perimeter of regular and irregular 2D shapes.","html":"Introduce children to the concept of perimeter and explain how to calculate the perimeter of regular and irregular 2D shapes.","showSharedResourceTag":false,"showNewReviewTag":false,"newReviewTooltip":"Teacher-reviewed in the past 90 days."},"actions":{"showFooter":true,"locked":false,"buttons":[{"variant":"subscription","url":"/subscription/new?signup_resource_id=5159746","trackingData":{"track_click":"Search result free access button","track_label":"Search Page"},"remote":true}],"secondaryButtons":[{"variant":"card_path_review","url":"/boclips/videos/6432ce282154dd5afd5f484b"}],"footerMeta":{"showPublisher":true,"publisherName":"Curated Video","showParentsTag":false}},"isFolder":false}},{"kind":"resource","id":5159747,"type":"boclips_video_metadata","locked":false,"data":{"outerClasses":null,"dataAttributes":{"url":"/boclips/videos/6432ce282154dd5afd5f484a","video_url":"/boclips/videos/6432ce282154dd5afd5f484a","title":"An Introduction to Area | Teaching Maths","id":"6432ce282154dd5afd5f484a","type":"Boclips::Video","item":{"type":"CollectionItemVideo"},"is_require_teacher_acknowledgment":"false"},"addToBuilder":{"show":false,"data":{}},"typeIcon":{"containerClass":null,"typeClass":"type-instructional-video","primaryTypeName":"Instructional Video","showPrimaryTypeName":true,"resourceShadow":true,"variant":"standard","fileIconClass":"file-icon file-video","contentTypeIcon":"fa-brands fa-youtube"},"banner":{"containerClass":null,"typeClass":"type-instructional-video","variant":"standard","folderOuterIcon":null,"folderInnerIcon":null,"primaryTypeName":"Instructional Video","showPrimaryTypeName":true,"primaryTypeIcon":"fa-circle-play","typeIcon":"fa-solid fa-circle-play mr5","showVideoDuration":true,"videoDuration":"3:17","resourceBackground":true},"counts":{"kind":"none"},"previewImage":{"placeholder":"data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs","dataSrc":"https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_7tewo67d/width/250","defaultImage":"https://static.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png","alt":"An Introduction to Area | Teaching Maths Instructional Video","title":"An Introduction to Area | Teaching Maths Instructional Video","width":315,"height":220,"className":"resource-img img-thumbnail img-responsive lozad","dataAttributes":{"default_image":"https://static.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png"}},"anchor":{"variant":"link","href":"/boclips/videos/6432ce282154dd5afd5f484a","folderOuterIcon":null,"folderInnerIcon":null,"title":"An Introduction to Area | Teaching Maths Instructional video","dataAttributes":{}},"title":{"text":"An Introduction to Area | Teaching Maths","html":"An Introduction to Area | Teaching Maths","titleAttribute":"An Introduction to Area | Teaching Maths Instructional video","classNames":["resource-title"]},"publisher":{"visible":true,"name":"Curated Video","nearParents":false},"ratings":{"show":false,"value":4.0},"badges":{"sensitive":null,"featured":null,"recommended":null,"editorPick":null},"freeSampleStamp":false,"availableForParents":{"show":false,"dataAttributes":{"toggle":"tooltip","placement":"top","title":"Parents have access"}},"meta":{"showAudience":false,"audience":"For Students","gradeRange":"6th - Higher Ed","showStandards":false,"subject":"Science","showSubject":true,"videoLength":"3:17","showVideoLength":true},"description":{"text":"Introduce students to the concept of area and explain how to calculate the area of rectangles using the rule length x width.","html":"Introduce students to the concept of area and explain how to calculate the area of rectangles using the rule length x width.","showSharedResourceTag":false,"showNewReviewTag":false,"newReviewTooltip":"Teacher-reviewed in the past 90 days."},"actions":{"showFooter":true,"locked":false,"buttons":[{"variant":"subscription","url":"/subscription/new?signup_resource_id=5159747","trackingData":{"track_click":"Search result free access button","track_label":"Search Page"},"remote":true}],"secondaryButtons":[{"variant":"card_path_review","url":"/boclips/videos/6432ce282154dd5afd5f484a"}],"footerMeta":{"showPublisher":true,"publisherName":"Curated Video","showParentsTag":false}},"isFolder":false}},{"kind":"resource","id":5158933,"type":"boclips_video_metadata","locked":false,"data":{"outerClasses":null,"dataAttributes":{"url":"/boclips/videos/643fe8f3a0829f36839b811f","video_url":"/boclips/videos/643fe8f3a0829f36839b811f","title":"Modern Web Design with HTML5, CSS3, and JavaScript - Centering Content Using Margin","id":"643fe8f3a0829f36839b811f","type":"Boclips::Video","item":{"type":"CollectionItemVideo"},"is_require_teacher_acknowledgment":"false"},"addToBuilder":{"show":false,"data":{}},"typeIcon":{"containerClass":null,"typeClass":"type-instructional-video","primaryTypeName":"Instructional Video","showPrimaryTypeName":true,"resourceShadow":true,"variant":"standard","fileIconClass":"file-icon file-video","contentTypeIcon":"fa-brands fa-youtube"},"banner":{"containerClass":null,"typeClass":"type-instructional-video","variant":"standard","folderOuterIcon":null,"folderInnerIcon":null,"primaryTypeName":"Instructional Video","showPrimaryTypeName":true,"primaryTypeIcon":"fa-circle-play","typeIcon":"fa-solid fa-circle-play mr5","showVideoDuration":true,"videoDuration":"3:01","resourceBackground":true},"counts":{"kind":"none"},"previewImage":{"placeholder":"data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs","dataSrc":"https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_al2oidyu/width/250/vid_slices/3/vid_slice/1","defaultImage":"https://static.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png","alt":"Modern Web Design with HTML5, CSS3, and JavaScript - Centering Content Using Margin Instructional Video","title":"Modern Web Design with HTML5, CSS3, and JavaScript - Centering Content Using Margin Instructional Video","width":315,"height":220,"className":"resource-img img-thumbnail img-responsive lozad","dataAttributes":{"default_image":"https://static.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png"}},"anchor":{"variant":"link","href":"/boclips/videos/643fe8f3a0829f36839b811f","folderOuterIcon":null,"folderInnerIcon":null,"title":"Modern Web Design with HTML5, CSS3, and JavaScript - Centering Content Using Margin Instructional video","dataAttributes":{}},"title":{"text":"Modern Web Design with HTML5, CSS3, and JavaScript - Centering Content Using Margin","html":"Modern Web Design with HTML5, CSS3, and JavaScript - Centering Content Using Margin","titleAttribute":"Modern Web Design with HTML5, CSS3, and JavaScript - Centering Content Using Margin Instructional video","classNames":["resource-title"]},"publisher":{"visible":true,"name":"Curated Video","nearParents":false},"ratings":{"show":false,"value":4.0},"badges":{"sensitive":null,"featured":null,"recommended":null,"editorPick":null},"freeSampleStamp":false,"availableForParents":{"show":false,"dataAttributes":{"toggle":"tooltip","placement":"top","title":"Parents have access"}},"meta":{"showAudience":false,"audience":"For Students","gradeRange":"Higher Ed","showStandards":false,"subject":"Career \u0026 Technical Education","showSubject":true,"videoLength":"3:1","showVideoLength":true},"description":{"text":"This video presents a challenge to center content using the margin declaration.\u0026lt;br/\u0026gt; This clip is from the chapter \"Cascading Style Sheets (CSS) Challenges\" of the series \"Modern Web Design with HTML5, CSS3, and JavaScript\".This...","html":"This video presents a challenge to center content using the margin declaration.\u003cbr/\u003e\u003c\u003cbr/\u003ebr/\u003e \u003cbr/\u003eThis clip is from the chapter \"Cascading Style Sheets (CSS) Challenges\" of the series \"Modern Web Design with HTML5, CSS3, and JavaScript\".This...","showSharedResourceTag":false,"showNewReviewTag":false,"newReviewTooltip":"Teacher-reviewed in the past 90 days."},"actions":{"showFooter":true,"locked":false,"buttons":[{"variant":"subscription","url":"/subscription/new?signup_resource_id=5158933","trackingData":{"track_click":"Search result free access button","track_label":"Search Page"},"remote":true}],"secondaryButtons":[{"variant":"card_path_review","url":"/boclips/videos/643fe8f3a0829f36839b811f"}],"footerMeta":{"showPublisher":true,"publisherName":"Curated Video","showParentsTag":false}},"isFolder":false}},{"kind":"resource","id":5158936,"type":"boclips_video_metadata","locked":false,"data":{"outerClasses":null,"dataAttributes":{"url":"/boclips/videos/643fe8f192e85745912cdab8","video_url":"/boclips/videos/643fe8f192e85745912cdab8","title":"Modern Web Design with HTML5, CSS3, and JavaScript - Box Model and its Workings","id":"643fe8f192e85745912cdab8","type":"Boclips::Video","item":{"type":"CollectionItemVideo"},"is_require_teacher_acknowledgment":"false"},"addToBuilder":{"show":false,"data":{}},"typeIcon":{"containerClass":null,"typeClass":"type-instructional-video","primaryTypeName":"Instructional Video","showPrimaryTypeName":true,"resourceShadow":true,"variant":"standard","fileIconClass":"file-icon file-video","contentTypeIcon":"fa-brands fa-youtube"},"banner":{"containerClass":null,"typeClass":"type-instructional-video","variant":"standard","folderOuterIcon":null,"folderInnerIcon":null,"primaryTypeName":"Instructional Video","showPrimaryTypeName":true,"primaryTypeIcon":"fa-circle-play","typeIcon":"fa-solid fa-circle-play mr5","showVideoDuration":true,"videoDuration":"5:58","resourceBackground":true},"counts":{"kind":"none"},"previewImage":{"placeholder":"data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs","dataSrc":"https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_53m4l7ht/width/250/vid_slices/3/vid_slice/1","defaultImage":"https://static.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png","alt":"Modern Web Design with HTML5, CSS3, and JavaScript - Box Model and its Workings Instructional Video","title":"Modern Web Design with HTML5, CSS3, and JavaScript - Box Model and its Workings Instructional Video","width":315,"height":220,"className":"resource-img img-thumbnail img-responsive lozad","dataAttributes":{"default_image":"https://static.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png"}},"anchor":{"variant":"link","href":"/boclips/videos/643fe8f192e85745912cdab8","folderOuterIcon":null,"folderInnerIcon":null,"title":"Modern Web Design with HTML5, CSS3, and JavaScript - Box Model and its Workings Instructional video","dataAttributes":{}},"title":{"text":"Modern Web Design with HTML5, CSS3, and JavaScript - Box Model and its Workings","html":"Modern Web Design with HTML5, CSS3, and JavaScript - Box Model and its Workings","titleAttribute":"Modern Web Design with HTML5, CSS3, and JavaScript - Box Model and its Workings Instructional video","classNames":["resource-title"]},"publisher":{"visible":true,"name":"Curated Video","nearParents":false},"ratings":{"show":false,"value":4.0},"badges":{"sensitive":null,"featured":null,"recommended":null,"editorPick":null},"freeSampleStamp":false,"availableForParents":{"show":false,"dataAttributes":{"toggle":"tooltip","placement":"top","title":"Parents have access"}},"meta":{"showAudience":false,"audience":"For Students","gradeRange":"Higher Ed","showStandards":false,"subject":"Career \u0026 Technical Education","showSubject":true,"videoLength":"5:58","showVideoLength":true},"description":{"text":"This video explains the box model and its workings.\u0026lt;br/\u0026gt; This clip is from the chapter \"Common Cascading Style Sheets (CSS) Questions and Answers for Interview Preparation\" of the series \"Modern Web Design with HTML5, CSS3, and...","html":"This video explains the box model and its workings.\u003cbr/\u003e\u003c\u003cbr/\u003ebr/\u003e \u003cbr/\u003eThis clip is from the chapter \"Common Cascading Style Sheets (CSS) Questions and Answers for Interview Preparation\" of the series \"Modern Web Design with HTML5, CSS3, and...","showSharedResourceTag":false,"showNewReviewTag":false,"newReviewTooltip":"Teacher-reviewed in the past 90 days."},"actions":{"showFooter":true,"locked":false,"buttons":[{"variant":"subscription","url":"/subscription/new?signup_resource_id=5158936","trackingData":{"track_click":"Search result free access button","track_label":"Search Page"},"remote":true}],"secondaryButtons":[{"variant":"card_path_review","url":"/boclips/videos/643fe8f192e85745912cdab8"}],"footerMeta":{"showPublisher":true,"publisherName":"Curated Video","showParentsTag":false}},"isFolder":false}},{"kind":"resource","id":5158959,"type":"boclips_video_metadata","locked":false,"data":{"outerClasses":null,"dataAttributes":{"url":"/boclips/videos/643fe8e792e85745912cdaaa","video_url":"/boclips/videos/643fe8e792e85745912cdaaa","title":"Modern Web Design with HTML5, CSS3, and JavaScript - 2 Designing Columns Using Cascading Style Sheets (CSS)","id":"643fe8e792e85745912cdaaa","type":"Boclips::Video","item":{"type":"CollectionItemVideo"},"is_require_teacher_acknowledgment":"false"},"addToBuilder":{"show":false,"data":{}},"typeIcon":{"containerClass":null,"typeClass":"type-instructional-video","primaryTypeName":"Instructional Video","showPrimaryTypeName":true,"resourceShadow":true,"variant":"standard","fileIconClass":"file-icon file-video","contentTypeIcon":"fa-brands fa-youtube"},"banner":{"containerClass":null,"typeClass":"type-instructional-video","variant":"standard","folderOuterIcon":null,"folderInnerIcon":null,"primaryTypeName":"Instructional Video","showPrimaryTypeName":true,"primaryTypeIcon":"fa-circle-play","typeIcon":"fa-solid fa-circle-play mr5","showVideoDuration":true,"videoDuration":"5:57","resourceBackground":true},"counts":{"kind":"none"},"previewImage":{"placeholder":"data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs","dataSrc":"https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_8xrqbhx3/width/250/vid_slices/3/vid_slice/1","defaultImage":"https://static.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png","alt":"Modern Web Design with HTML5, CSS3, and JavaScript - 2 Designing Columns Using Cascading Style Sheets (CSS) Instructional Video","title":"Modern Web Design with HTML5, CSS3, and JavaScript - 2 Designing Columns Using Cascading Style Sheets (CSS) Instructional Video","width":315,"height":220,"className":"resource-img img-thumbnail img-responsive lozad","dataAttributes":{"default_image":"https://static.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png"}},"anchor":{"variant":"link","href":"/boclips/videos/643fe8e792e85745912cdaaa","folderOuterIcon":null,"folderInnerIcon":null,"title":"Modern Web Design with HTML5, CSS3, and JavaScript - 2 Designing Columns Using Cascading Style Sheets (CSS) Instructional video","dataAttributes":{}},"title":{"text":"Modern Web Design with HTML5, CSS3, and JavaScript - 2 Designing Columns Using Cascading Style Sheets (CSS)","html":"Modern Web Design with HTML5, CSS3, and JavaScript - 2 Designing Columns Using Cascading Style Sheets (CSS)","titleAttribute":"Modern Web Design with HTML5, CSS3, and JavaScript - 2 Designing Columns Using Cascading Style Sheets (CSS) Instructional video","classNames":["resource-title"]},"publisher":{"visible":true,"name":"Curated Video","nearParents":false},"ratings":{"show":false,"value":4.0},"badges":{"sensitive":null,"featured":null,"recommended":null,"editorPick":null},"freeSampleStamp":false,"availableForParents":{"show":false,"dataAttributes":{"toggle":"tooltip","placement":"top","title":"Parents have access"}},"meta":{"showAudience":false,"audience":"For Students","gradeRange":"Higher Ed","showStandards":false,"subject":"Career \u0026 Technical Education","showSubject":true,"videoLength":"5:57","showVideoLength":true},"description":{"text":"This video presents a challenge to design columns using CSS.\u0026lt;br/\u0026gt; This clip is from the chapter \"Cascading Style Sheets (CSS) Challenges\" of the series \"Modern Web Design with HTML5, CSS3, and JavaScript\".This section introduces...","html":"This video presents a challenge to design columns using CSS.\u003cbr/\u003e\u003c\u003cbr/\u003ebr/\u003e \u003cbr/\u003eThis clip is from the chapter \"Cascading Style Sheets (CSS) Challenges\" of the series \"Modern Web Design with HTML5, CSS3, and JavaScript\".This section introduces...","showSharedResourceTag":false,"showNewReviewTag":false,"newReviewTooltip":"Teacher-reviewed in the past 90 days."},"actions":{"showFooter":true,"locked":false,"buttons":[{"variant":"subscription","url":"/subscription/new?signup_resource_id=5158959","trackingData":{"track_click":"Search result free access button","track_label":"Search Page"},"remote":true}],"secondaryButtons":[{"variant":"card_path_review","url":"/boclips/videos/643fe8e792e85745912cdaaa"}],"footerMeta":{"showPublisher":true,"publisherName":"Curated Video","showParentsTag":false}},"isFolder":false}},{"kind":"resource","id":5158960,"type":"boclips_video_metadata","locked":false,"data":{"outerClasses":null,"dataAttributes":{"url":"/boclips/videos/643fe8e792e85745912cdaa9","video_url":"/boclips/videos/643fe8e792e85745912cdaa9","title":"Modern Web Design with HTML5, CSS3, and JavaScript - \u003cviewport\u003e Meta Tag in HTML","id":"643fe8e792e85745912cdaa9","type":"Boclips::Video","item":{"type":"CollectionItemVideo"},"is_require_teacher_acknowledgment":"false"},"addToBuilder":{"show":false,"data":{}},"typeIcon":{"containerClass":null,"typeClass":"type-instructional-video","primaryTypeName":"Instructional Video","showPrimaryTypeName":true,"resourceShadow":true,"variant":"standard","fileIconClass":"file-icon file-video","contentTypeIcon":"fa-brands fa-youtube"},"banner":{"containerClass":null,"typeClass":"type-instructional-video","variant":"standard","folderOuterIcon":null,"folderInnerIcon":null,"primaryTypeName":"Instructional Video","showPrimaryTypeName":true,"primaryTypeIcon":"fa-circle-play","typeIcon":"fa-solid fa-circle-play mr5","showVideoDuration":true,"videoDuration":"5:04","resourceBackground":true},"counts":{"kind":"none"},"previewImage":{"placeholder":"data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs","dataSrc":"https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_tigvvotr/width/250/vid_slices/3/vid_slice/1","defaultImage":"https://static.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png","alt":"Modern Web Design with HTML5, CSS3, and JavaScript - \u003cviewport\u003e Meta Tag in HTML Instructional Video","title":"Modern Web Design with HTML5, CSS3, and JavaScript - \u003cviewport\u003e Meta Tag in HTML Instructional Video","width":315,"height":220,"className":"resource-img img-thumbnail img-responsive lozad","dataAttributes":{"default_image":"https://static.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png"}},"anchor":{"variant":"link","href":"/boclips/videos/643fe8e792e85745912cdaa9","folderOuterIcon":null,"folderInnerIcon":null,"title":"Modern Web Design with HTML5, CSS3, and JavaScript - \u003cviewport\u003e Meta Tag in HTML Instructional video","dataAttributes":{}},"title":{"text":"Modern Web Design with HTML5, CSS3, and JavaScript - Meta Tag in HTML","html":"Modern Web Design with HTML5, CSS3, and JavaScript - \u003cviewport\u003e Meta Tag in HTML","titleAttribute":"Modern Web Design with HTML5, CSS3, and JavaScript - \u003cviewport\u003e Meta Tag in HTML Instructional video","classNames":["resource-title"]},"publisher":{"visible":true,"name":"Curated Video","nearParents":false},"ratings":{"show":false,"value":4.0},"badges":{"sensitive":null,"featured":null,"recommended":null,"editorPick":null},"freeSampleStamp":false,"availableForParents":{"show":false,"dataAttributes":{"toggle":"tooltip","placement":"top","title":"Parents have access"}},"meta":{"showAudience":false,"audience":"For Students","gradeRange":"Higher Ed","showStandards":false,"subject":"Career \u0026 Technical Education","showSubject":true,"videoLength":"5:4","showVideoLength":true},"description":{"text":"This video introduces you to the meta tag in HTML.\u0026lt;br\u0026lt;br/\u0026gt;/\u0026gt; This clip is from the chapter \"HTML Challenges\" of the series \"Modern Web Design with HTML5, CSS3, and JavaScript\".This section presents some HTML challenges.","html":"This video introduces you to the \u003cviewport\u003e meta tag in HTML.\u0026lt;br\u0026lt;br/\u0026gt;/\u0026gt;\u003cbr/\u003e \u003cbr/\u003eThis clip is from the chapter \"HTML Challenges\" of the series \"Modern Web Design with HTML5, CSS3, and JavaScript\".This section presents some HTML challenges.","showSharedResourceTag":false,"showNewReviewTag":false,"newReviewTooltip":"Teacher-reviewed in the past 90 days."},"actions":{"showFooter":true,"locked":false,"buttons":[{"variant":"subscription","url":"/subscription/new?signup_resource_id=5158960","trackingData":{"track_click":"Search result free access button","track_label":"Search Page"},"remote":true}],"secondaryButtons":[{"variant":"card_path_review","url":"/boclips/videos/643fe8e792e85745912cdaa9"}],"footerMeta":{"showPublisher":true,"publisherName":"Curated Video","showParentsTag":false}},"isFolder":false}},{"kind":"resource","id":5158961,"type":"boclips_video_metadata","locked":false,"data":{"outerClasses":null,"dataAttributes":{"url":"/boclips/videos/643fe8e792e85745912cdaa8","video_url":"/boclips/videos/643fe8e792e85745912cdaa8","title":"Modern Web Design with HTML5, CSS3, and JavaScript - \u003ciframe\u003e Tag in HTML","id":"643fe8e792e85745912cdaa8","type":"Boclips::Video","item":{"type":"CollectionItemVideo"},"is_require_teacher_acknowledgment":"false"},"addToBuilder":{"show":false,"data":{}},"typeIcon":{"containerClass":null,"typeClass":"type-instructional-video","primaryTypeName":"Instructional Video","showPrimaryTypeName":true,"resourceShadow":true,"variant":"standard","fileIconClass":"file-icon file-video","contentTypeIcon":"fa-brands fa-youtube"},"banner":{"containerClass":null,"typeClass":"type-instructional-video","variant":"standard","folderOuterIcon":null,"folderInnerIcon":null,"primaryTypeName":"Instructional Video","showPrimaryTypeName":true,"primaryTypeIcon":"fa-circle-play","typeIcon":"fa-solid fa-circle-play mr5","showVideoDuration":true,"videoDuration":"6:48","resourceBackground":true},"counts":{"kind":"none"},"previewImage":{"placeholder":"data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs","dataSrc":"https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_xs22dwqh/width/250/vid_slices/3/vid_slice/1","defaultImage":"https://static.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png","alt":"Modern Web Design with HTML5, CSS3, and JavaScript - \u003ciframe\u003e Tag in HTML Instructional Video","title":"Modern Web Design with HTML5, CSS3, and JavaScript - \u003ciframe\u003e Tag in HTML Instructional Video","width":315,"height":220,"className":"resource-img img-thumbnail img-responsive lozad","dataAttributes":{"default_image":"https://static.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png"}},"anchor":{"variant":"link","href":"/boclips/videos/643fe8e792e85745912cdaa8","folderOuterIcon":null,"folderInnerIcon":null,"title":"Modern Web Design with HTML5, CSS3, and JavaScript - \u003ciframe\u003e Tag in HTML Instructional video","dataAttributes":{}},"title":{"text":"Modern Web Design with HTML5, CSS3, and JavaScript - Tag in HTML","html":"Modern Web Design with HTML5, CSS3, and JavaScript - \u003ciframe\u003e Tag in HTML","titleAttribute":"Modern Web Design with HTML5, CSS3, and JavaScript - \u003ciframe\u003e Tag in HTML Instructional video","classNames":["resource-title"]},"publisher":{"visible":true,"name":"Curated Video","nearParents":false},"ratings":{"show":false,"value":4.0},"badges":{"sensitive":null,"featured":null,"recommended":null,"editorPick":null},"freeSampleStamp":false,"availableForParents":{"show":false,"dataAttributes":{"toggle":"tooltip","placement":"top","title":"Parents have access"}},"meta":{"showAudience":false,"audience":"For Students","gradeRange":"Higher Ed","showStandards":false,"subject":"Career \u0026 Technical Education","showSubject":true,"videoLength":"6:48","showVideoLength":true},"description":{"text":"This video focuses on the tagin HTML.\u0026lt;br/\u0026gt;\u0026lt;\u0026lt;br/\u0026gt;br/\u0026gt; \u0026lt;br/\u0026gt;This clip is from the chapter \"Creating Web Pages with HTML5\" of the series \"Modern Web Design with HTML5, CSS3, and JavaScript\".This section demonstrates how to create web pages...","html":"This video focuses on the \u003ciframe\u003e tagin HTML.\u003cbr/\u003e\u003c\u003cbr/\u003ebr/\u003e \u003cbr/\u003eThis clip is from the chapter \"Creating Web Pages with HTML5\" of the series \"Modern Web Design with HTML5, CSS3, and JavaScript\".This section demonstrates how to create web pages...","showSharedResourceTag":false,"showNewReviewTag":false,"newReviewTooltip":"Teacher-reviewed in the past 90 days."},"actions":{"showFooter":true,"locked":false,"buttons":[{"variant":"subscription","url":"/subscription/new?signup_resource_id=5158961","trackingData":{"track_click":"Search result free access button","track_label":"Search Page"},"remote":true}],"secondaryButtons":[{"variant":"card_path_review","url":"/boclips/videos/643fe8e792e85745912cdaa8"}],"footerMeta":{"showPublisher":true,"publisherName":"Curated Video","showParentsTag":false}},"isFolder":false}},{"kind":"resource","id":5158980,"type":"boclips_video_metadata","locked":false,"data":{"outerClasses":null,"dataAttributes":{"url":"/boclips/videos/643fe7b705cd551b1ac79fdc","video_url":"/boclips/videos/643fe7b705cd551b1ac79fdc","title":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Three-column Website Using Flexbox","id":"643fe7b705cd551b1ac79fdc","type":"Boclips::Video","item":{"type":"CollectionItemVideo"},"is_require_teacher_acknowledgment":"false"},"addToBuilder":{"show":false,"data":{}},"typeIcon":{"containerClass":null,"typeClass":"type-instructional-video","primaryTypeName":"Instructional Video","showPrimaryTypeName":true,"resourceShadow":true,"variant":"standard","fileIconClass":"file-icon file-video","contentTypeIcon":"fa-brands fa-youtube"},"banner":{"containerClass":null,"typeClass":"type-instructional-video","variant":"standard","folderOuterIcon":null,"folderInnerIcon":null,"primaryTypeName":"Instructional Video","showPrimaryTypeName":true,"primaryTypeIcon":"fa-circle-play","typeIcon":"fa-solid fa-circle-play mr5","showVideoDuration":true,"videoDuration":"3:31","resourceBackground":true},"counts":{"kind":"none"},"previewImage":{"placeholder":"data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs","dataSrc":"https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_z2alu4ga/width/250/vid_slices/3/vid_slice/1","defaultImage":"https://static.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png","alt":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Three-column Website Using Flexbox Instructional Video","title":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Three-column Website Using Flexbox Instructional Video","width":315,"height":220,"className":"resource-img img-thumbnail img-responsive lozad","dataAttributes":{"default_image":"https://static.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png"}},"anchor":{"variant":"link","href":"/boclips/videos/643fe7b705cd551b1ac79fdc","folderOuterIcon":null,"folderInnerIcon":null,"title":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Three-column Website Using Flexbox Instructional video","dataAttributes":{}},"title":{"text":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Three-column Website Using Flexbox","html":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Three-column Website Using Flexbox","titleAttribute":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Three-column Website Using Flexbox Instructional video","classNames":["resource-title"]},"publisher":{"visible":true,"name":"Curated Video","nearParents":false},"ratings":{"show":false,"value":4.0},"badges":{"sensitive":null,"featured":null,"recommended":null,"editorPick":null},"freeSampleStamp":false,"availableForParents":{"show":false,"dataAttributes":{"toggle":"tooltip","placement":"top","title":"Parents have access"}},"meta":{"showAudience":false,"audience":"For Students","gradeRange":"Higher Ed","showStandards":false,"subject":"Career \u0026 Technical Education","showSubject":true,"videoLength":"3:31","showVideoLength":true},"description":{"text":"This video demonstrates how to create a three-column website using Flexbox.\u0026lt;br/\u0026gt; This clip is from the chapter \"Creating a Simple Website from Scratch\" of the series \"Modern Web Design with HTML5, CSS3, and JavaScript\".This...","html":"This video demonstrates how to create a three-column website using Flexbox.\u003cbr/\u003e\u003c\u003cbr/\u003ebr/\u003e \u003cbr/\u003eThis clip is from the chapter \"Creating a Simple Website from Scratch\" of the series \"Modern Web Design with HTML5, CSS3, and JavaScript\".This...","showSharedResourceTag":false,"showNewReviewTag":false,"newReviewTooltip":"Teacher-reviewed in the past 90 days."},"actions":{"showFooter":true,"locked":false,"buttons":[{"variant":"subscription","url":"/subscription/new?signup_resource_id=5158980","trackingData":{"track_click":"Search result free access button","track_label":"Search Page"},"remote":true}],"secondaryButtons":[{"variant":"card_path_review","url":"/boclips/videos/643fe7b705cd551b1ac79fdc"}],"footerMeta":{"showPublisher":true,"publisherName":"Curated Video","showParentsTag":false}},"isFolder":false}},{"kind":"resource","id":5158722,"type":"boclips_video_metadata","locked":false,"data":{"outerClasses":null,"dataAttributes":{"url":"/boclips/videos/643fea2c71b22e45ae4d5edc","video_url":"/boclips/videos/643fea2c71b22e45ae4d5edc","title":"Modern Web Design with HTML5, CSS3, and JavaScript - HTML Tables","id":"643fea2c71b22e45ae4d5edc","type":"Boclips::Video","item":{"type":"CollectionItemVideo"},"is_require_teacher_acknowledgment":"false"},"addToBuilder":{"show":false,"data":{}},"typeIcon":{"containerClass":null,"typeClass":"type-instructional-video","primaryTypeName":"Instructional Video","showPrimaryTypeName":true,"resourceShadow":true,"variant":"standard","fileIconClass":"file-icon file-video","contentTypeIcon":"fa-brands fa-youtube"},"banner":{"containerClass":null,"typeClass":"type-instructional-video","variant":"standard","folderOuterIcon":null,"folderInnerIcon":null,"primaryTypeName":"Instructional Video","showPrimaryTypeName":true,"primaryTypeIcon":"fa-circle-play","typeIcon":"fa-solid fa-circle-play mr5","showVideoDuration":true,"videoDuration":"10:26","resourceBackground":true},"counts":{"kind":"none"},"previewImage":{"placeholder":"data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs","dataSrc":"https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_rhxbrc0y/width/250/vid_slices/3/vid_slice/1","defaultImage":"https://static.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png","alt":"Modern Web Design with HTML5, CSS3, and JavaScript - HTML Tables Instructional Video","title":"Modern Web Design with HTML5, CSS3, and JavaScript - HTML Tables Instructional Video","width":315,"height":220,"className":"resource-img img-thumbnail img-responsive lozad","dataAttributes":{"default_image":"https://static.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png"}},"anchor":{"variant":"link","href":"/boclips/videos/643fea2c71b22e45ae4d5edc","folderOuterIcon":null,"folderInnerIcon":null,"title":"Modern Web Design with HTML5, CSS3, and JavaScript - HTML Tables Instructional video","dataAttributes":{}},"title":{"text":"Modern Web Design with HTML5, CSS3, and JavaScript - HTML Tables","html":"Modern Web Design with HTML5, CSS3, and JavaScript - HTML Tables","titleAttribute":"Modern Web Design with HTML5, CSS3, and JavaScript - HTML Tables Instructional video","classNames":["resource-title"]},"publisher":{"visible":true,"name":"Curated Video","nearParents":false},"ratings":{"show":false,"value":4.0},"badges":{"sensitive":null,"featured":null,"recommended":null,"editorPick":null},"freeSampleStamp":false,"availableForParents":{"show":false,"dataAttributes":{"toggle":"tooltip","placement":"top","title":"Parents have access"}},"meta":{"showAudience":false,"audience":"For Students","gradeRange":"Higher Ed","showStandards":false,"subject":"Career \u0026 Technical Education","showSubject":true,"videoLength":"10:26","showVideoLength":true},"description":{"text":"This video introduces you to HTML tables.\u0026lt;br\u0026lt;br/\u0026gt;/\u0026gt; This clip is from the chapter \"HTML Challenges\" of the series \"Modern Web Design with HTML5, CSS3, and JavaScript\".This section presents some HTML challenges.","html":"This video introduces you to HTML tables.\u0026lt;br\u0026lt;br/\u0026gt;/\u0026gt;\u003cbr/\u003e \u003cbr/\u003eThis clip is from the chapter \"HTML Challenges\" of the series \"Modern Web Design with HTML5, CSS3, and JavaScript\".This section presents some HTML challenges.","showSharedResourceTag":false,"showNewReviewTag":false,"newReviewTooltip":"Teacher-reviewed in the past 90 days."},"actions":{"showFooter":true,"locked":false,"buttons":[{"variant":"subscription","url":"/subscription/new?signup_resource_id=5158722","trackingData":{"track_click":"Search result free access button","track_label":"Search Page"},"remote":true}],"secondaryButtons":[{"variant":"card_path_review","url":"/boclips/videos/643fea2c71b22e45ae4d5edc"}],"footerMeta":{"showPublisher":true,"publisherName":"Curated Video","showParentsTag":false}},"isFolder":false}},{"kind":"resource","id":5158733,"type":"boclips_video_metadata","locked":false,"data":{"outerClasses":null,"dataAttributes":{"url":"/boclips/videos/643fea28d94d7958bce0a9d8","video_url":"/boclips/videos/643fea28d94d7958bce0a9d8","title":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Website Using the Cascading Style Sheets (CSS) Float Property - Coding Challenge","id":"643fea28d94d7958bce0a9d8","type":"Boclips::Video","item":{"type":"CollectionItemVideo"},"is_require_teacher_acknowledgment":"false"},"addToBuilder":{"show":false,"data":{}},"typeIcon":{"containerClass":null,"typeClass":"type-instructional-video","primaryTypeName":"Instructional Video","showPrimaryTypeName":true,"resourceShadow":true,"variant":"standard","fileIconClass":"file-icon file-video","contentTypeIcon":"fa-brands fa-youtube"},"banner":{"containerClass":null,"typeClass":"type-instructional-video","variant":"standard","folderOuterIcon":null,"folderInnerIcon":null,"primaryTypeName":"Instructional Video","showPrimaryTypeName":true,"primaryTypeIcon":"fa-circle-play","typeIcon":"fa-solid fa-circle-play mr5","showVideoDuration":true,"videoDuration":"9:03","resourceBackground":true},"counts":{"kind":"none"},"previewImage":{"placeholder":"data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs","dataSrc":"https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_hsl5353n/width/250/vid_slices/3/vid_slice/1","defaultImage":"https://static.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png","alt":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Website Using the Cascading Style Sheets (CSS) Float Property - Coding Challenge Instructional Video","title":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Website Using the Cascading Style Sheets (CSS) Float Property - Coding Challenge Instructional Video","width":315,"height":220,"className":"resource-img img-thumbnail img-responsive lozad","dataAttributes":{"default_image":"https://static.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png"}},"anchor":{"variant":"link","href":"/boclips/videos/643fea28d94d7958bce0a9d8","folderOuterIcon":null,"folderInnerIcon":null,"title":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Website Using the Cascading Style Sheets (CSS) Float Property - Coding Challenge Instructional video","dataAttributes":{}},"title":{"text":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Website Using the Cascading Style Sheets (CSS) Float Property - Coding Challenge","html":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Website Using the Cascading Style Sheets (CSS) Float Property - Coding Challenge","titleAttribute":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Website Using the Cascading Style Sheets (CSS) Float Property - Coding Challenge Instructional video","classNames":["resource-title"]},"publisher":{"visible":true,"name":"Curated Video","nearParents":false},"ratings":{"show":false,"value":4.0},"badges":{"sensitive":null,"featured":null,"recommended":null,"editorPick":null},"freeSampleStamp":false,"availableForParents":{"show":false,"dataAttributes":{"toggle":"tooltip","placement":"top","title":"Parents have access"}},"meta":{"showAudience":false,"audience":"For Students","gradeRange":"Higher Ed","showStandards":false,"subject":"Career \u0026 Technical Education","showSubject":true,"videoLength":"9:3","showVideoLength":true},"description":{"text":"This video presents a coding challenge to create a website using the CSS float property.\u0026lt;br/\u0026gt; This clip is from the chapter \"Mobile-first Responsive Design in Cascading Style Sheets (CSS) and Web Design\" of the series \"Modern Web...","html":"This video presents a coding challenge to create a website using the CSS float property.\u003cbr/\u003e\u003c\u003cbr/\u003ebr/\u003e \u003cbr/\u003eThis clip is from the chapter \"Mobile-first Responsive Design in Cascading Style Sheets (CSS) and Web Design\" of the series \"Modern Web...","showSharedResourceTag":false,"showNewReviewTag":false,"newReviewTooltip":"Teacher-reviewed in the past 90 days."},"actions":{"showFooter":true,"locked":false,"buttons":[{"variant":"subscription","url":"/subscription/new?signup_resource_id=5158733","trackingData":{"track_click":"Search result free access button","track_label":"Search Page"},"remote":true}],"secondaryButtons":[{"variant":"card_path_review","url":"/boclips/videos/643fea28d94d7958bce0a9d8"}],"footerMeta":{"showPublisher":true,"publisherName":"Curated Video","showParentsTag":false}},"isFolder":false}},{"kind":"resource","id":5158734,"type":"boclips_video_metadata","locked":false,"data":{"outerClasses":null,"dataAttributes":{"url":"/boclips/videos/643fea2871b22e45ae4d5ed5","video_url":"/boclips/videos/643fea2871b22e45ae4d5ed5","title":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Three-column Website","id":"643fea2871b22e45ae4d5ed5","type":"Boclips::Video","item":{"type":"CollectionItemVideo"},"is_require_teacher_acknowledgment":"false"},"addToBuilder":{"show":false,"data":{}},"typeIcon":{"containerClass":null,"typeClass":"type-instructional-video","primaryTypeName":"Instructional Video","showPrimaryTypeName":true,"resourceShadow":true,"variant":"standard","fileIconClass":"file-icon file-video","contentTypeIcon":"fa-brands fa-youtube"},"banner":{"containerClass":null,"typeClass":"type-instructional-video","variant":"standard","folderOuterIcon":null,"folderInnerIcon":null,"primaryTypeName":"Instructional Video","showPrimaryTypeName":true,"primaryTypeIcon":"fa-circle-play","typeIcon":"fa-solid fa-circle-play mr5","showVideoDuration":true,"videoDuration":"9:04","resourceBackground":true},"counts":{"kind":"none"},"previewImage":{"placeholder":"data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs","dataSrc":"https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_0k93s448/width/250/vid_slices/3/vid_slice/1","defaultImage":"https://static.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png","alt":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Three-column Website Instructional Video","title":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Three-column Website Instructional Video","width":315,"height":220,"className":"resource-img img-thumbnail img-responsive lozad","dataAttributes":{"default_image":"https://static.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png"}},"anchor":{"variant":"link","href":"/boclips/videos/643fea2871b22e45ae4d5ed5","folderOuterIcon":null,"folderInnerIcon":null,"title":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Three-column Website Instructional video","dataAttributes":{}},"title":{"text":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Three-column Website","html":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Three-column Website","titleAttribute":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Three-column Website Instructional video","classNames":["resource-title"]},"publisher":{"visible":true,"name":"Curated Video","nearParents":false},"ratings":{"show":false,"value":4.0},"badges":{"sensitive":null,"featured":null,"recommended":null,"editorPick":null},"freeSampleStamp":false,"availableForParents":{"show":false,"dataAttributes":{"toggle":"tooltip","placement":"top","title":"Parents have access"}},"meta":{"showAudience":false,"audience":"For Students","gradeRange":"Higher Ed","showStandards":false,"subject":"Career \u0026 Technical Education","showSubject":true,"videoLength":"9:4","showVideoLength":true},"description":{"text":"This video shows how to create a three-column website.\u0026lt;br/\u0026gt; This clip is from the chapter \"Creating a Simple Website from Scratch\" of the series \"Modern Web Design with HTML5, CSS3, and JavaScript\".This section explains how to...","html":"This video shows how to create a three-column website.\u003cbr/\u003e\u003c\u003cbr/\u003ebr/\u003e \u003cbr/\u003eThis clip is from the chapter \"Creating a Simple Website from Scratch\" of the series \"Modern Web Design with HTML5, CSS3, and JavaScript\".This section explains how to...","showSharedResourceTag":false,"showNewReviewTag":false,"newReviewTooltip":"Teacher-reviewed in the past 90 days."},"actions":{"showFooter":true,"locked":false,"buttons":[{"variant":"subscription","url":"/subscription/new?signup_resource_id=5158734","trackingData":{"track_click":"Search result free access button","track_label":"Search Page"},"remote":true}],"secondaryButtons":[{"variant":"card_path_review","url":"/boclips/videos/643fea2871b22e45ae4d5ed5"}],"footerMeta":{"showPublisher":true,"publisherName":"Curated Video","showParentsTag":false}},"isFolder":false}},{"kind":"resource","id":5158736,"type":"boclips_video_metadata","locked":false,"data":{"outerClasses":null,"dataAttributes":{"url":"/boclips/videos/643fea2771b22e45ae4d5ed4","video_url":"/boclips/videos/643fea2771b22e45ae4d5ed4","title":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Simple Cascading Style Sheets (CSS) Website","id":"643fea2771b22e45ae4d5ed4","type":"Boclips::Video","item":{"type":"CollectionItemVideo"},"is_require_teacher_acknowledgment":"false"},"addToBuilder":{"show":false,"data":{}},"typeIcon":{"containerClass":null,"typeClass":"type-instructional-video","primaryTypeName":"Instructional Video","showPrimaryTypeName":true,"resourceShadow":true,"variant":"standard","fileIconClass":"file-icon file-video","contentTypeIcon":"fa-brands fa-youtube"},"banner":{"containerClass":null,"typeClass":"type-instructional-video","variant":"standard","folderOuterIcon":null,"folderInnerIcon":null,"primaryTypeName":"Instructional Video","showPrimaryTypeName":true,"primaryTypeIcon":"fa-circle-play","typeIcon":"fa-solid fa-circle-play mr5","showVideoDuration":true,"videoDuration":"14:01","resourceBackground":true},"counts":{"kind":"none"},"previewImage":{"placeholder":"data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs","dataSrc":"https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_0ts6vud7/width/250/vid_slices/3/vid_slice/1","defaultImage":"https://static.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png","alt":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Simple Cascading Style Sheets (CSS) Website Instructional Video","title":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Simple Cascading Style Sheets (CSS) Website Instructional Video","width":315,"height":220,"className":"resource-img img-thumbnail img-responsive lozad","dataAttributes":{"default_image":"https://static.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png"}},"anchor":{"variant":"link","href":"/boclips/videos/643fea2771b22e45ae4d5ed4","folderOuterIcon":null,"folderInnerIcon":null,"title":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Simple Cascading Style Sheets (CSS) Website Instructional video","dataAttributes":{}},"title":{"text":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Simple Cascading Style Sheets (CSS) Website","html":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Simple Cascading Style Sheets (CSS) Website","titleAttribute":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Simple Cascading Style Sheets (CSS) Website Instructional video","classNames":["resource-title"]},"publisher":{"visible":true,"name":"Curated Video","nearParents":false},"ratings":{"show":false,"value":4.0},"badges":{"sensitive":null,"featured":null,"recommended":null,"editorPick":null},"freeSampleStamp":false,"availableForParents":{"show":false,"dataAttributes":{"toggle":"tooltip","placement":"top","title":"Parents have access"}},"meta":{"showAudience":false,"audience":"For Students","gradeRange":"Higher Ed","showStandards":false,"subject":"Career \u0026 Technical Education","showSubject":true,"videoLength":"14:1","showVideoLength":true},"description":{"text":"This video explains how to create a simple CSS website.\u0026lt;br/\u0026gt; This clip is from the chapter \"Creating a Simple Website from Scratch\" of the series \"Modern Web Design with HTML5, CSS3, and JavaScript\".This section explains how to...","html":"This video explains how to create a simple CSS website.\u003cbr/\u003e\u003c\u003cbr/\u003ebr/\u003e \u003cbr/\u003eThis clip is from the chapter \"Creating a Simple Website from Scratch\" of the series \"Modern Web Design with HTML5, CSS3, and JavaScript\".This section explains how to...","showSharedResourceTag":false,"showNewReviewTag":false,"newReviewTooltip":"Teacher-reviewed in the past 90 days."},"actions":{"showFooter":true,"locked":false,"buttons":[{"variant":"subscription","url":"/subscription/new?signup_resource_id=5158736","trackingData":{"track_click":"Search result free access button","track_label":"Search Page"},"remote":true}],"secondaryButtons":[{"variant":"card_path_review","url":"/boclips/videos/643fea2771b22e45ae4d5ed4"}],"footerMeta":{"showPublisher":true,"publisherName":"Curated Video","showParentsTag":false}},"isFolder":false}},{"kind":"resource","id":5158743,"type":"boclips_video_metadata","locked":false,"data":{"outerClasses":null,"dataAttributes":{"url":"/boclips/videos/643fea2471b22e45ae4d5ecd","video_url":"/boclips/videos/643fea2471b22e45ae4d5ecd","title":"Modern Web Design with HTML5, CSS3, and JavaScript - Applying Element Sizing with Flexbox","id":"643fea2471b22e45ae4d5ecd","type":"Boclips::Video","item":{"type":"CollectionItemVideo"},"is_require_teacher_acknowledgment":"false"},"addToBuilder":{"show":false,"data":{}},"typeIcon":{"containerClass":null,"typeClass":"type-instructional-video","primaryTypeName":"Instructional Video","showPrimaryTypeName":true,"resourceShadow":true,"variant":"standard","fileIconClass":"file-icon file-video","contentTypeIcon":"fa-brands fa-youtube"},"banner":{"containerClass":null,"typeClass":"type-instructional-video","variant":"standard","folderOuterIcon":null,"folderInnerIcon":null,"primaryTypeName":"Instructional Video","showPrimaryTypeName":true,"primaryTypeIcon":"fa-circle-play","typeIcon":"fa-solid fa-circle-play mr5","showVideoDuration":true,"videoDuration":"7:54","resourceBackground":true},"counts":{"kind":"none"},"previewImage":{"placeholder":"data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs","dataSrc":"https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_80y6sf2e/width/250/vid_slices/3/vid_slice/1","defaultImage":"https://static.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png","alt":"Modern Web Design with HTML5, CSS3, and JavaScript - Applying Element Sizing with Flexbox Instructional Video","title":"Modern Web Design with HTML5, CSS3, and JavaScript - Applying Element Sizing with Flexbox Instructional Video","width":315,"height":220,"className":"resource-img img-thumbnail img-responsive lozad","dataAttributes":{"default_image":"https://static.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png"}},"anchor":{"variant":"link","href":"/boclips/videos/643fea2471b22e45ae4d5ecd","folderOuterIcon":null,"folderInnerIcon":null,"title":"Modern Web Design with HTML5, CSS3, and JavaScript - Applying Element Sizing with Flexbox Instructional video","dataAttributes":{}},"title":{"text":"Modern Web Design with HTML5, CSS3, and JavaScript - Applying Element Sizing with Flexbox","html":"Modern Web Design with HTML5, CSS3, and JavaScript - Applying Element Sizing with Flexbox","titleAttribute":"Modern Web Design with HTML5, CSS3, and JavaScript - Applying Element Sizing with Flexbox Instructional video","classNames":["resource-title"]},"publisher":{"visible":true,"name":"Curated Video","nearParents":false},"ratings":{"show":false,"value":4.0},"badges":{"sensitive":null,"featured":null,"recommended":null,"editorPick":null},"freeSampleStamp":false,"availableForParents":{"show":false,"dataAttributes":{"toggle":"tooltip","placement":"top","title":"Parents have access"}},"meta":{"showAudience":false,"audience":"For Students","gradeRange":"Higher Ed","showStandards":false,"subject":"Career \u0026 Technical Education","showSubject":true,"videoLength":"7:54","showVideoLength":true},"description":{"text":"This video demonstrates how to apply element sizing with Flexbox.\u0026lt;br/\u0026gt; This clip is from the chapter \"Cascading Style Sheet (CSS) Layouts FlexBox and CSS Grid\" of the series \"Modern Web Design with HTML5, CSS3, and...","html":"This video demonstrates how to apply element sizing with Flexbox.\u003cbr/\u003e\u003c\u003cbr/\u003ebr/\u003e \u003cbr/\u003eThis clip is from the chapter \"Cascading Style Sheet (CSS) Layouts FlexBox and CSS Grid\" of the series \"Modern Web Design with HTML5, CSS3, and...","showSharedResourceTag":false,"showNewReviewTag":false,"newReviewTooltip":"Teacher-reviewed in the past 90 days."},"actions":{"showFooter":true,"locked":false,"buttons":[{"variant":"subscription","url":"/subscription/new?signup_resource_id=5158743","trackingData":{"track_click":"Search result free access button","track_label":"Search Page"},"remote":true}],"secondaryButtons":[{"variant":"card_path_review","url":"/boclips/videos/643fea2471b22e45ae4d5ecd"}],"footerMeta":{"showPublisher":true,"publisherName":"Curated Video","showParentsTag":false}},"isFolder":false}},{"kind":"resource","id":5158750,"type":"boclips_video_metadata","locked":false,"data":{"outerClasses":null,"dataAttributes":{"url":"/boclips/videos/643fea1771b22e45ae4d5ec6","video_url":"/boclips/videos/643fea1771b22e45ae4d5ec6","title":"Modern Web Design with HTML5, CSS3, and JavaScript - Adding and Creating Cascading Style Sheets (CSS) Borders","id":"643fea1771b22e45ae4d5ec6","type":"Boclips::Video","item":{"type":"CollectionItemVideo"},"is_require_teacher_acknowledgment":"false"},"addToBuilder":{"show":false,"data":{}},"typeIcon":{"containerClass":null,"typeClass":"type-instructional-video","primaryTypeName":"Instructional Video","showPrimaryTypeName":true,"resourceShadow":true,"variant":"standard","fileIconClass":"file-icon file-video","contentTypeIcon":"fa-brands fa-youtube"},"banner":{"containerClass":null,"typeClass":"type-instructional-video","variant":"standard","folderOuterIcon":null,"folderInnerIcon":null,"primaryTypeName":"Instructional Video","showPrimaryTypeName":true,"primaryTypeIcon":"fa-circle-play","typeIcon":"fa-solid fa-circle-play mr5","showVideoDuration":true,"videoDuration":"11:33","resourceBackground":true},"counts":{"kind":"none"},"previewImage":{"placeholder":"data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs","dataSrc":"https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_ttagx7t2/width/250/vid_slices/3/vid_slice/1","defaultImage":"https://static.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png","alt":"Modern Web Design with HTML5, CSS3, and JavaScript - Adding and Creating Cascading Style Sheets (CSS) Borders Instructional Video","title":"Modern Web Design with HTML5, CSS3, and JavaScript - Adding and Creating Cascading Style Sheets (CSS) Borders Instructional Video","width":315,"height":220,"className":"resource-img img-thumbnail img-responsive lozad","dataAttributes":{"default_image":"https://static.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png"}},"anchor":{"variant":"link","href":"/boclips/videos/643fea1771b22e45ae4d5ec6","folderOuterIcon":null,"folderInnerIcon":null,"title":"Modern Web Design with HTML5, CSS3, and JavaScript - Adding and Creating Cascading Style Sheets (CSS) Borders Instructional video","dataAttributes":{}},"title":{"text":"Modern Web Design with HTML5, CSS3, and JavaScript - Adding and Creating Cascading Style Sheets (CSS) Borders","html":"Modern Web Design with HTML5, CSS3, and JavaScript - Adding and Creating Cascading Style Sheets (CSS) Borders","titleAttribute":"Modern Web Design with HTML5, CSS3, and JavaScript - Adding and Creating Cascading Style Sheets (CSS) Borders Instructional video","classNames":["resource-title"]},"publisher":{"visible":true,"name":"Curated Video","nearParents":false},"ratings":{"show":false,"value":4.0},"badges":{"sensitive":null,"featured":null,"recommended":null,"editorPick":null},"freeSampleStamp":false,"availableForParents":{"show":false,"dataAttributes":{"toggle":"tooltip","placement":"top","title":"Parents have access"}},"meta":{"showAudience":false,"audience":"For Students","gradeRange":"Higher Ed","showStandards":false,"subject":"Career \u0026 Technical Education","showSubject":true,"videoLength":"11:33","showVideoLength":true},"description":{"text":"This video demonstrates how to add and create CSS borders.\u0026lt;br/\u0026gt; This clip is from the chapter \"Mobile-first Responsive Design in Cascading Style Sheets (CSS) and Web Design\" of the series \"Modern Web Design with HTML5, CSS3, and...","html":"This video demonstrates how to add and create CSS borders.\u003cbr/\u003e\u003c\u003cbr/\u003ebr/\u003e \u003cbr/\u003eThis clip is from the chapter \"Mobile-first Responsive Design in Cascading Style Sheets (CSS) and Web Design\" of the series \"Modern Web Design with HTML5, CSS3, and...","showSharedResourceTag":false,"showNewReviewTag":false,"newReviewTooltip":"Teacher-reviewed in the past 90 days."},"actions":{"showFooter":true,"locked":false,"buttons":[{"variant":"subscription","url":"/subscription/new?signup_resource_id=5158750","trackingData":{"track_click":"Search result free access button","track_label":"Search Page"},"remote":true}],"secondaryButtons":[{"variant":"card_path_review","url":"/boclips/videos/643fea1771b22e45ae4d5ec6"}],"footerMeta":{"showPublisher":true,"publisherName":"Curated Video","showParentsTag":false}},"isFolder":false}},{"kind":"resource","id":5158758,"type":"boclips_video_metadata","locked":false,"data":{"outerClasses":null,"dataAttributes":{"url":"/boclips/videos/643fe93d9dabf606b2e28cdb","video_url":"/boclips/videos/643fe93d9dabf606b2e28cdb","title":"Modern Web Design with HTML5, CSS3, and JavaScript - What is the Box Model and How it Works in Cascading Style Sheets (CSS)?","id":"643fe93d9dabf606b2e28cdb","type":"Boclips::Video","item":{"type":"CollectionItemVideo"},"is_require_teacher_acknowledgment":"false"},"addToBuilder":{"show":false,"data":{}},"typeIcon":{"containerClass":null,"typeClass":"type-instructional-video","primaryTypeName":"Instructional Video","showPrimaryTypeName":true,"resourceShadow":true,"variant":"standard","fileIconClass":"file-icon file-video","contentTypeIcon":"fa-brands fa-youtube"},"banner":{"containerClass":null,"typeClass":"type-instructional-video","variant":"standard","folderOuterIcon":null,"folderInnerIcon":null,"primaryTypeName":"Instructional Video","showPrimaryTypeName":true,"primaryTypeIcon":"fa-circle-play","typeIcon":"fa-solid fa-circle-play mr5","showVideoDuration":true,"videoDuration":"4:00","resourceBackground":true},"counts":{"kind":"none"},"previewImage":{"placeholder":"data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs","dataSrc":"https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_nvmxupr2/width/250/vid_slices/3/vid_slice/1","defaultImage":"https://static.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png","alt":"Modern Web Design with HTML5, CSS3, and JavaScript - What is the Box Model and How it Works in Cascading Style Sheets (CSS)? Instructional Video","title":"Modern Web Design with HTML5, CSS3, and JavaScript - What is the Box Model and How it Works in Cascading Style Sheets (CSS)? Instructional Video","width":315,"height":220,"className":"resource-img img-thumbnail img-responsive lozad","dataAttributes":{"default_image":"https://static.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png"}},"anchor":{"variant":"link","href":"/boclips/videos/643fe93d9dabf606b2e28cdb","folderOuterIcon":null,"folderInnerIcon":null,"title":"Modern Web Design with HTML5, CSS3, and JavaScript - What is the Box Model and How it Works in Cascading Style Sheets (CSS)? Instructional video","dataAttributes":{}},"title":{"text":"Modern Web Design with HTML5, CSS3, and JavaScript - What is the Box Model and How it Works in Cascading Style Sheets (CSS)?","html":"Modern Web Design with HTML5, CSS3, and JavaScript - What is the Box Model and How it Works in Cascading Style Sheets (CSS)?","titleAttribute":"Modern Web Design with HTML5, CSS3, and JavaScript - What is the Box Model and How it Works in Cascading Style Sheets (CSS)? Instructional video","classNames":["resource-title"]},"publisher":{"visible":true,"name":"Curated Video","nearParents":false},"ratings":{"show":false,"value":4.0},"badges":{"sensitive":null,"featured":null,"recommended":null,"editorPick":null},"freeSampleStamp":false,"availableForParents":{"show":false,"dataAttributes":{"toggle":"tooltip","placement":"top","title":"Parents have access"}},"meta":{"showAudience":false,"audience":"For Students","gradeRange":"Higher Ed","showStandards":false,"subject":"Career \u0026 Technical Education","showSubject":true,"videoLength":"4:0","showVideoLength":true},"description":{"text":"This video explains the box model—which includes the content edge, padding edge, border edge, and margin edge—and how it works in CSS.\u0026lt;br/\u0026gt; This clip is from the chapter \"Mobile-first Responsive Design in Cascading Style Sheets...","html":"This video explains the box model—which includes the content edge, padding edge, border edge, and margin edge—and how it works in CSS.\u003cbr/\u003e\u003c\u003cbr/\u003ebr/\u003e \u003cbr/\u003eThis clip is from the chapter \"Mobile-first Responsive Design in Cascading Style Sheets...","showSharedResourceTag":false,"showNewReviewTag":false,"newReviewTooltip":"Teacher-reviewed in the past 90 days."},"actions":{"showFooter":true,"locked":false,"buttons":[{"variant":"subscription","url":"/subscription/new?signup_resource_id=5158758","trackingData":{"track_click":"Search result free access button","track_label":"Search Page"},"remote":true}],"secondaryButtons":[{"variant":"card_path_review","url":"/boclips/videos/643fe93d9dabf606b2e28cdb"}],"footerMeta":{"showPublisher":true,"publisherName":"Curated Video","showParentsTag":false}},"isFolder":false}},{"kind":"resource","id":5158775,"type":"boclips_video_metadata","locked":false,"data":{"outerClasses":null,"dataAttributes":{"url":"/boclips/videos/643fe9362b27796f8f007486","video_url":"/boclips/videos/643fe9362b27796f8f007486","title":"Modern Web Design with HTML5, CSS3, and JavaScript - Using Hover Anchor in Pseudo-class","id":"643fe9362b27796f8f007486","type":"Boclips::Video","item":{"type":"CollectionItemVideo"},"is_require_teacher_acknowledgment":"false"},"addToBuilder":{"show":false,"data":{}},"typeIcon":{"containerClass":null,"typeClass":"type-instructional-video","primaryTypeName":"Instructional Video","showPrimaryTypeName":true,"resourceShadow":true,"variant":"standard","fileIconClass":"file-icon file-video","contentTypeIcon":"fa-brands fa-youtube"},"banner":{"containerClass":null,"typeClass":"type-instructional-video","variant":"standard","folderOuterIcon":null,"folderInnerIcon":null,"primaryTypeName":"Instructional Video","showPrimaryTypeName":true,"primaryTypeIcon":"fa-circle-play","typeIcon":"fa-solid fa-circle-play mr5","showVideoDuration":true,"videoDuration":"3:55","resourceBackground":true},"counts":{"kind":"none"},"previewImage":{"placeholder":"data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs","dataSrc":"https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_iscbrohm/width/250/vid_slices/3/vid_slice/1","defaultImage":"https://static.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png","alt":"Modern Web Design with HTML5, CSS3, and JavaScript - Using Hover Anchor in Pseudo-class Instructional Video","title":"Modern Web Design with HTML5, CSS3, and JavaScript - Using Hover Anchor in Pseudo-class Instructional Video","width":315,"height":220,"className":"resource-img img-thumbnail img-responsive lozad","dataAttributes":{"default_image":"https://static.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png"}},"anchor":{"variant":"link","href":"/boclips/videos/643fe9362b27796f8f007486","folderOuterIcon":null,"folderInnerIcon":null,"title":"Modern Web Design with HTML5, CSS3, and JavaScript - Using Hover Anchor in Pseudo-class Instructional video","dataAttributes":{}},"title":{"text":"Modern Web Design with HTML5, CSS3, and JavaScript - Using Hover Anchor in Pseudo-class","html":"Modern Web Design with HTML5, CSS3, and JavaScript - Using Hover Anchor in Pseudo-class","titleAttribute":"Modern Web Design with HTML5, CSS3, and JavaScript - Using Hover Anchor in Pseudo-class Instructional video","classNames":["resource-title"]},"publisher":{"visible":true,"name":"Curated Video","nearParents":false},"ratings":{"show":false,"value":4.0},"badges":{"sensitive":null,"featured":null,"recommended":null,"editorPick":null},"freeSampleStamp":false,"availableForParents":{"show":false,"dataAttributes":{"toggle":"tooltip","placement":"top","title":"Parents have access"}},"meta":{"showAudience":false,"audience":"For Students","gradeRange":"Higher Ed","showStandards":false,"subject":"Career \u0026 Technical Education","showSubject":true,"videoLength":"3:55","showVideoLength":true},"description":{"text":"This video provides a challenge to use hover anchor in pseudo-class.\u0026lt;br/\u0026gt; This clip is from the chapter \"Cascading Style Sheets (CSS) Challenges\" of the series \"Modern Web Design with HTML5, CSS3, and JavaScript\".This section...","html":"This video provides a challenge to use hover anchor in pseudo-class.\u003cbr/\u003e\u003c\u003cbr/\u003ebr/\u003e \u003cbr/\u003eThis clip is from the chapter \"Cascading Style Sheets (CSS) Challenges\" of the series \"Modern Web Design with HTML5, CSS3, and JavaScript\".This section...","showSharedResourceTag":false,"showNewReviewTag":false,"newReviewTooltip":"Teacher-reviewed in the past 90 days."},"actions":{"showFooter":true,"locked":false,"buttons":[{"variant":"subscription","url":"/subscription/new?signup_resource_id=5158775","trackingData":{"track_click":"Search result free access button","track_label":"Search Page"},"remote":true}],"secondaryButtons":[{"variant":"card_path_review","url":"/boclips/videos/643fe9362b27796f8f007486"}],"footerMeta":{"showPublisher":true,"publisherName":"Curated Video","showParentsTag":false}},"isFolder":false}},{"kind":"resource","id":5158776,"type":"boclips_video_metadata","locked":false,"data":{"outerClasses":null,"dataAttributes":{"url":"/boclips/videos/643fe93692e85745912cdae1","video_url":"/boclips/videos/643fe93692e85745912cdae1","title":"Modern Web Design with HTML5, CSS3, and JavaScript - Using Flexbox to Size Items on the Page","id":"643fe93692e85745912cdae1","type":"Boclips::Video","item":{"type":"CollectionItemVideo"},"is_require_teacher_acknowledgment":"false"},"addToBuilder":{"show":false,"data":{}},"typeIcon":{"containerClass":null,"typeClass":"type-instructional-video","primaryTypeName":"Instructional Video","showPrimaryTypeName":true,"resourceShadow":true,"variant":"standard","fileIconClass":"file-icon file-video","contentTypeIcon":"fa-brands fa-youtube"},"banner":{"containerClass":null,"typeClass":"type-instructional-video","variant":"standard","folderOuterIcon":null,"folderInnerIcon":null,"primaryTypeName":"Instructional Video","showPrimaryTypeName":true,"primaryTypeIcon":"fa-circle-play","typeIcon":"fa-solid fa-circle-play mr5","showVideoDuration":true,"videoDuration":"8:03","resourceBackground":true},"counts":{"kind":"none"},"previewImage":{"placeholder":"data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs","dataSrc":"https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_qshjyfek/width/250/vid_slices/3/vid_slice/1","defaultImage":"https://static.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png","alt":"Modern Web Design with HTML5, CSS3, and JavaScript - Using Flexbox to Size Items on the Page Instructional Video","title":"Modern Web Design with HTML5, CSS3, and JavaScript - Using Flexbox to Size Items on the Page Instructional Video","width":315,"height":220,"className":"resource-img img-thumbnail img-responsive lozad","dataAttributes":{"default_image":"https://static.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png"}},"anchor":{"variant":"link","href":"/boclips/videos/643fe93692e85745912cdae1","folderOuterIcon":null,"folderInnerIcon":null,"title":"Modern Web Design with HTML5, CSS3, and JavaScript - Using Flexbox to Size Items on the Page Instructional video","dataAttributes":{}},"title":{"text":"Modern Web Design with HTML5, CSS3, and JavaScript - Using Flexbox to Size Items on the Page","html":"Modern Web Design with HTML5, CSS3, and JavaScript - Using Flexbox to Size Items on the Page","titleAttribute":"Modern Web Design with HTML5, CSS3, and JavaScript - Using Flexbox to Size Items on the Page Instructional video","classNames":["resource-title"]},"publisher":{"visible":true,"name":"Curated Video","nearParents":false},"ratings":{"show":false,"value":4.0},"badges":{"sensitive":null,"featured":null,"recommended":null,"editorPick":null},"freeSampleStamp":false,"availableForParents":{"show":false,"dataAttributes":{"toggle":"tooltip","placement":"top","title":"Parents have access"}},"meta":{"showAudience":false,"audience":"For Students","gradeRange":"Higher Ed","showStandards":false,"subject":"Career \u0026 Technical Education","showSubject":true,"videoLength":"8:3","showVideoLength":true},"description":{"text":"This video explains how to use Flexbox to size items on the page.\u0026lt;br/\u0026gt; This clip is from the chapter \"Cascading Style Sheet (CSS) Layouts FlexBox and CSS Grid\" of the series \"Modern Web Design with HTML5, CSS3, and...","html":"This video explains how to use Flexbox to size items on the page.\u003cbr/\u003e\u003c\u003cbr/\u003ebr/\u003e \u003cbr/\u003eThis clip is from the chapter \"Cascading Style Sheet (CSS) Layouts FlexBox and CSS Grid\" of the series \"Modern Web Design with HTML5, CSS3, and...","showSharedResourceTag":false,"showNewReviewTag":false,"newReviewTooltip":"Teacher-reviewed in the past 90 days."},"actions":{"showFooter":true,"locked":false,"buttons":[{"variant":"subscription","url":"/subscription/new?signup_resource_id=5158776","trackingData":{"track_click":"Search result free access button","track_label":"Search Page"},"remote":true}],"secondaryButtons":[{"variant":"card_path_review","url":"/boclips/videos/643fe93692e85745912cdae1"}],"footerMeta":{"showPublisher":true,"publisherName":"Curated Video","showParentsTag":false}},"isFolder":false}},{"kind":"resource","id":5158788,"type":"boclips_video_metadata","locked":false,"data":{"outerClasses":null,"dataAttributes":{"url":"/boclips/videos/643fe931183baf60bcd158f1","video_url":"/boclips/videos/643fe931183baf60bcd158f1","title":"Modern Web Design with HTML5, CSS3, and JavaScript - Styling HTML Lists with Bootstrap","id":"643fe931183baf60bcd158f1","type":"Boclips::Video","item":{"type":"CollectionItemVideo"},"is_require_teacher_acknowledgment":"false"},"addToBuilder":{"show":false,"data":{}},"typeIcon":{"containerClass":null,"typeClass":"type-instructional-video","primaryTypeName":"Instructional Video","showPrimaryTypeName":true,"resourceShadow":true,"variant":"standard","fileIconClass":"file-icon file-video","contentTypeIcon":"fa-brands fa-youtube"},"banner":{"containerClass":null,"typeClass":"type-instructional-video","variant":"standard","folderOuterIcon":null,"folderInnerIcon":null,"primaryTypeName":"Instructional Video","showPrimaryTypeName":true,"primaryTypeIcon":"fa-circle-play","typeIcon":"fa-solid fa-circle-play mr5","showVideoDuration":true,"videoDuration":"6:35","resourceBackground":true},"counts":{"kind":"none"},"previewImage":{"placeholder":"data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs","dataSrc":"https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_7irhx43w/width/250/vid_slices/3/vid_slice/1","defaultImage":"https://static.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png","alt":"Modern Web Design with HTML5, CSS3, and JavaScript - Styling HTML Lists with Bootstrap Instructional Video","title":"Modern Web Design with HTML5, CSS3, and JavaScript - Styling HTML Lists with Bootstrap Instructional Video","width":315,"height":220,"className":"resource-img img-thumbnail img-responsive lozad","dataAttributes":{"default_image":"https://static.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png"}},"anchor":{"variant":"link","href":"/boclips/videos/643fe931183baf60bcd158f1","folderOuterIcon":null,"folderInnerIcon":null,"title":"Modern Web Design with HTML5, CSS3, and JavaScript - Styling HTML Lists with Bootstrap Instructional video","dataAttributes":{}},"title":{"text":"Modern Web Design with HTML5, CSS3, and JavaScript - Styling HTML Lists with Bootstrap","html":"Modern Web Design with HTML5, CSS3, and JavaScript - Styling HTML Lists with Bootstrap","titleAttribute":"Modern Web Design with HTML5, CSS3, and JavaScript - Styling HTML Lists with Bootstrap Instructional video","classNames":["resource-title"]},"publisher":{"visible":true,"name":"Curated Video","nearParents":false},"ratings":{"show":false,"value":4.0},"badges":{"sensitive":null,"featured":null,"recommended":null,"editorPick":null},"freeSampleStamp":false,"availableForParents":{"show":false,"dataAttributes":{"toggle":"tooltip","placement":"top","title":"Parents have access"}},"meta":{"showAudience":false,"audience":"For Students","gradeRange":"Higher Ed","showStandards":false,"subject":"Career \u0026 Technical Education","showSubject":true,"videoLength":"6:35","showVideoLength":true},"description":{"text":"This video shows how to style HTML lists with Bootstrap.\u0026lt;br/\u0026gt; This clip is from the chapter \"Exploring Rapid Web Design with the Bootstrap 4 Frontend Framework\" of the series \"Modern Web Design with HTML5, CSS3, and...","html":"This video shows how to style HTML lists with Bootstrap.\u003cbr/\u003e\u003c\u003cbr/\u003ebr/\u003e \u003cbr/\u003eThis clip is from the chapter \"Exploring Rapid Web Design with the Bootstrap 4 Frontend Framework\" of the series \"Modern Web Design with HTML5, CSS3, and...","showSharedResourceTag":false,"showNewReviewTag":false,"newReviewTooltip":"Teacher-reviewed in the past 90 days."},"actions":{"showFooter":true,"locked":false,"buttons":[{"variant":"subscription","url":"/subscription/new?signup_resource_id=5158788","trackingData":{"track_click":"Search result free access button","track_label":"Search Page"},"remote":true}],"secondaryButtons":[{"variant":"card_path_review","url":"/boclips/videos/643fe931183baf60bcd158f1"}],"footerMeta":{"showPublisher":true,"publisherName":"Curated Video","showParentsTag":false}},"isFolder":false}},{"kind":"resource","id":5158793,"type":"boclips_video_metadata","locked":false,"data":{"outerClasses":null,"dataAttributes":{"url":"/boclips/videos/643fe92f9dabf606b2e28cd8","video_url":"/boclips/videos/643fe92f9dabf606b2e28cd8","title":"Modern Web Design with HTML5, CSS3, and JavaScript - Setting up the HTML Structure","id":"643fe92f9dabf606b2e28cd8","type":"Boclips::Video","item":{"type":"CollectionItemVideo"},"is_require_teacher_acknowledgment":"false"},"addToBuilder":{"show":false,"data":{}},"typeIcon":{"containerClass":null,"typeClass":"type-instructional-video","primaryTypeName":"Instructional Video","showPrimaryTypeName":true,"resourceShadow":true,"variant":"standard","fileIconClass":"file-icon file-video","contentTypeIcon":"fa-brands fa-youtube"},"banner":{"containerClass":null,"typeClass":"type-instructional-video","variant":"standard","folderOuterIcon":null,"folderInnerIcon":null,"primaryTypeName":"Instructional Video","showPrimaryTypeName":true,"primaryTypeIcon":"fa-circle-play","typeIcon":"fa-solid fa-circle-play mr5","showVideoDuration":true,"videoDuration":"5:32","resourceBackground":true},"counts":{"kind":"none"},"previewImage":{"placeholder":"data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs","dataSrc":"https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_eh5rgxr7/width/250/vid_slices/3/vid_slice/1","defaultImage":"https://static.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png","alt":"Modern Web Design with HTML5, CSS3, and JavaScript - Setting up the HTML Structure Instructional Video","title":"Modern Web Design with HTML5, CSS3, and JavaScript - Setting up the HTML Structure Instructional Video","width":315,"height":220,"className":"resource-img img-thumbnail img-responsive lozad","dataAttributes":{"default_image":"https://static.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png"}},"anchor":{"variant":"link","href":"/boclips/videos/643fe92f9dabf606b2e28cd8","folderOuterIcon":null,"folderInnerIcon":null,"title":"Modern Web Design with HTML5, CSS3, and JavaScript - Setting up the HTML Structure Instructional video","dataAttributes":{}},"title":{"text":"Modern Web Design with HTML5, CSS3, and JavaScript - Setting up the HTML Structure","html":"Modern Web Design with HTML5, CSS3, and JavaScript - Setting up the HTML Structure","titleAttribute":"Modern Web Design with HTML5, CSS3, and JavaScript - Setting up the HTML Structure Instructional video","classNames":["resource-title"]},"publisher":{"visible":true,"name":"Curated Video","nearParents":false},"ratings":{"show":false,"value":4.0},"badges":{"sensitive":null,"featured":null,"recommended":null,"editorPick":null},"freeSampleStamp":false,"availableForParents":{"show":false,"dataAttributes":{"toggle":"tooltip","placement":"top","title":"Parents have access"}},"meta":{"showAudience":false,"audience":"For Students","gradeRange":"Higher Ed","showStandards":false,"subject":"Career \u0026 Technical Education","showSubject":true,"videoLength":"5:32","showVideoLength":true},"description":{"text":"This video shows how to set up the HTML structure.\u0026lt;br/\u0026gt; This clip is from the chapter \"Creating a Three-column Website from Scratch\" of the series \"Modern Web Design with HTML5, CSS3, and JavaScript\".This section explains how to...","html":"This video shows how to set up the HTML structure.\u003cbr/\u003e\u003c\u003cbr/\u003ebr/\u003e \u003cbr/\u003eThis clip is from the chapter \"Creating a Three-column Website from Scratch\" of the series \"Modern Web Design with HTML5, CSS3, and JavaScript\".This section explains how to...","showSharedResourceTag":false,"showNewReviewTag":false,"newReviewTooltip":"Teacher-reviewed in the past 90 days."},"actions":{"showFooter":true,"locked":false,"buttons":[{"variant":"subscription","url":"/subscription/new?signup_resource_id=5158793","trackingData":{"track_click":"Search result free access button","track_label":"Search Page"},"remote":true}],"secondaryButtons":[{"variant":"card_path_review","url":"/boclips/videos/643fe92f9dabf606b2e28cd8"}],"footerMeta":{"showPublisher":true,"publisherName":"Curated Video","showParentsTag":false}},"isFolder":false}},{"kind":"resource","id":5158810,"type":"boclips_video_metadata","locked":false,"data":{"outerClasses":null,"dataAttributes":{"url":"/boclips/videos/643fe9297db97f6f09d5eb70","video_url":"/boclips/videos/643fe9297db97f6f09d5eb70","title":"Modern Web Design with HTML5, CSS3, and JavaScript - Setting Element Height and Width with Cascading Style Sheets (CSS)","id":"643fe9297db97f6f09d5eb70","type":"Boclips::Video","item":{"type":"CollectionItemVideo"},"is_require_teacher_acknowledgment":"false"},"addToBuilder":{"show":false,"data":{}},"typeIcon":{"containerClass":null,"typeClass":"type-instructional-video","primaryTypeName":"Instructional Video","showPrimaryTypeName":true,"resourceShadow":true,"variant":"standard","fileIconClass":"file-icon file-video","contentTypeIcon":"fa-brands fa-youtube"},"banner":{"containerClass":null,"typeClass":"type-instructional-video","variant":"standard","folderOuterIcon":null,"folderInnerIcon":null,"primaryTypeName":"Instructional Video","showPrimaryTypeName":true,"primaryTypeIcon":"fa-circle-play","typeIcon":"fa-solid fa-circle-play mr5","showVideoDuration":true,"videoDuration":"7:12","resourceBackground":true},"counts":{"kind":"none"},"previewImage":{"placeholder":"data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs","dataSrc":"https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_ui3yv8wq/width/250/vid_slices/3/vid_slice/1","defaultImage":"https://static.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png","alt":"Modern Web Design with HTML5, CSS3, and JavaScript - Setting Element Height and Width with Cascading Style Sheets (CSS) Instructional Video","title":"Modern Web Design with HTML5, CSS3, and JavaScript - Setting Element Height and Width with Cascading Style Sheets (CSS) Instructional Video","width":315,"height":220,"className":"resource-img img-thumbnail img-responsive lozad","dataAttributes":{"default_image":"https://static.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png"}},"anchor":{"variant":"link","href":"/boclips/videos/643fe9297db97f6f09d5eb70","folderOuterIcon":null,"folderInnerIcon":null,"title":"Modern Web Design with HTML5, CSS3, and JavaScript - Setting Element Height and Width with Cascading Style Sheets (CSS) Instructional video","dataAttributes":{}},"title":{"text":"Modern Web Design with HTML5, CSS3, and JavaScript - Setting Element Height and Width with Cascading Style Sheets (CSS)","html":"Modern Web Design with HTML5, CSS3, and JavaScript - Setting Element Height and Width with Cascading Style Sheets (CSS)","titleAttribute":"Modern Web Design with HTML5, CSS3, and JavaScript - Setting Element Height and Width with Cascading Style Sheets (CSS) Instructional video","classNames":["resource-title"]},"publisher":{"visible":true,"name":"Curated Video","nearParents":false},"ratings":{"show":false,"value":4.0},"badges":{"sensitive":null,"featured":null,"recommended":null,"editorPick":null},"freeSampleStamp":false,"availableForParents":{"show":false,"dataAttributes":{"toggle":"tooltip","placement":"top","title":"Parents have access"}},"meta":{"showAudience":false,"audience":"For Students","gradeRange":"Higher Ed","showStandards":false,"subject":"Career \u0026 Technical Education","showSubject":true,"videoLength":"7:12","showVideoLength":true},"description":{"text":"This video demonstrates how to set element height and width with CSS.\u0026lt;br/\u0026gt; This clip is from the chapter \"Mobile-first Responsive Design in Cascading Style Sheets (CSS) and Web Design\" of the series \"Modern Web Design with HTML5,...","html":"This video demonstrates how to set element height and width with CSS.\u003cbr/\u003e\u003c\u003cbr/\u003ebr/\u003e \u003cbr/\u003eThis clip is from the chapter \"Mobile-first Responsive Design in Cascading Style Sheets (CSS) and Web Design\" of the series \"Modern Web Design with HTML5,...","showSharedResourceTag":false,"showNewReviewTag":false,"newReviewTooltip":"Teacher-reviewed in the past 90 days."},"actions":{"showFooter":true,"locked":false,"buttons":[{"variant":"subscription","url":"/subscription/new?signup_resource_id=5158810","trackingData":{"track_click":"Search result free access button","track_label":"Search Page"},"remote":true}],"secondaryButtons":[{"variant":"card_path_review","url":"/boclips/videos/643fe9297db97f6f09d5eb70"}],"footerMeta":{"showPublisher":true,"publisherName":"Curated Video","showParentsTag":false}},"isFolder":false}}],"load_builder":true,"is_builder_open":true,"collection_builder_react_enabled":true,"isDesktop":true,"isMobile":false,"isTablet":false,"free_member_signup_path":"https://www.lessonplanet.com/free_members/new","terms_of_use_path":"/terms-of-use","privacy_policy_path":"/privacy-policy","visitor_validate_collection_item_path":"/collection_items/validate","visitor_collection_items_info_path":"/collection_items/info","providers_facet_name":"Content Curators","state_standards_facet_name":null,"sl_parent_view":null,"ccss_facet_enabled":true,"state_standards_url":"https://www.lessonplanet.com/autocomplete/state_standards","site_license_no_providers_available":false,"search_tabs_path":"/search/tabs.json","ai_tab":false,"ai_enabled":true,"ai_tools_token":null,"ai_teacher_tools_only":null,"search_page":10,"search_results_count":785,"video_resource_type_id":4543647,"search_tabs_enabled":true,"search_tab_id":2,"media_tab_active":true} } if (!('IntersectionObserver' in window)) { // IE 11 & lozad const js = document.createElement('script'); js.src = 'https://polyfill.io/v3/polyfill.js?flags=gated&features=IntersectionObserver'; document.getElementsByTagName('head')[0].appendChild(js); } </script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script> <script src="https://kit.fontawesome.com/c2d41ddd24.js" crossorigin="anonymous" defer="defer"></script> <script src="https://lessonplanet.com/assets/packs/js/base-1dff85296dfd7d21.js"></script> <script> (function(w,d,t,r,u){var f,n,i;w[u]=w[u]||[],f=function(){var o={ti:"4065349"};o.q=w[u],w[u]=new UET(o),w[u].push("pageLoad")},n=d.createElement(t),n.src=r,n.async=1,n.onload=n.onreadystatechange=function(){var s=this.readyState;s&&s!=="loaded"&&s!=="complete"||(f(),n.onload=n.onreadystatechange=null)},i=d.getElementsByTagName(t)[0],i.parentNode.insertBefore(n,i)})(window,document,"script","//bat.bing.com/bat.js","uetq"); </script> </body> </html>