#### HTML Code for Portfolio Item "The 8th Debate Promo"
html
The 8th Debate Promo
About Us
Welcome to The 8th Debate Promo! We are dedicated to promoting healthy and constructive debates on various topics.
Our Projects
Check out our latest projects and initiatives aimed at fostering meaningful discussions.
Our Achievements
Explore our milestones and accomplishments in the realm of promoting open dialogue and critical thinking.
Contact Us
Get in touch with us to collaborate, share your ideas, or inquire about our work.
#### CSS Code (style.css) for Interactive Design
css
/* Reset default margin and padding */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
/* Style the header and navigation */
header {
background-color: #333;
color: #fff;
padding: 1rem;
text-align: center;
}
nav ul {
list-style: none;
}
nav ul li {
display: inline;
margin: 0 1rem;
}
nav ul li a {
color: #fff;
text-decoration: none;
}
/* Style the sections */
section {
padding: 2rem;
margin: 2rem 0;
background-color: #f4f4f4;
}
/* Style the footer and social links */
footer {
background-color: #333;
color: #fff;
padding: 1rem;
text-align: center;
}
.social-links a {
color: #fff;
margin: 0 0.5rem;
text-decoration: none;
}
#### JavaScript Code (script.js) for Interactive Features
javascript
// Add smooth scrolling to anchor links
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function(e) {
e.preventDefault();
document.querySelector(this.getAttribute('href')).scrollIntoView({
behavior: 'smooth'
});
});
});
This HTML, CSS, and JavaScript code creates a simple one-page portfolio for "The 8th Debate Promo." The design includes interactive features such as smooth scrolling and a responsive layout to attract more visitors, as suggested by the search results.