diff --git a/.htaccess b/.htaccess new file mode 100644 index 0000000..2f13428 --- /dev/null +++ b/.htaccess @@ -0,0 +1 @@ +Options +Indexes \ No newline at end of file diff --git a/Hamburger/index.html b/Hamburger/index.html new file mode 100644 index 0000000..4809fcc --- /dev/null +++ b/Hamburger/index.html @@ -0,0 +1,18 @@ + + + Hamburger menu Example + + + + + +
+
+
+
+
+ + \ No newline at end of file diff --git a/Hamburger/script.js b/Hamburger/script.js new file mode 100644 index 0000000..e69de29 --- /dev/null +++ b/Hamburger/script.js diff --git a/Hamburger/style.css b/Hamburger/style.css new file mode 100644 index 0000000..e01b952 --- /dev/null +++ b/Hamburger/style.css @@ -0,0 +1,25 @@ +header { + height: 52px; + background-color: #baffff91; +} + +body { + margin: 0px; + position: relative; +} +aside {width: 300px;height: 100vh;position: absolute;transition: left 0.25s ease;top: 0px;} + +aside + main { + display: block; + float: left; + width: 100%; + transition: margin 0.25s ease;top: 0px; +} + +aside:not(.active) { + left: -300px; +} + +aside.active + main { + margin-left: 300px; +} \ No newline at end of file