Difference between revisions of "DARE-OSEZ/fetes"
Jump to navigation
Jump to search
Anik.sauve (talk | contribs) (Created page with "'''ENGLISH''' ==== <big>'''FÊTES'''</big> ==== ===== Cartes de vœux =====") |
|||
Line 1: | Line 1: | ||
− | + | <!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; | ||
+ | } | ||
− | ===== | + | #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> |
Revision as of 08:05, 22 June 2023
<!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; }
#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>
My Wiki Page
Section 1
This is the content of Section 1.
Section 2
This is the content of Section 2.
Section 3
This is the content of Section 3.
Section 4
This is the content of Section 4.
Section 5
This is the content of Section 5.
Section 6
This is the content of Section 6.
Section 7
This is the content of Section 7.
</body> </html>