Виконати »
×
Змінити орієнтацію
Відкрити на Codepen
Змінити тему, Темна/Світла
<!DOCTYPE html> <html lang="uk"> <head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type"> <title>HTML5</title> <style> body { font-family: Verdana,sans-serif; font-size: 0.9em; } div#header, div#footer { padding: 10px; color: white; background-color: green; } div#content { margin: 5px; padding: 10px; background-color: lightblue; } div.article { margin: 5px; padding: 10px; background-color: white; } div#menu ul { padding: 0; } div#menu ul li { display: inline; margin: 5px; } </style> </head> <body> <div id="header"> <h1>Monday Times</h1> </div> <div id="menu"> <ul> <li><a href="#">Новини</a></li> <li><a href="#">Спорт</a></li> <li><a href="#">Погода</a></li> </ul> </div> <div id="content"> <h2>Розділ новин</h2> <div class="article"> <h2>Новостійна стаття</h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque in porta lorem. Morbi condimentum est nibh, et consectetur tortor feugiat at.</p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque in porta lorem. Morbi condimentum est nibh, et consectetur tortor feugiat at.</p> </div> <div class="article"> <h2>Новостійна стаття</h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque in porta lorem. Morbi condimentum est nibh, et consectetur tortor feugiat at.</p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque in porta lorem. Morbi condimentum est nibh, et consectetur tortor feugiat at.</p> </div> </div> <div id="footer"> <p>© 2024 Monday Times. Всі права захищені.</p> </div> </body> </html>
