• <footer class="site-footer">
  <div class="footer-top-bar">
  <div class="nav-links">
  <a href="#top" class="icon-link">▲ Back to top</a>
  <a href="#chat" class="icon-link">💬 Chat</a>
  </div>
  <div class="search-box">
  <input type="text" placeholder="Search domains">
  <button type="submit">🔍</button>
  </div>
  </div>
  
  <div class="footer-main-content">
  <div class="footer-grid">
  <div class="footer-col">
  <h3>GET ONLINE</h3>
  <ul>
  <li><a href="#">Domain Names</a></li>
  <li><a href="#">Web Hosting</a></li>
  <li><a href="#">Website Builder</a></li>
  <li><a href="#">WP Live</a></li>
  <li><a href="#">Email</a></li>
  <li><a href="#">WHOIS Lookup</a></li>
  </ul>
  </div>
  
  <div class="footer-col">
  <h3>SELL ONLINE</h3>
  <ul>
  <li><a href="#">eCommerce Hosting</a></li>
  <li><a href="#">eCommerce Web Design</a></li>
  </ul>
  </div>
  
  <div class="footer-col">
  <h3>ONLINE SECURITY</h3>
  <ul>
  <li><a href="#">SSL Certificates</a></li>
  <li><a href="#">Domain Privacy + Protection</a></li>
  </ul>
  </div>
  
  <div class="footer-col">
  <h3>CORPORATE INFORMATION</h3>
  <ul>
  <li><a href="#">About Us</a></li>
  <li><a href="#">Customer Testimonials</a></li>
  <li><a href="#">Blog</a></li>
  <li><a href="#">Affiliate Program</a></li>
  <li><a href="#">Contact Us</a></li>
  </ul>
  </div>
  
  <div class="footer-col">
  <h3>CUSTOMER SUPPORT</h3>
  <ul>
  <li><a href="#">Log In/Control Panel</a></li>
  <li><a href="#" class="underlined-link">Domain Central</a></li>
  </ul>
  </div>
  </div>
  
  <hr class="footer-divider">
  
  <div class="footer-bottom">
  <div class="legal-links">
  <a href="#">Terms of Service</a> |
  <a href="#">Registration Agreement</a> |
  <a href="#">Privacy</a> |
  <a href="#">Sitemap</a>
  </div>
  
  <div class="opt-out">
  <a href="#"><strong>Do Not Sell My Personal Information</strong></a>
  </div>
  
  <div class="social-media">
  <span>Follow Us:</span>
  <a href="#">📘</a>
  <a href="#">🐦</a>
  <a href="#">📌</a>
  <a href="#">📷</a>
  </div>
  
  <div class="copyright">
  &copy; Copyright 2026 Domain.com, LLC. All rights reserved.
  </div>
  </div>
  </div>
  </footer>

  

style.css

/* Reset & Base Fonts */
footer * {
box-sizing: border-box;
margin: 0;
padding: 0;
font-family: Arial, sans-serif;
}

/* Red Top Bar */
.footer-top-bar {
background-color: #d61f27;
padding: 15px 50px;
display: flex;
justify-content: space-between;
align-items: center;
}

.footer-top-bar .nav-links a {
color: #ffffff;
text-decoration: none;
margin-right: 20px;
font-size: 16px;
font-weight: bold;
}

.search-box {
display: flex;
background: #fff;
border-radius: 4px;
overflow: hidden;
}

.search-box input {
border: none;
padding: 8px 12px;
font-size: 16px;
outline: none;
width: 250px;
}

.search-box button {
border: none;
background: #fff;
padding: 0 10px;
cursor: pointer;
}

/* Main Dark Body */
.footer-main-content {
background-color: #1e1e1e;
color: #ffffff;
padding: 40px 50px;
}

.footer-grid {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 20px;
margin-bottom: 40px;
}

.footer-col h3 {
font-size: 14px;
color: #ffffff;
margin-bottom: 15px;
letter-spacing: 0.5px;
}

.footer-col ul {
list-style: none;
}

.footer-col ul li {
margin-bottom: 8px;
}

.footer-col ul li a {
color: #cccccc;
text-decoration: none;
font-size: 14px;
}

.footer-col ul li a:hover {
color: #ffffff;
}

.footer-col .underlined-link {
text-decoration: underline;
}

/* Divider Line */
.footer-divider {
border: 0;
border-top: 1px solid #333;
margin-bottom: 25px;
}

/* Bottom Center Alignments */
.footer-bottom {
text-align: center;
font-size: 14px;
display: flex;
flex-direction: column;
gap: 12px;
}

.footer-bottom a {
color: #ffffff;
text-decoration: none;
}

.legal-links a {
margin: 0 5px;
}

.social-media a {
margin-left: 10px;
font-size: 18px;
}

.copyright {
color: #888888;
margin-top: 15px;
font-size: 13px;
}