Teaching Resources :: 697

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 - Basic Page Structure in HTML

Higher Ed

This video focuses on the basic page structure 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

Curated Video

Modern Web Design with HTML5, CSS3, and JavaScript - Applying HTML Tags – HTML Exercise

Higher Ed

This video presents an exercise on how to apply HTML tags.
<
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 - Applying Cascading Style Sheets (CSS) to HTML

Higher Ed

This video explains how to apply CSS to HTML.
<
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 create...

Get Free Access See Review

Curated Video

Modern Web Design with HTML5, CSS3, and JavaScript - append() and prepend() Methods

Higher Ed

This video explains the append() and prepend() methods.
<
br/>
This clip is from the chapter "Common JavaScript Questions and Answers for Interview Preparation and Practice" 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 - Adding Google Fonts to Your Website Using Cascading Style Sheets (CSS)

Higher Ed

This video explains how to add Google fonts to your website using CSS.
<
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,...

Get Free Access See Review

Curated Video

Modern Web Design with HTML5, CSS3, and JavaScript - Adding Dummy Content using HTML

Higher Ed

This video shows how to add dummy content using HTML.
<
br/>
This clip is from the chapter "Creating a Cascading Style Sheets (CSS) Grid Website with Flex Navbar" 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 - Adding Color and Font Style

Higher Ed

This video demonstrates how to add color and font style.
<
br/>
This clip is from the chapter "Creating a Cascading Style Sheets (CSS) Grid Website with Flex Navbar" 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 - Adding Cascading Style Sheets (CSS) to Web Pages and Understanding CSS Syntax

Higher Ed

This video demonstrates how to add CSS to web pages and focuses on CSS syntax.
<
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...

Get Free Access See Review

Curated Video

Modern Web Design with HTML5, CSS3, and JavaScript - Adding a Dummy Text and Placeholder Images

Higher Ed

This video demonstrates how to add dummy text and placeholder images in HTML.
<
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...

Get Free Access See Review

Curated Video

Modern Web Design with HTML5, CSS3, and JavaScript - Adding

Higher Ed

This video shows how to add the

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='643fe8d992e85745912cdaa0' data-is-require-teacher-acknowledgment='false' data-item-type='CollectionItemVideo' data-title='Ultimate ASP.NET 5 Web API Development Guide - Implement Paging' data-type='Boclips::Video' data-url='/boclips/videos/643fe8d992e85745912cdaa0' data-video-url='/boclips/videos/643fe8d992e85745912cdaa0'> <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">21:15</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="Ultimate ASP.NET 5 Web API Development Guide - Implement Paging Instructional video" href="/boclips/videos/643fe8d992e85745912cdaa0"><img class="resource-img img-thumbnail img-responsive lozad" alt="Ultimate ASP.NET 5 Web API Development Guide - Implement Paging Instructional Video" title="Ultimate ASP.NET 5 Web API Development Guide - Implement Paging Instructional Video" onError="handleImageNotLoadedError(this)" data-default-image="https://statictemp.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png" data-src="https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_ag0orgnp/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='Ultimate ASP.NET 5 Web API Development Guide - Implement Paging'> <a class="boclips_card" title="Ultimate ASP.NET 5 Web API Development Guide - Implement Paging Instructional video" href="/boclips/videos/643fe8d992e85745912cdaa0">Ultimate ASP.NET 5 Web API Development Guide - Implement Paging </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 implement paging.<br<br/>/><br/> <br/>This clip is from the chapter "Value-Added Features" of the series "Ultimate ASP.NET Core Web API Development Guide".This section focuses on the value-added features. </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 Ultimate ASP.NET 5 Web API Development Guide - Implement Paging 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=5158969"><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="Ultimate ASP.NET 5 Web API Development Guide - Implement Paging Instructional video" href="/boclips/videos/643fe8d992e85745912cdaa0"><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='643fe7b971a6d926e95841df' data-is-require-teacher-acknowledgment='false' data-item-type='CollectionItemVideo' data-title='Modern Web Design with HTML5, CSS3, and JavaScript - Finding Editable Content Using Contenteditable' data-type='Boclips::Video' data-url='/boclips/videos/643fe7b971a6d926e95841df' data-video-url='/boclips/videos/643fe7b971a6d926e95841df'> <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">2:22</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 - Finding Editable Content Using Contenteditable Instructional video" href="/boclips/videos/643fe7b971a6d926e95841df"><img class="resource-img img-thumbnail img-responsive lozad" alt="Modern Web Design with HTML5, CSS3, and JavaScript - Finding Editable Content Using Contenteditable Instructional Video" title="Modern Web Design with HTML5, CSS3, and JavaScript - Finding Editable Content Using Contenteditable Instructional Video" onError="handleImageNotLoadedError(this)" data-default-image="https://statictemp.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png" data-src="https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_nta434vo/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 - Finding Editable Content Using Contenteditable'> <a class="boclips_card" title="Modern Web Design with HTML5, CSS3, and JavaScript - Finding Editable Content Using Contenteditable Instructional video" href="/boclips/videos/643fe7b971a6d926e95841df">Modern Web Design with HTML5, CSS3, and JavaScript - Finding Editable Content Using Contenteditable </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 find editable content using the contenteditable attribute.<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... </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 - Finding Editable Content Using Contenteditable 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=5158976"><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 - Finding Editable Content Using Contenteditable Instructional video" href="/boclips/videos/643fe7b971a6d926e95841df"><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='643fe7b67a78cb723a292524' data-is-require-teacher-acknowledgment='false' data-item-type='CollectionItemVideo' data-title='Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Page Footer Using Cascading Style Sheets (CSS)' data-type='Boclips::Video' data-url='/boclips/videos/643fe7b67a78cb723a292524' data-video-url='/boclips/videos/643fe7b67a78cb723a292524'> <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">1:44</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 Page Footer Using Cascading Style Sheets (CSS) Instructional video" href="/boclips/videos/643fe7b67a78cb723a292524"><img class="resource-img img-thumbnail img-responsive lozad" alt="Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Page Footer Using Cascading Style Sheets (CSS) Instructional Video" title="Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Page Footer Using Cascading Style Sheets (CSS) Instructional Video" onError="handleImageNotLoadedError(this)" data-default-image="https://statictemp.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png" data-src="https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_8prvb0gf/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 Page Footer Using Cascading Style Sheets (CSS)'> <a class="boclips_card" title="Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Page Footer Using Cascading Style Sheets (CSS) Instructional video" href="/boclips/videos/643fe7b67a78cb723a292524">Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Page Footer Using 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 shows how to create a page footer using CSS.<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... </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 Page Footer Using 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=5158981"><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 Page Footer Using Cascading Style Sheets (CSS) Instructional video" href="/boclips/videos/643fe7b67a78cb723a292524"><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='643fe7b605cd551b1ac79fdb' data-is-require-teacher-acknowledgment='false' data-item-type='CollectionItemVideo' data-title='Modern Web Design with HTML5, CSS3, and JavaScript - Adding Pagination in Bootstrap' data-type='Boclips::Video' data-url='/boclips/videos/643fe7b605cd551b1ac79fdb' data-video-url='/boclips/videos/643fe7b605cd551b1ac79fdb'> <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">2:02</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 Pagination in Bootstrap Instructional video" href="/boclips/videos/643fe7b605cd551b1ac79fdb"><img class="resource-img img-thumbnail img-responsive lozad" alt="Modern Web Design with HTML5, CSS3, and JavaScript - Adding Pagination in Bootstrap Instructional Video" title="Modern Web Design with HTML5, CSS3, and JavaScript - Adding Pagination in Bootstrap Instructional Video" onError="handleImageNotLoadedError(this)" data-default-image="https://statictemp.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png" data-src="https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_pwitw213/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 Pagination in Bootstrap'> <a class="boclips_card" title="Modern Web Design with HTML5, CSS3, and JavaScript - Adding Pagination in Bootstrap Instructional video" href="/boclips/videos/643fe7b605cd551b1ac79fdb">Modern Web Design with HTML5, CSS3, and JavaScript - Adding Pagination in 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 explains how to add pagination in 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 - Adding Pagination in 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=5158982"><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 Pagination in Bootstrap Instructional video" href="/boclips/videos/643fe7b605cd551b1ac79fdb"><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='643fe79a91144c6ec20fd3d8' data-is-require-teacher-acknowledgment='false' data-item-type='CollectionItemVideo' data-title='Learn JMeter from Scratch on Live Applications - Performance Testin - Why do We Need Regular Expression Extractor Concept in JMeter?' data-type='Boclips::Video' data-url='/boclips/videos/643fe79a91144c6ec20fd3d8' data-video-url='/boclips/videos/643fe79a91144c6ec20fd3d8'> <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:18</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="Learn JMeter from Scratch on Live Applications - Performance Testin - Why do We Need Regular Expression Extractor Concept in JMeter? Instructional video" href="/boclips/videos/643fe79a91144c6ec20fd3d8"><img class="resource-img img-thumbnail img-responsive lozad" alt="Learn JMeter from Scratch on Live Applications - Performance Testin - Why do We Need Regular Expression Extractor Concept in JMeter? Instructional Video" title="Learn JMeter from Scratch on Live Applications - Performance Testin - Why do We Need Regular Expression Extractor Concept in JMeter? Instructional Video" onError="handleImageNotLoadedError(this)" data-default-image="https://statictemp.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png" data-src="https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_mrlwezgo/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='Learn JMeter from Scratch on Live Applications - Performance Testin - Why do We Need Regular Expression Extractor Concept in JMeter?'> <a class="boclips_card" title="Learn JMeter from Scratch on Live Applications - Performance Testin - Why do We Need Regular Expression Extractor Concept in JMeter? Instructional video" href="/boclips/videos/643fe79a91144c6ec20fd3d8">Learn JMeter from Scratch on Live Applications - Performance Testin - Why do We Need Regular Expression Extractor Concept in JMeter? </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 why we need the Regular Expression Extractor Concept in JMeter.<br/><<br/>br/> <br/>This clip is from the chapter "Importance of Regular Expressions in JMeter" of the series "Learn JMeter from Scratch on Live Applications -... </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 Learn JMeter from Scratch on Live Applications - Performance Testin - Why do We Need Regular Expression Extractor Concept in JMeter? 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=5159024"><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="Learn JMeter from Scratch on Live Applications - Performance Testin - Why do We Need Regular Expression Extractor Concept in JMeter? Instructional video" href="/boclips/videos/643fe79a91144c6ec20fd3d8"><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='643fe7913127080dabd2d62f' data-is-require-teacher-acknowledgment='false' data-item-type='CollectionItemVideo' data-title='Learn JMeter from Scratch on Live Applications - Performance Testin - Different Types of Assertions That You Can Use on JMeter Tests' data-type='Boclips::Video' data-url='/boclips/videos/643fe7913127080dabd2d62f' data-video-url='/boclips/videos/643fe7913127080dabd2d62f'> <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:56</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="Learn JMeter from Scratch on Live Applications - Performance Testin - Different Types of Assertions That You Can Use on JMeter Tests Instructional video" href="/boclips/videos/643fe7913127080dabd2d62f"><img class="resource-img img-thumbnail img-responsive lozad" alt="Learn JMeter from Scratch on Live Applications - Performance Testin - Different Types of Assertions That You Can Use on JMeter Tests Instructional Video" title="Learn JMeter from Scratch on Live Applications - Performance Testin - Different Types of Assertions That You Can Use on JMeter Tests Instructional Video" onError="handleImageNotLoadedError(this)" data-default-image="https://statictemp.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png" data-src="https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_oiq7gr0f/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='Learn JMeter from Scratch on Live Applications - Performance Testin - Different Types of Assertions That You Can Use on JMeter Tests'> <a class="boclips_card" title="Learn JMeter from Scratch on Live Applications - Performance Testin - Different Types of Assertions That You Can Use on JMeter Tests Instructional video" href="/boclips/videos/643fe7913127080dabd2d62f">Learn JMeter from Scratch on Live Applications - Performance Testin - Different Types of Assertions That You Can Use on JMeter Tests </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 different types of assertions that can be used on JMeter tests.<br/><<br/>br/> <br/>This clip is from the chapter "Assertions in JMeter" of the series "Learn JMeter from Scratch on Live Applications - Performance... </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 Learn JMeter from Scratch on Live Applications - Performance Testin - Different Types of Assertions That You Can Use on JMeter Tests 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=5159039"><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="Learn JMeter from Scratch on Live Applications - Performance Testin - Different Types of Assertions That You Can Use on JMeter Tests Instructional video" href="/boclips/videos/643fe7913127080dabd2d62f"><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='643fe6653127080dabd2d624' data-is-require-teacher-acknowledgment='false' data-item-type='CollectionItemVideo' data-title='Learn JMeter from Scratch on Live Applications - Performance Testin - What is Correlation?' data-type='Boclips::Video' data-url='/boclips/videos/643fe6653127080dabd2d624' data-video-url='/boclips/videos/643fe6653127080dabd2d624'> <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:41</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="Learn JMeter from Scratch on Live Applications - Performance Testin - What is Correlation? Instructional video" href="/boclips/videos/643fe6653127080dabd2d624"><img class="resource-img img-thumbnail img-responsive lozad" alt="Learn JMeter from Scratch on Live Applications - Performance Testin - What is Correlation? Instructional Video" title="Learn JMeter from Scratch on Live Applications - Performance Testin - What is Correlation? Instructional Video" onError="handleImageNotLoadedError(this)" data-default-image="https://statictemp.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png" data-src="https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_yfd7x1vy/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='Learn JMeter from Scratch on Live Applications - Performance Testin - What is Correlation?'> <a class="boclips_card" title="Learn JMeter from Scratch on Live Applications - Performance Testin - What is Correlation? Instructional video" href="/boclips/videos/643fe6653127080dabd2d624">Learn JMeter from Scratch on Live Applications - Performance Testin - What is Correlation? </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 concept of correlation.<br/><<br/>br/> <br/>This clip is from the chapter "Handling Dynamic Responses - Advanced JMeter" of the series "Learn JMeter from Scratch on Live Applications - Performance Testing".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 Learn JMeter from Scratch on Live Applications - Performance Testin - What is Correlation? 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=5159106"><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="Learn JMeter from Scratch on Live Applications - Performance Testin - What is Correlation? Instructional video" href="/boclips/videos/643fe6653127080dabd2d624"><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='643fe8f9a0829f36839b8122' data-is-require-teacher-acknowledgment='false' data-item-type='CollectionItemVideo' data-title='Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Responsive Bootstrap Nav Code' data-type='Boclips::Video' data-url='/boclips/videos/643fe8f9a0829f36839b8122' data-video-url='/boclips/videos/643fe8f9a0829f36839b8122'> <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: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 - Creating a Responsive Bootstrap Nav Code Instructional video" href="/boclips/videos/643fe8f9a0829f36839b8122"><img class="resource-img img-thumbnail img-responsive lozad" alt="Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Responsive Bootstrap Nav Code Instructional Video" title="Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Responsive Bootstrap Nav Code Instructional Video" onError="handleImageNotLoadedError(this)" data-default-image="https://statictemp.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png" data-src="https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_ow56bmrk/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 Responsive Bootstrap Nav Code'> <a class="boclips_card" title="Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Responsive Bootstrap Nav Code Instructional video" href="/boclips/videos/643fe8f9a0829f36839b8122">Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Responsive Bootstrap Nav Code </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 responsive Bootstrap nav code.<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 - Creating a Responsive Bootstrap Nav Code 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=5158920"><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 Responsive Bootstrap Nav Code Instructional video" href="/boclips/videos/643fe8f9a0829f36839b8122"><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='643fe8f992e85745912cdac2' data-is-require-teacher-acknowledgment='false' data-item-type='CollectionItemVideo' data-title='Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Page Header Using Cascading Style Sheets (CSS)' data-type='Boclips::Video' data-url='/boclips/videos/643fe8f992e85745912cdac2' data-video-url='/boclips/videos/643fe8f992e85745912cdac2'> <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:39</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 Page Header Using Cascading Style Sheets (CSS) Instructional video" href="/boclips/videos/643fe8f992e85745912cdac2"><img class="resource-img img-thumbnail img-responsive lozad" alt="Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Page Header Using Cascading Style Sheets (CSS) Instructional Video" title="Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Page Header Using Cascading Style Sheets (CSS) Instructional Video" onError="handleImageNotLoadedError(this)" data-default-image="https://statictemp.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png" data-src="https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_13gcj40y/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 Page Header Using Cascading Style Sheets (CSS)'> <a class="boclips_card" title="Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Page Header Using Cascading Style Sheets (CSS) Instructional video" href="/boclips/videos/643fe8f992e85745912cdac2">Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Page Header Using 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 shows how to create a page header using CSS.<br/><<br/>br/> <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... </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 Page Header Using 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=5158921"><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 Page Header Using Cascading Style Sheets (CSS) Instructional video" href="/boclips/videos/643fe8f992e85745912cdac2"><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='643fe8f7e6dbf8220dd78fe6' data-is-require-teacher-acknowledgment='false' data-item-type='CollectionItemVideo' data-title='Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Free Website through GitHub Pages' data-type='Boclips::Video' data-url='/boclips/videos/643fe8f7e6dbf8220dd78fe6' data-video-url='/boclips/videos/643fe8f7e6dbf8220dd78fe6'> <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:51</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 Free Website through GitHub Pages Instructional video" href="/boclips/videos/643fe8f7e6dbf8220dd78fe6"><img class="resource-img img-thumbnail img-responsive lozad" alt="Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Free Website through GitHub Pages Instructional Video" title="Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Free Website through GitHub Pages Instructional Video" onError="handleImageNotLoadedError(this)" data-default-image="https://statictemp.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png" data-src="https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_tltte02s/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 Free Website through GitHub Pages'> <a class="boclips_card" title="Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Free Website through GitHub Pages Instructional video" href="/boclips/videos/643fe8f7e6dbf8220dd78fe6">Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Free Website through GitHub Pages </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 free website through GitHub Pages.<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... </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 Free Website through GitHub Pages 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=5158926"><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 Free Website through GitHub Pages Instructional video" href="/boclips/videos/643fe8f7e6dbf8220dd78fe6"><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='643fe8f5e6dbf8220dd78fe5' data-is-require-teacher-acknowledgment='false' data-item-type='CollectionItemVideo' data-title='Modern Web Design with HTML5, CSS3, and JavaScript - Conclusion – Cascading Style Sheets (CSS) Grid' data-type='Boclips::Video' data-url='/boclips/videos/643fe8f5e6dbf8220dd78fe5' data-video-url='/boclips/videos/643fe8f5e6dbf8220dd78fe5'> <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: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 - Conclusion – Cascading Style Sheets (CSS) Grid Instructional video" href="/boclips/videos/643fe8f5e6dbf8220dd78fe5"><img class="resource-img img-thumbnail img-responsive lozad" alt="Modern Web Design with HTML5, CSS3, and JavaScript - Conclusion – Cascading Style Sheets (CSS) Grid Instructional Video" title="Modern Web Design with HTML5, CSS3, and JavaScript - Conclusion – Cascading Style Sheets (CSS) Grid Instructional Video" onError="handleImageNotLoadedError(this)" data-default-image="https://statictemp.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png" data-src="https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_kn3we9je/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 - Conclusion – Cascading Style Sheets (CSS) Grid'> <a class="boclips_card" title="Modern Web Design with HTML5, CSS3, and JavaScript - Conclusion – Cascading Style Sheets (CSS) Grid Instructional video" href="/boclips/videos/643fe8f5e6dbf8220dd78fe5">Modern Web Design with HTML5, CSS3, and JavaScript - Conclusion – Cascading Style Sheets (CSS) Grid </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 conclusion on CSS Grid.<br/><<br/>br/> <br/>This clip is from the chapter "Creating a Cascading Style Sheets (CSS) Grid Website with Flex Navbar" 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 - Conclusion – Cascading Style Sheets (CSS) Grid 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=5158928"><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 - Conclusion – Cascading Style Sheets (CSS) Grid Instructional video" href="/boclips/videos/643fe8f5e6dbf8220dd78fe5"><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?keyterm_ids%5B%5D=206079&keywords=&page=29&search_tab_id=2">← Previous</a></li> <li><a rel="" href="/search?keyterm_ids%5B%5D=206079&keywords=&search_tab_id=2">1</a></li> <li class="disabled"><a href="#">…</a></li> <li><a rel="prev" href="/search?keyterm_ids%5B%5D=206079&keywords=&page=29&search_tab_id=2">29</a></li> <li class="active"><a rel="" href="/search?keyterm_ids%5B%5D=206079&keywords=&page=30&search_tab_id=2">30</a></li> <li><a rel="next" href="/search?keyterm_ids%5B%5D=206079&keywords=&page=31&search_tab_id=2">31</a></li> <li class="disabled"><a href="#">…</a></li> <li><a rel="" href="/search?keyterm_ids%5B%5D=206079&keywords=&page=42&search_tab_id=2">42</a></li> <li class="next next_page "><a rel="next" href="/search?keyterm_ids%5B%5D=206079&keywords=&page=31&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 type="hidden" name="utf8" value="✓" /><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> <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","keyterm_ids":[206079],"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":"1,954","search_total_pages":2,"search_current_page":30,"initial_search_results":[{"kind":"resource","id":5158937,"type":"boclips_video_metadata","locked":false,"data":{"outerClasses":null,"dataAttributes":{"url":"/boclips/videos/643fe8f1e6dbf8220dd78fe3","video_url":"/boclips/videos/643fe8f1e6dbf8220dd78fe3","title":"Modern Web Design with HTML5, CSS3, and JavaScript - Basic Page Structure in HTML","id":"643fe8f1e6dbf8220dd78fe3","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:24","resourceBackground":true},"counts":{"kind":"none"},"previewImage":{"placeholder":"data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs","dataSrc":"https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_6whptt9d/width/250/vid_slices/3/vid_slice/1","defaultImage":"https://statictemp.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png","alt":"Modern Web Design with HTML5, CSS3, and JavaScript - Basic Page Structure in HTML Instructional Video","title":"Modern Web Design with HTML5, CSS3, and JavaScript - Basic Page Structure in HTML Instructional Video","width":315,"height":220,"className":"resource-img img-thumbnail img-responsive lozad","dataAttributes":{"default_image":"https://statictemp.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png"}},"anchor":{"variant":"link","href":"/boclips/videos/643fe8f1e6dbf8220dd78fe3","folderOuterIcon":null,"folderInnerIcon":null,"title":"Modern Web Design with HTML5, CSS3, and JavaScript - Basic Page Structure in HTML Instructional video","dataAttributes":{}},"title":{"text":"Modern Web Design with HTML5, CSS3, and JavaScript - Basic Page Structure in HTML","html":"Modern Web Design with HTML5, CSS3, and JavaScript - Basic Page Structure in HTML","titleAttribute":"Modern Web Design with HTML5, CSS3, and JavaScript - Basic Page Structure 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":"8:24","showVideoLength":true},"description":{"text":"This video focuses on the basic page structure 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 focuses on the basic page structure 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=5158937","trackingData":{"track_click":"Search result free access button","track_label":"Search Page"},"remote":true}],"secondaryButtons":[{"variant":"card_path_review","url":"/boclips/videos/643fe8f1e6dbf8220dd78fe3"}],"footerMeta":{"showPublisher":true,"publisherName":"Curated Video","showParentsTag":false}},"isFolder":false}},{"kind":"resource","id":5158938,"type":"boclips_video_metadata","locked":false,"data":{"outerClasses":null,"dataAttributes":{"url":"/boclips/videos/643fe8f092e85745912cdab7","video_url":"/boclips/videos/643fe8f092e85745912cdab7","title":"Modern Web Design with HTML5, CSS3, and JavaScript - Applying HTML Tags – HTML Exercise","id":"643fe8f092e85745912cdab7","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_ryusu6qh/width/250/vid_slices/3/vid_slice/1","defaultImage":"https://statictemp.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png","alt":"Modern Web Design with HTML5, CSS3, and JavaScript - Applying HTML Tags – HTML Exercise Instructional Video","title":"Modern Web Design with HTML5, CSS3, and JavaScript - Applying HTML Tags – HTML Exercise Instructional Video","width":315,"height":220,"className":"resource-img img-thumbnail img-responsive lozad","dataAttributes":{"default_image":"https://statictemp.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png"}},"anchor":{"variant":"link","href":"/boclips/videos/643fe8f092e85745912cdab7","folderOuterIcon":null,"folderInnerIcon":null,"title":"Modern Web Design with HTML5, CSS3, and JavaScript - Applying HTML Tags – HTML Exercise Instructional video","dataAttributes":{}},"title":{"text":"Modern Web Design with HTML5, CSS3, and JavaScript - Applying HTML Tags – HTML Exercise","html":"Modern Web Design with HTML5, CSS3, and JavaScript - Applying HTML Tags – HTML Exercise","titleAttribute":"Modern Web Design with HTML5, CSS3, and JavaScript - Applying HTML Tags – HTML 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":"7:12","showVideoLength":true},"description":{"text":"This video presents an exercise on how to apply HTML tags.\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 presents an exercise on how to apply HTML tags.\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=5158938","trackingData":{"track_click":"Search result free access button","track_label":"Search Page"},"remote":true}],"secondaryButtons":[{"variant":"card_path_review","url":"/boclips/videos/643fe8f092e85745912cdab7"}],"footerMeta":{"showPublisher":true,"publisherName":"Curated Video","showParentsTag":false}},"isFolder":false}},{"kind":"resource","id":5158940,"type":"boclips_video_metadata","locked":false,"data":{"outerClasses":null,"dataAttributes":{"url":"/boclips/videos/643fe8ef92e85745912cdab5","video_url":"/boclips/videos/643fe8ef92e85745912cdab5","title":"Modern Web Design with HTML5, CSS3, and JavaScript - Applying Cascading Style Sheets (CSS) to HTML","id":"643fe8ef92e85745912cdab5","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:07","resourceBackground":true},"counts":{"kind":"none"},"previewImage":{"placeholder":"data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs","dataSrc":"https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_d6cdrzad/width/250/vid_slices/3/vid_slice/1","defaultImage":"https://statictemp.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png","alt":"Modern Web Design with HTML5, CSS3, and JavaScript - Applying Cascading Style Sheets (CSS) to HTML Instructional Video","title":"Modern Web Design with HTML5, CSS3, and JavaScript - Applying Cascading Style Sheets (CSS) to HTML Instructional Video","width":315,"height":220,"className":"resource-img img-thumbnail img-responsive lozad","dataAttributes":{"default_image":"https://statictemp.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png"}},"anchor":{"variant":"link","href":"/boclips/videos/643fe8ef92e85745912cdab5","folderOuterIcon":null,"folderInnerIcon":null,"title":"Modern Web Design with HTML5, CSS3, and JavaScript - Applying Cascading Style Sheets (CSS) to HTML Instructional video","dataAttributes":{}},"title":{"text":"Modern Web Design with HTML5, CSS3, and JavaScript - Applying Cascading Style Sheets (CSS) to HTML","html":"Modern Web Design with HTML5, CSS3, and JavaScript - Applying Cascading Style Sheets (CSS) to HTML","titleAttribute":"Modern Web Design with HTML5, CSS3, and JavaScript - Applying Cascading Style Sheets (CSS) to 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":"4:7","showVideoLength":true},"description":{"text":"This video explains how to apply CSS to HTML.\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 create...","html":"This video explains how to apply CSS to HTML.\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 create...","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=5158940","trackingData":{"track_click":"Search result free access button","track_label":"Search Page"},"remote":true}],"secondaryButtons":[{"variant":"card_path_review","url":"/boclips/videos/643fe8ef92e85745912cdab5"}],"footerMeta":{"showPublisher":true,"publisherName":"Curated Video","showParentsTag":false}},"isFolder":false}},{"kind":"resource","id":5158941,"type":"boclips_video_metadata","locked":false,"data":{"outerClasses":null,"dataAttributes":{"url":"/boclips/videos/643fe8ef71a6d926e95841e3","video_url":"/boclips/videos/643fe8ef71a6d926e95841e3","title":"Modern Web Design with HTML5, CSS3, and JavaScript - append() and prepend() Methods","id":"643fe8ef71a6d926e95841e3","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: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_spy7563i/width/250/vid_slices/3/vid_slice/1","defaultImage":"https://statictemp.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png","alt":"Modern Web Design with HTML5, CSS3, and JavaScript - append() and prepend() Methods Instructional Video","title":"Modern Web Design with HTML5, CSS3, and JavaScript - append() and prepend() Methods Instructional Video","width":315,"height":220,"className":"resource-img img-thumbnail img-responsive lozad","dataAttributes":{"default_image":"https://statictemp.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png"}},"anchor":{"variant":"link","href":"/boclips/videos/643fe8ef71a6d926e95841e3","folderOuterIcon":null,"folderInnerIcon":null,"title":"Modern Web Design with HTML5, CSS3, and JavaScript - append() and prepend() Methods Instructional video","dataAttributes":{}},"title":{"text":"Modern Web Design with HTML5, CSS3, and JavaScript - append() and prepend() Methods","html":"Modern Web Design with HTML5, CSS3, and JavaScript - append() and prepend() Methods","titleAttribute":"Modern Web Design with HTML5, CSS3, and JavaScript - append() and prepend() Methods 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:58","showVideoLength":true},"description":{"text":"This video explains the append() and prepend() methods.\u0026lt;br/\u0026gt; This clip is from the chapter \"Common JavaScript Questions and Answers for Interview Preparation and Practice\" of the series \"Modern Web Design with HTML5, CSS3, and...","html":"This video explains the append() and prepend() methods.\u003cbr/\u003e\u003c\u003cbr/\u003ebr/\u003e \u003cbr/\u003eThis clip is from the chapter \"Common JavaScript Questions and Answers for Interview Preparation and Practice\" 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=5158941","trackingData":{"track_click":"Search result free access button","track_label":"Search Page"},"remote":true}],"secondaryButtons":[{"variant":"card_path_review","url":"/boclips/videos/643fe8ef71a6d926e95841e3"}],"footerMeta":{"showPublisher":true,"publisherName":"Curated Video","showParentsTag":false}},"isFolder":false}},{"kind":"resource","id":5158944,"type":"boclips_video_metadata","locked":false,"data":{"outerClasses":null,"dataAttributes":{"url":"/boclips/videos/643fe8ed71a6d926e95841e2","video_url":"/boclips/videos/643fe8ed71a6d926e95841e2","title":"Modern Web Design with HTML5, CSS3, and JavaScript - Adding Google Fonts to Your Website Using Cascading Style Sheets (CSS)","id":"643fe8ed71a6d926e95841e2","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:07","resourceBackground":true},"counts":{"kind":"none"},"previewImage":{"placeholder":"data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs","dataSrc":"https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_adttword/width/250/vid_slices/3/vid_slice/1","defaultImage":"https://statictemp.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png","alt":"Modern Web Design with HTML5, CSS3, and JavaScript - Adding Google Fonts to Your Website Using Cascading Style Sheets (CSS) Instructional Video","title":"Modern Web Design with HTML5, CSS3, and JavaScript - Adding Google Fonts to Your Website Using Cascading Style Sheets (CSS) Instructional Video","width":315,"height":220,"className":"resource-img img-thumbnail img-responsive lozad","dataAttributes":{"default_image":"https://statictemp.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png"}},"anchor":{"variant":"link","href":"/boclips/videos/643fe8ed71a6d926e95841e2","folderOuterIcon":null,"folderInnerIcon":null,"title":"Modern Web Design with HTML5, CSS3, and JavaScript - Adding Google Fonts to Your Website Using Cascading Style Sheets (CSS) Instructional video","dataAttributes":{}},"title":{"text":"Modern Web Design with HTML5, CSS3, and JavaScript - Adding Google Fonts to Your Website Using Cascading Style Sheets (CSS)","html":"Modern Web Design with HTML5, CSS3, and JavaScript - Adding Google Fonts to Your Website Using Cascading Style Sheets (CSS)","titleAttribute":"Modern Web Design with HTML5, CSS3, and JavaScript - Adding Google Fonts to Your Website 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":"4:7","showVideoLength":true},"description":{"text":"This video explains how to add Google fonts to your website using 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 explains how to add Google fonts to your website using 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=5158944","trackingData":{"track_click":"Search result free access button","track_label":"Search Page"},"remote":true}],"secondaryButtons":[{"variant":"card_path_review","url":"/boclips/videos/643fe8ed71a6d926e95841e2"}],"footerMeta":{"showPublisher":true,"publisherName":"Curated Video","showParentsTag":false}},"isFolder":false}},{"kind":"resource","id":5158947,"type":"boclips_video_metadata","locked":false,"data":{"outerClasses":null,"dataAttributes":{"url":"/boclips/videos/643fe8eca0829f36839b811a","video_url":"/boclips/videos/643fe8eca0829f36839b811a","title":"Modern Web Design with HTML5, CSS3, and JavaScript - Adding Dummy Content using HTML","id":"643fe8eca0829f36839b811a","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: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_5j3znzvf/width/250/vid_slices/3/vid_slice/1","defaultImage":"https://statictemp.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png","alt":"Modern Web Design with HTML5, CSS3, and JavaScript - Adding Dummy Content using HTML Instructional Video","title":"Modern Web Design with HTML5, CSS3, and JavaScript - Adding Dummy Content using HTML Instructional Video","width":315,"height":220,"className":"resource-img img-thumbnail img-responsive lozad","dataAttributes":{"default_image":"https://statictemp.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png"}},"anchor":{"variant":"link","href":"/boclips/videos/643fe8eca0829f36839b811a","folderOuterIcon":null,"folderInnerIcon":null,"title":"Modern Web Design with HTML5, CSS3, and JavaScript - Adding Dummy Content using HTML Instructional video","dataAttributes":{}},"title":{"text":"Modern Web Design with HTML5, CSS3, and JavaScript - Adding Dummy Content using HTML","html":"Modern Web Design with HTML5, CSS3, and JavaScript - Adding Dummy Content using HTML","titleAttribute":"Modern Web Design with HTML5, CSS3, and JavaScript - Adding Dummy Content using 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":"3:58","showVideoLength":true},"description":{"text":"This video shows how to add dummy content using HTML.\u0026lt;br/\u0026gt; This clip is from the chapter \"Creating a Cascading Style Sheets (CSS) Grid Website with Flex Navbar\" of the series \"Modern Web Design with HTML5, CSS3, and...","html":"This video shows how to add dummy content using HTML.\u003cbr/\u003e\u003c\u003cbr/\u003ebr/\u003e \u003cbr/\u003eThis clip is from the chapter \"Creating a Cascading Style Sheets (CSS) Grid Website with Flex Navbar\" 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=5158947","trackingData":{"track_click":"Search result free access button","track_label":"Search Page"},"remote":true}],"secondaryButtons":[{"variant":"card_path_review","url":"/boclips/videos/643fe8eca0829f36839b811a"}],"footerMeta":{"showPublisher":true,"publisherName":"Curated Video","showParentsTag":false}},"isFolder":false}},{"kind":"resource","id":5158951,"type":"boclips_video_metadata","locked":false,"data":{"outerClasses":null,"dataAttributes":{"url":"/boclips/videos/643fe8ea92e85745912cdaae","video_url":"/boclips/videos/643fe8ea92e85745912cdaae","title":"Modern Web Design with HTML5, CSS3, and JavaScript - Adding Color and Font Style","id":"643fe8ea92e85745912cdaae","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: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_c13266ns/width/250/vid_slices/3/vid_slice/1","defaultImage":"https://statictemp.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png","alt":"Modern Web Design with HTML5, CSS3, and JavaScript - Adding Color and Font Style Instructional Video","title":"Modern Web Design with HTML5, CSS3, and JavaScript - Adding Color and Font Style Instructional Video","width":315,"height":220,"className":"resource-img img-thumbnail img-responsive lozad","dataAttributes":{"default_image":"https://statictemp.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png"}},"anchor":{"variant":"link","href":"/boclips/videos/643fe8ea92e85745912cdaae","folderOuterIcon":null,"folderInnerIcon":null,"title":"Modern Web Design with HTML5, CSS3, and JavaScript - Adding Color and Font Style Instructional video","dataAttributes":{}},"title":{"text":"Modern Web Design with HTML5, CSS3, and JavaScript - Adding Color and Font Style","html":"Modern Web Design with HTML5, CSS3, and JavaScript - Adding Color and Font Style","titleAttribute":"Modern Web Design with HTML5, CSS3, and JavaScript - Adding Color and Font Style 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:17","showVideoLength":true},"description":{"text":"This video demonstrates how to add color and font style.\u0026lt;br/\u0026gt; This clip is from the chapter \"Creating a Cascading Style Sheets (CSS) Grid Website with Flex Navbar\" of the series \"Modern Web Design with HTML5, CSS3, and...","html":"This video demonstrates how to add color and font style.\u003cbr/\u003e\u003c\u003cbr/\u003ebr/\u003e \u003cbr/\u003eThis clip is from the chapter \"Creating a Cascading Style Sheets (CSS) Grid Website with Flex Navbar\" 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=5158951","trackingData":{"track_click":"Search result free access button","track_label":"Search Page"},"remote":true}],"secondaryButtons":[{"variant":"card_path_review","url":"/boclips/videos/643fe8ea92e85745912cdaae"}],"footerMeta":{"showPublisher":true,"publisherName":"Curated Video","showParentsTag":false}},"isFolder":false}},{"kind":"resource","id":5158952,"type":"boclips_video_metadata","locked":false,"data":{"outerClasses":null,"dataAttributes":{"url":"/boclips/videos/643fe8ea71a6d926e95841e0","video_url":"/boclips/videos/643fe8ea71a6d926e95841e0","title":"Modern Web Design with HTML5, CSS3, and JavaScript - Adding Cascading Style Sheets (CSS) to Web Pages and Understanding CSS Syntax","id":"643fe8ea71a6d926e95841e0","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: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_t3ceb2vx/width/250/vid_slices/3/vid_slice/1","defaultImage":"https://statictemp.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png","alt":"Modern Web Design with HTML5, CSS3, and JavaScript - Adding Cascading Style Sheets (CSS) to Web Pages and Understanding CSS Syntax Instructional Video","title":"Modern Web Design with HTML5, CSS3, and JavaScript - Adding Cascading Style Sheets (CSS) to Web Pages and Understanding CSS Syntax Instructional Video","width":315,"height":220,"className":"resource-img img-thumbnail img-responsive lozad","dataAttributes":{"default_image":"https://statictemp.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png"}},"anchor":{"variant":"link","href":"/boclips/videos/643fe8ea71a6d926e95841e0","folderOuterIcon":null,"folderInnerIcon":null,"title":"Modern Web Design with HTML5, CSS3, and JavaScript - Adding Cascading Style Sheets (CSS) to Web Pages and Understanding CSS Syntax Instructional video","dataAttributes":{}},"title":{"text":"Modern Web Design with HTML5, CSS3, and JavaScript - Adding Cascading Style Sheets (CSS) to Web Pages and Understanding CSS Syntax","html":"Modern Web Design with HTML5, CSS3, and JavaScript - Adding Cascading Style Sheets (CSS) to Web Pages and Understanding CSS Syntax","titleAttribute":"Modern Web Design with HTML5, CSS3, and JavaScript - Adding Cascading Style Sheets (CSS) to Web Pages and Understanding CSS Syntax 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:48","showVideoLength":true},"description":{"text":"This video demonstrates how to add CSS to web pages and focuses on CSS syntax.\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...","html":"This video demonstrates how to add CSS to web pages and focuses on CSS syntax.\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...","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=5158952","trackingData":{"track_click":"Search result free access button","track_label":"Search Page"},"remote":true}],"secondaryButtons":[{"variant":"card_path_review","url":"/boclips/videos/643fe8ea71a6d926e95841e0"}],"footerMeta":{"showPublisher":true,"publisherName":"Curated Video","showParentsTag":false}},"isFolder":false}},{"kind":"resource","id":5158956,"type":"boclips_video_metadata","locked":false,"data":{"outerClasses":null,"dataAttributes":{"url":"/boclips/videos/643fe8e8a0829f36839b8116","video_url":"/boclips/videos/643fe8e8a0829f36839b8116","title":"Modern Web Design with HTML5, CSS3, and JavaScript - Adding a Dummy Text and Placeholder Images","id":"643fe8e8a0829f36839b8116","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:22","resourceBackground":true},"counts":{"kind":"none"},"previewImage":{"placeholder":"data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs","dataSrc":"https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_hftcck3q/width/250/vid_slices/3/vid_slice/1","defaultImage":"https://statictemp.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png","alt":"Modern Web Design with HTML5, CSS3, and JavaScript - Adding a Dummy Text and Placeholder Images Instructional Video","title":"Modern Web Design with HTML5, CSS3, and JavaScript - Adding a Dummy Text and Placeholder Images Instructional Video","width":315,"height":220,"className":"resource-img img-thumbnail img-responsive lozad","dataAttributes":{"default_image":"https://statictemp.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png"}},"anchor":{"variant":"link","href":"/boclips/videos/643fe8e8a0829f36839b8116","folderOuterIcon":null,"folderInnerIcon":null,"title":"Modern Web Design with HTML5, CSS3, and JavaScript - Adding a Dummy Text and Placeholder Images Instructional video","dataAttributes":{}},"title":{"text":"Modern Web Design with HTML5, CSS3, and JavaScript - Adding a Dummy Text and Placeholder Images","html":"Modern Web Design with HTML5, CSS3, and JavaScript - Adding a Dummy Text and Placeholder Images","titleAttribute":"Modern Web Design with HTML5, CSS3, and JavaScript - Adding a Dummy Text and Placeholder Images 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:22","showVideoLength":true},"description":{"text":"This video demonstrates how to add dummy text and placeholder images in HTML.\u0026lt;br/\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...","html":"This video demonstrates how to add dummy text and placeholder images in HTML.\u003cbr/\u003e\u003c\u003cbr/\u003ebr/\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...","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=5158956","trackingData":{"track_click":"Search result free access button","track_label":"Search Page"},"remote":true}],"secondaryButtons":[{"variant":"card_path_review","url":"/boclips/videos/643fe8e8a0829f36839b8116"}],"footerMeta":{"showPublisher":true,"publisherName":"Curated Video","showParentsTag":false}},"isFolder":false}},{"kind":"resource","id":5158958,"type":"boclips_video_metadata","locked":false,"data":{"outerClasses":null,"dataAttributes":{"url":"/boclips/videos/643fe8e892e85745912cdaab","video_url":"/boclips/videos/643fe8e892e85745912cdaab","title":"Modern Web Design with HTML5, CSS3, and JavaScript - Adding \u003caudio\u003e and \u003cvideo\u003e Tags in HTML","id":"643fe8e892e85745912cdaab","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:18","resourceBackground":true},"counts":{"kind":"none"},"previewImage":{"placeholder":"data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs","dataSrc":"https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_2hyajo45/width/250/vid_slices/3/vid_slice/1","defaultImage":"https://statictemp.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png","alt":"Modern Web Design with HTML5, CSS3, and JavaScript - Adding \u003caudio\u003e and \u003cvideo\u003e Tags in HTML Instructional Video","title":"Modern Web Design with HTML5, CSS3, and JavaScript - Adding \u003caudio\u003e and \u003cvideo\u003e Tags in HTML Instructional Video","width":315,"height":220,"className":"resource-img img-thumbnail img-responsive lozad","dataAttributes":{"default_image":"https://statictemp.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png"}},"anchor":{"variant":"link","href":"/boclips/videos/643fe8e892e85745912cdaab","folderOuterIcon":null,"folderInnerIcon":null,"title":"Modern Web Design with HTML5, CSS3, and JavaScript - Adding \u003caudio\u003e and \u003cvideo\u003e Tags in HTML Instructional video","dataAttributes":{}},"title":{"text":"Modern Web Design with HTML5, CSS3, and JavaScript - Adding and Tags in HTML","html":"Modern Web Design with HTML5, CSS3, and JavaScript - Adding \u003caudio\u003e and \u003cvideo\u003e Tags in HTML","titleAttribute":"Modern Web Design with HTML5, CSS3, and JavaScript - Adding \u003caudio\u003e and \u003cvideo\u003e Tags 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":"4:18","showVideoLength":true},"description":{"text":"This video shows how to add the and tags in HTML.\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...","html":"This video shows how to add the \u003caudio\u003e and \u003cvideo\u003e tags in 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...","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=5158958","trackingData":{"track_click":"Search result free access button","track_label":"Search Page"},"remote":true}],"secondaryButtons":[{"variant":"card_path_review","url":"/boclips/videos/643fe8e892e85745912cdaab"}],"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://statictemp.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://statictemp.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://statictemp.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://statictemp.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://statictemp.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://statictemp.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":5158969,"type":"boclips_video_metadata","locked":false,"data":{"outerClasses":null,"dataAttributes":{"url":"/boclips/videos/643fe8d992e85745912cdaa0","video_url":"/boclips/videos/643fe8d992e85745912cdaa0","title":"Ultimate ASP.NET 5 Web API Development Guide - Implement Paging","id":"643fe8d992e85745912cdaa0","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":"21:15","resourceBackground":true},"counts":{"kind":"none"},"previewImage":{"placeholder":"data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs","dataSrc":"https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_ag0orgnp/width/250/vid_slices/3/vid_slice/1","defaultImage":"https://statictemp.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png","alt":"Ultimate ASP.NET 5 Web API Development Guide - Implement Paging Instructional Video","title":"Ultimate ASP.NET 5 Web API Development Guide - Implement Paging Instructional Video","width":315,"height":220,"className":"resource-img img-thumbnail img-responsive lozad","dataAttributes":{"default_image":"https://statictemp.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png"}},"anchor":{"variant":"link","href":"/boclips/videos/643fe8d992e85745912cdaa0","folderOuterIcon":null,"folderInnerIcon":null,"title":"Ultimate ASP.NET 5 Web API Development Guide - Implement Paging Instructional video","dataAttributes":{}},"title":{"text":"Ultimate ASP.NET 5 Web API Development Guide - Implement Paging","html":"Ultimate ASP.NET 5 Web API Development Guide - Implement Paging","titleAttribute":"Ultimate ASP.NET 5 Web API Development Guide - Implement Paging 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":"21:15","showVideoLength":true},"description":{"text":"This video shows how to implement paging.\u0026lt;br\u0026lt;br/\u0026gt;/\u0026gt; This clip is from the chapter \"Value-Added Features\" of the series \"Ultimate ASP.NET Core Web API Development Guide\".This section focuses on the value-added features.","html":"This video shows how to implement paging.\u0026lt;br\u0026lt;br/\u0026gt;/\u0026gt;\u003cbr/\u003e \u003cbr/\u003eThis clip is from the chapter \"Value-Added Features\" of the series \"Ultimate ASP.NET Core Web API Development Guide\".This section focuses on the value-added features.","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=5158969","trackingData":{"track_click":"Search result free access button","track_label":"Search Page"},"remote":true}],"secondaryButtons":[{"variant":"card_path_review","url":"/boclips/videos/643fe8d992e85745912cdaa0"}],"footerMeta":{"showPublisher":true,"publisherName":"Curated Video","showParentsTag":false}},"isFolder":false}},{"kind":"resource","id":5158976,"type":"boclips_video_metadata","locked":false,"data":{"outerClasses":null,"dataAttributes":{"url":"/boclips/videos/643fe7b971a6d926e95841df","video_url":"/boclips/videos/643fe7b971a6d926e95841df","title":"Modern Web Design with HTML5, CSS3, and JavaScript - Finding Editable Content Using Contenteditable","id":"643fe7b971a6d926e95841df","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":"2:22","resourceBackground":true},"counts":{"kind":"none"},"previewImage":{"placeholder":"data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs","dataSrc":"https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_nta434vo/width/250/vid_slices/3/vid_slice/1","defaultImage":"https://statictemp.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png","alt":"Modern Web Design with HTML5, CSS3, and JavaScript - Finding Editable Content Using Contenteditable Instructional Video","title":"Modern Web Design with HTML5, CSS3, and JavaScript - Finding Editable Content Using Contenteditable Instructional Video","width":315,"height":220,"className":"resource-img img-thumbnail img-responsive lozad","dataAttributes":{"default_image":"https://statictemp.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png"}},"anchor":{"variant":"link","href":"/boclips/videos/643fe7b971a6d926e95841df","folderOuterIcon":null,"folderInnerIcon":null,"title":"Modern Web Design with HTML5, CSS3, and JavaScript - Finding Editable Content Using Contenteditable Instructional video","dataAttributes":{}},"title":{"text":"Modern Web Design with HTML5, CSS3, and JavaScript - Finding Editable Content Using Contenteditable","html":"Modern Web Design with HTML5, CSS3, and JavaScript - Finding Editable Content Using Contenteditable","titleAttribute":"Modern Web Design with HTML5, CSS3, and JavaScript - Finding Editable Content Using Contenteditable 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":"2:22","showVideoLength":true},"description":{"text":"This video explains how to find editable content using the contenteditable attribute.\u0026lt;br/\u0026gt; This clip is from the chapter \"HTML Challenges\" of the series \"Modern Web Design with HTML5, CSS3, and JavaScript\".This section presents...","html":"This video explains how to find editable content using the contenteditable attribute.\u003cbr/\u003e\u003c\u003cbr/\u003ebr/\u003e \u003cbr/\u003eThis clip is from the chapter \"HTML Challenges\" of the series \"Modern Web Design with HTML5, CSS3, and JavaScript\".This section presents...","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=5158976","trackingData":{"track_click":"Search result free access button","track_label":"Search Page"},"remote":true}],"secondaryButtons":[{"variant":"card_path_review","url":"/boclips/videos/643fe7b971a6d926e95841df"}],"footerMeta":{"showPublisher":true,"publisherName":"Curated Video","showParentsTag":false}},"isFolder":false}},{"kind":"resource","id":5158981,"type":"boclips_video_metadata","locked":false,"data":{"outerClasses":null,"dataAttributes":{"url":"/boclips/videos/643fe7b67a78cb723a292524","video_url":"/boclips/videos/643fe7b67a78cb723a292524","title":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Page Footer Using Cascading Style Sheets (CSS)","id":"643fe7b67a78cb723a292524","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":"1:44","resourceBackground":true},"counts":{"kind":"none"},"previewImage":{"placeholder":"data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs","dataSrc":"https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_8prvb0gf/width/250/vid_slices/3/vid_slice/1","defaultImage":"https://statictemp.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png","alt":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Page Footer Using Cascading Style Sheets (CSS) Instructional Video","title":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Page Footer Using Cascading Style Sheets (CSS) Instructional Video","width":315,"height":220,"className":"resource-img img-thumbnail img-responsive lozad","dataAttributes":{"default_image":"https://statictemp.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png"}},"anchor":{"variant":"link","href":"/boclips/videos/643fe7b67a78cb723a292524","folderOuterIcon":null,"folderInnerIcon":null,"title":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Page Footer Using Cascading Style Sheets (CSS) Instructional video","dataAttributes":{}},"title":{"text":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Page Footer Using Cascading Style Sheets (CSS)","html":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Page Footer Using Cascading Style Sheets (CSS)","titleAttribute":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Page Footer 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":"1:44","showVideoLength":true},"description":{"text":"This video shows how to create a page footer using CSS.\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...","html":"This video shows how to create a page footer using CSS.\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...","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=5158981","trackingData":{"track_click":"Search result free access button","track_label":"Search Page"},"remote":true}],"secondaryButtons":[{"variant":"card_path_review","url":"/boclips/videos/643fe7b67a78cb723a292524"}],"footerMeta":{"showPublisher":true,"publisherName":"Curated Video","showParentsTag":false}},"isFolder":false}},{"kind":"resource","id":5158982,"type":"boclips_video_metadata","locked":false,"data":{"outerClasses":null,"dataAttributes":{"url":"/boclips/videos/643fe7b605cd551b1ac79fdb","video_url":"/boclips/videos/643fe7b605cd551b1ac79fdb","title":"Modern Web Design with HTML5, CSS3, and JavaScript - Adding Pagination in Bootstrap","id":"643fe7b605cd551b1ac79fdb","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":"2:02","resourceBackground":true},"counts":{"kind":"none"},"previewImage":{"placeholder":"data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs","dataSrc":"https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_pwitw213/width/250/vid_slices/3/vid_slice/1","defaultImage":"https://statictemp.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png","alt":"Modern Web Design with HTML5, CSS3, and JavaScript - Adding Pagination in Bootstrap Instructional Video","title":"Modern Web Design with HTML5, CSS3, and JavaScript - Adding Pagination in Bootstrap Instructional Video","width":315,"height":220,"className":"resource-img img-thumbnail img-responsive lozad","dataAttributes":{"default_image":"https://statictemp.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png"}},"anchor":{"variant":"link","href":"/boclips/videos/643fe7b605cd551b1ac79fdb","folderOuterIcon":null,"folderInnerIcon":null,"title":"Modern Web Design with HTML5, CSS3, and JavaScript - Adding Pagination in Bootstrap Instructional video","dataAttributes":{}},"title":{"text":"Modern Web Design with HTML5, CSS3, and JavaScript - Adding Pagination in Bootstrap","html":"Modern Web Design with HTML5, CSS3, and JavaScript - Adding Pagination in Bootstrap","titleAttribute":"Modern Web Design with HTML5, CSS3, and JavaScript - Adding Pagination in 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":"2:2","showVideoLength":true},"description":{"text":"This video explains how to add pagination in 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 explains how to add pagination in 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=5158982","trackingData":{"track_click":"Search result free access button","track_label":"Search Page"},"remote":true}],"secondaryButtons":[{"variant":"card_path_review","url":"/boclips/videos/643fe7b605cd551b1ac79fdb"}],"footerMeta":{"showPublisher":true,"publisherName":"Curated Video","showParentsTag":false}},"isFolder":false}},{"kind":"resource","id":5159024,"type":"boclips_video_metadata","locked":false,"data":{"outerClasses":null,"dataAttributes":{"url":"/boclips/videos/643fe79a91144c6ec20fd3d8","video_url":"/boclips/videos/643fe79a91144c6ec20fd3d8","title":"Learn JMeter from Scratch on Live Applications - Performance Testin - Why do We Need Regular Expression Extractor Concept in JMeter?","id":"643fe79a91144c6ec20fd3d8","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:18","resourceBackground":true},"counts":{"kind":"none"},"previewImage":{"placeholder":"data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs","dataSrc":"https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_mrlwezgo/width/250/vid_slices/3/vid_slice/1","defaultImage":"https://statictemp.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png","alt":"Learn JMeter from Scratch on Live Applications - Performance Testin - Why do We Need Regular Expression Extractor Concept in JMeter? Instructional Video","title":"Learn JMeter from Scratch on Live Applications - Performance Testin - Why do We Need Regular Expression Extractor Concept in JMeter? Instructional Video","width":315,"height":220,"className":"resource-img img-thumbnail img-responsive lozad","dataAttributes":{"default_image":"https://statictemp.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png"}},"anchor":{"variant":"link","href":"/boclips/videos/643fe79a91144c6ec20fd3d8","folderOuterIcon":null,"folderInnerIcon":null,"title":"Learn JMeter from Scratch on Live Applications - Performance Testin - Why do We Need Regular Expression Extractor Concept in JMeter? Instructional video","dataAttributes":{}},"title":{"text":"Learn JMeter from Scratch on Live Applications - Performance Testin - Why do We Need Regular Expression Extractor Concept in JMeter?","html":"Learn JMeter from Scratch on Live Applications - Performance Testin - Why do We Need Regular Expression Extractor Concept in JMeter?","titleAttribute":"Learn JMeter from Scratch on Live Applications - Performance Testin - Why do We Need Regular Expression Extractor Concept in JMeter? 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":"All Subjects","showSubject":true,"videoLength":"14:18","showVideoLength":true},"description":{"text":"This video explains why we need the Regular Expression Extractor Concept in JMeter.\u0026lt;br/\u0026gt; This clip is from the chapter \"Importance of Regular Expressions in JMeter\" of the series \"Learn JMeter from Scratch on Live Applications -...","html":"This video explains why we need the Regular Expression Extractor Concept in JMeter.\u003cbr/\u003e\u003c\u003cbr/\u003ebr/\u003e \u003cbr/\u003eThis clip is from the chapter \"Importance of Regular Expressions in JMeter\" of the series \"Learn JMeter from Scratch on Live Applications -...","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=5159024","trackingData":{"track_click":"Search result free access button","track_label":"Search Page"},"remote":true}],"secondaryButtons":[{"variant":"card_path_review","url":"/boclips/videos/643fe79a91144c6ec20fd3d8"}],"footerMeta":{"showPublisher":true,"publisherName":"Curated Video","showParentsTag":false}},"isFolder":false}},{"kind":"resource","id":5159039,"type":"boclips_video_metadata","locked":false,"data":{"outerClasses":null,"dataAttributes":{"url":"/boclips/videos/643fe7913127080dabd2d62f","video_url":"/boclips/videos/643fe7913127080dabd2d62f","title":"Learn JMeter from Scratch on Live Applications - Performance Testin - Different Types of Assertions That You Can Use on JMeter Tests","id":"643fe7913127080dabd2d62f","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:56","resourceBackground":true},"counts":{"kind":"none"},"previewImage":{"placeholder":"data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs","dataSrc":"https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_oiq7gr0f/width/250/vid_slices/3/vid_slice/1","defaultImage":"https://statictemp.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png","alt":"Learn JMeter from Scratch on Live Applications - Performance Testin - Different Types of Assertions That You Can Use on JMeter Tests Instructional Video","title":"Learn JMeter from Scratch on Live Applications - Performance Testin - Different Types of Assertions That You Can Use on JMeter Tests Instructional Video","width":315,"height":220,"className":"resource-img img-thumbnail img-responsive lozad","dataAttributes":{"default_image":"https://statictemp.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png"}},"anchor":{"variant":"link","href":"/boclips/videos/643fe7913127080dabd2d62f","folderOuterIcon":null,"folderInnerIcon":null,"title":"Learn JMeter from Scratch on Live Applications - Performance Testin - Different Types of Assertions That You Can Use on JMeter Tests Instructional video","dataAttributes":{}},"title":{"text":"Learn JMeter from Scratch on Live Applications - Performance Testin - Different Types of Assertions That You Can Use on JMeter Tests","html":"Learn JMeter from Scratch on Live Applications - Performance Testin - Different Types of Assertions That You Can Use on JMeter Tests","titleAttribute":"Learn JMeter from Scratch on Live Applications - Performance Testin - Different Types of Assertions That You Can Use on JMeter Tests 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:56","showVideoLength":true},"description":{"text":"This video explains the different types of assertions that can be used on JMeter tests.\u0026lt;br/\u0026gt; This clip is from the chapter \"Assertions in JMeter\" of the series \"Learn JMeter from Scratch on Live Applications - Performance...","html":"This video explains the different types of assertions that can be used on JMeter tests.\u003cbr/\u003e\u003c\u003cbr/\u003ebr/\u003e \u003cbr/\u003eThis clip is from the chapter \"Assertions in JMeter\" of the series \"Learn JMeter from Scratch on Live Applications - Performance...","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=5159039","trackingData":{"track_click":"Search result free access button","track_label":"Search Page"},"remote":true}],"secondaryButtons":[{"variant":"card_path_review","url":"/boclips/videos/643fe7913127080dabd2d62f"}],"footerMeta":{"showPublisher":true,"publisherName":"Curated Video","showParentsTag":false}},"isFolder":false}},{"kind":"resource","id":5159106,"type":"boclips_video_metadata","locked":false,"data":{"outerClasses":null,"dataAttributes":{"url":"/boclips/videos/643fe6653127080dabd2d624","video_url":"/boclips/videos/643fe6653127080dabd2d624","title":"Learn JMeter from Scratch on Live Applications - Performance Testin - What is Correlation?","id":"643fe6653127080dabd2d624","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:41","resourceBackground":true},"counts":{"kind":"none"},"previewImage":{"placeholder":"data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs","dataSrc":"https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_yfd7x1vy/width/250/vid_slices/3/vid_slice/1","defaultImage":"https://statictemp.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png","alt":"Learn JMeter from Scratch on Live Applications - Performance Testin - What is Correlation? Instructional Video","title":"Learn JMeter from Scratch on Live Applications - Performance Testin - What is Correlation? Instructional Video","width":315,"height":220,"className":"resource-img img-thumbnail img-responsive lozad","dataAttributes":{"default_image":"https://statictemp.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png"}},"anchor":{"variant":"link","href":"/boclips/videos/643fe6653127080dabd2d624","folderOuterIcon":null,"folderInnerIcon":null,"title":"Learn JMeter from Scratch on Live Applications - Performance Testin - What is Correlation? Instructional video","dataAttributes":{}},"title":{"text":"Learn JMeter from Scratch on Live Applications - Performance Testin - What is Correlation?","html":"Learn JMeter from Scratch on Live Applications - Performance Testin - What is Correlation?","titleAttribute":"Learn JMeter from Scratch on Live Applications - Performance Testin - What is Correlation? 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:41","showVideoLength":true},"description":{"text":"This video explains the concept of correlation.\u0026lt;br/\u0026gt; This clip is from the chapter \"Handling Dynamic Responses - Advanced JMeter\" of the series \"Learn JMeter from Scratch on Live Applications - Performance Testing\".This section...","html":"This video explains the concept of correlation.\u003cbr/\u003e\u003c\u003cbr/\u003ebr/\u003e \u003cbr/\u003eThis clip is from the chapter \"Handling Dynamic Responses - Advanced JMeter\" of the series \"Learn JMeter from Scratch on Live Applications - Performance Testing\".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=5159106","trackingData":{"track_click":"Search result free access button","track_label":"Search Page"},"remote":true}],"secondaryButtons":[{"variant":"card_path_review","url":"/boclips/videos/643fe6653127080dabd2d624"}],"footerMeta":{"showPublisher":true,"publisherName":"Curated Video","showParentsTag":false}},"isFolder":false}},{"kind":"resource","id":5158920,"type":"boclips_video_metadata","locked":false,"data":{"outerClasses":null,"dataAttributes":{"url":"/boclips/videos/643fe8f9a0829f36839b8122","video_url":"/boclips/videos/643fe8f9a0829f36839b8122","title":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Responsive Bootstrap Nav Code","id":"643fe8f9a0829f36839b8122","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: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_ow56bmrk/width/250/vid_slices/3/vid_slice/1","defaultImage":"https://statictemp.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png","alt":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Responsive Bootstrap Nav Code Instructional Video","title":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Responsive Bootstrap Nav Code Instructional Video","width":315,"height":220,"className":"resource-img img-thumbnail img-responsive lozad","dataAttributes":{"default_image":"https://statictemp.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png"}},"anchor":{"variant":"link","href":"/boclips/videos/643fe8f9a0829f36839b8122","folderOuterIcon":null,"folderInnerIcon":null,"title":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Responsive Bootstrap Nav Code Instructional video","dataAttributes":{}},"title":{"text":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Responsive Bootstrap Nav Code","html":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Responsive Bootstrap Nav Code","titleAttribute":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Responsive Bootstrap Nav Code 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:33","showVideoLength":true},"description":{"text":"This video explains how to create a responsive Bootstrap nav code.\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 explains how to create a responsive Bootstrap nav code.\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=5158920","trackingData":{"track_click":"Search result free access button","track_label":"Search Page"},"remote":true}],"secondaryButtons":[{"variant":"card_path_review","url":"/boclips/videos/643fe8f9a0829f36839b8122"}],"footerMeta":{"showPublisher":true,"publisherName":"Curated Video","showParentsTag":false}},"isFolder":false}},{"kind":"resource","id":5158921,"type":"boclips_video_metadata","locked":false,"data":{"outerClasses":null,"dataAttributes":{"url":"/boclips/videos/643fe8f992e85745912cdac2","video_url":"/boclips/videos/643fe8f992e85745912cdac2","title":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Page Header Using Cascading Style Sheets (CSS)","id":"643fe8f992e85745912cdac2","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: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_13gcj40y/width/250/vid_slices/3/vid_slice/1","defaultImage":"https://statictemp.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png","alt":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Page Header Using Cascading Style Sheets (CSS) Instructional Video","title":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Page Header Using Cascading Style Sheets (CSS) Instructional Video","width":315,"height":220,"className":"resource-img img-thumbnail img-responsive lozad","dataAttributes":{"default_image":"https://statictemp.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png"}},"anchor":{"variant":"link","href":"/boclips/videos/643fe8f992e85745912cdac2","folderOuterIcon":null,"folderInnerIcon":null,"title":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Page Header Using Cascading Style Sheets (CSS) Instructional video","dataAttributes":{}},"title":{"text":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Page Header Using Cascading Style Sheets (CSS)","html":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Page Header Using Cascading Style Sheets (CSS)","titleAttribute":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Page Header 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:39","showVideoLength":true},"description":{"text":"This video shows how to create a page header using CSS.\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...","html":"This video shows how to create a page header using CSS.\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...","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=5158921","trackingData":{"track_click":"Search result free access button","track_label":"Search Page"},"remote":true}],"secondaryButtons":[{"variant":"card_path_review","url":"/boclips/videos/643fe8f992e85745912cdac2"}],"footerMeta":{"showPublisher":true,"publisherName":"Curated Video","showParentsTag":false}},"isFolder":false}},{"kind":"resource","id":5158926,"type":"boclips_video_metadata","locked":false,"data":{"outerClasses":null,"dataAttributes":{"url":"/boclips/videos/643fe8f7e6dbf8220dd78fe6","video_url":"/boclips/videos/643fe8f7e6dbf8220dd78fe6","title":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Free Website through GitHub Pages","id":"643fe8f7e6dbf8220dd78fe6","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:51","resourceBackground":true},"counts":{"kind":"none"},"previewImage":{"placeholder":"data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs","dataSrc":"https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_tltte02s/width/250/vid_slices/3/vid_slice/1","defaultImage":"https://statictemp.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png","alt":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Free Website through GitHub Pages Instructional Video","title":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Free Website through GitHub Pages Instructional Video","width":315,"height":220,"className":"resource-img img-thumbnail img-responsive lozad","dataAttributes":{"default_image":"https://statictemp.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png"}},"anchor":{"variant":"link","href":"/boclips/videos/643fe8f7e6dbf8220dd78fe6","folderOuterIcon":null,"folderInnerIcon":null,"title":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Free Website through GitHub Pages Instructional video","dataAttributes":{}},"title":{"text":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Free Website through GitHub Pages","html":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Free Website through GitHub Pages","titleAttribute":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Free Website through GitHub Pages 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:51","showVideoLength":true},"description":{"text":"This video explains how to create a free website through GitHub Pages.\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...","html":"This video explains how to create a free website through GitHub Pages.\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...","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=5158926","trackingData":{"track_click":"Search result free access button","track_label":"Search Page"},"remote":true}],"secondaryButtons":[{"variant":"card_path_review","url":"/boclips/videos/643fe8f7e6dbf8220dd78fe6"}],"footerMeta":{"showPublisher":true,"publisherName":"Curated Video","showParentsTag":false}},"isFolder":false}},{"kind":"resource","id":5158928,"type":"boclips_video_metadata","locked":false,"data":{"outerClasses":null,"dataAttributes":{"url":"/boclips/videos/643fe8f5e6dbf8220dd78fe5","video_url":"/boclips/videos/643fe8f5e6dbf8220dd78fe5","title":"Modern Web Design with HTML5, CSS3, and JavaScript - Conclusion – Cascading Style Sheets (CSS) Grid","id":"643fe8f5e6dbf8220dd78fe5","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: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_kn3we9je/width/250/vid_slices/3/vid_slice/1","defaultImage":"https://statictemp.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png","alt":"Modern Web Design with HTML5, CSS3, and JavaScript - Conclusion – Cascading Style Sheets (CSS) Grid Instructional Video","title":"Modern Web Design with HTML5, CSS3, and JavaScript - Conclusion – Cascading Style Sheets (CSS) Grid Instructional Video","width":315,"height":220,"className":"resource-img img-thumbnail img-responsive lozad","dataAttributes":{"default_image":"https://statictemp.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png"}},"anchor":{"variant":"link","href":"/boclips/videos/643fe8f5e6dbf8220dd78fe5","folderOuterIcon":null,"folderInnerIcon":null,"title":"Modern Web Design with HTML5, CSS3, and JavaScript - Conclusion – Cascading Style Sheets (CSS) Grid Instructional video","dataAttributes":{}},"title":{"text":"Modern Web Design with HTML5, CSS3, and JavaScript - Conclusion – Cascading Style Sheets (CSS) Grid","html":"Modern Web Design with HTML5, CSS3, and JavaScript - Conclusion – Cascading Style Sheets (CSS) Grid","titleAttribute":"Modern Web Design with HTML5, CSS3, and JavaScript - Conclusion – Cascading Style Sheets (CSS) Grid 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:31","showVideoLength":true},"description":{"text":"This video provides a conclusion on CSS Grid.\u0026lt;br/\u0026gt; This clip is from the chapter \"Creating a Cascading Style Sheets (CSS) Grid Website with Flex Navbar\" of the series \"Modern Web Design with HTML5, CSS3, and JavaScript\".This...","html":"This video provides a conclusion on CSS Grid.\u003cbr/\u003e\u003c\u003cbr/\u003ebr/\u003e \u003cbr/\u003eThis clip is from the chapter \"Creating a Cascading Style Sheets (CSS) Grid Website with Flex Navbar\" 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=5158928","trackingData":{"track_click":"Search result free access button","track_label":"Search Page"},"remote":true}],"secondaryButtons":[{"variant":"card_path_review","url":"/boclips/videos/643fe8f5e6dbf8220dd78fe5"}],"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://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://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":30,"search_results_count":1954,"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-89edf496dfc59499.js"></script> </body> </html>