486
edits
Changes
no edit summary
<!DOCTYPE html>
<html>
<head>
<title>My Wiki Page</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}
#header {
background-color: gold;
color: white;
padding: 10px;
}
===== Cartes de vœux =====
#navigation {
background-color: grey;
padding: 10px;
}
#navigation ul {
list-style-type: none;
margin: 0;
padding: 0;
}
#navigation ul li {
display: inline;
margin-right: 10px;
}
#navigation ul li a {
color: white;
text-decoration: none;
padding: 5px;
}
#banner {
background-color: gold;
color: white;
padding: 20px;
text-align: center;
}
#content {
padding: 20px;
}
h1 {
color: gold;
}
</style>
</head>
<body>
<div id="header">
<h1>My Wiki Page</h1>
</div>
<div id="navigation">
<ul>
<li><a href="#section1">Section 1</a></li>
<li><a href="#section2">Section 2</a></li>
<li><a href="#section3">Section 3</a></li>
<li><a href="#section4">Section 4</a></li>
<li><a href="#section5">Section 5</a></li>
<li><a href="#section6">Section 6</a></li>
<li><a href="#section7">Section 7</a></li>
</ul>
</div>
<div id="banner">
<h2>Welcome to My Wiki Page!</h2>
<p>Explore the sections below to find valuable information.</p>
</div>
<div id="content">
<h2 id="section1">Section 1</h2>
<p>This is the content of Section 1.</p>
<h2 id="section2">Section 2</h2>
<p>This is the content of Section 2.</p>
<h2 id="section3">Section 3</h2>
<p>This is the content of Section 3.</p>
<h2 id="section4">Section 4</h2>
<p>This is the content of Section 4.</p>
<h2 id="section5">Section 5</h2>
<p>This is the content of Section 5.</p>
<h2 id="section6">Section 6</h2>
<p>This is the content of Section 6.</p>
<h2 id="section7">Section 7</h2>
<p>This is the content of Section 7.</p>
</div>
</body>
</html>