1 <p>HTML</p>

2 <p>&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;link rel="stylesheet" href="setting.css"&gt; &lt;link rel="stylesheet" href="style.css"&gt; &lt;title&gt;FlashNews!&lt;/title&gt; &lt;/head&gt; &lt;body class="page light-theme"&gt; &lt;header class="page-header"&gt; &lt;div class="container"&gt; &lt;a class="header-logo"&gt; &lt;img src="img/main-logo.svg" width="67" height="29" alt="FlashNews! portal logo"&gt; &lt;/a&gt; &lt;button class="menu menu-open" type="button"&gt;Menu&lt;/button&gt; &lt;nav class="main-menu"&gt; &lt;ul&gt; &lt;li&gt; &lt;a href="#"&gt;Editorial&lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;a href="#"&gt;Contact us&lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;a href="#"&gt;Subscribe&lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/nav&gt; &lt;/div&gt; &lt;/header&gt; &lt;main class="index-main"&gt; &lt;div class="container"&gt; &lt;h1 class="visually-hidden"&gt;FlashNews news portal!&lt;/h1&gt; &lt;div class="news-view"&gt; &lt;button class="row-view view-checked" type="button"&gt;List&lt;/button&gt; &lt;button class="tile-view" type="button"&gt;Tile&lt;/button&gt; &lt;/div&gt; &lt;section class="news-list"&gt; &lt;h2 class="visually-hidden"&gt;All news&lt;/h2&gt; &lt;article class="new-block"&gt; &lt;img src="img/new-graph.jpg" alt="New library"&gt; &lt;div class="new-block-text"&gt; &lt;h3&gt;New graphics library&lt;/h3&gt; &lt;p&gt;Now you can create a dashboard in just a matter of seconds.&lt;/p&gt; &lt;time datetime="2019-10-16"&gt;October 16, 2019&lt;/time&gt; &lt;/div&gt; &lt;/article&gt; &lt;article class="new-block"&gt; &lt;img src="img/new-robot.jpg" alt="What is going on with robots?"&gt; &lt;div class="new-block-text"&gt; &lt;h3&gt;What is going on with robots?&lt;/h3&gt; &lt;p&gt;A lot of interesting things are happening in robotics. This could be a piece of news about the latest developments, but that is not what this is.&lt;/p&gt; &lt;time datetime="2019-10-15"&gt;October 15, 2019&lt;/time&gt; &lt;/div&gt; &lt;/article&gt; &lt;article class="new-block"&gt; &lt;img src="img/new-loop.jpg" alt="Infinite loops"&gt; &lt;div class="new-block-text"&gt; &lt;h3&gt;Infinite loops: It’s time to end them&lt;/h3&gt; &lt;p&gt;British scientists have discovered that the ability of software to function directly depends on the presence of infinite loops in it.&lt;/p&gt; &lt;time datetime="2019-10-14"&gt;October 14, 2019&lt;/time&gt; &lt;/div&gt; &lt;/article&gt; &lt;article class="new-block"&gt; &lt;img src="img/new-drone.jpg" alt="Aerial footage taken by drone"&gt; &lt;div class="new-block-text"&gt; &lt;h3&gt;THE SHOCKING TRUTH! Secret aerial footage taken by a reconnaissance drone&lt;/h3&gt; &lt;p&gt;No one expected that THIS was going on behind the walls…&lt;/p&gt; &lt;time datetime="2019-10-13"&gt;October 13, 2019&lt;/time&gt; &lt;/div&gt; &lt;/article&gt; &lt;article class="new-block"&gt; &lt;img src="img/new-research.jpg" alt="Story 5"&gt; &lt;div class="new-block-text"&gt; &lt;h3&gt;From the world of psychology&lt;/h3&gt; &lt;p&gt;Studies show that if you do more, you can actually get more done.&lt;/p&gt; &lt;time datetime="2019-10-12"&gt;October 12, 2019&lt;/time&gt; &lt;/div&gt; &lt;/article&gt; &lt;article class="new-block"&gt; &lt;img src="img/new-cat.jpg" alt="Story 6"&gt; &lt;div class="new-block-text"&gt; &lt;h3&gt;An unexpected discovery.&lt;/h3&gt; &lt;p&gt;It turns out that in order to start learning JavaScript, you don’t have to be a cat.&lt;/p&gt; &lt;time datetime="2019-10-11"&gt;October 11, 2019&lt;/time&gt; &lt;/div&gt; &lt;/article&gt; &lt;/section&gt; &lt;/div&gt; &lt;/main&gt; &lt;aside class="cookies-agreement"&gt; &lt;p&gt;We use cookies on your device while you are reading the news on our site. We really hope that you don’t mind.&lt;/p&gt; &lt;button class="button" type="button"&gt;OK, Continue&lt;/button&gt; &lt;/aside&gt; &lt;footer class="page-footer"&gt; &lt;div class="container"&gt; &lt;p&gt;© FlashNews!&lt;/p&gt; &lt;a class="footer-logo"&gt; &lt;img src="img/white-logo.svg" alt="FlashNews! portal logo"&gt; &lt;/a&gt; &lt;/div&gt; &lt;/footer&gt; &lt;!-- &lt;script src="script.js"&gt;&lt;/script&gt; --&gt; &lt;/body&gt; &lt;/html&gt;</p>