Teaching Resources :: 865

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 - Adding a MailTo Link in HTML.

Higher Ed

This video demonstrates how to add a MailTo to link in HTML.
<
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 - 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 a Dropdown Fluxionality in Bootstrap

Higher Ed

This video explains how to add a dropdown functionality in Bootstrap.
<
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...

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='643fe8d792e85745912cda98' data-is-require-teacher-acknowledgment='false' data-item-type='CollectionItemVideo' data-title='Learn JavaScript from Scratch JavaScript for Everyone - Your Project' data-type='Boclips::Video' data-url='/boclips/videos/643fe8d792e85745912cda98' data-video-url='/boclips/videos/643fe8d792e85745912cda98'> <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">16:14</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 JavaScript from Scratch JavaScript for Everyone - Your Project Instructional video" href="/boclips/videos/643fe8d792e85745912cda98"><img class="resource-img img-thumbnail img-responsive lozad" alt="Learn JavaScript from Scratch JavaScript for Everyone - Your Project Instructional Video" title="Learn JavaScript from Scratch JavaScript for Everyone - Your Project 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_4kxuage5/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 JavaScript from Scratch JavaScript for Everyone - Your Project'> <a class="boclips_card" title="Learn JavaScript from Scratch JavaScript for Everyone - Your Project Instructional video" href="/boclips/videos/643fe8d792e85745912cda98">Learn JavaScript from Scratch JavaScript for Everyone - Your Project </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'> In this video, you'll get a brief of the project that you'll create.<br/><<br/>br/> <br/>This clip is from the chapter "Final Project" of the series "Learn JavaScript from Scratch: JavaScript for Everyone".In this section, you'll get the brief... </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 JavaScript from Scratch JavaScript for Everyone - Your Project 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=5158975"><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 JavaScript from Scratch JavaScript for Everyone - Your Project Instructional video" href="/boclips/videos/643fe8d792e85745912cda98"><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='643fe7b871a6d926e95841de' data-is-require-teacher-acknowledgment='false' data-item-type='CollectionItemVideo' data-title='Modern Web Design with HTML5, CSS3, and JavaScript - Fat Footer Website Design' data-type='Boclips::Video' data-url='/boclips/videos/643fe7b871a6d926e95841de' data-video-url='/boclips/videos/643fe7b871a6d926e95841de'> <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:20</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 - Fat Footer Website Design Instructional video" href="/boclips/videos/643fe7b871a6d926e95841de"><img class="resource-img img-thumbnail img-responsive lozad" alt="Modern Web Design with HTML5, CSS3, and JavaScript - Fat Footer Website Design Instructional Video" title="Modern Web Design with HTML5, CSS3, and JavaScript - Fat Footer Website Design 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_jrd1w3f6/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 - Fat Footer Website Design'> <a class="boclips_card" title="Modern Web Design with HTML5, CSS3, and JavaScript - Fat Footer Website Design Instructional video" href="/boclips/videos/643fe7b871a6d926e95841de">Modern Web Design with HTML5, CSS3, and JavaScript - Fat Footer Website Design </a></h4> <div class='resource-meta text-xs text-gray-600 overflow-hidden text-ellipsis'> <i class='lp-icon fa-regular fa-graduation-cap'></i> <span class='resource-grade'>Higher Ed</span> </div> <div class='resource-description-wrap'> <div class='resource-description'> This video introduces you to the website's fat footer design.<br/><<br/>br/> <br/>This clip is from the chapter "Creating a Website from Scratch with a Fat Footer Design using the Flex Property" of the series "Modern Web Design with HTML5, CSS3,... </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 - Fat Footer Website Design 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=5158977"><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 - Fat Footer Website Design Instructional video" href="/boclips/videos/643fe7b871a6d926e95841de"><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='643fe7b871a6d926e95841dd' data-is-require-teacher-acknowledgment='false' data-item-type='CollectionItemVideo' data-title='Modern Web Design with HTML5, CSS3, and JavaScript - Exploring More Cascading Style Sheet (CSS) and CSS3 to Design Your Website with Styling' data-type='Boclips::Video' data-url='/boclips/videos/643fe7b871a6d926e95841dd' data-video-url='/boclips/videos/643fe7b871a6d926e95841dd'> <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:08</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 - Exploring More Cascading Style Sheet (CSS) and CSS3 to Design Your Website with Styling Instructional video" href="/boclips/videos/643fe7b871a6d926e95841dd"><img class="resource-img img-thumbnail img-responsive lozad" alt="Modern Web Design with HTML5, CSS3, and JavaScript - Exploring More Cascading Style Sheet (CSS) and CSS3 to Design Your Website with Styling Instructional Video" title="Modern Web Design with HTML5, CSS3, and JavaScript - Exploring More Cascading Style Sheet (CSS) and CSS3 to Design Your Website with Styling 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_s4cu4au0/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 - Exploring More Cascading Style Sheet (CSS) and CSS3 to Design Your Website with Styling'> <a class="boclips_card" title="Modern Web Design with HTML5, CSS3, and JavaScript - Exploring More Cascading Style Sheet (CSS) and CSS3 to Design Your Website with Styling Instructional video" href="/boclips/videos/643fe7b871a6d926e95841dd">Modern Web Design with HTML5, CSS3, and JavaScript - Exploring More Cascading Style Sheet (CSS) and CSS3 to Design Your Website with Styling </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 helps you explore more about CSS and CSS3 to design a website with styling.<br/><<br/>br/> <br/>This clip is from the chapter "Exploring More with Cascading Style Sheet (CSS3) and Creating Webpages Easily" of the series "Modern Web... </div> </div> <div class='resource-actions bg-white'> <a class="btn btn-default btn-xs text-xs free-access-btn upgrade-btn" title="Get Free Access to Modern Web Design with HTML5, CSS3, and JavaScript - Exploring More Cascading Style Sheet (CSS) and CSS3 to Design Your Website with Styling 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=5158978"><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 - Exploring More Cascading Style Sheet (CSS) and CSS3 to Design Your Website with Styling Instructional video" href="/boclips/videos/643fe7b871a6d926e95841dd"><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='643fe7b871a6d926e95841dc' data-is-require-teacher-acknowledgment='false' data-item-type='CollectionItemVideo' data-title='Modern Web Design with HTML5, CSS3, and JavaScript - Exploring More Advanced Options with JavaScript and Focusing on Dynamic and Interactive Websites' data-type='Boclips::Video' data-url='/boclips/videos/643fe7b871a6d926e95841dc' data-video-url='/boclips/videos/643fe7b871a6d926e95841dc'> <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:17</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 - Exploring More Advanced Options with JavaScript and Focusing on Dynamic and Interactive Websites Instructional video" href="/boclips/videos/643fe7b871a6d926e95841dc"><img class="resource-img img-thumbnail img-responsive lozad" alt="Modern Web Design with HTML5, CSS3, and JavaScript - Exploring More Advanced Options with JavaScript and Focusing on Dynamic and Interactive Websites Instructional Video" title="Modern Web Design with HTML5, CSS3, and JavaScript - Exploring More Advanced Options with JavaScript and Focusing on Dynamic and Interactive Websites 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_61la27lf/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 - Exploring More Advanced Options with JavaScript and Focusing on Dynamic and Interactive Websites'> <a class="boclips_card" title="Modern Web Design with HTML5, CSS3, and JavaScript - Exploring More Advanced Options with JavaScript and Focusing on Dynamic and Interactive Websites Instructional video" href="/boclips/videos/643fe7b871a6d926e95841dc">Modern Web Design with HTML5, CSS3, and JavaScript - Exploring More Advanced Options with JavaScript and Focusing on Dynamic and Interactive Websites </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 helps you to explore more advanced options with JavaScript and focuses on dynamic and interactive websites.<br/><<br/>br/> <br/>This clip is from the chapter "Advanced Coding in JavaScript" of the series "Modern Web Design with HTML5,... </div> </div> <div class='resource-actions bg-white'> <a class="btn btn-default btn-xs text-xs free-access-btn upgrade-btn" title="Get Free Access to Modern Web Design with HTML5, CSS3, and JavaScript - Exploring More Advanced Options with JavaScript and Focusing on Dynamic and Interactive Websites 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=5158979"><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 - Exploring More Advanced Options with JavaScript and Focusing on Dynamic and Interactive Websites Instructional video" href="/boclips/videos/643fe7b871a6d926e95841dc"><i class='fa-solid fa-list-ul'></i> <span class='button-text'>See Review</span> </a></div> </div> </div> </div> </div> </div> <div class='relative search-result-item thumbnail-card no-access' data-id='643fe7b705cd551b1ac79fdc' data-is-require-teacher-acknowledgment='false' data-item-type='CollectionItemVideo' data-title='Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Three-column Website Using Flexbox' data-type='Boclips::Video' data-url='/boclips/videos/643fe7b705cd551b1ac79fdc' data-video-url='/boclips/videos/643fe7b705cd551b1ac79fdc'> <div class='boclips_media_card'> <div class='panel panel-default panel-resource mb-0 border-none'> <div class='resource-card-loader'></div> <div class='resource-type-banner'> <div class="type-resource type-instructional-video"><i class="fa-solid fa-circle-play resource-icon"></i><span class="ml-5 relative z-10">Instructional Video</span><span class="ml10 z-10 video-duration">3:31</span><span class="resource-bg"></span></div> </div> <div class='thumb-img-wrap-width-helper'></div> <div class='thumb-img-wrap'> <a class="boclips_card" title="Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Three-column Website Using Flexbox Instructional video" href="/boclips/videos/643fe7b705cd551b1ac79fdc"><img class="resource-img img-thumbnail img-responsive lozad" alt="Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Three-column Website Using Flexbox Instructional Video" title="Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Three-column Website Using Flexbox Instructional Video" onError="handleImageNotLoadedError(this)" data-default-image="https://statictemp.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png" data-src="https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_z2alu4ga/width/250/vid_slices/3/vid_slice/1" width="315" height="220" src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs" /> </a><i class='fa-solid fa-image fa-6x thumb-img-wrap-icon'></i> </div> <div class='resource-info-wrap'> <div class='resource-info'> <div class='resource-info-top overflow-hidden text-ellipsis'> <span class='resource-pool-tag'>Curated Video</span> </div> <h4 class='resource-title' title='Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Three-column Website Using Flexbox'> <a class="boclips_card" title="Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Three-column Website Using Flexbox Instructional video" href="/boclips/videos/643fe7b705cd551b1ac79fdc">Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Three-column Website Using Flexbox </a></h4> <div class='resource-meta text-xs text-gray-600 overflow-hidden text-ellipsis'> <i class='lp-icon fa-regular fa-graduation-cap'></i> <span class='resource-grade'>Higher Ed</span> </div> <div class='resource-description-wrap'> <div class='resource-description'> This video demonstrates how to create a three-column website using Flexbox.<br/><<br/>br/> <br/>This clip is from the chapter "Creating a Simple Website from Scratch" of the series "Modern Web Design with HTML5, CSS3, and JavaScript".This... </div> </div> <div class='resource-actions bg-white'> <a class="btn btn-default btn-xs text-xs free-access-btn upgrade-btn" title="Get Free Access to Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Three-column Website Using Flexbox Instructional video" data-track-click="Search result free access button" data-track-label="Search Page" data-posthog-event="Signup: LP Signup Activity" data-posthog-location="body_button_media_tab" data-remote="true" href="/subscription/new?signup_resource_id=5158980"><i class='fa-regular fa-eye'></i> <span class='button-text'>Get Free Access</span> </a><a class="btn btn-default btn-xs text-xs boclips_card" title="Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Three-column Website Using Flexbox Instructional video" href="/boclips/videos/643fe7b705cd551b1ac79fdc"><i class='fa-solid fa-list-ul'></i> <span class='button-text'>See Review</span> </a></div> </div> </div> </div> </div> </div> <div class='relative search-result-item thumbnail-card no-access' data-id='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='643fe78d91144c6ec20fd3cf' data-is-require-teacher-acknowledgment='false' data-item-type='CollectionItemVideo' data-title='Learn JavaScript from Scratch JavaScript for Everyone - Selecting Multiple DOM Nodes' data-type='Boclips::Video' data-url='/boclips/videos/643fe78d91144c6ec20fd3cf' data-video-url='/boclips/videos/643fe78d91144c6ec20fd3cf'> <div class='boclips_media_card'> <div class='panel panel-default panel-resource mb-0 border-none'> <div class='resource-card-loader'></div> <div class='resource-type-banner'> <div class="type-resource type-instructional-video"><i class="fa-solid fa-circle-play resource-icon"></i><span class="ml-5 relative z-10">Instructional Video</span><span class="ml10 z-10 video-duration">9:57</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 JavaScript from Scratch JavaScript for Everyone - Selecting Multiple DOM Nodes Instructional video" href="/boclips/videos/643fe78d91144c6ec20fd3cf"><img class="resource-img img-thumbnail img-responsive lozad" alt="Learn JavaScript from Scratch JavaScript for Everyone - Selecting Multiple DOM Nodes Instructional Video" title="Learn JavaScript from Scratch JavaScript for Everyone - Selecting Multiple DOM Nodes 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_qhbcohxq/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 JavaScript from Scratch JavaScript for Everyone - Selecting Multiple DOM Nodes'> <a class="boclips_card" title="Learn JavaScript from Scratch JavaScript for Everyone - Selecting Multiple DOM Nodes Instructional video" href="/boclips/videos/643fe78d91144c6ec20fd3cf">Learn JavaScript from Scratch JavaScript for Everyone - Selecting Multiple DOM Nodes </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'> In this video, you'll learn what happens when you select multiple DOM nodes.<br/><<br/>br/> <br/>This clip is from the chapter "Coding with JavaScript" of the series "Learn JavaScript from Scratch: JavaScript for Everyone".In 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 JavaScript from Scratch JavaScript for Everyone - Selecting Multiple DOM Nodes 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=5159052"><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 JavaScript from Scratch JavaScript for Everyone - Selecting Multiple DOM Nodes Instructional video" href="/boclips/videos/643fe78d91144c6ec20fd3cf"><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='643fe78c7a78cb723a29250f' data-is-require-teacher-acknowledgment='false' data-item-type='CollectionItemVideo' data-title='Learn JavaScript from Scratch JavaScript for Everyone - Final Project' data-type='Boclips::Video' data-url='/boclips/videos/643fe78c7a78cb723a29250f' data-video-url='/boclips/videos/643fe78c7a78cb723a29250f'> <div class='boclips_media_card'> <div class='panel panel-default panel-resource mb-0 border-none'> <div class='resource-card-loader'></div> <div class='resource-type-banner'> <div class="type-resource type-instructional-video"><i class="fa-solid fa-circle-play resource-icon"></i><span class="ml-5 relative z-10">Instructional Video</span><span class="ml10 z-10 video-duration">10:16</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 JavaScript from Scratch JavaScript for Everyone - Final Project Instructional video" href="/boclips/videos/643fe78c7a78cb723a29250f"><img class="resource-img img-thumbnail img-responsive lozad" alt="Learn JavaScript from Scratch JavaScript for Everyone - Final Project Instructional Video" title="Learn JavaScript from Scratch JavaScript for Everyone - Final Project 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_vg2rlyhy/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 JavaScript from Scratch JavaScript for Everyone - Final Project'> <a class="boclips_card" title="Learn JavaScript from Scratch JavaScript for Everyone - Final Project Instructional video" href="/boclips/videos/643fe78c7a78cb723a29250f">Learn JavaScript from Scratch JavaScript for Everyone - Final Project </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'> In this video, you'll get a brief of the project you will work on.<br/><<br/>br/> <br/>This clip is from the chapter "Coding with JavaScript" of the series "Learn JavaScript from Scratch: JavaScript for Everyone".In this section, you'll get... </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 JavaScript from Scratch JavaScript for Everyone - Final Project 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=5159053"><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 JavaScript from Scratch JavaScript for Everyone - Final Project Instructional video" href="/boclips/videos/643fe78c7a78cb723a29250f"><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='643fe8f792e85745912cdac0' data-is-require-teacher-acknowledgment='false' data-item-type='CollectionItemVideo' data-title='Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Header and Footer Using Cascading Style Sheets (CSS)' data-type='Boclips::Video' data-url='/boclips/videos/643fe8f792e85745912cdac0' data-video-url='/boclips/videos/643fe8f792e85745912cdac0'> <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:05</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 Header and Footer Using Cascading Style Sheets (CSS) Instructional video" href="/boclips/videos/643fe8f792e85745912cdac0"><img class="resource-img img-thumbnail img-responsive lozad" alt="Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Header and Footer Using Cascading Style Sheets (CSS) Instructional Video" title="Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Header and 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_hjme99u9/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 Header and Footer Using Cascading Style Sheets (CSS)'> <a class="boclips_card" title="Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Header and Footer Using Cascading Style Sheets (CSS) Instructional video" href="/boclips/videos/643fe8f792e85745912cdac0">Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Header and 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 header and footer using CSS.<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... </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 Header and 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=5158925"><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 Header and Footer Using Cascading Style Sheets (CSS) Instructional video" href="/boclips/videos/643fe8f792e85745912cdac0"><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='643fe8f8e6dbf8220dd78fe7' data-is-require-teacher-acknowledgment='false' data-item-type='CollectionItemVideo' data-title='Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Navbar Using Flexbox - Coding Challenge' data-type='Boclips::Video' data-url='/boclips/videos/643fe8f8e6dbf8220dd78fe7' data-video-url='/boclips/videos/643fe8f8e6dbf8220dd78fe7'> <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:34</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 Navbar Using Flexbox - Coding Challenge Instructional video" href="/boclips/videos/643fe8f8e6dbf8220dd78fe7"><img class="resource-img img-thumbnail img-responsive lozad" alt="Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Navbar Using Flexbox - Coding Challenge Instructional Video" title="Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Navbar Using Flexbox - Coding Challenge 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_74xlih05/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 Navbar Using Flexbox - Coding Challenge'> <a class="boclips_card" title="Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Navbar Using Flexbox - Coding Challenge Instructional video" href="/boclips/videos/643fe8f8e6dbf8220dd78fe7">Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Navbar Using Flexbox - Coding Challenge </a></h4> <div class='resource-meta text-xs text-gray-600 overflow-hidden text-ellipsis'> <i class='lp-icon fa-regular fa-graduation-cap'></i> <span class='resource-grade'>Higher Ed</span> </div> <div class='resource-description-wrap'> <div class='resource-description'> This video presents a coding challenge on how to create a Navbar using Flexbox.<br/><<br/>br/> <br/>This clip is from the chapter "Cascading Style Sheet (CSS) Layouts FlexBox and CSS Grid" of the series "Modern Web Design with HTML5, CSS3, and... </div> </div> <div class='resource-actions bg-white'> <a class="btn btn-default btn-xs text-xs free-access-btn upgrade-btn" title="Get Free Access to Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Navbar Using Flexbox - Coding Challenge Instructional video" data-track-click="Search result free access button" data-track-label="Search Page" data-posthog-event="Signup: LP Signup Activity" data-posthog-location="body_button_media_tab" data-remote="true" href="/subscription/new?signup_resource_id=5158922"><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 Navbar Using Flexbox - Coding Challenge Instructional video" href="/boclips/videos/643fe8f8e6dbf8220dd78fe7"><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='643fe8f8a0829f36839b8121' data-is-require-teacher-acknowledgment='false' data-item-type='CollectionItemVideo' data-title='Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Navbar Maker using Cascading Style Sheets (CSS)' data-type='Boclips::Video' data-url='/boclips/videos/643fe8f8a0829f36839b8121' data-video-url='/boclips/videos/643fe8f8a0829f36839b8121'> <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:16</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 Navbar Maker using Cascading Style Sheets (CSS) Instructional video" href="/boclips/videos/643fe8f8a0829f36839b8121"><img class="resource-img img-thumbnail img-responsive lozad" alt="Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Navbar Maker using Cascading Style Sheets (CSS) Instructional Video" title="Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Navbar Maker 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_cj4qod1o/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 Navbar Maker using Cascading Style Sheets (CSS)'> <a class="boclips_card" title="Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Navbar Maker using Cascading Style Sheets (CSS) Instructional video" href="/boclips/videos/643fe8f8a0829f36839b8121">Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Navbar Maker 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 demonstrates how to create a navbar maker 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... </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 Navbar Maker 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=5158923"><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 Navbar Maker using Cascading Style Sheets (CSS) Instructional video" href="/boclips/videos/643fe8f8a0829f36839b8121"><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='643fe8f792e85745912cdac1' data-is-require-teacher-acknowledgment='false' data-item-type='CollectionItemVideo' data-title='Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Home Section Using Cascading Style Sheets (CSS)' data-type='Boclips::Video' data-url='/boclips/videos/643fe8f792e85745912cdac1' data-video-url='/boclips/videos/643fe8f792e85745912cdac1'> <div class='boclips_media_card'> <div class='panel panel-default panel-resource mb-0 border-none'> <div class='resource-card-loader'></div> <div class='resource-type-banner'> <div class="type-resource type-instructional-video"><i class="fa-solid fa-circle-play resource-icon"></i><span class="ml-5 relative z-10">Instructional Video</span><span class="ml10 z-10 video-duration">4: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 - Creating a Home Section Using Cascading Style Sheets (CSS) Instructional video" href="/boclips/videos/643fe8f792e85745912cdac1"><img class="resource-img img-thumbnail img-responsive lozad" alt="Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Home Section Using Cascading Style Sheets (CSS) Instructional Video" title="Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Home Section 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_nj3bh2wg/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 Home Section Using Cascading Style Sheets (CSS)'> <a class="boclips_card" title="Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Home Section Using Cascading Style Sheets (CSS) Instructional video" href="/boclips/videos/643fe8f792e85745912cdac1">Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Home Section 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 demonstrates how to create a home section 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... </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 Home Section 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=5158924"><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 Home Section Using Cascading Style Sheets (CSS) Instructional video" href="/boclips/videos/643fe8f792e85745912cdac1"><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> <div aria-label='Loading more results' aria-live='polite' class='mt-4 md:mt-6 lg:mt-7 2xl:mt-8 hide' id='loading-more-results' role='status'> <div class='thumbnail-view-loader-1'> <div class='row cb-open'> <div class='col-lg-6 col-sm-6 col-xs-12 search-result-item thumbnail-card'> <div class='panel panel-default panel-resource'> <div class='resource-type-banner'> <div class='type-resource type-lesson-plan type-loading'> <span class='resource-bg'></span> </div> </div> <div class='thumb-img-wrap'></div> <div class='resource-info-wrap'> <div class='resource-info'> <div class='bg-loader mt5 mb5'></div> <div class='bg-loader width-75 mb10'></div> <div class='bg-loader width-25 height-50 mb10 inline'></div> <div class='bg-loader width-25 height-50 mb10 inline'></div> <div class='bg-loader width-25 height-50 mb10 inline'></div> </div> </div> </div> </div> <div class='col-lg-6 col-sm-6 col-xs-12 search-result-item thumbnail-card'> <div class='panel panel-default panel-resource'> <div class='resource-type-banner'> <div class='type-resource type-lesson-plan type-loading'> <span class='resource-bg'></span> </div> </div> <div class='thumb-img-wrap'></div> <div class='resource-info-wrap'> <div class='resource-info'> <div class='bg-loader mt5 mb5'></div> <div class='bg-loader width-75 mb10'></div> <div class='bg-loader width-25 height-50 mb10 inline'></div> <div class='bg-loader width-25 height-50 mb10 inline'></div> <div class='bg-loader width-25 height-50 mb10 inline'></div> </div> </div> </div> </div> </div> <div class='row cb-closed'> <div class='col-lg-4 col-sm-6 col-xs-12 search-result-item thumbnail-card'> <div class='panel panel-default panel-resource'> <div class='resource-type-banner'> <div class='type-resource type-lesson-plan type-loading'> <span class='resource-bg'></span> </div> </div> <div class='thumb-img-wrap'></div> <div class='resource-info-wrap'> <div class='resource-info'> <div class='bg-loader mt5 mb5'></div> <div class='bg-loader width-75 mb10'></div> <div class='bg-loader width-25 height-50 mb10 inline'></div> <div class='bg-loader width-25 height-50 mb10 inline'></div> <div class='bg-loader width-25 height-50 mb10 inline'></div> </div> </div> </div> </div> <div class='col-lg-4 col-sm-6 col-xs-12 search-result-item thumbnail-card'> <div class='panel panel-default panel-resource'> <div class='resource-type-banner'> <div class='type-resource type-lesson-plan type-loading'> <span class='resource-bg'></span> </div> </div> <div class='thumb-img-wrap'></div> <div class='resource-info-wrap'> <div class='resource-info'> <div class='bg-loader mt5 mb5'></div> <div class='bg-loader width-75 mb10'></div> <div class='bg-loader width-25 height-50 mb10 inline'></div> <div class='bg-loader width-25 height-50 mb10 inline'></div> <div class='bg-loader width-25 height-50 mb10 inline'></div> </div> </div> </div> </div> <div class='col-lg-4 col-sm-6 col-xs-12 search-result-item thumbnail-card'> <div class='panel panel-default panel-resource'> <div class='resource-type-banner'> <div class='type-resource type-lesson-plan type-loading'> <span class='resource-bg'></span> </div> </div> <div class='thumb-img-wrap'></div> <div class='resource-info-wrap'> <div class='resource-info'> <div class='bg-loader mt5 mb5'></div> <div class='bg-loader width-75 mb10'></div> <div class='bg-loader width-25 height-50 mb10 inline'></div> <div class='bg-loader width-25 height-50 mb10 inline'></div> <div class='bg-loader width-25 height-50 mb10 inline'></div> </div> </div> </div> </div> </div> </div> <div class='thumbnail-view-loader tiled-view-loader px-3'> <div class='row cb-open grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-3 gap-4 md:gap-6 lg:gap-7 2xl:gap-8'> <div class='search-result-item thumbnail-card'> <div class='panel panel-default panel-resource'> <div class='resource-card-loader'></div> </div> </div> <div class='search-result-item thumbnail-card'> <div class='panel panel-default panel-resource'> <div class='resource-card-loader'></div> </div> </div> <div class='search-result-item thumbnail-card'> <div class='panel panel-default panel-resource'> <div class='resource-card-loader'></div> </div> </div> </div> <div class='row cb-closed grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-3 gap-4 md:gap-6 lg:gap-7 2xl:gap-8'> <div class='search-result-item thumbnail-card'> <div class='panel panel-default panel-resource'> <div class='resource-card-loader'></div> </div> </div> <div class='search-result-item thumbnail-card'> <div class='panel panel-default panel-resource'> <div class='resource-card-loader'></div> </div> </div> <div class='search-result-item thumbnail-card'> <div class='panel panel-default panel-resource'> <div class='resource-card-loader'></div> </div> </div> </div> </div> </div> <div class='text-center' id='search-pagination'> <div role="navigation" aria-label="Pagination" class="pagination"><ul class="pagination"><li class="prev previous_page "><a rel="prev" href="/search?concept_ids%5B%5D=18035&keywords=&page=36&search_tab_id=2">← Previous</a></li> <li><a rel="" href="/search?concept_ids%5B%5D=18035&keywords=&search_tab_id=2">1</a></li> <li class="disabled"><a href="#">…</a></li> <li><a rel="prev" href="/search?concept_ids%5B%5D=18035&keywords=&page=36&search_tab_id=2">36</a></li> <li class="active"><a rel="" href="/search?concept_ids%5B%5D=18035&keywords=&page=37&search_tab_id=2">37</a></li> <li><a rel="next" href="/search?concept_ids%5B%5D=18035&keywords=&page=38&search_tab_id=2">38</a></li> <li class="disabled"><a href="#">…</a></li> <li><a rel="" href="/search?concept_ids%5B%5D=18035&keywords=&page=42&search_tab_id=2">42</a></li> <li class="next next_page "><a rel="next" href="/search?concept_ids%5B%5D=18035&keywords=&page=38&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","concept_ids":[18035],"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,961","search_total_pages":2,"search_current_page":37,"initial_search_results":[{"kind":"resource","id":5158955,"type":"boclips_video_metadata","locked":false,"data":{"outerClasses":null,"dataAttributes":{"url":"/boclips/videos/643fe8e9a0829f36839b8117","video_url":"/boclips/videos/643fe8e9a0829f36839b8117","title":"Modern Web Design with HTML5, CSS3, and JavaScript - Adding a MailTo Link in HTML.","id":"643fe8e9a0829f36839b8117","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: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_j9b7b0ha/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 MailTo Link in HTML. Instructional Video","title":"Modern Web Design with HTML5, CSS3, and JavaScript - Adding a MailTo Link 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/643fe8e9a0829f36839b8117","folderOuterIcon":null,"folderInnerIcon":null,"title":"Modern Web Design with HTML5, CSS3, and JavaScript - Adding a MailTo Link in HTML. Instructional video","dataAttributes":{}},"title":{"text":"Modern Web Design with HTML5, CSS3, and JavaScript - Adding a MailTo Link in HTML.","html":"Modern Web Design with HTML5, CSS3, and JavaScript - Adding a MailTo Link in HTML.","titleAttribute":"Modern Web Design with HTML5, CSS3, and JavaScript - Adding a MailTo Link 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":"2:58","showVideoLength":true},"description":{"text":"This video demonstrates how to add a MailTo to link 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 to...","html":"This video demonstrates how to add a MailTo to link 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 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=5158955","trackingData":{"track_click":"Search result free access button","track_label":"Search Page"},"remote":true}],"secondaryButtons":[{"variant":"card_path_review","url":"/boclips/videos/643fe8e9a0829f36839b8117"}],"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":5158957,"type":"boclips_video_metadata","locked":false,"data":{"outerClasses":null,"dataAttributes":{"url":"/boclips/videos/643fe8e8a0829f36839b8115","video_url":"/boclips/videos/643fe8e8a0829f36839b8115","title":"Modern Web Design with HTML5, CSS3, and JavaScript - Adding a Dropdown Fluxionality in Bootstrap","id":"643fe8e8a0829f36839b8115","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:45","resourceBackground":true},"counts":{"kind":"none"},"previewImage":{"placeholder":"data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs","dataSrc":"https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_qw6r0aty/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 Dropdown Fluxionality in Bootstrap Instructional Video","title":"Modern Web Design with HTML5, CSS3, and JavaScript - Adding a Dropdown Fluxionality 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/643fe8e8a0829f36839b8115","folderOuterIcon":null,"folderInnerIcon":null,"title":"Modern Web Design with HTML5, CSS3, and JavaScript - Adding a Dropdown Fluxionality in Bootstrap Instructional video","dataAttributes":{}},"title":{"text":"Modern Web Design with HTML5, CSS3, and JavaScript - Adding a Dropdown Fluxionality in Bootstrap","html":"Modern Web Design with HTML5, CSS3, and JavaScript - Adding a Dropdown Fluxionality in Bootstrap","titleAttribute":"Modern Web Design with HTML5, CSS3, and JavaScript - Adding a Dropdown Fluxionality 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":"3:45","showVideoLength":true},"description":{"text":"This video explains how to add a dropdown functionality 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 a dropdown functionality 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=5158957","trackingData":{"track_click":"Search result free access button","track_label":"Search Page"},"remote":true}],"secondaryButtons":[{"variant":"card_path_review","url":"/boclips/videos/643fe8e8a0829f36839b8115"}],"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":5158975,"type":"boclips_video_metadata","locked":false,"data":{"outerClasses":null,"dataAttributes":{"url":"/boclips/videos/643fe8d792e85745912cda98","video_url":"/boclips/videos/643fe8d792e85745912cda98","title":"Learn JavaScript from Scratch JavaScript for Everyone - Your Project","id":"643fe8d792e85745912cda98","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":"16:14","resourceBackground":true},"counts":{"kind":"none"},"previewImage":{"placeholder":"data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs","dataSrc":"https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_4kxuage5/width/250/vid_slices/3/vid_slice/1","defaultImage":"https://statictemp.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png","alt":"Learn JavaScript from Scratch JavaScript for Everyone - Your Project Instructional Video","title":"Learn JavaScript from Scratch JavaScript for Everyone - Your Project 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/643fe8d792e85745912cda98","folderOuterIcon":null,"folderInnerIcon":null,"title":"Learn JavaScript from Scratch JavaScript for Everyone - Your Project Instructional video","dataAttributes":{}},"title":{"text":"Learn JavaScript from Scratch JavaScript for Everyone - Your Project","html":"Learn JavaScript from Scratch JavaScript for Everyone - Your Project","titleAttribute":"Learn JavaScript from Scratch JavaScript for Everyone - Your Project 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":"16:14","showVideoLength":true},"description":{"text":"In this video, you'll get a brief of the project that you'll create.\u0026lt;br/\u0026gt; This clip is from the chapter \"Final Project\" of the series \"Learn JavaScript from Scratch: JavaScript for Everyone\".In this section, you'll get the brief...","html":"In this video, you'll get a brief of the project that you'll create.\u003cbr/\u003e\u003c\u003cbr/\u003ebr/\u003e \u003cbr/\u003eThis clip is from the chapter \"Final Project\" of the series \"Learn JavaScript from Scratch: JavaScript for Everyone\".In this section, you'll get the brief...","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=5158975","trackingData":{"track_click":"Search result free access button","track_label":"Search Page"},"remote":true}],"secondaryButtons":[{"variant":"card_path_review","url":"/boclips/videos/643fe8d792e85745912cda98"}],"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":5158977,"type":"boclips_video_metadata","locked":false,"data":{"outerClasses":null,"dataAttributes":{"url":"/boclips/videos/643fe7b871a6d926e95841de","video_url":"/boclips/videos/643fe7b871a6d926e95841de","title":"Modern Web Design with HTML5, CSS3, and JavaScript - Fat Footer Website Design","id":"643fe7b871a6d926e95841de","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:20","resourceBackground":true},"counts":{"kind":"none"},"previewImage":{"placeholder":"data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs","dataSrc":"https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_jrd1w3f6/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 - Fat Footer Website Design Instructional Video","title":"Modern Web Design with HTML5, CSS3, and JavaScript - Fat Footer Website Design 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/643fe7b871a6d926e95841de","folderOuterIcon":null,"folderInnerIcon":null,"title":"Modern Web Design with HTML5, CSS3, and JavaScript - Fat Footer Website Design Instructional video","dataAttributes":{}},"title":{"text":"Modern Web Design with HTML5, CSS3, and JavaScript - Fat Footer Website Design","html":"Modern Web Design with HTML5, CSS3, and JavaScript - Fat Footer Website Design","titleAttribute":"Modern Web Design with HTML5, CSS3, and JavaScript - Fat Footer Website Design 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:20","showVideoLength":true},"description":{"text":"This video introduces you to the website's fat footer design.\u0026lt;br/\u0026gt; This clip is from the chapter \"Creating a Website from Scratch with a Fat Footer Design using the Flex Property\" of the series \"Modern Web Design with HTML5, CSS3,...","html":"This video introduces you to the website's fat footer design.\u003cbr/\u003e\u003c\u003cbr/\u003ebr/\u003e \u003cbr/\u003eThis clip is from the chapter \"Creating a Website from Scratch with a Fat Footer Design using the Flex Property\" of the series \"Modern Web Design with HTML5, CSS3,...","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=5158977","trackingData":{"track_click":"Search result free access button","track_label":"Search Page"},"remote":true}],"secondaryButtons":[{"variant":"card_path_review","url":"/boclips/videos/643fe7b871a6d926e95841de"}],"footerMeta":{"showPublisher":true,"publisherName":"Curated Video","showParentsTag":false}},"isFolder":false}},{"kind":"resource","id":5158978,"type":"boclips_video_metadata","locked":false,"data":{"outerClasses":null,"dataAttributes":{"url":"/boclips/videos/643fe7b871a6d926e95841dd","video_url":"/boclips/videos/643fe7b871a6d926e95841dd","title":"Modern Web Design with HTML5, CSS3, and JavaScript - Exploring More Cascading Style Sheet (CSS) and CSS3 to Design Your Website with Styling","id":"643fe7b871a6d926e95841dd","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:08","resourceBackground":true},"counts":{"kind":"none"},"previewImage":{"placeholder":"data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs","dataSrc":"https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_s4cu4au0/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 - Exploring More Cascading Style Sheet (CSS) and CSS3 to Design Your Website with Styling Instructional Video","title":"Modern Web Design with HTML5, CSS3, and JavaScript - Exploring More Cascading Style Sheet (CSS) and CSS3 to Design Your Website with Styling 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/643fe7b871a6d926e95841dd","folderOuterIcon":null,"folderInnerIcon":null,"title":"Modern Web Design with HTML5, CSS3, and JavaScript - Exploring More Cascading Style Sheet (CSS) and CSS3 to Design Your Website with Styling Instructional video","dataAttributes":{}},"title":{"text":"Modern Web Design with HTML5, CSS3, and JavaScript - Exploring More Cascading Style Sheet (CSS) and CSS3 to Design Your Website with Styling","html":"Modern Web Design with HTML5, CSS3, and JavaScript - Exploring More Cascading Style Sheet (CSS) and CSS3 to Design Your Website with Styling","titleAttribute":"Modern Web Design with HTML5, CSS3, and JavaScript - Exploring More Cascading Style Sheet (CSS) and CSS3 to Design Your Website with Styling 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:8","showVideoLength":true},"description":{"text":"This video helps you explore more about CSS and CSS3 to design a website with styling.\u0026lt;br/\u0026gt; This clip is from the chapter \"Exploring More with Cascading Style Sheet (CSS3) and Creating Webpages Easily\" of the series \"Modern Web...","html":"This video helps you explore more about CSS and CSS3 to design a website with styling.\u003cbr/\u003e\u003c\u003cbr/\u003ebr/\u003e \u003cbr/\u003eThis clip is from the chapter \"Exploring More with Cascading Style Sheet (CSS3) and Creating Webpages Easily\" of the series \"Modern Web...","showSharedResourceTag":false,"showNewReviewTag":false,"newReviewTooltip":"Teacher-reviewed in the past 90 days."},"actions":{"showFooter":true,"locked":false,"buttons":[{"variant":"subscription","url":"/subscription/new?signup_resource_id=5158978","trackingData":{"track_click":"Search result free access button","track_label":"Search Page"},"remote":true}],"secondaryButtons":[{"variant":"card_path_review","url":"/boclips/videos/643fe7b871a6d926e95841dd"}],"footerMeta":{"showPublisher":true,"publisherName":"Curated Video","showParentsTag":false}},"isFolder":false}},{"kind":"resource","id":5158979,"type":"boclips_video_metadata","locked":false,"data":{"outerClasses":null,"dataAttributes":{"url":"/boclips/videos/643fe7b871a6d926e95841dc","video_url":"/boclips/videos/643fe7b871a6d926e95841dc","title":"Modern Web Design with HTML5, CSS3, and JavaScript - Exploring More Advanced Options with JavaScript and Focusing on Dynamic and Interactive Websites","id":"643fe7b871a6d926e95841dc","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: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_61la27lf/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 - Exploring More Advanced Options with JavaScript and Focusing on Dynamic and Interactive Websites Instructional Video","title":"Modern Web Design with HTML5, CSS3, and JavaScript - Exploring More Advanced Options with JavaScript and Focusing on Dynamic and Interactive Websites 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/643fe7b871a6d926e95841dc","folderOuterIcon":null,"folderInnerIcon":null,"title":"Modern Web Design with HTML5, CSS3, and JavaScript - Exploring More Advanced Options with JavaScript and Focusing on Dynamic and Interactive Websites Instructional video","dataAttributes":{}},"title":{"text":"Modern Web Design with HTML5, CSS3, and JavaScript - Exploring More Advanced Options with JavaScript and Focusing on Dynamic and Interactive Websites","html":"Modern Web Design with HTML5, CSS3, and JavaScript - Exploring More Advanced Options with JavaScript and Focusing on Dynamic and Interactive Websites","titleAttribute":"Modern Web Design with HTML5, CSS3, and JavaScript - Exploring More Advanced Options with JavaScript and Focusing on Dynamic and Interactive Websites 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:17","showVideoLength":true},"description":{"text":"This video helps you to explore more advanced options with JavaScript and focuses on dynamic and interactive websites.\u0026lt;br/\u0026gt; This clip is from the chapter \"Advanced Coding in JavaScript\" of the series \"Modern Web Design with HTML5,...","html":"This video helps you to explore more advanced options with JavaScript and focuses on dynamic and interactive websites.\u003cbr/\u003e\u003c\u003cbr/\u003ebr/\u003e \u003cbr/\u003eThis clip is from the chapter \"Advanced Coding in JavaScript\" 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=5158979","trackingData":{"track_click":"Search result free access button","track_label":"Search Page"},"remote":true}],"secondaryButtons":[{"variant":"card_path_review","url":"/boclips/videos/643fe7b871a6d926e95841dc"}],"footerMeta":{"showPublisher":true,"publisherName":"Curated Video","showParentsTag":false}},"isFolder":false}},{"kind":"resource","id":5158980,"type":"boclips_video_metadata","locked":false,"data":{"outerClasses":null,"dataAttributes":{"url":"/boclips/videos/643fe7b705cd551b1ac79fdc","video_url":"/boclips/videos/643fe7b705cd551b1ac79fdc","title":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Three-column Website Using Flexbox","id":"643fe7b705cd551b1ac79fdc","type":"Boclips::Video","item":{"type":"CollectionItemVideo"},"is_require_teacher_acknowledgment":"false"},"addToBuilder":{"show":false,"data":{}},"typeIcon":{"containerClass":null,"typeClass":"type-instructional-video","primaryTypeName":"Instructional Video","showPrimaryTypeName":true,"resourceShadow":true,"variant":"standard","fileIconClass":"file-icon file-video","contentTypeIcon":"fa-brands fa-youtube"},"banner":{"containerClass":null,"typeClass":"type-instructional-video","variant":"standard","folderOuterIcon":null,"folderInnerIcon":null,"primaryTypeName":"Instructional Video","showPrimaryTypeName":true,"primaryTypeIcon":"fa-circle-play","typeIcon":"fa-solid fa-circle-play mr5","showVideoDuration":true,"videoDuration":"3:31","resourceBackground":true},"counts":{"kind":"none"},"previewImage":{"placeholder":"data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs","dataSrc":"https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_z2alu4ga/width/250/vid_slices/3/vid_slice/1","defaultImage":"https://statictemp.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png","alt":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Three-column Website Using Flexbox Instructional Video","title":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Three-column Website Using Flexbox Instructional Video","width":315,"height":220,"className":"resource-img img-thumbnail img-responsive lozad","dataAttributes":{"default_image":"https://statictemp.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png"}},"anchor":{"variant":"link","href":"/boclips/videos/643fe7b705cd551b1ac79fdc","folderOuterIcon":null,"folderInnerIcon":null,"title":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Three-column Website Using Flexbox Instructional video","dataAttributes":{}},"title":{"text":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Three-column Website Using Flexbox","html":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Three-column Website Using Flexbox","titleAttribute":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Three-column Website Using Flexbox Instructional video","classNames":["resource-title"]},"publisher":{"visible":true,"name":"Curated Video","nearParents":false},"ratings":{"show":false,"value":4.0},"badges":{"sensitive":null,"featured":null,"recommended":null,"editorPick":null},"freeSampleStamp":false,"availableForParents":{"show":false,"dataAttributes":{"toggle":"tooltip","placement":"top","title":"Parents have access"}},"meta":{"showAudience":false,"audience":"For Students","gradeRange":"Higher Ed","showStandards":false,"subject":"Career \u0026 Technical Education","showSubject":true,"videoLength":"3:31","showVideoLength":true},"description":{"text":"This video demonstrates how to create a three-column website using Flexbox.\u0026lt;br/\u0026gt; This clip is from the chapter \"Creating a Simple Website from Scratch\" of the series \"Modern Web Design with HTML5, CSS3, and JavaScript\".This...","html":"This video demonstrates how to create a three-column website using Flexbox.\u003cbr/\u003e\u003c\u003cbr/\u003ebr/\u003e \u003cbr/\u003eThis clip is from the chapter \"Creating a Simple Website from Scratch\" of the series \"Modern Web Design with HTML5, CSS3, and JavaScript\".This...","showSharedResourceTag":false,"showNewReviewTag":false,"newReviewTooltip":"Teacher-reviewed in the past 90 days."},"actions":{"showFooter":true,"locked":false,"buttons":[{"variant":"subscription","url":"/subscription/new?signup_resource_id=5158980","trackingData":{"track_click":"Search result free access button","track_label":"Search Page"},"remote":true}],"secondaryButtons":[{"variant":"card_path_review","url":"/boclips/videos/643fe7b705cd551b1ac79fdc"}],"footerMeta":{"showPublisher":true,"publisherName":"Curated Video","showParentsTag":false}},"isFolder":false}},{"kind":"resource","id":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":5159052,"type":"boclips_video_metadata","locked":false,"data":{"outerClasses":null,"dataAttributes":{"url":"/boclips/videos/643fe78d91144c6ec20fd3cf","video_url":"/boclips/videos/643fe78d91144c6ec20fd3cf","title":"Learn JavaScript from Scratch JavaScript for Everyone - Selecting Multiple DOM Nodes","id":"643fe78d91144c6ec20fd3cf","type":"Boclips::Video","item":{"type":"CollectionItemVideo"},"is_require_teacher_acknowledgment":"false"},"addToBuilder":{"show":false,"data":{}},"typeIcon":{"containerClass":null,"typeClass":"type-instructional-video","primaryTypeName":"Instructional Video","showPrimaryTypeName":true,"resourceShadow":true,"variant":"standard","fileIconClass":"file-icon file-video","contentTypeIcon":"fa-brands fa-youtube"},"banner":{"containerClass":null,"typeClass":"type-instructional-video","variant":"standard","folderOuterIcon":null,"folderInnerIcon":null,"primaryTypeName":"Instructional Video","showPrimaryTypeName":true,"primaryTypeIcon":"fa-circle-play","typeIcon":"fa-solid fa-circle-play mr5","showVideoDuration":true,"videoDuration":"9: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_qhbcohxq/width/250/vid_slices/3/vid_slice/1","defaultImage":"https://statictemp.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png","alt":"Learn JavaScript from Scratch JavaScript for Everyone - Selecting Multiple DOM Nodes Instructional Video","title":"Learn JavaScript from Scratch JavaScript for Everyone - Selecting Multiple DOM Nodes 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/643fe78d91144c6ec20fd3cf","folderOuterIcon":null,"folderInnerIcon":null,"title":"Learn JavaScript from Scratch JavaScript for Everyone - Selecting Multiple DOM Nodes Instructional video","dataAttributes":{}},"title":{"text":"Learn JavaScript from Scratch JavaScript for Everyone - Selecting Multiple DOM Nodes","html":"Learn JavaScript from Scratch JavaScript for Everyone - Selecting Multiple DOM Nodes","titleAttribute":"Learn JavaScript from Scratch JavaScript for Everyone - Selecting Multiple DOM Nodes Instructional video","classNames":["resource-title"]},"publisher":{"visible":true,"name":"Curated Video","nearParents":false},"ratings":{"show":false,"value":4.0},"badges":{"sensitive":null,"featured":null,"recommended":null,"editorPick":null},"freeSampleStamp":false,"availableForParents":{"show":false,"dataAttributes":{"toggle":"tooltip","placement":"top","title":"Parents have access"}},"meta":{"showAudience":false,"audience":"For Students","gradeRange":"Higher Ed","showStandards":false,"subject":"Career \u0026 Technical Education","showSubject":true,"videoLength":"9:57","showVideoLength":true},"description":{"text":"In this video, you'll learn what happens when you select multiple DOM nodes.\u0026lt;br/\u0026gt; This clip is from the chapter \"Coding with JavaScript\" of the series \"Learn JavaScript from Scratch: JavaScript for Everyone\".In this section,...","html":"In this video, you'll learn what happens when you select multiple DOM nodes.\u003cbr/\u003e\u003c\u003cbr/\u003ebr/\u003e \u003cbr/\u003eThis clip is from the chapter \"Coding with JavaScript\" of the series \"Learn JavaScript from Scratch: JavaScript for Everyone\".In 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=5159052","trackingData":{"track_click":"Search result free access button","track_label":"Search Page"},"remote":true}],"secondaryButtons":[{"variant":"card_path_review","url":"/boclips/videos/643fe78d91144c6ec20fd3cf"}],"footerMeta":{"showPublisher":true,"publisherName":"Curated Video","showParentsTag":false}},"isFolder":false}},{"kind":"resource","id":5159053,"type":"boclips_video_metadata","locked":false,"data":{"outerClasses":null,"dataAttributes":{"url":"/boclips/videos/643fe78c7a78cb723a29250f","video_url":"/boclips/videos/643fe78c7a78cb723a29250f","title":"Learn JavaScript from Scratch JavaScript for Everyone - Final Project","id":"643fe78c7a78cb723a29250f","type":"Boclips::Video","item":{"type":"CollectionItemVideo"},"is_require_teacher_acknowledgment":"false"},"addToBuilder":{"show":false,"data":{}},"typeIcon":{"containerClass":null,"typeClass":"type-instructional-video","primaryTypeName":"Instructional Video","showPrimaryTypeName":true,"resourceShadow":true,"variant":"standard","fileIconClass":"file-icon file-video","contentTypeIcon":"fa-brands fa-youtube"},"banner":{"containerClass":null,"typeClass":"type-instructional-video","variant":"standard","folderOuterIcon":null,"folderInnerIcon":null,"primaryTypeName":"Instructional Video","showPrimaryTypeName":true,"primaryTypeIcon":"fa-circle-play","typeIcon":"fa-solid fa-circle-play mr5","showVideoDuration":true,"videoDuration":"10:16","resourceBackground":true},"counts":{"kind":"none"},"previewImage":{"placeholder":"data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs","dataSrc":"https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_vg2rlyhy/width/250/vid_slices/3/vid_slice/1","defaultImage":"https://statictemp.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png","alt":"Learn JavaScript from Scratch JavaScript for Everyone - Final Project Instructional Video","title":"Learn JavaScript from Scratch JavaScript for Everyone - Final Project 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/643fe78c7a78cb723a29250f","folderOuterIcon":null,"folderInnerIcon":null,"title":"Learn JavaScript from Scratch JavaScript for Everyone - Final Project Instructional video","dataAttributes":{}},"title":{"text":"Learn JavaScript from Scratch JavaScript for Everyone - Final Project","html":"Learn JavaScript from Scratch JavaScript for Everyone - Final Project","titleAttribute":"Learn JavaScript from Scratch JavaScript for Everyone - Final Project Instructional video","classNames":["resource-title"]},"publisher":{"visible":true,"name":"Curated Video","nearParents":false},"ratings":{"show":false,"value":4.0},"badges":{"sensitive":null,"featured":null,"recommended":null,"editorPick":null},"freeSampleStamp":false,"availableForParents":{"show":false,"dataAttributes":{"toggle":"tooltip","placement":"top","title":"Parents have access"}},"meta":{"showAudience":false,"audience":"For Students","gradeRange":"Higher Ed","showStandards":false,"subject":"Career \u0026 Technical Education","showSubject":true,"videoLength":"10:16","showVideoLength":true},"description":{"text":"In this video, you'll get a brief of the project you will work on.\u0026lt;br/\u0026gt; This clip is from the chapter \"Coding with JavaScript\" of the series \"Learn JavaScript from Scratch: JavaScript for Everyone\".In this section, you'll get...","html":"In this video, you'll get a brief of the project you will work on.\u003cbr/\u003e\u003c\u003cbr/\u003ebr/\u003e \u003cbr/\u003eThis clip is from the chapter \"Coding with JavaScript\" of the series \"Learn JavaScript from Scratch: JavaScript for Everyone\".In this section, you'll get...","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=5159053","trackingData":{"track_click":"Search result free access button","track_label":"Search Page"},"remote":true}],"secondaryButtons":[{"variant":"card_path_review","url":"/boclips/videos/643fe78c7a78cb723a29250f"}],"footerMeta":{"showPublisher":true,"publisherName":"Curated Video","showParentsTag":false}},"isFolder":false}},{"kind":"resource","id":5158925,"type":"boclips_video_metadata","locked":false,"data":{"outerClasses":null,"dataAttributes":{"url":"/boclips/videos/643fe8f792e85745912cdac0","video_url":"/boclips/videos/643fe8f792e85745912cdac0","title":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Header and Footer Using Cascading Style Sheets (CSS)","id":"643fe8f792e85745912cdac0","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:05","resourceBackground":true},"counts":{"kind":"none"},"previewImage":{"placeholder":"data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs","dataSrc":"https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_hjme99u9/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 Header and Footer Using Cascading Style Sheets (CSS) Instructional Video","title":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Header and 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/643fe8f792e85745912cdac0","folderOuterIcon":null,"folderInnerIcon":null,"title":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Header and Footer Using Cascading Style Sheets (CSS) Instructional video","dataAttributes":{}},"title":{"text":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Header and Footer Using Cascading Style Sheets (CSS)","html":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Header and Footer Using Cascading Style Sheets (CSS)","titleAttribute":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Header and 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":"2:5","showVideoLength":true},"description":{"text":"This video shows how to create header and footer using CSS.\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 create header and footer using CSS.\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=5158925","trackingData":{"track_click":"Search result free access button","track_label":"Search Page"},"remote":true}],"secondaryButtons":[{"variant":"card_path_review","url":"/boclips/videos/643fe8f792e85745912cdac0"}],"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":5158922,"type":"boclips_video_metadata","locked":false,"data":{"outerClasses":null,"dataAttributes":{"url":"/boclips/videos/643fe8f8e6dbf8220dd78fe7","video_url":"/boclips/videos/643fe8f8e6dbf8220dd78fe7","title":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Navbar Using Flexbox - Coding Challenge","id":"643fe8f8e6dbf8220dd78fe7","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:34","resourceBackground":true},"counts":{"kind":"none"},"previewImage":{"placeholder":"data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs","dataSrc":"https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_74xlih05/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 Navbar Using Flexbox - Coding Challenge Instructional Video","title":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Navbar Using Flexbox - Coding Challenge 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/643fe8f8e6dbf8220dd78fe7","folderOuterIcon":null,"folderInnerIcon":null,"title":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Navbar Using Flexbox - Coding Challenge Instructional video","dataAttributes":{}},"title":{"text":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Navbar Using Flexbox - Coding Challenge","html":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Navbar Using Flexbox - Coding Challenge","titleAttribute":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Navbar Using Flexbox - Coding Challenge Instructional video","classNames":["resource-title"]},"publisher":{"visible":true,"name":"Curated Video","nearParents":false},"ratings":{"show":false,"value":4.0},"badges":{"sensitive":null,"featured":null,"recommended":null,"editorPick":null},"freeSampleStamp":false,"availableForParents":{"show":false,"dataAttributes":{"toggle":"tooltip","placement":"top","title":"Parents have access"}},"meta":{"showAudience":false,"audience":"For Students","gradeRange":"Higher Ed","showStandards":false,"subject":"Career \u0026 Technical Education","showSubject":true,"videoLength":"5:34","showVideoLength":true},"description":{"text":"This video presents a coding challenge on how to create a Navbar using Flexbox.\u0026lt;br/\u0026gt; This clip is from the chapter \"Cascading Style Sheet (CSS) Layouts FlexBox and CSS Grid\" of the series \"Modern Web Design with HTML5, CSS3, and...","html":"This video presents a coding challenge on how to create a Navbar using Flexbox.\u003cbr/\u003e\u003c\u003cbr/\u003ebr/\u003e \u003cbr/\u003eThis clip is from the chapter \"Cascading Style Sheet (CSS) Layouts FlexBox and CSS Grid\" of the series \"Modern Web Design with HTML5, CSS3, and...","showSharedResourceTag":false,"showNewReviewTag":false,"newReviewTooltip":"Teacher-reviewed in the past 90 days."},"actions":{"showFooter":true,"locked":false,"buttons":[{"variant":"subscription","url":"/subscription/new?signup_resource_id=5158922","trackingData":{"track_click":"Search result free access button","track_label":"Search Page"},"remote":true}],"secondaryButtons":[{"variant":"card_path_review","url":"/boclips/videos/643fe8f8e6dbf8220dd78fe7"}],"footerMeta":{"showPublisher":true,"publisherName":"Curated Video","showParentsTag":false}},"isFolder":false}},{"kind":"resource","id":5158923,"type":"boclips_video_metadata","locked":false,"data":{"outerClasses":null,"dataAttributes":{"url":"/boclips/videos/643fe8f8a0829f36839b8121","video_url":"/boclips/videos/643fe8f8a0829f36839b8121","title":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Navbar Maker using Cascading Style Sheets (CSS)","id":"643fe8f8a0829f36839b8121","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:16","resourceBackground":true},"counts":{"kind":"none"},"previewImage":{"placeholder":"data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs","dataSrc":"https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_cj4qod1o/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 Navbar Maker using Cascading Style Sheets (CSS) Instructional Video","title":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Navbar Maker 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/643fe8f8a0829f36839b8121","folderOuterIcon":null,"folderInnerIcon":null,"title":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Navbar Maker using Cascading Style Sheets (CSS) Instructional video","dataAttributes":{}},"title":{"text":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Navbar Maker using Cascading Style Sheets (CSS)","html":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Navbar Maker using Cascading Style Sheets (CSS)","titleAttribute":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Navbar Maker 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":"7:16","showVideoLength":true},"description":{"text":"This video demonstrates how to create a navbar maker 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...","html":"This video demonstrates how to create a navbar maker 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...","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=5158923","trackingData":{"track_click":"Search result free access button","track_label":"Search Page"},"remote":true}],"secondaryButtons":[{"variant":"card_path_review","url":"/boclips/videos/643fe8f8a0829f36839b8121"}],"footerMeta":{"showPublisher":true,"publisherName":"Curated Video","showParentsTag":false}},"isFolder":false}},{"kind":"resource","id":5158924,"type":"boclips_video_metadata","locked":false,"data":{"outerClasses":null,"dataAttributes":{"url":"/boclips/videos/643fe8f792e85745912cdac1","video_url":"/boclips/videos/643fe8f792e85745912cdac1","title":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Home Section Using Cascading Style Sheets (CSS)","id":"643fe8f792e85745912cdac1","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: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_nj3bh2wg/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 Home Section Using Cascading Style Sheets (CSS) Instructional Video","title":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Home Section 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/643fe8f792e85745912cdac1","folderOuterIcon":null,"folderInnerIcon":null,"title":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Home Section Using Cascading Style Sheets (CSS) Instructional video","dataAttributes":{}},"title":{"text":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Home Section Using Cascading Style Sheets (CSS)","html":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Home Section Using Cascading Style Sheets (CSS)","titleAttribute":"Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Home Section 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:2","showVideoLength":true},"description":{"text":"This video demonstrates how to create a home section 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...","html":"This video demonstrates how to create a home section 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...","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=5158924","trackingData":{"track_click":"Search result free access button","track_label":"Search Page"},"remote":true}],"secondaryButtons":[{"variant":"card_path_review","url":"/boclips/videos/643fe8f792e85745912cdac1"}],"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}}],"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":37,"search_results_count":1961,"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-5bb2e9366662e6af.js"></script> </body> </html>