© 2025 Vista
+ diff --git a/website/script.js b/website/script.js index af763e8..c0f969f 100644 --- a/website/script.js +++ b/website/script.js @@ -1,10 +1,4 @@ // Functie om de productcategorie te tonen - -function goToMainPage() { - document.getElementById('welcome-page').style.display = 'none'; - document.getElementById('main-page').style.display = 'block'; -} - function showCategory(category) { const productDisplay = document.getElementById('product-display'); productDisplay.innerHTML = ''; // Maak het display leeg voordat we nieuwe items toevoegen diff --git a/website/style.css b/website/style.css index b3fe780..992cc75 100644 --- a/website/style.css +++ b/website/style.css @@ -130,4 +130,3 @@ body { #add-to-cart:hover { background-color: #45a049; } - diff --git a/website/welcome.css b/website/welcome.css new file mode 100644 index 0000000..28be63b --- /dev/null +++ b/website/welcome.css @@ -0,0 +1,37 @@ +.welcome { + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; + height: 100vh; + background-color: #ffffff; + color: #431111; + text-align: center; + } + + .welcome h1 { + font-size: 50px; + margin-bottom: 20px; + } + + .welcome p { + font-size: 20px; + margin-bottom: 30px; + } + + .welcome button { + padding: 10px 20px; + font-size: 18px; + color: white; + background-color: #431111; + border: none; + border-radius: 5px; + cursor: pointer; + box-shadow: #ff0000; + transition: transform 0.3s ease; + } + + .welcome button:hover { + transform: scale(1.2); /* Grows 20% larger */ + background-color: #a35c5c; + } \ No newline at end of file diff --git a/website/welcome.html b/website/welcome.html new file mode 100644 index 0000000..5af8d6d --- /dev/null +++ b/website/welcome.html @@ -0,0 +1,28 @@ + + + + + +Van Johnny Kindermann
+