diff --git a/assets/logo/BeachPartyBalloons-logo.png b/assets/logo/BeachPartyBalloons-logo.png new file mode 100644 index 0000000..0a65766 Binary files /dev/null and b/assets/logo/BeachPartyBalloons-logo.png differ diff --git a/assets/pics/classic/20240825_104716.webp b/assets/pics/classic/20240825_104716.webp new file mode 100644 index 0000000..2f41f86 Binary files /dev/null and b/assets/pics/classic/20240825_104716.webp differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..7398516 --- /dev/null +++ b/index.html @@ -0,0 +1,71 @@ + + + + + + Beach Party Balloons + + + + + + +
+ Classic Arch with bumble bees +
+ logo + +
+
+ + + + + \ No newline at end of file diff --git a/script.js b/script.js new file mode 100644 index 0000000..6edc83d --- /dev/null +++ b/script.js @@ -0,0 +1,21 @@ +document.addEventListener('DOMContentLoaded', () => { + + // Get all "navbar-burger" elements + const $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0); + + // Add a click event on each of them + $navbarBurgers.forEach( el => { + el.addEventListener('click', () => { + + // Get the target from the "data-target" attribute + const target = el.dataset.target; + const $target = document.getElementById(target); + + // Toggle the "is-active" class on both the "navbar-burger" and the "navbar-menu" + el.classList.toggle('is-active'); + $target.classList.toggle('is-active'); + + }); + }); + + }); \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..12bb393 --- /dev/null +++ b/style.css @@ -0,0 +1,24 @@ +:root { + --bulma-primary-h: 197deg; + --bulma-primary-l: 47%; + --bulma-info-h: 175deg; + --bulma-info-s: 88%; + --bulma-info-l: 42%; + } + html{ + background-color:antiquewhite + } + + header{ + position: relative; + text-align: center; + color: antiquewhite; + } + + .centerimg { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + font-size: 4em; + } \ No newline at end of file