xxxxxxxxxx
.panel-footer{
padding-top: 40px;
padding-bottom: 40px;
margin-top: 40px;
border-top: 1px solid #eee;
background-color: #ffffff;
}
xxxxxxxxxx
basic entire html page boiler Plate with <footer>
<!Doctype Html>
<Html>
<Head>
<Title> Creating a footer using HTML </Title>
</Head>
<Body>
<header>
<h1> SOME TEXT </h1>
<p> SOME TEXT </p>
</header>
<footer>
The Text which we want to insert in footer. usually @Copyright Author ect
</footer>
/* NOTE ! dont forget to close tag </footer>*/ :
</Body>
</Html>
xxxxxxxxxx
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles.css">
<title>Your Website</title>
</head>
<body>
<!-- Your website content goes here -->
<footer>
<div class="container">
<div class="footer-content">
<div class="newsletter">
<h2>Subscribe to Our Newsletter</h2>
<p>Stay updated with the latest news and updates.</p>
<form action="#" method="post">
<input type="email" name="email" placeholder="Enter your email" required>
<button type="submit">Subscribe</button>
</form>
</div>
<div class="email-message">
<h2>Contact Us</h2>
<p>Have any questions? Feel free to email us at <a href="mailto:info@example.com">info@example.com</a>.</p>
</div>
</div>
<p class="copyright">© 2023 Your Website. All rights reserved.</p>
</div>
</footer>
</body>
</html>