0% found this document useful (0 votes)
2 views

Basic_CSS_Website_Code

This document is an HTML template for a basic CSS website. It includes a header, navigation bar, main content area, and a footer, all styled with simple CSS rules. The webpage serves as a starting point for web development projects.

Uploaded by

osahenizion247
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
2 views

Basic_CSS_Website_Code

This document is an HTML template for a basic CSS website. It includes a header, navigation bar, main content area, and a footer, all styled with simple CSS rules. The webpage serves as a starting point for web development projects.

Uploaded by

osahenizion247
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

<!

DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Basic CSS Website</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f4f4f4;
color: #333;
}
header {
background-color: #333;
color: #fff;
padding: 20px 0;
text-align: center;
}
nav {
background-color: #444;
padding: 10px;
text-align: center;
}
nav a {
color: #fff;
margin: 0 15px;
text-decoration: none;
}
main {
padding: 20px;
}
footer {
background-color: #333;
color: #fff;
text-align: center;
padding: 15px 0;
position: fixed;
bottom: 0;
width: 100%;
}
</style>
</head>
<body>
<header>
<h1>Welcome to My Basic CSS Website</h1>
</header>
<nav>
<a href="#">Home</a>
<a href="#">About</a>
<a href="#">Contact</a>
</nav>
<main>
<h2>Main Content</h2>
<p>This is a simple webpage styled with basic CSS. Use this as a starting point for your projects.</p>
</main>
<footer>
<p>&copy; 2025 My Website</p>
</footer>
</body>
</html>

You might also like