initial commit

2023-08-15 17:02:21 +02:00
commit 2c3e91dae4
653 changed files with 103970 additions and 0 deletions
--- a/static/admin/index.html
+++ b/static/admin/index.html
@ -0,0 +1,55 @@
+<!-- forestryio: ignore; forestryio: admin -->
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="robots" content="noindex" />
+    <title>Admin</title>
+    <meta name="description" content=" " />
+    <meta name="author" content=" " />
+    <meta name="HandheldFriendly" content="true" />
+    <meta name="MobileOptimized" content="320" />
+    <!-- Use maximum-scale and user-scalable at your own risk. It disables pinch/zoom. Think about usability/accessibility before including.-->
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+    <!-- Google font -->
+    <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
+
+    <!-- Fort awesome icon kit -->
+    <script src="https://use.fortawesome.com/b6f38602.js"></script>
+
+</head>
+<body>
+<div id="app">
+
+</div>
+<script id="admin-config-script" type="text/javascript">
+  var env = {
+      siteId: "oir-1rlfsaocyg",
+      local: false
+  };
+
+  function uuidv4() {
+    return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
+      var r = Math.random() * 16 | 0, v = c == 'x' ? r : (r & 0x3 | 0x8);
+      return v.toString(16);
+    });
+  }
+
+  var uuid = uuidv4()
+  var script = document.createElement('script');
+  script.src = "https://app.forestry.io/admin/forestry.min.js?hash=" + uuid
+  script.id = "forestry-admin";
+  document.body.appendChild(script);
+
+  var link = document.createElement("link");
+  link.type = "text/css";
+  link.rel = "stylesheet";
+  link.href = "https://app.forestry.io/admin/main.css?hash=" + uuid
+  document.head.appendChild(link);
+
+</script>
+
+</body>
+</html>
--- a/static/images/about/about-content-svg.svg
+++ b/static/images/about/about-content-svg.svg
@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="400.369" height="362.909" viewBox="0 0 400.369 362.909">
+  <defs>
+    <linearGradient id="linear-gradient" x1="0.929" y1="0.111" x2="0.263" y2="0.935" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#f1f6f9"/>
+      <stop offset="1" stop-color="#f1f6f9" stop-opacity="0"/>
+    </linearGradient>
+  </defs>
+  <g id="blob-shape_1_" data-name="blob-shape (1)" transform="translate(243.193 165.277)">
+    <path id="Path_1447" data-name="Path 1447" d="M70.909-131.521c33.87,3.8,74.421,15.218,83.886,39.809,9.558,24.5-12.063,62.172-22.363,98.084s-9.279,70.245-21.25,104.858c-11.97,34.705-36.839,69.689-69.967,81.659-33.128,11.878-74.421.557-101.146-23.941s-38.788-62.265-66.9-89.175c-28.209-27-72.38-43.057-96.135-74.514-23.663-31.364-26.91-78.04-7.888-112.467s60.223-56.6,99.475-58S-54.827-147.3-22.535-139.5C9.758-131.614,36.946-135.419,70.909-131.521Z" fill="url(#linear-gradient)"/>
+  </g>
+</svg>
--- a/static/images/about/about-img.jpg
+++ b/static/images/about/about-img.jpg
--- a/static/images/about/about-mask-svg.svg
+++ b/static/images/about/about-mask-svg.svg
@ -0,0 +1,41 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="1939.1923"
+   height="1080.1392"
+   viewBox="0 0 1939.1923 1080.1392"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="about-mask-svg.svg"
+   inkscape:version="1.3 (0e150ed6c4, 2023-07-21)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1" />
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="0.70180723"
+     inkscape:cx="444.56652"
+     inkscape:cy="694.63519"
+     inkscape:window-width="3440"
+     inkscape:window-height="1371"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1" />
+  <path
+     id="_2960349"
+     data-name="2960349"
+     d="M 1805.5059,2.7543291e-5 178.49615,0.89615147 C -10.602104,1.000303 -0.3718369,140.34659 0.291116,161.89548 L 23.355667,911.59513 C 28.224626,1069.8578 126.03729,1080.1392 177.2271,1080.1392 L 1747.2578,1001.399 C 1939.885,977.42068 1939.1922,866.31258 1939.1922,844.75351 L 1925.2383,91.874088 C 1924.8388,70.318724 1897.8277,-0.05082144 1805.5059,2.7543291e-5 Z"
+     fill="#fff"
+     style="fill:#000000;stroke-width:2.00503"
+     sodipodi:nodetypes="sssscccss" />
+</svg>
--- a/static/images/allpost/allPost-1.jpg
+++ b/static/images/allpost/allPost-1.jpg
--- a/static/images/allpost/allPost-2.jpg
+++ b/static/images/allpost/allPost-2.jpg
--- a/static/images/allpost/allPost-3.jpg
+++ b/static/images/allpost/allPost-3.jpg
--- a/static/images/allpost/allPost-4.jpg
+++ b/static/images/allpost/allPost-4.jpg
--- a/static/images/allpost/allPost-5.jpg
+++ b/static/images/allpost/allPost-5.jpg
--- a/static/images/allpost/allPost-6.jpg
+++ b/static/images/allpost/allPost-6.jpg
--- a/static/images/allpost/allPost-7.jpg
+++ b/static/images/allpost/allPost-7.jpg
--- a/static/images/allpost/allPost-8.jpg
+++ b/static/images/allpost/allPost-8.jpg
--- a/static/images/allpost/allPost-9.jpg
+++ b/static/images/allpost/allPost-9.jpg
--- a/static/images/blog/blog-1.jpg
+++ b/static/images/blog/blog-1.jpg
--- a/static/images/blog/blog-2.jpg
+++ b/static/images/blog/blog-2.jpg
--- a/static/images/blog/blog-3.jpg
+++ b/static/images/blog/blog-3.jpg
--- a/static/images/blog/blog-shape.svg
+++ b/static/images/blog/blog-shape.svg
@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="357" height="315.029" viewBox="0 0 357 315.029">
+  <defs>
+    <linearGradient id="linear-gradient" x1="0.929" y1="0.111" x2="0.263" y2="0.935" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#f1f6f9"/>
+      <stop offset="1" stop-color="#f1f6f9" stop-opacity="0"/>
+    </linearGradient>
+  </defs>
+  <g id="blob-shape" transform="translate(217.489 188.626)">
+    <path id="Path_1449" data-name="Path 1449" d="M76.1-157.222C91.746-135.8,87.2-94.273,99.993-61.945c12.7,32.328,42.661,55.459,39.248,73.282-3.318,17.823-40.007,30.337-65.6,43.325-25.5,12.988-39.912,26.545-60.01,42.566-20.1,16.116-46.074,34.6-63.328,27.682-17.349-6.921-25.976-39.153-59.915-59.82s-93.1-29.768-105.325-51.478,22.373-56.028,43.609-93.949c21.331-37.921,29.2-79.35,53.563-96.793,24.459-17.444,65.414-10.9,103.9-6.921C24.531-180.069,60.461-178.647,76.1-157.222Z" fill="url(#linear-gradient)"/>
+  </g>
+</svg>
--- a/static/images/classic-blog/classic-blog-1.jpg
+++ b/static/images/classic-blog/classic-blog-1.jpg
--- a/static/images/classic-blog/classic-blog-2.jpg
+++ b/static/images/classic-blog/classic-blog-2.jpg
--- a/static/images/classic-blog/classic-blog-3.jpg
+++ b/static/images/classic-blog/classic-blog-3.jpg
--- a/static/images/classic-blog/classic-blog-4.jpg
+++ b/static/images/classic-blog/classic-blog-4.jpg
--- a/static/images/classic-blog/classic-blog-5.jpg
+++ b/static/images/classic-blog/classic-blog-5.jpg
--- a/static/images/contact/location.svg
+++ b/static/images/contact/location.svg
@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48.5" height="64.667" viewBox="0 0 48.5 64.667">
+  <g id="Group_1250" data-name="Group 1250" transform="translate(-64)">
+    <path id="Path_1466" data-name="Path 1466" d="M88.25,0A24.277,24.277,0,0,0,64,24.25C64,42.14,86.374,63.4,87.326,64.3a1.349,1.349,0,0,0,1.847,0C90.126,63.4,112.5,42.14,112.5,24.25A24.277,24.277,0,0,0,88.25,0Zm0,61.434C84.016,57.207,66.694,39.006,66.694,24.25a21.556,21.556,0,1,1,43.111,0C109.806,39.006,92.484,57.207,88.25,61.434Z" fill="#5d78ff"/>
+    <path id="Path_1467" data-name="Path 1467" d="M162.805,85.333a13.472,13.472,0,1,0,13.472,13.472A13.488,13.488,0,0,0,162.805,85.333Zm0,24.25a10.778,10.778,0,1,1,10.778-10.778A10.789,10.789,0,0,1,162.805,109.583Z" transform="translate(-74.555 -74.555)" fill="#5d78ff"/>
+  </g>
+</svg>
--- a/static/images/contact/map.png
+++ b/static/images/contact/map.png
--- a/static/images/contact/phone.svg
+++ b/static/images/contact/phone.svg
@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="65.388" height="59.939" viewBox="0 0 65.388 59.939">
+  <g id="Group_1254" data-name="Group 1254" transform="translate(0 -21.333)">
+    <path id="Path_1475" data-name="Path 1475" d="M71.236,160.543a6.773,6.773,0,0,0-3.855-3.261l-3.714-1.237a4.085,4.085,0,0,1-2.5-2.359l-.54-1.352a4.007,4.007,0,0,0-2.293-2.271,4.179,4.179,0,0,0-3.342.149,8.213,8.213,0,0,1-7.37,0,4.225,4.225,0,0,0-3.342-.148,4,4,0,0,0-2.293,2.272l-.54,1.349a4.09,4.09,0,0,1-2.5,2.36l-3.714,1.239a6.772,6.772,0,0,0-3.855,3.257l-9.235,17.314a6.843,6.843,0,0,0-.8,3.2v6.811a5.455,5.455,0,0,0,5.449,5.449H75.823a5.455,5.455,0,0,0,5.449-5.449v-6.811a6.852,6.852,0,0,0-.8-3.206Zm7.311,27.327a2.727,2.727,0,0,1-2.724,2.724H26.782a2.727,2.727,0,0,1-2.724-2.724v-6.811a4.118,4.118,0,0,1,.482-1.924l9.235-17.315a4.061,4.061,0,0,1,2.312-1.952L39.8,158.63A6.791,6.791,0,0,0,43.97,154.7l.54-1.349a1.3,1.3,0,0,1,.75-.744,1.378,1.378,0,0,1,.508-.094,1.536,1.536,0,0,1,.662.153,10.941,10.941,0,0,0,9.743,0,1.48,1.48,0,0,1,1.171-.06,1.3,1.3,0,0,1,.75.742l.54,1.352A6.793,6.793,0,0,0,62.8,158.63h0l3.714,1.236a4.063,4.063,0,0,1,2.312,1.956l9.235,17.311a4.129,4.129,0,0,1,.481,1.925Z" transform="translate(-18.609 -112.047)" fill="#5d78ff"/>
+    <path id="Path_1476" data-name="Path 1476" d="M64.214,33.548A45.9,45.9,0,0,0,32.694,21.333,45.9,45.9,0,0,0,1.173,33.548a3.643,3.643,0,0,0,0,5.356l6.279,5.872a4.061,4.061,0,0,0,5.462,0A27.421,27.421,0,0,1,20,39.972a3.623,3.623,0,0,0,2.182-3.158l.934-6.255a32.677,32.677,0,0,1,19.159,0l.915,6.056a3.74,3.74,0,0,0,2.168,3.368,27.573,27.573,0,0,1,7.1,4.81,4.059,4.059,0,0,0,5.462,0l6.3-5.888a3.643,3.643,0,0,0,0-5.356Zm-1.863,3.366-6.3,5.888a1.326,1.326,0,0,1-1.737,0,30.242,30.242,0,0,0-7.782-5.277,1.159,1.159,0,0,1-.636-1.112l-1.062-7.117a1.361,1.361,0,0,0-.95-1.1,37.8,37.8,0,0,0-11.164-1.805A38.343,38.343,0,0,0,21.5,28.192a1.361,1.361,0,0,0-.952,1.1l-1.078,7.318a1,1,0,0,1-.62.887,30.242,30.242,0,0,0-7.8,5.285,1.329,1.329,0,0,1-1.737,0L3.036,36.914a.915.915,0,0,1,0-1.375A43.181,43.181,0,0,1,32.694,24.058,43.181,43.181,0,0,1,62.352,35.538a.915.915,0,0,1,0,1.375Z" transform="translate(0 0)" fill="#5d78ff"/>
+    <path id="Path_1477" data-name="Path 1477" d="M135.042,234.667c-9.929,0-17.709,4.786-17.709,10.9s7.78,10.9,17.709,10.9,17.709-4.786,17.709-10.9S144.972,234.667,135.042,234.667Zm0,19.071c-8.123,0-14.985-3.743-14.985-8.173s6.862-8.173,14.985-8.173,14.985,3.744,14.985,8.173S143.165,253.738,135.042,253.738Z" transform="translate(-102.348 -183.148)" fill="#5d78ff"/>
+    <path id="Path_1478" data-name="Path 1478" d="M152.058,304c-1.578,0-2.725.859-2.725,2.043s1.147,2.043,2.725,2.043,2.724-.859,2.724-2.043S153.635,304,152.058,304Z" transform="translate(-130.262 -243.627)" fill="#5d78ff"/>
+    <path id="Path_1479" data-name="Path 1479" d="M205.391,341.333c-1.578,0-2.724.859-2.724,2.043s1.147,2.043,2.724,2.043,2.724-.859,2.724-2.043S206.969,341.333,205.391,341.333Z" transform="translate(-176.784 -276.192)" fill="#5d78ff"/>
+    <path id="Path_1480" data-name="Path 1480" d="M269.391,341.333c-1.578,0-2.724.859-2.724,2.043s1.147,2.043,2.724,2.043,2.724-.859,2.724-2.043S270.969,341.333,269.391,341.333Z" transform="translate(-232.611 -276.192)" fill="#5d78ff"/>
+    <path id="Path_1481" data-name="Path 1481" d="M205.391,266.667c-1.578,0-2.724.859-2.724,2.043s1.147,2.043,2.724,2.043,2.724-.859,2.724-2.043S206.969,266.667,205.391,266.667Z" transform="translate(-176.784 -211.061)" fill="#5d78ff"/>
+    <path id="Path_1482" data-name="Path 1482" d="M269.391,266.667c-1.578,0-2.724.859-2.724,2.043s1.147,2.043,2.724,2.043,2.724-.859,2.724-2.043S270.969,266.667,269.391,266.667Z" transform="translate(-232.611 -211.061)" fill="#5d78ff"/>
+    <path id="Path_1483" data-name="Path 1483" d="M322.724,304c-1.578,0-2.724.859-2.724,2.043s1.147,2.043,2.724,2.043,2.725-.859,2.725-2.043S324.3,304,322.724,304Z" transform="translate(-279.133 -243.627)" fill="#5d78ff"/>
+  </g>
+</svg>
--- a/static/images/contact/time.svg
+++ b/static/images/contact/time.svg
@ -0,0 +1,4 @@
+<svg id="Group_1256" data-name="Group 1256" xmlns="http://www.w3.org/2000/svg" width="63.43" height="63.43" viewBox="0 0 63.43 63.43">
+  <path id="Path_1490" data-name="Path 1490" d="M31.715,0A31.715,31.715,0,1,0,63.43,31.715,31.751,31.751,0,0,0,31.715,0Zm1.322,60.72v-3.9a1.322,1.322,0,0,0-2.643,0v3.9A29.062,29.062,0,0,1,2.71,33.037h3.9a1.322,1.322,0,1,0,0-2.643H2.71A29.062,29.062,0,0,1,30.394,2.71v3.9a1.322,1.322,0,1,0,2.643,0V2.71A29.062,29.062,0,0,1,60.72,30.394h-3.9a1.322,1.322,0,0,0,0,2.643h3.9A29.062,29.062,0,0,1,33.037,60.72Z" fill="#5d78ff"/>
+  <path id="Path_1491" data-name="Path 1491" d="M239.822,107.136a2.535,2.535,0,0,0,.13-.644,2.571,2.571,0,0,0-.5-1.463l8.307-17.8a1.321,1.321,0,1,0-2.4-1.117l-8.3,17.788a2.623,2.623,0,0,0,.248,5.235,2.536,2.536,0,0,0,.644-.13l10.315,10.315a1.321,1.321,0,0,0,1.869-1.869Z" transform="translate(-205.595 -74.777)" fill="#5d78ff"/>
+</svg>
--- a/static/images/contact/widget-logo.png
+++ b/static/images/contact/widget-logo.png
--- a/static/images/favicon.png
+++ b/static/images/favicon.png
--- a/static/images/hero/2960351.jpg
+++ b/static/images/hero/2960351.jpg
--- a/static/images/hero/figure-svg.svg
+++ b/static/images/hero/figure-svg.svg
@ -0,0 +1,132 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="201" height="201" viewBox="0 0 201 201">
+  <g id="Group_1168" data-name="Group 1168" transform="translate(-384 -1392)">
+    <rect id="Rectangle_2206" data-name="Rectangle 2206" width="12" height="2" rx="1" transform="translate(391 1392) rotate(90)" fill="#282f49"/>
+    <rect id="Rectangle_2271" data-name="Rectangle 2271" width="12" height="2" rx="1" transform="translate(391 1500) rotate(90)" fill="#282f49"/>
+    <rect id="Rectangle_2238" data-name="Rectangle 2238" width="12" height="2" rx="1" transform="translate(391 1446) rotate(90)" fill="#282f49"/>
+    <rect id="Rectangle_2278" data-name="Rectangle 2278" width="12" height="2" rx="1" transform="translate(391 1554) rotate(90)" fill="#282f49"/>
+    <rect id="Rectangle_2222" data-name="Rectangle 2222" width="12" height="2" rx="1" transform="translate(391 1419) rotate(90)" fill="#282f49"/>
+    <rect id="Rectangle_2272" data-name="Rectangle 2272" width="12" height="2" rx="1" transform="translate(391 1527) rotate(90)" fill="#282f49"/>
+    <rect id="Rectangle_2241" data-name="Rectangle 2241" width="12" height="2" rx="1" transform="translate(391 1473) rotate(90)" fill="#282f49"/>
+    <rect id="Rectangle_2288" data-name="Rectangle 2288" width="12" height="2" rx="1" transform="translate(391 1581) rotate(90)" fill="#282f49"/>
+    <rect id="Rectangle_2214" data-name="Rectangle 2214" width="12" height="2" rx="1" transform="translate(499 1392) rotate(90)" fill="#282f49"/>
+    <rect id="Rectangle_2289" data-name="Rectangle 2289" width="12" height="2" rx="1" transform="translate(499 1500) rotate(90)" fill="#282f49"/>
+    <rect id="Rectangle_2256" data-name="Rectangle 2256" width="12" height="2" rx="1" transform="translate(499 1446) rotate(90)" fill="#282f49"/>
+    <rect id="Rectangle_2290" data-name="Rectangle 2290" width="12" height="2" rx="1" transform="translate(499 1554) rotate(90)" fill="#282f49"/>
+    <rect id="Rectangle_2231" data-name="Rectangle 2231" width="12" height="2" rx="1" transform="translate(499 1419) rotate(90)" fill="#282f49"/>
+    <rect id="Rectangle_2291" data-name="Rectangle 2291" width="12" height="2" rx="1" transform="translate(499 1527) rotate(90)" fill="#282f49"/>
+    <rect id="Rectangle_2257" data-name="Rectangle 2257" width="12" height="2" rx="1" transform="translate(499 1473) rotate(90)" fill="#282f49"/>
+    <rect id="Rectangle_2292" data-name="Rectangle 2292" width="12" height="2" rx="1" transform="translate(499 1581) rotate(90)" fill="#282f49"/>
+    <rect id="Rectangle_2210" data-name="Rectangle 2210" width="12" height="2" rx="1" transform="translate(445 1392) rotate(90)" fill="#282f49"/>
+    <rect id="Rectangle_2279" data-name="Rectangle 2279" width="12" height="2" rx="1" transform="translate(445 1500) rotate(90)" fill="#282f49"/>
+    <rect id="Rectangle_2248" data-name="Rectangle 2248" width="12" height="2" rx="1" transform="translate(445 1446) rotate(90)" fill="#282f49"/>
+    <rect id="Rectangle_2280" data-name="Rectangle 2280" width="12" height="2" rx="1" transform="translate(445 1554) rotate(90)" fill="#282f49"/>
+    <rect id="Rectangle_2226" data-name="Rectangle 2226" width="12" height="2" rx="1" transform="translate(445 1419) rotate(90)" fill="#282f49"/>
+    <rect id="Rectangle_2281" data-name="Rectangle 2281" width="12" height="2" rx="1" transform="translate(445 1527) rotate(90)" fill="#282f49"/>
+    <rect id="Rectangle_2249" data-name="Rectangle 2249" width="12" height="2" rx="1" transform="translate(445 1473) rotate(90)" fill="#282f49"/>
+    <rect id="Rectangle_2293" data-name="Rectangle 2293" width="12" height="2" rx="1" transform="translate(445 1581) rotate(90)" fill="#282f49"/>
+    <rect id="Rectangle_2219" data-name="Rectangle 2219" width="12" height="2" rx="1" transform="translate(553 1392) rotate(90)" fill="#282f49"/>
+    <rect id="Rectangle_2310" data-name="Rectangle 2310" width="12" height="2" rx="1" transform="translate(553 1500) rotate(90)" fill="#282f49"/>
+    <rect id="Rectangle_2262" data-name="Rectangle 2262" width="12" height="2" rx="1" transform="translate(553 1446) rotate(90)" fill="#282f49"/>
+    <rect id="Rectangle_2311" data-name="Rectangle 2311" width="12" height="2" rx="1" transform="translate(553 1554) rotate(90)" fill="#282f49"/>
+    <rect id="Rectangle_2232" data-name="Rectangle 2232" width="12" height="2" rx="1" transform="translate(553 1419) rotate(90)" fill="#282f49"/>
+    <rect id="Rectangle_2312" data-name="Rectangle 2312" width="12" height="2" rx="1" transform="translate(553 1527) rotate(90)" fill="#282f49"/>
+    <rect id="Rectangle_2263" data-name="Rectangle 2263" width="12" height="2" rx="1" transform="translate(553 1473) rotate(90)" fill="#282f49"/>
+    <rect id="Rectangle_2313" data-name="Rectangle 2313" width="12" height="2" rx="1" transform="translate(553 1581) rotate(90)" fill="#282f49"/>
+    <rect id="Rectangle_2209" data-name="Rectangle 2209" width="12" height="2" rx="1" transform="translate(418 1392) rotate(90)" fill="#282f49"/>
+    <rect id="Rectangle_2273" data-name="Rectangle 2273" width="12" height="2" rx="1" transform="translate(418 1500) rotate(90)" fill="#282f49"/>
+    <rect id="Rectangle_2242" data-name="Rectangle 2242" width="12" height="2" rx="1" transform="translate(418 1446) rotate(90)" fill="#282f49"/>
+    <rect id="Rectangle_2282" data-name="Rectangle 2282" width="12" height="2" rx="1" transform="translate(418 1554) rotate(90)" fill="#282f49"/>
+    <rect id="Rectangle_2223" data-name="Rectangle 2223" width="12" height="2" rx="1" transform="translate(418 1419) rotate(90)" fill="#282f49"/>
+    <rect id="Rectangle_2274" data-name="Rectangle 2274" width="12" height="2" rx="1" transform="translate(418 1527) rotate(90)" fill="#282f49"/>
+    <rect id="Rectangle_2243" data-name="Rectangle 2243" width="12" height="2" rx="1" transform="translate(418 1473) rotate(90)" fill="#282f49"/>
+    <rect id="Rectangle_2294" data-name="Rectangle 2294" width="12" height="2" rx="1" transform="translate(418 1581) rotate(90)" fill="#282f49"/>
+    <rect id="Rectangle_2217" data-name="Rectangle 2217" width="12" height="2" rx="1" transform="translate(526 1392) rotate(90)" fill="#282f49"/>
+    <rect id="Rectangle_2314" data-name="Rectangle 2314" width="12" height="2" rx="1" transform="translate(526 1500) rotate(90)" fill="#282f49"/>
+    <rect id="Rectangle_2258" data-name="Rectangle 2258" width="12" height="2" rx="1" transform="translate(526 1446) rotate(90)" fill="#282f49"/>
+    <rect id="Rectangle_2315" data-name="Rectangle 2315" width="12" height="2" rx="1" transform="translate(526 1554) rotate(90)" fill="#282f49"/>
+    <rect id="Rectangle_2233" data-name="Rectangle 2233" width="12" height="2" rx="1" transform="translate(526 1419) rotate(90)" fill="#282f49"/>
+    <rect id="Rectangle_2316" data-name="Rectangle 2316" width="12" height="2" rx="1" transform="translate(526 1527) rotate(90)" fill="#282f49"/>
+    <rect id="Rectangle_2259" data-name="Rectangle 2259" width="12" height="2" rx="1" transform="translate(526 1473) rotate(90)" fill="#282f49"/>
+    <rect id="Rectangle_2317" data-name="Rectangle 2317" width="12" height="2" rx="1" transform="translate(526 1581) rotate(90)" fill="#282f49"/>
+    <rect id="Rectangle_2211" data-name="Rectangle 2211" width="12" height="2" rx="1" transform="translate(472 1392) rotate(90)" fill="#282f49"/>
+    <rect id="Rectangle_2295" data-name="Rectangle 2295" width="12" height="2" rx="1" transform="translate(472 1500) rotate(90)" fill="#282f49"/>
+    <rect id="Rectangle_2250" data-name="Rectangle 2250" width="12" height="2" rx="1" transform="translate(472 1446) rotate(90)" fill="#282f49"/>
+    <rect id="Rectangle_2296" data-name="Rectangle 2296" width="12" height="2" rx="1" transform="translate(472 1554) rotate(90)" fill="#282f49"/>
+    <rect id="Rectangle_2227" data-name="Rectangle 2227" width="12" height="2" rx="1" transform="translate(472 1419) rotate(90)" fill="#282f49"/>
+    <rect id="Rectangle_2297" data-name="Rectangle 2297" width="12" height="2" rx="1" transform="translate(472 1527) rotate(90)" fill="#282f49"/>
+    <rect id="Rectangle_2251" data-name="Rectangle 2251" width="12" height="2" rx="1" transform="translate(472 1473) rotate(90)" fill="#282f49"/>
+    <rect id="Rectangle_2298" data-name="Rectangle 2298" width="12" height="2" rx="1" transform="translate(472 1581) rotate(90)" fill="#282f49"/>
+    <rect id="Rectangle_2221" data-name="Rectangle 2221" width="12" height="2" rx="1" transform="translate(580 1392) rotate(90)" fill="#282f49"/>
+    <rect id="Rectangle_2318" data-name="Rectangle 2318" width="12" height="2" rx="1" transform="translate(580 1500) rotate(90)" fill="#282f49"/>
+    <rect id="Rectangle_2264" data-name="Rectangle 2264" width="12" height="2" rx="1" transform="translate(580 1446) rotate(90)" fill="#282f49"/>
+    <rect id="Rectangle_2319" data-name="Rectangle 2319" width="12" height="2" rx="1" transform="translate(580 1554) rotate(90)" fill="#282f49"/>
+    <rect id="Rectangle_2236" data-name="Rectangle 2236" width="12" height="2" rx="1" transform="translate(580 1419) rotate(90)" fill="#282f49"/>
+    <rect id="Rectangle_2320" data-name="Rectangle 2320" width="12" height="2" rx="1" transform="translate(580 1527) rotate(90)" fill="#282f49"/>
+    <rect id="Rectangle_2265" data-name="Rectangle 2265" width="12" height="2" rx="1" transform="translate(580 1473) rotate(90)" fill="#282f49"/>
+    <rect id="Rectangle_2321" data-name="Rectangle 2321" width="12" height="2" rx="1" transform="translate(580 1581) rotate(90)" fill="#282f49"/>
+    <rect id="Rectangle_2207" data-name="Rectangle 2207" width="12" height="2" rx="1" transform="translate(396 1399) rotate(-180)" fill="#282f49"/>
+    <rect id="Rectangle_2270" data-name="Rectangle 2270" width="12" height="2" rx="1" transform="translate(396 1507) rotate(-180)" fill="#282f49"/>
+    <rect id="Rectangle_2239" data-name="Rectangle 2239" width="12" height="2" rx="1" transform="translate(396 1453) rotate(-180)" fill="#282f49"/>
+    <rect id="Rectangle_2283" data-name="Rectangle 2283" width="12" height="2" rx="1" transform="translate(396 1561) rotate(-180)" fill="#282f49"/>
+    <rect id="Rectangle_2224" data-name="Rectangle 2224" width="12" height="2" rx="1" transform="translate(396 1426) rotate(-180)" fill="#282f49"/>
+    <rect id="Rectangle_2275" data-name="Rectangle 2275" width="12" height="2" rx="1" transform="translate(396 1534) rotate(-180)" fill="#282f49"/>
+    <rect id="Rectangle_2244" data-name="Rectangle 2244" width="12" height="2" rx="1" transform="translate(396 1480) rotate(-180)" fill="#282f49"/>
+    <rect id="Rectangle_2299" data-name="Rectangle 2299" width="12" height="2" rx="1" transform="translate(396 1588) rotate(-180)" fill="#282f49"/>
+    <rect id="Rectangle_2215" data-name="Rectangle 2215" width="12" height="2" rx="1" transform="translate(504 1399) rotate(-180)" fill="#282f49"/>
+    <rect id="Rectangle_2300" data-name="Rectangle 2300" width="12" height="2" rx="1" transform="translate(504 1507) rotate(-180)" fill="#282f49"/>
+    <rect id="Rectangle_2252" data-name="Rectangle 2252" width="12" height="2" rx="1" transform="translate(504 1453) rotate(-180)" fill="#282f49"/>
+    <rect id="Rectangle_2301" data-name="Rectangle 2301" width="12" height="2" rx="1" transform="translate(504 1561) rotate(-180)" fill="#282f49"/>
+    <rect id="Rectangle_2228" data-name="Rectangle 2228" width="12" height="2" rx="1" transform="translate(504 1426) rotate(-180)" fill="#282f49"/>
+    <rect id="Rectangle_2302" data-name="Rectangle 2302" width="12" height="2" rx="1" transform="translate(504 1534) rotate(-180)" fill="#282f49"/>
+    <rect id="Rectangle_2253" data-name="Rectangle 2253" width="12" height="2" rx="1" transform="translate(504 1480) rotate(-180)" fill="#282f49"/>
+    <rect id="Rectangle_2303" data-name="Rectangle 2303" width="12" height="2" rx="1" transform="translate(504 1588) rotate(-180)" fill="#282f49"/>
+    <rect id="Rectangle_2212" data-name="Rectangle 2212" width="12" height="2" rx="1" transform="translate(450 1399) rotate(-180)" fill="#282f49"/>
+    <rect id="Rectangle_2284" data-name="Rectangle 2284" width="12" height="2" rx="1" transform="translate(450 1507) rotate(-180)" fill="#282f49"/>
+    <rect id="Rectangle_2245" data-name="Rectangle 2245" width="12" height="2" rx="1" transform="translate(450 1453) rotate(-180)" fill="#282f49"/>
+    <rect id="Rectangle_2285" data-name="Rectangle 2285" width="12" height="2" rx="1" transform="translate(450 1561) rotate(-180)" fill="#282f49"/>
+    <rect id="Rectangle_2229" data-name="Rectangle 2229" width="12" height="2" rx="1" transform="translate(450 1426) rotate(-180)" fill="#282f49"/>
+    <rect id="Rectangle_2286" data-name="Rectangle 2286" width="12" height="2" rx="1" transform="translate(450 1534) rotate(-180)" fill="#282f49"/>
+    <rect id="Rectangle_2246" data-name="Rectangle 2246" width="12" height="2" rx="1" transform="translate(450 1480) rotate(-180)" fill="#282f49"/>
+    <rect id="Rectangle_2304" data-name="Rectangle 2304" width="12" height="2" rx="1" transform="translate(450 1588) rotate(-180)" fill="#282f49"/>
+    <rect id="Rectangle_2218" data-name="Rectangle 2218" width="12" height="2" rx="1" transform="translate(558 1399) rotate(-180)" fill="#282f49"/>
+    <rect id="Rectangle_2322" data-name="Rectangle 2322" width="12" height="2" rx="1" transform="translate(558 1507) rotate(-180)" fill="#282f49"/>
+    <rect id="Rectangle_2266" data-name="Rectangle 2266" width="12" height="2" rx="1" transform="translate(558 1453) rotate(-180)" fill="#282f49"/>
+    <rect id="Rectangle_2323" data-name="Rectangle 2323" width="12" height="2" rx="1" transform="translate(558 1561) rotate(-180)" fill="#282f49"/>
+    <rect id="Rectangle_2234" data-name="Rectangle 2234" width="12" height="2" rx="1" transform="translate(558 1426) rotate(-180)" fill="#282f49"/>
+    <rect id="Rectangle_2324" data-name="Rectangle 2324" width="12" height="2" rx="1" transform="translate(558 1534) rotate(-180)" fill="#282f49"/>
+    <rect id="Rectangle_2267" data-name="Rectangle 2267" width="12" height="2" rx="1" transform="translate(558 1480) rotate(-180)" fill="#282f49"/>
+    <rect id="Rectangle_2325" data-name="Rectangle 2325" width="12" height="2" rx="1" transform="translate(558 1588) rotate(-180)" fill="#282f49"/>
+    <rect id="Rectangle_2208" data-name="Rectangle 2208" width="12" height="2" rx="1" transform="translate(423 1399) rotate(-180)" fill="#282f49"/>
+    <rect id="Rectangle_2276" data-name="Rectangle 2276" width="12" height="2" rx="1" transform="translate(423 1507) rotate(-180)" fill="#282f49"/>
+    <rect id="Rectangle_2240" data-name="Rectangle 2240" width="12" height="2" rx="1" transform="translate(423 1453) rotate(-180)" fill="#282f49"/>
+    <rect id="Rectangle_2287" data-name="Rectangle 2287" width="12" height="2" rx="1" transform="translate(423 1561) rotate(-180)" fill="#282f49"/>
+    <rect id="Rectangle_2225" data-name="Rectangle 2225" width="12" height="2" rx="1" transform="translate(423 1426) rotate(-180)" fill="#282f49"/>
+    <rect id="Rectangle_2277" data-name="Rectangle 2277" width="12" height="2" rx="1" transform="translate(423 1534) rotate(-180)" fill="#282f49"/>
+    <rect id="Rectangle_2247" data-name="Rectangle 2247" width="12" height="2" rx="1" transform="translate(423 1480) rotate(-180)" fill="#282f49"/>
+    <rect id="Rectangle_2305" data-name="Rectangle 2305" width="12" height="2" rx="1" transform="translate(423 1588) rotate(-180)" fill="#282f49"/>
+    <rect id="Rectangle_2216" data-name="Rectangle 2216" width="12" height="2" rx="1" transform="translate(531 1399) rotate(-180)" fill="#282f49"/>
+    <rect id="Rectangle_2326" data-name="Rectangle 2326" width="12" height="2" rx="1" transform="translate(531 1507) rotate(-180)" fill="#282f49"/>
+    <rect id="Rectangle_2260" data-name="Rectangle 2260" width="12" height="2" rx="1" transform="translate(531 1453) rotate(-180)" fill="#282f49"/>
+    <rect id="Rectangle_2327" data-name="Rectangle 2327" width="12" height="2" rx="1" transform="translate(531 1561) rotate(-180)" fill="#282f49"/>
+    <rect id="Rectangle_2235" data-name="Rectangle 2235" width="12" height="2" rx="1" transform="translate(531 1426) rotate(-180)" fill="#282f49"/>
+    <rect id="Rectangle_2328" data-name="Rectangle 2328" width="12" height="2" rx="1" transform="translate(531 1534) rotate(-180)" fill="#282f49"/>
+    <rect id="Rectangle_2261" data-name="Rectangle 2261" width="12" height="2" rx="1" transform="translate(531 1480) rotate(-180)" fill="#282f49"/>
+    <rect id="Rectangle_2329" data-name="Rectangle 2329" width="12" height="2" rx="1" transform="translate(531 1588) rotate(-180)" fill="#282f49"/>
+    <rect id="Rectangle_2213" data-name="Rectangle 2213" width="12" height="2" rx="1" transform="translate(477 1399) rotate(-180)" fill="#282f49"/>
+    <rect id="Rectangle_2306" data-name="Rectangle 2306" width="12" height="2" rx="1" transform="translate(477 1507) rotate(-180)" fill="#282f49"/>
+    <rect id="Rectangle_2254" data-name="Rectangle 2254" width="12" height="2" rx="1" transform="translate(477 1453) rotate(-180)" fill="#282f49"/>
+    <rect id="Rectangle_2307" data-name="Rectangle 2307" width="12" height="2" rx="1" transform="translate(477 1561) rotate(-180)" fill="#282f49"/>
+    <rect id="Rectangle_2230" data-name="Rectangle 2230" width="12" height="2" rx="1" transform="translate(477 1426) rotate(-180)" fill="#282f49"/>
+    <rect id="Rectangle_2308" data-name="Rectangle 2308" width="12" height="2" rx="1" transform="translate(477 1534) rotate(-180)" fill="#282f49"/>
+    <rect id="Rectangle_2255" data-name="Rectangle 2255" width="12" height="2" rx="1" transform="translate(477 1480) rotate(-180)" fill="#282f49"/>
+    <rect id="Rectangle_2309" data-name="Rectangle 2309" width="12" height="2" rx="1" transform="translate(477 1588) rotate(-180)" fill="#282f49"/>
+    <rect id="Rectangle_2220" data-name="Rectangle 2220" width="12" height="2" rx="1" transform="translate(585 1399) rotate(-180)" fill="#282f49"/>
+    <rect id="Rectangle_2330" data-name="Rectangle 2330" width="12" height="2" rx="1" transform="translate(585 1507) rotate(-180)" fill="#282f49"/>
+    <rect id="Rectangle_2268" data-name="Rectangle 2268" width="12" height="2" rx="1" transform="translate(585 1453) rotate(-180)" fill="#282f49"/>
+    <rect id="Rectangle_2331" data-name="Rectangle 2331" width="12" height="2" rx="1" transform="translate(585 1561) rotate(-180)" fill="#282f49"/>
+    <rect id="Rectangle_2237" data-name="Rectangle 2237" width="12" height="2" rx="1" transform="translate(585 1426) rotate(-180)" fill="#282f49"/>
+    <rect id="Rectangle_2332" data-name="Rectangle 2332" width="12" height="2" rx="1" transform="translate(585 1534) rotate(-180)" fill="#282f49"/>
+    <rect id="Rectangle_2269" data-name="Rectangle 2269" width="12" height="2" rx="1" transform="translate(585 1480) rotate(-180)" fill="#282f49"/>
+    <rect id="Rectangle_2333" data-name="Rectangle 2333" width="12" height="2" rx="1" transform="translate(585 1588) rotate(-180)" fill="#282f49"/>
+  </g>
+</svg>
--- a/static/images/hero/hero-mask-svg.png
+++ b/static/images/hero/hero-mask-svg.png
--- a/static/images/hero/hero-mask-svg.svg
+++ b/static/images/hero/hero-mask-svg.svg
@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="620" height="830" viewBox="0 0 620 830">
+  <path id="_2960350" data-name="2960350" d="M30,0H590a30,30,0,0,1,30,30V800a30,30,0,0,1-30,30L30,770A30,30,0,0,1,0,740V30A30,30,0,0,1,30,0Z" fill="#fff"/>
+</svg>
--- a/static/images/hero/popup-thumb.png
+++ b/static/images/hero/popup-thumb.png
--- a/static/images/latest-post/latest-post-1.png
+++ b/static/images/latest-post/latest-post-1.png
--- a/static/images/latest-post/latest-post-2.png
+++ b/static/images/latest-post/latest-post-2.png
--- a/static/images/latest-post/latest-post-3.png
+++ b/static/images/latest-post/latest-post-3.png
--- a/static/images/pin.png
+++ b/static/images/pin.png
--- a/static/images/portfolio/case-details.png
+++ b/static/images/portfolio/case-details.png
--- a/static/images/portfolio/portfolio-1.png
+++ b/static/images/portfolio/portfolio-1.png
--- a/static/images/portfolio/portfolio-2.png
+++ b/static/images/portfolio/portfolio-2.png
--- a/static/images/portfolio/portfolio-3.png
+++ b/static/images/portfolio/portfolio-3.png
--- a/static/images/portfolio/portfolio-4.png
+++ b/static/images/portfolio/portfolio-4.png
--- a/static/images/service/background-pattern.svg
+++ b/static/images/service/background-pattern.svg
@ -0,0 +1,54 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="120" height="120" viewBox="0 0 120 120">
+  <g id="Group_1203" data-name="Group 1203" transform="translate(-384 -1392)">
+    <rect id="Rectangle_2206" data-name="Rectangle 2206" width="12" height="2" rx="1" transform="translate(391 1392) rotate(90)" fill="#282f49"/>
+    <rect id="Rectangle_2271" data-name="Rectangle 2271" width="12" height="2" rx="1" transform="translate(391 1500) rotate(90)" fill="#282f49"/>
+    <rect id="Rectangle_2238" data-name="Rectangle 2238" width="12" height="2" rx="1" transform="translate(391 1446) rotate(90)" fill="#282f49"/>
+    <rect id="Rectangle_2222" data-name="Rectangle 2222" width="12" height="2" rx="1" transform="translate(391 1419) rotate(90)" fill="#282f49"/>
+    <rect id="Rectangle_2241" data-name="Rectangle 2241" width="12" height="2" rx="1" transform="translate(391 1473) rotate(90)" fill="#282f49"/>
+    <rect id="Rectangle_2214" data-name="Rectangle 2214" width="12" height="2" rx="1" transform="translate(499 1392) rotate(90)" fill="#282f49"/>
+    <rect id="Rectangle_2289" data-name="Rectangle 2289" width="12" height="2" rx="1" transform="translate(499 1500) rotate(90)" fill="#282f49"/>
+    <rect id="Rectangle_2256" data-name="Rectangle 2256" width="12" height="2" rx="1" transform="translate(499 1446) rotate(90)" fill="#282f49"/>
+    <rect id="Rectangle_2231" data-name="Rectangle 2231" width="12" height="2" rx="1" transform="translate(499 1419) rotate(90)" fill="#282f49"/>
+    <rect id="Rectangle_2257" data-name="Rectangle 2257" width="12" height="2" rx="1" transform="translate(499 1473) rotate(90)" fill="#282f49"/>
+    <rect id="Rectangle_2210" data-name="Rectangle 2210" width="12" height="2" rx="1" transform="translate(445 1392) rotate(90)" fill="#282f49"/>
+    <rect id="Rectangle_2279" data-name="Rectangle 2279" width="12" height="2" rx="1" transform="translate(445 1500) rotate(90)" fill="#282f49"/>
+    <rect id="Rectangle_2248" data-name="Rectangle 2248" width="12" height="2" rx="1" transform="translate(445 1446) rotate(90)" fill="#282f49"/>
+    <rect id="Rectangle_2226" data-name="Rectangle 2226" width="12" height="2" rx="1" transform="translate(445 1419) rotate(90)" fill="#282f49"/>
+    <rect id="Rectangle_2249" data-name="Rectangle 2249" width="12" height="2" rx="1" transform="translate(445 1473) rotate(90)" fill="#282f49"/>
+    <rect id="Rectangle_2209" data-name="Rectangle 2209" width="12" height="2" rx="1" transform="translate(418 1392) rotate(90)" fill="#282f49"/>
+    <rect id="Rectangle_2273" data-name="Rectangle 2273" width="12" height="2" rx="1" transform="translate(418 1500) rotate(90)" fill="#282f49"/>
+    <rect id="Rectangle_2242" data-name="Rectangle 2242" width="12" height="2" rx="1" transform="translate(418 1446) rotate(90)" fill="#282f49"/>
+    <rect id="Rectangle_2223" data-name="Rectangle 2223" width="12" height="2" rx="1" transform="translate(418 1419) rotate(90)" fill="#282f49"/>
+    <rect id="Rectangle_2243" data-name="Rectangle 2243" width="12" height="2" rx="1" transform="translate(418 1473) rotate(90)" fill="#282f49"/>
+    <rect id="Rectangle_2211" data-name="Rectangle 2211" width="12" height="2" rx="1" transform="translate(472 1392) rotate(90)" fill="#282f49"/>
+    <rect id="Rectangle_2295" data-name="Rectangle 2295" width="12" height="2" rx="1" transform="translate(472 1500) rotate(90)" fill="#282f49"/>
+    <rect id="Rectangle_2250" data-name="Rectangle 2250" width="12" height="2" rx="1" transform="translate(472 1446) rotate(90)" fill="#282f49"/>
+    <rect id="Rectangle_2227" data-name="Rectangle 2227" width="12" height="2" rx="1" transform="translate(472 1419) rotate(90)" fill="#282f49"/>
+    <rect id="Rectangle_2251" data-name="Rectangle 2251" width="12" height="2" rx="1" transform="translate(472 1473) rotate(90)" fill="#282f49"/>
+    <rect id="Rectangle_2207" data-name="Rectangle 2207" width="12" height="2" rx="1" transform="translate(396 1399) rotate(-180)" fill="#282f49"/>
+    <rect id="Rectangle_2270" data-name="Rectangle 2270" width="12" height="2" rx="1" transform="translate(396 1507) rotate(-180)" fill="#282f49"/>
+    <rect id="Rectangle_2239" data-name="Rectangle 2239" width="12" height="2" rx="1" transform="translate(396 1453) rotate(-180)" fill="#282f49"/>
+    <rect id="Rectangle_2224" data-name="Rectangle 2224" width="12" height="2" rx="1" transform="translate(396 1426) rotate(-180)" fill="#282f49"/>
+    <rect id="Rectangle_2244" data-name="Rectangle 2244" width="12" height="2" rx="1" transform="translate(396 1480) rotate(-180)" fill="#282f49"/>
+    <rect id="Rectangle_2215" data-name="Rectangle 2215" width="12" height="2" rx="1" transform="translate(504 1399) rotate(-180)" fill="#282f49"/>
+    <rect id="Rectangle_2300" data-name="Rectangle 2300" width="12" height="2" rx="1" transform="translate(504 1507) rotate(-180)" fill="#282f49"/>
+    <rect id="Rectangle_2252" data-name="Rectangle 2252" width="12" height="2" rx="1" transform="translate(504 1453) rotate(-180)" fill="#282f49"/>
+    <rect id="Rectangle_2228" data-name="Rectangle 2228" width="12" height="2" rx="1" transform="translate(504 1426) rotate(-180)" fill="#282f49"/>
+    <rect id="Rectangle_2253" data-name="Rectangle 2253" width="12" height="2" rx="1" transform="translate(504 1480) rotate(-180)" fill="#282f49"/>
+    <rect id="Rectangle_2212" data-name="Rectangle 2212" width="12" height="2" rx="1" transform="translate(450 1399) rotate(-180)" fill="#282f49"/>
+    <rect id="Rectangle_2284" data-name="Rectangle 2284" width="12" height="2" rx="1" transform="translate(450 1507) rotate(-180)" fill="#282f49"/>
+    <rect id="Rectangle_2245" data-name="Rectangle 2245" width="12" height="2" rx="1" transform="translate(450 1453) rotate(-180)" fill="#282f49"/>
+    <rect id="Rectangle_2229" data-name="Rectangle 2229" width="12" height="2" rx="1" transform="translate(450 1426) rotate(-180)" fill="#282f49"/>
+    <rect id="Rectangle_2246" data-name="Rectangle 2246" width="12" height="2" rx="1" transform="translate(450 1480) rotate(-180)" fill="#282f49"/>
+    <rect id="Rectangle_2208" data-name="Rectangle 2208" width="12" height="2" rx="1" transform="translate(423 1399) rotate(-180)" fill="#282f49"/>
+    <rect id="Rectangle_2276" data-name="Rectangle 2276" width="12" height="2" rx="1" transform="translate(423 1507) rotate(-180)" fill="#282f49"/>
+    <rect id="Rectangle_2240" data-name="Rectangle 2240" width="12" height="2" rx="1" transform="translate(423 1453) rotate(-180)" fill="#282f49"/>
+    <rect id="Rectangle_2225" data-name="Rectangle 2225" width="12" height="2" rx="1" transform="translate(423 1426) rotate(-180)" fill="#282f49"/>
+    <rect id="Rectangle_2247" data-name="Rectangle 2247" width="12" height="2" rx="1" transform="translate(423 1480) rotate(-180)" fill="#282f49"/>
+    <rect id="Rectangle_2213" data-name="Rectangle 2213" width="12" height="2" rx="1" transform="translate(477 1399) rotate(-180)" fill="#282f49"/>
+    <rect id="Rectangle_2306" data-name="Rectangle 2306" width="12" height="2" rx="1" transform="translate(477 1507) rotate(-180)" fill="#282f49"/>
+    <rect id="Rectangle_2254" data-name="Rectangle 2254" width="12" height="2" rx="1" transform="translate(477 1453) rotate(-180)" fill="#282f49"/>
+    <rect id="Rectangle_2230" data-name="Rectangle 2230" width="12" height="2" rx="1" transform="translate(477 1426) rotate(-180)" fill="#282f49"/>
+    <rect id="Rectangle_2255" data-name="Rectangle 2255" width="12" height="2" rx="1" transform="translate(477 1480) rotate(-180)" fill="#282f49"/>
+  </g>
+</svg>
--- a/static/images/service/background-shape.svg
+++ b/static/images/service/background-shape.svg
@ -0,0 +1,9 @@
+<svg id="blob-shape_7_" data-name="blob-shape (7)" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="361.944" height="305.794" viewBox="0 0 361.944 305.794">
+  <defs>
+    <linearGradient id="linear-gradient" x1="0.209" y1="0.085" x2="1.071" y2="1.164" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#f1f6f9"/>
+      <stop offset="1" stop-color="#f1f6f9" stop-opacity="0"/>
+    </linearGradient>
+  </defs>
+  <path id="Path_1448" data-name="Path 1448" d="M-130.185-142.586C-165.4-127.879-208-107.23-224.515-73.106S-231.542,8.617-205.967,41.22c25.575,32.675,78.216,20.7,120.817,36.568,42.6,15.939,75.233,59.718,108.27,46.822,33.037-12.969,55.569-52.816,74.623-91.794C116.87-6.235,132.519-44.271,128.607-81c-3.985-36.732-27.531-72.16-58.829-87.52-31.226-15.432-70.2-10.723-103.6-4.057S-94.974-157.293-130.185-142.586Z" transform="translate(232.734 178.84)" fill="url(#linear-gradient)"/>
+</svg>
--- a/static/images/service/branding.svg
+++ b/static/images/service/branding.svg
@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="62.786" height="63.93" viewBox="0 0 62.786 63.93">
+  <g id="_101-hierarchical-structure_1_" data-name="101-hierarchical-structure (1)" transform="translate(-4.404)">
+    <g id="Group_1235" data-name="Group 1235" transform="translate(4.404)">
+      <path id="Path_1442" data-name="Path 1442" d="M60.4,47.8V39.376H37.076V28.721a14.392,14.392,0,1,0-2.557,0V39.376H11.19V47.8H4.4V63.93h16.13V47.8H13.748V41.933H34.519V47.8H27.732V63.93h16.13V47.8H37.076V41.933H57.847V47.8H51.06V63.93H67.19V47.8ZM17.977,50.357V61.373H6.961V50.357Zm23.328,0V61.373H30.289V50.357ZM35.8,26.229A11.836,11.836,0,1,1,47.633,14.393,11.849,11.849,0,0,1,35.8,26.229ZM64.633,61.373H53.618V50.357H64.633Z" transform="translate(-4.404)" fill="#5d78ff"/>
+    </g>
+  </g>
+</svg>
--- a/static/images/service/creative.svg
+++ b/static/images/service/creative.svg
@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="65.313" height="63.93" viewBox="0 0 65.313 63.93">
+  <g id="Group_1221" data-name="Group 1221" transform="translate(0 -5.356)">
+    <g id="Group_1216" data-name="Group 1216" transform="translate(0 5.356)">
+      <g id="Group_1215" data-name="Group 1215" transform="translate(0 0)">
+        <path id="Path_1438" data-name="Path 1438" d="M32.656,5.356,0,24.158l32.656,18.8,32.657-18.8ZM5.093,24.158,32.656,8.288,60.22,24.158,32.656,40.028Z" transform="translate(0 -5.356)" fill="#5d78ff"/>
+      </g>
+    </g>
+    <g id="Group_1218" data-name="Group 1218" transform="translate(1.912 36.22)">
+      <g id="Group_1217" data-name="Group 1217">
+        <path id="Path_1439" data-name="Path 1439" d="M75.037,244.49,45.56,261.461,16.085,244.49l-1.268,2.2,30.743,17.7,30.745-17.7Z" transform="translate(-14.817 -244.49)" fill="#5d78ff"/>
+      </g>
+    </g>
+    <g id="Group_1220" data-name="Group 1220" transform="translate(1.912 49.383)">
+      <g id="Group_1219" data-name="Group 1219">
+        <path id="Path_1440" data-name="Path 1440" d="M75.037,346.481,45.56,363.452,16.085,346.481l-1.268,2.2,30.743,17.7,30.745-17.7Z" transform="translate(-14.817 -346.481)" fill="#5d78ff"/>
+      </g>
+    </g>
+  </g>
+</svg>
--- a/static/images/service/ui-ux.svg
+++ b/static/images/service/ui-ux.svg
@ -0,0 +1,34 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="63.931" height="63.93" viewBox="0 0 63.931 63.93">
+  <g id="Group_1234" data-name="Group 1234" transform="translate(0 -0.005)">
+    <g id="Group_1223" data-name="Group 1223" transform="translate(0 0.005)">
+      <g id="Group_1222" data-name="Group 1222" transform="translate(0 0)">
+        <path id="Path_1441" data-name="Path 1441" d="M60.712,3.224a11,11,0,0,0-15.548,0L.268,48.119,0,63.935l15.816-.268L60.711,18.772a10.995,10.995,0,0,0,0-15.548ZM14.74,61.128,2.6,61.334l.206-12.139L6.513,45.49,18.445,57.423Zm5.512-5.512L8.32,43.682,41.573,10.43,53.506,22.362ZM58.9,16.965l-3.59,3.59L43.381,8.623l3.591-3.591A8.437,8.437,0,1,1,58.9,16.965Z" transform="translate(0 -0.005)" fill="#5d78ff"/>
+      </g>
+    </g>
+    <g id="Group_1225" data-name="Group 1225" transform="translate(31.078 29.245)">
+      <g id="Group_1224" data-name="Group 1224" transform="translate(0 0)">
+        <rect id="Rectangle_2423" data-name="Rectangle 2423" width="2.556" height="2.556" transform="translate(0 1.808) rotate(-45)" fill="#5d78ff"/>
+      </g>
+    </g>
+    <g id="Group_1227" data-name="Group 1227" transform="translate(35.777 24.545)">
+      <g id="Group_1226" data-name="Group 1226" transform="translate(0 0)">
+        <rect id="Rectangle_2424" data-name="Rectangle 2424" width="2.556" height="2.556" transform="translate(0 1.808) rotate(-45)" fill="#5d78ff"/>
+      </g>
+    </g>
+    <g id="Group_1229" data-name="Group 1229" transform="translate(26.376 33.945)">
+      <g id="Group_1228" data-name="Group 1228" transform="translate(0 0)">
+        <rect id="Rectangle_2425" data-name="Rectangle 2425" width="2.556" height="2.556" transform="translate(0 1.808) rotate(-45)" fill="#5d78ff"/>
+      </g>
+    </g>
+    <g id="Group_1231" data-name="Group 1231" transform="translate(21.717 38.644)">
+      <g id="Group_1230" data-name="Group 1230" transform="translate(0 0)">
+        <rect id="Rectangle_2426" data-name="Rectangle 2426" width="2.497" height="2.556" transform="translate(0 1.766) rotate(-45)" fill="#5d78ff"/>
+      </g>
+    </g>
+    <g id="Group_1233" data-name="Group 1233" transform="translate(30.555 61.357)">
+      <g id="Group_1232" data-name="Group 1232">
+        <rect id="Rectangle_2427" data-name="Rectangle 2427" width="32.095" height="2.556" fill="#5d78ff"/>
+      </g>
+    </g>
+  </g>
+</svg>
--- a/static/images/service/web.svg
+++ b/static/images/service/web.svg
@ -0,0 +1,12 @@
+<svg id="_101-pie-chart" data-name="101-pie-chart" xmlns="http://www.w3.org/2000/svg" width="63.93" height="63.93" viewBox="0 0 63.93 63.93">
+  <g id="Group_1237" data-name="Group 1237" transform="translate(0 5.304)">
+    <g id="Group_1236" data-name="Group 1236">
+      <path id="Path_1444" data-name="Path 1444" d="M30.592,68.88V40.846H29.313A29.313,29.313,0,1,0,58.625,70.159V68.88H30.592ZM29.313,96.915a26.756,26.756,0,0,1-1.279-53.482v28h28A26.789,26.789,0,0,1,29.313,96.915Z" transform="translate(0 -40.846)" fill="#5d78ff"/>
+    </g>
+  </g>
+  <g id="Group_1239" data-name="Group 1239" transform="translate(33.339)">
+    <g id="Group_1238" data-name="Group 1238">
+      <path id="Path_1445" data-name="Path 1445" d="M258.01,0h-1.279V30.592h30.592V29.313A29.346,29.346,0,0,0,258.01,0Zm1.279,28.034V2.587a26.794,26.794,0,0,1,25.447,25.447H259.288Z" transform="translate(-256.731)" fill="#5d78ff"/>
+    </g>
+  </g>
+</svg>
--- a/static/images/single-blog/blog-img.jpg
+++ b/static/images/single-blog/blog-img.jpg
--- a/static/images/single-blog/feature-image.jpg
+++ b/static/images/single-blog/feature-image.jpg
--- a/static/images/site-navigation/logo.png
+++ b/static/images/site-navigation/logo.png
--- a/static/images/skill/skill-background-shape.svg
+++ b/static/images/skill/skill-background-shape.svg
@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="250.49" height="240.947" viewBox="0 0 250.49 240.947">
+  <defs>
+    <linearGradient id="linear-gradient" x1="0.929" y1="0.111" x2="0.263" y2="0.935" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#f1f6f9"/>
+      <stop offset="1" stop-color="#f1f6f9" stop-opacity="0"/>
+    </linearGradient>
+  </defs>
+  <path id="Path_1423" data-name="Path 1423" d="M226.445,284.631c-7.363,10.259-10.457,22.867-15.316,34.52s-12.588,23.343-24.611,27.194c-12,3.848-25.153-1.186-35.508-8.377s-19.145-16.548-29.965-23.016c-11.941-7.138-25.731-10.4-39.254-13.665s-27.29-6.755-39-14.256S21.573,267.19,21.1,253.288c-.545-15.931,10.533-29.962,22.923-39.99s26.765-17.8,37.288-29.774c10.755-12.225,16.638-27.842,24.39-42.157S124.345,113,139.951,108.373c9.883-2.93,20.634-1.685,30.385,1.658s18.675,8.677,27.468,14.058c15.131,9.265,30.21,18.867,43.125,31.032s23.666,27.158,28.3,44.284,2.557,36.529-7.914,50.851C251.658,263.468,235.985,271.332,226.445,284.631Z" transform="translate(-21.078 -106.727)" fill="url(#linear-gradient)"/>
+</svg>
--- a/static/images/skill/skill-mask-svg.svg
+++ b/static/images/skill/skill-mask-svg.svg
@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="570" height="763" viewBox="0 0 570 763">
+  <path id="_3108428" data-name="3108428" d="M30,0H540a30,30,0,0,1,30,30V678a30,30,0,0,1-30,30L30,763A30,30,0,0,1,0,733V30A30,30,0,0,1,30,0Z" fill="#fff"/>
+</svg>
--- a/static/images/skill/skill_image.jpg
+++ b/static/images/skill/skill_image.jpg
--- a/static/images/unser-foto.jpg
+++ b/static/images/unser-foto.jpg
--- a/static/plugins/bootstrap/bootstrap.min.css
+++ b/static/plugins/bootstrap/bootstrap.min.css
--- a/static/plugins/bootstrap/bootstrap.min.js
+++ b/static/plugins/bootstrap/bootstrap.min.js
--- a/static/plugins/font-awesome/css/font-awesome.css
+++ b/static/plugins/font-awesome/css/font-awesome.css
--- a/static/plugins/font-awesome/css/font-awesome.min.css
+++ b/static/plugins/font-awesome/css/font-awesome.min.css
--- a/static/plugins/font-awesome/fonts/FontAwesome.otf
+++ b/static/plugins/font-awesome/fonts/FontAwesome.otf
--- a/static/plugins/font-awesome/fonts/fontawesome-webfont.eot
+++ b/static/plugins/font-awesome/fonts/fontawesome-webfont.eot
--- a/static/plugins/font-awesome/fonts/fontawesome-webfont.svg
+++ b/static/plugins/font-awesome/fonts/fontawesome-webfont.svg
--- a/static/plugins/font-awesome/fonts/fontawesome-webfont.ttf
+++ b/static/plugins/font-awesome/fonts/fontawesome-webfont.ttf
--- a/static/plugins/font-awesome/fonts/fontawesome-webfont.woff
+++ b/static/plugins/font-awesome/fonts/fontawesome-webfont.woff
--- a/static/plugins/font-awesome/fonts/fontawesome-webfont.woff2
+++ b/static/plugins/font-awesome/fonts/fontawesome-webfont.woff2
--- a/static/plugins/headroom/headroom.min.js
+++ b/static/plugins/headroom/headroom.min.js
--- a/static/plugins/imagesloaded/imagesloaded.min.js
+++ b/static/plugins/imagesloaded/imagesloaded.min.js
@ -0,0 +1,253 @@
+/*!
+ * imagesLoaded PACKAGED v4.1.4
+ * JavaScript is all like "You images are done yet or what?"
+ * MIT License
+ */
+
+!(function (e, t) {
+  "function" == typeof define && define.amd
+    ? define("ev-emitter/ev-emitter", t)
+    : "object" == typeof module && module.exports
+    ? (module.exports = t())
+    : (e.EvEmitter = t());
+})("undefined" != typeof window ? window : this, function () {
+  function e() {}
+  var t = e.prototype;
+  return (
+    (t.on = function (e, t) {
+      if (e && t) {
+        var i = (this._events = this._events || {}),
+          n = (i[e] = i[e] || []);
+        return n.indexOf(t) == -1 && n.push(t), this;
+      }
+    }),
+    (t.once = function (e, t) {
+      if (e && t) {
+        this.on(e, t);
+        var i = (this._onceEvents = this._onceEvents || {}),
+          n = (i[e] = i[e] || {});
+        return (n[t] = !0), this;
+      }
+    }),
+    (t.off = function (e, t) {
+      var i = this._events && this._events[e];
+      if (i && i.length) {
+        var n = i.indexOf(t);
+        return n != -1 && i.splice(n, 1), this;
+      }
+    }),
+    (t.emitEvent = function (e, t) {
+      var i = this._events && this._events[e];
+      if (i && i.length) {
+        (i = i.slice(0)), (t = t || []);
+        for (
+          var n = this._onceEvents && this._onceEvents[e], o = 0;
+          o < i.length;
+          o++
+        ) {
+          var r = i[o],
+            s = n && n[r];
+          s && (this.off(e, r), delete n[r]), r.apply(this, t);
+        }
+        return this;
+      }
+    }),
+    (t.allOff = function () {
+      delete this._events, delete this._onceEvents;
+    }),
+    e
+  );
+}),
+  (function (e, t) {
+    "use strict";
+    "function" == typeof define && define.amd
+      ? define(["ev-emitter/ev-emitter"], function (i) {
+          return t(e, i);
+        })
+      : "object" == typeof module && module.exports
+      ? (module.exports = t(e, require("ev-emitter")))
+      : (e.imagesLoaded = t(e, e.EvEmitter));
+  })("undefined" != typeof window ? window : this, function (e, t) {
+    function i(e, t) {
+      for (var i in t) e[i] = t[i];
+      return e;
+    }
+    function n(e) {
+      if (Array.isArray(e)) return e;
+      var t = "object" == typeof e && "number" == typeof e.length;
+      return t ? d.call(e) : [e];
+    }
+    function o(e, t, r) {
+      if (!(this instanceof o)) return new o(e, t, r);
+      var s = e;
+      return (
+        "string" == typeof e && (s = document.querySelectorAll(e)),
+        s
+          ? ((this.elements = n(s)),
+            (this.options = i({}, this.options)),
+            "function" == typeof t ? (r = t) : i(this.options, t),
+            r && this.on("always", r),
+            this.getImages(),
+            h && (this.jqDeferred = new h.Deferred()),
+            void setTimeout(this.check.bind(this)))
+          : void a.error("Bad element for imagesLoaded " + (s || e))
+      );
+    }
+    function r(e) {
+      this.img = e;
+    }
+    function s(e, t) {
+      (this.url = e), (this.element = t), (this.img = new Image());
+    }
+    var h = e.jQuery,
+      a = e.console,
+      d = Array.prototype.slice;
+    (o.prototype = Object.create(t.prototype)),
+      (o.prototype.options = {}),
+      (o.prototype.getImages = function () {
+        (this.images = []), this.elements.forEach(this.addElementImages, this);
+      }),
+      (o.prototype.addElementImages = function (e) {
+        "IMG" == e.nodeName && this.addImage(e),
+          this.options.background === !0 && this.addElementBackgroundImages(e);
+        var t = e.nodeType;
+        if (t && u[t]) {
+          for (var i = e.querySelectorAll("img"), n = 0; n < i.length; n++) {
+            var o = i[n];
+            this.addImage(o);
+          }
+          if ("string" == typeof this.options.background) {
+            var r = e.querySelectorAll(this.options.background);
+            for (n = 0; n < r.length; n++) {
+              var s = r[n];
+              this.addElementBackgroundImages(s);
+            }
+          }
+        }
+      });
+    var u = { 1: !0, 9: !0, 11: !0 };
+    return (
+      (o.prototype.addElementBackgroundImages = function (e) {
+        var t = getComputedStyle(e);
+        if (t)
+          for (
+            var i = /url\((['"])?(.*?)\1\)/gi, n = i.exec(t.backgroundImage);
+            null !== n;
+
+          ) {
+            var o = n && n[2];
+            o && this.addBackground(o, e), (n = i.exec(t.backgroundImage));
+          }
+      }),
+      (o.prototype.addImage = function (e) {
+        var t = new r(e);
+        this.images.push(t);
+      }),
+      (o.prototype.addBackground = function (e, t) {
+        var i = new s(e, t);
+        this.images.push(i);
+      }),
+      (o.prototype.check = function () {
+        function e(e, i, n) {
+          setTimeout(function () {
+            t.progress(e, i, n);
+          });
+        }
+        var t = this;
+        return (
+          (this.progressedCount = 0),
+          (this.hasAnyBroken = !1),
+          this.images.length
+            ? void this.images.forEach(function (t) {
+                t.once("progress", e), t.check();
+              })
+            : void this.complete()
+        );
+      }),
+      (o.prototype.progress = function (e, t, i) {
+        this.progressedCount++,
+          (this.hasAnyBroken = this.hasAnyBroken || !e.isLoaded),
+          this.emitEvent("progress", [this, e, t]),
+          this.jqDeferred &&
+            this.jqDeferred.notify &&
+            this.jqDeferred.notify(this, e),
+          this.progressedCount == this.images.length && this.complete(),
+          this.options.debug && a && a.log("progress: " + i, e, t);
+      }),
+      (o.prototype.complete = function () {
+        var e = this.hasAnyBroken ? "fail" : "done";
+        if (
+          ((this.isComplete = !0),
+          this.emitEvent(e, [this]),
+          this.emitEvent("always", [this]),
+          this.jqDeferred)
+        ) {
+          var t = this.hasAnyBroken ? "reject" : "resolve";
+          this.jqDeferred[t](this);
+        }
+      }),
+      (r.prototype = Object.create(t.prototype)),
+      (r.prototype.check = function () {
+        var e = this.getIsImageComplete();
+        return e
+          ? void this.confirm(0 !== this.img.naturalWidth, "naturalWidth")
+          : ((this.proxyImage = new Image()),
+            this.proxyImage.addEventListener("load", this),
+            this.proxyImage.addEventListener("error", this),
+            this.img.addEventListener("load", this),
+            this.img.addEventListener("error", this),
+            void (this.proxyImage.src = this.img.src));
+      }),
+      (r.prototype.getIsImageComplete = function () {
+        return this.img.complete && this.img.naturalWidth;
+      }),
+      (r.prototype.confirm = function (e, t) {
+        (this.isLoaded = e), this.emitEvent("progress", [this, this.img, t]);
+      }),
+      (r.prototype.handleEvent = function (e) {
+        var t = "on" + e.type;
+        this[t] && this[t](e);
+      }),
+      (r.prototype.onload = function () {
+        this.confirm(!0, "onload"), this.unbindEvents();
+      }),
+      (r.prototype.onerror = function () {
+        this.confirm(!1, "onerror"), this.unbindEvents();
+      }),
+      (r.prototype.unbindEvents = function () {
+        this.proxyImage.removeEventListener("load", this),
+          this.proxyImage.removeEventListener("error", this),
+          this.img.removeEventListener("load", this),
+          this.img.removeEventListener("error", this);
+      }),
+      (s.prototype = Object.create(r.prototype)),
+      (s.prototype.check = function () {
+        this.img.addEventListener("load", this),
+          this.img.addEventListener("error", this),
+          (this.img.src = this.url);
+        var e = this.getIsImageComplete();
+        e &&
+          (this.confirm(0 !== this.img.naturalWidth, "naturalWidth"),
+          this.unbindEvents());
+      }),
+      (s.prototype.unbindEvents = function () {
+        this.img.removeEventListener("load", this),
+          this.img.removeEventListener("error", this);
+      }),
+      (s.prototype.confirm = function (e, t) {
+        (this.isLoaded = e),
+          this.emitEvent("progress", [this, this.element, t]);
+      }),
+      (o.makeJQueryPlugin = function (t) {
+        (t = t || e.jQuery),
+          t &&
+            ((h = t),
+            (h.fn.imagesLoaded = function (e, t) {
+              var i = new o(this, e, t);
+              return i.jqDeferred.promise(h(this));
+            }));
+      }),
+      o.makeJQueryPlugin(),
+      o
+    );
+  });
--- a/static/plugins/jQuery/jquery.min.js
+++ b/static/plugins/jQuery/jquery.min.js
--- a/static/plugins/magnafic-popup/jquery.magnific-popup.min.js
+++ b/static/plugins/magnafic-popup/jquery.magnific-popup.min.js
--- a/static/plugins/magnafic-popup/magnific-popup.css
+++ b/static/plugins/magnafic-popup/magnific-popup.css
@ -0,0 +1,351 @@
+/* Magnific Popup CSS */
+.mfp-bg {
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 1042;
+  overflow: hidden;
+  position: fixed;
+  background: #0b0b0b;
+  opacity: 0.8; }
+
+.mfp-wrap {
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 1043;
+  position: fixed;
+  outline: none !important;
+  -webkit-backface-visibility: hidden; }
+
+.mfp-container {
+  text-align: center;
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  left: 0;
+  top: 0;
+  padding: 0 8px;
+  box-sizing: border-box; }
+
+.mfp-container:before {
+  content: '';
+  display: inline-block;
+  height: 100%;
+  vertical-align: middle; }
+
+.mfp-align-top .mfp-container:before {
+  display: none; }
+
+.mfp-content {
+  position: relative;
+  display: inline-block;
+  vertical-align: middle;
+  margin: 0 auto;
+  text-align: left;
+  z-index: 1045; }
+
+.mfp-inline-holder .mfp-content,
+.mfp-ajax-holder .mfp-content {
+  width: 100%;
+  cursor: auto; }
+
+.mfp-ajax-cur {
+  cursor: progress; }
+
+.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
+  cursor: -moz-zoom-out;
+  cursor: -webkit-zoom-out;
+  cursor: zoom-out; }
+
+.mfp-zoom {
+  cursor: pointer;
+  cursor: -webkit-zoom-in;
+  cursor: -moz-zoom-in;
+  cursor: zoom-in; }
+
+.mfp-auto-cursor .mfp-content {
+  cursor: auto; }
+
+.mfp-close,
+.mfp-arrow,
+.mfp-preloader,
+.mfp-counter {
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none; }
+
+.mfp-loading.mfp-figure {
+  display: none; }
+
+.mfp-hide {
+  display: none !important; }
+
+.mfp-preloader {
+  color: #CCC;
+  position: absolute;
+  top: 50%;
+  width: auto;
+  text-align: center;
+  margin-top: -0.8em;
+  left: 8px;
+  right: 8px;
+  z-index: 1044; }
+  .mfp-preloader a {
+    color: #CCC; }
+    .mfp-preloader a:hover {
+      color: #FFF; }
+
+.mfp-s-ready .mfp-preloader {
+  display: none; }
+
+.mfp-s-error .mfp-content {
+  display: none; }
+
+button.mfp-close,
+button.mfp-arrow {
+  overflow: visible;
+  cursor: pointer;
+  background: transparent;
+  border: 0;
+  -webkit-appearance: none;
+  display: block;
+  outline: none;
+  padding: 0;
+  z-index: 1046;
+  box-shadow: none;
+  touch-action: manipulation; }
+
+button::-moz-focus-inner {
+  padding: 0;
+  border: 0; }
+
+.mfp-close {
+  width: 44px;
+  height: 44px;
+  line-height: 44px;
+  position: absolute;
+  right: 0;
+  top: 0;
+  text-decoration: none;
+  text-align: center;
+  opacity: 0.65;
+  padding: 0 0 18px 10px;
+  color: #FFF;
+  font-style: normal;
+  font-size: 28px;
+  font-family: Arial, Baskerville, monospace; }
+  .mfp-close:hover,
+  .mfp-close:focus {
+    opacity: 1; }
+  .mfp-close:active {
+    top: 1px; }
+
+.mfp-close-btn-in .mfp-close {
+  color: #333; }
+
+.mfp-image-holder .mfp-close,
+.mfp-iframe-holder .mfp-close {
+  color: #FFF;
+  right: -6px;
+  text-align: right;
+  padding-right: 6px;
+  width: 100%; }
+
+.mfp-counter {
+  position: absolute;
+  top: 0;
+  right: 0;
+  color: #CCC;
+  font-size: 12px;
+  line-height: 18px;
+  white-space: nowrap; }
+
+.mfp-arrow {
+  position: absolute;
+  opacity: 0.65;
+  margin: 0;
+  top: 50%;
+  margin-top: -55px;
+  padding: 0;
+  width: 90px;
+  height: 110px;
+  -webkit-tap-highlight-color: transparent; }
+  .mfp-arrow:active {
+    margin-top: -54px; }
+  .mfp-arrow:hover,
+  .mfp-arrow:focus {
+    opacity: 1; }
+  .mfp-arrow:before,
+  .mfp-arrow:after {
+    content: '';
+    display: block;
+    width: 0;
+    height: 0;
+    position: absolute;
+    left: 0;
+    top: 0;
+    margin-top: 35px;
+    margin-left: 35px;
+    border: medium inset transparent; }
+  .mfp-arrow:after {
+    border-top-width: 13px;
+    border-bottom-width: 13px;
+    top: 8px; }
+  .mfp-arrow:before {
+    border-top-width: 21px;
+    border-bottom-width: 21px;
+    opacity: 0.7; }
+
+.mfp-arrow-left {
+  left: 0; }
+  .mfp-arrow-left:after {
+    border-right: 17px solid #FFF;
+    margin-left: 31px; }
+  .mfp-arrow-left:before {
+    margin-left: 25px;
+    border-right: 27px solid #3F3F3F; }
+
+.mfp-arrow-right {
+  right: 0; }
+  .mfp-arrow-right:after {
+    border-left: 17px solid #FFF;
+    margin-left: 39px; }
+  .mfp-arrow-right:before {
+    border-left: 27px solid #3F3F3F; }
+
+.mfp-iframe-holder {
+  padding-top: 40px;
+  padding-bottom: 40px; }
+  .mfp-iframe-holder .mfp-content {
+    line-height: 0;
+    width: 100%;
+    max-width: 900px; }
+  .mfp-iframe-holder .mfp-close {
+    top: -40px; }
+
+.mfp-iframe-scaler {
+  width: 100%;
+  height: 0;
+  overflow: hidden;
+  padding-top: 56.25%; }
+  .mfp-iframe-scaler iframe {
+    position: absolute;
+    display: block;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
+    background: #000; }
+
+/* Main image in popup */
+img.mfp-img {
+  width: auto;
+  max-width: 100%;
+  height: auto;
+  display: block;
+  line-height: 0;
+  box-sizing: border-box;
+  padding: 40px 0 40px;
+  margin: 0 auto; }
+
+/* The shadow behind the image */
+.mfp-figure {
+  line-height: 0; }
+  .mfp-figure:after {
+    content: '';
+    position: absolute;
+    left: 0;
+    top: 40px;
+    bottom: 40px;
+    display: block;
+    right: 0;
+    width: auto;
+    height: auto;
+    z-index: -1;
+    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
+    background: #444; }
+  .mfp-figure small {
+    color: #BDBDBD;
+    display: block;
+    font-size: 12px;
+    line-height: 14px; }
+  .mfp-figure figure {
+    margin: 0; }
+
+.mfp-bottom-bar {
+  margin-top: -36px;
+  position: absolute;
+  top: 100%;
+  left: 0;
+  width: 100%;
+  cursor: auto; }
+
+.mfp-title {
+  text-align: left;
+  line-height: 18px;
+  color: #F3F3F3;
+  word-wrap: break-word;
+  padding-right: 36px; }
+
+.mfp-image-holder .mfp-content {
+  max-width: 100%; }
+
+.mfp-gallery .mfp-image-holder .mfp-figure {
+  cursor: pointer; }
+
+@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
+  /**
+       * Remove all paddings around the image on small screen
+       */
+  .mfp-img-mobile .mfp-image-holder {
+    padding-left: 0;
+    padding-right: 0; }
+  .mfp-img-mobile img.mfp-img {
+    padding: 0; }
+  .mfp-img-mobile .mfp-figure:after {
+    top: 0;
+    bottom: 0; }
+  .mfp-img-mobile .mfp-figure small {
+    display: inline;
+    margin-left: 5px; }
+  .mfp-img-mobile .mfp-bottom-bar {
+    background: rgba(0, 0, 0, 0.6);
+    bottom: 0;
+    margin: 0;
+    top: auto;
+    padding: 3px 5px;
+    position: fixed;
+    box-sizing: border-box; }
+    .mfp-img-mobile .mfp-bottom-bar:empty {
+      padding: 0; }
+  .mfp-img-mobile .mfp-counter {
+    right: 5px;
+    top: 3px; }
+  .mfp-img-mobile .mfp-close {
+    top: 0;
+    right: 0;
+    width: 35px;
+    height: 35px;
+    line-height: 35px;
+    background: rgba(0, 0, 0, 0.6);
+    position: fixed;
+    text-align: center;
+    padding: 0; } }
+
+@media all and (max-width: 900px) {
+  .mfp-arrow {
+    -webkit-transform: scale(0.75);
+    transform: scale(0.75); }
+  .mfp-arrow-left {
+    -webkit-transform-origin: 0;
+    transform-origin: 0; }
+  .mfp-arrow-right {
+    -webkit-transform-origin: 100%;
+    transform-origin: 100%; }
+  .mfp-container {
+    padding-left: 6px;
+    padding-right: 6px; } }
--- a/static/plugins/masonry/masonry.min.js
+++ b/static/plugins/masonry/masonry.min.js
--- a/static/plugins/slick/ajax-loader.gif
+++ b/static/plugins/slick/ajax-loader.gif
--- a/static/plugins/slick/fonts/slick.eot
+++ b/static/plugins/slick/fonts/slick.eot
--- a/static/plugins/slick/fonts/slick.svg
+++ b/static/plugins/slick/fonts/slick.svg
@ -0,0 +1,14 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>Generated by Fontastic.me</metadata>
+<defs>
+<font id="slick" horiz-adv-x="512">
+<font-face font-family="slick" units-per-em="512" ascent="480" descent="-32"/>
+<missing-glyph horiz-adv-x="512" />
+
+<glyph unicode="&#8594;" d="M241 113l130 130c4 4 6 8 6 13 0 5-2 9-6 13l-130 130c-3 3-7 5-12 5-5 0-10-2-13-5l-29-30c-4-3-6-7-6-12 0-5 2-10 6-13l87-88-87-88c-4-3-6-8-6-13 0-5 2-9 6-12l29-30c3-3 8-5 13-5 5 0 9 2 12 5z m234 143c0-40-9-77-29-110-20-34-46-60-80-80-33-20-70-29-110-29-40 0-77 9-110 29-34 20-60 46-80 80-20 33-29 70-29 110 0 40 9 77 29 110 20 34 46 60 80 80 33 20 70 29 110 29 40 0 77-9 110-29 34-20 60-46 80-80 20-33 29-70 29-110z"/>
+<glyph unicode="&#8592;" d="M296 113l29 30c4 3 6 7 6 12 0 5-2 10-6 13l-87 88 87 88c4 3 6 8 6 13 0 5-2 9-6 12l-29 30c-3 3-8 5-13 5-5 0-9-2-12-5l-130-130c-4-4-6-8-6-13 0-5 2-9 6-13l130-130c3-3 7-5 12-5 5 0 10 2 13 5z m179 143c0-40-9-77-29-110-20-34-46-60-80-80-33-20-70-29-110-29-40 0-77 9-110 29-34 20-60 46-80 80-20 33-29 70-29 110 0 40 9 77 29 110 20 34 46 60 80 80 33 20 70 29 110 29 40 0 77-9 110-29 34-20 60-46 80-80 20-33 29-70 29-110z"/>
+<glyph unicode="&#8226;" d="M475 256c0-40-9-77-29-110-20-34-46-60-80-80-33-20-70-29-110-29-40 0-77 9-110 29-34 20-60 46-80 80-20 33-29 70-29 110 0 40 9 77 29 110 20 34 46 60 80 80 33 20 70 29 110 29 40 0 77-9 110-29 34-20 60-46 80-80 20-33 29-70 29-110z"/>
+<glyph unicode="&#97;" d="M475 439l0-128c0-5-1-9-5-13-4-4-8-5-13-5l-128 0c-8 0-13 3-17 11-3 7-2 14 4 20l40 39c-28 26-62 39-100 39-20 0-39-4-57-11-18-8-33-18-46-32-14-13-24-28-32-46-7-18-11-37-11-57 0-20 4-39 11-57 8-18 18-33 32-46 13-14 28-24 46-32 18-7 37-11 57-11 23 0 44 5 64 15 20 9 38 23 51 42 2 1 4 3 7 3 3 0 5-1 7-3l39-39c2-2 3-3 3-6 0-2-1-4-2-6-21-25-46-45-76-59-29-14-60-20-93-20-30 0-58 5-85 17-27 12-51 27-70 47-20 19-35 43-47 70-12 27-17 55-17 85 0 30 5 58 17 85 12 27 27 51 47 70 19 20 43 35 70 47 27 12 55 17 85 17 28 0 55-5 81-15 26-11 50-26 70-45l37 37c6 6 12 7 20 4 8-4 11-9 11-17z"/>
+</font></defs></svg>
--- a/static/plugins/slick/fonts/slick.ttf
+++ b/static/plugins/slick/fonts/slick.ttf
--- a/static/plugins/slick/fonts/slick.woff
+++ b/static/plugins/slick/fonts/slick.woff
--- a/static/plugins/slick/slick-theme.css
+++ b/static/plugins/slick/slick-theme.css
@ -0,0 +1,204 @@
+@charset 'UTF-8';
+/* Slider */
+.slick-loading .slick-list
+{
+    background: #fff url('./ajax-loader.gif') center center no-repeat;
+}
+
+/* Icons */
+@font-face
+{
+    font-family: 'slick';
+    font-weight: normal;
+    font-style: normal;
+
+    src: url('./fonts/slick.eot');
+    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
+}
+/* Arrows */
+.slick-prev,
+.slick-next
+{
+    font-size: 0;
+    line-height: 0;
+
+    position: absolute;
+    top: 50%;
+
+    display: block;
+
+    width: 20px;
+    height: 20px;
+    padding: 0;
+    -webkit-transform: translate(0, -50%);
+    -ms-transform: translate(0, -50%);
+    transform: translate(0, -50%);
+
+    cursor: pointer;
+
+    color: transparent;
+    border: none;
+    outline: none;
+    background: transparent;
+}
+.slick-prev:hover,
+.slick-prev:focus,
+.slick-next:hover,
+.slick-next:focus
+{
+    color: transparent;
+    outline: none;
+    background: transparent;
+}
+.slick-prev:hover:before,
+.slick-prev:focus:before,
+.slick-next:hover:before,
+.slick-next:focus:before
+{
+    opacity: 1;
+}
+.slick-prev.slick-disabled:before,
+.slick-next.slick-disabled:before
+{
+    opacity: .25;
+}
+
+.slick-prev:before,
+.slick-next:before
+{
+    font-family: 'slick';
+    font-size: 20px;
+    line-height: 1;
+
+    opacity: .75;
+    color: white;
+
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+
+.slick-prev
+{
+    left: -25px;
+}
+[dir='rtl'] .slick-prev
+{
+    right: -25px;
+    left: auto;
+}
+.slick-prev:before
+{
+    content: '←';
+}
+[dir='rtl'] .slick-prev:before
+{
+    content: '→';
+}
+
+.slick-next
+{
+    right: -25px;
+}
+[dir='rtl'] .slick-next
+{
+    right: auto;
+    left: -25px;
+}
+.slick-next:before
+{
+    content: '→';
+}
+[dir='rtl'] .slick-next:before
+{
+    content: '←';
+}
+
+/* Dots */
+.slick-dotted.slick-slider
+{
+    margin-bottom: 30px;
+}
+
+.slick-dots
+{
+    position: absolute;
+    bottom: -25px;
+
+    display: block;
+
+    width: 100%;
+    padding: 0;
+    margin: 0;
+
+    list-style: none;
+
+    text-align: center;
+}
+.slick-dots li
+{
+    position: relative;
+
+    display: inline-block;
+
+    width: 20px;
+    height: 20px;
+    margin: 0 5px;
+    padding: 0;
+
+    cursor: pointer;
+}
+.slick-dots li button
+{
+    font-size: 0;
+    line-height: 0;
+
+    display: block;
+
+    width: 20px;
+    height: 20px;
+    padding: 5px;
+
+    cursor: pointer;
+
+    color: transparent;
+    border: 0;
+    outline: none;
+    background: transparent;
+}
+.slick-dots li button:hover,
+.slick-dots li button:focus
+{
+    outline: none;
+}
+.slick-dots li button:hover:before,
+.slick-dots li button:focus:before
+{
+    opacity: 1;
+}
+.slick-dots li button:before
+{
+    font-family: 'slick';
+    font-size: 6px;
+    line-height: 20px;
+
+    position: absolute;
+    top: 0;
+    left: 0;
+
+    width: 20px;
+    height: 20px;
+
+    content: '•';
+    text-align: center;
+
+    opacity: .25;
+    color: black;
+
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+.slick-dots li.slick-active button:before
+{
+    opacity: .75;
+    color: black;
+}
--- a/static/plugins/slick/slick.css
+++ b/static/plugins/slick/slick.css
@ -0,0 +1,119 @@
+/* Slider */
+.slick-slider
+{
+    position: relative;
+
+    display: block;
+    box-sizing: border-box;
+
+    -webkit-user-select: none;
+       -moz-user-select: none;
+        -ms-user-select: none;
+            user-select: none;
+
+    -webkit-touch-callout: none;
+    -khtml-user-select: none;
+    -ms-touch-action: pan-y;
+        touch-action: pan-y;
+    -webkit-tap-highlight-color: transparent;
+}
+
+.slick-list
+{
+    position: relative;
+
+    display: block;
+    overflow: hidden;
+
+    margin: 0;
+    padding: 0;
+}
+.slick-list:focus
+{
+    outline: none;
+}
+.slick-list.dragging
+{
+    cursor: pointer;
+    cursor: hand;
+}
+
+.slick-slider .slick-track,
+.slick-slider .slick-list
+{
+    -webkit-transform: translate3d(0, 0, 0);
+       -moz-transform: translate3d(0, 0, 0);
+        -ms-transform: translate3d(0, 0, 0);
+         -o-transform: translate3d(0, 0, 0);
+            transform: translate3d(0, 0, 0);
+}
+
+.slick-track
+{
+    position: relative;
+    top: 0;
+    left: 0;
+
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+}
+.slick-track:before,
+.slick-track:after
+{
+    display: table;
+
+    content: '';
+}
+.slick-track:after
+{
+    clear: both;
+}
+.slick-loading .slick-track
+{
+    visibility: hidden;
+}
+
+.slick-slide
+{
+    display: none;
+    float: left;
+
+    height: 100%;
+    min-height: 1px;
+}
+[dir='rtl'] .slick-slide
+{
+    float: right;
+}
+.slick-slide img
+{
+    display: block;
+}
+.slick-slide.slick-loading img
+{
+    display: none;
+}
+.slick-slide.dragging img
+{
+    pointer-events: none;
+}
+.slick-initialized .slick-slide
+{
+    display: block;
+}
+.slick-loading .slick-slide
+{
+    visibility: hidden;
+}
+.slick-vertical .slick-slide
+{
+    display: block;
+
+    height: auto;
+
+    border: 1px solid transparent;
+}
+.slick-arrow.slick-hidden {
+    display: none;
+}
--- a/static/plugins/slick/slick.js
+++ b/static/plugins/slick/slick.js
--- a/static/plugins/slick/slick.min.js
+++ b/static/plugins/slick/slick.min.js
--- a/static/plugins/slick/slick.scss
+++ b/static/plugins/slick/slick.scss
@ -0,0 +1,100 @@
+/* Slider */
+
+.slick-slider {
+    position: relative;
+    display: block;
+    box-sizing: border-box;
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    -ms-touch-action: pan-y;
+    touch-action: pan-y;
+    -webkit-tap-highlight-color: transparent;
+}
+.slick-list {
+    position: relative;
+    overflow: hidden;
+    display: block;
+    margin: 0;
+    padding: 0;
+
+    &:focus {
+        outline: none;
+    }
+
+    &.dragging {
+        cursor: pointer;
+        cursor: hand;
+    }
+}
+.slick-slider .slick-track,
+.slick-slider .slick-list {
+    -webkit-transform: translate3d(0, 0, 0);
+    -moz-transform: translate3d(0, 0, 0);
+    -ms-transform: translate3d(0, 0, 0);
+    -o-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+}
+
+.slick-track {
+    position: relative;
+    left: 0;
+    top: 0;
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+
+    &:before,
+    &:after {
+        content: "";
+        display: table;
+    }
+
+    &:after {
+        clear: both;
+    }
+
+    .slick-loading & {
+        visibility: hidden;
+    }
+}
+.slick-slide {
+    float: left;
+    height: 100%;
+    min-height: 1px;
+    [dir="rtl"] & {
+        float: right;
+    }
+    img {
+        display: block;
+    }
+    &.slick-loading img {
+        display: none;
+    }
+
+    display: none;
+
+    &.dragging img {
+        pointer-events: none;
+    }
+
+    .slick-initialized & {
+        display: block;
+    }
+
+    .slick-loading & {
+        visibility: hidden;
+    }
+
+    .slick-vertical & {
+        display: block;
+        height: auto;
+        border: 1px solid transparent;
+    }
+}
+.slick-arrow.slick-hidden {
+    display: none;
+}
--- a/static/plugins/tweenmax/TweenMax.min.js
+++ b/static/plugins/tweenmax/TweenMax.min.js
--- a/static/plugins/waypoint/jquery.waypoints.min.js
+++ b/static/plugins/waypoint/jquery.waypoints.min.js