Aisa Udasco Canillas

CSS (styles.css) body { font-family: Arial, sans-serif; margin: 0; padding: 0; }

header { background-color: #333; color: #fff; padding: 1em; text-align: center; }

header nav ul { list-style: none; margin: 0; padding: 0; }

header nav ul li { display: inline-block; margin-right: 20px; }

header nav a { color: #fff; text-decoration: none; }

main { display: flex; flex-direction: column; align-items: center; padding: 2em; }

section { background-color: #f7f7f7; padding: 1em; margin-bottom: 20px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }

h1, h2, h3 { color: #333; }

ul { list-style: none; padding: 0; margin: 0; }

li { margin-bottom: 10px; }

img { width: 100%; height: 150px; object-fit: cover; border-radius: 10px; }

footer { background-color: #333; color: #fff; padding: 1em; text-align: center; clear: both; }

JavaScript (script.js) // Add event listener to navigation links document.querySelectorAll('nav a').forEach(link => { link.addEventListener('click', event => { event.preventDefault(); const targetId = link.getAttribute('href').slice(1); const targetSection = document.getElementById(targetId); targetSection.scrollIntoView({ behavior: 'smooth' }); }); });