Главная Обзор Помощь
Вход
hnm
/
hazmat-suite
8
0
Ответвить 0
Файлы Задачи 0 Запросы на слияние 0 Вики
Просмотр исходного кода

accordion style added

tomekk-hnm 3 месяцев назад
Родитель
b6a02da3fd
Сommit
31b77fdab1
16 измененных файлов с 249 добавлено и 31 удалено
Единый вид Показать статистику Diff
  1. 1 6
      _inc/_footer-suite-start.php
  2. 1 5
      _inc/_footer.php
  3. 1 1
      _inc/_header-suite-start.php
  4. 1 1
      _inc/_sectionArticleLeft.php
  5. 1 1
      _inc/_sectionArticleNew.php
  6. 1 1
      _inc/_sectionArticleRight.php
  7. 174 4
      assets/css/style.css
  8. 0 0
      assets/css/style.css.map
  9. 5 0
      assets/js/bootstrap-5.3.8/bootstrap.bundle.min.js
  10. 0 0
      assets/js/bootstrap-5.3.8/bootstrap.bundle.min.js.map
  11. 1 1
      checkout.php
  12. 49 2
      index.php
  13. 1 1
      productOption.php
  14. 1 1
      simplePage.php
  15. 10 6
      src-ui/scss/_project.scss
  16. 2 1
      src-ui/scss/style.scss

+ 1 - 6
_inc/_footer-suite-start.php
Просмотреть файл 

@@ -44,14 +44,9 @@
 
 			</div>

 			</div>

 		</footer>

 		</footer>

 		<script src="assets/js/jquery/jquery-3.3.1.min.js"></script>

 		<script src="assets/js/jquery/jquery-3.3.1.min.js"></script>

-        <script src="assets/js/popper/popper.1.16.0.min.js"></script>

+		<script src="assets/js/bootstrap-5.3.8/bootstrap.bundle.min.js"></script>

 <!--         <script src="assets/js/bootstrap/bootstrap.min.js"></script>  -->

 <!--         <script src="assets/js/bootstrap/bootstrap.min.js"></script>  -->

 <!--         <script src="assets/js/bootstrap/bootstrap-magnus.min.js"></script>  -->

 <!--         <script src="assets/js/bootstrap/bootstrap-magnus.min.js"></script>  -->

-        <script src="assets/js/bootstrap/util.js"></script> 

-        <script src="assets/js/bootstrap/scrollspy.js"></script> 

-        <script src="assets/js/bootstrap/tab.js"></script> 

-        <script src="assets/js/bootstrap/collapse.js"></script>

-        <script src="assets/js/bootstrap/dropdown.js"></script>

         <script src="assets/js/aos/aos.js"></script>

         <script src="assets/js/aos/aos.js"></script>

         <script src="assets/js/functions.js"></script>

         <script src="assets/js/functions.js"></script>

         <script src="assets/js/functions-new-landing.js"></script>

         <script src="assets/js/functions-new-landing.js"></script>

+ 1 - 5
_inc/_footer.php
Просмотреть файл 

@@ -45,10 +45,6 @@
 
 			</div>

 			</div>

 		</footer>

 		</footer>

 		<script src="assets/js/jquery/jquery-3.3.1.min.js"></script>

 		<script src="assets/js/jquery/jquery-3.3.1.min.js"></script>

-        <script src="assets/js/popper/popper.1.16.0.min.js"></script>

-        <script src="assets/js/bootstrap/util.js"></script> 

-        <script src="assets/js/bootstrap/tab.js"></script> 

-        <script src="assets/js/bootstrap/collapse.js"></script>

-        <script src="assets/js/bootstrap/dropdown.js"></script>

+		<script src="assets/js/bootstrap-5.3.8/bootstrap.bundle.min.js"></script>

     </body>

     </body>

 </html>
 
 </html>

+ 1 - 1
_inc/_header-suite-start.php
Просмотреть файл 

@@ -30,7 +30,7 @@
 
 		<link href="assets/js/aos/aos.css" rel="stylesheet">

 		<link href="assets/js/aos/aos.css" rel="stylesheet">

         <link rel="stylesheet" href="assets/css/<?php echo $css ?>?v=<?php echo  $assets_version ?>">

         <link rel="stylesheet" href="assets/css/<?php echo $css ?>?v=<?php echo  $assets_version ?>">

     </head>

     </head>

-    <body data-spy="scroll" data-target="#navbar-spy-sections" data-offset="1">

+    <body data-bs-spy="scroll" data-bs-target="#navbar-spy-sections">

         <!--[if lte IE 9]>

         <!--[if lte IE 9]>

             <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>

             <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>

         <![endif]-->

         <![endif]-->

+ 1 - 1
_inc/_sectionArticleLeft.php
Просмотреть файл 

@@ -1,6 +1,6 @@
 
 <div class="row align-items-center ch-ggs-web-suite-article">

 <div class="row align-items-center ch-ggs-web-suite-article">

 	<div class="col-md-7">

 	<div class="col-md-7">

-		<img src="http://www.placehold.it/900x600" class="img-fluid" data-aos="zoom-in-up" width="900" height="600"/>	

+		<img src="https://placehold.co/900x600" class="img-fluid" data-aos="zoom-in-up" width="900" height="600"/>	

 	</div>

 	</div>

 	<div class="col-md-5">

 	<div class="col-md-5">

 		<div class="ch-ggs-web-suite-article-content" data-aos="zoom-in-up" data-aos-delay="300">

 		<div class="ch-ggs-web-suite-article-content" data-aos="zoom-in-up" data-aos-delay="300">

+ 1 - 1
_inc/_sectionArticleNew.php
Просмотреть файл 

@@ -1,7 +1,7 @@
 
 <a href="#" class="ch-ggs-web-suite-article-landing">

 <a href="#" class="ch-ggs-web-suite-article-landing">

 	<div class="row ">

 	<div class="row ">

 		<div class="col-lg-5 order-lg-1">

 		<div class="col-lg-5 order-lg-1">

-			<img src=http://www.placehold.it/900x600 class="img-fluid mb-5 mb-lg-0" width="900" height="600"/>	

+			<img src=https://placehold.co/900x600 class="img-fluid mb-5 mb-lg-0" width="900" height="600"/>	

 		</div>

 		</div>

 		<div class="col-lg-7">

 		<div class="col-lg-7">

 			<div class="ch-ggs-web-suite-landing-article-content">

 			<div class="ch-ggs-web-suite-landing-article-content">

+ 1 - 1
_inc/_sectionArticleRight.php
Просмотреть файл 

@@ -1,6 +1,6 @@
 
 <a href="#" class="row align-items-center ch-ggs-web-suite-article">

 <a href="#" class="row align-items-center ch-ggs-web-suite-article">

 	<div class="col-md-7 order-md-1">

 	<div class="col-md-7 order-md-1">

-		<img src=http://www.placehold.it/900x600 class="img-fluid" data-aos="zoom-in-up" width="900" height="600"/>	

+		<img src=https://placehold.co/900x600 class="img-fluid" data-aos="zoom-in-up" width="900" height="600"/>	

 	</div>

 	</div>

 	<div class="col-md-5">

 	<div class="col-md-5">

 		<div class="ch-ggs-web-suite-article-content" data-aos="zoom-in-up" data-aos-delay="300">

 		<div class="ch-ggs-web-suite-article-content" data-aos="zoom-in-up" data-aos-delay="300">

+ 174 - 4
assets/css/style.css
Просмотреть файл 

@@ -6,8 +6,8 @@
 
  */
 
  */
 
 @font-face {
 
 @font-face {
 
   font-family: "icomoon";
 
   font-family: "icomoon";
 
-  src: url("../fonts/icomoon.eot?ugtl4xi");
 
-  src: url("../fonts/icomoon.eot?ugtl4xi#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?ugtl4xi") format("truetype"), url("../fonts/icomoon.woff?ugtl4xi") format("woff"), url("../fonts/icomoon.svg?ugtl4xi#icomoon") format("svg");
 
+  src: url("../fonts/icomoon.eot?uuobvse");
 
+  src: url("../fonts/icomoon.eot?uuobvse#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?uuobvse") format("truetype"), url("../fonts/icomoon.woff?uuobvse") format("woff"), url("../fonts/icomoon.svg?uuobvse#icomoon") format("svg");
 
   font-weight: normal;
 
   font-weight: normal;
 
   font-style: normal;
 
   font-style: normal;
 
   font-display: swap;
 
   font-display: swap;
 
@@ -4413,6 +4413,143 @@ textarea.form-control-lg {
 
   --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
 
   --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
 
 }
 
 }
 
 
 
+.accordion {
 
+  --bs-accordion-color: var(--bs-body-color);
 
+  --bs-accordion-bg: var(--bs-body-bg);
 
+  --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
 
+  --bs-accordion-border-color: var(--bs-border-color);
 
+  --bs-accordion-border-width: var(--bs-border-width);
 
+  --bs-accordion-border-radius: 10px;
 
+  --bs-accordion-inner-border-radius: calc(10px - (var(--bs-border-width)));
 
+  --bs-accordion-btn-padding-x: 1.25rem;
 
+  --bs-accordion-btn-padding-y: 1rem;
 
+  --bs-accordion-btn-color: var(--bs-body-color);
 
+  --bs-accordion-btn-bg: var(--bs-accordion-bg);
 
+  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
 
+  --bs-accordion-btn-icon-width: 1.25rem;
 
+  --bs-accordion-btn-icon-transform: rotate(-180deg);
 
+  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
 
+  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='rgb%2861.2, 0, 61.2%29' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
 
+  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(153, 0, 153, 0.25);
 
+  --bs-accordion-body-padding-x: 1.25rem;
 
+  --bs-accordion-body-padding-y: 1rem;
 
+  --bs-accordion-active-color: var(--bs-primary-text-emphasis);
 
+  --bs-accordion-active-bg: var(--bs-primary-bg-subtle);
 
+}
 
+
 
+.accordion-button {
 
+  position: relative;
 
+  display: flex;
 
+  align-items: center;
 
+  width: 100%;
 
+  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
 
+  font-size: 1rem;
 
+  color: var(--bs-accordion-btn-color);
 
+  text-align: left;
 
+  background-color: var(--bs-accordion-btn-bg);
 
+  border: 0;
 
+  border-radius: 0;
 
+  overflow-anchor: none;
 
+  transition: var(--bs-accordion-transition);
 
+}
 
+@media (prefers-reduced-motion: reduce) {
 
+  .accordion-button {
 
+    transition: none;
 
+  }
 
+}
 
+.accordion-button:not(.collapsed) {
 
+  color: var(--bs-accordion-active-color);
 
+  background-color: var(--bs-accordion-active-bg);
 
+  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
 
+}
 
+.accordion-button:not(.collapsed)::after {
 
+  background-image: var(--bs-accordion-btn-active-icon);
 
+  transform: var(--bs-accordion-btn-icon-transform);
 
+}
 
+.accordion-button::after {
 
+  flex-shrink: 0;
 
+  width: var(--bs-accordion-btn-icon-width);
 
+  height: var(--bs-accordion-btn-icon-width);
 
+  margin-left: auto;
 
+  content: "";
 
+  background-image: var(--bs-accordion-btn-icon);
 
+  background-repeat: no-repeat;
 
+  background-size: var(--bs-accordion-btn-icon-width);
 
+  transition: var(--bs-accordion-btn-icon-transition);
 
+}
 
+@media (prefers-reduced-motion: reduce) {
 
+  .accordion-button::after {
 
+    transition: none;
 
+  }
 
+}
 
+.accordion-button:hover {
 
+  z-index: 2;
 
+}
 
+.accordion-button:focus {
 
+  z-index: 3;
 
+  outline: 0;
 
+  box-shadow: var(--bs-accordion-btn-focus-box-shadow);
 
+}
 
+
 
+.accordion-header {
 
+  margin-bottom: 0;
 
+}
 
+
 
+.accordion-item {
 
+  color: var(--bs-accordion-color);
 
+  background-color: var(--bs-accordion-bg);
 
+  border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
 
+}
 
+.accordion-item:first-of-type {
 
+  border-top-left-radius: var(--bs-accordion-border-radius);
 
+  border-top-right-radius: var(--bs-accordion-border-radius);
 
+}
 
+.accordion-item:first-of-type > .accordion-header .accordion-button {
 
+  border-top-left-radius: var(--bs-accordion-inner-border-radius);
 
+  border-top-right-radius: var(--bs-accordion-inner-border-radius);
 
+}
 
+.accordion-item:not(:first-of-type) {
 
+  border-top: 0;
 
+}
 
+.accordion-item:last-of-type {
 
+  border-bottom-right-radius: var(--bs-accordion-border-radius);
 
+  border-bottom-left-radius: var(--bs-accordion-border-radius);
 
+}
 
+.accordion-item:last-of-type > .accordion-header .accordion-button.collapsed {
 
+  border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
 
+  border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
 
+}
 
+.accordion-item:last-of-type > .accordion-collapse {
 
+  border-bottom-right-radius: var(--bs-accordion-border-radius);
 
+  border-bottom-left-radius: var(--bs-accordion-border-radius);
 
+}
 
+
 
+.accordion-body {
 
+  padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
 
+}
 
+
 
+.accordion-flush > .accordion-item {
 
+  border-right: 0;
 
+  border-left: 0;
 
+  border-radius: 0;
 
+}
 
+.accordion-flush > .accordion-item:first-child {
 
+  border-top: 0;
 
+}
 
+.accordion-flush > .accordion-item:last-child {
 
+  border-bottom: 0;
 
+}
 
+.accordion-flush > .accordion-item > .accordion-collapse,
 
+.accordion-flush > .accordion-item > .accordion-header .accordion-button,
 
+.accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed {
 
+  border-radius: 0;
 
+}
 
+
 
+[data-bs-theme=dark] .accordion-button::after {
 
+  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb%28193.8, 102, 193.8%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
 
+  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb%28193.8, 102, 193.8%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
 
+}
 
+
 
 .alert {
 
 .alert {
 
   --bs-alert-bg: transparent;
 
   --bs-alert-bg: transparent;
 
   --bs-alert-padding-x: 1rem;
 
   --bs-alert-padding-x: 1rem;
 
@@ -11171,6 +11308,35 @@ h1, .h1 {
 
   padding-left: 20px;
 
   padding-left: 20px;
 
 }
 
 }
 
 
 
+.ch-ggs-accordion {
 
+  --bs-accordion-btn-padding-y: .875rem;
 
+  --bs-accordion-btn-padding-x: 0;
 
+  --bs-accordion-body-padding-y: 1.25rem;
 
+  --bs-accordion-body-padding-x: 0;
 
+  --bs-accordion-btn-color: #5C005C;
 
+  --bs-accordion-active-bg: transparent;
 
+  --bs-accordion-border-width: 0;
 
+}
 
+.ch-ggs-accordion .accordion-button {
 
+  margin-bottom: 0;
 
+}
 
+.ch-ggs-accordion .accordion-button:after {
 
+  transform: none;
 
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%235C005C'%3E%3Cpath d='M440-440H200v-80h240v-240h80v240h240v80H520v240h-80v-240Z'/%3E%3C/svg%3E");
 
+}
 
+.ch-ggs-accordion .accordion-button:not(.collapsed):after {
 
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%235C005C'%3E%3Cpath d='M200-440v-80h560v80H200Z'/%3E%3C/svg%3E");
 
+}
 
+.ch-ggs-accordion .accordion-body {
 
+  padding-bottom: calc(var(--bs-accordion-body-padding-y) * 2);
 
+}
 
+.ch-ggs-accordion .accordion-body > :last-child {
 
+  margin-bottom: 0;
 
+}
 
+.ch-ggs-accordion .accordion-item:last-child .accordion-body {
 
+  padding-bottom: 0;
 
+}
 
+
 
 /*
 
 /*
 
  * GENERAL
 
  * GENERAL
 
  */
 
  */
 
@@ -11443,7 +11609,7 @@ ol.ch-ggs-web-suite-order-steps {
 
   counter-reset: section;
 
   counter-reset: section;
 
   list-style-type: none;
 
   list-style-type: none;
 
   text-align: left;
 
   text-align: left;
 
-  margin-bottom: -7.5px;
 
+  margin-bottom: calc(7.5px * -1);
 
   padding-left: 0;
 
   padding-left: 0;
 
 }
 
 }
 
 ol.ch-ggs-web-suite-order-steps li.error,
 
 ol.ch-ggs-web-suite-order-steps li.error,
 
@@ -12526,9 +12692,13 @@ a.ch-ggs-web-suite-cta-box {
 
     top: 0;
 
     top: 0;
 
     margin-top: -75px;
 
     margin-top: -75px;
 
   }
 
   }
 
-  .ch-ggs-web-suite-landing-nav, .ch-ggs-web-suite-landing-nav a {
 
+  .ch-ggs-web-suite-landing-nav {
 
     color: #fff;
 
     color: #fff;
 
   }
 
   }
 
+  .ch-ggs-web-suite-landing-nav .nav-link {
 
+    --bs-nav-link-hover-color: #D196D9;
 
+    --bs-nav-link-color: #fff;
 
+  }
 
   .ch-ggs-web-suite-landing-nav .container {
 
   .ch-ggs-web-suite-landing-nav .container {
 
     position: relative;
 
     position: relative;
 
     z-index: 0;
 
     z-index: 0;

Разница между файлами не показана из-за своего большого размера
+ 0 - 0
assets/css/style.css.map


Разница между файлами не показана из-за своего большого размера
+ 5 - 0
assets/js/bootstrap-5.3.8/bootstrap.bundle.min.js


Разница между файлами не показана из-за своего большого размера
+ 0 - 0
assets/js/bootstrap-5.3.8/bootstrap.bundle.min.js.map


+ 1 - 1
checkout.php
Просмотреть файл 

@@ -23,7 +23,7 @@
 
 			Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra. Phasellus viverra nulla ut metus varius laoreet.

 			Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra. Phasellus viverra nulla ut metus varius laoreet.

 		</p>

 		</p>

 		<figure class="ch-ggs-web-suite-image">

 		<figure class="ch-ggs-web-suite-image">

-			<img src="http://placehold.it/540x320" class="img-fluid"  width="540" height="320"/>

+			<img src="https://placehold.co/540x320" class="img-fluid"  width="540" height="320"/>

 		</figure>

 		</figure>

 		<h2>Nullam quis ante</h2>

 		<h2>Nullam quis ante</h2>

 		<p>

 		<p>

+ 49 - 2
index.php
Просмотреть файл 

@@ -23,8 +23,8 @@
 
 	</section>

 	</section>

 	<div id="ch-ggs-web-suite-landing-nav" class="ch-ggs-web-suite-landing-nav d-none d-md-flex">

 	<div id="ch-ggs-web-suite-landing-nav" class="ch-ggs-web-suite-landing-nav d-none d-md-flex">

 		<div class="container">

 		<div class="container">

-			<div class="nav navbar p-0" id="navbar-spy-sections">

-				<ul class="navbar-nav flex-row">

+			<div class="nav navbar p-0">

+				<ul class="navbar-nav flex-row" id="navbar-spy-sections">

 					<li id="ch-ggs-web-suite-nav-item-01" class="nav-item"><a href="#ch-ggs-web-suite-section-01" class="nav-link py-3 px-3 ml-n3">Überblick <i class="ifc ifc-chevron_down"></i></a></li>

 					<li id="ch-ggs-web-suite-nav-item-01" class="nav-item"><a href="#ch-ggs-web-suite-section-01" class="nav-link py-3 px-3 ml-n3">Überblick <i class="ifc ifc-chevron_down"></i></a></li>

 					<li id="ch-ggs-web-suite-nav-item-02" class="nav-item"><a href="#ch-ggs-web-suite-section-02" class="nav-link py-3 px-3">Die <span class="text-uppercase">Hazmat</span> Suite <i class="ifc ifc-chevron_down"></i></a></li>

 					<li id="ch-ggs-web-suite-nav-item-02" class="nav-item"><a href="#ch-ggs-web-suite-section-02" class="nav-link py-3 px-3">Die <span class="text-uppercase">Hazmat</span> Suite <i class="ifc ifc-chevron_down"></i></a></li>

 					<li id="ch-ggs-web-suite-nav-item-03" class="nav-item"><a href="#ch-ggs-web-suite-section-03" class="nav-link py-3 px-3">Die Tools <i class="ifc ifc-chevron_down"></i></a></li>

 					<li id="ch-ggs-web-suite-nav-item-03" class="nav-item"><a href="#ch-ggs-web-suite-section-03" class="nav-link py-3 px-3">Die Tools <i class="ifc ifc-chevron_down"></i></a></li>

@@ -86,9 +86,56 @@
 
 		

 		

 </section>

 </section>

 

 

+

 <?php include('_inc/_sectionDark.php') ?>

 <?php include('_inc/_sectionDark.php') ?>

 

 

 <?php include('_inc/_sectionPlainCards.php') ?>

 <?php include('_inc/_sectionPlainCards.php') ?>

+

+<section>

+	<div class="container">

+		<div class="row">

+			<div class="<?php echo $GLOBALS['offsetClass'] ?>">

+				<h2>Fragen und Antworten</h2>

+				<div id="accordion-group-1" class="accordion accordion-flush ch-ggs-accordion">

+					<div class="accordion-item">

+						<div class="accordion-header">

+							<h3 class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-1"

+									aria-expanded="true" aria-controls="collapse-1">Funktionen und Vorteile</h3>

+							<div id="collapse-1" class="accordion-collapse collapse" data-bs-parent="#accordion-group-1">

+								<div class="accordion-body">

+									<p>

+										Die Vorteile von EasyDGD gegenüber anderen Desktop- oder Web-Applikationen für die Erstellung der Gefahrgut-Dokumentation sprechen für sich: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et.

+									</p>

+									<h4>Subheadline</h4>

+									<p>

+										Die Vorteile von EasyDGD gegenüber anderen Desktop- oder Web-Applikationen für die Erstellung der Gefahrgut-Dokumentation sprechen für sich: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et.

+									</p>

+								</div>

+							</div>

+						</div>

+					</div>

+					<div class="accordion-item">

+						<div class="accordion-header">

+							<h3 class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-2"

+									aria-expanded="true" aria-controls="collapse-2">Was kostet ein Abo der Hazmat Suite</h3>

+							<div id="collapse-2" class="accordion-collapse collapse" data-bs-parent="#accordion-group-1">

+								<div class="accordion-body">

+									<p>

+										Die Vorteile von EasyDGD gegenüber anderen Desktop- oder Web-Applikationen für die Erstellung der Gefahrgut-Dokumentation sprechen für sich: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et.

+									</p>

+									<h4>Subheadline</h4>

+									<p>

+										Die Vorteile von EasyDGD gegenüber anderen Desktop- oder Web-Applikationen für die Erstellung der Gefahrgut-Dokumentation sprechen für sich: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et.

+									</p>

+								</div>

+							</div>

+						</div>

+					</div>

+				</div>

+			</div>

+		</div>

+	</div>

+</section>

         		

         		

 <?php /* END: Main Includes Content */ ?>

 <?php /* END: Main Includes Content */ ?>

+ 1 - 1
productOption.php
Просмотреть файл 

@@ -9,7 +9,7 @@
 
 			Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra. Phasellus viverra nulla ut metus varius laoreet.

 			Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra. Phasellus viverra nulla ut metus varius laoreet.

 		</p>

 		</p>

 		<figure class="ch-ggs-web-suite-image">

 		<figure class="ch-ggs-web-suite-image">

-			<img src="http://placehold.it/540x320" class="img-fluid"  width="540" height="320"/>

+			<img src="https://placehold.co/540x320" class="img-fluid"  width="540" height="320"/>

 		</figure>

 		</figure>

 		<h2>Nullam quis ante</h2>

 		<h2>Nullam quis ante</h2>

 		<p>

 		<p>

+ 1 - 1
simplePage.php
Просмотреть файл 

@@ -15,7 +15,7 @@
 
 		</div>

 		</div>

 		

 		

 		<figure class="ch-ggs-web-suite-image">

 		<figure class="ch-ggs-web-suite-image">

-			<img src="http://placehold.it/540x320" class="img-fluid"  width="540" height="320"/>

+			<img src="https://placehold.co/540x320" class="img-fluid"  width="540" height="320"/>

 		</figure>

 		</figure>

 		<h2>Nullam quis ante</h2>

 		<h2>Nullam quis ante</h2>

 		<p>

 		<p>

+ 10 - 6
src-ui/scss/_project.scss
Просмотреть файл 

@@ -307,7 +307,7 @@ ol.ch-ggs-web-suite-order-steps {
 
     counter-reset: section;
 
     counter-reset: section;
 
     list-style-type: none;
 
     list-style-type: none;
 
     text-align: left;
 
     text-align: left;
 
-    margin-bottom: -$step-margin/4;
 
+    margin-bottom: calc(#{$step-margin * .25} * -1);
 
 	padding-left: 0;
 
 	padding-left: 0;
 
 	
 	
 	li.error,
 
 	li.error,
 
@@ -330,7 +330,7 @@ ol.ch-ggs-web-suite-order-steps {
 
 		display: block;
 
 		display: block;
 
 		position: relative;
 
 		position: relative;
 
 		color: $antrazit25;
 
 		color: $antrazit25;
 
-		margin-bottom: $step-margin/4;
 
+		margin-bottom:$step-margin * .25;
 
 		.nav-link {
 
 		.nav-link {
 
 			padding: 0px 30px 0px 0;
 
 			padding: 0px 30px 0px 0;
 
 			background: $antrazit05;
 
 			background: $antrazit05;
 
@@ -1473,10 +1473,14 @@ a.ch-ggs-web-suite-cta-box {
 
 		overflow: hidden;
 
 		overflow: hidden;
 
 		top: 0;
 
 		top: 0;
 
 		margin-top: -75px;
 
 		margin-top: -75px;
 
-		&,
 
-		& a {
 
-			color: $white;
 
-		}
 
+        & {
 
+          color: $white;
 
+        }
 
+        .nav-link {
 
+          --bs-nav-link-hover-color: #{$primary-l-200};
 
+          --bs-nav-link-color: #{$white};
 
+        }
 
+
 
 		.container {
 
 		.container {
 
 			position: relative;
 
 			position: relative;
 
 			z-index: 0;
 
 			z-index: 0;

+ 2 - 1
src-ui/scss/style.scss
Просмотреть файл 

@@ -37,7 +37,7 @@
 
 @import "../node_modules/bootstrap/scss/nav";
 
 @import "../node_modules/bootstrap/scss/nav";
 
 @import "../node_modules/bootstrap/scss/navbar";
 
 @import "../node_modules/bootstrap/scss/navbar";
 
 // @import "../node_modules/bootstrap/scss/card";
 
 // @import "../node_modules/bootstrap/scss/card";
 
-// @import "../node_modules/bootstrap/scss/accordion";
 
+ @import "../node_modules/bootstrap/scss/accordion";
 
 // @import "../node_modules/bootstrap/scss/breadcrumb";
 
 // @import "../node_modules/bootstrap/scss/breadcrumb";
 
 // @import "../node_modules/bootstrap/scss/pagination";
 
 // @import "../node_modules/bootstrap/scss/pagination";
 
 // @import "../node_modules/bootstrap/scss/badge";
 
 // @import "../node_modules/bootstrap/scss/badge";
 
@@ -67,6 +67,7 @@
 
 @import "custom/buttons";
 
 @import "custom/buttons";
 
 @import "layout";
 
 @import "layout";
 
 @import "navigation";
 
 @import "navigation";
 
+@import "components/accordion";
 
 @import "project";
 
 @import "project";

Некоторые файлы не были показаны из-за большого количества измененных файлов