Merge pull request #1 from hervyqa/hervyqa

svg is better for flat design

39 files changed, 57 insertions, 40 deletions

diff --git a/exampleSite/config.toml b/exampleSite/config.toml
index b046895..a496457 100644
--- a/exampleSite/config.toml
+++ b/exampleSite/config.toml
@@ -52,7 +52,7 @@ summaryLength = "10"
 
 
 [params]
-logo = "images/logo.png"
+logo = "images/logo.svg"
 home = "Home"
 # Meta data
 description = "This is meta description"
@@ -71,4 +71,4 @@ googleAnalitycsID = "Your ID"
   [params.footer]
   email = "steve.fruits@email.com"
   phone = "+880 2544 658 256"
-  address = "125/A, CA Commercial Area, California, USA"
\ No newline at end of file
+  address = "125/A, CA Commercial Area, California, USA"
diff --git a/exampleSite/content/about/_index.md b/exampleSite/content/about/_index.md
index 0028bd8..542293d 100644
--- a/exampleSite/content/about/_index.md
+++ b/exampleSite/content/about/_index.md
@@ -8,7 +8,7 @@ authorSignature : "images/about/signature.png"
 ---
 
 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.
-            
-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.
\ No newline at end of file
+
+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.
diff --git a/exampleSite/static/images/illustrations/dots-cyan.png b/exampleSite/static/images/illustrations/dots-cyan.png
deleted file mode 100644
index 62ca34b..0000000
--- a/exampleSite/static/images/illustrations/dots-cyan.png
+++ /dev/null
diff --git a/exampleSite/static/images/illustrations/dots-cyan.svg b/exampleSite/static/images/illustrations/dots-cyan.svg
new file mode 100644
index 0000000..cb463b5
--- /dev/null
+++ b/exampleSite/static/images/illustrations/dots-cyan.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="165" height="9"><g fill="#3ef8f4" paint-order="stroke fill markers"><circle r="4.5" cy="4.5" cx="4.5"/><circle cx="26.786" cy="4.5" r="4.5"/><circle r="4.5" cy="4.5" cx="49.071"/><circle cx="71.357" cy="4.5" r="4.5"/><circle r="4.5" cy="4.5" cx="93.643"/><circle cx="115.929" cy="4.5" r="4.5"/><circle r="4.5" cy="4.5" cx="138.214"/><circle cx="160.5" cy="4.5" r="4.5"/></g></svg>
\ No newline at end of file
diff --git a/exampleSite/static/images/illustrations/dots-group-cyan.png b/exampleSite/static/images/illustrations/dots-group-cyan.png
deleted file mode 100644
index 48ec187..0000000
--- a/exampleSite/static/images/illustrations/dots-group-cyan.png
+++ /dev/null
diff --git a/exampleSite/static/images/illustrations/dots-group-cyan.svg b/exampleSite/static/images/illustrations/dots-group-cyan.svg
new file mode 100644
index 0000000..bdbc183
--- /dev/null
+++ b/exampleSite/static/images/illustrations/dots-group-cyan.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="74" height="54"><g fill="#3ef8f4" paint-order="stroke fill markers"><circle r="4.5" cy="4.5" cx="4.5"/><circle cx="26.167" cy="4.5" r="4.5"/><circle r="4.5" cy="4.5" cx="47.833"/><circle cx="69.5" cy="4.5" r="4.5"/><circle cx="4.5" cy="49.5" r="4.5"/><circle r="4.5" cy="49.5" cx="26.167"/><circle cx="47.833" cy="49.5" r="4.5"/><circle r="4.5" cy="49.5" cx="69.5"/><circle cx="4.5" cy="27" r="4.5"/><circle r="4.5" cy="27" cx="26.167"/><circle cx="47.833" cy="27" r="4.5"/><circle r="4.5" cy="27" cx="69.5"/></g></svg>
\ No newline at end of file
diff --git a/exampleSite/static/images/illustrations/dots-group-orange.png b/exampleSite/static/images/illustrations/dots-group-orange.png
deleted file mode 100644
index 7bf80d6..0000000
--- a/exampleSite/static/images/illustrations/dots-group-orange.png
+++ /dev/null
diff --git a/exampleSite/static/images/illustrations/dots-group-orange.svg b/exampleSite/static/images/illustrations/dots-group-orange.svg
new file mode 100644
index 0000000..e85fb5c
--- /dev/null
+++ b/exampleSite/static/images/illustrations/dots-group-orange.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="74" height="54"><g fill="#ff9e2b" paint-order="stroke fill markers"><circle r="4.5" cy="4.5" cx="4.5"/><circle cx="26.167" cy="4.5" r="4.5"/><circle r="4.5" cy="4.5" cx="47.833"/><circle cx="69.5" cy="4.5" r="4.5"/><circle cx="4.5" cy="49.5" r="4.5"/><circle r="4.5" cy="49.5" cx="26.167"/><circle cx="47.833" cy="49.5" r="4.5"/><circle r="4.5" cy="49.5" cx="69.5"/><circle cx="4.5" cy="27" r="4.5"/><circle r="4.5" cy="27" cx="26.167"/><circle cx="47.833" cy="27" r="4.5"/><circle r="4.5" cy="27" cx="69.5"/></g></svg>
\ No newline at end of file
diff --git a/exampleSite/static/images/illustrations/dots-group-sm.png b/exampleSite/static/images/illustrations/dots-group-sm.png
deleted file mode 100644
index 28b4701..0000000
--- a/exampleSite/static/images/illustrations/dots-group-sm.png
+++ /dev/null
diff --git a/exampleSite/static/images/illustrations/dots-group-sm.svg b/exampleSite/static/images/illustrations/dots-group-sm.svg
new file mode 100644
index 0000000..e85fb5c
--- /dev/null
+++ b/exampleSite/static/images/illustrations/dots-group-sm.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="74" height="54"><g fill="#ff9e2b" paint-order="stroke fill markers"><circle r="4.5" cy="4.5" cx="4.5"/><circle cx="26.167" cy="4.5" r="4.5"/><circle r="4.5" cy="4.5" cx="47.833"/><circle cx="69.5" cy="4.5" r="4.5"/><circle cx="4.5" cy="49.5" r="4.5"/><circle r="4.5" cy="49.5" cx="26.167"/><circle cx="47.833" cy="49.5" r="4.5"/><circle r="4.5" cy="49.5" cx="69.5"/><circle cx="4.5" cy="27" r="4.5"/><circle r="4.5" cy="27" cx="26.167"/><circle cx="47.833" cy="27" r="4.5"/><circle r="4.5" cy="27" cx="69.5"/></g></svg>
\ No newline at end of file
diff --git a/exampleSite/static/images/illustrations/dots-group-v.png b/exampleSite/static/images/illustrations/dots-group-v.png
deleted file mode 100644
index 9ad515c..0000000
--- a/exampleSite/static/images/illustrations/dots-group-v.png
+++ /dev/null
diff --git a/exampleSite/static/images/illustrations/dots-group-v.svg b/exampleSite/static/images/illustrations/dots-group-v.svg
new file mode 100644
index 0000000..cbc1fbb
--- /dev/null
+++ b/exampleSite/static/images/illustrations/dots-group-v.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="74" height="123"><g fill="#ff9e2b" paint-order="stroke fill markers"><circle r="4.5" cy="4.5" cx="4.5"/><circle cx="26.167" cy="4.5" r="4.5"/><circle r="4.5" cy="4.5" cx="47.833"/><circle cx="69.5" cy="4.5" r="4.5"/><circle cx="4.5" cy="50.1" r="4.5"/><circle r="4.5" cy="50.1" cx="26.167"/><circle cx="47.833" cy="50.1" r="4.5"/><circle r="4.5" cy="50.1" cx="69.5"/><circle cx="4.5" cy="27.3" r="4.5"/><circle r="4.5" cy="27.3" cx="26.167"/><circle cx="47.833" cy="27.3" r="4.5"/><circle r="4.5" cy="27.3" cx="69.5"/><circle cx="4.5" cy="72.9" r="4.5"/><circle r="4.5" cy="72.9" cx="26.167"/><circle cx="47.833" cy="72.9" r="4.5"/><circle r="4.5" cy="72.9" cx="69.5"/><circle r="4.5" cy="118.5" cx="4.5"/><circle cx="26.167" cy="118.5" r="4.5"/><circle r="4.5" cy="118.5" cx="47.833"/><circle cx="69.5" cy="118.5" r="4.5"/><circle r="4.5" cy="95.7" cx="4.5"/><circle cx="26.167" cy="95.7" r="4.5"/><circle r="4.5" cy="95.7" cx="47.833"/><circle cx="69.5" cy="95.7" r="4.5"/></g></svg>
\ No newline at end of file
diff --git a/exampleSite/static/images/illustrations/dots-orange.png b/exampleSite/static/images/illustrations/dots-orange.png
deleted file mode 100644
index baddf2b..0000000
--- a/exampleSite/static/images/illustrations/dots-orange.png
+++ /dev/null
diff --git a/exampleSite/static/images/illustrations/dots-orange.svg b/exampleSite/static/images/illustrations/dots-orange.svg
new file mode 100644
index 0000000..f8b9088
--- /dev/null
+++ b/exampleSite/static/images/illustrations/dots-orange.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="125" height="9"><g fill="#ff9e2b" paint-order="stroke fill markers"><circle r="4.5" cy="4.5" cx="4.5"/><circle cx="27.7" cy="4.5" r="4.5"/><circle r="4.5" cy="4.5" cx="50.9"/><circle cx="74.1" cy="4.5" r="4.5"/><circle r="4.5" cy="4.5" cx="97.3"/><circle cx="120.5" cy="4.5" r="4.5"/></g></svg>
\ No newline at end of file
diff --git a/exampleSite/static/images/illustrations/leaf-bg-top.png b/exampleSite/static/images/illustrations/leaf-bg-top.png
deleted file mode 100644
index efc3a4d..0000000
--- a/exampleSite/static/images/illustrations/leaf-bg-top.png
+++ /dev/null
diff --git a/exampleSite/static/images/illustrations/leaf-bg-top.svg b/exampleSite/static/images/illustrations/leaf-bg-top.svg
new file mode 100644
index 0000000..378985f
--- /dev/null
+++ b/exampleSite/static/images/illustrations/leaf-bg-top.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1600" height="517"><path d="M171.715 0C191.86 64.814 222.013 156.159 246 204.434c39.666 79.83 71.66 37.324 75.121 13.226 3.461-24.098 36.055-56.45 122.024 109.23 85.968 165.681 164.035 176.49 201.865 70.311C682.84 291.022 751.49 327.68 824.44 418.04c80.207 99.348 250.7 156.474 199.28 10.594-56.621-160.631-7.87-146.304 111.746-106.137s160.48 56.398 198.629 10.865c38.148-45.533-12.767-59.019-44.207-95.89-31.441-36.872.064-49.012 53.049-60.473 52.984-11.46 99.36-14.035 107.216-61.537 7.858-47.502-98.365-37.75 13.733-104.164 6.322-3.746 11.8-7.52 16.539-11.297h-136.979c-85.902 20.45-212.327 42.846-366.652 47.422C843.918 51.362 664.204 27.525 506.22 0H171.715zm659.224 0c187.291 20.873 345.19 12.17 448.584 0H830.94z" fill="#36197f"/></svg>
\ No newline at end of file
diff --git a/exampleSite/static/images/illustrations/leaf-bg.png b/exampleSite/static/images/illustrations/leaf-bg.png
deleted file mode 100644
index e6bad6c..0000000
--- a/exampleSite/static/images/illustrations/leaf-bg.png
+++ /dev/null
diff --git a/exampleSite/static/images/illustrations/leaf-bg.svg b/exampleSite/static/images/illustrations/leaf-bg.svg
new file mode 100644
index 0000000..8a86f7f
--- /dev/null
+++ b/exampleSite/static/images/illustrations/leaf-bg.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1600" height="864"><path d="M619.148 131.475c-45.084.475-69.441 32.787-41.29 113.423 72.138 206.64 9.546 188.042-144.012 135.961-153.559-52.08-206.01-73.097-255.21-14.732-49.199 58.365 16.18 75.893 56.44 123.396 40.261 47.505-.273 62.984-68.406 77.506-68.133 14.523-127.737 17.652-138.018 78.664-10.281 61.014 126.26 48.892-18.05 133.805A210.6 210.6 0 0 0 0 786.162V864h1196.486a3519.037 3519.037 0 0 0-234.316-47.941c-429.164-72.675-768.214-18.188-858.621 1.082-74.004 15.774-92.123 21.223-96.352 22.707 14.805-5.527 259.872-95.04 629.487-104.885 279.482-7.444 719.648 81.142 935.056 129.037H1600V590.326c-8.13-20.532-16.096-39.107-23.59-54.303-50.664-102.738-91.946-48.243-96.486-17.29-4.541 30.954-46.55 72.402-156.383-140.84-109.833-213.244-210.112-227.434-259.137-91.135-49.024 136.3-137.104 88.928-230.5-27.473-58.563-72.988-154.917-128.442-214.756-127.81z" fill="#36197f"/></svg>
\ No newline at end of file
diff --git a/exampleSite/static/images/illustrations/leaf-cyan-2.png b/exampleSite/static/images/illustrations/leaf-cyan-2.png
deleted file mode 100644
index 792999f..0000000
--- a/exampleSite/static/images/illustrations/leaf-cyan-2.png
+++ /dev/null
diff --git a/exampleSite/static/images/illustrations/leaf-cyan-2.svg b/exampleSite/static/images/illustrations/leaf-cyan-2.svg
new file mode 100644
index 0000000..13b11a3
--- /dev/null
+++ b/exampleSite/static/images/illustrations/leaf-cyan-2.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="161" height="120"><path d="M161 92.206s-1.655-25.103-4.327-35.653c-2.673-10.55-7.588-6.304-8.623-3.517-1.035 2.786-5.76 5.805-11.742-16.184-5.981-21.99-15.018-25.294-22.273-13.6-7.255 11.693-14.5 5.547-20.873-7.118C86.155 2.208 67.285-9.01 69.656 9.726c2.61 20.629-2.838 17.66-16.074 9.78-13.237-7.88-17.694-10.872-23.422-6.423-5.727 4.449 0 7.372 2.8 12.583 2.8 5.212-1.272 5.847-7.89 5.847-6.62 0-12.22-.89-14.383 4.576-2.164 5.466 10.763 7.043-4.327 12.075-11.652 3.885-5.028 12.393 1.909 13.537 6.936 1.144 6.81 5.275 4.773 8.707-2.037 3.431-4.837 9.469 12.536 9.66 17.374.19 17.5 4.194 10.119 8.643-7.382 4.448-1.146 13.155 13.237 12.456 14.382-.7 42.912-10.383 33.013 4.896-9.9 15.28 7.935 17.49 20.609 8.449 13.341-9.518 19.65-8.782 17.4-1.862s1.32 7.704 8.7 5.007c7.38-2.696 10.62-11.324 17.099-11.864 6.48-.539 9.858 2.982 11.658 1.364 2.118-2.444-24.923-21.497-63.36-36.75-38.437-15.252-71.02-16.904-79.802-16.904-8.782 0-9.546.222-9.546.222s25.073-3.909 60.71 2.7C101.054 63.036 161 92.207 161 92.207z" fill="#3ef8f4"/></svg>
\ No newline at end of file
diff --git a/exampleSite/static/images/illustrations/leaf-cyan-lg.png b/exampleSite/static/images/illustrations/leaf-cyan-lg.png
deleted file mode 100644
index ba32e41..0000000
--- a/exampleSite/static/images/illustrations/leaf-cyan-lg.png
+++ /dev/null
diff --git a/exampleSite/static/images/illustrations/leaf-cyan-lg.svg b/exampleSite/static/images/illustrations/leaf-cyan-lg.svg
new file mode 100644
index 0000000..206e1dc
--- /dev/null
+++ b/exampleSite/static/images/illustrations/leaf-cyan-lg.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="464" height="291"><path d="M461.207 290.339s-2.549 2.316-4.456-1.722c-1.907-4.038-10.73-24.447-22.287-38.184-11.559-13.737-23.579-29.481-45.462-28.555-21.884.926-28.51-8.026-35.6-14.663-7.088-6.638-13.253-10.65-31.591-8.335-18.34 2.315-18.34 18.059-37.295 22.226-18.955 4.168-29.434 3.705-52.55-12.348-23.117-16.053-40.069-2.007-59.486.926-19.418 2.933-32.664-2.46-49.912-10.36-17.248-7.899-33.376-25.362-40.786-50.901-7.41-25.54-2.179-31.215-46.857-44.75C-9.753 90.14-.653 40.43 4.168 26.759 8.99 13.085 47.205.936 47.205.936S74.155.861 91.59 30.984c17.435 30.124 37.268 37.982 52.524 31.87 15.256-6.112 30.076-14.625 60.152 2.62 30.076 17.244 64.728 69.197 76.061 78.146 11.333 8.95 180.214 67.292 180.88 146.719z" fill="#17e4e0"/><path d="M39.04 0a34.908 34.908 0 0 1 11.57 1.927c24.041 8.335 21.391 16.979 31.562 41.058 10.172 24.079 31.462 28.606 60.921 19.266 43.856-13.904 61.79 28.318 74.25 39.458 24.923 21.816 92.457 34.914 139.918 54.571 68.516 28.377 97.854 84.891 104.018 107.273 6.164 22.38-.073 26.786-.073 26.786-2.388 2.16-3.934-6.412-9.482-21.076-5.547-14.663-19.417-36.426-28.51-40.593-9.092-4.168-14.641-13.121-24.812-16.671-10.171-3.55-11.712 1.39-30.513-17.132-18.801-18.523-35.137-24.079-63.493 2.47-28.356 26.548-49.314 29.326-59.176 12.656-9.863-16.67-33.597-34.884-61.336-16.67-27.74 18.213-60.72 17.596-80.753-12.657-20.035-30.253-4.315-58.036-32.055-72.545-27.74-14.51-63.183-8.643-69.04-52.17C-2.904 19.223 17.958.08 39.04 0zm10.462 51.32s.765 1.273 2.808 3.635c9.863 12.198 47.727 53.73 130.65 88.358 98.32 41.057 139.599 36.05 139.599 36.05s-66.245-8.576-162.408-55.499C84.822 87.108 59.698 63.493 52.311 54.954c-1.832-2.264-2.809-3.635-2.809-3.635z" fill="#3ef8f4"/></svg>
\ No newline at end of file
diff --git a/exampleSite/static/images/illustrations/leaf-cyan.png b/exampleSite/static/images/illustrations/leaf-cyan.png
deleted file mode 100644
index fa361cb..0000000
--- a/exampleSite/static/images/illustrations/leaf-cyan.png
+++ /dev/null
diff --git a/exampleSite/static/images/illustrations/leaf-cyan.svg b/exampleSite/static/images/illustrations/leaf-cyan.svg
new file mode 100644
index 0000000..89c4e51
--- /dev/null
+++ b/exampleSite/static/images/illustrations/leaf-cyan.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="169" height="96"><path d="M137.01 87.096s24.87 14.377 28.863 6.594c18.717-36.488-51.914-54.794-70.858-58.931-23.586-5.151-39.731-11.191-55.717-27.822C23.312-9.693-8.969 6.782 2.36 22.791 13.69 38.8 18.346 28.075 34.642 39.888c16.14 11.657 10.098 35.093 42.37 44.142 22.495 6.307 59.999 3.066 59.999 3.066z" fill="#2ddad6"/><path d="M16.927 3.777C12.275 3.73 7.955 4.903 4.571 6.633-.066 10.975-1.801 16.91 2.36 22.79c3.1 4.38 5.7 6.752 8.175 8.138 9.032-.327 20.993-.655 28.953 13.5 10.397 12.412 9.03 31.61 37.524 39.6 1.63.457 3.346.86 5.113 1.222 5.704-5.284 21.916-17.15 46.724-9.77 31.35 9.325 40.197 21.604 38.335 5.44-1.045-9.064-10.973-20.962-24.007-29.557-8.365-4.41-17.64-7.946-26.066-10.65-2.525-.39-5.037-.574-7.508-.514-25.608.621-56.027.776-67.667-19.896C35.025 8.03 25.432 3.866 16.927 3.777z" fill="#3ef8f4"/></svg>
\ No newline at end of file
diff --git a/exampleSite/static/images/illustrations/leaf-orange.png b/exampleSite/static/images/illustrations/leaf-orange.png
deleted file mode 100644
index f37bd51..0000000
--- a/exampleSite/static/images/illustrations/leaf-orange.png
+++ /dev/null
diff --git a/exampleSite/static/images/illustrations/leaf-orange.svg b/exampleSite/static/images/illustrations/leaf-orange.svg
new file mode 100644
index 0000000..e5c859f
--- /dev/null
+++ b/exampleSite/static/images/illustrations/leaf-orange.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="72" height="93"><path d="M13.457 92.605c4.222 1.255 18.903 1.084 28.69-25.282C53.03 38.006 58.15 33.413 67.072 24.062c12.273-12.864.45-32.164-22.503-20.418C21.617 15.389-.26 53.084.002 70.11c.176 11.363 3.565 19.555 13.455 22.495z" fill="#fe744f"/><path d="M55.658 5.276a1.506 1.516 0 0 0-1.06.398S37.618 20.932 25.012 43.08c-9.265 16.275-11.33 38.413-11.768 49.454.073.022.14.05.213.073.682.202 1.657.35 2.819.375.45-10.72 2.47-32.798 11.35-48.396C39.95 22.935 56.605 7.934 56.605 7.934a1.506 1.516 0 0 0-.947-2.658z" style="line-height:normal;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000;text-transform:none;text-orientation:mixed;white-space:normal;shape-padding:0;isolation:auto;mix-blend-mode:normal;solid-color:#000;solid-opacity:1" color="#000" font-weight="400" font-family="sans-serif" overflow="visible" fill="#da6048"/></svg>
\ No newline at end of file
diff --git a/exampleSite/static/images/illustrations/leaf-pink-round.png b/exampleSite/static/images/illustrations/leaf-pink-round.png
deleted file mode 100644
index 1a54a0f..0000000
--- a/exampleSite/static/images/illustrations/leaf-pink-round.png
+++ /dev/null
diff --git a/exampleSite/static/images/illustrations/leaf-pink-round.svg b/exampleSite/static/images/illustrations/leaf-pink-round.svg
new file mode 100644
index 0000000..a68d4ae
--- /dev/null
+++ b/exampleSite/static/images/illustrations/leaf-pink-round.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="84" height="68"><path d="M58.67 67.1s23.16-.973 24.745-20.854C85 26.364 73.763.864 40.051 0 6.339-.864-4.9 37.89 1.729 52.585 8.356 67.28 25.644 68.145 33.424 68c7.78-.144 17.41-.102 17.41-.102l-4.075-27.913z" fill="#f54ea2"/><path d="M50.02 1.086L48.84 28.38l8.926-25.088a47.522 47.522 0 0 0-7.746-2.207zm-20.75.105a34.596 34.596 0 0 0-8.624 3.54l13.93 26.1L29.27 1.19zM75.377 16.56L64.543 30.543l14.71-7.488a40.064 40.064 0 0 0-3.876-6.496zM6.15 19.787A49.172 49.172 0 0 0 1.957 29.6l18.5 1.52L6.15 19.786zm77.211 18.535L53.45 42.5l30.065 2.082c.088-2.048.04-4.145-.153-6.26zm-46.336 2.305L7.665 60.604c2.997 2.607 6.494 4.304 10.017 5.412l19.343-25.389z" fill="#df4090"/></svg>
\ No newline at end of file
diff --git a/exampleSite/static/images/illustrations/leaf-pink.png b/exampleSite/static/images/illustrations/leaf-pink.png
deleted file mode 100644
index fa1c475..0000000
--- a/exampleSite/static/images/illustrations/leaf-pink.png
+++ /dev/null
diff --git a/exampleSite/static/images/illustrations/leaf-pink.svg b/exampleSite/static/images/illustrations/leaf-pink.svg
new file mode 100644
index 0000000..f80a29f
--- /dev/null
+++ b/exampleSite/static/images/illustrations/leaf-pink.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="573" height="359"><path d="M3.45 358.184s3.147 2.858 5.502-2.124c2.354-4.982 13.25-30.16 27.523-47.106 14.273-16.948 29.117-36.37 56.141-35.228 27.024 1.142 35.208-9.902 43.962-18.09 8.754-8.188 16.367-13.14 39.014-10.283 22.647 2.856 22.647 22.28 46.055 27.42 23.408 5.142 36.349 4.57 64.896-15.233 28.546-19.804 49.48-2.475 73.46 1.143 23.978 3.618 40.337-3.036 61.636-12.781 21.3-9.745 41.216-31.289 50.367-62.796 9.15-31.508 2.691-38.51 57.865-55.206 55.173-16.696 43.936-78.022 37.981-94.89-5.954-16.867-53.146-31.855-53.146-31.855s-33.28-.093-54.812 37.07c-21.53 37.162-46.022 46.857-64.862 39.317-18.84-7.54-37.141-18.043-74.283 3.231-37.14 21.275-79.934 85.367-93.93 96.408C212.826 188.222 4.273 260.197 3.45 358.184z" fill="#dc3c8c"/><path d="M524.79 0c-4.82-.018-9.65.77-14.29 2.377-29.688 10.282-26.415 20.947-38.976 50.652-12.56 29.706-38.852 35.29-75.232 23.769-54.158-17.153-76.306 34.935-91.691 48.678-30.779 26.914-114.177 43.073-172.788 67.323C47.203 227.807 10.973 297.528 3.36 325.14c-7.612 27.61.09 33.045.09 33.045 2.95 2.666 4.858-7.91 11.71-26 6.85-18.09 23.979-44.938 35.207-50.08 11.228-5.14 18.08-16.186 30.641-20.566 12.56-4.38 14.463 1.715 37.68-21.136 23.219-22.85 43.392-29.705 78.41 3.048 35.016 32.752 60.897 36.18 73.077 15.614s41.488-43.036 75.744-20.567c34.256 22.47 74.983 21.709 99.724-15.614 24.74-37.322 5.328-71.597 39.584-89.497 34.256-17.9 78.026-10.663 85.258-64.361C576.587 23.717 550.823.098 524.79 0zM511.87 63.311s-.944 1.572-3.468 4.485c-12.179 15.049-58.938 66.287-161.34 109.006-121.418 50.652-172.393 44.473-172.393 44.473s81.806-10.579 200.56-68.467c93.024-45.345 124.05-74.478 133.173-85.012 2.262-2.794 3.468-4.485 3.468-4.485z" fill="#f54ea2"/></svg>
\ No newline at end of file
diff --git a/exampleSite/static/images/illustrations/leaf-yellow.png b/exampleSite/static/images/illustrations/leaf-yellow.png
deleted file mode 100644
index 00e3171..0000000
--- a/exampleSite/static/images/illustrations/leaf-yellow.png
+++ /dev/null
diff --git a/exampleSite/static/images/illustrations/leaf-yellow.svg b/exampleSite/static/images/illustrations/leaf-yellow.svg
new file mode 100644
index 0000000..04c9f9c
--- /dev/null
+++ b/exampleSite/static/images/illustrations/leaf-yellow.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="346" height="285"><path d="M345.248 45.84c3.942-5.292-6.974-24.191-47.91-37.497-40.936-13.305-78.021-7.482-93.245-4.275-15.223 3.207-25.086.428-46.742-3.421-21.656-3.85-36.236 11.119-32.805 29.294 3.43 18.175 1.072 18.816-33.235 26.942-34.306 8.125-74.402 20.1-61.965 63.933 12.436 43.834-2.359 37.42-13.937 46.828-11.579 9.408-24.761 39.607-6.004 59.87 10.292 11.12 19.624 17.828 18.01 31.22-2.366 19.646 1.073 30.362 16.082 24.803 15.009-5.56 22.942-24.162 25.515-38.275 2.573-14.112 7.078-21.14 33.878-20.1 15.683.61 23.923-15.555 26.286-28.16 1.551-8.277-1.583-15.843-1.2-22.088 1.287-20.955 15.19-17.042 40.096-24.804 27.445-8.553 32.59-32.715 31.948-53.884-.644-21.168 3.469-63.086 43.495-70.344 20.713-3.756 51.01 3.647 70.416 11.075 18.094 6.925 25.83 13.99 31.317 8.883z" fill="#ff9e2b"/><path d="M40.851 279.001l4.549 1.512s4.407-64.31 29.217-125.317c26.76-65.8 71.439-104.035 115.53-125.988C130.032 54.865 97.38 91.177 68.155 152.89c-31.5 66.516-27.304 126.111-27.304 126.111z" fill="#d77d13"/></svg>
\ No newline at end of file
diff --git a/exampleSite/static/images/illustrations/page-title.png b/exampleSite/static/images/illustrations/page-title.png
deleted file mode 100644
index 4e4ca75..0000000
--- a/exampleSite/static/images/illustrations/page-title.png
+++ /dev/null
diff --git a/exampleSite/static/images/illustrations/page-title.svg b/exampleSite/static/images/illustrations/page-title.svg
new file mode 100644
index 0000000..db08a23
--- /dev/null
+++ b/exampleSite/static/images/illustrations/page-title.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1600" height="502"><path d="M807.414 39.729c-36.81-.422-96.428 50.147-125.393 107.712-42.15 83.771-90.074 124.425-138.058 47.08-47.984-77.344-107.754-55.488-147.32 89.954-39.566 145.441-70.815 125.472-77.66 107.045-6.846-18.429-39.355-46.513-57.034 23.265-5.614 22.162-10.547 54.037-14.668 87.215h330.364c99.577-37.975 203.934-72.485 287.896-88.057 228.564-42.39 390.954-19.435 400.621-18-2.766-.356-14.574-1.336-62.205-1.336-57.226 0-267.246 10.612-516.557 107.393h522.13c-10.958-21.704-8.943-46.087 33.993-53.168 45.88-7.566 89.692-63.839 12.627-89.535-99.812-33.28-14.312-43.715-28.623-79.865-14.31-36.15-51.35-30.266-95.125-30.266s-70.715-4.203-52.195-38.672c18.52-34.47 56.404-53.806 18.521-83.23-37.882-29.424-67.363-9.638-154.914 42.486-87.55 52.123-123.583 71.754-106.318-64.691 5.88-46.469-7.995-65.078-30.082-65.33z" fill="#36197f" fill-opacity=".353"/></svg>
\ No newline at end of file
diff --git a/exampleSite/static/images/logo.svg b/exampleSite/static/images/logo.svg
new file mode 100644
index 0000000..35d0fc8
--- /dev/null
+++ b/exampleSite/static/images/logo.svg
@@ -0,0 +1 @@
+<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/layouts/about/list.html b/layouts/about/list.html
index f762012..5079024 100644
--- a/layouts/about/list.html
+++ b/layouts/about/list.html
@@ -10,15 +10,15 @@
       </div>
     </div>
     <!-- background shapes -->
-    <img src="{{`images/illustrations/leaf-bg-top.png`| relURL}}" alt="illustrations" class="bg-shape-1 w-100">
-    <img src="{{`images/illustrations/dots-group-sm.png`| relURL}}" alt="illustrations" class="bg-shape-2">
-    <img src="{{`images/illustrations/leaf-yellow.png`| relURL}}" alt="illustrations" class="bg-shape-3">
-    <img src="{{`images/illustrations/leaf-orange.png`| relURL}}" alt="illustrations" class="bg-shape-4">
-    <img src="{{`images/illustrations/dots-group-cyan.png`| relURL}}" alt="illustrations" class="bg-shape-5">
-    <img src="{{`images/illustrations/leaf-cyan-lg.png`| relURL}}" alt="illustrations" class="bg-shape-6">
+    <img src="{{`images/illustrations/leaf-bg-top.svg`| relURL}}" alt="illustrations" class="bg-shape-1 w-100">
+    <img src="{{`images/illustrations/dots-group-sm.svg`| relURL}}" alt="illustrations" class="bg-shape-2">
+    <img src="{{`images/illustrations/leaf-yellow.svg`| relURL}}" alt="illustrations" class="bg-shape-3">
+    <img src="{{`images/illustrations/leaf-orange.svg`| relURL}}" alt="illustrations" class="bg-shape-4">
+    <img src="{{`images/illustrations/dots-group-cyan.svg`| relURL}}" alt="illustrations" class="bg-shape-5">
+    <img src="{{`images/illustrations/leaf-cyan-lg.svg`| relURL}}" alt="illustrations" class="bg-shape-6">
   </section>
   <!-- /page title -->
-  
+
   <!-- about -->
   <section class="section pt-5">
     <div class="container">
@@ -37,7 +37,7 @@
     </div>
   </section>
   <!-- /about -->
-  
+
   {{ partial "work-process.html" . }}
 
   {{ partial "team.html" . }}
@@ -53,4 +53,4 @@
     </div>
   </section>
 
-{{ end }}
\ No newline at end of file
+{{ end }}
diff --git a/layouts/index.html b/layouts/index.html
index f1f1b83..9679808 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -10,31 +10,31 @@
       </div>
     </div>
     <div class="layer-bg w-100">
-      <img class="img-fluid w-100" src="{{`images/illustrations/leaf-bg.png` | relURL}}" alt="bg-shape">
+      <img class="img-fluid w-100" src="{{`images/illustrations/leaf-bg.svg` | relURL}}" alt="bg-shape">
     </div>
     <div class="layer" id="l2">
-      <img src="{{`images/illustrations/dots-cyan.png` | relURL}}" alt="bg-shape">
+      <img src="{{`images/illustrations/dots-cyan.svg` | relURL}}" alt="bg-shape">
     </div>
     <div class="layer" id="l3">
-      <img src="{{`images/illustrations/leaf-orange.png` | relURL}}" alt="bg-shape">
+      <img src="{{`images/illustrations/leaf-orange.svg` | relURL}}" alt="bg-shape">
     </div>
     <div class="layer" id="l4">
-      <img src="{{`images/illustrations/dots-orange.png` | relURL}}" alt="bg-shape">
+      <img src="{{`images/illustrations/dots-orange.svg` | relURL}}" alt="bg-shape">
     </div>
     <div class="layer" id="l5">
-      <img src="{{`images/illustrations/leaf-yellow.png` | relURL}}" alt="bg-shape">
+      <img src="{{`images/illustrations/leaf-yellow.svg` | relURL}}" alt="bg-shape">
     </div>
     <div class="layer" id="l6">
-      <img src="{{`images/illustrations/leaf-cyan.png` | relURL}}" alt="bg-shape">
+      <img src="{{`images/illustrations/leaf-cyan.svg` | relURL}}" alt="bg-shape">
     </div>
     <div class="layer" id="l7">
-      <img src="{{`images/illustrations/dots-group-orange.png` | relURL}}" alt="bg-shape">
+      <img src="{{`images/illustrations/dots-group-orange.svg` | relURL}}" alt="bg-shape">
     </div>
     <div class="layer" id="l8">
-      <img src="{{`images/illustrations/leaf-pink-round.png` | relURL}}" alt="bg-shape">
+      <img src="{{`images/illustrations/leaf-pink-round.svg` | relURL}}" alt="bg-shape">
     </div>
     <div class="layer" id="l9">
-      <img src="{{`images/illustrations/leaf-cyan-2.png` | relURL}}" alt="bg-shape">
+      <img src="{{`images/illustrations/leaf-cyan-2.svg` | relURL}}" alt="bg-shape">
     </div>
     <!-- social icon -->
     <ul class="list-unstyled ml-5 mt-3 position-relative zindex-1">
@@ -224,11 +224,11 @@
     </div>
     <!-- bg shapes -->
     <img src="{{`images/backgrounds/map.png` | relURL }}" alt="map" class="img-fluid bg-map">
-    <img src="{{`images/illustrations/dots-group-v.png` | relURL }}" alt="bg-shape" class="img-fluid bg-shape-1">
-    <img src="{{`images/illustrations/leaf-orange.png` | relURL }}" alt="bg-shape" class="img-fluid bg-shape-2">
-    <img src="{{`images/illustrations/dots-group-sm.png` | relURL }}" alt="bg-shape" class="img-fluid bg-shape-3">
-    <img src="{{`images/illustrations/leaf-pink-round.png` | relURL }}" alt="bg-shape" class="img-fluid bg-shape-4">
-    <img src="{{`images/illustrations/leaf-cyan.png` | relURL }}" alt="bg-shape" class="img-fluid bg-shape-5">
+    <img src="{{`images/illustrations/dots-group-v.svg` | relURL }}" alt="bg-shape" class="img-fluid bg-shape-1">
+    <img src="{{`images/illustrations/leaf-orange.svg` | relURL }}" alt="bg-shape" class="img-fluid bg-shape-2">
+    <img src="{{`images/illustrations/dots-group-sm.svg` | relURL }}" alt="bg-shape" class="img-fluid bg-shape-3">
+    <img src="{{`images/illustrations/leaf-pink-round.svg` | relURL }}" alt="bg-shape" class="img-fluid bg-shape-4">
+    <img src="{{`images/illustrations/leaf-cyan.svg` | relURL }}" alt="bg-shape" class="img-fluid bg-shape-5">
   </section>
   <!-- /testimonial -->
   {{ end }}
@@ -272,4 +272,4 @@
   {{ end }}
 
 
-{{ end }}
\ No newline at end of file
+{{ end }}
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index 749adff..caafa0e 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -53,11 +53,11 @@
     </div>
   </div>
   <div class="border-top text-center border-dark py-5">
-    <p class="mb-0 text-light">Get more <a href="https://themefisher.com/best-hugo-themes">hugo themes</a></p>
+    <p class="mb-0 text-light">Powered by <a href="https://themefisher.com/best-hugo-themes">Hugo Themes</a></p>
   </div>
 </footer>
 <!-- /footer -->
-  
+
 {{ "<!-- Google Map API -->" | safeHTML }}
 <script src="{{ .Site.Params.gmapAPI | absURL }}"></script>
 {{ "<!-- JS Plugins -->" | safeHTML }}
@@ -75,4 +75,4 @@
   })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
   ga('create', '{{ .Site.Params.googleAnalitycsID }}', 'auto');
   ga('send', 'pageview');
-</script>
\ No newline at end of file
+</script>
diff --git a/layouts/partials/page-title.html b/layouts/partials/page-title.html
index 81066e9..0dd8615 100644
--- a/layouts/partials/page-title.html
+++ b/layouts/partials/page-title.html
@@ -8,12 +8,12 @@
     </div>
   </div>
   <!-- background shapes -->
-  <img src="{{`images/illustrations/page-title.png`| relURL}}" alt="illustrations" class="bg-shape-1 w-100">
-  <img src="{{`images/illustrations/leaf-pink-round.png`| relURL}}" alt="illustrations" class="bg-shape-2">
-  <img src="{{`images/illustrations/dots-cyan.png`| relURL}}" alt="illustrations" class="bg-shape-3">
-  <img src="{{`images/illustrations/leaf-orange.png`| relURL}}" alt="illustrations" class="bg-shape-4">
-  <img src="{{`images/illustrations/leaf-yellow.png`| relURL}}" alt="illustrations" class="bg-shape-5">
-  <img src="{{`images/illustrations/dots-group-cyan.png`| relURL}}" alt="illustrations" class="bg-shape-6">
-  <img src="{{`images/illustrations/leaf-cyan-lg.png`| relURL}}" alt="illustrations" class="bg-shape-7">
+  <img src="{{`images/illustrations/page-title.svg`| relURL}}" alt="illustrations" class="bg-shape-1 w-100">
+  <img src="{{`images/illustrations/leaf-pink-round.svg`| relURL}}" alt="illustrations" class="bg-shape-2">
+  <img src="{{`images/illustrations/dots-cyan.svg`| relURL}}" alt="illustrations" class="bg-shape-3">
+  <img src="{{`images/illustrations/leaf-orange.svg`| relURL}}" alt="illustrations" class="bg-shape-4">
+  <img src="{{`images/illustrations/leaf-yellow.svg`| relURL}}" alt="illustrations" class="bg-shape-5">
+  <img src="{{`images/illustrations/dots-group-cyan.svg`| relURL}}" alt="illustrations" class="bg-shape-6">
+  <img src="{{`images/illustrations/leaf-cyan-lg.svg`| relURL}}" alt="illustrations" class="bg-shape-7">
 </section>
-<!-- /page title -->
\ No newline at end of file
+<!-- /page title -->