Библиотека: добавил листинг для Шаг-листа

src/blocks_library.html

@@ -4316,6 +4316,44 @@
       </li>
     </ol>
 
+    <div class="blocks-library__code-wrapper">
+      <span class="blocks-library__code-show-trigger" title="Показать код"><i class="blocks-library__code-icon"></i></span>
+      <div class="blocks-library__code">
+        <pre>
+          <code class="html">&lt;ol class="step-list"></code>
+          <code class="html">  &lt;li class="step-list__item"></code>
+          <code class="html">    &lt;h2 class="step-list__title">Автоматизируйте всё&lt;/h2></code>
+          <code class="html">    &lt;div class="step-list__text"></code>
+          <code class="html">      &lt;p>Далеко-далеко за словесными горами в стране, гласных и согласных живут рыбные тексты. Которое напоивший, одна лучше свое предупреждал моей осталось власти, безорфографичный, образ вопроса текст домах своего что текстами ipsum взобравшись использовало.&lt;/p></code>
+          <code class="html">    &lt;/div></code>
+          <code class="html">    &lt;a href="https://github.com/nicothin/NTH-start-project" class="btn">Автоматизировать&lt;/a></code>
+          <code class="html">  &lt;/li></code>
+          <code class="html">  &lt;li class="step-list__item  step-list__item--main"></code>
+          <code class="html">    &lt;h2 class="step-list__title">Используйте голову&lt;/h2></code>
+          <code class="html">    &lt;div class="step-list__text"></code>
+          <code class="html">      &lt;p>Далеко-далеко за словесными горами в стране, гласных и согласных живут рыбные тексты. Которое напоивший, одна лучше свое предупреждал моей осталось власти, безорфографичный, образ вопроса текст домах своего что текстами ipsum взобравшись использовало.&lt;/p></code>
+          <code class="html">    &lt;/div></code>
+          <code class="html">    &lt;a href="" class="btn  btn--main">Начать&lt;/a></code>
+          <code class="html">  &lt;/li></code>
+          <code class="html">  &lt;li class="step-list__item  step-list__item--danger"></code>
+          <code class="html">    &lt;h2 class="step-list__title">Верстайте быстро&lt;/h2></code>
+          <code class="html">    &lt;div class="step-list__text"></code>
+          <code class="html">      &lt;p>Далеко-далеко за словесными горами в стране, гласных и согласных живут рыбные тексты. Которое напоивший, одна лучше свое предупреждал моей осталось власти, безорфографичный.&lt;/p></code>
+          <code class="html">    &lt;/div></code>
+          <code class="html">  &lt;a href="" class="btn  btn--danger">Приступить&lt;/a></code>
+          <code class="html">  &lt;/li></code>
+          <code class="html">  &lt;li class="step-list__item  step-list__item--success"></code>
+          <code class="html">    &lt;h2 class="step-list__title">Испытывайте удовольствие от работы&lt;/h2></code>
+          <code class="html">    &lt;div class="step-list__text"></code>
+          <code class="html">      &lt;p>Далеко-далеко за словесными горами в стране, гласных и согласных живут рыбные тексты. Которое напоивший, одна лучше свое предупреждал моей осталось власти, безорфографичный.&lt;/p></code>
+          <code class="html">    &lt;/div></code>
+          <code class="html">    &lt;a href="" class="btn  btn--success">Да, детка, сверстай мне!&lt;/a></code>
+          <code class="html">  &lt;/li></code>
+          <code class="html">&lt;/ol></code>
+        </pre>
+      </div>
+    </div>
+
   </section>