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-link" href="#"&gt;Main page&lt;/a&gt; &lt;button class="theme-button" type="button"&gt;Change the theme&lt;/button&gt; &lt;/div&gt; &lt;/header&gt; &lt;main class="inner-main"&gt; &lt;div class="container"&gt; &lt;h1 class="inner-heading"&gt;Subscribe to our newsletter&lt;/h1&gt; &lt;p class="subscription-message"&gt;We promise to send you news no more than once a day. We will only send you the most interesting and important stories.&lt;/p&gt; &lt;form action="https://echo.htmlacademy.ru/courses" method="post" class="subscription"&gt; &lt;div class="subscription-inner"&gt; &lt;label class="subscription-label" for="subscription-email"&gt;email&lt;/label&gt; &lt;input type="email" class="subscription-email" placeholder="muffin@flashnews.ru" value="" required id="subscription-email"&gt; &lt;/div&gt; &lt;button class="button subscription-button" type="submit"&gt;Subscribe&lt;/button&gt; &lt;/form&gt; &lt;section class="news-list list-tiles-view"&gt; &lt;h2 class="news-list-heading"&gt;Or continue reading more news stories.&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;/section&gt; &lt;/div&gt; &lt;/main&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;/body&gt; &lt;/html&gt;</p>