body {
margin: 0;
font-family: Arial, sans-serif;
}
header {
background-color: #333;
color: #fff;
padding: 10px 0;
position: fixed;
top: 0;
width: 100%;
z-index: 1000;
}
header .logo {
margin-left: 20px;
font-size: 24px;
font-weight: bold;
}
header nav {
float: right;
margin-right: 20px;
}
header nav ul {
list-style-type: none;
margin: 0;
padding: 0;
}
header nav ul li {
display: inline;
margin-right: 20px;
}
main {
margin-top: 60px; /* Adjust based on header height */
padding: 20px;
}
footer {
background-color: #333;
color: #fff;
padding: 20px;
clear: both;
}
footer ul {
list-style-type: none;
margin: 0;
padding: 0;
}
footer ul li {
display: inline;
margin-right: 20px;
}
Click on a picture to see the article.
