import { addBanner, addArticle, addTitle, addHeader, addParagraph, addClassParagraph, addSubHeader, addOrderedList, addUnorderedList, addBlockquote, addInset, addInsetList, addInsetCodeListing, addInsetBulletList, addImageWithCaption, addButtonGroup, addSidebar, addSyntax, menu, global_menu } from '/scripts/import.js';

const heading = document.querySelector(".heading");
const global = document.querySelector(".global_menu");
const local = document.querySelector(".local_menu");
const sidebar = document.querySelector(".sidebar");
const main = document.querySelector(".main_content");

heading.append(addTitle("CSS Layouts from Float to Flexbox and Grid"));
heading.append(addParagraph("Christina Truong - LinkedIn Learning - September 2019"));
heading.append(addParagraph("Chapter 4 - Conclusion"));

main.append(addHeader("Next Steps"));



addSidebar("webdev");