<!--
Документация
Аргументы для иконок:
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>