Skip to content

Commit 2ad1418

Browse files
authored
Add files via upload
0 parents  commit 2ad1418

File tree

1 file changed

+37
-0
lines changed

1 file changed

+37
-0
lines changed

index.html

Lines changed: 37 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<title>Structuring the Div</title>
7+
<style>
8+
body { margin: 0; font-family: Arial, sans-serif; }
9+
header, footer { background: #333; color: white; padding: 1em; text-align: center; }
10+
nav { margin-top: 10px; }
11+
main { display: flex; }
12+
.sidebar { width: 20%; background: #f4f4f4; padding: 1em; }
13+
.content { flex: 1; padding: 1em; }
14+
footer { margin-top: auto; }
15+
</style>
16+
</head>
17+
<body>
18+
<header>
19+
<h1>My Web Layout</h1>
20+
<nav>
21+
<a href="#" style="color: white; margin: 0 10px;">Home</a>
22+
<a href="#" style="color: white; margin: 0 10px;">About</a>
23+
</nav>
24+
</header>
25+
<main>
26+
<div class="sidebar">
27+
<p>Sidebar content</p>
28+
</div>
29+
<div class="content">
30+
<p>Main content area</p>
31+
</div>
32+
</main>
33+
<footer>
34+
<p>&copy; 2025 Ashirwad Jenamani</p>
35+
</footer>
36+
</body>
37+
</html>

0 commit comments

Comments
 (0)