diff --git a/templates/Binarity/Handler.php b/templates/Binarity/Handler.php
index 0b9c31b6..d5948a36 100644
--- a/templates/Binarity/Handler.php
+++ b/templates/Binarity/Handler.php
@@ -7,6 +7,10 @@ use App\Models\Content;
 use App\Models\Module;
 use App\Models\User;
 use App\Models\WidgetArea;
+use Templates\Binarity\Shortcodes\DarkBlock;
+use Templates\Binarity\Shortcodes\TechnologiesWrapper;
+use Templates\Binarity\Shortcodes\Technology;
+use Webwizo\Shortcodes\Facades\Shortcode;
 
 class Handler implements TemplateHandler
 {
@@ -79,6 +83,10 @@ class Handler implements TemplateHandler
      */
     public static function beforeRender(Content & $content)
     {
+        Shortcode::register('technologies', TechnologiesWrapper::class);
+        Shortcode::register('tech', Technology::class);
+        Shortcode::register('dark', DarkBlock::class);
+
     }
 
     /**
diff --git a/templates/Binarity/Resources/assets/css/app.css b/templates/Binarity/Resources/assets/css/app.css
index d4ba193d..88f93f96 100644
--- a/templates/Binarity/Resources/assets/css/app.css
+++ b/templates/Binarity/Resources/assets/css/app.css
@@ -2266,7 +2266,7 @@ p + .stat {
 	width: 100%;
 	height: 2.4375rem;
 	padding: 0.5rem;
-	border: 2px solid #414042;
+	border: 1px solid #8aa800;
 	margin: 0 0 1rem;
 	font-family: inherit;
 	font-size: 1rem;
@@ -5633,6 +5633,7 @@ textarea,textarea:focus {
 	position: relative;
 	margin: 0 auto;
 }
+
 .what-we-know {
 	position: absolute;
 	display: inline-block;
@@ -5674,28 +5675,6 @@ textarea,textarea:focus {
 	top: 14px;
 	left: 16px;
 }
-.price-list {
-	color: #fefefe;
-}
-.price-list tbody {
-	border: 0;
-	background-color: transparent;
-}
-table.price-list tbody tr,table.price-list tbody tr:nth-child(2n) {
-	background-color: transparent;
-}
-table.price-list tbody tr td {
-	padding: 0.2rem 0.625rem 0.2rem 0;
-}
-table.price-list tbody tr td:first-child:before {
-	content: '•';
-	margin-right: 5px;
-	color: #8aa800;
-}
-.dark-background {
-	background-color: #58595b;
-	color: #fefefe;
-}
 .services-pos {
 	position: relative;
 }
@@ -6284,6 +6263,44 @@ footer .binarity-info:before {
 	}
 }
 
+.dark-background {
+	background-color: #58595b;
+	color: #fefefe;
+	padding: 1em;
+}
+
+.dark-background h2, .dark-background h3 {
+	text-align: center;
+}
+
+.dark-background table {
+	color: #fefefe;
+	width: 85%;
+	margin: 0 auto;
+	border: none;
+}
+.dark-background table tbody {
+	border: none;
+	background-color: transparent !important;
+}
+
+.dark-background table td:nth-child(2) {
+	text-align: right;
+}
+
+.dark-background table tbody tr,.dark-background table tbody tr:nth-child(2n) {
+	background-color: transparent !important;
+}
+.dark-background table tbody tr td {
+	padding: 0.2rem 0.625rem 0.2rem 0;
+	border: none;
+}
+.dark-background table tbody tr td:first-child:before {
+	content: '•';
+	margin-right: 5px;
+	color: #8aa800;
+}
+
 
 .flip-container {
 	-webkit-perspective: 1000px;
diff --git a/templates/Binarity/Shortcodes/DarkBlock.php b/templates/Binarity/Shortcodes/DarkBlock.php
new file mode 100644
index 00000000..d0ead37d
--- /dev/null
+++ b/templates/Binarity/Shortcodes/DarkBlock.php
@@ -0,0 +1,18 @@
+<?php
+namespace Templates\Binarity\Shortcodes;
+
+class DarkBlock
+{
+    public function register($shortcode, $content, $compiler, $name)
+    {
+        $content = str_replace('<div>', '', $content);
+        $content = str_replace('</div>', '', $content);
+
+        $code = '<div class="clearfix m-t-50"></div>
+            <div class="dark-background">
+            ' . $content . '
+            </div>';
+
+        return $code;
+    }
+}
\ No newline at end of file
diff --git a/templates/Binarity/Shortcodes/TechnologiesWrapper.php b/templates/Binarity/Shortcodes/TechnologiesWrapper.php
new file mode 100644
index 00000000..ddd22157
--- /dev/null
+++ b/templates/Binarity/Shortcodes/TechnologiesWrapper.php
@@ -0,0 +1,11 @@
+<?php
+namespace Templates\Binarity\Shortcodes;
+
+class TechnologiesWrapper {
+    public function register($shortcode, $content, $compiler, $name)
+    {
+        $content = str_replace('<div>', '', $content);
+        $content = str_replace('</div>', '', $content);
+        return '<div class="what-we-know-holder">'.$content.'</div>';
+    }
+}
\ No newline at end of file
diff --git a/templates/Binarity/Shortcodes/Technology.php b/templates/Binarity/Shortcodes/Technology.php
new file mode 100644
index 00000000..4b72c30f
--- /dev/null
+++ b/templates/Binarity/Shortcodes/Technology.php
@@ -0,0 +1,21 @@
+<?php
+namespace Templates\Binarity\Shortcodes;
+
+class Technology
+{
+    public function register($shortcode, $content, $compiler, $name)
+    {
+        $code = '<span class="what-we-know" title="' . $shortcode->title . '">';
+
+        if ($shortcode->img) {
+            $code .= '<img src="' . asset_path($shortcode->img) . '" alt="' . $shortcode->title . '">';
+        }
+
+        if ($content) {
+            $code .= '<small style="position: absolute; top: 41%; left: 30%;">' . $content . '</small>';
+        }
+        $code .= '</span>';
+
+        return $code;
+    }
+}
\ No newline at end of file