website

2022-06-22 21:28:26 +02:00
parent 7850584848
commit 01c6b8cf06
672 changed files with 104739 additions and 0 deletions
--- a/.hugo_build.lock
+++ b/.hugo_build.lock
--- a/archetypes/default.md
+++ b/archetypes/default.md
@ -0,0 +1,6 @@
+---
+title: "{{ replace .Name "-" " " | title }}"
+date: {{ .Date }}
+draft: true
+---
+
--- a/config.toml
+++ b/config.toml
@ -0,0 +1,65 @@
+baseURL = "http://example.org/"
+languageCode = "fr-fr"
+paginate = 6
+theme = "portio"
+title = "KiEZ Hölzerner See - LE meilleur place pour ton excursion de classe"
+# Main Menu
+[[menu.main]]
+name = "Accueil"
+url = "#home"
+weight = 1
+[[menu.main]]
+name = "À propos de nous"
+url = "#about"
+weight = 2
+[[menu.main]]
+name = "Propositions"
+url = "#service"
+weight = 3
+[[menu.main]]
+name = "Estimations"
+url = "#estimations"
+weight = 4
+[[menu.main]]
+name = "Resume"
+url = "#resume"
+weight = 5
+
+[params]
+blogPageURL = "blog"
+contactLink = "contact"
+copyright = "© 2022 Français au GCG, KiEZ Hölzerner See"
+footerLogo = "images/site-navigation/logo.png"
+formspreeURL = "YOUR FORMSPREE URL"
+googleAnalytics = "YOUR GOOGLE ANALYTICS CODE"
+logo = "images/site-navigation/logo.png"
+
+[params.address]
+address = "KiEZ Hölzerner See, Weg zum Hölzernen See 1, 15754 Heidesee OT, Gräbendorf"
+email = "office@hoelzerner-see.de"
+openingHours = "Open from 10am to 6pm (close at 5pm Sundays)"
+phone = "033763/20524"
+
+[params.map]
+APIkey = "YOUR GOOGLE MAP API"
+latitude = "23.7783741"
+longitude = "90.3746808"
+pinImage = "images/pin.png"
+
+# Social icons
+[[params.social]]
+icon = "fa-facebook-official"
+url = "https://www.facebook.com/"
+weight = 1
+[[params.social]]
+icon = "fa-linkedin-square"
+url = "https://www.linkedin.com/"
+weight = 2
+[[params.social]]
+icon = "fa-pinterest-square"
+url = "https://www.pinterest.com/"
+weight = 3
+[[params.social]]
+icon = "fa-twitter-square"
+url = "https://twitter.com/"
+weight = 4
--- a/content/blog/_index.md
+++ b/content/blog/_index.md
@ -0,0 +1,3 @@
+---
+title: Recents Article
+---
--- a/content/blog/benjamin-franklins-thoughts-about-new-designers.md
+++ b/content/blog/benjamin-franklins-thoughts-about-new-designers.md
@ -0,0 +1,36 @@
+---
+title: "Benjamin Franklins thoughts about new designers"
+date: 2020-07-13T12:49:27+06:00
+featureImage: images/allpost/allPost-7.jpg
+postImage: images/single-blog/feature-image.jpg
+tags: website
+categories: blog
+---
+
+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 justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. 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 justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+
+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 justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. 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 justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+
+> "The public is more familiar with bad design than good design. It is, in effect, conditioned to prefer bad design, because that is what it lives with. The new becomes threatening, the old reassuring."
+> -- <cite>Benjamin Franklin</cite>
+
+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 justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. 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 justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+
+- ROFL means Rolling on floor laughing.
+- STFU means Shut the _freak_ up.
+- LMK means Let me know.
+- ILY means I love you.
+- YOLO means You only live once.
+- SMH means Shaking my head.
+
+The company was previously known as Hingston + Co. but has been given a complete rebrand — including a new logo, tap badges, website and branded material — by London-based design studio & Smith. The new identity is based on the Kandinsky abstract painting, Black Lines, and true to its name, is mostly black and white with a few flashes of colour. According to & Smith, the identity brings together “art and science” and has been brought to life through collaborations with nine illustrators.
+
+{{< blogsection image="images/single-blog/blog-img.jpg" title="Creative Design" >}}
+
+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 justo duo dolores et ea rebum. Stet clita kasd gubergren,
+
+{{< /blogsection >}}
+
+sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.
+
+Black Lines wants it to be as easy to serve a Negroni as it is a pint of lager. The drinks company is seeking to revolutionise the bar experience by serving cocktails by draught with a changing menu of drinks (as well as same favourite stand-bys). A pink grapefruit spritz was served through the summer while a new pear and white tea fizz joins the line-up for winter.
--- a/content/blog/designer-conference-at-florida-2020.md
+++ b/content/blog/designer-conference-at-florida-2020.md
@ -0,0 +1,36 @@
+---
+title: "Designer Conference at Florida 2020"
+date: 2020-07-13T13:06:26+06:00
+featureImage: images/allpost/allPost-2.jpg
+postImage: images/single-blog/feature-image.jpg
+tags: mobile
+categories: documentation
+---
+
+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 justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. 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 justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+
+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 justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. 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 justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+
+> "The public is more familiar with bad design than good design. It is, in effect, conditioned to prefer bad design, because that is what it lives with. The new becomes threatening, the old reassuring."
+> -- <cite>Benjamin Franklin</cite>
+
+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 justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. 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 justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+
+- ROFL means Rolling on floor laughing.
+- STFU means Shut the _freak_ up.
+- LMK means Let me know.
+- ILY means I love you.
+- YOLO means You only live once.
+- SMH means Shaking my head.
+
+The company was previously known as Hingston + Co. but has been given a complete rebrand — including a new logo, tap badges, website and branded material — by London-based design studio & Smith. The new identity is based on the Kandinsky abstract painting, Black Lines, and true to its name, is mostly black and white with a few flashes of colour. According to & Smith, the identity brings together “art and science” and has been brought to life through collaborations with nine illustrators.
+
+{{< blogsection image="images/single-blog/blog-img.jpg" title="Creative Design" >}}
+
+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 justo duo dolores et ea rebum. Stet clita kasd gubergren,
+
+{{< /blogsection >}}
+
+sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.
+
+Black Lines wants it to be as easy to serve a Negroni as it is a pint of lager. The drinks company is seeking to revolutionise the bar experience by serving cocktails by draught with a changing menu of drinks (as well as same favourite stand-bys). A pink grapefruit spritz was served through the summer while a new pear and white tea fizz joins the line-up for winter.
--- a/content/blog/designers-thoughts-about-mobile-UI.md
+++ b/content/blog/designers-thoughts-about-mobile-UI.md
@ -0,0 +1,36 @@
+---
+title: "Designers thoughts about mobile UI"
+date: 2020-07-13T12:49:27+06:00
+featureImage: images/allpost/allPost-5.jpg
+postImage: images/single-blog/feature-image.jpg
+tags: mobile
+categories: blog
+---
+
+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 justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. 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 justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+
+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 justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. 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 justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+
+> "The public is more familiar with bad design than good design. It is, in effect, conditioned to prefer bad design, because that is what it lives with. The new becomes threatening, the old reassuring."
+> -- <cite>Benjamin Franklin</cite>
+
+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 justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. 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 justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+
+- ROFL means Rolling on floor laughing.
+- STFU means Shut the _freak_ up.
+- LMK means Let me know.
+- ILY means I love you.
+- YOLO means You only live once.
+- SMH means Shaking my head.
+
+The company was previously known as Hingston + Co. but has been given a complete rebrand — including a new logo, tap badges, website and branded material — by London-based design studio & Smith. The new identity is based on the Kandinsky abstract painting, Black Lines, and true to its name, is mostly black and white with a few flashes of colour. According to & Smith, the identity brings together “art and science” and has been brought to life through collaborations with nine illustrators.
+
+{{< blogsection image="images/single-blog/blog-img.jpg" title="Creative Design" >}}
+
+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 justo duo dolores et ea rebum. Stet clita kasd gubergren,
+
+{{< /blogsection >}}
+
+sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.
+
+Black Lines wants it to be as easy to serve a Negroni as it is a pint of lager. The drinks company is seeking to revolutionise the bar experience by serving cocktails by draught with a changing menu of drinks (as well as same favourite stand-bys). A pink grapefruit spritz was served through the summer while a new pear and white tea fizz joins the line-up for winter.
--- a/content/blog/how-to-become-acreative-designer.md
+++ b/content/blog/how-to-become-acreative-designer.md
@ -0,0 +1,45 @@
+---
+title: "How to become acreative designer"
+date: 2020-07-13T12:49:27+06:00
+featureImage: images/allpost/allPost-9.jpg
+postImage: images/single-blog/feature-image.jpg
+tags: fun
+categories: documentation
+toc: true
+---
+
+## Introduction
+
+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 justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. 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 justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+
+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 justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. 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 justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+
+> "The public is more familiar with bad design than good design. It is, in effect, conditioned to prefer bad design, because that is what it lives with. The new becomes threatening, the old reassuring."
+> -- <cite>Benjamin Franklin</cite>
+
+## Why and How
+
+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 justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. 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 justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+
+- ROFL means Rolling on floor laughing.
+- STFU means Shut the _freak_ up.
+- LMK means Let me know.
+- ILY means I love you.
+- YOLO means You only live once.
+- SMH means Shaking my head.
+
+## When and Where
+
+The company was previously known as Hingston + Co. but has been given a complete rebrand — including a new logo, tap badges, website and branded material — by London-based design studio & Smith. The new identity is based on the Kandinsky abstract painting, Black Lines, and true to its name, is mostly black and white with a few flashes of colour. According to & Smith, the identity brings together “art and science” and has been brought to life through collaborations with nine illustrators.
+
+{{< blogsection image="images/single-blog/blog-img.jpg" title="Creative Design" >}}
+
+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 justo duo dolores et ea rebum. Stet clita kasd gubergren,
+
+{{< /blogsection >}}
+
+sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.
+
+## Conclusion
+
+Black Lines wants it to be as easy to serve a Negroni as it is a pint of lager. The drinks company is seeking to revolutionise the bar experience by serving cocktails by draught with a changing menu of drinks (as well as same favourite stand-bys). A pink grapefruit spritz was served through the summer while a new pear and white tea fizz joins the line-up for winter.
--- a/content/blog/markdown-formatting-demo.md
+++ b/content/blog/markdown-formatting-demo.md
@ -0,0 +1,237 @@
+---
+title: "Markdown Formatting Demo"
+date: 2020-09-13T12:49:27+06:00
+featureImage: images/allpost/allPost-6.jpg
+postImage: images/single-blog/feature-image.jpg
+tags: website
+categories: blog
+---
+
+This example Markdown file compliments of [markdown-it.github.io](https://markdown-it.github.io/)
+
+---
+
+# h1 Heading 8-)
+
+## h2 Heading
+
+### h3 Heading
+
+#### h4 Heading
+
+##### h5 Heading
+
+###### h6 Heading
+
+## Horizontal Rules
+
+---
+
+---
+
+---
+
+## Typographic replacements
+
+Enable typographer option to see result.
+
+(c) (C) (r) (R) (tm) (TM) (p) (P) +-
+
+test.. test... test..... test?..... test!....
+
+!!!!!! ???? ,, -- ---
+
+"Smartypants, double quotes" and 'single quotes'
+
+## Emphasis
+
+**This is bold text**
+
+**This is bold text**
+
+_This is italic text_
+
+_This is italic text_
+
+~~Strikethrough~~
+
+## Blockquotes
+
+> Blockquotes can also be nested...
+>
+> > ...by using additional greater-than signs right next to each other...
+> >
+> > > ...or with spaces between arrows.
+
+## Lists
+
+Unordered
+
+- Create a list by starting a line with `+`, `-`, or `*`
+- Sub-lists are made by indenting 2 spaces:
+  - Marker character change forces new list start:
+    - Ac tristique libero volutpat at
+    * Facilisis in pretium nisl aliquet
+    - Nulla volutpat aliquam velit
+- Very easy!
+
+Ordered
+
+1. Lorem ipsum dolor sit amet
+2. Consectetur adipiscing elit
+3. Integer molestie lorem at massa
+
+4. You can use sequential numbers...
+5. ...or keep all the numbers as `1.`
+
+Start numbering with offset:
+
+57. foo
+1. bar
+
+## Code
+
+Inline `code`
+
+Indented code
+
+    // Some comments
+    line 1 of code
+    line 2 of code
+    line 3 of code
+
+Block code "fences"
+
+```
+Sample text here...
+```
+
+Syntax highlighting
+
+```js
+var foo = function (bar) {
+  return bar++;
+};
+
+console.log(foo(5));
+```
+
+## Tables
+
+| Option | Description                                                               |
+| ------ | ------------------------------------------------------------------------- |
+| data   | path to data files to supply the data that will be passed into templates. |
+| engine | engine to be used for processing templates. Handlebars is the default.    |
+| ext    | extension to be used for dest files.                                      |
+
+Right aligned columns
+
+| Option |                                                               Description |
+| -----: | ------------------------------------------------------------------------: |
+|   data | path to data files to supply the data that will be passed into templates. |
+| engine |    engine to be used for processing templates. Handlebars is the default. |
+|    ext |                                      extension to be used for dest files. |
+
+## Links
+
+[link text](http://dev.nodeca.com)
+
+[link with title](http://nodeca.github.io/pica/demo/ "title text!")
+
+Autoconverted link https://github.com/nodeca/pica (enable linkify to see)
+
+## Images
+
+(note: redacted this section cause images were too big)
+
+<!--
+![Minion](https://octodex.github.com/images/minion.png)
+![Stormtroopocat](https://octodex.github.com/images/stormtroopocat.jpg "The Stormtroopocat")
+
+Like links, Images also have a footnote style syntax
+
+![Alt text][id]
+
+With a reference later in the document defining the URL location:
+
+[id]: https://octodex.github.com/images/dojocat.jpg  "The Dojocat" -->
+
+## Plugins
+
+The killer feature of `markdown-it` is very effective support of
+[syntax plugins](https://www.npmjs.org/browse/keyword/markdown-it-plugin).
+
+### [Emojies](https://github.com/markdown-it/markdown-it-emoji)
+
+> Classic markup: :wink: :crush: :cry: :tear: :laughing: :yum:
+>
+> Shortcuts (emoticons): :-) :-( 8-) ;)
+
+see [how to change output](https://github.com/markdown-it/markdown-it-emoji#change-output) with twemoji.
+
+### [Subscript](https://github.com/markdown-it/markdown-it-sub) / [Superscript](https://github.com/markdown-it/markdown-it-sup)
+
+- 19^th^
+- H~2~O
+
+### [\<ins>](https://github.com/markdown-it/markdown-it-ins)
+
++Inserted text++
+
+### [\<mark>](https://github.com/markdown-it/markdown-it-mark)
+
+==Marked text==
+
+### [Footnotes](https://github.com/markdown-it/markdown-it-footnote)
+
+Footnote 1 link[^first].
+
+Footnote 2 link[^second].
+
+Inline footnote^[Text of inline footnote] definition.
+
+Duplicated footnote reference[^second].
+
+[^first]: Footnote **can have markup**
+
+    and multiple paragraphs.
+
+[^second]: Footnote text.
+
+### [Definition lists](https://github.com/markdown-it/markdown-it-deflist)
+
+Term 1
+
+: Definition 1
+with lazy continuation.
+
+Term 2 with _inline markup_
+
+: Definition 2
+
+        { some code, part of Definition 2 }
+
+    Third paragraph of definition 2.
+
+_Compact style:_
+
+Term 1
+~ Definition 1
+
+Term 2
+~ Definition 2a
+~ Definition 2b
+
+### [Abbreviations](https://github.com/markdown-it/markdown-it-abbr)
+
+This is HTML abbreviation example.
+
+It converts "HTML", but keep intact partial entries like "xxxHTMLyyy" and so on.
+
+\*[HTML]: Hyper Text Markup Language
+
+### [Custom containers](https://github.com/markdown-it/markdown-it-container)
+
+::: warning
+_here be dragons_
+:::
--- a/content/blog/new-designers-limitations.md
+++ b/content/blog/new-designers-limitations.md
@ -0,0 +1,45 @@
+---
+title: "New designers limitations"
+date: 2020-07-13T12:49:27+06:00
+featureImage: images/allpost/allPost-3.jpg
+postImage: images/single-blog/feature-image.jpg
+tags: website
+categories: documentation
+toc: true
+---
+
+## Introduction
+
+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 justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. 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 justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+
+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 justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. 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 justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+
+> "The public is more familiar with bad design than good design. It is, in effect, conditioned to prefer bad design, because that is what it lives with. The new becomes threatening, the old reassuring."
+> -- <cite>Benjamin Franklin</cite>
+
+## Why and How
+
+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 justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. 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 justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+
+- ROFL means Rolling on floor laughing.
+- STFU means Shut the _freak_ up.
+- LMK means Let me know.
+- ILY means I love you.
+- YOLO means You only live once.
+- SMH means Shaking my head.
+
+## When and Where
+
+The company was previously known as Hingston + Co. but has been given a complete rebrand — including a new logo, tap badges, website and branded material — by London-based design studio & Smith. The new identity is based on the Kandinsky abstract painting, Black Lines, and true to its name, is mostly black and white with a few flashes of colour. According to & Smith, the identity brings together “art and science” and has been brought to life through collaborations with nine illustrators.
+
+{{< blogsection image="images/single-blog/blog-img.jpg" title="Creative Design" >}}
+
+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 justo duo dolores et ea rebum. Stet clita kasd gubergren,
+
+{{< /blogsection >}}
+
+sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.
+
+## Conclusion
+
+Black Lines wants it to be as easy to serve a Negroni as it is a pint of lager. The drinks company is seeking to revolutionise the bar experience by serving cocktails by draught with a changing menu of drinks (as well as same favourite stand-bys). A pink grapefruit spritz was served through the summer while a new pear and white tea fizz joins the line-up for winter.
--- a/content/blog/things-you-must-know-as-a-designer.md
+++ b/content/blog/things-you-must-know-as-a-designer.md
@ -0,0 +1,45 @@
+---
+title: "Things you must know as a designer"
+date: 2020-07-13T12:49:27+06:00
+featureImage: images/allpost/allPost-4.jpg
+postImage: images/single-blog/feature-image.jpg
+tags: mobile
+categories: blog
+toc: true
+---
+
+## Introduction
+
+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 justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. 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 justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+
+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 justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. 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 justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+
+> "The public is more familiar with bad design than good design. It is, in effect, conditioned to prefer bad design, because that is what it lives with. The new becomes threatening, the old reassuring."
+> -- <cite>Benjamin Franklin</cite>
+
+## Why and How
+
+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 justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. 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 justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+
+- ROFL means Rolling on floor laughing.
+- STFU means Shut the _freak_ up.
+- LMK means Let me know.
+- ILY means I love you.
+- YOLO means You only live once.
+- SMH means Shaking my head.
+
+## When and Where
+
+The company was previously known as Hingston + Co. but has been given a complete rebrand — including a new logo, tap badges, website and branded material — by London-based design studio & Smith. The new identity is based on the Kandinsky abstract painting, Black Lines, and true to its name, is mostly black and white with a few flashes of colour. According to & Smith, the identity brings together “art and science” and has been brought to life through collaborations with nine illustrators.
+
+{{< blogsection image="images/single-blog/blog-img.jpg" title="Creative Design" >}}
+
+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 justo duo dolores et ea rebum. Stet clita kasd gubergren,
+
+{{< /blogsection >}}
+
+sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.
+
+## Conclusion
+
+Black Lines wants it to be as easy to serve a Negroni as it is a pint of lager. The drinks company is seeking to revolutionise the bar experience by serving cocktails by draught with a changing menu of drinks (as well as same favourite stand-bys). A pink grapefruit spritz was served through the summer while a new pear and white tea fizz joins the line-up for winter.
--- a/content/blog/world-most-famous-app-developers-and-designers.md
+++ b/content/blog/world-most-famous-app-developers-and-designers.md
@ -0,0 +1,45 @@
+---
+title: "World's Most Famous App Developers and Designers"
+date: 2020-07-13T12:49:27+06:00
+featureImage: images/allpost/allPost-1.jpg
+postImage: images/single-blog/feature-image.jpg
+tags: fun
+categories: blog
+toc: true
+---
+
+## Introduction
+
+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 justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. 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 justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+
+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 justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. 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 justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+
+> "The public is more familiar with bad design than good design. It is, in effect, conditioned to prefer bad design, because that is what it lives with. The new becomes threatening, the old reassuring."
+> -- <cite>Benjamin Franklin</cite>
+
+## Why and How
+
+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 justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. 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 justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+
+- ROFL means Rolling on floor laughing.
+- STFU means Shut the _freak_ up.
+- LMK means Let me know.
+- ILY means I love you.
+- YOLO means You only live once.
+- SMH means Shaking my head.
+
+## When and Where
+
+The company was previously known as Hingston + Co. but has been given a complete rebrand — including a new logo, tap badges, website and branded material — by London-based design studio & Smith. The new identity is based on the Kandinsky abstract painting, Black Lines, and true to its name, is mostly black and white with a few flashes of colour. According to & Smith, the identity brings together “art and science” and has been brought to life through collaborations with nine illustrators.
+
+{{< blogsection image="images/single-blog/blog-img.jpg" title="Creative Design" >}}
+
+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 justo duo dolores et ea rebum. Stet clita kasd gubergren,
+
+{{< /blogsection >}}
+
+sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.
+
+## Conclusion
+
+Black Lines wants it to be as easy to serve a Negroni as it is a pint of lager. The drinks company is seeking to revolutionise the bar experience by serving cocktails by draught with a changing menu of drinks (as well as same favourite stand-bys). A pink grapefruit spritz was served through the summer while a new pear and white tea fizz joins the line-up for winter.
--- a/content/blog/you-must-know-this-before-becoming-a-designer.md
+++ b/content/blog/you-must-know-this-before-becoming-a-designer.md
@ -0,0 +1,45 @@
+---
+title: You must know this before becoming a designer
+date: 2020-07-13T12:49:27.000+06:00
+featureImage: images/allpost/allPost-8.jpg
+postImage: images/single-blog/feature-image.jpg
+tags: fun
+categories: documentation
+toc: true
+---
+
+## Introduction
+
+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 justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. 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 justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+
+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 justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. 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 justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+
+> "The public is more familiar with bad design than good design. It is, in effect, conditioned to prefer bad design, because that is what it lives with. The new becomes threatening, the old reassuring."
+> -- <cite>Benjamin Franklin</cite>
+
+## Why and How
+
+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 justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. 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 justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+
+- ROFL means Rolling on floor laughing.
+- STFU means Shut the _freak_ up.
+- LMK means Let me know.
+- ILY means I love you.
+- YOLO means You only live once.
+- SMH means Shaking my head.
+
+## When and Where
+
+The company was previously known as Hingston + Co. but has been given a complete rebrand — including a new logo, tap badges, website and branded material — by London-based design studio & Smith. The new identity is based on the Kandinsky abstract painting, Black Lines, and true to its name, is mostly black and white with a few flashes of colour. According to & Smith, the identity brings together “art and science” and has been brought to life through collaborations with nine illustrators.
+
+{{< blogsection image="images/single-blog/blog-img.jpg" title="Creative Design" >}}
+
+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 justo duo dolores et ea rebum. Stet clita kasd gubergren,
+
+{{< /blogsection >}}
+
+sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.
+
+## Conclusion
+
+Black Lines wants it to be as easy to serve a Negroni as it is a pint of lager. The drinks company is seeking to revolutionise the bar experience by serving cocktails by draught with a changing menu of drinks (as well as same favourite stand-bys). A pink grapefruit spritz was served through the summer while a new pear and white tea fizz joins the line-up for winter.
--- a/content/contact/_index.md
+++ b/content/contact/_index.md
@ -0,0 +1,4 @@
+---
+title: Contact Me
+breadcrumb: Contact
+---
--- a/content/portfolio/UX-case-study-for-agriculture-app.md
+++ b/content/portfolio/UX-case-study-for-agriculture-app.md
@ -0,0 +1,21 @@
+---
+title: UX Case Study for Agriculture App
+date: 2020-08-12T12:13:40+00:00
+thumbnail: images/portfolio/portfolio-4.png
+service: UX Design
+client: Jane Doe
+shortDescription: 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 justo duo dolores et ea rebum. Stet clita kasd
+  gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet lorem ipsum dolor.
+challenge: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
+  eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua
+  vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren.
+solution: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
+  eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua
+  vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren.
+
+---
+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 justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. 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 justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+
+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 justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
--- a/content/portfolio/case-study-one.md
+++ b/content/portfolio/case-study-one.md
@ -0,0 +1,21 @@
+---
+title: Case Study One
+date: 2020-07-13T12:49:27.000+06:00
+thumbnail: images/portfolio/portfolio-1.png
+service: Development, UX Design
+client: Edward Furlong
+shortDescription: 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 justo duo dolores et ea rebum. Stet clita kasd
+  gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet lorem ipsum dolor.
+challenge: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
+  eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua
+  vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren.
+solution: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
+  eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua
+  vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren.
+
+---
+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 justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. 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 justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+
+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 justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
--- a/content/portfolio/event-app-case-study.md
+++ b/content/portfolio/event-app-case-study.md
@ -0,0 +1,21 @@
+---
+title: Event App Case Study
+date: 2020-08-12T18:07:16.000+06:00
+thumbnail: images/portfolio/portfolio-2.png
+service: Web Design, Branding
+client: Johnathon Doe
+shortDescription: 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 justo duo dolores et ea rebum. Stet clita kasd
+  gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet lorem ipsum dolor.
+challenge: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
+  eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua
+  vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren.
+solution: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
+  eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua
+  vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren.
+
+---
+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 justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. 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 justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+
+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 justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
--- a/content/portfolio/recipe-app-ux-study.md
+++ b/content/portfolio/recipe-app-ux-study.md
@ -0,0 +1,21 @@
+---
+title: Recipe App Ux Study
+date: 2020-08-12T18:19:35.000+06:00
+thumbnail: images/portfolio/portfolio-3.png
+service: UX Design, UX Research
+client: Clayton Coco
+shortDescription: 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 justo duo dolores et ea rebum. Stet clita kasd
+  gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet lorem ipsum dolor.
+challenge: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
+  eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua
+  vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren.
+solution: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
+  eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua
+  vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren.
+
+---
+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 justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. 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 justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+
+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 justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
--- a/data/aboutSection.yml
+++ b/data/aboutSection.yml
@ -0,0 +1,17 @@
+---
+enable: true
+topTitle: À propos de nous
+title: >
+  ## Qu'est-ce que le «KiEZ Hölzerner See» est?
+content: >
+ «KiEZ» est un acronyme allemand pour «Kindererholungszentrum» - un mot complique, mais en français, on peut simplement dire «centre pour la récréation des enfants».
+
+ Chez nous on peut faire des activités différentes, apprendre beaucoup de choses et facilement s'amuser et avoir un bon temps!
+
+ On offre beaucoup des possibilités différents pour passer le temps en groupe et c'est idéal pour par exemple une excursion de la classe! 
+
+button1Name: Voir plus
+button2Name: Contact
+button1Target: "#service"
+button2Target: "#contact"
+image: images/about/about-img.jpg
--- a/data/blogSection.yml
+++ b/data/blogSection.yml
@ -0,0 +1,9 @@
+---
+enable: false
+topTitle: Blog
+title: >
+  ## Recent Article
+
+  Enjoy team diversity and increase their networks among others people in various fields by provided.
+
+buttonTarget: blog
--- a/data/hero.yml
+++ b/data/hero.yml
@ -0,0 +1,12 @@
+---
+enable: true
+topTitle: 
+content: >
+  # Le «KiEZ Hölzerner See»
+
+  Au milieu de la forêt et au bord du magnifique lac «Hölzerner See», c'est le parfait endroit pour une excursion dans la nature.
+buttonName: Voir plus
+buttonURL: "/#contact"
+image: images/hero/2960351.jpg
+videoThumb: images/hero/popup-thumb.png
+videoURL: https://youtube.com/watch?v=3qICUjLb6eU
--- a/data/portfolioSection.yml
+++ b/data/portfolioSection.yml
@ -0,0 +1,5 @@
+---
+enable: false
+topTitle: My Portfolio
+title: >
+  ## Check Some of My Recent Work
--- a/data/resumeSection.yml
+++ b/data/resumeSection.yml
@ -0,0 +1,58 @@
+---
+enable: false
+topTitle: My Resume
+title: >
+  ## My Expertises
+
+  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 accusam justo.
+tab1Name: Education
+tab2Name: Experiences
+tab1Target: education
+tab2Target: experience
+
+education:
+  - content: >
+      #### Master in Arts
+
+      Lorem ipsum dolor sit amet conset sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam
+    time: 2008-2010
+  - content: >
+      #### Master in Arts
+
+      Lorem ipsum dolor sit amet conset sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam
+    time: 2008-2010
+  - content: >
+      #### Master in Arts
+
+      Lorem ipsum dolor sit amet conset sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam
+    time: 2008-2010
+  - content: >
+      #### Master in Arts
+
+      Lorem ipsum dolor sit amet conset sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam
+    time: 2008-2010
+
+experience:
+  - content: >
+      #### Umbrella co. 
+
+      Lorem ipsum dolor sit amet conset sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam
+    time: 2016-Present
+  - content: >
+      #### Aperture Science 
+
+      Lorem ipsum dolor sit amet conset sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam
+    time: 2010-2016
+  - content: >
+      #### ACME Inc. 
+
+      Lorem ipsum dolor sit amet conset sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam
+    time: 2005-2010
+  - content: >
+      #### LexCorp 
+
+      Lorem ipsum dolor sit amet conset sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam
+    time: 2001-2005
--- a/data/serviceSection.yml
+++ b/data/serviceSection.yml
@ -0,0 +1,41 @@
+---
+enable: true
+topTitle: Rigoler bien
+title: >
+  ## Nos propositions
+
+  Pour vos temps libre, on offre beaucoup des activités.
+service:
+  - content: >
+      #### La plage
+
+      La plage est très grande et très propre pour passer la journée. Il est 
+      ombragé et on peut baigner là. Il y a beaucoup d'espace sur la plage pour
+      se baigner, se détendre et s'amuser. 
+  - content: >
+      #### Aire pour jouer avec l'eau
+
+      Ici, on peut patauger et barboter. On peux faire des expériences différentes
+      avec l'eau en groupe. 
+  - content: >
+      #### Le beach-volley 
+
+      Il y a trois terrains de volley-ball - deux sont sur la plage et un est
+      près de la forêt. Les terrains ont été rénovés et sont propres. Les 
+      classes aiment jouer au volley-ball et tout le monde s'amuse.
+  - content: >
+      #### Une randonnée naturaliste
+
+      Pendant la randonnée naturaliste, on peut voir des animaux et des plantes différents.
+      Un expert raconte beaucoup de choses à propos de la nature.
+  - content: >
+      #### La cité germanique à «Klein Köris»
+
+      Quand visiter la cité germanique, op peut participer à une visite guidée.
+      Il y a une ancienne cité avec des maisons des Germains. Apprendre plus de
+      la cité germanique la vie des Germains pendant cette visite guidée est très intéressant.
+  - content: >
+      #### Balade en canoë
+
+      Quand faire uns balade en canoë, on peut faire du sport sur l'eau et observer
+      les plantes et les animaux du lac. Ramer ensemble sur le lac est une cool activité.
--- a/data/skillSection.yml
+++ b/data/skillSection.yml
@ -0,0 +1,17 @@
+---
+enable: false
+topTitle: My Skills
+content: >
+  ## Why hire me for your next project?
+
+  My goal is to build a strong supportive professional network among all freelancers and startups in order to improve their performance.
+
+image: images/skill/skill_image.jpg
+
+skill:
+  - title: HTML
+    percent: 69
+  - title: CSS
+    percent: 60
+  - title: Javascript
+    percent: 85
--- a/data/testimonialSection.yml
+++ b/data/testimonialSection.yml
@ -0,0 +1,22 @@
+---
+enable: true
+topTitle: Des estimations
+title: >
+  ## Qu'est-ce que nos visiteurs dire de nous?
+
+  L'avis de nos visiteurs est très importsnt pour nous. Tout le monde qui visite le «KiEZ Hölzerner See» peut ècrire une estimation que on va montre ici.
+testimonial:
+  - name: Denys Konovalov
+    comment: > 
+      Le milieu avec un grand lac magnifique et dans une forêt était trop beau. On a s'amuse très bien pendant les activités et quand faire la balade en canoë, on a eu
+      une possibilité parfait pour voir la beauté du lac. Les plates ont été bien aussi et il y avait toujours assez des repas pour tout le monde. Mais les bungalows n'était pas
+      récent, les toilettes ont été sales et les lits ont toujours grincé. C'est un 4 sur 5 de moi!
+    time: Juin 2022
+    star: 4
+  - name: Hannah Saemann
+    comment: >
+      Au «KIEZ Hölzerner See», on a pu faire et vivre beaucoup de choses. Les différentes activités sont amusantes. On peut tout faire en groupe et s'amuser ensemble.
+      Ma chose préféré, c'est la balade en canoë. Je n'ai pas aimé la randonnée naturaliste parce qu'il faisait mauvais.
+      Je trouve que l'excursion avec ma classe était super et intéressante au «KIEZ Hölzerner See».
+    time: Juin 2022
+    star: 5
--- a/resources/_gen/assets/scss/scss/style.scss_b95b077eb505d5c0aff8055eaced30ad.content
+++ b/resources/_gen/assets/scss/scss/style.scss_b95b077eb505d5c0aff8055eaced30ad.content
--- a/resources/_gen/assets/scss/scss/style.scss_b95b077eb505d5c0aff8055eaced30ad.json
+++ b/resources/_gen/assets/scss/scss/style.scss_b95b077eb505d5c0aff8055eaced30ad.json
@ -0,0 +1 @@
+{"Target":"scss/style.min.css","MediaType":"text/css","Data":{}}
--- 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,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="620" height="830" viewBox="0 0 620 830">
+  <path id="_2960349" data-name="2960349" d="M590,0H30A30,30,0,0,0,0,30V800a30,30,0,0,0,30,30l560-60a30,30,0,0,0,30-30V30A30,30,0,0,0,590,0Z" fill="#fff"/>
+</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/tree-solid.svg
+++ b/static/images/service/tree-solid.svg
@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M413.8 447.1L256 448l0 31.99C256 497.7 241.8 512 224.1 512c-17.67 0-32.1-14.32-32.1-31.99l0-31.99l-158.9-.0099c-28.5 0-43.69-34.49-24.69-56.4l68.98-79.59H62.22c-25.41 0-39.15-29.8-22.67-49.13l60.41-70.85H89.21c-21.28 0-32.87-22.5-19.28-37.31l134.8-146.5c10.4-11.3 28.22-11.3 38.62-.0033l134.9 146.5c13.62 14.81 2.001 37.31-19.28 37.31h-10.77l60.35 70.86c16.46 19.34 2.716 49.12-22.68 49.12h-15.2l68.98 79.59C458.7 413.7 443.1 447.1 413.8 447.1z"/></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/umbrella-beach-solid.svg
+++ b/static/images/service/umbrella-beach-solid.svg
@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M115.4 136.8l102.1 37.35c35.13-81.62 86.25-144.4 139-173.7c-95.88-4.875-188.8 36.96-248.5 111.7C101.2 120.6 105.2 133.2 115.4 136.8zM247.6 185l238.5 86.87c35.75-121.4 18.62-231.6-42.63-253.9c-7.375-2.625-15.12-4.062-23.12-4.062C362.4 13.88 292.1 83.13 247.6 185zM521.5 60.51c6.25 16.25 10.75 34.62 13.13 55.25c5.75 49.87-1.376 108.1-18.88 166.9l102.6 37.37c10.13 3.75 21.25-3.375 21.5-14.12C642.3 210.1 598 118.4 521.5 60.51zM528 448h-207l65-178.5l-60.13-21.87l-72.88 200.4H48C21.49 448 0 469.5 0 496C0 504.8 7.163 512 16 512h544c8.837 0 16-7.163 16-15.1C576 469.5 554.5 448 528 448z"/></svg>
--- a/static/images/service/vial-solid.svg
+++ b/static/images/service/vial-solid.svg
@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M502.6 169.4l-160-160C336.4 3.125 328.2 0 320 0s-16.38 3.125-22.62 9.375c-12.5 12.5-12.5 32.75 0 45.25l6.975 6.977l-271.4 271c-38.75 38.75-45.13 102-9.375 143.5C44.08 500 72.76 512 101.5 512h.4473c26.38 0 52.75-9.1 72.88-30.12l275.2-274.6l7.365 7.367C463.6 220.9 471.8 224 480 224s16.38-3.125 22.62-9.375C515.1 202.1 515.1 181.9 502.6 169.4zM310.6 256H200.2l149.3-149.1l55.18 55.12L310.6 256z"/></svg>
--- a/static/images/service/volleyball-solid.svg
+++ b/static/images/service/volleyball-solid.svg
@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M200.3 106C185.4 80.24 165.2 53.9 137.4 29.26C55.75 72.05 0 157.4 0 256c0 21.33 2.898 41.94 7.814 61.75C53.59 182.1 155.1 124.9 200.3 106zM381.7 281.1c1.24-9.223 2.414-22.08 2.414-37.65c0-59.1-16.93-157.2-111.5-242.6C267.1 .4896 261.6 0 256 0C225.5 0 196.5 5.591 169.4 15.36c93.83 90.15 102.6 198.5 102.8 231.7C287.8 255.9 327.3 275.1 381.7 281.1zM240.1 246.5C239.1 228.5 236.9 184.7 214.9 134.6C173.6 151.6 60.4 211.7 26.67 369.2c15.66 31.64 37.52 59.66 64.22 82.23C122 325.1 211.5 263.3 240.1 246.5zM326.5 10.07c74.79 84.9 89.5 175.9 89.5 234c0 15.45-1.042 28.56-2.27 38.61l.5501 .0005c29.54 0 62.2-4.325 97.16-15.99C511.6 263.1 512 259.6 512 256C512 139.1 433.6 40.72 326.5 10.07zM255.7 274.5c-15.43 9.086-51.89 33.63-84.32 77.86c26.34 20.33 93.51 63.27 189.5 63.27c32.83 0 69.02-5.021 108.1-17.69c19.08-28.59 32.41-61.34 38.71-96.47C474.5 311.1 443 315 414.4 315C334.6 315 276.5 286.3 255.7 274.5zM153.1 379.3c-14.91 25.71-27.62 56.33-35.03 92.72C158.6 497.2 205.5 512 256 512c69 0 131.5-27.43 177.5-71.82c-25.42 5.105-49.71 7.668-72.38 7.668C258.6 447.8 185.5 402.1 153.1 379.3z"/></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/themes/portio/.gitignore
+++ b/themes/portio/.gitignore
@ -0,0 +1 @@
+.DS_Store
--- a/themes/portio/LICENSE
+++ b/themes/portio/LICENSE
@ -0,0 +1,20 @@
+The MIT License (MIT)
+
+Copyright (c) 2020 StaticMania
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of
+this software and associated documentation files (the "Software"), to deal in
+the Software without restriction, including without limitation the rights to
+use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+the Software, and to permit persons to whom the Software is furnished to do so,
+subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
--- a/themes/portio/README.md
+++ b/themes/portio/README.md
@ -0,0 +1,52 @@
+<h1>Portio Hugo</h1>
+<img src="https://user-images.githubusercontent.com/25920065/91142412-8a895c80-e6d2-11ea-93dd-5de59ce60adf.jpg" alt="screenshot" width="100%">
+
+Portio is a simple, minimal and responsive Portfolio Hugo Theme. Portio is well organized, well-formatted and named accordingly so it’s easy to change any and all of the design. Portio is built with Bootstrap 4. You can customize it very easy to fit your needs.
+
+## Table of Contents
+
+- [Live Demo](#live-demo)
+- [Installation](#installation)
+- [Main Features](#features)
+- [Support](#support)
+- [Licensing](#licensing)
+- [Hire](#hire)
+
+## Live Demo
+
+Checkout the live demo [here](https://portio-hugo.staticmania.com/)
+
+## Installation
+
+1. Add the repository into your Hugo Project repository as a submodule, `git submodule add git@github.com:StaticMania/portio-hugo.git themes/portio`.
+2. Copy the `.forestry`, `data`, `content`, `static`, `resources` & `config.toml` files from the `exampleSite` directory and paste it on you Hugo Project repository/directory. From the site home directory:
+
+   cp -a themes/portio/exampleSite/\* .
+
+3. Build your site with `hugo serve` and see the result at `http://localhost:1313/`.
+
+**Make sure to use Hugo Extended to serve/build your site, as else the SASS/SCSS won't be rendered correctly**
+
+## Features
+
+- Responsive Ready.
+- Powered by Bootstrap 4.
+- Blog Support.
+- Well formatted code.
+- Easy Customization.
+- Formspree Contact form.
+- Google Analytics.
+- Forestry Integrated.
+- Crafted for Personal Portfolio
+
+## Support
+
+Have some question or facing any technical trouble feel free to [Contact Us](https://staticmania.com/contact/)
+
+## Licensing
+
+This Repository is licensed under the [MIT](https://github.com/StaticMania/portio-hugo/blob/master/LICENSE) License
+
+## Hire
+
+Need help to build HUGO websites with your custom requirements. Feel free to [contact](https://staticmania.com/contact/) us. We provide custom development service for HUGO.
--- a/themes/portio/archetypes/default.md
+++ b/themes/portio/archetypes/default.md
@ -0,0 +1,2 @@
+++
+++
--- a/themes/portio/assets/bootstrap-4.5.2/.babelrc.js
+++ b/themes/portio/assets/bootstrap-4.5.2/.babelrc.js
@ -0,0 +1,17 @@
+module.exports = {
+  presets: [
+    [
+      '@babel/preset-env',
+      {
+        loose: true,
+        bugfixes: true,
+        modules: false
+      }
+    ]
+  ],
+  env: {
+    test: {
+      plugins: [ 'istanbul' ]
+    }
+  }
+};
--- a/themes/portio/assets/bootstrap-4.5.2/.browserslistrc
+++ b/themes/portio/assets/bootstrap-4.5.2/.browserslistrc
@ -0,0 +1,13 @@
+# https://github.com/browserslist/browserslist#readme
+
+>= 1%
+last 1 major version
+not dead
+Chrome >= 45
+Firefox >= 38
+Edge >= 12
+Explorer >= 10
+iOS >= 9
+Safari >= 9
+Android >= 4.4
+Opera >= 30
--- a/themes/portio/assets/bootstrap-4.5.2/.bundlewatch.config.json
+++ b/themes/portio/assets/bootstrap-4.5.2/.bundlewatch.config.json
@ -0,0 +1,50 @@
+{
+  "files": [
+    {
+      "path": "./dist/css/bootstrap-grid.css",
+      "maxSize": "7 kB"
+    },
+    {
+      "path": "./dist/css/bootstrap-grid.min.css",
+      "maxSize": "6.25 kB"
+    },
+    {
+      "path": "./dist/css/bootstrap-reboot.css",
+      "maxSize": "2 kB"
+    },
+    {
+      "path": "./dist/css/bootstrap-reboot.min.css",
+      "maxSize": "2 kB"
+    },
+    {
+      "path": "./dist/css/bootstrap.css",
+      "maxSize": "25.5 kB"
+    },
+    {
+      "path": "./dist/css/bootstrap.min.css",
+      "maxSize": "23.5 kB"
+    },
+    {
+      "path": "./dist/js/bootstrap.bundle.js",
+      "maxSize": "47.50 kB"
+    },
+    {
+      "path": "./dist/js/bootstrap.bundle.min.js",
+      "maxSize": "21.5 kB"
+    },
+    {
+      "path": "./dist/js/bootstrap.js",
+      "maxSize": "25 kB"
+    },
+    {
+      "path": "./dist/js/bootstrap.min.js",
+      "maxSize": "14.75 kB"
+    }
+  ],
+  "ci": {
+    "trackBranches": [
+      "main",
+      "v4-dev"
+    ]
+  }
+}
--- a/themes/portio/assets/bootstrap-4.5.2/.editorconfig
+++ b/themes/portio/assets/bootstrap-4.5.2/.editorconfig
@ -0,0 +1,14 @@
+# editorconfig.org
+
+root = true
+
+[*]
+charset = utf-8
+end_of_line = lf
+indent_size = 2
+indent_style = space
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.md]
+trim_trailing_whitespace = false
--- a/themes/portio/assets/bootstrap-4.5.2/.eslintignore
+++ b/themes/portio/assets/bootstrap-4.5.2/.eslintignore
@ -0,0 +1,6 @@
+**/*.min.js
+**/dist/
+**/vendor/
+/_gh_pages/
+/js/coverage/
+/package.js
--- a/themes/portio/assets/bootstrap-4.5.2/.eslintrc.json
+++ b/themes/portio/assets/bootstrap-4.5.2/.eslintrc.json
@ -0,0 +1,231 @@
+{
+  "root": true,
+  "parser": "babel-eslint",
+  "env": {
+    "browser": true,
+    "es6": true
+  },
+  "extends": ["eslint:recommended"],
+  "rules": {
+    // Possible Errors
+    "no-await-in-loop": "error",
+    "no-extra-parens": "error",
+    "no-prototype-builtins": "error",
+    "no-template-curly-in-string": "error",
+    "valid-jsdoc": "error",
+
+    // Best Practices
+    "accessor-pairs": "error",
+    "array-callback-return": "error",
+    "block-scoped-var": "error",
+    "class-methods-use-this": "off",
+    "complexity": "error",
+    "consistent-return": "error",
+    "curly": "error",
+    "default-case": "error",
+    "dot-location": ["error", "property"],
+    "dot-notation": "error",
+    "eqeqeq": "error",
+    "guard-for-in": "error",
+    "no-alert": "error",
+    "no-caller": "error",
+    "no-console": "error",
+    "no-div-regex": "error",
+    "no-else-return": "error",
+    "no-empty-function": "error",
+    "no-eq-null": "error",
+    "no-eval": "error",
+    "no-extend-native": "error",
+    "no-extra-bind": "error",
+    "no-extra-label": "error",
+    "no-floating-decimal": "error",
+    "no-implicit-coercion": "error",
+    "no-implicit-globals": "error",
+    "no-implied-eval": "error",
+    "no-invalid-this": "off",
+    "no-iterator": "error",
+    "no-labels": "error",
+    "no-lone-blocks": "error",
+    "no-loop-func": "error",
+    "no-magic-numbers": ["error", {
+      "ignore": [-1, 0, 1],
+      "ignoreArrayIndexes": true
+      }
+    ],
+    "no-multi-spaces": ["error", {
+      "ignoreEOLComments": true,
+      "exceptions": {
+        "AssignmentExpression": true,
+        "ArrowFunctionExpression": true,
+        "CallExpression": true,
+        "VariableDeclarator": true
+        }
+      }
+    ],
+    "no-multi-str": "error",
+    "no-new": "error",
+    "no-new-func": "error",
+    "no-new-wrappers": "error",
+    "no-octal-escape": "error",
+    "no-param-reassign": "off",
+    "no-proto": "error",
+    "no-restricted-properties": "error",
+    "no-return-assign": "error",
+    "no-return-await": "error",
+    "no-script-url": "error",
+    "no-self-compare": "error",
+    "no-sequences": "error",
+    "no-throw-literal": "error",
+    "no-unmodified-loop-condition": "error",
+    "no-unused-expressions": "error",
+    "no-useless-call": "error",
+    "no-useless-concat": "error",
+    "no-useless-return": "error",
+    "no-void": "error",
+    "no-warning-comments": "off",
+    "no-with": "error",
+    "prefer-promise-reject-errors": "error",
+    "radix": "error",
+    "require-await": "error",
+    "vars-on-top": "error",
+    "wrap-iife": "error",
+    "yoda": "error",
+
+    // Strict Mode
+    "strict": "error",
+
+    // Variables
+    "init-declarations": "off",
+    "no-catch-shadow": "error",
+    "no-label-var": "error",
+    "no-restricted-globals": "error",
+    "no-shadow": "off",
+    "no-shadow-restricted-names": "error",
+    "no-undef-init": "error",
+    "no-use-before-define": "off",
+
+    // Node.js and CommonJS
+    "callback-return": "off",
+    "global-require": "error",
+    "handle-callback-err": "error",
+    "no-mixed-requires": "error",
+    "no-new-require": "error",
+    "no-path-concat": "error",
+    "no-process-exit": "error",
+    "no-restricted-modules": "error",
+    "no-sync": "error",
+
+    // Stylistic Issues
+    "array-bracket-spacing": "error",
+    "block-spacing": "error",
+    "brace-style": "error",
+    "camelcase": "error",
+    "capitalized-comments": "off",
+    "comma-dangle": "error",
+    "comma-spacing": "error",
+    "comma-style": "error",
+    "computed-property-spacing": "error",
+    "consistent-this": "error",
+    "eol-last": "error",
+    "func-call-spacing": "error",
+    "func-name-matching": "error",
+    "func-names": "off",
+    "func-style": ["error", "declaration"],
+    "id-blacklist": "error",
+    "id-length": "off",
+    "id-match": "error",
+    "indent": ["error", 2, { "SwitchCase": 1 }],
+    "jsx-quotes": "error",
+    "key-spacing": "off",
+    "keyword-spacing": "error",
+    "linebreak-style": ["error", "unix"],
+    "line-comment-position": "off",
+    "lines-around-comment": "off",
+    "lines-around-directive": "error",
+    "max-depth": ["error", 10],
+    "max-len": "off",
+    "max-lines": "off",
+    "max-nested-callbacks": "error",
+    "max-params": "off",
+    "max-statements": "off",
+    "max-statements-per-line": "error",
+    "multiline-ternary": "off",
+    "new-cap": ["error", { "capIsNewExceptionPattern": "$.*" }],
+    "newline-after-var": "off",
+    "newline-per-chained-call": ["error", { "ignoreChainWithDepth": 5 }],
+    "new-parens": "error",
+    "no-array-constructor": "error",
+    "no-bitwise": "error",
+    "no-continue": "off",
+    "no-inline-comments": "off",
+    "no-lonely-if": "error",
+    "no-mixed-operators": "off",
+    "no-multi-assign": "error",
+    "no-multiple-empty-lines": "error",
+    "nonblock-statement-body-position": "error",
+    "no-negated-condition": "off",
+    "no-nested-ternary": "error",
+    "no-new-object": "error",
+    "no-plusplus": "off",
+    "no-restricted-syntax": "error",
+    "no-tabs": "error",
+    "no-ternary": "off",
+    "no-trailing-spaces": "error",
+    "no-underscore-dangle": "off",
+    "no-unneeded-ternary": "error",
+    "no-whitespace-before-property": "error",
+    "object-curly-spacing": ["error", "always"],
+    "object-property-newline": "error",
+    "one-var": ["error", "never"],
+    "one-var-declaration-per-line": "error",
+    "operator-assignment": "error",
+    "operator-linebreak": "error",
+    "padded-blocks": ["error", "never"],
+    "padding-line-between-statements": "off",
+    "quote-props": ["error", "as-needed"],
+    "quotes": ["error", "single"],
+    "require-jsdoc": "off",
+    "semi": ["error", "never"],
+    "semi-spacing": "error",
+    "sort-keys": "off",
+    "sort-vars": "error",
+    "space-before-blocks": "error",
+    "space-before-function-paren": ["error", {
+      "anonymous": "always",
+      "named": "never"
+    }],
+    "space-in-parens": "error",
+    "space-infix-ops": "error",
+    "space-unary-ops": "error",
+    "spaced-comment": "error",
+    "template-tag-spacing": "error",
+    "unicode-bom": "error",
+    "wrap-regex": "off",
+
+    // ECMAScript 6
+    "arrow-body-style": ["error", "as-needed"],
+    "arrow-parens": "error",
+    "arrow-spacing": "error",
+    "generator-star-spacing": "error",
+    "no-confusing-arrow": "error",
+    "no-duplicate-imports": "error",
+    "no-restricted-imports": "error",
+    "no-useless-computed-key": "error",
+    "no-useless-constructor": "error",
+    "no-useless-rename": "error",
+    "no-var": "error",
+    "object-shorthand": "error",
+    "prefer-arrow-callback": "error",
+    "prefer-const": "error",
+    "prefer-destructuring": "off",
+    "prefer-numeric-literals": "error",
+    "prefer-rest-params": "error",
+    "prefer-spread": "error",
+    "prefer-template": "error",
+    "rest-spread-spacing": "error",
+    "sort-imports": "error",
+    "symbol-description": "error",
+    "template-curly-spacing": "error",
+    "yield-star-spacing": "error"
+  }
+}
--- a/themes/portio/assets/bootstrap-4.5.2/.gitattributes
+++ b/themes/portio/assets/bootstrap-4.5.2/.gitattributes
@ -0,0 +1,8 @@
+# Enforce Unix newlines
+* text=auto eol=lf
+
+# Don't diff or textually merge source maps
+*.map binary
+
+bootstrap.css linguist-vendored=false
+bootstrap.js linguist-vendored=false
--- a/themes/portio/assets/bootstrap-4.5.2/.github/CODEOWNERS
+++ b/themes/portio/assets/bootstrap-4.5.2/.github/CODEOWNERS
@ -0,0 +1,3 @@
+*.js    @twbs/js-review
+*.css   @twbs/css-review
+*.scss  @twbs/css-review
--- a/themes/portio/assets/bootstrap-4.5.2/.github/CONTRIBUTING.md
+++ b/themes/portio/assets/bootstrap-4.5.2/.github/CONTRIBUTING.md
@ -0,0 +1,239 @@
+# Contributing to Bootstrap
+
+Looking to contribute something to Bootstrap? **Here's how you can help.**
+
+Please take a moment to review this document in order to make the contribution
+process easy and effective for everyone involved.
+
+Following these guidelines helps to communicate that you respect the time of
+the developers managing and developing this open source project. In return,
+they should reciprocate that respect in addressing your issue or assessing
+patches and features.
+
+
+## Using the issue tracker
+
+The [issue tracker](https://github.com/twbs/bootstrap/issues) is
+the preferred channel for [bug reports](#bug-reports), [features requests](#feature-requests)
+and [submitting pull requests](#pull-requests), but please respect the following
+restrictions:
+
+* Please **do not** use the issue tracker for personal support requests.  Stack
+  Overflow ([`bootstrap-4`](https://stackoverflow.com/questions/tagged/bootstrap-4) tag),
+  [Slack](https://bootstrap-slack.herokuapp.com/) or [IRC](README.md#community) are better places to get help.
+
+* Please **do not** derail or troll issues. Keep the discussion on topic and
+  respect the opinions of others.
+
+* Please **do not** post comments consisting solely of "+1" or ":thumbsup:".
+  Use [GitHub's "reactions" feature](https://blog.github.com/2016-03-10-add-reactions-to-pull-requests-issues-and-comments/)
+  instead. We reserve the right to delete comments which violate this rule.
+
+* Please **do not** open issues regarding the official themes offered on <https://themes.getbootstrap.com/>.
+  Instead, please email any questions or feedback regarding those themes to `themes AT getbootstrap DOT com`.
+
+
+## Issues and labels
+
+Our bug tracker utilizes several labels to help organize and identify issues. Here's what they represent and how we use them:
+
+- `browser bug` - Issues that are reported to us, but actually are the result of a browser-specific bug. These are diagnosed with reduced test cases and result in an issue opened on that browser's own bug tracker.
+- `confirmed` - Issues that have been confirmed with a reduced test case and identify a bug in Bootstrap.
+- `css` - Issues stemming from our compiled CSS or source Sass files.
+- `docs` - Issues for improving or updating our documentation.
+- `examples` - Issues involving the example templates included in our docs.
+- `feature` - Issues asking for a new feature to be added, or an existing one to be extended or modified. New features require a minor version bump (e.g., `v3.0.0` to `v3.1.0`).
+- `build` - Issues with our build system, which is used to run all our tests, concatenate and compile source files, and more.
+- `help wanted` - Issues we need or would love help from the community to resolve.
+- `js` - Issues stemming from our compiled or source JavaScript files.
+- `meta` - Issues with the project itself or our GitHub repository.
+
+For a complete look at our labels, see the [project labels page](https://github.com/twbs/bootstrap/labels).
+
+
+## Bug reports
+
+A bug is a _demonstrable problem_ that is caused by the code in the repository.
+Good bug reports are extremely helpful, so thanks!
+
+Guidelines for bug reports:
+
+0. **[validate your HTML](https://html5.validator.nu/)** to ensure your
+   problem isn't caused by a simple error in your own code.
+
+1. **Use the GitHub issue search** &mdash; check if the issue has already been
+   reported.
+
+2. **Check if the issue has been fixed** &mdash; try to reproduce it using the
+   latest `master` or `v4-dev` branch in the repository.
+
+3. **Isolate the problem** &mdash; ideally create a [reduced test
+   case](https://css-tricks.com/reduced-test-cases/) and a live example.
+   [This JS Bin](https://jsbin.com/lolome/edit?html,output) is a helpful template.
+
+
+A good bug report shouldn't leave others needing to chase you up for more
+information. Please try to be as detailed as possible in your report. What is
+your environment? What steps will reproduce the issue? What browser(s) and OS
+experience the problem? Do other browsers show the bug differently? What
+would you expect to be the outcome? All these details will help people to fix
+any potential bugs.
+
+Example:
+
+> Short and descriptive example bug report title
+>
+> A summary of the issue and the browser/OS environment in which it occurs. If
+> suitable, include the steps required to reproduce the bug.
+>
+> 1. This is the first step
+> 2. This is the second step
+> 3. Further steps, etc.
+>
+> `<url>` - a link to the reduced test case
+>
+> Any other information you want to share that is relevant to the issue being
+> reported. This might include the lines of code that you have identified as
+> causing the bug, and potential solutions (and your opinions on their
+> merits).
+
+### Reporting upstream browser bugs
+
+Sometimes bugs reported to us are actually caused by bugs in the browser(s) themselves, not bugs in Bootstrap per se.
+When feasible, we aim to report such upstream bugs to the relevant browser vendor(s), and then list them on our [Wall of Browser Bugs](https://getbootstrap.com/browser-bugs/) and [document them in MDN](https://developer.mozilla.org/en-US/docs/Web).
+
+| Vendor(s)     | Browser(s)                   | Rendering engine | Bug reporting website(s)                                                              | Notes                                                    |
+| ------------- | ---------------------------- | ---------------- | ------------------------------------------------------------------------------------- | -------------------------------------------------------- |
+| Mozilla       | Firefox                      | Gecko            | https://bugzilla.mozilla.org/enter_bug.cgi                                            | "Core" is normally the right product option to choose.   |
+| Apple         | Safari                       | WebKit           | https://bugs.webkit.org/enter_bug.cgi?product=WebKit <br> https://bugreport.apple.com/ | In Apple's bug reporter, choose "Safari" as the product. |
+| Google, Opera | Chrome, Chromium, Opera v15+ | Blink            | https://bugs.chromium.org/p/chromium/issues/list                                      | Click the "New issue" button.                            |
+| Microsoft     | Edge                         | EdgeHTML         | https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/                 |                                                          |
+
+
+## Feature requests
+
+Feature requests are welcome. But take a moment to find out whether your idea
+fits with the scope and aims of the project. It's up to *you* to make a strong
+case to convince the project's developers of the merits of this feature. Please
+provide as much detail and context as possible.
+
+
+## Pull requests
+
+Good pull requests—patches, improvements, new features—are a fantastic
+help. They should remain focused in scope and avoid containing unrelated
+commits.
+
+**Please ask first** before embarking on any significant pull request (e.g.
+implementing features, refactoring code, porting to a different language),
+otherwise you risk spending a lot of time working on something that the
+project's developers might not want to merge into the project.
+
+Please adhere to the [coding guidelines](#code-guidelines) used throughout the
+project (indentation, accurate comments, etc.) and any other requirements
+(such as test coverage).
+
+**Do not edit `bootstrap.css`, or `bootstrap.js`
+directly!** Those files are automatically generated. You should edit the
+source files in [`/bootstrap/scss/`](https://github.com/twbs/bootstrap/tree/v4-dev/scss)
+and/or [`/bootstrap/js/src/`](https://github.com/twbs/bootstrap/tree/v4-dev/js/src) instead.
+
+Similarly, when contributing to Bootstrap's documentation, you should edit the
+documentation source files in
+[the `/bootstrap/site/docs/` directory of the `v4-dev` branch](https://github.com/twbs/bootstrap/tree/v4-dev/site/docs).
+**Do not edit the `gh-pages` branch.** That branch is generated from the
+documentation source files and is managed separately by the Bootstrap Core Team.
+
+Adhering to the following process is the best way to get your work
+included in the project:
+
+1. [Fork](https://help.github.com/articles/fork-a-repo/) the project, clone your fork,
+   and configure the remotes:
+
+   ```bash
+   # Clone your fork of the repo into the current directory
+   git clone https://github.com/<your-username>/bootstrap.git
+   # Navigate to the newly cloned directory
+   cd bootstrap
+   # Assign the original repo to a remote called "upstream"
+   git remote add upstream https://github.com/twbs/bootstrap.git
+   ```
+
+2. If you cloned a while ago, get the latest changes from upstream:
+
+   ```bash
+   git checkout v4-dev
+   git pull upstream v4-dev
+   ```
+
+3. Create a new topic branch (off the main project development branch) to
+   contain your feature, change, or fix:
+
+   ```bash
+   git checkout -b <topic-branch-name>
+   ```
+
+4. Commit your changes in logical chunks. Please adhere to these [git commit
+   message guidelines](https://tbaggery.com/2008/04/19/a-note-about-git-commit-messages.html)
+   or your code is unlikely be merged into the main project. Use Git's
+   [interactive rebase](https://help.github.com/articles/about-git-rebase/)
+   feature to tidy up your commits before making them public.
+
+5. Locally merge (or rebase) the upstream development branch into your topic branch:
+
+   ```bash
+   git pull [--rebase] upstream v4-dev
+   ```
+
+6. Push your topic branch up to your fork:
+
+   ```bash
+   git push origin <topic-branch-name>
+   ```
+
+7. [Open a Pull Request](https://help.github.com/articles/about-pull-requests/)
+    with a clear title and description against the `v4-dev` branch.
+
+**IMPORTANT**: By submitting a patch, you agree to allow the project owners to
+license your work under the terms of the [MIT License](../LICENSE) (if it
+includes code changes) and under the terms of the
+[Creative Commons Attribution 3.0 Unported License](https://creativecommons.org/licenses/by/3.0/)
+(if it includes documentation changes).
+
+
+## Code guidelines
+
+### HTML
+
+[Adhere to the Code Guide.](https://codeguide.co/#html)
+
+- Use tags and elements appropriate for an HTML5 doctype (e.g., self-closing tags).
+- Use CDNs and HTTPS for third-party JS when possible. We don't use protocol-relative URLs in this case because they break when viewing the page locally via `file://`.
+- Use [WAI-ARIA](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA) attributes in documentation examples to promote accessibility.
+
+### CSS
+
+[Adhere to the Code Guide.](https://codeguide.co/#css)
+
+- When feasible, default color palettes should comply with [WCAG color contrast guidelines](https://www.w3.org/TR/WCAG20/#visual-audio-contrast).
+- Except in rare cases, don't remove default `:focus` styles (via e.g. `outline: none;`) without providing alternative styles. See [this A11Y Project post](https://a11yproject.com/posts/never-remove-css-outlines/) for more details.
+
+### JS
+
+- No semicolons (in client-side JS)
+- 2 spaces (no tabs)
+- strict mode
+- "Attractive"
+- Don't use [jQuery event alias convenience methods](https://github.com/jquery/jquery/blob/master/src/event/alias.js) (such as `$().focus()`). Instead, use [`$().trigger(eventType, ...)`](https://api.jquery.com/trigger/) or [`$().on(eventType, ...)`](https://api.jquery.com/on/), depending on whether you're firing an event or listening for an event. (For example, `$().trigger('focus')` or `$().on('focus', function (event) { /* handle focus event */ })`) We do this to be compatible with custom builds of jQuery where the event aliases module has been excluded.
+
+### Checking coding style
+
+Run `npm run test` before committing to ensure your changes follow our coding standards.
+
+
+## License
+
+By contributing your code, you agree to license your contribution under the [MIT License](../LICENSE).
+By contributing to the documentation, you agree to license your contribution under the [Creative Commons Attribution 3.0 Unported License](https://creativecommons.org/licenses/by/3.0/).
+
+Prior to v3.1.0, Bootstrap's code was released under the Apache License v2.0.
--- a/themes/portio/assets/bootstrap-4.5.2/.github/ISSUE_TEMPLATE/bug_report.md
+++ b/themes/portio/assets/bootstrap-4.5.2/.github/ISSUE_TEMPLATE/bug_report.md
@ -0,0 +1,20 @@
+---
+name: Bug report
+about: Tell us about a bug you may have identified in Bootstrap.
+title: ''
+labels: ''
+assignees: ''
+
+---
+
+Before opening:
+
+- [Search for duplicate or closed issues](https://github.com/twbs/bootstrap/issues?utf8=%E2%9C%93&q=is%3Aissue)
+- [Validate](https://html5.validator.nu/) any HTML to avoid common problems
+- Read the [contributing guidelines](https://github.com/twbs/bootstrap/blob/v4-dev/.github/CONTRIBUTING.md)
+
+Bug reports must include:
+
+- Operating system and version (Windows, macOS, Android, iOS)
+- Browser and version (Chrome, Firefox, Safari, Internet Explorer, Microsoft Edge, Opera, Android Browser)
+- A [reduced test case](https://css-tricks.com/reduced-test-cases/) or suggested fix using [CodePen](https://codepen.io/) or [JS Bin](https://jsbin.com/)
--- a/Show More
+++ b/Show More
				`@ -0,0 +1 @@`
				`{"Target":"scss/style.min.css","MediaType":"text/css","Data":{}}`
				`@ -0,0 +1 @@`
				<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M413.8 447.1L256 448l0 31.99C256 497.7 241.8 512 224.1 512c-17.67 0-32.1-14.32-32.1-31.99l0-31.99l-158.9-.0099c-28.5 0-43.69-34.49-24.69-56.4l68.98-79.59H62.22c-25.41 0-39.15-29.8-22.67-49.13l60.41-70.85H89.21c-21.28 0-32.87-22.5-19.28-37.31l134.8-146.5c10.4-11.3 28.22-11.3 38.62-.0033l134.9 146.5c13.62 14.81 2.001 37.31-19.28 37.31h-10.77l60.35 70.86c16.46 19.34 2.716 49.12-22.68 49.12h-15.2l68.98 79.59C458.7 413.7 443.1 447.1 413.8 447.1z"/></svg>