Upload New File

46f7ecf7 · Третьяк Глеб Игоревич · f2b66491 · 46f7ecf7
Commit 46f7ecf7 authored Mar 17, 2022 by Третьяк Глеб Игоревич
Show whitespace changes
Inline Side-by-side

Showing with 133 additions and 0 deletions

icon_blocks.html Задание 9/icon_blocks.html +133 -0

No files found.
--- a/Задание 9/icon_blocks.html
+++ b/Задание 9/icon_blocks.html
+<!--
+    Документация
+
+    Аргументы для иконок:
+    iconName1
+    iconName2
+    iconName3
+    iconName4
+    Аргументы для четырёх иконок, нужно вводить имя иконки из темы
+
+    Аргументы заголовков: title1, title2, title3, title4
+    Аргументы основных текстов: text1, text2, text3, text4
+-->
+
+<!DOCTYPE html>
+<html lang="ru">
+<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>
+
+<!-- Icon Blocks -->
+<div class="container content-space-1">
+    <div class="row">
+      <div class="col-sm-6 col-lg mb-5 mb-lg-0">
+        <!-- Icon Block -->
+        <div class="text-center">
+          <div class="mb-3">
+            <i class="bi-{{ .Get "iconName1" }} fs-1 text-dark"></i>
+          </div>
+  
+          <h5>{{ .Get "title1" }}</h5>
+          <span class="d-block">{{ .Get "text1" }}</span>
+        </div>
+        <!-- End Icon Block -->
+      </div>
+      <!-- End Col -->
+  
+      <div class="col-sm-6 col-lg mb-5 mb-lg-0">
+        <!-- Icon Block -->
+        <div class="text-center">
+          <div class="mb-3">
+            <i class="bi-{{ .Get "iconName2" }} fs-1 text-dark"></i>
+          </div>
+  
+          <h5>{{ .Get "title2" }}</h5>
+          <span class="d-block">{{ .Get "text2" }}</span>
+        </div>
+        <!-- End Icon Block -->
+      </div>
+      <!-- End Col -->
+  
+      <div class="col-sm-6 col-lg mb-5 mb-sm-0">
+        <!-- Icon Block -->
+        <div class="text-center">
+          <div class="mb-3">
+            <i class="bi-{{ .Get "iconName3" }} fs-1 text-dark"></i>
+          </div>
+  
+          <h5>{{ .Get "title3" }}</h5>
+          <span class="d-block">{{ .Get "text3" }}</span>
+        </div>
+        <!-- End Icon Block -->
+      </div>
+      <!-- End Col -->
+  
+      <div class="col-sm-6 col-lg">
+        <!-- Icon Block -->
+        <div class="text-center">
+          <div class="mb-3">
+            <i class="bi-{{ .Get "iconName4" }} fs-1 text-dark"></i>
+          </div>
+  
+          <h5>{{ .Get "title4" }}</h5>
+          <span class="d-block">{{ .Get "text4" }}</span>
+        </div>
+        <!-- End Icon Block -->
+      </div>
+      <!-- End Col -->
+    </div>
+    <!-- End Row -->
+  </div>
+  <!-- End Icon Blocks -->
+  <a class="js-go-to go-to position-fixed" href="javascript:;" style="visibility: hidden;"
+     data-hs-go-to-options='{
+       "offsetTop": 700,
+       "position": {
+         "init": {
+           "right": "2rem"
+         },
+         "show": {
+           "bottom": "2rem"
+         },
+         "hide": {
+           "bottom": "-2rem"
+         }
+       }
+     }'>
+    <i class="bi-chevron-up"></i>
+  </a>
+  <!-- ========== END SECONDARY CONTENTS ========== -->
+
+  <!-- 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>
+</html>
\ No newline at end of file