{"type":"video","version":"1.0","html":"<iframe src=\"https://www.loom.com/embed/eace90c85fd547fd9ab3cd5531ca49da\" frameborder=\"0\" width=\"1728\" height=\"1296\" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>","height":1296,"width":1728,"provider_name":"Loom","provider_url":"https://www.loom.com","thumbnail_height":1296,"thumbnail_width":1728,"thumbnail_url":"https://cdn.loom.com/sessions/thumbnails/eace90c85fd547fd9ab3cd5531ca49da-4f4631e31f15f403.gif","duration":670.034667,"title":"Explaining Index.html Line by Line","description":"This Loom explains line by line the structure of an index.html file for a static website called Chef Space. It covers the header setup with a div combining an SVG icon and text, plus Google Font preconnect and CSS linking, and describes how the SVG paths exported from Illustrator control the book-shelf drawing and its styling. The video then moves through the main content, including an introduction section and a collection section that uses heading levels and an ordered list with a form for adding books. It specifies form fields like title, order, genre, and availability using required inputs, placeholder examples such as Agent Night Circus, and a submit button labeled Add book, then closes with the footer and script links for CSS and JavaScript."}