Scribd
Upload
3 views3 pages

Webpage

This document is an HTML template for a website featuring a navigation bar, content area, and footer. It includes CSS styles for layout and design, but contains several syntax errors and incomplete HTML elements. The overall structure is intended for a simple web page with links to 'Home', 'About Us', and 'Sign In'.

Uploaded by

abhikdm77
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
3 views3 pages

Webpage

This document is an HTML template for a website featuring a navigation bar, content area, and footer. It includes CSS styles for layout and design, but contains several syntax errors and incomplete HTML elements. The overall structure is intended for a simple web page with links to 'Home', 'About Us', and 'Sign In'.

Uploaded by

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

<!

DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0>
<title>Welcome to Our Website</title>
<style>
{
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: Arial, sans-serif;
height: 100vh;
display: flex;
flex-direction: column;
background-color: #f4f4f4;
}

.navbar{
background-color: #871F78;
color: white;
padding: 15px 20px;
display: flex;
justify-content: space-between;
align-items: center;
}
.navbar .logo {
font-size: 24p;
font-weight: bold;
}
.navbar .nav-links {
list-style-type: none;
display: flex;
gap: 20px;
}
.navbar .nav-links a {
color: white;
text-decoration: none;
padding: 8px 15px;
border-radius: 4px;
transition: background-color 0.3s;
}
.navbar .navlinks a:hover {
background-color: #575757;
}
.content {
flex: 1;
padding: 40px 20px;
text-align: center;
}
footer {
bckground-color: #871F78;
color: white;
text-align: center;
padding: 10px;
}
</style>
</head>
<body>
<!-- Navigation Bar-->
<div class="navbar">
<div class="logo"> Navigation Bar</div>
<ul class="nav-links">
<li>a href="#home">Home</a></li>
<li>a href="aboutus">#About Us<a></li>
<li>a href="loginform.html>Sign In</li>
</div>
</body>
</html>
text-align: center;
bar {
background-color: #333;
overflow: hidden;
padding: 10px;
bar an

You might also like