</div> </div></div></div></div></div> </div> </div> </section> <section data-test="page-section" data-section-theme="bright-inverse" class='page-section full-bleed-section layout-engine-section background-width--full-bleed section-height--custom content-width--wide horizontal-alignment--center vertical-alignment--middle bright-inverse' data-section-id="66209d6f46f0876fa9150509" data-controller="SectionWrapperController" data-current-styles="{ "imageOverlayOpacity": 0.15, "backgroundWidth": "background-width--full-bleed", "sectionHeight": "section-height--custom", "customSectionHeight": 1, "horizontalAlignment": "horizontal-alignment--center", "verticalAlignment": "vertical-alignment--middle", "contentWidth": "content-width--wide", "customContentWidth": 50, "sectionTheme": "bright-inverse", "sectionAnimation": "none", "backgroundMode": "generative", "generative": { "type": "none", "seed": 0, "count": 0, "size": 0, "speed": 0, "invertColors": false, "noiseIntensity": 0, "noiseScale": 0, "distortionScaleX": 0, "distortionScaleY": 0, "distortionSpeed": 0, "distortionIntensity": 0, "lightIntensity": 0, "lightX": 0, "bevelRotation": 0, "bevelSize": 0, "bevelStrength": 0, "complexity": 0, "cutoff": 0, "isBevelEnabled": false, "isBlurEnabled": false, "scale": 0, "speedMorph": 0, "speedTravel": 0, "steps": 0, "travelDirection": 0, "noiseBias": 0, "animateNoise": false, "distortionComplexity": 0, "distortionDirection": 0, "distortionMorphSpeed": 0, "distortionSeed": 0, "distortionSmoothness": 0, "linearGradientStartColorDistance": 0, "linearGradientEndColorDistance": 0, "linearGradientAngle": 0, "linearGradientAngleMotion": 0, "linearGradientRepeat": 0, "radialGradientRadius": 0, "radialGradientPositionX": 0, "radialGradientPositionY": 0, "radialGradientFollowCursor": false, "radialGradientFollowSpeed": 0, "imageScale": 0, "imageCount": 0, "patternEnabled": false, "patternSize": 0, "patternOffsetX": 0, "patternOffsetY": 0, "patternSpaceX": 0, "patternSpaceY": 0, "waveEnabled": false, "waveSpeed": 0, "waveComplexity": 0, "waveDepth": 0, "waveShadowDepth": 0, "boxSize": 0.0, "scaleX": 0, "scaleY": 0, "scaleZ": 0, "isMorphEnabled": false, "lightY": 0, "lightZ": 0, "noiseRange": 0, "positionFactor": 0, "scaleFactor": 0, "colorFactor": 0, "sizeVariance": 0, "wobble": 0, "morph": 0, "scrollMovement": 0, "patternScaleX": 0, "patternScaleY": 0, "patternPowerX": 0, "patternPowerY": 0, "patternAmount": 0, "surfaceHeight": 0, "colorStop1": 0, "colorStop2": 0, "colorStop3": 0, "colorStop4": 0, "gradientDistortionX": 0, "gradientDistortionY": 0, "curveX": 0, "curveY": 0, "curveFunnel": 0, "fogIntensity": 0, "repeat": 0, "rotation": 0, "rotationSpeed": 0, "blur": 0, "complexityY": 0, "complexityZ": 0, "amplitudeY": 0, "amplitudeZ": 0, "offset": 0, "lightAngle": 0, "alpha": 0 } }" data-current-context="{ "video": { "playbackSpeed": 0.5, "filter": 1, "filterStrength": 0, "zoom": 0, "videoSourceProvider": "none" }, "backgroundImageId": null, "backgroundMediaEffect": { "type": "none" }, "divider": { "enabled": false, "type": "wavy", "width": { "unit": "vw", "value": 100.0 }, "height": { "unit": "vw", "value": 6.0 }, "isFlipX": false, "isFlipY": false, "offset": { "unit": "px", "value": 0.0 }, "stroke": { "style": "solid", "color": { "type": "THEME_COLOR" }, "thickness": { "unit": "px", "value": 6.0 }, "dashLength": { "unit": "px", "value": 5.0 }, "gapLength": { "unit": "px", "value": 15.0 }, "linecap": "square" } }, "typeName": "portfolio-grid-basic" }" data-animation="none" data-fluid-engine-section style="min-height: 1vh;" > <div class="section-border" > <div class="section-background"> </div> </div> <div class='content-wrapper' style=' padding-top: calc(1vmax / 10); padding-bottom: calc(1vmax / 10); ' > <div class="content" > <div data-fluid-engine="true"><style> .fe-66209d6f541af177c3296f1d { --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 11.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (8 - 1)) ) / 8 ); display: grid; position: relative; grid-area: 1/1/-1/-1; grid-template-rows: repeat(6,minmax(24px, auto)); grid-template-columns: minmax(var(--grid-gutter), 1fr) repeat(8, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr); row-gap: 11.0px; column-gap: 11.0px; overflow-x: hidden; overflow-x: clip; } @media (min-width: 768px) { .background-width--inset .fe-66209d6f541af177c3296f1d { --inset-padding: calc(var(--sqs-site-gutter) * 2); } .fe-66209d6f541af177c3296f1d { --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (24 - 1)) ) / 24 ); --inset-padding: 0vw; --row-height-scaling-factor: 0.0215; --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) )); grid-template-rows: repeat(1,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto)); grid-template-columns: minmax(var(--grid-gutter), 1fr) repeat(24, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr); } } .fe-block-yui_3_17_2_1_1713412802307_3983 { grid-area: 1/2/7/10; z-index: 1; @media (max-width: 767px) { } } .fe-block-yui_3_17_2_1_1713412802307_3983 .sqs-block { justify-content: flex-start; } .fe-block-yui_3_17_2_1_1713412802307_3983 .sqs-block-alignment-wrapper { align-items: flex-start; } @media (min-width: 768px) { .fe-block-yui_3_17_2_1_1713412802307_3983 { grid-area: 1/2/2/6; z-index: 1; } .fe-block-yui_3_17_2_1_1713412802307_3983 .sqs-block { justify-content: flex-start; } .fe-block-yui_3_17_2_1_1713412802307_3983 .sqs-block-alignment-wrapper { align-items: flex-start; } } </style><div class="fluid-engine fe-66209d6f541af177c3296f1d"><div class="fe-block fe-block-yui_3_17_2_1_1713412802307_3983"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-code code-block" data-block-css="["https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.code/2092454b-e461-473d-8258-55b2898ee429_42/website.components.code.styles.css"]" data-block-scripts="["https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.code/2092454b-e461-473d-8258-55b2898ee429_42/website.components.code.visitor.js"]" data-block-type="1337" data-definition-name="website.components.code" data-sqsp-block="code" id="block-yui_3_17_2_1_1713412802307_3983"><div class="sqs-block-content"><div class="sqs-code-container" data-localized="{"enableSafeModeTitle":"Embedded Scripts","exitSafeModeButton":"Exit safe preview","enableSafeModeText":"This block contains embedded scripts. Embedded scripts are disabled while you're logged in and editing your site.","enableSafeModeButton":"Preview in safe mode","exitSafeModeTitle":"Safe Preview","exitSafeModeText":"Please view the page after logging out for accurate rendering.","globalSafeMode":"Embedded Code: This block contains embedded code that has been disabled.","scriptDisabled":"Script Disabled"}" > <div id="finalscreens"> </div> </div> </div></div></div></div></div> </div> <button class='background-pause-button' aria-label="Pause Background"></button> <button class='background-pause-button paused' aria-label="Play Background"></button> </div> </section> </article> <section id="itemPagination" class="item-pagination item-pagination--prev-next" data-collection-type="portfolio-grid-basic" > <a href="/portfolio/realtechwebapp-2jlx7" class="item-pagination-link item-pagination-link--next"> <div class="pagination-title-wrapper"> <div class="visually-hidden">Next</div> <div class="item-pagination-prev-next">Next</div> <h2 class="item-pagination-title">Account Conversion Journey & High-Fid UI in PropTech</h2> </div> <div class="item-pagination-icon icon icon--stroke"> <svg class="caret-right-icon--small" viewBox="0 0 9 16"> <polyline fill="none" stroke-miterlimit="10" points="1.6,1.2 6.5,7.9 1.6,14.7"/> </svg> </div> </a> </section> </main> <footer class="sections" id="footer-sections" data-footer-sections> <section data-test="page-section" data-section-theme="white-bold" class='page-section layout-engine-section background-width--full-bleed section-height--small content-width--wide horizontal-alignment--center vertical-alignment--middle white-bold' data-section-id="61ba735383af9a03f0101524" data-controller="SectionWrapperController" data-current-styles="{ "imageOverlayOpacity": 0.15, "backgroundWidth": "background-width--full-bleed", "sectionHeight": "section-height--small", "customSectionHeight": 40, "horizontalAlignment": "horizontal-alignment--center", "verticalAlignment": "vertical-alignment--middle", "contentWidth": "content-width--wide", "customContentWidth": 90, "sectionTheme": "white-bold", "sectionAnimation": "none", "backgroundMode": "generative", "generative": { "type": "none", "seed": 0, "count": 0, "size": 0, "speed": 0, "invertColors": false, "noiseIntensity": 0, "noiseScale": 0, "distortionScaleX": 0, "distortionScaleY": 0, "distortionSpeed": 0, "distortionIntensity": 0, "lightIntensity": 0, "lightX": 0, "bevelRotation": 0, "bevelSize": 0, "bevelStrength": 0, "complexity": 0, "cutoff": 0, "isBevelEnabled": false, "isBlurEnabled": false, "scale": 0, "speedMorph": 0, "speedTravel": 0, "steps": 0, "travelDirection": 0, "noiseBias": 0, "animateNoise": false, "distortionComplexity": 0, "distortionDirection": 0, "distortionMorphSpeed": 0, "distortionSeed": 0, "distortionSmoothness": 0, "linearGradientStartColorDistance": 0, "linearGradientEndColorDistance": 0, "linearGradientAngle": 0, "linearGradientAngleMotion": 0, "linearGradientRepeat": 0, "radialGradientRadius": 0, "radialGradientPositionX": 0, "radialGradientPositionY": 0, "radialGradientFollowCursor": false, "radialGradientFollowSpeed": 0, "imageScale": 0, "imageCount": 0, "patternEnabled": false, "patternSize": 0, "patternOffsetX": 0, "patternOffsetY": 0, "patternSpaceX": 0, "patternSpaceY": 0, "waveEnabled": false, "waveSpeed": 0, "waveComplexity": 0, "waveDepth": 0, "waveShadowDepth": 0, "boxSize": 0.0, "scaleX": 0, "scaleY": 0, "scaleZ": 0, "isMorphEnabled": false, "lightY": 0, "lightZ": 0, "noiseRange": 0, "positionFactor": 0, "scaleFactor": 0, "colorFactor": 0, "sizeVariance": 0, "wobble": 0, "morph": 0, "scrollMovement": 0, "patternScaleX": 0, "patternScaleY": 0, "patternPowerX": 0, "patternPowerY": 0, "patternAmount": 0, "surfaceHeight": 0, "colorStop1": 0, "colorStop2": 0, "colorStop3": 0, "colorStop4": 0, "gradientDistortionX": 0, "gradientDistortionY": 0, "curveX": 0, "curveY": 0, "curveFunnel": 0, "fogIntensity": 0, "repeat": 0, "rotation": 0, "rotationSpeed": 0, "blur": 0, "complexityY": 0, "complexityZ": 0, "amplitudeY": 0, "amplitudeZ": 0, "offset": 0, "lightAngle": 0, "alpha": 0 } }" data-current-context="{ "video": { "playbackSpeed": 0.5, "filter": 1, "filterStrength": 0, "zoom": 0, "videoSourceProvider": "none" }, "backgroundImageId": null, "backgroundMediaEffect": { "type": "none" }, "divider": { "enabled": false }, "typeName": "portfolio-grid-basic" }" data-animation="none" > <div class="section-border" > <div class="section-background"> </div> </div> <div class='content-wrapper' style=' ' > <div class="content" > <div class="sqs-layout sqs-grid-12 columns-12" data-type="page-section" id="page-section-61ba735383af9a03f0101524"><div class="row sqs-row"><div class="col sqs-col-12 span-12"><div class="sqs-block html-block sqs-block-html" data-block-type="2" data-border-radii="{"topLeft":{"unit":"px","value":0.0},"topRight":{"unit":"px","value":0.0},"bottomLeft":{"unit":"px","value":0.0},"bottomRight":{"unit":"px","value":0.0}}" data-sqsp-block="text" id="block-18f4c853c608a6b5599f"><div class="sqs-block-content"> <div class="sqs-html-content" data-sqsp-text-block-content> <p class="" style="white-space:pre-wrap;"><a href="/portfolio">Projects</a> </p><p class="" style="white-space:pre-wrap;"><a href="https://www.martinafunaki.com/about">About</a></p><p class="" style="white-space:pre-wrap;"><a href="https://www.martinafunaki.com/contact">Contact</a> </p><p style="text-align:center;white-space:pre-wrap;" class="sqsrte-small">martina[dot]funaki[at}gmail[dot}com</p> </div> </div></div></div></div></div> </div> <button class='background-pause-button' aria-label="Pause Background"></button> <button class='background-pause-button paused' aria-label="Play Background"></button> </div> </section> </footer> </div> <script defer="true" src="https://static1.squarespace.com/static/vta/5c5a519771c10ba3470d8101/scripts/site-bundle.5034b49dc9657e6dff57a43925f3aeab.js" type="text/javascript"></script> <svg xmlns="http://www.w3.org/2000/svg" version="1.1" style="display:none" data-usage="social-icons-svg"><symbol id="linkedin-unauth-icon" viewBox="0 0 64 64"><path d="M20.4,44h5.4V26.6h-5.4V44z M23.1,18c-1.7,0-3.1,1.4-3.1,3.1c0,1.7,1.4,3.1,3.1,3.1 c1.7,0,3.1-1.4,3.1-3.1C26.2,19.4,24.8,18,23.1,18z M39.5,26.2c-2.6,0-4.4,1.4-5.1,2.8h-0.1v-2.4h-5.2V44h5.4v-8.6 c0-2.3,0.4-4.5,3.2-4.5c2.8,0,2.8,2.6,2.8,4.6V44H46v-9.5C46,29.8,45,26.2,39.5,26.2z"/></symbol><symbol id="linkedin-unauth-mask" viewBox="0 0 64 64"><path d="M0,0v64h64V0H0z M25.8,44h-5.4V26.6h5.4V44z M23.1,24.3c-1.7,0-3.1-1.4-3.1-3.1c0-1.7,1.4-3.1,3.1-3.1 c1.7,0,3.1,1.4,3.1,3.1C26.2,22.9,24.8,24.3,23.1,24.3z M46,44h-5.4v-8.4c0-2,0-4.6-2.8-4.6c-2.8,0-3.2,2.2-3.2,4.5V44h-5.4V26.6 h5.2V29h0.1c0.7-1.4,2.5-2.8,5.1-2.8c5.5,0,6.5,3.6,6.5,8.3V44z"/></symbol></svg> </body> </html>
