{"id":17,"date":"2022-02-21T07:39:28","date_gmt":"2022-02-21T07:39:28","guid":{"rendered":"https:\/\/indrohoffmann.com\/?page_id=17"},"modified":"2024-05-19T07:39:34","modified_gmt":"2024-05-19T07:39:34","slug":"webpages","status":"publish","type":"page","link":"https:\/\/indrohoffmann.com\/fi\/webpages\/","title":{"rendered":"Verkkosivut"},"content":{"rendered":"<div class=\"trp_language_switcher_shortcode\">\n<div class=\"trp-language-switcher trp-language-switcher-container\" data-no-translation >\n    <div class=\"trp-ls-shortcode-current-language\">\n        <a href=\"#\" class=\"trp-ls-shortcode-disabled-language trp-ls-disabled-language\" title=\"Finnish\" onclick=\"event.preventDefault()\">\n\t\t\t<img loading=\"lazy\" decoding=\"async\" class=\"trp-flag-image\" src=\"https:\/\/indrohoffmann.com\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/fi.png\" width=\"18\" height=\"12\" alt=\"fi\" title=\"Finnish\"> \t\t<\/a>\n    <\/div>\n    <div class=\"trp-ls-shortcode-language\">\n                <a href=\"#\" class=\"trp-ls-shortcode-disabled-language trp-ls-disabled-language\"  title=\"Finnish\" onclick=\"event.preventDefault()\">\n\t\t\t<img loading=\"lazy\" decoding=\"async\" class=\"trp-flag-image\" src=\"https:\/\/indrohoffmann.com\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/fi.png\" width=\"18\" height=\"12\" alt=\"fi\" title=\"Finnish\"> \t\t<\/a>\n                    <a href=\"https:\/\/indrohoffmann.com\/fi\/wp-json\/wp\/v2\/pages\/17#TRPLINKPROCESSED\" title=\"English\">\n            <img loading=\"lazy\" decoding=\"async\" class=\"trp-flag-image\" src=\"https:\/\/indrohoffmann.com\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/en_GB.png\" width=\"18\" height=\"12\" alt=\"en_GB\" title=\"English\">         <\/a>\n\n        <\/div>\n    <script type=\"application\/javascript\">\n        \/\/ need to have the same with set from JS on both divs. Otherwise it can push stuff around in HTML\n        var trp_ls_shortcodes = document.querySelectorAll('.trp_language_switcher_shortcode .trp-language-switcher');\n        if ( trp_ls_shortcodes.length > 0) {\n            \/\/ get the last language switcher added\n            var trp_el = trp_ls_shortcodes[trp_ls_shortcodes.length - 1];\n\n            var trp_shortcode_language_item = trp_el.querySelector( '.trp-ls-shortcode-language' )\n            \/\/ set width\n            var trp_ls_shortcode_width                                               = trp_shortcode_language_item.offsetWidth + 16;\n            trp_shortcode_language_item.style.width                                  = trp_ls_shortcode_width + 'px';\n            trp_el.querySelector( '.trp-ls-shortcode-current-language' ).style.width = trp_ls_shortcode_width + 'px';\n\n            \/\/ We're putting this on display: none after we have its width.\n            trp_shortcode_language_item.style.display = 'none';\n        }\n    <\/script>\n<\/div>\n<\/div>\n\n\n\n<figure class=\"wp-block-image size-large is-resized mainlogo\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/indrohoffmann.com\/wp-content\/uploads\/2022\/03\/Indro-Hoffmann-logo-1024x538.png\" alt=\"\" class=\"wp-image-853\" style=\"width:476px;height:246px\" srcset=\"https:\/\/indrohoffmann.com\/wp-content\/uploads\/2022\/03\/Indro-Hoffmann-logo-1024x538.png 1024w, https:\/\/indrohoffmann.com\/wp-content\/uploads\/2022\/03\/Indro-Hoffmann-logo-300x158.png 300w, https:\/\/indrohoffmann.com\/wp-content\/uploads\/2022\/03\/Indro-Hoffmann-logo-768x403.png 768w, https:\/\/indrohoffmann.com\/wp-content\/uploads\/2022\/03\/Indro-Hoffmann-logo-18x9.png 18w, https:\/\/indrohoffmann.com\/wp-content\/uploads\/2022\/03\/Indro-Hoffmann-logo.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Examples of webpages I&#8217;ve created through my learning journey and also for professional use for clients. Below are various wireframes, sitemaps, flowcharts, planning steps for web environments and other creations related to website development.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-cyan-bluish-gray-color has-css-opacity has-cyan-bluish-gray-background-color has-background is-style-wide\"\/>\n\n\n\n<div style=\"height:27px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-large is-resized backpic\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"692\" src=\"https:\/\/indrohoffmann.com\/wp-content\/uploads\/2022\/03\/Background-for-all-1-1024x692.png\" alt=\"\" class=\"wp-image-988\" style=\"width:1350px\" srcset=\"https:\/\/indrohoffmann.com\/wp-content\/uploads\/2022\/03\/Background-for-all-1-1024x692.png 1024w, https:\/\/indrohoffmann.com\/wp-content\/uploads\/2022\/03\/Background-for-all-1-300x203.png 300w, https:\/\/indrohoffmann.com\/wp-content\/uploads\/2022\/03\/Background-for-all-1-768x519.png 768w, https:\/\/indrohoffmann.com\/wp-content\/uploads\/2022\/03\/Background-for-all-1-1536x1038.png 1536w, https:\/\/indrohoffmann.com\/wp-content\/uploads\/2022\/03\/Background-for-all-1-2048x1384.png 2048w, https:\/\/indrohoffmann.com\/wp-content\/uploads\/2022\/03\/Background-for-all-1-18x12.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-columns textboxes has-white-background-color has-background is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<h2 class=\"wp-block-heading has-text-align-left\">Sarapuuaed<\/h2>\n\n\n\n<p>Estonian Company&#8217;s Website which is crafting cool hazel wood products. This single-page website is built with Elementor. Design is Inspired by green wooden nature.<\/p>\n\n\n\n<p><a href=\"https:\/\/dev-sarapuuaed.pantheonsite.io\/\" target=\"_blank\" rel=\"noreferrer noopener\">www.sarapuuaed.ee<\/a><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<figure class=\"wp-block-image size-large website-pictures\"><a href=\"https:\/\/dev-sarapuuaed.pantheonsite.io\/\" target=\"_blank\" rel=\"noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"442\" src=\"https:\/\/indrohoffmann.com\/wp-content\/uploads\/2024\/01\/Sarapuuaed-devices-1024x442.png\" alt=\"\" class=\"wp-image-1678\" srcset=\"https:\/\/indrohoffmann.com\/wp-content\/uploads\/2024\/01\/Sarapuuaed-devices-1024x442.png 1024w, https:\/\/indrohoffmann.com\/wp-content\/uploads\/2024\/01\/Sarapuuaed-devices-300x129.png 300w, https:\/\/indrohoffmann.com\/wp-content\/uploads\/2024\/01\/Sarapuuaed-devices-768x331.png 768w, https:\/\/indrohoffmann.com\/wp-content\/uploads\/2024\/01\/Sarapuuaed-devices-1536x662.png 1536w, https:\/\/indrohoffmann.com\/wp-content\/uploads\/2024\/01\/Sarapuuaed-devices-2048x883.png 2048w, https:\/\/indrohoffmann.com\/wp-content\/uploads\/2024\/01\/Sarapuuaed-devices-18x8.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-cyan-bluish-gray-color has-css-opacity has-cyan-bluish-gray-background-color has-background is-style-default\"\/>\n\n\n\n<div style=\"height:70px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns textboxes has-white-background-color has-background is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<h2 class=\"wp-block-heading has-text-align-left\">FollowAiki<\/h2>\n\n\n\n<p>Introducing the brand new page for musician Aiki and her band. this WordPress site is created with Elementor Pro, Starter Templates, and the Astra theme. The site also features an intranet forum for band members and management personnel. Discover the melodic world of Aiki&#8217;s music.<\/p>\n\n\n\n<p><a href=\"http:\/\/www.followaiki.com\" target=\"_blank\" rel=\"noreferrer noopener\">www.followaiki.com<\/a><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<figure class=\"wp-block-image size-large website-pictures\"><a href=\"http:\/\/www.followaiki.com\" target=\"_blank\" rel=\"noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"446\" src=\"https:\/\/indrohoffmann.com\/wp-content\/uploads\/2023\/01\/followAiki-website-small-1024x446.png\" alt=\"UI picture for follow aiki website\" class=\"wp-image-1440\" srcset=\"https:\/\/indrohoffmann.com\/wp-content\/uploads\/2023\/01\/followAiki-website-small-1024x446.png 1024w, https:\/\/indrohoffmann.com\/wp-content\/uploads\/2023\/01\/followAiki-website-small-300x131.png 300w, https:\/\/indrohoffmann.com\/wp-content\/uploads\/2023\/01\/followAiki-website-small-768x335.png 768w, https:\/\/indrohoffmann.com\/wp-content\/uploads\/2023\/01\/followAiki-website-small-1536x669.png 1536w, https:\/\/indrohoffmann.com\/wp-content\/uploads\/2023\/01\/followAiki-website-small-2048x892.png 2048w, https:\/\/indrohoffmann.com\/wp-content\/uploads\/2023\/01\/followAiki-website-small-18x8.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-cyan-bluish-gray-color has-css-opacity has-cyan-bluish-gray-background-color has-background is-style-default\"\/>\n\n\n\n<div style=\"height:70px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns textboxes has-white-background-color has-background is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<h2 class=\"wp-block-heading has-text-align-left\">Oggy Okas<\/h2>\n\n\n\n<p>&#8220;Oggy Okas &#8211; Web Shop for Herbal Products. The site is built on WordPress using Elementor for page structure. The shop is powered by WooCommerce, with payments processed through the Stripe service. While the project may seem modest, it presented a significant personal challenge as I handled everything independently \u2013 from planning, product development, and marketing to page building, postal services, customer service, and all other company-related operations. This page holds the potential for substantial growth in the future.&#8221;<\/p>\n\n\n\n<p><a href=\"https:\/\/dev-oggyokas.pantheonsite.io\/\" target=\"_blank\" rel=\"noreferrer noopener\">www.oggyokas.com<\/a><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<figure class=\"wp-block-image size-large website-pictures\"><a href=\"http:\/\/www.oggyokas.com\" target=\"_blank\" rel=\"noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"463\" src=\"https:\/\/indrohoffmann.com\/wp-content\/uploads\/2023\/01\/Oggy-okas-Website-small-1024x463.png\" alt=\"UI picture Oggy Okas website\" class=\"wp-image-1442\" srcset=\"https:\/\/indrohoffmann.com\/wp-content\/uploads\/2023\/01\/Oggy-okas-Website-small-1024x463.png 1024w, https:\/\/indrohoffmann.com\/wp-content\/uploads\/2023\/01\/Oggy-okas-Website-small-300x136.png 300w, https:\/\/indrohoffmann.com\/wp-content\/uploads\/2023\/01\/Oggy-okas-Website-small-768x347.png 768w, https:\/\/indrohoffmann.com\/wp-content\/uploads\/2023\/01\/Oggy-okas-Website-small-18x8.png 18w, https:\/\/indrohoffmann.com\/wp-content\/uploads\/2023\/01\/Oggy-okas-Website-small.png 1504w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-cyan-bluish-gray-color has-css-opacity has-cyan-bluish-gray-background-color has-background is-style-default\"\/>\n\n\n\n<div style=\"height:70px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns textboxes has-white-background-color has-background is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<h2 class=\"wp-block-heading has-text-align-left\">Aiki &amp; Band<\/h2>\n\n\n\n<p>Mucician Aiki&#8217;s previous website version. I built it using pure HTML, CSS, and JavaScript, which provided an excellent learning experience for mastering the basics. Considered as an experimental and learning project, I am currently working on a new page under construction. This time, I am incorporating Bootstrap to enhance the design, and I&#8217;m putting in additional effort to create a more visually appealing layout with improved graphics.&#8221;<\/p>\n\n\n\n<p><a href=\"https:\/\/followaiki.vercel.app\/\" target=\"_blank\" rel=\"noreferrer noopener\">Followaiki old site<\/a><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<figure class=\"wp-block-image size-large website-pictures\"><a href=\"https:\/\/followaiki.vercel.app\/\" target=\"_blank\" rel=\"noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"444\" src=\"https:\/\/indrohoffmann.com\/wp-content\/uploads\/2023\/01\/follow-aiki-website-small-1024x444.png\" alt=\"UI picture Aiki and Band website\" class=\"wp-image-1444\" srcset=\"https:\/\/indrohoffmann.com\/wp-content\/uploads\/2023\/01\/follow-aiki-website-small-1024x444.png 1024w, https:\/\/indrohoffmann.com\/wp-content\/uploads\/2023\/01\/follow-aiki-website-small-300x130.png 300w, https:\/\/indrohoffmann.com\/wp-content\/uploads\/2023\/01\/follow-aiki-website-small-768x333.png 768w, https:\/\/indrohoffmann.com\/wp-content\/uploads\/2023\/01\/follow-aiki-website-small-1536x666.png 1536w, https:\/\/indrohoffmann.com\/wp-content\/uploads\/2023\/01\/follow-aiki-website-small-2048x889.png 2048w, https:\/\/indrohoffmann.com\/wp-content\/uploads\/2023\/01\/follow-aiki-website-small-18x8.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-cyan-bluish-gray-color has-css-opacity has-cyan-bluish-gray-background-color has-background is-style-default\"\/>\n\n\n\n<div style=\"height:70px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns textboxes has-white-background-color has-background is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<h2 class=\"wp-block-heading has-text-align-left\">Christmas Raffle<\/h2>\n\n\n\n<p>Christmas Raffle is right now under construction webproject. Here is used pure JavaScript and backend, authentication, storage is built with Googel Firebase. It&#8217;s meant to help organize and make Christmas gifts within the group&#8230; Family, friends, work mates or other companions. Smaller or larger group of people. You choose the people you want to participate in the raffle, you choose your own draw conditions. As a result of the draw, all participants will find their person to give a gift to on this Christmas. Simple! You don&#8217;t have to start thinking about whom to give a gift on Christmas eve. Do I have to do presents for all of my friends or colleges for Christmas? Or do I have to choose only best friends or worse do I have to prefer someone? Can anyone in the group can left without in a Christmas rush?.<\/p>\n\n\n\n<p><a href=\"https:\/\/indrohoffmann.github.io\/\" target=\"_blank\" rel=\"noreferrer noopener\">Visit Christmas Raffle<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/github.com\/indrohoffmann\/indrohoffmann.github.io\" target=\"_blank\" rel=\"noreferrer noopener\">Christmas Raffle in GitHub<\/a><\/p>\n\n\n\n<div class=\"wp-block-file\"><a id=\"wp-block-file--media-294e689d-0364-4e72-b06f-4435c3465b75\" href=\"https:\/\/indrohoffmann.com\/wp-content\/uploads\/2022\/09\/Graafinen-ohjeistus-Christmas-raffle-.pdf\" target=\"_blank\" rel=\"noreferrer noopener\">Graafinen Ohjeistus (Finnish) PDF<\/a><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<figure class=\"wp-block-image size-large website-pictures\"><a href=\"https:\/\/indrohoffmann.github.io\/\" target=\"_blank\" rel=\"noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"446\" src=\"https:\/\/indrohoffmann.com\/wp-content\/uploads\/2023\/01\/Christmas-raffle-website-small-1024x446.png\" alt=\"UI picture Chrstmas Raffle website\" class=\"wp-image-1446\" srcset=\"https:\/\/indrohoffmann.com\/wp-content\/uploads\/2023\/01\/Christmas-raffle-website-small-1024x446.png 1024w, https:\/\/indrohoffmann.com\/wp-content\/uploads\/2023\/01\/Christmas-raffle-website-small-300x131.png 300w, https:\/\/indrohoffmann.com\/wp-content\/uploads\/2023\/01\/Christmas-raffle-website-small-768x334.png 768w, https:\/\/indrohoffmann.com\/wp-content\/uploads\/2023\/01\/Christmas-raffle-website-small-1536x669.png 1536w, https:\/\/indrohoffmann.com\/wp-content\/uploads\/2023\/01\/Christmas-raffle-website-small-2048x892.png 2048w, https:\/\/indrohoffmann.com\/wp-content\/uploads\/2023\/01\/Christmas-raffle-website-small-18x8.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-cyan-bluish-gray-color has-css-opacity has-cyan-bluish-gray-background-color has-background is-style-default\"\/>\n\n\n\n<div style=\"height:70px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns textboxes has-white-background-color has-background is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<h2 class=\"wp-block-heading has-text-align-left\">Portfolio<\/h2>\n\n\n\n<p>The portfolio page you are currently visiting has been made intentionally without using page builders. The idea was to use only the Gutenberg editor and as few plugins as possible and lots of modified CSS. Goal was to go and visit back to the basics with WordPress. \ud83d\ude0a<\/p>\n\n\n\n<p><a href=\"https:\/\/indrohoffmann.com\/\">Portfolio Page<\/a><\/p>\n\n\n\n<div class=\"wp-block-file\"><a id=\"wp-block-file--media-66f2364a-d65a-4854-96ea-0a91303acd4f\" href=\"https:\/\/indrohoffmann.com\/wp-content\/uploads\/2022\/09\/Portfoli-sivun-suunnitelma.pdf\" target=\"_blank\" rel=\"noreferrer noopener\">Portfolio sivun suunnitelma dok. (Finnish) PDF<\/a><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<figure class=\"wp-block-image size-large website-pictures\"><a href=\"https:\/\/indrohoffmann.com\/\" target=\"_blank\" rel=\"noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"454\" src=\"https:\/\/indrohoffmann.com\/wp-content\/uploads\/2023\/01\/Portfolio-website-small-1024x454.png\" alt=\"UI picture Indro profile website\" class=\"wp-image-1450\" srcset=\"https:\/\/indrohoffmann.com\/wp-content\/uploads\/2023\/01\/Portfolio-website-small-1024x454.png 1024w, https:\/\/indrohoffmann.com\/wp-content\/uploads\/2023\/01\/Portfolio-website-small-300x133.png 300w, https:\/\/indrohoffmann.com\/wp-content\/uploads\/2023\/01\/Portfolio-website-small-768x340.png 768w, https:\/\/indrohoffmann.com\/wp-content\/uploads\/2023\/01\/Portfolio-website-small-1536x681.png 1536w, https:\/\/indrohoffmann.com\/wp-content\/uploads\/2023\/01\/Portfolio-website-small-2048x908.png 2048w, https:\/\/indrohoffmann.com\/wp-content\/uploads\/2023\/01\/Portfolio-website-small-18x8.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-cyan-bluish-gray-color has-css-opacity has-cyan-bluish-gray-background-color has-background is-style-default\"\/>\n\n\n\n<div style=\"height:70px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns textboxes has-white-background-color has-background is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<h2 class=\"wp-block-heading has-text-align-left\">Claarhoff Oy<\/h2>\n\n\n\n<p class=\"has-text-align-left\">Page is created for Finnish property maintenance company. I used WordPress and Elementor for page structure. Page is designed with maximum simplicity in mind. This is world simplest webpage for just basic information \ud83d\ude42<\/p>\n\n\n\n<p><a href=\"http:\/\/claarhoff.indrohoffmann.com\" target=\"_blank\" rel=\"noreferrer noopener\">www.claarhoff.fi<\/a><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<figure class=\"wp-block-image size-large website-pictures\"><a href=\"http:\/\/www.claarhoff.fi\" target=\"_blank\" rel=\"noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"452\" src=\"https:\/\/indrohoffmann.com\/wp-content\/uploads\/2023\/01\/Claarhoff-website-small-1024x452.png\" alt=\"UI picture Claarhoff website\" class=\"wp-image-1448\" srcset=\"https:\/\/indrohoffmann.com\/wp-content\/uploads\/2023\/01\/Claarhoff-website-small-1024x452.png 1024w, https:\/\/indrohoffmann.com\/wp-content\/uploads\/2023\/01\/Claarhoff-website-small-300x132.png 300w, https:\/\/indrohoffmann.com\/wp-content\/uploads\/2023\/01\/Claarhoff-website-small-768x339.png 768w, https:\/\/indrohoffmann.com\/wp-content\/uploads\/2023\/01\/Claarhoff-website-small-1536x678.png 1536w, https:\/\/indrohoffmann.com\/wp-content\/uploads\/2023\/01\/Claarhoff-website-small-2048x904.png 2048w, https:\/\/indrohoffmann.com\/wp-content\/uploads\/2023\/01\/Claarhoff-website-small-18x8.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-cyan-bluish-gray-color has-css-opacity has-cyan-bluish-gray-background-color has-background is-style-default\"\/>\n\n\n\n<div style=\"height:70px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Website planning<\/h2>\n\n\n\n<p>Different site planning steps. Wireframes, sitemaps, flowcharts etc.<\/p>\n\n\n<style type=\"text\/css\">\n#foogallery-gallery-533.fg-justified .fg-item { margin-right: 10px; margin-bottom: 10px; }\n#foogallery-gallery-533.fg-justified .fg-image { height: 200px; }<\/style>\n\t\t\t<div class=\"foogallery foogallery-container foogallery-justified foogallery-lightbox-foobox fg-justified fg-ready fg-light fg-shadow-outline fg-loading-default fg-loaded-fade-in fg-caption-always fg-hover-fade fg-hover-zoom2\" id=\"foogallery-gallery-533\" data-foogallery=\"{&quot;item&quot;:{&quot;showCaptionTitle&quot;:true,&quot;showCaptionDescription&quot;:false},&quot;lazy&quot;:true,&quot;template&quot;:{&quot;rowHeight&quot;:200,&quot;maxRowHeight&quot;:300,&quot;margins&quot;:10,&quot;align&quot;:&quot;center&quot;,&quot;lastRow&quot;:&quot;smart&quot;}}\" style=\"--fg-title-line-clamp: 0; --fg-description-line-clamp: 0;\" >\n\t<div class=\"fg-item fg-type-image fg-idle\"><figure class=\"fg-item-inner\"><a href=\"https:\/\/indrohoffmann.com\/wp-content\/uploads\/2022\/03\/Uue-tootaja-lisamine-1.png\" data-caption-desc=\"Property management Viaual mockup and prototyping in figma Add new worker\" data-attachment-id=\"1473\" data-type=\"image\" class=\"fg-thumb\"><span class=\"fg-image-wrap\"><img fetchpriority=\"high\" decoding=\"async\" alt=\"Property management Viaual mockup and prototyping in figma Add new worker\" height=\"300\" width=\"230\" class=\"skip-lazy fg-image\" data-src-fg=\"https:\/\/indrohoffmann.com\/wp-content\/uploads\/cache\/2022\/03\/Uue-tootaja-lisamine-1\/1807021685.png\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22230%22%20height%3D%22300%22%20viewBox%3D%220%200%20230%20300%22%3E%3C%2Fsvg%3E\" loading=\"eager\"><\/span><span class=\"fg-image-overlay\"><\/span><\/a><\/figure><div class=\"fg-loader\"><\/div><\/div><div class=\"fg-item fg-type-image fg-idle\"><figure class=\"fg-item-inner\"><a href=\"https:\/\/indrohoffmann.com\/wp-content\/uploads\/2022\/03\/Uue-koha-lisamine-Koik-andmed.png\" data-caption-desc=\"Property management Viaual mockup and prototyping in figma\" data-attachment-id=\"1470\" data-type=\"image\" class=\"fg-thumb\"><span class=\"fg-image-wrap\"><img decoding=\"async\" alt=\"Property management Viaual mockup and prototyping in figma\" height=\"300\" width=\"121\" class=\"skip-lazy fg-image\" data-src-fg=\"https:\/\/indrohoffmann.com\/wp-content\/uploads\/cache\/2022\/03\/Uue-koha-lisamine-Koik-andmed\/140979898.png\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22121%22%20height%3D%22300%22%20viewBox%3D%220%200%20121%20300%22%3E%3C%2Fsvg%3E\" loading=\"eager\"><\/span><span class=\"fg-image-overlay\"><\/span><\/a><\/figure><div class=\"fg-loader\"><\/div><\/div><div class=\"fg-item fg-type-image fg-idle\"><figure class=\"fg-item-inner\"><a href=\"https:\/\/indrohoffmann.com\/wp-content\/uploads\/2022\/03\/wireframe-myaccount-uudistettu.png\" data-attachment-id=\"554\" data-type=\"image\" class=\"fg-thumb\"><span class=\"fg-image-wrap\"><img decoding=\"async\" alt=\"Website wireframe\" height=\"300\" width=\"527\" class=\"skip-lazy fg-image\" data-src-fg=\"https:\/\/indrohoffmann.com\/wp-content\/uploads\/cache\/2022\/03\/wireframe-myaccount-uudistettu\/2679346195.png\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22527%22%20height%3D%22300%22%20viewBox%3D%220%200%20527%20300%22%3E%3C%2Fsvg%3E\" loading=\"eager\"><\/span><span class=\"fg-image-overlay\"><\/span><\/a><\/figure><div class=\"fg-loader\"><\/div><\/div><div class=\"fg-item fg-type-image fg-idle\"><figure class=\"fg-item-inner\"><a href=\"https:\/\/indrohoffmann.com\/wp-content\/uploads\/2022\/03\/UI.png\" data-attachment-id=\"552\" data-type=\"image\" class=\"fg-thumb\"><span class=\"fg-image-wrap\"><img decoding=\"async\" alt=\"Website wireframe\" height=\"300\" width=\"441\" class=\"skip-lazy fg-image\" data-src-fg=\"https:\/\/indrohoffmann.com\/wp-content\/uploads\/cache\/2022\/03\/UI\/2131435380.png\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22441%22%20height%3D%22300%22%20viewBox%3D%220%200%20441%20300%22%3E%3C%2Fsvg%3E\" loading=\"eager\"><\/span><span class=\"fg-image-overlay\"><\/span><\/a><\/figure><div class=\"fg-loader\"><\/div><\/div><div class=\"fg-item fg-type-image fg-idle\"><figure class=\"fg-item-inner\"><a href=\"https:\/\/indrohoffmann.com\/wp-content\/uploads\/2022\/03\/Visuaalinen-suunnittelu.png\" data-attachment-id=\"553\" data-type=\"image\" class=\"fg-thumb\"><span class=\"fg-image-wrap\"><img decoding=\"async\" alt=\"Website visual design\" height=\"300\" width=\"533\" class=\"skip-lazy fg-image\" data-src-fg=\"https:\/\/indrohoffmann.com\/wp-content\/uploads\/cache\/2022\/03\/Visuaalinen-suunnittelu\/1659410490.png\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22533%22%20height%3D%22300%22%20viewBox%3D%220%200%20533%20300%22%3E%3C%2Fsvg%3E\" loading=\"eager\"><\/span><span class=\"fg-image-overlay\"><\/span><\/a><\/figure><div class=\"fg-loader\"><\/div><\/div><div class=\"fg-item fg-type-image fg-idle\"><figure class=\"fg-item-inner\"><a href=\"https:\/\/indrohoffmann.com\/wp-content\/uploads\/2022\/03\/Sivukartta.png\" data-attachment-id=\"551\" data-type=\"image\" class=\"fg-thumb\"><span class=\"fg-image-wrap\"><img decoding=\"async\" alt=\"Website sitemap\" height=\"300\" width=\"548\" class=\"skip-lazy fg-image\" data-src-fg=\"https:\/\/indrohoffmann.com\/wp-content\/uploads\/cache\/2022\/03\/Sivukartta\/3894816387.png\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22548%22%20height%3D%22300%22%20viewBox%3D%220%200%20548%20300%22%3E%3C%2Fsvg%3E\" loading=\"eager\"><\/span><span class=\"fg-image-overlay\"><\/span><\/a><\/figure><div class=\"fg-loader\"><\/div><\/div><div class=\"fg-item fg-type-image fg-idle\"><figure class=\"fg-item-inner\"><a href=\"https:\/\/indrohoffmann.com\/wp-content\/uploads\/2022\/03\/SharePhotoRautalankamalli-Indro.png\" data-attachment-id=\"550\" data-type=\"image\" class=\"fg-thumb\"><span class=\"fg-image-wrap\"><img decoding=\"async\" alt=\"Website wireframe\" height=\"300\" width=\"423\" class=\"skip-lazy fg-image\" data-src-fg=\"https:\/\/indrohoffmann.com\/wp-content\/uploads\/cache\/2022\/03\/SharePhotoRautalankamalli-Indro\/3194111956.png\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22423%22%20height%3D%22300%22%20viewBox%3D%220%200%20423%20300%22%3E%3C%2Fsvg%3E\" loading=\"eager\"><\/span><span class=\"fg-image-overlay\"><\/span><\/a><\/figure><div class=\"fg-loader\"><\/div><\/div><div class=\"fg-item fg-type-image fg-idle\"><figure class=\"fg-item-inner\"><a href=\"https:\/\/indrohoffmann.com\/wp-content\/uploads\/2022\/03\/RautalankaMobile-scaled.jpeg\" data-attachment-id=\"549\" data-type=\"image\" class=\"fg-thumb\"><span class=\"fg-image-wrap\"><img decoding=\"async\" alt=\"Website wireframe\" height=\"300\" width=\"400\" class=\"skip-lazy fg-image\" data-src-fg=\"https:\/\/indrohoffmann.com\/wp-content\/uploads\/cache\/2022\/03\/RautalankaMobile-scaled\/2499722439.jpeg\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22400%22%20height%3D%22300%22%20viewBox%3D%220%200%20400%20300%22%3E%3C%2Fsvg%3E\" loading=\"eager\"><\/span><span class=\"fg-image-overlay\"><\/span><\/a><\/figure><div class=\"fg-loader\"><\/div><\/div><div class=\"fg-item fg-type-image fg-idle\"><figure class=\"fg-item-inner\"><a href=\"https:\/\/indrohoffmann.com\/wp-content\/uploads\/2022\/03\/rautalankamalli-help-page-v2.png\" data-attachment-id=\"548\" data-type=\"image\" class=\"fg-thumb\"><span class=\"fg-image-wrap\"><img decoding=\"async\" alt=\"Website wireframe\" height=\"300\" width=\"432\" class=\"skip-lazy fg-image\" data-src-fg=\"https:\/\/indrohoffmann.com\/wp-content\/uploads\/cache\/2022\/03\/rautalankamalli-help-page-v2\/3580730550.png\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22432%22%20height%3D%22300%22%20viewBox%3D%220%200%20432%20300%22%3E%3C%2Fsvg%3E\" loading=\"eager\"><\/span><span class=\"fg-image-overlay\"><\/span><\/a><\/figure><div class=\"fg-loader\"><\/div><\/div><div class=\"fg-item fg-type-image fg-idle\"><figure class=\"fg-item-inner\"><a href=\"https:\/\/indrohoffmann.com\/wp-content\/uploads\/2022\/03\/Rautalankamalli-SharePhoto-v2.png\" data-attachment-id=\"547\" data-type=\"image\" class=\"fg-thumb\"><span class=\"fg-image-wrap\"><img decoding=\"async\" alt=\"Website wireframe\" height=\"300\" width=\"420\" class=\"skip-lazy fg-image\" data-src-fg=\"https:\/\/indrohoffmann.com\/wp-content\/uploads\/cache\/2022\/03\/Rautalankamalli-SharePhoto-v2\/4138888426.png\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22420%22%20height%3D%22300%22%20viewBox%3D%220%200%20420%20300%22%3E%3C%2Fsvg%3E\" loading=\"eager\"><\/span><span class=\"fg-image-overlay\"><\/span><\/a><\/figure><div class=\"fg-loader\"><\/div><\/div><div class=\"fg-item fg-type-image fg-idle\"><figure class=\"fg-item-inner\"><a href=\"https:\/\/indrohoffmann.com\/wp-content\/uploads\/2022\/03\/Rautalankamalli-SharePhoto-v1.png\" data-attachment-id=\"546\" data-type=\"image\" class=\"fg-thumb\"><span class=\"fg-image-wrap\"><img decoding=\"async\" alt=\"Website wireframe\" height=\"300\" width=\"421\" class=\"skip-lazy fg-image\" data-src-fg=\"https:\/\/indrohoffmann.com\/wp-content\/uploads\/cache\/2022\/03\/Rautalankamalli-SharePhoto-v1\/269923910.png\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22421%22%20height%3D%22300%22%20viewBox%3D%220%200%20421%20300%22%3E%3C%2Fsvg%3E\" loading=\"eager\"><\/span><span class=\"fg-image-overlay\"><\/span><\/a><\/figure><div class=\"fg-loader\"><\/div><\/div><div class=\"fg-item fg-type-image fg-idle\"><figure class=\"fg-item-inner\"><a href=\"https:\/\/indrohoffmann.com\/wp-content\/uploads\/2022\/03\/Indro-Sitemap-v3-kuva.png\" data-attachment-id=\"537\" data-type=\"image\" class=\"fg-thumb\"><span class=\"fg-image-wrap\"><img decoding=\"async\" alt=\"Website sitemap\" height=\"300\" width=\"563\" class=\"skip-lazy fg-image\" data-src-fg=\"https:\/\/indrohoffmann.com\/wp-content\/uploads\/cache\/2022\/03\/Indro-Sitemap-v3-kuva\/2448391860.png\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22563%22%20height%3D%22300%22%20viewBox%3D%220%200%20563%20300%22%3E%3C%2Fsvg%3E\" loading=\"eager\"><\/span><span class=\"fg-image-overlay\"><\/span><\/a><\/figure><div class=\"fg-loader\"><\/div><\/div><div class=\"fg-item fg-type-image fg-idle\"><figure class=\"fg-item-inner\"><a href=\"https:\/\/indrohoffmann.com\/wp-content\/uploads\/2022\/03\/Kayttotapaukset.png\" data-attachment-id=\"539\" data-type=\"image\" class=\"fg-thumb\"><span class=\"fg-image-wrap\"><img decoding=\"async\" alt=\"Website usercases\" height=\"300\" width=\"365\" class=\"skip-lazy fg-image\" data-src-fg=\"https:\/\/indrohoffmann.com\/wp-content\/uploads\/cache\/2022\/03\/Kayttotapaukset\/2670936125.png\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22365%22%20height%3D%22300%22%20viewBox%3D%220%200%20365%20300%22%3E%3C%2Fsvg%3E\" loading=\"eager\"><\/span><span class=\"fg-image-overlay\"><\/span><\/a><\/figure><div class=\"fg-loader\"><\/div><\/div><div class=\"fg-item fg-type-image fg-idle\"><figure class=\"fg-item-inner\"><a href=\"https:\/\/indrohoffmann.com\/wp-content\/uploads\/2022\/03\/INdro.png\" data-attachment-id=\"538\" data-type=\"image\" class=\"fg-thumb\"><span class=\"fg-image-wrap\"><img decoding=\"async\" alt=\"Website sitemap\" height=\"300\" width=\"444\" class=\"skip-lazy fg-image\" data-src-fg=\"https:\/\/indrohoffmann.com\/wp-content\/uploads\/cache\/2022\/03\/INdro\/4211615436.png\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22444%22%20height%3D%22300%22%20viewBox%3D%220%200%20444%20300%22%3E%3C%2Fsvg%3E\" loading=\"eager\"><\/span><span class=\"fg-image-overlay\"><\/span><\/a><\/figure><div class=\"fg-loader\"><\/div><\/div><div class=\"fg-item fg-type-image fg-idle\"><figure class=\"fg-item-inner\"><a href=\"https:\/\/indrohoffmann.com\/wp-content\/uploads\/2022\/03\/main-page-wireframe1.png\" data-attachment-id=\"540\" data-type=\"image\" class=\"fg-thumb\"><span class=\"fg-image-wrap\"><img decoding=\"async\" alt=\"Website wireframe\" height=\"300\" width=\"404\" class=\"skip-lazy fg-image\" data-src-fg=\"https:\/\/indrohoffmann.com\/wp-content\/uploads\/cache\/2022\/03\/main-page-wireframe1\/1076482331.png\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22404%22%20height%3D%22300%22%20viewBox%3D%220%200%20404%20300%22%3E%3C%2Fsvg%3E\" loading=\"eager\"><\/span><span class=\"fg-image-overlay\"><\/span><\/a><\/figure><div class=\"fg-loader\"><\/div><\/div><div class=\"fg-item fg-type-image fg-idle\"><figure class=\"fg-item-inner\"><a href=\"https:\/\/indrohoffmann.com\/wp-content\/uploads\/2022\/03\/Protptyyppi-kuvakaapaus.png\" data-attachment-id=\"542\" data-type=\"image\" class=\"fg-thumb\"><span class=\"fg-image-wrap\"><img decoding=\"async\" alt=\"Website visual design\" height=\"300\" width=\"920.96069868996\" class=\"skip-lazy fg-image\" data-src-fg=\"https:\/\/indrohoffmann.com\/wp-content\/uploads\/2022\/03\/Protptyyppi-kuvakaapaus.png\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22920.96069868996%22%20height%3D%22300%22%20viewBox%3D%220%200%20920.96069868996%20300%22%3E%3C%2Fsvg%3E\" loading=\"eager\"><\/span><span class=\"fg-image-overlay\"><\/span><\/a><\/figure><div class=\"fg-loader\"><\/div><\/div><div class=\"fg-item fg-type-image fg-idle\"><figure class=\"fg-item-inner\"><a href=\"https:\/\/indrohoffmann.com\/wp-content\/uploads\/2022\/03\/RautalankaDesktop-scaled.jpeg\" data-attachment-id=\"543\" data-type=\"image\" class=\"fg-thumb\"><span class=\"fg-image-wrap\"><img decoding=\"async\" alt=\"Website wireframe\" height=\"300\" width=\"400\" class=\"skip-lazy fg-image\" data-src-fg=\"https:\/\/indrohoffmann.com\/wp-content\/uploads\/cache\/2022\/03\/RautalankaDesktop-scaled\/506336616.jpeg\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22400%22%20height%3D%22300%22%20viewBox%3D%220%200%20400%20300%22%3E%3C%2Fsvg%3E\" loading=\"eager\"><\/span><span class=\"fg-image-overlay\"><\/span><\/a><\/figure><div class=\"fg-loader\"><\/div><\/div><div class=\"fg-item fg-type-image fg-idle\"><figure class=\"fg-item-inner\"><a href=\"https:\/\/indrohoffmann.com\/wp-content\/uploads\/2022\/03\/Rautalankamalli-kuva.png\" data-attachment-id=\"544\" data-type=\"image\" class=\"fg-thumb\"><span class=\"fg-image-wrap\"><img decoding=\"async\" alt=\"Website wireframe\" height=\"300\" width=\"426\" class=\"skip-lazy fg-image\" data-src-fg=\"https:\/\/indrohoffmann.com\/wp-content\/uploads\/cache\/2022\/03\/Rautalankamalli-kuva\/2971086738.png\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22426%22%20height%3D%22300%22%20viewBox%3D%220%200%20426%20300%22%3E%3C%2Fsvg%3E\" loading=\"eager\"><\/span><span class=\"fg-image-overlay\"><\/span><\/a><\/figure><div class=\"fg-loader\"><\/div><\/div><div class=\"fg-item fg-type-image fg-idle\"><figure class=\"fg-item-inner\"><a href=\"https:\/\/indrohoffmann.com\/wp-content\/uploads\/2022\/03\/Rautalankamalli-share-photo-touch-device.png\" data-attachment-id=\"545\" data-type=\"image\" class=\"fg-thumb\"><span class=\"fg-image-wrap\"><img decoding=\"async\" alt=\"Website wireframe\" height=\"300\" width=\"440\" class=\"skip-lazy fg-image\" data-src-fg=\"https:\/\/indrohoffmann.com\/wp-content\/uploads\/cache\/2022\/03\/Rautalankamalli-share-photo-touch-device\/3424306918.png\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22440%22%20height%3D%22300%22%20viewBox%3D%220%200%20440%20300%22%3E%3C%2Fsvg%3E\" loading=\"eager\"><\/span><span class=\"fg-image-overlay\"><\/span><\/a><\/figure><div class=\"fg-loader\"><\/div><\/div><div class=\"fg-item fg-type-image fg-idle\"><figure class=\"fg-item-inner\"><a href=\"https:\/\/indrohoffmann.com\/wp-content\/uploads\/2022\/03\/Gravito-first-use-flow2.png\" data-attachment-id=\"536\" data-type=\"image\" class=\"fg-thumb\"><span class=\"fg-image-wrap\"><img decoding=\"async\" alt=\"Website flowchart\" height=\"300\" width=\"533\" class=\"skip-lazy fg-image\" data-src-fg=\"https:\/\/indrohoffmann.com\/wp-content\/uploads\/cache\/2022\/03\/Gravito-first-use-flow2\/66934550.png\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22533%22%20height%3D%22300%22%20viewBox%3D%220%200%20533%20300%22%3E%3C%2Fsvg%3E\" loading=\"eager\"><\/span><span class=\"fg-image-overlay\"><\/span><\/a><\/figure><div class=\"fg-loader\"><\/div><\/div><div class=\"fg-item fg-type-image fg-idle\"><figure class=\"fg-item-inner\"><a href=\"https:\/\/indrohoffmann.com\/wp-content\/uploads\/2022\/03\/Gravito-first-use-flow.png\" data-attachment-id=\"535\" data-type=\"image\" class=\"fg-thumb\"><span class=\"fg-image-wrap\"><img decoding=\"async\" alt=\"Website flowchart\" height=\"300\" width=\"533\" class=\"skip-lazy fg-image\" data-src-fg=\"https:\/\/indrohoffmann.com\/wp-content\/uploads\/cache\/2022\/03\/Gravito-first-use-flow\/2951168167.png\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22533%22%20height%3D%22300%22%20viewBox%3D%220%200%20533%20300%22%3E%3C%2Fsvg%3E\" loading=\"eager\"><\/span><span class=\"fg-image-overlay\"><\/span><\/a><\/figure><div class=\"fg-loader\"><\/div><\/div><div class=\"fg-item fg-type-image fg-idle\"><figure class=\"fg-item-inner\"><a href=\"https:\/\/indrohoffmann.com\/wp-content\/uploads\/2022\/03\/Graafinen-ilme-v1-Indro.png\" data-attachment-id=\"534\" data-type=\"image\" class=\"fg-thumb\"><span class=\"fg-image-wrap\"><img decoding=\"async\" alt=\"Website visual design\" height=\"300\" width=\"398\" class=\"skip-lazy fg-image\" data-src-fg=\"https:\/\/indrohoffmann.com\/wp-content\/uploads\/cache\/2022\/03\/Graafinen-ilme-v1-Indro\/1612781280.png\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22398%22%20height%3D%22300%22%20viewBox%3D%220%200%20398%20300%22%3E%3C%2Fsvg%3E\" loading=\"eager\"><\/span><span class=\"fg-image-overlay\"><\/span><\/a><\/figure><div class=\"fg-loader\"><\/div><\/div><div class=\"fg-item fg-type-image fg-idle\"><figure class=\"fg-item-inner\"><a href=\"https:\/\/indrohoffmann.com\/wp-content\/uploads\/2022\/03\/Cristmas-Raffle-sitemap.png\" data-caption-desc=\"Christmas Raffle sitemap\" data-attachment-id=\"1375\" data-type=\"image\" class=\"fg-thumb\"><span class=\"fg-image-wrap\"><img decoding=\"async\" alt=\"Christmas Raffle sitemap\" height=\"300\" width=\"425\" class=\"skip-lazy fg-image\" data-src-fg=\"https:\/\/indrohoffmann.com\/wp-content\/uploads\/cache\/2022\/03\/Cristmas-Raffle-sitemap\/1756863060.png\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22425%22%20height%3D%22300%22%20viewBox%3D%220%200%20425%20300%22%3E%3C%2Fsvg%3E\" loading=\"eager\"><\/span><span class=\"fg-image-overlay\"><\/span><\/a><\/figure><div class=\"fg-loader\"><\/div><\/div><div class=\"fg-item fg-type-image fg-idle\"><figure class=\"fg-item-inner\"><a href=\"https:\/\/indrohoffmann.com\/wp-content\/uploads\/2022\/03\/Christmas-Raffle-ER-kaavio.png\" data-caption-desc=\"Christmas Raffle ER Kaavio\" data-attachment-id=\"1376\" data-type=\"image\" class=\"fg-thumb\"><span class=\"fg-image-wrap\"><img decoding=\"async\" alt=\"Christmas Raffle ER\" height=\"300\" width=\"395\" class=\"skip-lazy fg-image\" data-src-fg=\"https:\/\/indrohoffmann.com\/wp-content\/uploads\/cache\/2022\/03\/Christmas-Raffle-ER-kaavio\/1289813885.png\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22395%22%20height%3D%22300%22%20viewBox%3D%220%200%20395%20300%22%3E%3C%2Fsvg%3E\" loading=\"eager\"><\/span><span class=\"fg-image-overlay\"><\/span><\/a><\/figure><div class=\"fg-loader\"><\/div><\/div><div class=\"fg-item fg-type-image fg-idle\"><figure class=\"fg-item-inner\"><a href=\"https:\/\/indrohoffmann.com\/wp-content\/uploads\/2022\/03\/Christmas-Raffle-Wireframe.png\" data-caption-desc=\"Christmas Raffle wirefreame\" data-attachment-id=\"1377\" data-type=\"image\" class=\"fg-thumb\"><span class=\"fg-image-wrap\"><img decoding=\"async\" alt=\"Christmas Raffle wirefreame\" height=\"300\" width=\"201\" class=\"skip-lazy fg-image\" data-src-fg=\"https:\/\/indrohoffmann.com\/wp-content\/uploads\/cache\/2022\/03\/Christmas-Raffle-Wireframe\/1657026437.png\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22201%22%20height%3D%22300%22%20viewBox%3D%220%200%20201%20300%22%3E%3C%2Fsvg%3E\" loading=\"eager\"><\/span><span class=\"fg-image-overlay\"><\/span><\/a><\/figure><div class=\"fg-loader\"><\/div><\/div><div class=\"fg-item fg-type-image fg-idle\"><figure class=\"fg-item-inner\"><a href=\"https:\/\/indrohoffmann.com\/wp-content\/uploads\/2022\/03\/Cristmas-Raffle-User-test-character.png\" data-caption-desc=\"Christmas Raffle wireframe\" data-attachment-id=\"1378\" data-type=\"image\" class=\"fg-thumb\"><span class=\"fg-image-wrap\"><img decoding=\"async\" alt=\"Christmas Raffle wirefreame\" height=\"300\" width=\"759\" class=\"skip-lazy fg-image\" data-src-fg=\"https:\/\/indrohoffmann.com\/wp-content\/uploads\/cache\/2022\/03\/Cristmas-Raffle-User-test-character\/3136486177.png\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22759%22%20height%3D%22300%22%20viewBox%3D%220%200%20759%20300%22%3E%3C%2Fsvg%3E\" loading=\"eager\"><\/span><span class=\"fg-image-overlay\"><\/span><\/a><\/figure><div class=\"fg-loader\"><\/div><\/div><div class=\"fg-item fg-type-image fg-idle\"><figure class=\"fg-item-inner\"><a href=\"https:\/\/indrohoffmann.com\/wp-content\/uploads\/2022\/03\/Christmas-Raffle-Fictional-persona.png\" data-caption-desc=\"Christmas Raffle Persona\" data-attachment-id=\"1379\" data-type=\"image\" class=\"fg-thumb\"><span class=\"fg-image-wrap\"><img decoding=\"async\" alt=\"Christmas Raffle Persona\" height=\"300\" width=\"413\" class=\"skip-lazy fg-image\" data-src-fg=\"https:\/\/indrohoffmann.com\/wp-content\/uploads\/cache\/2022\/03\/Christmas-Raffle-Fictional-persona\/3255478014.png\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22413%22%20height%3D%22300%22%20viewBox%3D%220%200%20413%20300%22%3E%3C%2Fsvg%3E\" loading=\"eager\"><\/span><span class=\"fg-image-overlay\"><\/span><\/a><\/figure><div class=\"fg-loader\"><\/div><\/div><div class=\"fg-item fg-type-image fg-idle\"><figure class=\"fg-item-inner\"><a href=\"https:\/\/indrohoffmann.com\/wp-content\/uploads\/2022\/03\/Vunki-Wireframe.png\" data-caption-desc=\"Vunki Wireframe\" data-attachment-id=\"1380\" data-type=\"image\" class=\"fg-thumb\"><span class=\"fg-image-wrap\"><img decoding=\"async\" alt=\"Vunki Wireframe\" height=\"300\" width=\"422\" class=\"skip-lazy fg-image\" data-src-fg=\"https:\/\/indrohoffmann.com\/wp-content\/uploads\/cache\/2022\/03\/Vunki-Wireframe\/1449611451.png\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22422%22%20height%3D%22300%22%20viewBox%3D%220%200%20422%20300%22%3E%3C%2Fsvg%3E\" loading=\"eager\"><\/span><span class=\"fg-image-overlay\"><\/span><\/a><\/figure><div class=\"fg-loader\"><\/div><\/div><div class=\"fg-item fg-type-image fg-idle\"><figure class=\"fg-item-inner\"><a href=\"https:\/\/indrohoffmann.com\/wp-content\/uploads\/2022\/03\/Vunki-wireframe-.png\" data-caption-desc=\"Vunki wireframe\" data-attachment-id=\"1381\" data-type=\"image\" class=\"fg-thumb\"><span class=\"fg-image-wrap\"><img decoding=\"async\" alt=\"Vunki wireframe\" height=\"300\" width=\"422\" class=\"skip-lazy fg-image\" data-src-fg=\"https:\/\/indrohoffmann.com\/wp-content\/uploads\/cache\/2022\/03\/Vunki-wireframe-\/447979387.png\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22422%22%20height%3D%22300%22%20viewBox%3D%220%200%20422%20300%22%3E%3C%2Fsvg%3E\" loading=\"eager\"><\/span><span class=\"fg-image-overlay\"><\/span><\/a><\/figure><div class=\"fg-loader\"><\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<hr class=\"wp-block-separator has-text-color has-cyan-bluish-gray-color has-css-opacity has-cyan-bluish-gray-background-color has-background is-style-default\"\/>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Examples of webpages I&#8217;ve created through my learning journey and also for professional use for clients. Below are various wireframes, sitemaps, flowcharts, planning steps for web environments and other creations related to website development. Sarapuuaed Estonian Company&#8217;s Website which is crafting cool hazel wood products. This single-page website is built with Elementor. Design is Inspired &hellip; <\/p>\n<div class=\"link-more\"><a href=\"https:\/\/indrohoffmann.com\/fi\/webpages\/\" class=\"more-link\">Read More<span class=\"screen-reader-text\"> &#8220;Webpages&#8221;<\/span><\/a><\/div>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-17","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/indrohoffmann.com\/fi\/wp-json\/wp\/v2\/pages\/17","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/indrohoffmann.com\/fi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/indrohoffmann.com\/fi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/indrohoffmann.com\/fi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/indrohoffmann.com\/fi\/wp-json\/wp\/v2\/comments?post=17"}],"version-history":[{"count":153,"href":"https:\/\/indrohoffmann.com\/fi\/wp-json\/wp\/v2\/pages\/17\/revisions"}],"predecessor-version":[{"id":1701,"href":"https:\/\/indrohoffmann.com\/fi\/wp-json\/wp\/v2\/pages\/17\/revisions\/1701"}],"wp:attachment":[{"href":"https:\/\/indrohoffmann.com\/fi\/wp-json\/wp\/v2\/media?parent=17"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}