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"/>
				`@ -0,0 +1 @@`
				`{"Target":"scss/style.min.css","MediaType":"text/css","Data":{}}`