diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..d3f11de
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,5 @@
+# https://git-scm.com/docs/gitignore
+# https://help.github.com/articles/ignoring-files
+# Example .gitignore files: https://github.com/github/gitignore
+/bower_components/
+/node_modules/
\ No newline at end of file
diff --git a/css/style.css b/css/style.css
new file mode 100644
index 0000000..6af2e5d
--- /dev/null
+++ b/css/style.css
@@ -0,0 +1,27 @@
+.menu {
+ width: 750px;
+ height: 750px;
+}
+
+polygon {
+ transition: all 0.5s;
+}
+
+.moveFirst {
+ transform: translate(70px, 10px) rotate(45deg);
+}
+.moveCss{
+ transform: translate(130px, 10px) rotate(60deg);
+}
+
+.moveHtml{
+ transform: translate(190px, 10px) rotate(60deg);
+}
+
+.moveKnow{
+ transform: translate(250px, 10px) rotate(60deg);
+}
+
+.movePipe{
+ transform: translate(310px, 10px) rotate(60deg);
+}
diff --git a/css/triangle 1.svg b/css/triangle 1.svg
new file mode 100644
index 0000000..16dd8b6
--- /dev/null
+++ b/css/triangle 1.svg
@@ -0,0 +1,16 @@
+
diff --git a/css/triangle_1.svg b/css/triangle_1.svg
new file mode 100644
index 0000000..3b3431d
--- /dev/null
+++ b/css/triangle_1.svg
@@ -0,0 +1,19 @@
+
+
+
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..2dbe43a
--- /dev/null
+++ b/index.html
@@ -0,0 +1,42 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/java.js b/java.js
new file mode 100644
index 0000000..88ee03a
--- /dev/null
+++ b/java.js
@@ -0,0 +1,21 @@
+let menu = document.querySelector("#topitem");
+let triangles = document.querySelector("#navbar")
+//let javaScript = document.querySelector("#javascript")
+menu.addEventListener('click', menuUnfolds);
+
+function menuUnfolds() {
+ //javaScript.classList.add("js");
+ console.log("clicked")
+ let javaScript = document.querySelector('#js');
+ javaScript.classList.toggle("moveFirst");
+ let Css = document.querySelector('#css');
+ Css.classList.toggle("moveCss");
+ let htMl = document.querySelector('#html');
+ htMl.classList.toggle("moveHtml");
+ let know = document.querySelector('#git');
+ know.classList.toggle("moveKnow");
+ let pipePiper = document.querySelector('#pp');
+ pipePiper.classList.toggle("movePipe");
+
+
+}