Welcome to my portfolio!

I'm Aisa Canillas

My Projects

About Me

More information about yourself.

Get in Touch

Contact information and social media links.

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' }); }); });