Your Name

Welcome to My Portfolio

This is the home section. Customize this text to introduce yourself.

About Me

This is the about section. Write about yourself, your skills, experiences, and interests.

Portfolio

Project 1

Description of project 1.

Project 2

Description of project 2.

Contact Me

You can contact me via email at [email protected] or through the form below.

/* styles.css */ body { font-family: Arial, sans-serif; margin: 0; padding: 0; } .container { width: 80%; margin: auto; } header { background-color: #0e4e92; /* Dark Blue */ color: #fff; padding: 20px 0; text-align: center; } header h1 { margin: 0; } nav ul { list-style-type: none; margin: 0; padding: 0; } nav ul li { display: inline; margin-right: 20px; } nav ul li a { color: #fff; text-decoration: none; } section { padding: 50px 0; text-align: center; } .blue-bg { background-color: #0e4e92; /* Dark Blue */ color: #fff; } .portfolio-item { margin-bottom: 30px; } footer { background-color: #0e4e92; /* Dark Blue */ color: #fff; text-align: center; padding: 20px 0; } form input, form textarea, form button { width: 100%; padding: 10px; margin-bottom: 10px; border: 1px solid #ccc; } form button { background-color: #0e4e92; /* Dark Blue */ color: #fff; border: none; cursor: pointer; } form button:hover { background-color: #0b3d71; /* Darker Blue */ } // Smooth scrolling document.querySelectorAll('a[href^="#"]').forEach(anchor => { anchor.addEventListener('click', function (e) { e.preventDefault(); document.querySelector(this.getAttribute('href')).scrollIntoView({ behavior: 'smooth' }); }); });