+
+
+
diff --git a/submissions/natata-tutorial/js-dom/js/content.js b/submissions/natata-tutorial/js-dom/js/content.js
new file mode 100644
index 0000000000..e752efc22f
--- /dev/null
+++ b/submissions/natata-tutorial/js-dom/js/content.js
@@ -0,0 +1,35 @@
+"use strict"
+
+const contentObj = [
+ {
+ id: "cubism",
+ styleTitle: "Cubism",
+ styleDescription: "An artistic movement began in 1907 by artists Pablo Picasso and Georges Braque who developed a visual language whose geometric planes challenged the conventions of representation in different types of art, by reinventing traditional subjects such as nudes, landscapes, and still lifes as increasingly fragmented compositions.",
+ stylePicture: "./images/cubism.jpg",
+ },
+ {
+ id: "art-deco",
+ styleTitle: "Art Deco",
+ styleDescription: "Emerging in France before the First World War, Art Deco exploded in 1925 on the occasion of the Exposition des Arts Décoratifs (Exhibition of Decorative Arts). Blurring the line between different mediums and fields, from architecture and furniture to clothing and jewelry, Art Deco merged modern aesthetic with skillful craftsmanship, advanced technology, and elegant materials.",
+ stylePicture: "./images/art-deco.jpg",
+ },
+ {
+ id: "fauvism",
+ styleTitle: "Fauvism",
+ styleDescription: "Coined by the critic Louis Vauxcelles, Fauvism (French for “wild beasts”) is one of the early 20th-century art movements. Fauvism is associated especially with Henri Matisse and André Derain, whose works are characterized by strong, vibrant colour and bold brushstrokes over realistic or representational qualities.",
+ stylePicture: "./images/fauvism.jpg",
+ },
+ {
+ id: "post-impressionism",
+ styleTitle: "Post-Impressionism",
+ styleDescription: "Coined in 1910, the term ‘Post-Impressionism’ describes the reaction against the Impressionists’ naturalistic depiction of light and colour. Artists like Paul Cézanne, Paul Gauguin, and Vincent van Gogh developed personal styles unified by their interest in expressing their emotional and psychological responses to the world through bold colours and often symbolic images.",
+ stylePicture: "./images/post-impressionism.jpg",
+ },
+ {
+ id: "pop-art",
+ styleTitle: "Pop Art",
+ styleDescription: "Pop Art emerged in the 1950s and was composed of British and American artists who draw inspiration from ‘popular’ imagery and products from commercial culture as opposed to ‘elitist’ fine art. Pop art reached its peak of activity in the 1960s, emphasizing the banal or kitschy elements of everyday life in such forms as mechanically reproduced silkscreens, large-scale facsimiles, and soft pop art sculptures.",
+ stylePicture: "./images/pop-art.jpg",
+ },
+];
+export default contentObj;
diff --git a/submissions/natata-tutorial/js-dom/js/script.js b/submissions/natata-tutorial/js-dom/js/script.js
new file mode 100644
index 0000000000..11d627bf85
--- /dev/null
+++ b/submissions/natata-tutorial/js-dom/js/script.js
@@ -0,0 +1,69 @@
+"use strict";
+
+import contentObj from "./content.js";
+
+document.addEventListener("DOMContentLoaded", createSidebarList);
+
+function createSidebarList() {
+
+ const sideNav = document.querySelector(".sidenav");
+ const list = document.createElement("ul");
+ list.classList.add("sidenav__list");
+
+ const listHtml = contentObj
+ .map((item) => {
+ return `
+