<!DOCTYPE html> <html lang="fr"> <head>     <meta charset="utf-8">     <meta name="viewport" content="width=device-width, initial-scale=1">     <title>Exemple de Page HTML</title>     <style>         body {             font-family: 'Arial', sans-serif;             background-color: #f4f4f4;             color: #333;             padding: 20px;             margin: 0;         }         header {             background-color: #007BFF;             color: white;             padding: 20px;             text-align: center;             margin-bottom: 20px;         }         main {             max-width: 800px;             margin: 0 auto;             background: white;             padding: 20px;             border-radius: 8px;             box-shadow: 0 2px 5px rgba(0,0,0,0.1);         }         .box {             width: 48%;             display: inline-block;             background: #e0f7fa;             padding: 15px;             margin-bottom: 15px;             vertical-align: top;             border-radius: 4px;        }         }     </style> </head> <body>     <header>         <h1>Mon Site Web</h1>         Un exemple de page HTML avec du contenu factice     </header>     <main>         <h2>Bienvenue</h2>         Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.         Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.         <div class="box">             <h3>Section 1</h3>             Suspendisse malesuada lacus ex, sit amet blandit leo lobortis eget. Curabitur accumsan nulla non justo tincidunt, at scelerisque massa lacinia.         </div>         <div class="box">             <h3>Section 2</h3>             Integer sit amet velit a elit scelerisque aliquam. Proin vel sapien vitae lectus fermentum euismod.         </div>     </main> </body> </html> FOOTER !!

Exemple de Page HTML body { font-family: 'Arial', sans-serif; background-color: #f4f4f4; color: #333; padding: 20px; margin: 0; } header { background-color: #007BFF; color: white; padding: 20px; text-align: center; margin-bottom: 20px; } main { max-width: 800px; margin: 0 auto; background: white; padding: 20px; border-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); } .box { width: 48%; display: inline-block; background: #e0f7fa; padding: 15px; margin-bottom: 15px; vertical-align: top; border-radius: 4px; } } Mon Site Web Un exemple de page HTML avec du contenu factice Bienvenue Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Section 1 Suspendisse malesuada lacus ex, sit amet blandit leo lobortis eget. Curabitur accumsan nulla non justo tincidunt, at scelerisque massa lacinia. Section 2 Integer sit amet velit a elit scelerisque aliquam. Proin vel sapien vitae lectus fermentum euismod. FOOTER !!

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Exemple de Page HTML &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Mon Site Web &nbsp; &nbsp; &nbsp; &nbsp; Un exemple de page HTML avec du contenu factice &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Bienvenue &nbsp; &nbsp; &nbsp; &nbsp; Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. &nbsp; &nbsp; &nbsp; &nbsp; Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Section 1 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Suspendisse malesuada lacus ex, sit amet blandit leo lobortis eget. Curabitur accumsan nulla non justo tincidunt, at scelerisque massa lacinia. &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Section 2 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Integer sit amet velit a elit scelerisque aliquam. Proin vel sapien vitae lectus fermentum euismod. &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; FOOTER !!

Episode Duo

&lt;!DOCTYPE html&gt; &lt;html lang="fr"&gt; &lt;head&gt; &nbsp; &nbsp; &lt;meta charset="utf-8"&gt; &nbsp; &nbsp; &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt; &nbsp; &nbsp; &lt;title&gt;Exemple de Page HTML&lt;/title&gt; &nbsp; &nbsp; &lt;style&gt; &nbsp; &nbsp; &nbsp; &nbsp; body { &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; font-family: 'Arial', sans-serif; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; background-color: #f4f4f4; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; color: #333; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; padding: 20px; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin: 0; &nbsp; &nbsp; &nbsp; &nbsp; } &nbsp; &nbsp; &nbsp; &nbsp; header { &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; background-color: #007BFF; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; color: white; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; padding: 20px; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; text-align: center; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin-bottom: 20px; &nbsp; &nbsp; &nbsp; &nbsp; } &nbsp; &nbsp; &nbsp; &nbsp; main { &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; max-width: 800px; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin: 0 auto; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; background: white; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; padding: 20px; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; border-radius: 8px; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; box-shadow: 0 2px 5px rgba(0,0,0,0.1); &nbsp; &nbsp; &nbsp; &nbsp; } &nbsp; &nbsp; &nbsp; &nbsp; .box { &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; width: 48%; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; display: inline-block; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; background: #e0f7fa; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; padding: 15px; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin-bottom: 15px; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; vertical-align: top; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; border-radius: 4px; &nbsp; &nbsp; &nbsp; &nbsp;} &nbsp; &nbsp; &nbsp; &nbsp; } &nbsp; &nbsp; &lt;/style&gt; &lt;/head&gt; &lt;body&gt; &nbsp; &nbsp; &lt;header&gt; &nbsp; &nbsp; &nbsp; &nbsp; &lt;h1&gt;Mon Site Web&lt;/h1&gt; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;Un exemple de page HTML avec du contenu factice&lt;/p&gt; &nbsp; &nbsp; &lt;/header&gt; &nbsp; &nbsp; &lt;main&gt; &nbsp; &nbsp; &nbsp; &nbsp; &lt;h2&gt;Bienvenue&lt;/h2&gt; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.&lt;/p&gt; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.&lt;/p&gt; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="box"&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;h3&gt;Section 1&lt;/h3&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;Suspendisse malesuada lacus ex, sit amet blandit leo lobortis eget. Curabitur accumsan nulla non justo tincidunt, at scelerisque massa lacinia.&lt;/p&gt; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="box"&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;h3&gt;Section 2&lt;/h3&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;Integer sit amet velit a elit scelerisque aliquam. Proin vel sapien vitae lectus fermentum euismod.&lt;/p&gt; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt; &nbsp; &nbsp; &lt;/main&gt; &lt;/body&gt; &lt;/html&gt;

Business

Non-Profit

<!DOCTYPE html> <html lang="fr"> <head>     <meta charset="utf-8">     <meta name="viewport" content="width=device-width, initial-scale=1">     <title>Exemple de Page HTML</title>     <style>         body {             font-family: 'Arial', sans-serif;             background-color: #f4f4f4;             color: #333;             padding: 20px;             margin: 0;         }         header {             background-color: #007BFF;             color: white;             padding: 20px;             text-align: center;             margin-bottom: 20px;         }         main {             max-width: 800px;             margin: 0 auto;             background: white;             padding: 20px;             border-radius: 8px;             box-shadow: 0 2px 5px rgba(0,0,0,0.1);         }         .box {             width: 48%;             display: inline-block;             background: #e0f7fa;             padding: 15px;             margin-bottom: 15px;             vertical-align: top;             border-radius: 4px;        }         }     </style> </head> <body>     <header>         <h1>Mon Site Web</h1>         Un exemple de page HTML avec du contenu factice     </header>     <main>         <h2>Bienvenue</h2>         Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.         Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.         <div class="box">             <h3>Section 1</h3>             Suspendisse malesuada lacus ex, sit amet blandit leo lobortis eget. Curabitur accumsan nulla non justo tincidunt, at scelerisque massa lacinia.         </div>         <div class="box">             <h3>Section 2</h3>             Integer sit amet velit a elit scelerisque aliquam. Proin vel sapien vitae lectus fermentum euismod.         </div>     </main> </body> </html>

Share Episode Duo

Sign up to save your podcasts

Episode Duo

Episode Duo