Upload New File

f037f2c3 · Букин Данила Юрьевич · ba7b1cee · f037f2c3
Commit f037f2c3 authored Mar 09, 2022 by Букин Данила Юрьевич
Hide whitespace changes
Inline Side-by-side

Showing with 160 additions and 0 deletions

step.html Задание 9/step.html +160 -0

No files found.
--- a/Задание 9/step.html
+++ b/Задание 9/step.html
+<!--
+  Автор: Букин Данила
+  Страница с шагами
+
+  List of params:
+
+  title - главный заголовок карточек
+  subtitle - подзаголовок карточек
+  cardTitle{1-4} - заголовок каждой конкретной карточки
+  cardText{1-4} - текст каждой конкретной карточки
+  
+  Пример вызова шорткода:
+  
+  {{<step
+    title="Hello world!"
+    subtitle="This is my subtitle"
+    cardTitle1="Вот первая карточка"
+    cardText1="Lorem ipsum dolor sit amet"
+    cardTitle2="А вот вторая"
+    cardText2="Сonsectetur adipiscing elit"
+    cardTitle3="Ну и третья"
+    cardText3="Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua"
+    cardTitle4="Наконец, четвёртая"
+    cardText4="Ut enim ad minim veniam">}}
+-->
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Required Meta Tags Always Come First -->
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+  <!-- Title -->
+  <title>Icon Blocks - Snippets | Unify - Multipurpose Responsive Template</title>
+
+  <!-- Favicon -->
+  <link rel="shortcut icon" href="../favicon.ico">
+
+  <!-- Font -->
+  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap" rel="stylesheet">
+
+  <!-- CSS Implementing Plugins -->
+  <link rel="stylesheet" href="/vendor/bootstrap-icons/font/bootstrap-icons.css">
+
+  <!-- CSS Unify Template -->
+  <link rel="stylesheet" href="/css/theme.min.css">
+  <link rel="stylesheet" href="/css/snippets.min.css">
+</head>
+
+<!-- Step Features -->
+<div class="container content-space-1">
+    <!-- Heading -->
+    <div class="w-lg-65 text-center mx-lg-auto mb-5 mb-sm-7 mb-lg-10">
+      <h2>{{ .Get "title" }}</h2>
+      <p>{{ .Get "subtitle" }}</p>
+    </div>
+    <!-- End Heading -->
+  
+    <div class="w-lg-75 mx-lg-auto">
+      <!-- List Timeline -->
+      <ul class="list-unstyled list-timeline list-py-3">
+        <li class="list-timeline-item">
+          <!-- Card -->
+          <div class="card card-lg">
+            <div class="card-body">
+              <!-- Media -->
+              <div class="d-flex">
+                <div class="flex-shrink-0">
+                  <i class="bi-file-earmark-check text-dark fs-2"></i>
+                </div>
+                <div class="flex-grow-1 ms-4">
+                  <h4 class="card-title"><span class="fs-2 text-primary">01.</span> {{ .Get "cardTitle1" }}</h4>
+                  <p class="card-text">{{ .Get "cardText1" }}</p>
+                </div>
+              </div>
+              <!-- End Media -->
+            </div>
+          </div>
+          <!-- End Card -->
+        </li>
+  
+        <li class="list-timeline-item ms-auto">
+          <!-- Card -->
+          <div class="card card-lg">
+            <div class="card-body">
+              <!-- Media -->
+              <div class="d-flex">
+                <div class="flex-shrink-0">
+                  <i class="bi-clock-history text-dark fs-2"></i>
+                </div>
+                <div class="flex-grow-1 ms-4">
+                  <h4 class="card-title"><span class="fs-2 text-primary">02.</span> {{ .Get "cardTitle2" }}</h4>
+                  <p class="card-text">{{ .Get "cardText2" }}</p>
+                </div>
+              </div>
+              <!-- End Media -->
+            </div>
+          </div>
+          <!-- End Card -->
+        </li>
+  
+        <li class="list-timeline-item">
+          <!-- Card -->
+          <div class="card card-lg">
+            <div class="card-body">
+              <!-- Media -->
+              <div class="d-flex">
+                <div class="flex-shrink-0">
+                  <i class="bi-pencil-square text-dark fs-2"></i>
+                </div>
+                <div class="flex-grow-1 ms-4">
+                  <h4 class="card-title"><span class="fs-2 text-primary">03.</span> {{ .Get "cardTitle3" }}</h4>
+                  <p class="card-text">{{ .Get "cardText3" }}</p>
+                </div>
+              </div>
+              <!-- End Media -->
+            </div>
+          </div>
+          <!-- End Card -->
+        </li>
+  
+        <li class="list-timeline-item ms-auto">
+          <!-- Card -->
+          <div class="card card-lg">
+            <div class="card-body">
+              <!-- Media -->
+              <div class="d-flex">
+                <div class="flex-shrink-0">
+                  <i class="bi-hand-thumbs-up text-dark fs-2"></i>
+                </div>
+                <div class="flex-grow-1 ms-4">
+                  <h4 class="card-title"><span class="fs-2 text-primary">04.</span> {{ .Get "cardTitle4" }}</h4>
+                  <p class="card-text">{{ .Get "cardText4" }}</p>
+                </div>
+              </div>
+              <!-- End Media -->
+            </div>
+          </div>
+          <!-- End Card -->
+        </li>
+      </ul>
+      <!-- End List Timeline -->
+    </div>
+  </div>
+  <!-- End Step Features -->
+
+  <!-- JS Global Compulsory  -->
+  <script src="/vendor/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
+
+  <!-- JS Implementing Plugins -->
+  <script src="/vendor/hs-header/dist/hs-header.min.js"></script>
+  <script src="/vendor/hs-nav-scroller/dist/hs-nav-scroller.min.js"></script>
+  <script src="/vendor/list.js/dist/list.min.js"></script>
+  <script src="/vendor/hs-go-to/dist/hs-go-to.min.js"></script>
+  <script src="/vendor/prism/prism.js"></script>
+
+  <!-- JS Unify -->
+  <script src="/js/theme.min.js"></script>
\ No newline at end of file