404, translations, optional multilang

19 files changed, 607 insertions, 24 deletions

diff --git a/exampleSite/config.toml b/exampleSite/config.toml
index 153eb52..6e06ced 100644
--- a/exampleSite/config.toml
+++ b/exampleSite/config.toml
@@ -147,4 +147,28 @@ link = "#"
 [[params.social]]

 title = "linkedin"

 icon = "ti-linkedin" # themify icon : https://themify.me/themify-icons

-link = "#"
\ No newline at end of file
+link = "#"

+

+

+############################# multi lang ########################

+# [languages]

+#   [languages.en]

+#     languageName = "English"

+#     title = "Bigspring Hugo"

+#     weight = 1

+#     [languages.en.params]

+#   [languages.de]

+#     languageName = "Deutsch"

+#     title = "Bigspring Hugo"

+#     weight = 2

+#     [languages.de.params]

+#       footer_menu_left = "Firma"

+#       footer_menu_middle = "Produkte"

+#       footer_menu_right = "Support"

+#       footer_content = "Lorem ipsum dolor sit amet, consectetur elit. Consjat tristique eget amet, tempus eu at cttur."

+#       # copyright

+#       copyright = "Design von [Themefisher](https://themefisher.com/) Entwickelt von [Gethugothemes](https://gethugothemes.com/)"      

+#     # [[menu.main]]

+#     #   name = "Example"

+#     #   URL = "blog"

+#     #   weight = 1

diff --git a/exampleSite/content/blog/_index.de.md b/exampleSite/content/blog/_index.de.md
new file mode 100644
index 0000000..9f2639b
--- /dev/null
+++ b/exampleSite/content/blog/_index.de.md
@@ -0,0 +1,7 @@
+---
+title: "Neuigkeiten"
+subtitle: ""
+# meta description
+description: "Dies ist die Metabeschreibung"
+draft: false
+---
\ No newline at end of file
diff --git a/exampleSite/content/blog/post-1.de.md b/exampleSite/content/blog/post-1.de.md
new file mode 100644
index 0000000..0e03822
--- /dev/null
+++ b/exampleSite/content/blog/post-1.de.md
@@ -0,0 +1,172 @@
+---
+title: "Dies ist eine deutsche Testseite"
+date: 2020-04-18T10:07:21+06:00
+# post image
+image: "images/blog/post-1.jpg"
+# post type (regular/featured)
+type: "featured"
+# meta description
+description: "Dies ist die Metabeschreibung"
+# post draft
+draft: false
+---
+
+
+#### Exemplarische Überschrift
+
+Hier ist ein Beispiel für eine Überschrift. Sie können diese Überschrift verwenden, indem Sie den Markdownify-Regeln folgen. Zum Beispiel: Verwenden Sie `#` für Überschrift 1 und `######` für Überschrift 6.
+
+# Überschrift 1 
+<br>
+
+## Überschrift 2 
+
+<br>
+
+### Überschrift 3 
+
+<br>
+
+#### Überschrift 4 
+
+<br>
+
+##### Überschrift 5 
+
+<br>
+
+###### Überschrift 6
+
+
+<hr>
+
+##### Hervorhebung
+
+Hervorhebung, auch kursiv genannt, mit *Asterisken* oder _Unterstrichen_.
+
+Starke Betonung, auch fett, mit **Asterisken** oder __Unterstrichen__.
+
+Kombinierte Hervorhebung mit **Rasterzeichen und _Unterstrichen_**.
+
+Durchstreichen verwendet zwei Tilden. ~~Durchstreichen~~.
+
+<hr>
+
+##### Link
+[Ich bin ein Link im Inline-Stil](https://www.google.com)
+
+[Ich bin ein Link im Inline-Stil mit Titel](https://www.google.com "Google's Homepage")
+
+[Ich bin ein Link im Referenzstil][Beliebiger Referenztext ohne Berücksichtigung der Groß-/Kleinschreibung]
+
+[Ich bin ein relativer Verweis auf eine Repository-Datei](../blob/master/LICENSE)
+
+[Sie können Zahlen für referenzähnliche Link-Definitionen verwenden][1]
+
+Oder lassen Sie es leer und verwenden Sie den [Linktext selbst].
+
+URLs und URLs in spitzen Klammern werden automatisch in Links umgewandelt.
+http://www.example.com oder <http://www.example.com> und manchmal
+example.com (aber nicht auf Github, zum Beispiel).
+
+Etwas Text, um zu zeigen, dass die Referenzlinks später folgen können.
+
+[beliebiger Referenztext ohne Berücksichtigung der Groß- und Kleinschreibung]: https://www.themefisher.com
+[1]: https://gethugothemes.com
+[Linktext selbst]: https://www.getjekyllthemes.com
+
+<hr>
+
+##### Paragraph
+
+Lorem ipsum dolor sit amet consectetur adipisicing elit. Quam nihil enim maxime corporis cumque totam aliquid nam sint inventore optio modi neque laborum officiis necessitatibus, facilis placeat pariatur! Voluptatem, sed harum pariatur adipisci voluptates voluptatum cumque, porro sint minima similique magni perferendis fuga! Optio vel ipsum excepturi tempore reiciendis id quidem? Vel in, doloribus debitis nesciunt fugit sequi magnam accusantium modi neque quis, vitae velit, pariatur harum autem a! Velit impedit atque maiores animi possimus asperiores natus repellendus excepturi sint architecto eligendi non, omnis nihil. Facilis, doloremque illum. Fugit optio laborum minus debitis natus illo perspiciatis corporis voluptatum rerum laboriosam.
+
+<hr>
+
+##### Geordnete Liste
+
+1. Listeneintrag
+2. Listeneintrag
+3. Listeneintrag
+4. Listeneintrag
+5. Listeneintrag
+
+<hr>
+
+##### Ungordnete Liste
+
+* Listeneintrag
+* Listeneintrag
+* Listeneintrag
+* Listeneintrag
+* Listeneintrag
+
+<hr>
+
+##### Code und Syntax Highlighting
+
+Inline `code` ist von `backticks` umgeben.
+
+```javascript
+var s = "JavaScript syntax highlighting";
+alert(s);
+```
+ 
+```python
+s = "Python syntax highlighting"
+print s
+```
+
+<hr>
+
+##### Zitat
+
+> Dies ist ein Beispiel Zitat.
+
+<hr>
+
+##### Inline HTML
+
+Sie können auch rohes HTML in Ihrem Markdown verwenden, und es wird meistens ziemlich gut funktionieren.
+
+<dl>
+  <dt>Definitionsliste</dt>
+  <dd>Lorem Ipsum</dd>
+
+  <dt>Markdown in HTML</dt>
+  <dd>Funktioniert *nicht* **sehr** gut. Verwenden Sie HTML <em>Tags</em>.</dd>
+</dl>
+
+
+<hr>
+
+##### Tabellen
+
+Doppelpunkte können verwendet werden, um Spalten auszurichten.
+
+| Tables            | Are                 | Cool  |
+| ----------------- |:-------------------:| -----:|
+| spalte 3 ist      | rechts ausgerichtet | $1600 |
+| spalte 2 ist      | centered            |   $12 |
+| zebrastreifen     | sind nett           |    $1 |
+
+Jede Kopfzelle muss durch mindestens 3 Bindestriche voneinander getrennt sein.
+Die äußeren Pipes (|) sind optional, und Sie müssen nicht dafür sorgen, dass das 
+rohen Markdown nicht aufhübschen. Sie können auch Inline-Markdown verwenden.
+
+Markdown | Weniger | Schön
+--- | --- | ---
+*trotzdem* | `schön` | **dargestellt**
+1 | 2 | 3
+
+<hr>
+
+##### Bilder
+
+![image](../../images/blog/post-6.jpg)
+
+<hr>
+
+##### Youtube video
+
+{{< youtube C0DPdy98e4c >}}
\ No newline at end of file
diff --git a/exampleSite/content/contact/_index.de.md b/exampleSite/content/contact/_index.de.md
new file mode 100644
index 0000000..508d335
--- /dev/null
+++ b/exampleSite/content/contact/_index.de.md
@@ -0,0 +1,15 @@
+---
+title: "Kontakt"
+subtitle: ""
+# meta description
+description: "Dies ist die Metabeschreibung"
+draft: false
+---
+
+
+### Warum Sie uns kontaktieren sollten!
+Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit recusandae voluptates doloremque veniam temporibus porro culpa ipsa, nisi soluta minima saepe laboriosam debitis nesciunt.
+
+* **Phone: +88 125 256 452** 
+* **Mail: info@bigspring.com**
+* **Address: 360 Main rd, Rio, Brazil**
\ No newline at end of file
diff --git a/exampleSite/content/faq/_index.de.md b/exampleSite/content/faq/_index.de.md
new file mode 100644
index 0000000..b5d0363
--- /dev/null
+++ b/exampleSite/content/faq/_index.de.md
@@ -0,0 +1,40 @@
+---
+title: "Häufig gestellte Fragen"
+subtitle: ""
+# meta description
+description: "Dies ist die Metabeschreibung"
+draft: false
+---
+
+
+{{< faq "Will updates also be free?" >}}
+Lorem, [link](https://examplesite.com) _ipsum_ dolor sit amet consectetur adipisicing elit. Cumque praesentium nisi officiis maiores quia sapiente totam omnis vel sequi corporis ipsa incidunt reprehenderit recusandae maxime perspiciatis iste placeat architecto, mollitia delectus ut ab quibusdam. Magnam cumque numquam tempore reprehenderit illo, unde cum omnis vel sed temporibus, repudiandae impedit nam ad enim porro, qui labore fugiat quod suscipit fuga necessitatibus. Perferendis, ipsum? Cum, reprehenderit. Sapiente atque quam vitae, magnam dolore consequatur temporibus harum odit ab id quo qui aspernatur aliquid officiis sit error asperiores eveniet quibusdam, accusantium enim recusandae quas ea est! Quaerat omnis, placeat vitae laboriosam doloremque recusandae mollitia minima!
+{{</ faq >}}
+
+{{< faq "Discounts for students and Non Profit Organizations?" >}}
+Lorem, ipsum dolor sit amet consectetur adipisicing elit. Cumque praesentium nisi officiis maiores quia sapiente totam omnis vel sequi corporis ipsa incidunt reprehenderit recusandae maxime perspiciatis iste placeat architecto, mollitia delectus [link](https://examplesite.com) ut ab quibusdam. Magnam cumque numquam tempore reprehenderit illo, unde cum omnis vel sed temporibus, repudiandae impedit nam ad enim porro, qui labore fugiat quod suscipit fuga necessitatibus. Perferendis, ipsum? Cum, reprehenderit. Sapiente atque quam vitae, magnam dolore consequatur temporibus harum odit ab id quo qui aspernatur aliquid officiis sit error asperiores eveniet quibusdam, accusantium enim recusandae quas ea est! Quaerat omnis, placeat vitae laboriosam doloremque recusandae mollitia minima!
+{{</ faq >}}
+
+{{< faq "I need something unique, Can you make it?" >}}
+Lorem, ipsum dolor sit amet consectetur adipisicing elit. Cumque praesentium nisi officiis maiores quia sapiente totam omnis vel sequi corporis ipsa incidunt reprehenderit recusandae maxime perspiciatis iste placeat architecto, mollitia delectus [link](https://examplesite.com) ut ab quibusdam. Magnam cumque numquam tempore reprehenderit illo, unde cum omnis vel sed temporibus, repudiandae impedit nam ad enim porro, qui labore fugiat quod suscipit fuga necessitatibus. Perferendis, ipsum? Cum, reprehenderit. Sapiente atque quam vitae, magnam dolore consequatur temporibus harum odit ab id quo qui aspernatur aliquid officiis sit error asperiores eveniet quibusdam, accusantium enim recusandae quas ea est! Quaerat omnis, placeat vitae laboriosam doloremque recusandae mollitia minima!
+{{</ faq >}}
+
+{{< faq "Is there any documentation and support?" >}}
+Lorem, ipsum dolor sit amet consectetur adipisicing elit. Cumque praesentium nisi officiis maiores quia sapiente totam omnis vel sequi corporis ipsa incidunt reprehenderit recusandae maxime perspiciatis iste placeat architecto, mollitia delectus [link](https://examplesite.com) ut ab quibusdam. Magnam cumque numquam tempore reprehenderit illo, unde cum omnis vel sed temporibus, repudiandae impedit nam ad enim porro, qui labore fugiat quod suscipit fuga necessitatibus. Perferendis, ipsum? Cum, reprehenderit. Sapiente atque quam vitae, magnam dolore consequatur temporibus harum odit ab id quo qui aspernatur aliquid officiis sit error asperiores eveniet quibusdam, accusantium enim recusandae quas ea est! Quaerat omnis, placeat vitae laboriosam doloremque recusandae mollitia minima!
+{{</ faq >}}
+
+{{< faq "Any refunds?" >}}
+Lorem, ipsum dolor sit amet consectetur adipisicing elit. Cumque praesentium nisi officiis maiores quia sapiente totam omnis vel sequi corporis ipsa incidunt reprehenderit recusandae maxime perspiciatis iste placeat architecto, mollitia delectus [link](https://examplesite.com) ut ab quibusdam. Magnam cumque numquam tempore reprehenderit illo, unde cum omnis vel sed temporibus, repudiandae impedit nam ad enim porro, qui labore fugiat quod suscipit fuga necessitatibus. Perferendis, ipsum? Cum, reprehenderit. Sapiente atque quam vitae, magnam dolore consequatur temporibus harum odit ab id quo qui aspernatur aliquid officiis sit error asperiores eveniet quibusdam, accusantium enim recusandae quas ea est! Quaerat omnis, placeat vitae laboriosam doloremque recusandae mollitia minima!
+{{</ faq >}}
+
+{{< faq "What is a product key?" >}}
+Lorem, ipsum dolor sit amet consectetur adipisicing elit. Cumque praesentium nisi officiis maiores quia sapiente totam omnis vel sequi corporis ipsa incidunt reprehenderit recusandae maxime perspiciatis iste placeat architecto, mollitia delectus [link](https://examplesite.com) ut ab quibusdam. Magnam cumque numquam tempore reprehenderit illo, unde cum omnis vel sed temporibus, repudiandae impedit nam ad enim porro, qui labore fugiat quod suscipit fuga necessitatibus. Perferendis, ipsum? Cum, reprehenderit. Sapiente atque quam vitae, magnam dolore consequatur temporibus harum odit ab id quo qui aspernatur aliquid officiis sit error asperiores eveniet quibusdam, accusantium enim recusandae quas ea est! Quaerat omnis, placeat vitae laboriosam doloremque recusandae mollitia minima!
+{{</ faq >}}
+
+{{< faq "Where do I download the file to?" >}}
+Lorem, ipsum dolor sit amet consectetur adipisicing elit. Cumque praesentium nisi officiis maiores quia sapiente totam omnis vel sequi corporis ipsa incidunt reprehenderit recusandae maxime perspiciatis iste placeat architecto, mollitia delectus [link](https://examplesite.com) ut ab quibusdam. Magnam cumque numquam tempore reprehenderit illo, unde cum omnis vel sed temporibus, repudiandae impedit nam ad enim porro, qui labore fugiat quod suscipit fuga necessitatibus. Perferendis, ipsum? Cum, reprehenderit. Sapiente atque quam vitae, magnam dolore consequatur temporibus harum odit ab id quo qui aspernatur aliquid officiis sit error asperiores eveniet quibusdam, accusantium enim recusandae quas ea est! Quaerat omnis, placeat vitae laboriosam doloremque recusandae mollitia minima!
+{{</ faq >}}
+
+{{< faq "Any refunds?" >}}
+Lorem, ipsum dolor sit amet consectetur adipisicing elit. Cumque praesentium nisi officiis maiores quia sapiente totam omnis vel sequi corporis ipsa incidunt reprehenderit recusandae maxime perspiciatis iste placeat architecto, mollitia delectus [link](https://examplesite.com) ut ab quibusdam. Magnam cumque numquam tempore reprehenderit illo, unde cum omnis vel sed temporibus, repudiandae impedit nam ad enim porro, qui labore fugiat quod suscipit fuga necessitatibus. Perferendis, ipsum? Cum, reprehenderit. Sapiente atque quam vitae, magnam dolore consequatur temporibus harum odit ab id quo qui aspernatur aliquid officiis sit error asperiores eveniet quibusdam, accusantium enim recusandae quas ea est! Quaerat omnis, placeat vitae laboriosam doloremque recusandae mollitia minima!
+{{</ faq >}}
\ No newline at end of file
diff --git a/exampleSite/content/pricing/_index.de.md b/exampleSite/content/pricing/_index.de.md
new file mode 100644
index 0000000..13cc194
--- /dev/null
+++ b/exampleSite/content/pricing/_index.de.md
@@ -0,0 +1,61 @@
+---
+title: "Preise"
+subtitle: ""
+# meta description
+description: "Dies ist die Metabeschreibung"
+draft: false
+
+basic:
+  name : "Basis Plan"
+  price: "€49"
+  price_per : "Monat"
+  info : "Ideal für KMUs"
+  services:
+  - "Express Service"
+  - "Customs Clearance"
+  - "Time-Critical Services"
+  button:
+    enable : true
+    label : "Kostenlos starten"
+    link : "#"
+    
+professional:
+  name : "Professional Plan"
+  price: "€49"
+  price_per : "Monat"
+  info : "Ideal für Professionals"
+  services:
+  - "Express Service"
+  - "Customs Clearance"
+  - "Time-Critical Services"
+  - "Cloud Service"
+  - "Best Dashboard"
+  button:
+    enable : true
+    label : "Kostenlos starten"
+    link : "#"
+    
+business:
+  name : "Business Plan"
+  price: "€49"
+  price_per : "Monat"
+  info : "Ideal für Unternehmen"
+  services:
+  - "Express Service"
+  - "Customs Clearance"
+  - "Time-Critical Services"
+  button:
+    enable : true
+    label : "Kostenlos starten"
+    link : "#"
+
+call_to_action:
+  enable : true
+  title : "Need a larger plan?"
+  image : "images/cta.svg"
+  content : "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Consequat tristique eget amet, tempus eu at consecttur."
+  button:
+    enable : true
+    label : "Contact Us"
+    link : "contact"
+---
\ No newline at end of file
diff --git a/exampleSite/content/privacy-policy/_index.de.md b/exampleSite/content/privacy-policy/_index.de.md
new file mode 100644
index 0000000..d732e5c
--- /dev/null
+++ b/exampleSite/content/privacy-policy/_index.de.md
@@ -0,0 +1,31 @@
+---
+title: "Datenschutz"
+subtitle: ""
+# meta description
+description: "Dies ist die Metabeschreibung"
+draft: false
+---
+
+#### Responsibility of Contributors
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Purus, donec nunc eros, ullamcorper id feugiat quisque aliquam sagittis. Sem turpis sed viverra massa gravida pharetra. Non dui dolor potenti eu dignissim fusce. Ultrices amet, in curabitur a arcu a lectus morbi id. Iaculis erat sagittis in tortor cursus. Molestie urna eu tortor, erat scelerisque eget. Nunc hendrerit sed interdum lacus. Lorem quis viverra sed 
+
+pretium, aliquam sit. Praesent elementum magna amet, tincidunt eros, nibh in leo. Malesuada purus, lacus, at aliquam suspendisse tempus. Quis tempus amet, velit nascetur sollicitudin. At sollicitudin eget amet in. Eu velit nascetur sollicitudin erhdfvssfvrgss eget viverra nec elementum. Lacus, facilisis tristique lectus in.
+
+#### Gathering of Personal Information
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Purus, donec nunc eros, ullamcorper id feugiat quisque aliquam sagittis. Sem turpis sed viverra massa gravida pharetra. Non dui dolor potenti eu dignissim fusce. Ultrices amet, in curabitur a arcu a lectus morbi id. Iaculis erat sagittis in tortor cursus. Molestie urna eu tortor, erat scelerisque eget. Nunc hendrerit sed interdum lacus. Lorem quis viverra sed
+
+#### Protection of  Personal- Information
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Purus, donec nunc eros, ullamcorper id feugiat quisque aliquam sagittis. Sem turpis sed viverra massa gravida pharetra. Non dui dolor potenti eu dignissim fusce. Ultrices amet, in curabitur a arcu a lectus morbi id. Iaculis erat sagittis in tortor cursus. 
+
+Molestie urna eu tortor, erat scelerisque eget. Nunc hendrerit sed interdum lacus. Lorem quis viverra sed
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Purus, donec nunc eros, ullamcorper id feugiat 
+
+#### Privacy Policy Changes
+
+1. Sll the Themefisher items are designed to be with the latest , We check all
+2. comments that threaten or harm the reputation of any person or organization
+3. personal information including, but  limited to, email addresses, telephone numbers
+4. Any Update come in The technology  Customer will get automatic  Notification.
\ No newline at end of file
diff --git a/exampleSite/content/terms-conditions/_index.de.md b/exampleSite/content/terms-conditions/_index.de.md
new file mode 100644
index 0000000..e743b98
--- /dev/null
+++ b/exampleSite/content/terms-conditions/_index.de.md
@@ -0,0 +1,31 @@
+---
+title: "Allgemeine Geschäftsbedingungen"
+subtitle: ""
+# meta description
+description: "Dies ist die Metabeschreibung"
+draft: false
+---
+
+#### Responsibility of Contributors
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Purus, donec nunc eros, ullamcorper id feugiat quisque aliquam sagittis. Sem turpis sed viverra massa gravida pharetra. Non dui dolor potenti eu dignissim fusce. Ultrices amet, in curabitur a arcu a lectus morbi id. Iaculis erat sagittis in tortor cursus. Molestie urna eu tortor, erat scelerisque eget. Nunc hendrerit sed interdum lacus. Lorem quis viverra sed 
+
+pretium, aliquam sit. Praesent elementum magna amet, tincidunt eros, nibh in leo. Malesuada purus, lacus, at aliquam suspendisse tempus. Quis tempus amet, velit nascetur sollicitudin. At sollicitudin eget amet in. Eu velit nascetur sollicitudin erhdfvssfvrgss eget viverra nec elementum. Lacus, facilisis tristique lectus in.
+
+#### Gathering of Personal Information
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Purus, donec nunc eros, ullamcorper id feugiat quisque aliquam sagittis. Sem turpis sed viverra massa gravida pharetra. Non dui dolor potenti eu dignissim fusce. Ultrices amet, in curabitur a arcu a lectus morbi id. Iaculis erat sagittis in tortor cursus. Molestie urna eu tortor, erat scelerisque eget. Nunc hendrerit sed interdum lacus. Lorem quis viverra sed
+
+#### Protection of  Personal- Information
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Purus, donec nunc eros, ullamcorper id feugiat quisque aliquam sagittis. Sem turpis sed viverra massa gravida pharetra. Non dui dolor potenti eu dignissim fusce. Ultrices amet, in curabitur a arcu a lectus morbi id. Iaculis erat sagittis in tortor cursus. 
+
+Molestie urna eu tortor, erat scelerisque eget. Nunc hendrerit sed interdum lacus. Lorem quis viverra sed
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Purus, donec nunc eros, ullamcorper id feugiat 
+
+#### Privacy Policy Changes
+
+1. Sll the Themefisher items are designed to be with the latest , We check all
+2. comments that threaten or harm the reputation of any person or organization
+3. personal information including, but  limited to, email addresses, telephone numbers
+4. Any Update come in The technology  Customer will get automatic  Notification.
\ No newline at end of file
diff --git a/exampleSite/data/de/homepage.yml b/exampleSite/data/de/homepage.yml
new file mode 100644
index 0000000..75865aa
--- /dev/null
+++ b/exampleSite/data/de/homepage.yml
@@ -0,0 +1,111 @@
+####################### Banner #########################
+banner:
+  title : "Lassen Sie uns Ihre kritischen Herausforderungen bei der Website <br> Entwicklung lösen"
+  image : "images/banner-art.svg"
+  content : "Lorem ipsum dolor sit amet consectetur adipisicing elit. Quam nihil enim maxime corporis cumque <br> totam aliquid nam sint inventore optio modi neque laborum officiis necessitatibus"
+  button:
+    enable : true
+    label : "Contact With Us"
+    link : "contact"
+
+##################### Feature ##########################
+feature:
+  enable : true
+  title : "Something You Need To Know"
+  feature_item:
+    # feature item loop
+    - name : "Clean Code"
+      icon : "ti-pulse"
+      content : "Lorem ipsum dolor sit amet consectetur adipisicing elit quam nihil"
+      
+    # feature item loop
+    - name : "Object Oriented"
+      icon : "ti-package"
+      content : "Lorem ipsum dolor sit amet consectetur adipisicing elit quam nihil"
+      
+    # feature item loop
+    - name : "24h Service"
+      icon : "ti-alarm-clock"
+      content : "Lorem ipsum dolor sit amet consectetur adipisicing elit quam nihil"
+      
+    # feature item loop
+    - name : "Value For Money"
+      icon : "ti-credit-card"
+      content : "Lorem ipsum dolor sit amet consectetur adipisicing elit quam nihil"
+      
+    # feature item loop
+    - name : "Faster Response"
+      icon : "ti-headphone-alt"
+      content : "Lorem ipsum dolor sit amet consectetur adipisicing elit quam nihil"
+      
+    # feature item loop
+    - name : "Cloud Support"
+      icon : "ti-cloud-up"
+      content : "Lorem ipsum dolor sit amet consectetur adipisicing elit quam nihil"
+      
+
+
+######################### Service #####################
+service:
+  enable : true
+  service_item:
+    # service item loop
+    - title : "It is the most advanced digital marketing and it company."
+      images:
+      - "images/service-1.png"
+      - "images/service-2.png"
+      - "images/service-3.png"
+      content : "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Consequat tristique eget amet, tempus eu at consecttur. Leo facilisi nunc viverra tellus. Ac laoreet sit vel consquat. consectetur adipiscing elit. Consequat tristique eget amet, tempus eu at consecttur. Leo facilisi nunc viverra tellus. Ac laoreet sit vel consquat."
+      button:
+        enable : true
+        label : "Check it out"
+        link : "#"
+        
+    # service item loop
+    - title : "It is a privately owned Information and cyber security company"
+      images:
+      - "images/service-1.png"
+      content : "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Consequat tristique eget amet, tempus eu at consecttur. Leo facilisi nunc viverra tellus. Ac laoreet sit vel consquat. consectetur adipiscing elit. Consequat tristique eget amet, tempus eu at consecttur. Leo facilisi nunc viverra tellus. Ac laoreet sit vel consquat."
+      button:
+        enable : true
+        label : "Check it out"
+        link : "#"
+        
+    # service item loop
+    - title : "It’s a team of experienced and skilled people with distributions"
+      images:
+      - "images/service-2.png"
+      content : "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Consequat tristique eget amet, tempus eu at consecttur. Leo facilisi nunc viverra tellus. Ac laoreet sit vel consquat. consectetur adipiscing elit. Consequat tristique eget amet, tempus eu at consecttur. Leo facilisi nunc viverra tellus. Ac laoreet sit vel consquat."
+      button:
+        enable : true
+        label : "Check it out"
+        link : "#"
+        
+    # service item loop
+    - title : "A company standing different from others"
+      images:
+      - "images/service-3.png"
+      content : "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Consequat tristique eget amet, tempus eu at consecttur. Leo facilisi nunc viverra tellus. Ac laoreet sit vel consquat. consectetur adipiscing elit. Consequat tristique eget amet, tempus eu at consecttur. Leo facilisi nunc viverra tellus. Ac laoreet sit vel consquat."
+      button:
+        enable : true
+        label : "Check it out"
+        link : "#"
+        
+################### Screenshot ########################
+screenshot:
+  enable : true
+  title : "Experience the best <br> workflow with us"
+  image : "images/screenshot.svg"
+
+  
+
+##################### Call to action #####################
+call_to_action:
+  enable : true
+  title : "Ready to get started?"
+  image : "images/cta.svg"
+  content : "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Consequat tristique eget amet, tempus eu at consecttur."
+  button:
+    enable : true
+    label : "Contact Us"
+    link : "contact"
\ No newline at end of file
diff --git a/exampleSite/data/homepage.yml b/exampleSite/data/en/homepage.yml
index 785bba1..785bba1 100644
--- a/exampleSite/data/homepage.yml
+++ b/exampleSite/data/en/homepage.yml
diff --git a/i18n/de.toml b/i18n/de.toml
new file mode 100644
index 0000000..e782b0e
--- /dev/null
+++ b/i18n/de.toml
@@ -0,0 +1,24 @@
+[readmore]
+other = "Weiterlesen"
+
+[translations]
+other="Übersetzungen"
+
+[error404]
+other = "Es tut uns wirklich leid aber hier scheint es nichts zu geben."
+
+[yourname]
+other = "Ihr Name"
+
+[youremail]
+other = "Ihre Email"
+
+[subject]
+other = "Betreff"
+
+[yourmessage]
+other = "Ihre Nachricht"
+
+[sendnow]
+other = "Abschicken"
+
diff --git a/i18n/en.toml b/i18n/en.toml
new file mode 100644
index 0000000..9c64c9b
--- /dev/null
+++ b/i18n/en.toml
@@ -0,0 +1,23 @@
+[readmore]
+other = "Read more"
+
+[translations]
+other="Translations"
+
+[error404]
+other = "We are really sorry but there seems to be nothing here."
+
+[yourname]
+other = "Your Name"
+
+[youremail]
+other = "Your Email"
+
+[subject]
+other = "Subject"
+
+[yourmessage]
+other = "Your Message"
+
+[sendnow]
+other = "Send Now"
diff --git a/layouts/404.html b/layouts/404.html
index e69de29..d2336ed 100644
--- a/layouts/404.html
+++ b/layouts/404.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="{{ with site.LanguageCode }}{{ . }}{{ else }}en-US{{ end }}">
+{{- partial "head.html" . -}}
+
+<body>
+	{{- partial "preloader.html" . -}}
+	{{- partial "header.html" . -}}
+    
+    <section class="banner">
+        <div class="container">
+          <div class="row">
+            <div class="col-lg-10 mx-auto text-center">
+              <h1 class="mb-3">404</h1>
+              <p class="mb-4">{{ i18n "error404" }}</p>
+            </div>
+          </div>
+        </div>
+      </section>
+
+	{{- partial "footer.html" . -}}
+</body>
+
+</html>
\ No newline at end of file
diff --git a/layouts/_default/list.html b/layouts/_default/list.html
index dc1da42..ca05975 100644
--- a/layouts/_default/list.html
+++ b/layouts/_default/list.html
@@ -17,7 +17,7 @@
           <div class="col-md-6">
             <h2><a href="{{ .Permalink }}" class="post-title">{{ .Title }}</a></h2>
             <p class="card-text">{{ .Summary }}</p>
-            <a href="{{.Permalink}}" class="btn btn-primary">Read More</a>
+            <a href="{{.Permalink}}" class="btn btn-primary">{{ i18n "readmore" }}</a>
           </div>
         </div>
       </div>
@@ -30,7 +30,7 @@
           <div class="card-body p-0">
             <h3><a href="{{ .Permalink }}" class="post-title">{{ .Title }}</a></h3>
             <p class="card-text">{{ .Summary }}</p>
-            <a href="{{.Permalink}}" class="btn btn-primary btn-sm">Read More</a>
+            <a href="{{.Permalink}}" class="btn btn-primary btn-sm">{{ i18n "readmore" }}</a>
           </div>
         </div>
       </div>
diff --git a/layouts/contact/list.html b/layouts/contact/list.html
index 5b95d4c..d3958d4 100644
--- a/layouts/contact/list.html
+++ b/layouts/contact/list.html
@@ -6,11 +6,11 @@
     <div class="row">
       <div class="col-lg-7 mb-4 mb-lg-0">
         <form action="{{ site.Params.contact_form_action | safeURL }}" method="POST">
-          <input type="text" class="form-control mb-3" id="name" name="name" placeholder="Your Name">
-          <input type="email" class="form-control mb-3" id="mail" name="mail" placeholder="Your Email">
-          <input type="text" class="form-control mb-3" id="subject" name="subject" placeholder="Subject">
-          <textarea name="message" id="message" class="form-control mb-3" placeholder="Your Message"></textarea>
-          <button type="submit" value="send" class="btn btn-primary">Send Now</button>
+          <input type="text" class="form-control mb-3" id="name" name="name" placeholder="{{ i18n "yourname" }}">
+          <input type="email" class="form-control mb-3" id="mail" name="mail" placeholder="{{ i18n "youremail" }}">
+          <input type="text" class="form-control mb-3" id="subject" name="subject" placeholder="{{ i18n "subject" }}">
+          <textarea name="message" id="message" class="form-control mb-3" placeholder="{{ i18n "yourmessage" }}"></textarea>
+          <button type="submit" value="send" class="btn btn-primary">{{ i18n "sendnow" }}</button>
         </form>
       </div>
       
diff --git a/layouts/index.html b/layouts/index.html
index 3071b49..7043fbe 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -1,7 +1,9 @@
 {{ define "main" }}
 
+{{ $content := (index .Site.Data .Site.Language.Lang) }}
+
 <!-- banner -->
-{{ with site.Data.homepage.banner }}
+{{ with $content.homepage.banner }}
 <section class="banner">
   <div class="container">
     <div class="row">
@@ -23,8 +25,8 @@
 <!-- /banner -->
 
 <!-- feature -->
-{{ if site.Data.homepage.feature.enable }}
-{{ with site.Data.homepage.feature }}
+{{ if $content.homepage.feature.enable }}
+{{ with $content.homepage.feature }}
 <section class="section bg-light">
   <div class="container">
     <div class="row justify-content-center">
@@ -48,8 +50,8 @@
 <!-- /feature -->
 
 <!-- service -->
-{{ if site.Data.homepage.service.enable }}
-{{ with site.Data.homepage.service }}
+{{ if $content.homepage.service.enable }}
+{{ with $content.homepage.service }}
 {{ range $i,$p := .service_item }}
 {{if modBool $i 2}}
 <section class="section">
@@ -104,8 +106,8 @@
 <!-- /service -->
 
 <!-- screenshot -->
-{{ if site.Data.homepage.screenshot.enable }}
-{{ with site.Data.homepage.screenshot }}
+{{ if $content.homepage.screenshot.enable }}
+{{ with $content.homepage.screenshot }}
 <section class="section pb-0">
   <div class="container">
     <div class="row">
@@ -121,8 +123,8 @@
 <!-- /screenshot -->
 
 <!-- call to action -->
-{{ if site.Data.homepage.call_to_action.enable }}
-{{ with site.Data.homepage.call_to_action }}
+{{ if $content.homepage.call_to_action.enable }}
+{{ with $content.homepage.call_to_action }}
 <section class="section">
   <div class="container section shadow rounded-lg px-4">
     <div class="row align-items-center justify-content-center text-center text-md-left">
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index f8aa641..46ba11f 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -6,7 +6,7 @@
         <div class="h3 mb-4">{{ site.Params.footer_menu_left }}</div>

         <ul class="list-unstyled footer-list">

           {{ range site.Menus.footer_left }}

-          <li><a href="{{ .URL | absURL }}">{{ .Name }}</a></li>

+          <li><a href="{{ .URL | absLangURL }}">{{ .Name }}</a></li>

           {{ end }}

         </ul>

         {{ end }}

@@ -16,7 +16,7 @@
         <div class="h3 mb-4">{{ site.Params.footer_menu_middle }}</div>

         <ul class="list-unstyled footer-list">

           {{ range site.Menus.footer_middle }}

-          <li><a href="{{ .URL | absURL }}">{{ .Name }}</a></li>

+          <li><a href="{{ .URL | absLangURL }}">{{ .Name }}</a></li>

           {{ end }}

         </ul>

         {{ end }}

@@ -26,12 +26,31 @@
         <div class="h3 mb-4">{{ site.Params.footer_menu_right }}</div>

         <ul class="list-unstyled footer-list">

           {{ range site.Menus.footer_right }}

-          <li><a href="{{ .URL | absURL }}">{{ .Name }}</a></li>

+          <li><a href="{{ .URL | absLangURL }}">{{ .Name }}</a></li>

           {{ end }}

         </ul>

         {{ end }}

       </div>

       <div class="col-md-3 col-sm-6 mb-5">

+        {{ if .IsTranslated }}

+            <div class="h3 mb-4">{{ i18n "translations" }}</div>

+            <ul class="list-unstyled footer-list">

+                {{ range .Translations }}

+                    <li><a href="{{ .RelPermalink }}">{{ if .Title }}{{ .Title }}{{ else }}{{ .Site.Title }}{{ end }} ({{ .Lang }})</a></li>

+                {{ end}}

+                {{ range $.Site.Home.AllTranslations }}

+                    <li><a href="{{ .RelPermalink }}">{{ .Language.LanguageName }}</a></li>

+                {{ end }}

+            </ul>

+        {{ else if gt (len $.Site.Home.AllTranslations) 0 }}

+            <h5>{{ i18n "translations" }}</h5>

+            <ul class="list-unstyled footer-list">

+                {{ range $.Site.Home.AllTranslations }}

+                    <li><a href="{{ .RelPermalink }}">{{ .Language.LanguageName }}</a></li>

+                {{ end }}

+            </ul>

+        {{ end }}

+

         <a class="d-block mb-3" href="{{ site.BaseURL }}"><img width="{{site.Params.logo_width}}"  class="img-fluid" src="{{ site.Params.logo | absURL }}" alt="{{ site.Title }}"></a>

         <p class="mb-4">{{ site.Params.footer_content | markdownify }}</p>

         

diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index ca0fd7e..a759365 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -22,13 +22,13 @@
             </a>
             <div class="dropdown-menu">
               {{ range .Children }}
-              <a class="dropdown-item" href="{{ .URL | absURL }}">{{ .Name }}</a>
+              <a class="dropdown-item" href="{{ .URL | absLangURL }}">{{ .Name }}</a>
               {{ end }}
             </div>
           </li>
           {{ else }}
           <li class="nav-item">
-            <a class="nav-link" href="{{ .URL | absURL }}">{{ .Name }}</a>
+            <a class="nav-link" href="{{ .URL | absLangURL }}">{{ .Name }}</a>
           </li>
           {{ end }}
           {{ end }}
@@ -36,7 +36,7 @@
 
         {{ if site.Params.navigation_button.enable }}
         {{ with site.Params.navigation_button }}
-        <a href="{{ .link | absURL }}" class="btn btn-sm btn-primary ml-3">{{ .label }}</a>
+        <a href="{{ .link | absLangURL }}" class="btn btn-sm btn-primary ml-3">{{ .label }}</a>
         {{ end }}
         {{ end }}
       </div>
diff --git a/theme.toml b/theme.toml
index 3430500..7f6874b 100644
--- a/theme.toml
+++ b/theme.toml
@@ -3,7 +3,7 @@ license = "MIT"
 licenselink = "https://github.com/themefisher/bigspring-hugo-startup-theme/blob/master/LICENSE"
 description = "Bigspring is a web development company Hugo theme. It is very stylish, responsive and ready to use theme. You can use this theme to create your contemporary web design studio, creative agency, advertising firm website. This theme has a very creative and well decorated landing page, Blog page, Contact page, Pricing page and many more."
 homepage = "https://gethugothemes.com/products/bigspring/"
-tags = ['landing-page', 'fast', 'light', 'white', 'modern', 'themefisher', 'hugo-theme', 'hugo-templates', 'bootstrap', 'blog', 'responsive', 'clean', 'simple', 'creative', 'contact-form', 'custom-themes', 'mobile', 'minimalistic', 'pages', 'google analytics', 'customizable', 'flexbox', 'presentation', 'product', 'theme', 'typography', 'gethugothemes']
+tags = ['landing-page', 'fast', 'light', 'white', 'modern', 'themefisher', 'hugo-theme', 'hugo-templates', 'bootstrap', 'blog', 'responsive', 'clean', 'simple', 'creative', 'contact-form', 'custom-themes', 'mobile', 'minimalistic', 'pages', 'google analytics', 'customizable', 'flexbox', 'presentation', 'product', 'theme', 'typography', 'multilingual', 'gethugothemes']
 features = ['bootstrap','responsive']
 min_version = "0.64.0"