Episode 3

<p>&lt;!DOCTYPE html&gt;<br>&lt;html lang="fr"&gt;<br>&lt;head&gt;<br>&nbsp; &nbsp; &lt;meta charset="utf-8"&gt;<br>&nbsp; &nbsp; &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;<br>&nbsp; &nbsp; &lt;title&gt;Exemple de Page HTML&lt;/title&gt;<br>&nbsp; &nbsp; &lt;style&gt;<br>&nbsp; &nbsp; &nbsp; &nbsp; body {<br>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; font-family: 'Arial', sans-serif;<br>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; background-color: #f4f4f4;<br>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; color: #333;<br>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; padding: 20px;<br>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin: 0;<br>&nbsp; &nbsp; &nbsp; &nbsp; }<br>&nbsp; &nbsp; &nbsp; &nbsp; header {<br>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; background-color: #007BFF;<br>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; color: white;<br>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; padding: 20px;<br>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; text-align: center;<br>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin-bottom: 20px;<br>&nbsp; &nbsp; &nbsp; &nbsp; }<br>&nbsp; &nbsp; &nbsp; &nbsp; main {<br>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; max-width: 800px;<br>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin: 0 auto;<br>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; background: white;<br>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; padding: 20px;<br>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; border-radius: 8px;<br>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; box-shadow: 0 2px 5px rgba(0,0,0,0.1);<br>&nbsp; &nbsp; &nbsp; &nbsp; }<br>&nbsp; &nbsp; &nbsp; &nbsp; .box {<br>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; width: 48%;<br>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; display: inline-block;<br>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; background: #e0f7fa;<br>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; padding: 15px;<br>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin-bottom: 15px;<br>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; vertical-align: top;<br>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; border-radius: 4px;<br>&nbsp; &nbsp; &nbsp; &nbsp;}<br>&nbsp; &nbsp; &nbsp; &nbsp; }<br>&nbsp; &nbsp; &lt;/style&gt;<br>&lt;/head&gt;<br>&lt;body&gt;<br>&nbsp; &nbsp; &lt;header&gt;<br>&nbsp; &nbsp; &nbsp; &nbsp; &lt;h1&gt;Mon Site Web&lt;/h1&gt;<br>&nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;Un exemple de page HTML avec du contenu factice&lt;/p&gt;<br>&nbsp; &nbsp; &lt;/header&gt;<br><br>&nbsp; &nbsp; &lt;main&gt;<br>&nbsp; &nbsp; &nbsp; &nbsp; &lt;h2&gt;Bienvenue&lt;/h2&gt;<br>&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;<br>&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;<br><br>&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="box"&gt;<br>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;h3&gt;Section 1&lt;/h3&gt;<br>&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;<br>&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;<br>&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="box"&gt;<br>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;h3&gt;Section 2&lt;/h3&gt;<br>&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;<br>&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;<br>&nbsp; &nbsp; &lt;/main&gt;<br>&lt;/body&gt;<br>&lt;/html&gt;<br><br></p>

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>         <p>Un exemple de page HTML avec du contenu factice</p>     </header>     <main>         <h2>Bienvenue</h2>         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>         <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>         <div class="box">             <h3>Section 1</h3>             <p>Suspendisse malesuada lacus ex, sit amet blandit leo lobortis eget. Curabitur accumsan nulla non justo tincidunt, at scelerisque massa lacinia.</p>         </div>         <div class="box">             <h3>Section 2</h3>             <p>Integer sit amet velit a elit scelerisque aliquam. Proin vel sapien vitae lectus fermentum euismod.</p>         </div>     </main> </body> </html>

Share Episode 3

Sign up to save your podcasts

Episode 3

Episode 3