#### HTML Code for Blog News Study Social Media Marketing
html
Blog News Study Social Media Marketing
Welcome to Our Blog
Latest News
Stay updated with the latest news in the industry.
Study Resources
Explore our study materials and resources for in-depth learning.
Social Media Marketing
Learn about effective strategies for social media marketing.
#### CSS Code (styles.css)
css
/* Reset default margin and padding */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: Arial, sans-serif;
}
header {
background-color: #f2f2f2;
padding: 1rem;
text-align: center;
}
nav ul {
list-style: none;
}
nav ul li {
display: inline;
margin: 0 1rem;
}
.content {
padding: 2rem;
}
footer {
background-color: #333;
color: #fff;
padding: 1rem;
text-align: center;
}
.social-media {
margin-top: 1rem;
}
.social-icon {
color: #fff;
text-decoration: none;
margin: 0 0.5rem;
}
#### JavaScript Code (script.js)
javascript
// Add interactive functionality here
This HTML code provides a basic structure for a blog website focusing on news, study resources, and social media marketing. The CSS file (styles.css) includes styling for the layout, while the JavaScript file (script.js) can be used to add interactive functionality to the website. The code includes relevant keywords such as "blog," "news," "study," and "social media marketing" to enhance reach and visibility.