added project single page and gmap on contact page

28 files changed, 643 insertions, 161 deletions

diff --git a/assets/css/style.css b/assets/css/style.css
index d70700f..6c7c268 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -331,6 +331,10 @@ a:hover {
   overflow: hidden
 }
 
+.font-primary {
+  font-family: roboto, serif !important
+}
+
 .font-secondary {
   font-family: playfair display, serif !important
 }
@@ -870,4 +874,17 @@ blockquote {
 
 .filter-controls li.active {
   font-weight: 700
+}
+
+.social-icons a{
+  height: 100px;
+  width: 100px;
+  line-height: 100px;
+  border-radius: 50%;
+  display: block;
+  box-shadow:  0 18px 39.1px 6.9px rgba(224,241,255,.34);
+  color: #fff;
+  background-color: var(--primary-color);
+  font-size: 20px;
+  text-align: center;
 }
\ No newline at end of file
diff --git a/exampleSite/config.toml b/exampleSite/config.toml
index 3c2e4d1..b1fd571 100644
--- a/exampleSite/config.toml
+++ b/exampleSite/config.toml
@@ -3,26 +3,28 @@ baseURL = "http://examplesite.com"
 languageCode = "en-us"
 summaryLength = "10"
 theme = "kross-hugo"
-title = "Kross | Hugo Portfolio Template"
+title = "Kross"
 
 # css plugins
 [[params.plugins.css]]
-URL = "plugins/bootstrap/bootstrap.min.css"
+link = "plugins/bootstrap/bootstrap.min.css"
 [[params.plugins.css]]
-URL = "plugins/slick/slick.css"
+link = "plugins/slick/slick.css"
 [[params.plugins.css]]
-URL = "plugins/themify-icons/themify-icons.css"
+link = "plugins/themify-icons/themify-icons.css"
 
 
 # js plugin
 [[params.plugins.js]]
-URL = "plugins/jQuery/jquery.min.js"
+link = "plugins/jQuery/jquery.min.js"
 [[params.plugins.js]]
-URL = "plugins/bootstrap/bootstrap.min.js"
+link = "plugins/bootstrap/bootstrap.min.js"
 [[params.plugins.js]]
-URL = "plugins/slick/slick.min.js"
+link = "plugins/slick/slick.min.js"
 [[params.plugins.js]]
-URL = "plugins/shuffle/shuffle.min.js"
+link = "plugins/shuffle/shuffle.min.js"
+[[params.plugins.js]]
+link = "plugins/google-map/map.js"
 
 
 # menu
@@ -50,7 +52,7 @@ weight = 4
 # default parameters
 [params]
 home = "Home"
-logo = "images/logo.png"
+logo = ""
 # theme color
 theme_color = "#41228e"
 # contact info
@@ -66,15 +68,23 @@ google_analytics_id = "" # Your ID
 copyright = "Copyright © 2020 a theme by [gethugothemes](https://gethugothemes.com)"
 
 
+# preloader
+[params.preloader]
+enable = true
+preloader = "" # use png, jpg, svg or gif format
+
 # contact
 [params.contact]
 enable = true
 form_action = "#" # contact form works with : https://formspree.io
 
-# preloader
-[params.preloader]
+# google map
+[params.map]
 enable = true
-preloader = "" # use png, jpg, svg or gif format
+gmap_api = "https://maps.googleapis.com/maps/api/js?key=&types=(cities)&libraries=places&language=en"
+map_latitude = "51.5223477"
+map_longitude = "-0.1622023"
+map_marker = "images/marker.png"
 
 # social site
 [[params.social]]
diff --git a/exampleSite/content/portfolio/project-1.md b/exampleSite/content/portfolio/project-1.md
new file mode 100644
index 0000000..2d48726
--- /dev/null
+++ b/exampleSite/content/portfolio/project-1.md
@@ -0,0 +1,25 @@
+---
+title: "Artwork Design"
+date: 2019-05-12T12:14:34+06:00
+image: "images/portfolio/item-1.png"
+client: "John Doe"
+project_url : "https://themefisher.com/"
+categories: ["design","development"]
+description: "This is meta description."
+draft: false
+---
+
+Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
+et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
+ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
+fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
+mollit anim id est laborum.
+
+Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et
+dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex
+ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
+nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit
+anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque
+laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae
+dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia
+consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est.
\ No newline at end of file
diff --git a/exampleSite/content/portfolio/project-2.md b/exampleSite/content/portfolio/project-2.md
new file mode 100644
index 0000000..a51a00a
--- /dev/null
+++ b/exampleSite/content/portfolio/project-2.md
@@ -0,0 +1,25 @@
+---
+title: "Artwork Design"
+date: 2019-05-12T12:14:34+06:00
+image: "images/portfolio/item-2.png"
+client: "John Doe"
+project_url : "#"
+categories: ["branding"]
+description: "This is meta description."
+draft: false
+---
+
+Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
+et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
+ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
+fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
+mollit anim id est laborum.
+
+Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et
+dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex
+ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
+nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit
+anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque
+laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae
+dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia
+consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est.
\ No newline at end of file
diff --git a/exampleSite/content/portfolio/project-3.md b/exampleSite/content/portfolio/project-3.md
new file mode 100644
index 0000000..36413b0
--- /dev/null
+++ b/exampleSite/content/portfolio/project-3.md
@@ -0,0 +1,25 @@
+---
+title: "Artwork Design"
+date: 2019-05-12T12:14:34+06:00
+image: "images/portfolio/item-3.png"
+client: "John Doe"
+project_url : "#"
+categories: ["illustration"]
+description: "This is meta description."
+draft: false
+---
+
+Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
+et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
+ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
+fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
+mollit anim id est laborum.
+
+Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et
+dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex
+ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
+nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit
+anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque
+laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae
+dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia
+consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est.
\ No newline at end of file
diff --git a/exampleSite/content/portfolio/project-4.md b/exampleSite/content/portfolio/project-4.md
new file mode 100644
index 0000000..98bd304
--- /dev/null
+++ b/exampleSite/content/portfolio/project-4.md
@@ -0,0 +1,25 @@
+---
+title: "Artwork Design"
+date: 2019-05-12T12:14:34+06:00
+image: "images/portfolio/item-5.png"
+client: "John Doe"
+project_url : "#"
+categories: ["design"]
+description: "This is meta description."
+draft: false
+---
+
+Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
+et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
+ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
+fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
+mollit anim id est laborum.
+
+Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et
+dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex
+ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
+nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit
+anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque
+laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae
+dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia
+consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est.
\ No newline at end of file
diff --git a/exampleSite/content/portfolio/project-5.md b/exampleSite/content/portfolio/project-5.md
new file mode 100644
index 0000000..3971c4a
--- /dev/null
+++ b/exampleSite/content/portfolio/project-5.md
@@ -0,0 +1,25 @@
+---
+title: "Artwork Design"
+date: 2019-05-12T12:14:34+06:00
+image: "images/portfolio/item-8.png"
+client: "John Doe"
+project_url : "#"
+categories: ["illustration","development"]
+description: "This is meta description."
+draft: false
+---
+
+Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
+et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
+ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
+fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
+mollit anim id est laborum.
+
+Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et
+dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex
+ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
+nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit
+anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque
+laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae
+dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia
+consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est.
\ No newline at end of file
diff --git a/exampleSite/content/portfolio/project-6.md b/exampleSite/content/portfolio/project-6.md
new file mode 100644
index 0000000..996fb2a
--- /dev/null
+++ b/exampleSite/content/portfolio/project-6.md
@@ -0,0 +1,25 @@
+---
+title: "Artwork Design"
+date: 2019-05-12T12:14:34+06:00
+image: "images/portfolio/item-6.png"
+client: "John Doe"
+project_url : "#"
+categories: ["design"]
+description: "This is meta description."
+draft: false
+---
+
+Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
+et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
+ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
+fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
+mollit anim id est laborum.
+
+Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et
+dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex
+ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
+nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit
+anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque
+laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae
+dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia
+consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est.
\ No newline at end of file
diff --git a/exampleSite/content/portfolio/project-7.md b/exampleSite/content/portfolio/project-7.md
new file mode 100644
index 0000000..011fd44
--- /dev/null
+++ b/exampleSite/content/portfolio/project-7.md
@@ -0,0 +1,25 @@
+---
+title: "Artwork Design"
+date: 2019-05-12T12:14:34+06:00
+image: "images/portfolio/item-1.png"
+client: "John Doe"
+project_url : "#"
+categories: ["branding"]
+description: "This is meta description."
+draft: false
+---
+
+Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
+et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
+ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
+fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
+mollit anim id est laborum.
+
+Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et
+dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex
+ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
+nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit
+anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque
+laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae
+dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia
+consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est.
\ No newline at end of file
diff --git a/exampleSite/content/portfolio/project-8.md b/exampleSite/content/portfolio/project-8.md
new file mode 100644
index 0000000..3287229
--- /dev/null
+++ b/exampleSite/content/portfolio/project-8.md
@@ -0,0 +1,25 @@
+---
+title: "Artwork Design"
+date: 2019-05-12T12:14:34+06:00
+image: "images/portfolio/item-3.png"
+client: "John Doe"
+project_url : "#"
+categories: ["illustration","development"]
+description: "This is meta description."
+draft: false
+---
+
+Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
+et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
+ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
+fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
+mollit anim id est laborum.
+
+Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et
+dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex
+ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
+nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit
+anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque
+laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae
+dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia
+consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est.
\ No newline at end of file
diff --git a/exampleSite/content/portfolio/project-9.md b/exampleSite/content/portfolio/project-9.md
new file mode 100644
index 0000000..ff8f964
--- /dev/null
+++ b/exampleSite/content/portfolio/project-9.md
@@ -0,0 +1,25 @@
+---
+title: "Artwork Design"
+date: 2019-05-12T12:14:34+06:00
+image: "images/portfolio/item-7.png"
+client: "John Doe"
+project_url : "#"
+categories: ["branding"]
+description: "This is meta description."
+draft: false
+---
+
+Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
+et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
+ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
+fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
+mollit anim id est laborum.
+
+Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et
+dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex
+ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
+nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit
+anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque
+laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae
+dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia
+consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est.
\ No newline at end of file
diff --git a/exampleSite/data/portfolio.yml b/exampleSite/data/portfolio.yml
deleted file mode 100644
index f0e5049..0000000
--- a/exampleSite/data/portfolio.yml
+++ /dev/null
@@ -1,53 +0,0 @@
-# portfolio item
-item:
-  - title : "Portfolio Item"
-    image : "images/portfolio/item-1.png"
-    project_url : "http://examplesite.com"
-    categories: ["design","development"]
-      
-  - title : "Portfolio Item"
-    image : "images/portfolio/item-2.png"
-    project_url : "#"
-    categories: ["branding"]
-      
-  - title : "Portfolio Item"
-    image : "images/portfolio/item-3.png"
-    project_url : "http://examplesite.com"
-    categories: ["illustration"]
-      
-  - title : "Portfolio Item"
-    image : "images/portfolio/item-5.png"
-    project_url : "#"
-    categories: ["design"]
-      
-  - title : "Portfolio Item"
-    image : "images/portfolio/item-8.png"
-    project_url : "http://examplesite.com"
-    categories: ["illustration","development"]
-      
-  - title : "Portfolio Item"
-    image : "images/portfolio/item-6.png"
-    project_url : "#"
-    categories: ["design"]
-      
-  - title : "Portfolio Item"
-    image : "images/portfolio/item-1.png"
-    project_url : "http://examplesite.com"
-    categories: ["branding"]
-      
-  - title : "Portfolio Item"
-    image : "images/portfolio/item-3.png"
-    project_url : "#"
-    categories: ["illustration","development"]
-      
-  - title : "Portfolio Item"
-    image : "images/portfolio/item-7.png"
-    project_url : "http://examplesite.com"
-    categories: ["branding"]
-
-
-# client logo slider
-clients_logo_slider:
-  enable : true
-  title : "My Clients"
-  # clients logo comes from 'data/homepage.yml' file
\ No newline at end of file
diff --git a/exampleSite/static/images/logo.png b/exampleSite/static/images/logo.png
deleted file mode 100644
index ca3aeda..0000000
--- a/exampleSite/static/images/logo.png
+++ /dev/null
diff --git a/exampleSite/static/images/logo.svg b/exampleSite/static/images/logo.svg
deleted file mode 100644
index 35d0fc8..0000000
--- a/exampleSite/static/images/logo.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="77" height="35"><text style="line-height:1.25;-inkscape-font-specification:'Open Sans Condensed, Bold Condensed';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start" x="-1.538" y="31.936" font-weight="700" font-stretch="condensed" font-size="38.496" font-family="Open Sans Condensed" letter-spacing="0" word-spacing="0" fill="#fff" stroke-width=".962"><tspan x="-1.538" y="31.936">kross</tspan></text></svg>
\ No newline at end of file
diff --git a/exampleSite/static/images/marker.png b/exampleSite/static/images/marker.png
new file mode 100644
index 0000000..edf522b
--- /dev/null
+++ b/exampleSite/static/images/marker.png
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index 2a242c6..37b1c92 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -1,10 +1,12 @@
 <!DOCTYPE html>
-<html lang="{{ with .Site.LanguageCode }}{{ . }}{{ else }}en-US{{ end }}">
-    {{- partial "head.html" . -}}
-    <body>
-        {{- partial "preloader.html" . -}}
-        {{- partial "header.html" . -}}
-        {{- block "main" . }}{{- end }}
-        {{- partial "footer.html" . -}}
-    </body>
+<html lang="{{ with site.LanguageCode }}{{ . }}{{ else }}en-US{{ end }}">
+{{- partial "head.html" . -}}
+
+<body>
+	{{- partial "preloader.html" . -}}
+	{{- partial "header.html" . -}}
+	{{- block "main" . }}{{- end }}
+	{{- partial "footer.html" . -}}
+</body>
+
 </html>
\ No newline at end of file
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index cb0b039..2600156 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -7,7 +7,7 @@
       <div class="row">
         <div class="col-lg-12">
           <h3 class="font-tertiary mb-5">{{.Title}}</h3>
-          <p class="font-secondary">Published on {{ .PublishDate.Format "Jan 02, 2006" }} by <span class="text-primary">{{.Site.Params.Author}}</span></p>
+          <p class="font-secondary">Published on {{ .PublishDate.Format "Jan 02, 2006" }} by <span class="text-primary">{{site.Params.Author}}</span></p>
           <div class="content">
             <img src="{{.Params.Image | absURL }}" alt="post-thumb" class="img-fluid rounded float-left mr-5 mb-4">
             {{.Content }}
diff --git a/layouts/about/list.html b/layouts/about/list.html
index a9e4cfb..053a03c 100644
--- a/layouts/about/list.html
+++ b/layouts/about/list.html
@@ -32,7 +32,7 @@
             class="img-fluid w-100 rounded-lg border-thick border-white">
         </div>
         <img src="{{.Params.author_signature | absURL }}" alt="signature" class="img-fluid">
-        <h4>{{ .Site.Params.Author }}</h4>
+        <h4>{{ site.Params.Author }}</h4>
       </div>
     </div>
   </div>
@@ -40,8 +40,8 @@
 <!-- /about -->
 
 <!-- Work Process -->
-{{ if .Site.Data.about.work_process.enable }}
-{{ with .Site.Data.about.work_process }}
+{{ if site.Data.about.work_process.enable }}
+{{ with site.Data.about.work_process }}
 <section class="section">
   <div class="container">
     <div class="row justify-content-around">
@@ -63,8 +63,8 @@
 <!-- ./Work Process -->
 
 <!-- team -->
-{{ if .Site.Data.about.team.enable }}
-{{ with .Site.Data.about.team }}
+{{ if site.Data.about.team.enable }}
+{{ with site.Data.about.team }}
 <section class="section bg-cover" data-background="{{`images/backgrounds/team-bg.png`|relURL}}">
   <div class="container">
     <div class="row">
@@ -89,12 +89,12 @@
 {{ end }}
 <!-- /team -->
 
-{{ if .Site.Data.about.clients_logo_slider.enable }}
+{{ if site.Data.about.clients_logo_slider.enable }}
 <section class="section">
   <div class="container">
     <div class="row">
       <div class="col-12 text-center">
-        <h2 class="section-title">{{ .Site.Data.about.clients_logo_slider.title | markdownify }}</h2>
+        <h2 class="section-title">{{ site.Data.about.clients_logo_slider.title | markdownify }}</h2>
       </div>
     </div>
     {{ partial "client-slider.html" . }}
diff --git a/layouts/contact/list.html b/layouts/contact/list.html
index b6158b5..6f3b8f8 100644
--- a/layouts/contact/list.html
+++ b/layouts/contact/list.html
@@ -1,5 +1,41 @@
 {{ define "main" }}
 
-  {{ partial "page-title.html" . }}
+{{ partial "page-title.html" . }}
+
+{{ if site.Params.map.enable }}
+<section class="section pb-0">
+  <div class="container">
+    <div class="row">
+      <div class="col-12 text-center">
+        <h2 class="section-title">Find me on Google Map</h2>
+      </div>
+      <div class="col-12">
+        {{ with site.Params.map }}
+        {{"<!-- Google Map -->" | safeHTML}}
+        <div class="shadow" id="map" data-latitude="{{ .map_latitude }}" data-longitude="{{ .map_longitude }}"
+          data-marker="{{ .map_marker | absURL }}" data-marker-name="{{ site.Title }}" style="height: 400px;"></div>
+        {{ end }}
+      </div>
+    </div>
+  </div>
+</section>
+{{ end }}
+
+<section class="section">
+  <div class="container">
+    <div class="row">
+      <div class="col-12 text-center">
+        <h2 class="section-title">Follow me on Social</h2>
+      </div>
+      <div class="col-12">
+        <ul class="list-inline social-icons text-center">
+          {{ range site.Params.social }}
+          <li class="list-inline-item"><a href="{{.link}}"><i class="{{.icon}}"></i></a></li>
+          {{ end }}
+        </ul>
+      </div>
+    </div>
+  </div>
+</section>
 
 {{ end }}
\ No newline at end of file
diff --git a/layouts/index.html b/layouts/index.html
index 6c7a4d5..1904a9e 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -5,7 +5,7 @@
     <div class="container">
       <div class="row">
         <div class="col-lg-11 mx-auto">
-          <h1 class="text-white font-tertiary">{{ .Site.Data.homepage.banner.title | safeHTML }}</h1>
+          <h1 class="text-white font-tertiary">{{ site.Data.homepage.banner.title | safeHTML }}</h1>
         </div>
       </div>
     </div>
@@ -38,7 +38,7 @@
     </div>
     <!-- social icon -->
     <ul class="list-unstyled ml-5 mt-3 position-relative zindex-1">
-      {{ range .Site.Params.social }}
+      {{ range site.Params.social }}
       <li class="mb-3"><a class="text-white" href="{{.URL | safeURL }}"><i class="{{.icon}}"></i></a></li>
       {{ end }}
     </ul>
@@ -46,13 +46,13 @@
   </section>
   <!-- /hero area -->
 
-  {{ if .Site.Data.homepage.about.enable }}
+  {{ if site.Data.homepage.about.enable }}
   <!-- about -->
   <section class="section">
     <div class="container">
       <div class="row">
         <div class="col-lg-10 mx-auto text-center">
-          {{ with .Site.Data.homepage.about }}
+          {{ with site.Data.homepage.about }}
           <p class="font-secondary lead text-dark">{{.content | markdownify}}</p>
           {{ if .button.enable }}
           {{ with .button }}
@@ -68,8 +68,8 @@
   {{ end }}
 
 
-  {{ if .Site.Data.homepage.skill.enable }}
-  {{ with .Site.Data.homepage.skill }}
+  {{ if site.Data.homepage.skill.enable }}
+  {{ with site.Data.homepage.skill }}
   <!-- skills -->
   <section class="section">
     <div class="container">
@@ -96,8 +96,8 @@
   {{ end }}
   {{ end }}
 
-  {{ if .Site.Data.homepage.experience.enable }}
-  {{ with .Site.Data.homepage.experience }}
+  {{ if site.Data.homepage.experience.enable }}
+  {{ with site.Data.homepage.experience }}
   <!-- experience -->
   <section class="section">
     <div class="container">
@@ -120,8 +120,8 @@
   {{ end }}
   {{ end }}
 
-  {{ if .Site.Data.homepage.education.enable }}
-  {{ with .Site.Data.homepage.education }}
+  {{ if site.Data.homepage.education.enable }}
+  {{ with site.Data.homepage.education }}
   <!-- education -->
   <section class="section position-relative">
     <div class="container">
@@ -153,8 +153,8 @@
   {{ end }}
 
 
-  {{ if .Site.Data.homepage.service.enable }}
-  {{ with .Site.Data.homepage.service }}
+  {{ if site.Data.homepage.service.enable }}
+  {{ with site.Data.homepage.service }}
   <!-- services -->
   <section class="section">
     <div class="container">
@@ -181,28 +181,26 @@
   {{ end }}
 
 
-  {{ if .Site.Data.homepage.portfolio.enable }}
+  {{ if site.Data.homepage.portfolio.enable }}
   <!-- portfolio -->
   <section class="section">
     <div class="container">
       <div class="row">
         <div class="col-12 text-center">
-          <h2 class="section-title">{{ .Site.Data.homepage.portfolio.title | markdownify }}</h2>
+          <h2 class="section-title">{{ site.Data.homepage.portfolio.title | markdownify }}</h2>
         </div>
       </div>
       <div class="row shuffle-wrapper">
-        {{ $item:= .Site.Data.homepage.portfolio.item_show }}
-        {{ range first $item .Site.Data.portfolio.item }}
+        {{ $item:= site.Data.homepage.portfolio.item_show }}
+        {{ range first $item (where .Site.RegularPages "Section" "portfolio") }}
         <div class="col-lg-4 col-6 mb-4 shuffle-item">
           <div class="position-relative rounded hover-wrapper">
-            <img src="{{.image | absURL }}" alt="portfolio-image" class="img-fluid rounded w-100 d-block">
-            {{ if and ( ne .project_url "" ) ( ne .project_url "#" ) }}
+            <img src="{{.Params.image | absURL }}" alt="portfolio-image" class="img-fluid rounded w-100 d-block">
             <div class="hover-overlay">
               <div class="hover-content">
-                <a class="btn btn-light btn-sm" href="{{ .project_url | safeURL }}">view project</a>
+                <a class="btn btn-light btn-sm" href="{{ .Permalink | safeURL }}">view project</a>
               </div>
             </div>
-            {{ end }}
           </div>
         </div>
         {{ end }}
@@ -213,8 +211,8 @@
   {{ end }}
 
 
-  {{ if .Site.Data.homepage.testimonial.enable }}
-  {{ with .Site.Data.homepage.testimonial }}
+  {{ if site.Data.homepage.testimonial.enable }}
+  {{ with site.Data.homepage.testimonial }}
   <!-- testimonial -->
   <section class="section bg-primary position-relative testimonial-bg-shapes">
     <div class="container">
@@ -249,7 +247,7 @@
   {{ end }}
 
 
-  {{ if .Site.Data.homepage.clients_logo_slider.enable }}
+  {{ if site.Data.homepage.clients_logo_slider.enable }}
   <!-- client logo slider -->
   <section class="section pb-0">
     <div class="container">
@@ -259,15 +257,15 @@
   <!-- /client logo slider -->
   {{ end }}
 
-  {{ if .Site.Data.homepage.blog.enable }}
+  {{ if site.Data.homepage.blog.enable }}
   <!-- blog -->
   <section class="section">
     <div class="container">
       <div class="row">
         <div class="col-12 text-center">
-          <h2 class="section-title">{{.Site.Data.homepage.blog.title | markdownify }}</h2>
+          <h2 class="section-title">{{site.Data.homepage.blog.title | markdownify }}</h2>
         </div>
-        {{ range first 3 .Site.RegularPages }}
+        {{ range first 3 site.RegularPages }}
         {{ .Render "post" }}
         {{ end }}
       </div>
diff --git a/layouts/partials/client-slider.html b/layouts/partials/client-slider.html
index b888725..1711d41 100644
--- a/layouts/partials/client-slider.html
+++ b/layouts/partials/client-slider.html
@@ -1,5 +1,5 @@
 <div class="client-logo-slider d-flex align-items-center">
-  {{ range .Site.Data.homepage.clients_logo_slider.item }}
+  {{ range site.Data.homepage.clients_logo_slider.item }}
   {{ if and ( ne .URL "" ) ( ne .URL "#" ) }}
   <a href="{{ .URL | safeURL }}" class="text-center d-block outline-0 p-4"><img class="d-unset img-fluid" src="{{.logo | absURL}}" alt="client-logo"></a>
   {{ else }}
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index 6e10563..2c2ec7e 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -1,4 +1,4 @@
-{{ if .Site.Params.contact.enable }}
+{{ if site.Params.contact.enable }}
 <!-- contact -->
 <section class="section section-on-footer" data-background="{{`images/backgrounds/bg-dots.png` | absURL}}">
   <div class="container">
@@ -9,7 +9,7 @@
       <div class="col-lg-8 mx-auto">
         <div class="bg-white rounded text-center p-5 shadow-down">
           <h4 class="mb-80">Contact Form</h4>
-          <form action="{{.Site.Params.contact.form_action}}" method="POST" class="row">
+          <form action="{{site.Params.contact.form_action}}" method="POST" class="row">
             <div class="col-md-6">
               <input type="text" id="name" name="name" placeholder="Full Name" class="form-control px-0 mb-4">
             </div>
@@ -39,44 +39,35 @@
       <div class="row">
         <div class="col-md-4">
           <h5 class="text-light">Email</h5>
-          <p class="text-white paragraph-lg font-secondary">{{.Site.Params.email}}</p>
+          <p class="text-white paragraph-lg font-secondary">{{site.Params.email}}</p>
         </div>
         <div class="col-md-4">
           <h5 class="text-light">Phone</h5>
-          <p class="text-white paragraph-lg font-secondary">{{.Site.Params.phone}}</p>
+          <p class="text-white paragraph-lg font-secondary">{{site.Params.phone}}</p>
         </div>
         <div class="col-md-4">
           <h5 class="text-light">Address</h5>
-          <p class="text-white paragraph-lg font-secondary">{{.Site.Params.address}}</p>
+          <p class="text-white paragraph-lg font-secondary">{{site.Params.address}}</p>
         </div>
       </div>
     </div>
   </div>
   <div class="border-top text-center border-dark py-5">
-    <p class="mb-0 text-light">{{ .Site.Params.copyright | markdownify }}</p>
+    <p class="mb-0 text-light">{{ site.Params.copyright | markdownify }}</p>
   </div>
 </footer>
 <!-- /footer -->
 
+{{ "<!-- Google Map API -->" | safeHTML }}
+{{ if site.Params.map.enable }}
+<script src="{{ site.Params.map.gmap_api | safeURL }}"></script>
+{{ end }}
+
 {{ "<!-- JS Plugins -->" | safeHTML }}
-{{ range .Site.Params.plugins.js}}
-<script src="{{ .URL | absURL }}"></script>
+{{ range site.Params.plugins.js}}
+<script src="{{ .link | absURL }}"></script>
 {{ end }}
 
 {{ "<!-- Main Script -->" | safeHTML }}
 {{ $script := resources.Get "js/script.js" | minify}}
-<script src="{{ $script.Permalink }}"></script>
-
-{{ "<!-- google analytics -->" | safeHTML }}
-{{ with .Site.Params.google_analytics_id }}
-<script>
-  (function (i, s, o, g, r, a, m) {
-  i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
-    (i[r].q = i[r].q || []).push(arguments)
-  }, i[r].l = 1 * new Date(); a = s.createElement(o),
-    m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
-  })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
-  ga('create', '{{ . }}', 'auto');
-  ga('send', 'pageview');
-</script>
-{{ end }}
\ No newline at end of file
+<script src="{{ $script.Permalink }}"></script>
\ No newline at end of file
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index 0b5b52a..c1e937c 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -4,19 +4,19 @@
 
   {{ "<!-- mobile responsive meta -->" | safeHTML }}
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <meta name="description" content="{{ with .Description }}{{ . }}{{ else }}{{ with .Site.Params.description }}{{ . }}{{ end }}{{ end }}">
-  {{ with .Site.Params.author }}<meta name="author" content="{{ . }}">{{ end }}
+  <meta name="description" content="{{ with .Description }}{{ . }}{{ else }}{{ with site.Params.description }}{{ . }}{{ end }}{{ end }}">
+  {{ with site.Params.author }}<meta name="author" content="{{ . }}">{{ end }}
   {{ hugo.Generator }}
 
   <style>
     :root{
-      --primary-color:{{ .Site.Params.theme_color }};
+      --primary-color:{{ site.Params.theme_color }};
     }
   </style>
 
   {{ "<!-- plugins -->" | safeHTML }}
-  {{ range .Site.Params.plugins.css }}
-  <link rel="stylesheet" href="{{ .URL | absURL }} ">
+  {{ range site.Params.plugins.css }}
+  <link rel="stylesheet" href="{{ .link | absURL }} ">
   {{ end }}
 
   {{ "<!-- Main Stylesheet -->" | safeHTML }}
@@ -27,4 +27,16 @@
   <link rel="shortcut icon" href="{{ `images/favicon.png` | absURL }} " type="image/x-icon">
   <link rel="icon" href="{{ `images/favicon.png` | absURL }} " type="image/x-icon">
 
+  {{ with site.Params.google_analytics_id }}
+	{{ "<!-- Global Site Tag (gtag.js) - Google Analytics -->" | safeHTML }}
+	<script async src="https://www.googletagmanager.com/gtag/js?id={{ . }}"></script>
+	<script>
+	  window.dataLayer = window.dataLayer || [];
+	  function gtag(){dataLayer.push(arguments);}
+	  gtag('js', new Date());
+
+	  gtag('config', '{{ . }}');
+	</script>
+	{{ end }}
+
 </head>
\ No newline at end of file
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index a5f4464..ae0bc8a 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -1,6 +1,12 @@
 <header class="navigation fixed-top">
   <nav class="navbar navbar-expand-lg navbar-dark">
-    <a class="navbar-brand" href="{{ .Site.BaseURL }}"><img src="{{ .Site.Params.logo | absURL }}" alt="{{.Site.Title}}"></a>
+    <a class="navbar-brand" href="{{ site.BaseURL }}">
+      {{ if site.Params.logo }}
+      <img src="{{ site.Params.logo | absURL }}" alt="{{site.Title}}">
+      {{ else }}
+      <h3 class="text-white font-tertiary">{{site.Title}}</h3>
+      {{ end }}
+    </a>
     <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navigation"
       aria-controls="navigation" aria-expanded="false" aria-label="Toggle navigation">
       <span class="navbar-toggler-icon"></span>
@@ -9,10 +15,10 @@
     <div class="collapse navbar-collapse text-center" id="navigation">
       <ul class="navbar-nav ml-auto">
         <li class="nav-item">
-          <a class="nav-link" href="{{ .Site.BaseURL }}">{{ with .Site.Params.Home }} {{ . }} {{ end }}</a>
+          <a class="nav-link" href="{{ site.BaseURL }}">{{ with site.Params.Home }} {{ . }} {{ end }}</a>
         </li>
         {{ $current := . }}
-        {{ range .Site.Menus.main }}
+        {{ range site.Menus.main }}
         {{ $active := or ($current.IsMenuCurrent "nav" .) ($current.HasMenuCurrent "nav" .) }}
         {{ $active = or $active (eq .Name $current.Title) }}
         {{ if .HasChildren }}
diff --git a/layouts/partials/preloader.html b/layouts/partials/preloader.html
index ffccbe8..12f0ee6 100644
--- a/layouts/partials/preloader.html
+++ b/layouts/partials/preloader.html
@@ -1,8 +1,8 @@
-{{ if .Site.Params.preloader.enable }}
+{{ if site.Params.preloader.enable }}
 {{ "<!-- preloader start -->" | safeHTML }}
 <div class="preloader">
-  {{ if ne .Site.Params.preloader.preloader "" }}
-  <img src="{{ .Site.Params.preloader.preloader | relURL }} " alt="preloader">
+  {{ if ne site.Params.preloader.preloader "" }}
+  <img src="{{ site.Params.preloader.preloader | relURL }} " alt="preloader">
   {{ end }}
 </div>
 {{ "<!-- preloader end -->" | safeHTML }}
diff --git a/layouts/portfolio/list.html b/layouts/portfolio/list.html
index 07ee72e..74f684c 100644
--- a/layouts/portfolio/list.html
+++ b/layouts/portfolio/list.html
@@ -12,8 +12,8 @@
             <input type="radio" name="shuffle-filter" value="all" checked="checked" />All
           </label>
 					{{ $categories := slice }}
-					{{ range .Site.Data.portfolio.item }}
-					{{ range .categories }}
+					{{ range .Data.Pages }}
+					{{ range .Params.categories }}
 					{{ $categories = $categories | append . }}
 					{{ end }}
 					{{ end }}
@@ -26,17 +26,15 @@
       </div>
     </div>
     <div class="row shuffle-wrapper">
-      {{ range .Site.Data.portfolio.item }}
-      <div class="col-lg-4 col-6 mb-4 shuffle-item" data-groups="[{{range $index, $element:= .categories }}{{if ne $index 0}},{{end}}&quot;{{. | urlize}}&quot;{{ end }}]">
+      {{ range .Data.Pages }}
+      <div class="col-lg-4 col-6 mb-4 shuffle-item" data-groups="[{{range $index, $element:= .Params.categories }}{{if ne $index 0}},{{end}}&quot;{{. | urlize}}&quot;{{ end }}]">
         <div class="position-relative rounded hover-wrapper">
-          <img src="{{.image | absURL }}" alt="portfolio-image" class="img-fluid rounded w-100 d-block">
-          {{ if and ( ne .project_url "" ) ( ne .project_url "#" ) }}
+          <img src="{{.Params.image | absURL }}" alt="portfolio-image" class="img-fluid rounded w-100 d-block">
           <div class="hover-overlay">
             <div class="hover-content">
-              <a class="btn btn-light btn-sm" href="{{ .project_url | safeURL }}">view project</a>
+              <a class="btn btn-light btn-sm" href="{{ .Permalink }}">view project</a>
             </div>
           </div>
-          {{ end }}
         </div>
       </div>
       {{ end }}
@@ -45,19 +43,10 @@
 </section>
 <!-- /portfolio -->
 
-{{ if .Site.Data.portfolio.clients_logo_slider.enable }}
 <section class="section bg-light">
   <div class="container">
-    {{ with .Site.Data.portfolio.clients_logo_slider.title}}
-    <div class="row">
-      <div class="col-12 text-center">
-        <h2 class="section-title">{{ . | markdownify }}</h2>
-      </div>
-    </div>
-    {{ end }}
     {{ partial "client-slider.html" . }}
   </div>
 </section>
-{{ end }}
 
 {{ end }}
\ No newline at end of file
diff --git a/layouts/portfolio/single.html b/layouts/portfolio/single.html
new file mode 100644
index 0000000..6cf56bd
--- /dev/null
+++ b/layouts/portfolio/single.html
@@ -0,0 +1,47 @@
+{{ define "main" }}
+
+{{ partial "page-title.html" . }}
+
+<!-- portfolio -->
+<section class="section">
+  <div class="container">
+    <div class="row justify-content-around">
+      <div class="col-lg-5 col-md-6 mb-5">
+        <img src="{{ .Params.image | absURL }}" class="img-fluid w-100" alt="{{ .Title }}">
+      </div>
+      <div class="col-lg-5 col-md-6 mb-5">
+        <div class="card shadow">
+          <div class="card-body">
+            <h1 class="h3 mb-5">{{.Title}}</h1>
+            <div class="mb-4">
+              <h4>Date:</h4>
+              <strong>{{ .PublishDate.Format "Jan 02, 2006" }}</strong>
+            </div>
+            {{ with .Params.Client}}
+            <div class="mb-4">
+              <h4>Client:</h4>
+              <strong>{{. | markdownify}}</strong>
+            </div>
+            {{ end }}
+            <div class="mb-4">
+              <h4>Categories:</h4>
+              <strong>{{ delimit .Params.categories ", " | humanize }}</strong>
+            </div>
+            {{ with .Params.project_url}}
+            <div class="mb-4">
+              <h4>Project Link:</h4>
+              <strong>{{. | markdownify}}</strong>
+            </div>
+            {{ end }}
+          </div>
+        </div>
+      </div>
+      <div class="col-lg-11">
+        <div class="content">{{.Content}}</div>
+      </div>
+    </div>
+  </div>
+</section>
+<!-- /portfolio -->
+
+{{ end }}
\ No newline at end of file
diff --git a/static/plugins/google-map/map.js b/static/plugins/google-map/map.js
new file mode 100644
index 0000000..0a3f3c0
--- /dev/null
+++ b/static/plugins/google-map/map.js
@@ -0,0 +1,203 @@
+window.marker = null;
+
+function initialize() {
+  var map;
+  var latitude = $('#map').attr('data-latitude');
+  var longitude = $('#map').attr('data-longitude');
+  var mapMarker = $('#map').attr('data-marker');
+  var mapMarkerName = $('#map').attr('data-marker-name');
+  var nottingham = new google.maps.LatLng(latitude, longitude);
+  var style = [{
+      "featureType": "water",
+      "elementType": "geometry",
+      "stylers": [{
+          "color": "#e9e9e9"
+        },
+        {
+          "lightness": 17
+        }
+      ]
+    },
+    {
+      "featureType": "landscape",
+      "elementType": "geometry",
+      "stylers": [{
+          "color": "#f5f5f5"
+        },
+        {
+          "lightness": 20
+        }
+      ]
+    },
+    {
+      "featureType": "road.highway",
+      "elementType": "geometry.fill",
+      "stylers": [{
+          "color": "#ffffff"
+        },
+        {
+          "lightness": 17
+        }
+      ]
+    },
+    {
+      "featureType": "road.highway",
+      "elementType": "geometry.stroke",
+      "stylers": [{
+          "color": "#ffffff"
+        },
+        {
+          "lightness": 29
+        },
+        {
+          "weight": 0.2
+        }
+      ]
+    },
+    {
+      "featureType": "road.arterial",
+      "elementType": "geometry",
+      "stylers": [{
+          "color": "#ffffff"
+        },
+        {
+          "lightness": 18
+        }
+      ]
+    },
+    {
+      "featureType": "road.local",
+      "elementType": "geometry",
+      "stylers": [{
+          "color": "#ffffff"
+        },
+        {
+          "lightness": 16
+        }
+      ]
+    },
+    {
+      "featureType": "poi",
+      "elementType": "geometry",
+      "stylers": [{
+          "color": "#f5f5f5"
+        },
+        {
+          "lightness": 21
+        }
+      ]
+    },
+    {
+      "featureType": "poi.park",
+      "elementType": "geometry",
+      "stylers": [{
+          "color": "#dedede"
+        },
+        {
+          "lightness": 21
+        }
+      ]
+    },
+    {
+      "elementType": "labels.text.stroke",
+      "stylers": [{
+          "visibility": "on"
+        },
+        {
+          "color": "#ffffff"
+        },
+        {
+          "lightness": 16
+        }
+      ]
+    },
+    {
+      "elementType": "labels.text.fill",
+      "stylers": [{
+          "saturation": 36
+        },
+        {
+          "color": "#333333"
+        },
+        {
+          "lightness": 40
+        }
+      ]
+    },
+    {
+      "elementType": "labels.icon",
+      "stylers": [{
+        "visibility": "off"
+      }]
+    },
+    {
+      "featureType": "transit",
+      "elementType": "geometry",
+      "stylers": [{
+          "color": "#f2f2f2"
+        },
+        {
+          "lightness": 19
+        }
+      ]
+    },
+    {
+      "featureType": "administrative",
+      "elementType": "geometry.fill",
+      "stylers": [{
+          "color": "#fefefe"
+        },
+        {
+          "lightness": 20
+        }
+      ]
+    },
+    {
+      "featureType": "administrative",
+      "elementType": "geometry.stroke",
+      "stylers": [{
+          "color": "#fefefe"
+        },
+        {
+          "lightness": 17
+        },
+        {
+          "weight": 1.2
+        }
+      ]
+    }
+  ];
+  var mapOptions = {
+    center: nottingham,
+    mapTypeId: google.maps.MapTypeId.ROADMAP,
+    backgroundColor: "#000",
+    zoom: 15,
+    panControl: !1,
+    zoomControl: !0,
+    mapTypeControl: !1,
+    scaleControl: !1,
+    streetViewControl: !1,
+    overviewMapControl: !1,
+    zoomControlOptions: {
+      style: google.maps.ZoomControlStyle.LARGE
+    }
+  }
+  map = new google.maps.Map(document.getElementById('map'), mapOptions);
+  var mapType = new google.maps.StyledMapType(style, {
+    name: "Grayscale"
+  });
+  map.mapTypes.set('grey', mapType);
+  map.setMapTypeId('grey');
+  var marker_image = mapMarker;
+  var pinIcon = new google.maps.MarkerImage(marker_image, null, null, null, new google.maps.Size(46, 40));
+  marker = new google.maps.Marker({
+    position: nottingham,
+    map: map,
+    icon: pinIcon,
+    title: mapMarkerName
+  })
+}
+var map = document.getElementById('map');
+if (map != null) {
+  google.maps.event.addDomListener(window, 'load', initialize)
+}
\ No newline at end of file