My Portfolio
Welcome to My Portfolio
This is a showcase of my work and skills.
About Me
I am a passionate web developer with experience in HTML, CSS, and JavaScript.
Projects
Project 1
Description of Project 1.
Project 2
Description of Project 2.
/* Reset default styles */
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
/* Global styles */
body {
font-family: Arial, sans-serif;
line-height: 1.6;
}
.container {
max-width: 960px;
margin: 0 auto;
padding: 0 20px;
}
/* Header */
header {
background: #333;
color: #fff;
padding: 20px 0;
}
.logo a {
color: #fff;
font-size: 24px;
text-decoration: none;
}
.navbar {
display: flex;
align-items: center;
justify-content: space-between;
}
.menu li {
display: inline-block;
margin-left: 20px;
}
.menu li a {
color: #fff;
text-decoration: none;
}
.burger-menu {
display: none;
flex-direction: column;
cursor: pointer;
}
.line {
width: 25px;
height: 3px;
background: #fff;
margin: 5px 0;
}
/* Main sections */
.section {
padding: 80px 0;
text-align: center;
}
.section h2 {
margin-bottom: 30px;
}
.project {
margin-bottom: 40px;
}
.project h3 {
font-size: 24px;
margin-bottom: 10px;
}
/* Footer */// Toggle the navigation menu for small screens
const burgerMenu = document.querySelector('.burger-menu');
const menu = document.querySelector('.menu');
burgerMenu.addEventListener('click', () => {
menu.classList.toggle('show');
});
footer {
background: #333;
color: #fff;
padding: 20px 0;
text-align: center;
}
0 Comments