modified tool page, forestry and added netlify

38 files changed, 190 insertions, 120 deletions

diff --git a/assets/scss/_buttons.scss b/assets/scss/_buttons.scss
index 85ff854..7a862dd 100644
--- a/assets/scss/_buttons.scss
+++ b/assets/scss/_buttons.scss
@@ -50,4 +50,21 @@
     border-color: $primary-color !important;
     color: $white;
   }
+}
+
+
+.btn-transparent {
+  background: transparent;
+  color: $primary-color;
+  border: 0;
+  border-bottom: 1px solid $primary-color;
+  border-radius: 0;
+  padding: 2px;
+
+  &:active,
+  &:hover,
+  &.focus,
+  &.active {
+    background: transparent;
+  }
 }
\ No newline at end of file
diff --git a/assets/scss/_common.scss b/assets/scss/_common.scss
index 5f8ee06..2d1e8cf 100644
--- a/assets/scss/_common.scss
+++ b/assets/scss/_common.scss
@@ -99,6 +99,10 @@ select {
   color: $primary-color !important;
 }
 
+a.text-primary:hover {
+  color: $primary-color !important;
+}
+
 .text-color {
   color: $text-color;
 }
diff --git a/assets/scss/templates/_main.scss b/assets/scss/templates/_main.scss
index 0c1d629..601d889 100644
--- a/assets/scss/templates/_main.scss
+++ b/assets/scss/templates/_main.scss
@@ -38,6 +38,12 @@
   padding: 60px 60px 40px;
 }
 
+.author-thumb{
+  height: 300px;
+  width: 300px;
+  object-fit: cover;
+}
+
 /* pagination */
 .pagination {
   justify-content: center;
@@ -67,6 +73,18 @@
     }
   }
 }
+.post-title:hover{
+  text-decoration: underline;
+}
+.post-meta{
+  color: #999;
+  a{
+    color: inherit;
+    &:hover{
+      color: $primary-color;
+    }
+  }
+}
 
 
 .content {
diff --git a/exampleSite/.forestry/settings.yml b/exampleSite/.forestry/settings.yml
index 5e36bf2..1cadeca 100644
--- a/exampleSite/.forestry/settings.yml
+++ b/exampleSite/.forestry/settings.yml
@@ -5,14 +5,14 @@ admin_path: ''
 webhook_url: 
 sections:
 - type: directory
-  path: content
+  path: exampleSite/content
   label: Post
   create: documents
   match: "*"
   templates:
   - post
 - type: directory
-  path: data
+  path: exampleSite/data
   label: Tools
   create: documents
   match: "**/*"
@@ -20,27 +20,27 @@ sections:
   templates:
   - tools
 - type: directory
-  path: content/author
+  path: exampleSite/content/author
   label: Author
   create: documents
   match: "**/*"
   templates:
   - author
 - type: document
-  path: documentation
+  path: exampleSite/documentation
   label: Documentation
 - type: directory
-  path: content/contact
+  path: exampleSite/content/contact
   label: Contact
   create: all
   match: "**/*"
 - type: directory
-  path: ''
+  path: exampleSite/
   label: Configuration
   create: all
   match: "*.toml"
   new_doc_ext: toml
-upload_dir: static/images
+upload_dir: exampleSite/static/images
 public_path: "/images"
 front_matter_path: ''
 use_front_matter_path: false
diff --git a/exampleSite/data/tools.yml b/exampleSite/data/tools.yml
index 58d4ef4..e0eba1b 100644
--- a/exampleSite/data/tools.yml
+++ b/exampleSite/data/tools.yml
@@ -1,62 +1,82 @@
----
-######################### tools #########################################
 tools:
-  # tool category
-- title: Design Tools
+# tool category
+- title: Dev Tools
   tool:
-    # tool loop in tool category
-  - name: WP Fluent Forms Pro Add-On & Most Powerful WordPress Form Plugin
-    image: "/images/tools/tool2.png"
-    link: "#"
-    # tool loop in tool category
-  - name: WP Fluent Forms Pro Add-On & Most Powerful WordPress Form Plugin
-    image: "/images/tools/tool4.png"
-    link: "#"
-    # tool loop in tool category
-  - name: WP Fluent Forms Pro Add-On & Most Powerful WordPress Form Plugin
-    image: "/images/tools/tool4.png"
-    link: "#"
-    # tool loop in tool category
-  - name: WP Fluent Forms Pro Add-On & Most Powerful WordPress Form Plugin
-    image: "/images/tools/tool3.png"
-    link: "#"
-    # tool loop in tool category
+  # tool loop in tool category
+  - name: Git
+    image: "/images/tools/Git.png"
+    link: https://git-scm.com/
+  # tool loop in tool category
+  - name: Atom
+    image: "/images/tools/Atom.png"
+    link: https://atom.io/
+  # tool loop in tool category
+  - name: Notepad ++
+    image: "/images/tools/Notepad.png"
+    link: https://notepad-plus-plus.org/
+  # tool loop in tool category
+  - name: Sublime Text
+    image: "/images/tools/sublime.png"
+    link: https://www.sublimetext.com/
+  # tool loop in tool category
+  - name: Visual Studio Code
+    image: "/images/tools/vs-code.png"
+    link: https://code.visualstudio.com/
+
 
-    
-  # tool category
-- title: SEO Tools
+# tool category
+- title: Design Tools
   tool:
-    # tool loop in tool category
-  - name: WP Fluent Forms Pro Add-On & Most Powerful WordPress Form Plugin
-    image: "/images/tools/tool3.png"
-    link: "#"
-    # tool loop in tool category
-  - name: WP Fluent Forms Pro Add-On & Most Powerful WordPress Form Plugin
-    image: "/images/tools/tool2.png"
-    link: "#"
-    # tool loop in tool category
-  - name: WP Fluent Forms Pro Add-On & Most Powerful WordPress Form Plugin
-    image: "/images/tools/tool1.png"
-    link: "#"
-    # tool loop in tool category
+  # tool loop in tool category
+  - name: Sketch
+    image: "/images/tools/sketch.png"
+    link: https://www.sketch.com/
+  # tool loop in tool category
+  - name: Adobe Illustrator
+    image: "/images/tools/illustrator.png"
+    link: https://www.adobe.com/products/illustrator.html
+  # tool loop in tool category
+  - name: Invision
+    image: "/images/tools/invision.png"
+    link: https://www.invisionapp.com/studio
+  # tool loop in tool category
+  - name: Adobe XD
+    image: "/images/tools/xd.png"
+    link: https://www.adobe.com/products/xd.html
+  # tool loop in tool category
+  - name: Figma
+    image: "/images/tools/figma.png"
+    link: https://www.figma.com/
 
-    
-  # tool category
-- title: Dev Tools
+
+# tool category
+- title: Digital Marketing Tools
   tool:
-    # tool loop in tool category
-  - name: WP Fluent Forms Pro Add-On & Most Powerful WordPress Form Plugin
-    image: "/images/tools/tool4.png"
-    link: "#"
-    # tool loop in tool category
-  - name: WP Fluent Forms Pro Add-On & Most Powerful WordPress Form Plugin
-    image: "/images/tools/tool1.png"
-    link: "#"
-    # tool loop in tool category
-  - name: WP Fluent Forms Pro Add-On & Most Powerful WordPress Form Plugin
-    image: "/images/tools/tool3.png"
-    link: "#"
-    # tool loop in tool category
-  - name: WP Fluent Forms Pro Add-On & Most Powerful WordPress Form Plugin
-    image: "/images/tools/tool2.png"
-    link: "#"
+  # tool loop in tool category
+  - name: Mailchimp
+    image: "/images/tools/MailChimp.jpg"
+    link: https://mailchimp.com/
+  # tool loop in tool category
+  - name: Buffer
+    image: "/images/tools/Buffer.jpg"
+    link: https://buffer.com/
+  # tool loop in tool category
+  - name: Bitly Link
+    image: "/images/tools/Bitly.jpg"
+    link: https://bitly.com/
+  # tool loop in tool category
+  - name: Hotjar
+    image: "/images/tools/Hotjar.jpg"
+    link: https://www.hotjar.com/
+  # tool loop in tool category
+  - name: Ahrefs
+    image: "/images/tools/Ahrefs.jpg"
+    link: https://ahrefs.com/
+  # tool loop in tool category
+  - name: Google Trends
+    image: "/images/tools/GoogleTrends.jpg"
+    link: https://trends.google.com/trends/
+  # tool loop in tool category
+  - name: Google Analytics
+    image: "/images/tools/Google-Analytics.jpg"
+    link: https://analytics.google.com/analytics/web
diff --git a/exampleSite/resources/_gen/assets/scss/scss/style.scss_b95b077eb505d5c0aff8055eaced30ad.content b/exampleSite/resources/_gen/assets/scss/scss/style.scss_b95b077eb505d5c0aff8055eaced30ad.content
index a2e246f..6735953 100644
--- a/exampleSite/resources/_gen/assets/scss/scss/style.scss_b95b077eb505d5c0aff8055eaced30ad.content
+++ b/exampleSite/resources/_gen/assets/scss/scss/style.scss_b95b077eb505d5c0aff8055eaced30ad.content
@@ -2,4 +2,4 @@
 [MAIN STYLESHEET]
 PROJECT: Project Name
 VERSION: Versoin Number
--------------------------------------------------------------------*/@import "https://fonts.googleapis.com/css?family=Muli:300,400,600,700&display=swap";body{line-height:1.5;font-family:muli,sans-serif;-webkit-font-smoothing:antialiased;font-size:15px;color:#666}p,.paragraph{font-weight:400;color:#666;font-size:18px;line-height:1.7;font-family:muli,sans-serif}a{color:#e8505b}a:hover{color:#e8505b}h1,h2,h3,h4,h5,h6{color:#222;font-family:muli,sans-serif;font-weight:600;line-height:1.2}h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{text-decoration:none}h1,.h1{font-size:50px}h2,.h2{font-size:40px}h3,.h3{font-size:30px}h4,.h4{font-size:26px}h5,.h5{font-size:20px}h6,.h6{font-size:16px}.btn{font-size:16px;font-family:muli,sans-serif;text-transform:capitalize;padding:12px 20px;border-radius:5px;border:1px solid;position:relative;z-index:1;transition:.2s ease}.btn:hover,.btn:active,.btn:focus{outline:0;box-shadow:none!important}.btn-sm{font-size:15px;padding:6px 10px}.btn-primary{background:#e8505b;color:#fff;border-color:#e8505b}.btn-primary:active,.btn-primary:hover,.btn-primary.focus,.btn-primary.active{background:#e8505b!important;border-color:#e8505b!important}.btn-outline-primary{background:0 0;color:#e8505b;border-color:#e8505b}.btn-outline-primary:active,.btn-outline-primary:hover,.btn-outline-primary.focus,.btn-outline-primary.active{background:#e8505b!important;border-color:#e8505b!important;color:#fff}body{background-color:#fff;overflow-x:hidden}::selection{background:#ee7d85;color:#fff}.preloader{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fff;z-index:9999;display:flex;align-items:center;justify-content:center}img{vertical-align:middle;border:0}a,button,select{cursor:pointer;transition:.2s ease}a:focus,button:focus,select:focus{outline:0}.slick-slide{outline:0}.section{padding-top:80px;padding-bottom:80px}.bg-cover{background-size:cover;background-position:50%;background-repeat:no-repeat}.border-primary{border-color:#acb9c4!important}.overlay{position:relative}.overlay::before{position:absolute;content:'';height:100%;width:100%;top:0;left:0;background:#000;opacity:.5}.outline-0{outline:0!important}.d-unset{display:unset!important}.bg-primary{background:#e8505b!important}.bg-secondary{background:#9ac4f8!important}.bg-light{background:#f8f8f8!important}.text-primary{color:#e8505b!important}.text-color{color:#666}.mb-10{margin-bottom:10px!important}.mb-20{margin-bottom:20px!important}.mb-30{margin-bottom:30px!important}.mb-40{margin-bottom:40px!important}.mb-50{margin-bottom:50px!important}.mb-60{margin-bottom:60px!important}.mb-70{margin-bottom:70px!important}.mb-80{margin-bottom:80px!important}.mb-90{margin-bottom:90px!important}.mb-100{margin-bottom:100px!important}.zindex-1{z-index:1}.overflow-hidden{overflow:hidden}.shadow,.nav-tab .nav-link.active{box-shadow:0 10px 30px 0 rgba(68,74,102,.1)!important}.form-control{height:50px;line-height:50px}.form-control:focus{outline:0;box-shadow:none;border-color:#e8505b}textarea.form-control{height:150px}.page-link:focus{box-shadow:none}.navigation{transition:.3s ease}@media(max-width:991px){.navigation.fixed-top{position:sticky!important}}@media(max-width:991px){.navigation{background:#fff}}.nav-bg{background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.161)}.nav-item{margin:0}.nav-item .nav-link{text-transform:capitalize}.navbar-light .navbar-nav .nav-link{color:#222}.navbar-light .navbar-nav .nav-link:hover{color:#e8505b}.navbar-expand-lg .navbar-nav .nav-link{padding:20px}.search-btn{border:0;background:0 0}.search-wrapper{position:absolute;top:0;left:0;right:0;height:100%;z-index:2;visibility:hidden;transition:.2s ease;opacity:0}.search-wrapper.open{visibility:visible;opacity:1}.search-box{height:100%;width:100%;border:0;background:#fff;font-size:20px;padding:0}.search-box:focus{box-shadow:none!important;outline:0}.search-close{position:absolute;right:5px;top:50%;transform:translateY(-50%);border:0;background:0 0;page-break-after:10px;font-size:20px}.banner{padding:220px 0 120px;position:relative}@media(max-width:1200px){.banner{padding:150px 0 100px}}@media(max-width:991px){.banner{padding:100px 0 0}}.banner .illustration{position:absolute;bottom:0;right:30px}@media(max-width:1600px){.banner .illustration{max-width:600px}}@media(max-width:991px){.banner .illustration{display:none}}.banner .illustration-mobile{display:none}@media(max-width:991px){.banner .illustration-mobile{display:block}}.block{padding:60px 60px 40px}.pagination{justify-content:center}.pagination .page-item .page-link{display:inline-block;width:40px;height:40px;text-align:center;color:#666;border:0;border-radius:5px}.pagination .page-item .page-link:hover{background:#e8505b;color:#fff}.pagination .page-item.active .page-link{background:#e8505b;color:#fff}.content *{margin-bottom:20px}.content h1,.content h2,.content h3,.content h4,.content h5,.content h6{margin-bottom:10px}.content ol{padding-left:20px}.content ul{padding-left:0}.content ul li{position:relative;padding-left:20px;margin-bottom:15px;list-style-type:none}.content ul li::before{position:absolute;content:"\e71b";font-family:themify;font-size:14px;left:0;top:1px;color:#e8505b;transition:.3s ease}.content table{text-align:left;width:100%;max-width:100%;margin-bottom:1rem;border:1px solid #dee2e6}.content table th,.content table td{padding:.75rem;vertical-align:top;border:1px solid #dee2e6}.content table thead{background:#f3f3f3}.content table tbody{background:#f8f8f8}.content table tbody td{text-align:left!important}.content blockquote{padding:20px;background:#f8f8f8;border-left:3px solid #e8505b}.content blockquote p{margin-bottom:0;color:#222;font-style:italic!important}.content pre{padding:10px 20px;background:#f8f8f8}.content pre code{border:0;background:0 0;padding:0}.content a{color:#e8505b}.content a:hover{text-decoration:underline}.content code{padding:3px 5px;background:#f8f8f8;border:1px solid #acb9c4;border-radius:3px;color:#222}.social-icon a{height:45px;width:45px;border:1px solid #e8505b;border-radius:50%;line-height:45px;text-align:center;display:block;color:#e8505b}.social-icon a:hover{background:#e8505b;color:#fff}.nav-tab .nav-link{padding:15px;color:#666;border-radius:5px}.nav-tab .nav-link.active{color:#fff;background:#e8505b}
\ No newline at end of file
+-------------------------------------------------------------------*/@import "https://fonts.googleapis.com/css?family=Muli:300,400,600,700&display=swap";body{line-height:1.5;font-family:muli,sans-serif;-webkit-font-smoothing:antialiased;font-size:15px;color:#666}p,.paragraph{font-weight:400;color:#666;font-size:18px;line-height:1.7;font-family:muli,sans-serif}a{color:#e8505b}a:hover{color:#e8505b}h1,h2,h3,h4,h5,h6{color:#222;font-family:muli,sans-serif;font-weight:600;line-height:1.2}h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{text-decoration:none}h1,.h1{font-size:50px}h2,.h2{font-size:40px}h3,.h3{font-size:30px}h4,.h4{font-size:26px}h5,.h5{font-size:20px}h6,.h6{font-size:16px}.btn{font-size:16px;font-family:muli,sans-serif;text-transform:capitalize;padding:12px 20px;border-radius:5px;border:1px solid;position:relative;z-index:1;transition:.2s ease}.btn:hover,.btn:active,.btn:focus{outline:0;box-shadow:none!important}.btn-sm{font-size:15px;padding:6px 10px}.btn-primary{background:#e8505b;color:#fff;border-color:#e8505b}.btn-primary:active,.btn-primary:hover,.btn-primary.focus,.btn-primary.active{background:#e8505b!important;border-color:#e8505b!important}.btn-outline-primary{background:0 0;color:#e8505b;border-color:#e8505b}.btn-outline-primary:active,.btn-outline-primary:hover,.btn-outline-primary.focus,.btn-outline-primary.active{background:#e8505b!important;border-color:#e8505b!important;color:#fff}.btn-transparent{background:0 0;color:#e8505b;border:0;border-bottom:1px solid #e8505b;border-radius:0;padding:2px}.btn-transparent:active,.btn-transparent:hover,.btn-transparent.focus,.btn-transparent.active{background:0 0}body{background-color:#fff;overflow-x:hidden}::selection{background:#ee7d85;color:#fff}.preloader{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fff;z-index:9999;display:flex;align-items:center;justify-content:center}img{vertical-align:middle;border:0}a,button,select{cursor:pointer;transition:.2s ease}a:focus,button:focus,select:focus{outline:0}.slick-slide{outline:0}.section{padding-top:80px;padding-bottom:80px}.bg-cover{background-size:cover;background-position:50%;background-repeat:no-repeat}.border-primary{border-color:#acb9c4!important}.overlay{position:relative}.overlay::before{position:absolute;content:'';height:100%;width:100%;top:0;left:0;background:#000;opacity:.5}.outline-0{outline:0!important}.d-unset{display:unset!important}.bg-primary{background:#e8505b!important}.bg-secondary{background:#9ac4f8!important}.bg-light{background:#f8f8f8!important}.text-primary{color:#e8505b!important}a.text-primary:hover{color:#e8505b!important}.text-color{color:#666}.mb-10{margin-bottom:10px!important}.mb-20{margin-bottom:20px!important}.mb-30{margin-bottom:30px!important}.mb-40{margin-bottom:40px!important}.mb-50{margin-bottom:50px!important}.mb-60{margin-bottom:60px!important}.mb-70{margin-bottom:70px!important}.mb-80{margin-bottom:80px!important}.mb-90{margin-bottom:90px!important}.mb-100{margin-bottom:100px!important}.zindex-1{z-index:1}.overflow-hidden{overflow:hidden}.shadow,.nav-tab .nav-link.active{box-shadow:0 10px 30px 0 rgba(68,74,102,.1)!important}.form-control{height:50px;line-height:50px}.form-control:focus{outline:0;box-shadow:none;border-color:#e8505b}textarea.form-control{height:150px}.page-link:focus{box-shadow:none}.navigation{transition:.3s ease}@media(max-width:991px){.navigation.fixed-top{position:sticky!important}}@media(max-width:991px){.navigation{background:#fff}}.nav-bg{background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.161)}.nav-item{margin:0}.nav-item .nav-link{text-transform:capitalize}.navbar-light .navbar-nav .nav-link{color:#222}.navbar-light .navbar-nav .nav-link:hover{color:#e8505b}.navbar-expand-lg .navbar-nav .nav-link{padding:20px}.search-btn{border:0;background:0 0}.search-wrapper{position:absolute;top:0;left:0;right:0;height:100%;z-index:2;visibility:hidden;transition:.2s ease;opacity:0}.search-wrapper.open{visibility:visible;opacity:1}.search-box{height:100%;width:100%;border:0;background:#fff;font-size:20px;padding:0}.search-box:focus{box-shadow:none!important;outline:0}.search-close{position:absolute;right:5px;top:50%;transform:translateY(-50%);border:0;background:0 0;page-break-after:10px;font-size:20px}.banner{padding:220px 0 120px;position:relative}@media(max-width:1200px){.banner{padding:150px 0 100px}}@media(max-width:991px){.banner{padding:100px 0 0}}.banner .illustration{position:absolute;bottom:0;right:30px}@media(max-width:1600px){.banner .illustration{max-width:600px}}@media(max-width:991px){.banner .illustration{display:none}}.banner .illustration-mobile{display:none}@media(max-width:991px){.banner .illustration-mobile{display:block}}.block{padding:60px 60px 40px}.author-thumb{height:300px;width:300px;object-fit:cover}.pagination{justify-content:center}.pagination .page-item .page-link{display:inline-block;width:40px;height:40px;text-align:center;color:#666;border:0;border-radius:5px}.pagination .page-item .page-link:hover{background:#e8505b;color:#fff}.pagination .page-item.active .page-link{background:#e8505b;color:#fff}.post-title:hover{text-decoration:underline}.post-meta{color:#999}.post-meta a{color:inherit}.post-meta a:hover{color:#e8505b}.content *{margin-bottom:20px}.content h1,.content h2,.content h3,.content h4,.content h5,.content h6{margin-bottom:10px}.content ol{padding-left:20px}.content ul{padding-left:0}.content ul li{position:relative;padding-left:20px;margin-bottom:15px;list-style-type:none}.content ul li::before{position:absolute;content:"\e71b";font-family:themify;font-size:14px;left:0;top:1px;color:#e8505b;transition:.3s ease}.content table{text-align:left;width:100%;max-width:100%;margin-bottom:1rem;border:1px solid #dee2e6}.content table th,.content table td{padding:.75rem;vertical-align:top;border:1px solid #dee2e6}.content table thead{background:#f3f3f3}.content table tbody{background:#f8f8f8}.content table tbody td{text-align:left!important}.content blockquote{padding:20px;background:#f8f8f8;border-left:3px solid #e8505b}.content blockquote p{margin-bottom:0;color:#222;font-style:italic!important}.content pre{padding:10px 20px;background:#f8f8f8}.content pre code{border:0;background:0 0;padding:0}.content a{color:#e8505b}.content a:hover{text-decoration:underline}.content code{padding:3px 5px;background:#f8f8f8;border:1px solid #acb9c4;border-radius:3px;color:#222}.social-icon a{height:45px;width:45px;border:1px solid #e8505b;border-radius:50%;line-height:45px;text-align:center;display:block;color:#e8505b}.social-icon a:hover{background:#e8505b;color:#fff}.nav-tab .nav-link{padding:15px;color:#666;border-radius:5px}.nav-tab .nav-link.active{color:#fff;background:#e8505b}
\ No newline at end of file
diff --git a/exampleSite/static/images/tools/Ahrefs.jpg b/exampleSite/static/images/tools/Ahrefs.jpg
new file mode 100644
index 0000000..8ab813f
--- /dev/null
+++ b/exampleSite/static/images/tools/Ahrefs.jpg
diff --git a/exampleSite/static/images/tools/Atom.png b/exampleSite/static/images/tools/Atom.png
new file mode 100644
index 0000000..a3ee12d
--- /dev/null
+++ b/exampleSite/static/images/tools/Atom.png
diff --git a/exampleSite/static/images/tools/Bitly.jpg b/exampleSite/static/images/tools/Bitly.jpg
new file mode 100644
index 0000000..27e0af2
--- /dev/null
+++ b/exampleSite/static/images/tools/Bitly.jpg
diff --git a/exampleSite/static/images/tools/Buffer.jpg b/exampleSite/static/images/tools/Buffer.jpg
new file mode 100644
index 0000000..660c1f4
--- /dev/null
+++ b/exampleSite/static/images/tools/Buffer.jpg
diff --git a/exampleSite/static/images/tools/Git.png b/exampleSite/static/images/tools/Git.png
new file mode 100644
index 0000000..34552fb
--- /dev/null
+++ b/exampleSite/static/images/tools/Git.png
diff --git a/exampleSite/static/images/tools/Google-Analytics.jpg b/exampleSite/static/images/tools/Google-Analytics.jpg
new file mode 100644
index 0000000..8eafbf6
--- /dev/null
+++ b/exampleSite/static/images/tools/Google-Analytics.jpg
diff --git a/exampleSite/static/images/tools/GoogleTrends.jpg b/exampleSite/static/images/tools/GoogleTrends.jpg
new file mode 100644
index 0000000..f9fc4ca
--- /dev/null
+++ b/exampleSite/static/images/tools/GoogleTrends.jpg
diff --git a/exampleSite/static/images/tools/Hotjar.jpg b/exampleSite/static/images/tools/Hotjar.jpg
new file mode 100644
index 0000000..dd78cd2
--- /dev/null
+++ b/exampleSite/static/images/tools/Hotjar.jpg
diff --git a/exampleSite/static/images/tools/MailChimp.jpg b/exampleSite/static/images/tools/MailChimp.jpg
new file mode 100644
index 0000000..58aa3ae
--- /dev/null
+++ b/exampleSite/static/images/tools/MailChimp.jpg
diff --git a/exampleSite/static/images/tools/Notepad.png b/exampleSite/static/images/tools/Notepad.png
new file mode 100644
index 0000000..374a18d
--- /dev/null
+++ b/exampleSite/static/images/tools/Notepad.png
diff --git a/exampleSite/static/images/tools/SEO.jpg b/exampleSite/static/images/tools/SEO.jpg
new file mode 100644
index 0000000..acd00c1
--- /dev/null
+++ b/exampleSite/static/images/tools/SEO.jpg
diff --git a/exampleSite/static/images/tools/favicon.png b/exampleSite/static/images/tools/favicon.png
new file mode 100644
index 0000000..97ec816
--- /dev/null
+++ b/exampleSite/static/images/tools/favicon.png
diff --git a/exampleSite/static/images/tools/figma.png b/exampleSite/static/images/tools/figma.png
new file mode 100644
index 0000000..c8cac7d
--- /dev/null
+++ b/exampleSite/static/images/tools/figma.png
diff --git a/exampleSite/static/images/tools/illustrator.png b/exampleSite/static/images/tools/illustrator.png
new file mode 100644
index 0000000..f99dc91
--- /dev/null
+++ b/exampleSite/static/images/tools/illustrator.png
diff --git a/exampleSite/static/images/tools/invision.png b/exampleSite/static/images/tools/invision.png
new file mode 100644
index 0000000..9974e44
--- /dev/null
+++ b/exampleSite/static/images/tools/invision.png
diff --git a/exampleSite/static/images/tools/sketch.png b/exampleSite/static/images/tools/sketch.png
new file mode 100644
index 0000000..a06a2e0
--- /dev/null
+++ b/exampleSite/static/images/tools/sketch.png
diff --git a/exampleSite/static/images/tools/sublime.png b/exampleSite/static/images/tools/sublime.png
new file mode 100644
index 0000000..6cdc0de
--- /dev/null
+++ b/exampleSite/static/images/tools/sublime.png
diff --git a/exampleSite/static/images/tools/tool1.png b/exampleSite/static/images/tools/tool1.png
deleted file mode 100644
index 9f27724..0000000
--- a/exampleSite/static/images/tools/tool1.png
+++ /dev/null
diff --git a/exampleSite/static/images/tools/tool2.png b/exampleSite/static/images/tools/tool2.png
deleted file mode 100644
index 477a7d9..0000000
--- a/exampleSite/static/images/tools/tool2.png
+++ /dev/null
diff --git a/exampleSite/static/images/tools/tool3.png b/exampleSite/static/images/tools/tool3.png
deleted file mode 100644
index a675b86..0000000
--- a/exampleSite/static/images/tools/tool3.png
+++ /dev/null
diff --git a/exampleSite/static/images/tools/tool4.png b/exampleSite/static/images/tools/tool4.png
deleted file mode 100644
index c11de87..0000000
--- a/exampleSite/static/images/tools/tool4.png
+++ /dev/null
diff --git a/exampleSite/static/images/tools/vs-code.png b/exampleSite/static/images/tools/vs-code.png
new file mode 100644
index 0000000..6399099
--- /dev/null
+++ b/exampleSite/static/images/tools/vs-code.png
diff --git a/exampleSite/static/images/tools/xd.png b/exampleSite/static/images/tools/xd.png
new file mode 100644
index 0000000..4c8a1b1
--- /dev/null
+++ b/exampleSite/static/images/tools/xd.png
diff --git a/layouts/_default/article.html b/layouts/_default/article.html
new file mode 100644
index 0000000..08d3773
--- /dev/null
+++ b/layouts/_default/article.html
@@ -0,0 +1,11 @@
+<article class="mb-5">
+  <h2 class="h4"><a class="post-title" href="{{ .Permalink }}">{{ .Title | markdownify }}</a></h2>
+  <div class="mb-3 post-meta">
+    <a href="{{ `author/` | relLangURL }}{{ .Params.Author | urlize | lower }}">{{ .Params.Author | title | humanize }}</a>,
+    {{ .PublishDate.Format "02/06/2006" }}, {{ range .Params.Categories }}
+    <a href="{{ `categories/` | relLangURL }}{{ . | urlize | lower }}">{{ . | title | humanize }}</a>
+    {{ end }}
+  </div>
+  <p>{{.Summary}}</p>
+  <a href="{{ .Permalink }}" class="btn btn-sm btn-transparent pl-0">read more</a>
+</article>
\ No newline at end of file
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index b88759a..44bd2bf 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -1,12 +1,17 @@
 <!DOCTYPE html>
 <html lang="{{ with .Site.LanguageCode }}{{ . }}{{ else }}en-US{{ end }}">
-    {{- partial "head.html" . -}}
-    <body>
-        {{- partial "preloader.html" . -}}
-        {{- partial "header.html" . -}}
-        {{ if not .IsHome }} <div class="py-5 d-none d-lg-block"></div> {{ end }}
-        {{- block "main" . }}
-        {{- end }}
-        {{- partial "footer.html" . -}}
-    </body>
+{{- partial "head.html" . -}}
+
+<body>
+    <!-- Google Tag Manager (noscript) -->
+    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id={{ .Site.Params.googleTagManager }}" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
+    <!-- End Google Tag Manager (noscript) -->
+    {{- partial "preloader.html" . -}}
+    {{- partial "header.html" . -}}
+    {{ if not .IsHome }} <div class="py-5 d-none d-lg-block"></div> {{ end }}
+    {{- block "main" . }}
+    {{- end }}
+    {{- partial "footer.html" . -}}
+</body>
+
 </html>
\ No newline at end of file
diff --git a/layouts/_default/list.html b/layouts/_default/list.html
index 7db0bf3..d49cd3b 100644
--- a/layouts/_default/list.html
+++ b/layouts/_default/list.html
@@ -9,17 +9,7 @@
         <div class="bg-white shadow block">
           {{ $paginator := .Paginate (where .Data.Pages "Type" "post") }}
           {{ range $paginator.Pages }}
-          <article class="mb-5">
-            <h2 class="h4"><a class="text-dark" href="{{ .Permalink }}">{{ .Title | markdownify }}</a></h2>
-            <div class="mb-3"><span>by <a href="{{ "author/" | relLangURL }}{{ .Params.Author | urlize | lower }}">{{ .Params.Author | title | humanize }}</a></span>,
-              <span>at {{ .PublishDate.Format "02 January 2006" }}</span>, category :
-              {{ range .Params.Categories }}
-              <a href="{{ "categories/" | relLangURL }}{{ . | urlize | lower }}">{{ . | title | humanize }}</a>
-              {{ end }}
-            </div>
-            <p>{{.Summary}}</p>
-            <a href="{{ .Permalink }}" class="btn btn-sm btn-outline-primary">read more</a>
-          </article>
+          {{ .Render "article" }}
           {{ end }}
           <!-- pagination -->
           <div class="mt-5">
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index 640ddc6..0441e36 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -5,10 +5,10 @@
     <div class="row">
       <div class="col-lg-8 mx-auto block shadow mb-5">
         <h2>{{ .Title | markdownify }}</h2>
-        <div class="mb-3"><span>by <a href="{{ "author/" | relLangURL }}{{ .Params.Author | urlize | lower }}">{{ .Params.Author | title | humanize }}</a></span>,
-          <span>at {{ .PublishDate.Format "02 January 2006" }}</span>, category :
-          {{ range .Params.Categories }}
-          <a href="{{ "categories/" | relLangURL }}{{ . | urlize | lower }}">{{ . | title | humanize }}</a>
+        <div class="mb-3 post-meta">
+          <a href="{{ `author/` | relLangURL }}{{ .Params.Author | urlize | lower }}">{{ .Params.Author | title | humanize }}</a>,
+          {{ .PublishDate.Format "02/06/2006" }}, {{ range .Params.Categories }}
+          <a href="{{ `categories/` | relLangURL }}{{ . | urlize | lower }}">{{ . | title | humanize }}</a>
           {{ end }}
         </div>
         {{ if .Params.Image }}
diff --git a/layouts/author/single.html b/layouts/author/single.html
index ad05ed3..e28aa97 100644
--- a/layouts/author/single.html
+++ b/layouts/author/single.html
@@ -4,7 +4,7 @@
   <div class="container">
     <div class="row">
       <div class="col-lg-8 mx-auto text-center block shadow">
-        <img src="{{ .Params.Image | relURL }}" alt="" class="img-fluid d-block mx-auto rounded-circle mb-4">
+        <img src="{{ .Params.Image | relURL }}" alt="" class="img-fluid d-block mx-auto rounded-circle mb-4 author-thumb">
         <h4>{{ .Title | markdownify }}</h4>
         <div class="content">
           {{ .Content }}
@@ -23,17 +23,7 @@
         <div class="bg-white shadow block">
           {{ $name:= .Title }}
           {{ range where .Site.RegularPages "Params.author" $name }}
-          <article class="mb-5">
-            <h2 class="h4"><a class="text-dark" href="{{ .Permalink }}">{{ .Title | markdownify }}</a></h2>
-            <div class="mb-3"><span>by <a href="{{ "author/" | relLangURL }}{{ .Params.Author | urlize | lower }}">{{ .Params.Author | title | humanize }}</a></span>,
-              <span>at {{ .PublishDate.Format "02 January 2006" }}</span>, category :
-              {{ range .Params.Categories }}
-              <a href="{{ "categories/" | relLangURL }}{{ . | urlize | lower }}">{{ . | title | humanize }}</a>
-              {{ end }}
-            </div>
-            <p>{{.Summary}}</p>
-            <a href="{{ .Permalink }}" class="btn btn-sm btn-outline-primary">read more</a>
-          </article>
+          {{ .Render "article" }}
           {{ end }}
         </div>
       </div>
diff --git a/layouts/index.html b/layouts/index.html
index bf15db1..2d3881a 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -24,17 +24,7 @@
         <div class="bg-white shadow block">
           {{ $paginator := .Paginate (where .Site.RegularPages "Type" "post") }}
           {{ range $paginator.Pages }}
-          <article class="mb-5">
-            <h2 class="h4"><a class="text-dark" href="{{ .Permalink }}">{{ .Title | markdownify }}</a></h2>
-            <div class="mb-3"><span>by <a href="{{ "author/" | relLangURL }}{{ .Params.Author | urlize | lower }}">{{ .Params.Author | title | humanize }}</a></span>,
-              <span>at {{ .PublishDate.Format "02 January 2006" }}</span>, category :
-              {{ range .Params.Categories }}
-              <a href="{{ "categories/" | relLangURL }}{{ . | urlize | lower }}">{{ . | title | humanize }}</a>
-              {{ end }}
-            </div>
-            <p>{{.Summary}}</p>
-            <a href="{{ .Permalink }}" class="btn btn-sm btn-outline-primary">read more</a>
-          </article>
+          {{ .Render "article" }}
           {{ end }}
           <!-- pagination -->
           <div class="mt-5">
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index d18bf32..5cfa4e1 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -3,14 +3,12 @@
   <div class="container">
     <div class="row justify-content-between align-items-center">
       <div class="col-lg-4 text-center text-lg-left mb-4 mb-lg-0">
-        <a href="{{ .Site.BaseURL }}"><img src="{{ .Site.Params.Logo | relURL }}" class="img-fluid"
-            alt="{{ .Site.Title }}"></a>
+        <a href="{{ .Site.BaseURL }}" class="d-block pb-3"><img src="{{ .Site.Params.Logo | relURL }}" class="img-fluid" alt="{{ .Site.Title }}"></a>
       </div>
       <div class="col-lg-4 text-center mb-4 mb-lg-0">
         <ul class="list-inline mb-0">
           {{ range .Site.Menus.footer }}
-          <li class="list-inline-item"><a class="text-dark d-block p-2" href="{{ .URL | absURL }}">{{ .Name }}</a>
-          </li>
+          <li class="list-inline-item"><a class="text-dark d-block p-2" href="{{ .URL | absURL }}">{{ .Name }}</a></li>
           {{ end }}
         </ul>
       </div>
@@ -21,9 +19,9 @@
           {{ end }}
         </ul>
       </div>
-      <div class="col-12 text-center mt-4">
-        <span>{{ .Site.Params.footer.copyright | markdownify }}</span>
-      </div>
+    </div>
+    <div class="text-center mt-4">
+      <span>{{ .Site.Params.copyright | markdownify }}</span>
     </div>
   </div>
 </footer>
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index c11ea1b..5548a70 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -4,14 +4,15 @@
 
   {{ "<!-- 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 }}">
+  <meta name="description"
+    content="{{ with .Description }}{{ . }}{{ else }}{{ with .Site.Params.description }}{{ . }}{{ end }}{{ end }}">
   {{ with .Site.Params.author }}
   <meta name="author" content="{{ . }}">{{ end }}
   {{ hugo.Generator }}
 
   {{ "<!-- plugins -->" | safeHTML }}
   {{ range .Site.Params.plugins.css }}
-  <link rel="stylesheet" href="{{ .URL | absURL }}">
+  <link rel="stylesheet" href="{{ .URL | absURL }} ">
   {{ end }}
 
   {{ "<!-- Main Stylesheet -->" | safeHTML }}
@@ -22,4 +23,23 @@
   <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">
 
+  <!-- Google Tag Manager -->
+  <script>
+    (function (w, d, s, l, i) {
+      w[l] = w[l] || [];
+      w[l].push({
+        'gtm.start': new Date().getTime(),
+        event: 'gtm.js'
+      });
+      var f = d.getElementsByTagName(s)[0],
+        j = d.createElement(s),
+        dl = l != 'dataLayer' ? '&l=' + l : '';
+      j.async = true;
+      j.src =
+        'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
+      f.parentNode.insertBefore(j, f);
+    })(window, document, 'script', 'dataLayer', '{{ .Site.Params.googleTagManager }}');
+  </script>
+  <!-- End Google Tag Manager -->
+
 </head>
\ No newline at end of file
diff --git a/netlify.toml b/netlify.toml
new file mode 100644
index 0000000..68eea10
--- /dev/null
+++ b/netlify.toml
@@ -0,0 +1,7 @@
+[build]
+  publish = "exampleSite/public"
+  command = "cd exampleSite && hugo --gc --themesDir ../.."
+  
+[build.environment]
+  HUGO_VERSION = "0.60.1"
+  HUGO_THEME = "repo"
\ No newline at end of file