diff --git a/videos/b1/website/containers/1.png b/videos/b1/website/containers/1.png new file mode 100644 index 0000000..9157cd8 Binary files /dev/null and b/videos/b1/website/containers/1.png differ diff --git a/videos/b1/website/containers/10.png b/videos/b1/website/containers/10.png new file mode 100644 index 0000000..057a46c Binary files /dev/null and b/videos/b1/website/containers/10.png differ diff --git a/videos/b1/website/containers/11.png b/videos/b1/website/containers/11.png new file mode 100644 index 0000000..b9f1859 Binary files /dev/null and b/videos/b1/website/containers/11.png differ diff --git a/videos/b1/website/containers/12.png b/videos/b1/website/containers/12.png new file mode 100644 index 0000000..8e1186a Binary files /dev/null and b/videos/b1/website/containers/12.png differ diff --git a/videos/b1/website/containers/13.png b/videos/b1/website/containers/13.png new file mode 100644 index 0000000..d5d9bba Binary files /dev/null and b/videos/b1/website/containers/13.png differ diff --git a/videos/b1/website/containers/14.png b/videos/b1/website/containers/14.png new file mode 100644 index 0000000..de22469 Binary files /dev/null and b/videos/b1/website/containers/14.png differ diff --git a/videos/b1/website/containers/2.png b/videos/b1/website/containers/2.png new file mode 100644 index 0000000..6c5eb16 Binary files /dev/null and b/videos/b1/website/containers/2.png differ diff --git a/videos/b1/website/containers/3.png b/videos/b1/website/containers/3.png new file mode 100644 index 0000000..b8d8704 Binary files /dev/null and b/videos/b1/website/containers/3.png differ diff --git a/videos/b1/website/containers/4.png b/videos/b1/website/containers/4.png new file mode 100644 index 0000000..65511ca Binary files /dev/null and b/videos/b1/website/containers/4.png differ diff --git a/videos/b1/website/containers/5.png b/videos/b1/website/containers/5.png new file mode 100644 index 0000000..dbef1a4 Binary files /dev/null and b/videos/b1/website/containers/5.png differ diff --git a/videos/b1/website/containers/6.png b/videos/b1/website/containers/6.png new file mode 100644 index 0000000..0b98fdb Binary files /dev/null and b/videos/b1/website/containers/6.png differ diff --git a/videos/b1/website/containers/7.png b/videos/b1/website/containers/7.png new file mode 100644 index 0000000..5faaba4 Binary files /dev/null and b/videos/b1/website/containers/7.png differ diff --git a/videos/b1/website/containers/8.png b/videos/b1/website/containers/8.png new file mode 100644 index 0000000..be46641 Binary files /dev/null and b/videos/b1/website/containers/8.png differ diff --git a/videos/b1/website/containers/9.png b/videos/b1/website/containers/9.png new file mode 100644 index 0000000..20fa2ad Binary files /dev/null and b/videos/b1/website/containers/9.png differ diff --git a/videos/b1/website/containers/output.mp4 b/videos/b1/website/containers/output.mp4 new file mode 100644 index 0000000..b94dbde Binary files /dev/null and b/videos/b1/website/containers/output.mp4 differ diff --git a/videos/b1/website/containers/script.xml b/videos/b1/website/containers/script.xml new file mode 100644 index 0000000..fb9a235 --- /dev/null +++ b/videos/b1/website/containers/script.xml @@ -0,0 +1,47 @@ + + + + Box is another container element. + + + It behaves like a section, but spans a content area rather than the whole width of the screen. + + + Configure it and hit save... and you'll have an empty, styled, box on your page. + + + Drag and drop elements into the box and they will take on that styling. + + + Carousel is another container element. + + + Set the height, the number of slides and whether you want it to auto-play and hit save. + + + It will give you an empty carousel with three slides. + + + Add a component to the first slide. + + + Click the right arrow to add an element to the next slide. + + + Continue until all the slides are full. It will auto-rotate between these when a visitor loads the page. + + + The expandable element allows you to add collapsible accordions containing information. + + + They're great for FAQs or other content that you want to hide until a visitor clicks on it. + + + Add several in sequence and they will appear as a list of topics. + + + Click to expand or collapse any topic. + + + + \ No newline at end of file diff --git a/videos/b1/website/rows/script.xml b/videos/b1/website/rows/script.xml index 9a06eb5..4aff2f4 100644 --- a/videos/b1/website/rows/script.xml +++ b/videos/b1/website/rows/script.xml @@ -7,7 +7,7 @@ Row is one of these. It divides the width of the page into 12 parts. - This allows you to easily create elements that span and denominator of twelfths just as halves, thirds, quarters, sixths, or 12ths. + This allows you to easily create elements that span and denominator of twelfths such as halves, thirds, quarters, sixths, or 12ths. We'll choose thirds and add it to the page.