CINXE.COM

Fortune Greece Redesign | BEATTHEWHITES

<!DOCTYPE html> <!--[if IE 8]> <html class="ie ie8 lt-ie9" lang="en-US"> <![endif]--> <!--[if !(IE 7) | !(IE 8) ]><!--> <html lang="en-US"> <!--<![endif]--> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Fortune Greece Redesign | BEATTHEWHITES</title> <link rel="profile" href="http://gmpg.org/xfn/11"> <link rel="pingback" href="https://www.beatthewhites.com/xmlrpc.php"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500;600;700&display=swap" rel="stylesheet"> <!--[if lt IE 9]> <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.js"></script> <![endif]--> <script> !function(){var analytics=window.analytics=window.analytics||[];if(!analytics.initialize)if(analytics.invoked)window.console&&console.error&&console.error("Segment snippet included twice.");else{analytics.invoked=!0;analytics.methods=["trackSubmit","trackClick","trackLink","trackForm","pageview","identify","reset","group","track","ready","alias","debug","page","once","off","on","addSourceMiddleware","addIntegrationMiddleware","setAnonymousId","addDestinationMiddleware"];analytics.factory=function(e){return function(){var t=Array.prototype.slice.call(arguments);t.unshift(e);analytics.push(t);return analytics}};for(var e=0;e<analytics.methods.length;e++){var key=analytics.methods[e];analytics[key]=analytics.factory(key)}analytics.load=function(key,e){var t=document.createElement("script");t.type="text/javascript";t.async=!0;t.src="https://cdn.segment.com/analytics.js/v1/" + key + "/analytics.min.js";var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(t,n);analytics._loadOptions=e};analytics._writeKey="i9RhbZIbO6VPs4qzUtXaRl9BHnu1pVsH";;analytics.SNIPPET_VERSION="4.15.3"; analytics.load("i9RhbZIbO6VPs4qzUtXaRl9BHnu1pVsH"); analytics.page(); }}(); </script> <meta name='robots' content='noindex, follow' /> <style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style> <!-- This site is optimized with the Yoast SEO plugin v20.8 - https://yoast.com/wordpress/plugins/seo/ --> <meta name="description" content="Notes on the redesign of Fortune Greece’s existing web presence into a dynamic, comprehensive &amp; modern portal showcasing different communication channels." /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Fortune Greece Redesign | BEATTHEWHITES" /> <meta property="og:description" content="Notes on the redesign of Fortune Greece’s existing web presence into a dynamic, comprehensive &amp; modern portal showcasing different communication channels." /> <meta property="og:url" content="https://www.beatthewhites.com/beatthewhites-fortune-greece-redesign/" /> <meta property="og:site_name" content="BEATTHEWHITES" /> <meta property="article:publisher" content="https://www.facebook.com/beatthewhites" /> <meta property="article:published_time" content="2023-01-11T08:40:05+00:00" /> <meta property="article:modified_time" content="2023-05-12T14:16:15+00:00" /> <meta property="og:image" content="https://www.beatthewhites.com/wp-content/uploads/2023/01/beatthewhites-blog-fortune-greece-redesign-og-image.jpg" /> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="630" /> <meta property="og:image:type" content="image/jpeg" /> <meta name="author" content="BTW" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:image" content="https://www.beatthewhites.com/wp-content/uploads/2023/01/beatthewhites-blog-fortune-greece-redesign-og-image.jpg" /> <meta name="twitter:label1" content="Written by" /> <meta name="twitter:data1" content="BTW" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"Article","@id":"https://www.beatthewhites.com/beatthewhites-fortune-greece-redesign/#article","isPartOf":{"@id":"https://www.beatthewhites.com/beatthewhites-fortune-greece-redesign/"},"author":{"name":"BTW","@id":"https://www.beatthewhites.com/#/schema/person/059049a67fd541166e2fb1e02683e695"},"headline":"Fortune Greece Redesign","datePublished":"2023-01-11T08:40:05+00:00","dateModified":"2023-05-12T14:16:15+00:00","mainEntityOfPage":{"@id":"https://www.beatthewhites.com/beatthewhites-fortune-greece-redesign/"},"wordCount":3,"publisher":{"@id":"https://www.beatthewhites.com/#organization"},"image":{"@id":"https://www.beatthewhites.com/beatthewhites-fortune-greece-redesign/#primaryimage"},"thumbnailUrl":"https://www.beatthewhites.com/wp-content/uploads/2023/01/btw-blog-anim-mosaic-image-vertical-1.png","inLanguage":"en-US"},{"@type":"WebPage","@id":"https://www.beatthewhites.com/beatthewhites-fortune-greece-redesign/","url":"https://www.beatthewhites.com/beatthewhites-fortune-greece-redesign/","name":"Fortune Greece Redesign | BEATTHEWHITES","isPartOf":{"@id":"https://www.beatthewhites.com/#website"},"primaryImageOfPage":{"@id":"https://www.beatthewhites.com/beatthewhites-fortune-greece-redesign/#primaryimage"},"image":{"@id":"https://www.beatthewhites.com/beatthewhites-fortune-greece-redesign/#primaryimage"},"thumbnailUrl":"https://www.beatthewhites.com/wp-content/uploads/2023/01/btw-blog-anim-mosaic-image-vertical-1.png","datePublished":"2023-01-11T08:40:05+00:00","dateModified":"2023-05-12T14:16:15+00:00","description":"Notes on the redesign of Fortune Greece’s existing web presence into a dynamic, comprehensive & modern portal showcasing different communication channels.","breadcrumb":{"@id":"https://www.beatthewhites.com/beatthewhites-fortune-greece-redesign/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://www.beatthewhites.com/beatthewhites-fortune-greece-redesign/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://www.beatthewhites.com/beatthewhites-fortune-greece-redesign/#primaryimage","url":"https://www.beatthewhites.com/wp-content/uploads/2023/01/btw-blog-anim-mosaic-image-vertical-1.png","contentUrl":"https://www.beatthewhites.com/wp-content/uploads/2023/01/btw-blog-anim-mosaic-image-vertical-1.png","width":388,"height":555},{"@type":"BreadcrumbList","@id":"https://www.beatthewhites.com/beatthewhites-fortune-greece-redesign/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.beatthewhites.com/"},{"@type":"ListItem","position":2,"name":"Fortune Greece Redesign"}]},{"@type":"WebSite","@id":"https://www.beatthewhites.com/#website","url":"https://www.beatthewhites.com/","name":"BEATTHEWHITES","description":"Digital Solutions","publisher":{"@id":"https://www.beatthewhites.com/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://www.beatthewhites.com/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https://www.beatthewhites.com/#organization","name":"BEATTHEWHITES","url":"https://www.beatthewhites.com/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://www.beatthewhites.com/#/schema/logo/image/","url":"https://www.beatthewhites.com/wp-content/uploads/2022/08/favicon-152.jpg","contentUrl":"https://www.beatthewhites.com/wp-content/uploads/2022/08/favicon-152.jpg","width":152,"height":152,"caption":"BEATTHEWHITES"},"image":{"@id":"https://www.beatthewhites.com/#/schema/logo/image/"},"sameAs":["https://www.facebook.com/beatthewhites","https://www.instagram.com/beatthewhites/","https://www.behance.com/beatthewhites"]},{"@type":"Person","@id":"https://www.beatthewhites.com/#/schema/person/059049a67fd541166e2fb1e02683e695","name":"BTW"}]}</script> <!-- / Yoast SEO plugin. --> <link rel='dns-prefetch' href='//cdn.jsdelivr.net' /> <link rel="alternate" type="application/rss+xml" title="BEATTHEWHITES &raquo; Feed" href="https://www.beatthewhites.com/feed/" /> <link rel="alternate" type="application/rss+xml" title="BEATTHEWHITES &raquo; Comments Feed" href="https://www.beatthewhites.com/comments/feed/" /> <script type="text/javascript"> /* <![CDATA[ */ window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/www.beatthewhites.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.7.1"}}; /*! This file is auto-generated */ !function(i,n){var o,s,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),r=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===r[t]})}function u(e,t,n){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!n(e,"\ud83d\udc26\u200d\u2b1b","\ud83d\udc26\u200b\u2b1b")}return!1}function f(e,t,n){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):i.createElement("canvas"),a=r.getContext("2d",{willReadFrequently:!0}),o=(a.textBaseline="top",a.font="600 32px Arial",{});return e.forEach(function(e){o[e]=t(a,e,n)}),o}function t(e){var t=i.createElement("script");t.src=e,t.defer=!0,i.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",s=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){i.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"}),a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=function(e){c(n=e.data),a.terminate(),t(n)})}catch(e){}c(n=f(s,u,p))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings); /* ]]> */ </script> <style id='wp-emoji-styles-inline-css' type='text/css'> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <link rel='stylesheet' id='wp-block-library-css' href='https://www.beatthewhites.com/wp-includes/css/dist/block-library/style.min.css?ver=6.7.1' type='text/css' media='all' /> <style id='classic-theme-styles-inline-css' type='text/css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <style id='global-styles-inline-css' type='text/css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='slick-css' href='//cdn.jsdelivr.net/jquery.slick/1.5.9/slick.css?ver=6.7.1' type='text/css' media='all' /> <link rel='stylesheet' id='mainstyle-css' href='https://www.beatthewhites.com/wp-content/themes/btw/assets/css/style.css?v=1734643345&#038;ver=6.7.1' type='text/css' media='all' /> <link rel='stylesheet' id='temp-css-css' href='https://www.beatthewhites.com/wp-content/themes/btw/style.css?v=1734643345&#038;ver=6.7.1' type='text/css' media='all' /> <script type="text/javascript" src="https://www.beatthewhites.com/wp-content/themes/btw/assets/js/ua-parser.min.js?ver=0.7.28" id="ua_parser-js"></script> <script type="text/javascript" src="https://www.beatthewhites.com/wp-content/themes/btw/assets/js/btw-ua-parser.js?ver=1734643345" id="btw_ua_parser-js"></script> <script type="text/javascript" src="https://www.beatthewhites.com/wp-content/themes/btw/assets/js/utilities.min.js?ver=1734643345" id="utilities-js"></script> <script type="text/javascript" src="https://www.beatthewhites.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script> <script type="text/javascript" src="https://www.beatthewhites.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script> <script type="text/javascript" src="https://www.beatthewhites.com/wp-content/themes/btw/assets/js/scripts.js?v=1734643345&amp;ver=6.7.1" id="scripts_js-js"></script> <link rel="https://api.w.org/" href="https://www.beatthewhites.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://www.beatthewhites.com/wp-json/wp/v2/posts/2463" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.beatthewhites.com/xmlrpc.php?rsd" /> <link rel='shortlink' href='https://www.beatthewhites.com/?p=2463' /> <link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://www.beatthewhites.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.beatthewhites.com%2Fbeatthewhites-fortune-greece-redesign%2F" /> <link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://www.beatthewhites.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.beatthewhites.com%2Fbeatthewhites-fortune-greece-redesign%2F&#038;format=xml" /> <script> /* <![CDATA[ */ var BTW = {"ajaxUrl":"https:\/\/www.beatthewhites.com\/wp-admin\/admin-ajax.php","is_blog_page":false} /* ]]> */ </script> <link rel="icon" href="https://www.beatthewhites.com/wp-content/uploads/2022/08/cropped-btw-favicon-32x32.png" sizes="32x32" /> <link rel="icon" href="https://www.beatthewhites.com/wp-content/uploads/2022/08/cropped-btw-favicon-192x192.png" sizes="192x192" /> <link rel="apple-touch-icon" href="https://www.beatthewhites.com/wp-content/uploads/2022/08/cropped-btw-favicon-180x180.png" /> <meta name="msapplication-TileImage" content="https://www.beatthewhites.com/wp-content/uploads/2022/08/cropped-btw-favicon-270x270.png" /> </head> <body class="post-template-default single single-post postid-2463 single-format-standard"> <div class="global_wrapper clear" itemscope itemtype="https://schema.org/WebSite"> <header class="global_header wrapper"> <!-- <div class="main_navigation"> --> <button class="view_projects_header"> <a href="https://www.beatthewhites.com/work/">ALL PROJECTS</a> </button> <figure class="header_logo"> <a href="https://www.beatthewhites.com" title="BTW"> <!-- <img src="" alt=""> --> <?xml version="1.0" encoding="utf-8"?> <!-- Generator: Adobe Illustrator 25.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 246.6 88.6" style="enable-background:new 0 0 246.6 88.6;" xml:space="preserve"> <g id="Group_5057" transform="translate(360.338 -149.131)"> <g id="Group_4914" transform="translate(-360.338 149.132)"> <rect id="Rectangle_25" y="0" width="17.7" height="17.8"/> <rect id="Rectangle_26" x="17.7" y="0" width="17.8" height="17.8"/> <rect id="Rectangle_27" x="35.4" y="0" width="17.8" height="17.8"/> <rect id="Rectangle_28" x="53.2" y="0" width="17.7" height="17.8"/> <rect id="Rectangle_29" x="17.7" y="17.8" width="17.8" height="17.7"/> <rect id="Rectangle_30" x="53.2" y="17.8" width="17.7" height="17.7"/> <rect id="Rectangle_31" x="17.7" y="35.4" width="17.8" height="17.8"/> <rect id="Rectangle_32" x="35.4" y="35.4" width="17.8" height="17.8"/> <rect id="Rectangle_33" x="53.2" y="35.4" width="17.7" height="17.8"/> <rect id="Rectangle_34" x="17.7" y="53.2" width="17.8" height="17.8"/> <rect id="Rectangle_35" x="53.2" y="53.2" width="17.7" height="17.8"/> <rect id="Rectangle_36" y="70.9" width="17.7" height="17.7"/> <rect id="Rectangle_37" x="17.7" y="70.9" width="17.8" height="17.7"/> <rect id="Rectangle_38" x="35.4" y="70.9" width="17.8" height="17.7"/> <rect id="Rectangle_39" x="53.2" y="70.9" width="17.7" height="17.7"/> </g> <g id="Group_4915" transform="translate(-290.087 149.132)"> <rect id="Rectangle_40" x="0" y="0" width="17.7" height="17.8"/> <rect id="Rectangle_41" x="17.7" y="0" width="17.8" height="17.8"/> <rect id="Rectangle_42" x="35.4" y="0" width="17.8" height="17.8"/> <rect id="Rectangle_43" x="53.2" y="0" width="17.7" height="17.8"/> <rect id="Rectangle_44" x="70.8" y="0" width="17.8" height="17.8"/> <rect id="Rectangle_45" x="35.4" y="17.8" width="17.8" height="17.7"/> <rect id="Rectangle_46" x="35.4" y="35.4" width="17.8" height="17.8"/> <rect id="Rectangle_47" x="35.4" y="53.2" width="17.8" height="17.8"/> <rect id="Rectangle_48" x="35.4" y="70.9" width="17.8" height="17.7"/> </g> <g id="Group_4916" transform="translate(-202.378 149.132)"> <rect id="Rectangle_49" x="0" y="0" width="17.8" height="17.7"/> <rect id="Rectangle_50" x="70.9" y="0" width="17.8" height="17.7"/> <rect id="Rectangle_51" x="0" y="17.7" width="17.8" height="17.8"/> <rect id="Rectangle_52" x="70.9" y="17.7" width="17.8" height="17.8"/> <rect id="Rectangle_53" x="0" y="35.4" width="17.8" height="17.8"/> <rect id="Rectangle_54" x="35.5" y="35.4" width="17.7" height="17.8"/> <rect id="Rectangle_55" x="70.9" y="35.4" width="17.8" height="17.8"/> <rect id="Rectangle_56" x="0" y="53.2" width="17.8" height="17.7"/> <rect id="Rectangle_57" x="17.8" y="53.2" width="17.8" height="17.7"/> <rect id="Rectangle_58" x="53.2" y="53.2" width="17.8" height="17.7"/> <rect id="Rectangle_59" x="70.9" y="53.2" width="17.8" height="17.7"/> <rect id="Rectangle_60" x="0" y="70.8" width="17.8" height="17.8"/> <rect id="Rectangle_61" x="70.9" y="70.8" width="17.8" height="17.8"/> </g> </g> </svg> </a> </figure> <button class="toggle_nav"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 40 40" style="enable-background:new 0 0 40 40;" xml:space="preserve"> <style type="text/css"> .st0{fill:none;stroke:#000000;stroke-width:2;} </style> <g id="Group_5067" transform="translate(10908 19737)"> <g id="Group_5056" transform="translate(-103 -23.256)"> <line id="Line_2099" class="st0" x1="-10800" y1="-19697.7" x2="-10769" y2="-19697.7"/> <line id="Line_2100" class="st0" x1="-10800" y1="-19689.2" x2="-10779" y2="-19689.2"/> </g> </g> </svg> </button> <!-- </div> --> </header> <div class="main_nav"> <div class="main_nav_inner"> <a href="/"> <img src="https://www.beatthewhites.com/wp-content/uploads/2022/01/btw-text-logo-white.svg" class="menu_logo" alt="Menu Button" class="menu_logo"></a> <button class="button close_modal"> <img src="https://www.beatthewhites.com/wp-content/themes/btw/assets/imgs/icons/icon-close.svg" alt=""> </button> <div class="main_menu_container"> <nav class="navigation"> <ul id="menu-main-menu" class="menu"><li id="menu-item-441" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-441"><a href="https://www.beatthewhites.com/">Home</a></li> <li id="menu-item-2070" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2070"><a href="https://www.beatthewhites.com/work/">Work</a></li> <li id="menu-item-442" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-442"><a href="https://www.beatthewhites.com/about/">About</a></li> <li id="menu-item-2494" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2494"><a href="https://www.beatthewhites.com/blog/">Blog</a></li> <li id="menu-item-446" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-446"><a href="https://www.beatthewhites.com/contact/">Contact</a></li> </ul> </nav> <ul class="menu_social_desktop"> <li class="menu_social_title menu_info_list_title">FOLLOW US</li> <li class="behance social_links"> <a href="https://www.instagram.com/beatthewhites" title="Follow BTW on Instagram" target="_blank">In</a> </li> <li class="facebook social_links"> <a href="https://www.facebook.com/beatthewhites" title="Follow BTW on Facebook" target="_blank">Fb</a> </li> </ul> </div> <div class="menu_info"> <div class="menu_info_conainer"> <ul class="menu_info_email"> <li class="menu_info_list_title"> ENQUIRIES </li> <li class="menu_info_list_info"> <a title="Email Adress" href="">hello@beatthewhites.com</a> </li> </ul> <ul class="menu_info_phone"> <li class="menu_info_list_title"> PHONE </li> <li class="menu_info_list_info"> <a title="Call Us" href="tel:+302107211072">(+30) 210 721 1072</a> </li> </ul> <ul class="menu_social_mobile"> <li class="menu_social_title menu_info_list_title">FOLLOW US</li> <li class="behance social_links"> <a href="https://www.instagram.com/beatthewhites" title="Follow BTW on Instagram" target="_blank">In</a> </li> <li class="facebook social_links"> <a href="https://www.facebook.com/beatthewhites" title="Follow BTW on Facebook" target="_blank">Fb</a> </li> </ul> </div> </div> </div> </div> </div> <!-- .global_wrapper end --> <div class="main single-blog"> <div class="scroll-line"></div> <h1 class="large__title sticky_large_title"> Fortune Greece Redesign </h1> <div class="wrapper clear"> <article class="blog_post clear"> <header class="blog__header"> <div class="blog_header_container"> <span class="post__date"> 11.01.2023 </span> <h1 class="large__title"> Fortune Greece Redesign </h1> <a href="https://www.beatthewhites.com/project/fortune-greece/" class="btn_link" target="blank">View Project</a> </div> </header> <main class="blog__main"> <div class="blog-paragraph"> <div class="blog_post_lead"> <p>Fortune is the largest business media brand in the world and its digital presence through <a href="http://www.fortunegreece.com" target="_blank" rel="noopener">www.fortunegreece.com</a> is the focus of all its communication channels in Greece. Construction of the website started in 2013 and, after a series of changes, the time came for its radical renewal. This aimed to turn Fortune Greece’s existing web presence into a dynamic, comprehensive and modern portal showcasing different communication channels, and with flexible management and adaptation of content in combination with multiple viewing options.</p> <p>This redesign process evolved through our long-term collaboration with the Fortune Greece team and was completed just before the end of the year.</p> </div> </div> <!-- longform layouts --> <div class="longform_layout layout__text"> <div class="clear"> <div class="blog-paragraph"> <h2>The challenge</h2> <p>Fortune Greece needed a radical content redesign. As with the holistic redesign of any website, we started by considering in detail the technical and other improvements needed to meet the modern demands of its readership. A major challenge regarding the overall user navigation experience (<a href="https://www.beatthewhites.com/about/#services">UI/UX</a>), for example, was how to combine more than 150,000 primary content articles with the required SEO E.A.T. (Expertise, Authoritativeness, Trustworthiness) compliance features, 3,000 brands/companies with 2,000 individuals/businesspeople and more than 60 ranking lists into a new, fresh design.</p> </div> </div> </div> <div class="longform_layout layout__icons"> <div class="icons_container"> <div class="icon_content"> <img src="https://www.beatthewhites.com/wp-content/uploads/2023/01/btw-blog-fortune-redesign-facts-icon-arthra-1.svg" alt="" alt="" class="icon_img"> <span class="icon_super_title">Άρθρα</span> <span class="icon_title">150.000</span> </div> <div class="icon_content"> <img src="https://www.beatthewhites.com/wp-content/uploads/2023/01/btw-blog-fortune-redesign-facts-icon-brands-companies-1.svg" alt="" alt="" class="icon_img"> <span class="icon_super_title">Brands/Companies</span> <span class="icon_title">3000</span> </div> <div class="icon_content"> <img src="https://www.beatthewhites.com/wp-content/uploads/2023/01/btw-blog-fortune-redesign-facts-icon-business-people-1.svg" alt="" alt="" class="icon_img"> <span class="icon_super_title">Business people</span> <span class="icon_title">2000</span> </div> <div class="icon_content"> <img src="https://www.beatthewhites.com/wp-content/uploads/2023/01/btw-blog-fortune-redesign-facts-icon-lists-1.svg" alt="" alt="" class="icon_img"> <span class="icon_super_title">Lists</span> <span class="icon_title">60</span> </div> </div> </div> <div class="longform_layout layout__text"> <div class="clear"> <div class="blog-paragraph"> <p>There were two main priorities in this project: flexibility and adaptability. We needed to incorporate the flexibility to display text, video and images with different parameters according to Fortune Greece&#8217;s editorial and commercial needs, and adaptability to the daily demands of the digital media world. All this had to be combined with the digital projection of premium content from exclusive activities, including live events, major topics from the print edition, exclusive interviews with the biggest business leaders in Greece and abroad, special thematic categories, video shows and podcasts with customized content.</p> </div> </div> </div> <div class="longform_layout layout__image__fullwidth empty_caption"> <div class="clear"> <div class="gallery__lightbox-container gallery clear"> <figure class="gallery_image"> <img src="https://www.beatthewhites.com/wp-content/uploads/2023/01/btw-blog-fortune-redesign-facts-image-1-1.png" alt=""> </figure> </div> </div> </div> <div class="longform_layout layout__text"> <div class="clear"> <div class="blog-paragraph"> <h2>The design</h2> <p>Considering all these challenges, we organized the workflow for the redesign around a focus on creating valid digital solutions. To achieve maximum awareness of the international Fortune business brand, the implementation is based on a completely customized WordPress platform environment &#8211; one that is similar in style to Fortune USA.</p> <p>In collaboration with Fortune’s management and editorial team, we proposed, presented and analyzed step-by-step the creative alternatives in terms of appearance, functionality and adaptation to the requirements of online search engines. The homepage was redesigned based on maximum flexibility for content rearrangement. In a series of in-depth sessions, we trained Fortune Greece’s team members in digital best practices so that the redesign of the website would evolve into a basis from which to produce new dynamic themes, while keeping the core of the medium unchanged.</p> <p>Three of the biggest challenges for the transformation of Fortune Greece were display of the magazine&#8217;s lists; provision for the creation of fully customized content islands, which change in form and design depending on the actions covered; and the functional transfer of the website into a mobile environment. These three projects significantly enhanced the existing content, by changing the way in which corporate data and the stored digital knowledge of a whole decade are displayed, even on the screen of a smartphone.</p> <p>When it came to the <a href="https://www.beatthewhites.com/about/#services">mobile design</a>, we kept the information on the front page and internal pages &#8211; especially as far as lists are concerned &#8211; unchanged, aiming at achieving total functionality and ease of use. To this end, we redesigned the mobile and tablet version of www.fortunegreece.com, following in parallel with the desktop version all the steps taken from the beginning of the project to its final launch.</p> </div> </div> </div> <div class="longform_layout before_after_layout"> <div class="container"> <div class="image-container"> <img class="image-before slider-image" src="https://www.beatthewhites.com/wp-content/uploads/2023/01/btw-blog-fortune-redesign-comparison-old.jpg" alt="" /> <img class="image-after slider-image" src="https://www.beatthewhites.com/wp-content/uploads/2023/01/btw-blog-fortune-redesign-comparison-new.jpg" alt="" /> </div> <input type="range" min="0" max="100" value="50" aria-label="Percentage of before photo shown" class="slider" /> <div class="slider-line" aria-hidden="true"></div> <div class="slider-button" aria-hidden="true"> <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor" viewBox="0 0 256 256"> <rect width="256" height="256" fill="none"></rect> <line x1="128" y1="40" x2="128" y2="216" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></line> <line x1="96" y1="128" x2="16" y2="128" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></line> <polyline points="48 160 16 128 48 96" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></polyline> <line x1="160" y1="128" x2="240" y2="128" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></line> <polyline points="208 96 240 128 208 160" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></polyline> </svg> </div> </div> </div> <div class="longform_layout layout__text"> <div class="clear"> <div class="blog-paragraph"> <p>At the same time, the process of simplifying the display of this custom content was channeled through multiple display modes on the homepage and for internal articles. With modern interlinking tools, fully customized and extremely easy-to-use content republishing functions we created a result that made the great transition to &#8220;Fortune Greece 2.0&#8221; possible. The use of new Parachute fonts was also decisive for the final image and <a href="https://www.beatthewhites.com/about/#services">improved performance</a> of the content. We made this font choice to fit with the general corporate identity of the brand (magazine, Fortune USA) and so that we could properly display a large volume of content.</p> <h2>Ongoing support</h2> <p>Fortune Greece&#8217;s redesign mission adjusted the knowledge and training of its managers to the needs of a media outlet operating at such a scale. After all, the tasks that reshape a &#8220;living&#8221; digital organization are as dynamic as its corporate identity. This means that responding to user demands and new services requires creative adaptation, knowledge and re-education – a trio that characterizes our philosophy of continuous support to all our partners.</p> <p>Through our extremely successful collaboration with the Fortune Greece Team, we continue to support their transition to a new digital era. <a href="https://www.beatthewhites.com/about/">We offer agile responses to the specific needs of the multiple projects</a> that are running on a daily basis. This includes enhanced solutions for display of the dynamic digital content resulting from live events. We redefine the display of each new issue of the magazine and the list that accompanies it, prioritizing aesthetic and functional design adaptations in a fully customized environment. In this way, the website and all Fortune Greece&#8217;s communication channels reshape their relationship with their readership, surpassing their daily information needs and setting new standards in an ever-changing, challenging digital world.</p> </div> </div> </div> <!-- end of longform layouts --> </main> </article> <div class="blog_section_wrapper"> <h2 class="large__title">More from the blog</h2> <!-- Home Landing Section start --> <section class="blogposts__grid masonry-root clear"> <div class="blogposts__grid--column"> <article class="blogpost item"> <div class="content"> <a href="https://www.beatthewhites.com/joining-the-wordpress-community/"> <img class="blog_img" href="https://www.beatthewhites.com/joining-the-wordpress-community/" src="https://www.beatthewhites.com/wp-content/uploads/2023/08/beatthewhites-blog-wordpress-community-cover.gif" alt="" class="blog__img"> </a> <div class="inner"> <span class="blog_post_date"> 07.08.2023 </span> <h2 class="blog_post_title"> <a href="https://www.beatthewhites.com/joining-the-wordpress-community/">Joining the WordPress community</a> </h2> </div> <!-- .inner closed --> </div> <!-- .content closed --> </article> <div class="blogposts__grid--column"> <article class="blogpost item"> <div class="content"> <a href="https://www.beatthewhites.com/digital-typography/"> <img class="blog_img" href="https://www.beatthewhites.com/digital-typography/" src="https://www.beatthewhites.com/wp-content/uploads/2023/07/beatthewhites-blog-digital-typography-animation.gif" alt="" class="blog__img"> </a> <div class="inner"> <span class="blog_post_date"> 06.07.2023 </span> <h2 class="blog_post_title"> <a href="https://www.beatthewhites.com/digital-typography/">Digital Typography</a> </h2> </div> <!-- .inner closed --> </div> <!-- .content closed --> </article> <div class="blogposts__grid--column"> <article class="blogpost item"> <div class="content"> <a href="https://www.beatthewhites.com/btw-reads-fierce-conversations/"> <img class="blog_img" href="https://www.beatthewhites.com/btw-reads-fierce-conversations/" src="https://www.beatthewhites.com/wp-content/uploads/2023/05/btw-reads-fierce-conversations-animation.gif" alt="" class="blog__img"> </a> <div class="inner"> <span class="blog_post_date"> 12.05.2023 </span> <h2 class="blog_post_title"> <a href="https://www.beatthewhites.com/btw-reads-fierce-conversations/">BTW Reads / Fierce Conversations</a> </h2> </div> <!-- .inner closed --> </div> <!-- .content closed --> </article> <div class="blogposts__grid--column"> <article class="blogpost item"> <div class="content"> <a href="https://www.beatthewhites.com/beatthewhites-fortune-greece-redesign/"> <img class="blog_img" href="https://www.beatthewhites.com/beatthewhites-fortune-greece-redesign/" src="https://www.beatthewhites.com/wp-content/uploads/2023/01/btw-blog-anim-mosaic-image-vertical-1.png" alt="" class="blog__img"> </a> <div class="inner"> <span class="blog_post_date"> 11.01.2023 </span> <h2 class="blog_post_title"> <a href="https://www.beatthewhites.com/beatthewhites-fortune-greece-redesign/">Fortune Greece Redesign</a> </h2> </div> <!-- .inner closed --> </div> <!-- .content closed --> </article> <div class="blogposts__grid--column"> <article class="blogpost item"> <div class="content"> <a href="https://www.beatthewhites.com/btw-reads-growing-up-underground/"> <img class="blog_img" href="https://www.beatthewhites.com/btw-reads-growing-up-underground/" src="https://www.beatthewhites.com/wp-content/uploads/2023/05/btw-reads-growing-up-underground-steven-heller.gif" alt="" class="blog__img"> </a> <div class="inner"> <span class="blog_post_date"> 10.01.2023 </span> <h2 class="blog_post_title"> <a href="https://www.beatthewhites.com/btw-reads-growing-up-underground/">BTW Reads / Growing Up Underground</a> </h2> </div> <!-- .inner closed --> </div> <!-- .content closed --> </article> <div class="blogposts__grid--column"> <article class="blogpost item"> <div class="content"> <div class="video"> <video class="blogpost_video video_file" loop muted playsinline> <source src="https://www.beatthewhites.com/wp-content/uploads/2023/01/btw-blog-fortune-network-rectangle-thumbnail-video.mp4" type="video/mp4"> Your Browser doesn't support videos. </video> </div> <div class="inner"> <span class="blog_post_date"> 09.01.2023 </span> <h2 class="blog_post_title"> <a href="https://www.beatthewhites.com/btw-fortune-greece-network/">Fortune Greece Network</a> </h2> </div> <!-- .inner closed --> </div> <!-- .content closed --> </article> <div class="blogposts__grid--column"> <article class="blogpost item"> <div class="content"> <a href="https://www.beatthewhites.com/thumbs-up-for-notion-app/"> <img class="blog_img" href="https://www.beatthewhites.com/thumbs-up-for-notion-app/" src="https://www.beatthewhites.com/wp-content/uploads/2023/01/beatthewhites-blog-notion-app-cover-image.jpg" alt="" class="blog__img"> </a> <div class="inner"> <span class="blog_post_date"> 05.01.2023 </span> <h2 class="blog_post_title"> <a href="https://www.beatthewhites.com/thumbs-up-for-notion-app/">Thumbs up for the Notion app!</a> </h2> </div> <!-- .inner closed --> </div> <!-- .content closed --> </article> </section> <!-- Home Landing Section end --> </div> </div> </div> <div class="bg_black"> <div class="bg_wrapper"> <footer class="global__footer footer_wrapper header_light_mode header_mode bg_black" style="background-color: black; color: white;"> <figure class="footer_logo"> <img src="https://www.beatthewhites.com/wp-content/uploads/2022/01/btw-initials-logo-white.svg" alt="Beatthewhites Logo"> </figure> <nav class="footer_nav"> <ul class="footer_info"> <li class="footer_title">PHONE</li> <li class="footer_content"> <a title="Call us" href="tel:+302107211072">(+30) 210 721 1072</a></li> </ul> <ul class="footer_info footer_adress"> <li class="footer_title">ADDRESS</li> <li class="footer_content"> <p><a href="https://www.google.com/maps/place/BEATTHEWHITES+P.C./@37.9717357,23.7468294,15z/data=!4m5!3m4!1s0x0:0xbbf59ffb516018ad!8m2!3d37.9717164!4d23.7468466" target="_blank" rel="noopener">Ellanikou 39-41,<br /> 11634 Athens, GR</a></p> </li> <!-- <li class="footer_content"> </li> --> </ul> <ul class="footer_info"> <li class="footer_title">ENQUIRIES</li> <li class="footer_content"><a title="Email Adress" href="mailto: hello@beatthewhites.com">hello@beatthewhites.com</a></li> </ul> <ul class="footer_social"> <li class="footer_title">FOLLOW US</li> <li class="instagram social_links"> <a title="BTW Instagram page" href="https://www.instagram.com/beatthewhites" title="Follow BTW on Instagram" target="_blank">In</a> </li> <li class="facebook social_links"> <a title="BTW Facebook page" href="https://www.facebook.com/beatthewhites" title="Follow BTW on Facebook" target="_blank">Fb</a> </li> </ul> <div class="footer_info footer_legal"> <div class="footer_title"> LEGAL MENTIONS</div> <div class="footer_content"> <ul id="menu-legal_nav" class="menu"><li id="menu-item-2495" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-privacy-policy menu-item-2495"><a rel="privacy-policy" href="https://www.beatthewhites.com/policy/">Privacy Policy</a></li> <li id="menu-item-2496" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2496"><a href="https://www.beatthewhites.com/cookies-policy/">Cookies Policy</a></li> </ul> </div> </div> </nav> <div class="copyright"> <span class="copyright_date"> 2024 &copy;BTW</span> <span class="footer_legal_nav"><ul id="menu-legal_nav-1" class="menu"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-privacy-policy menu-item-2495"><a rel="privacy-policy" href="https://www.beatthewhites.com/policy/">Privacy Policy</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2496"><a href="https://www.beatthewhites.com/cookies-policy/">Cookies Policy</a></li> </ul> </span> <span>| Thanks for visiting! </span> </div> <button class="get_in_touch_mobile xs-font"> <a href="https://www.beatthewhites.com/contact/">GET IN TOUCH</a> </button> <button class="side_scroll_mobile xs-font"> </button> </footer> </div> </div> <button class="get_in_touch header_mode xs-font"> <a href="https://www.beatthewhites.com/contact/"> GET IN TOUCH </a> </button> <button class="side_scroll header_mode xs-font"> SCROLL </button> <button class="side_project_links"> <a href="https://www.beatthewhites.com/work/"> VIEW ALL PROJECTS </a> </button> <div id="user_consent"></div> <script type="text/javascript" src="https://cdn.jsdelivr.net/jquery.slick/1.5.9/slick.min.js?ver=6.7.1" id="slick_js-js"></script> <script type="text/javascript" src="https://www.beatthewhites.com/wp-content/themes/btw/assets/js/slick-sliders-config.js?v=1734643345&amp;ver=1734643345" id="slick_sliders_config_js-js"></script> <script type="text/javascript" src="https://www.beatthewhites.com/wp-content/themes/btw/assets/js/bodymovin.js?ver=1734643345" id="bodymovin_js-js"></script> <script type="text/javascript" src="https://www.beatthewhites.com/wp-content/themes/btw/assets/js/animations.js?ver=1734643345" id="animations_js-js"></script> <script type="text/javascript" src="https://www.beatthewhites.com/wp-content/themes/btw/assets/js/video-controller.js?ver=1734643345" id="video_controller-js"></script> <script type="text/javascript" id="cookies_js-js-extra"> /* <![CDATA[ */ var BTW_CONSENT = {"ajaxUrl":"https:\/\/www.beatthewhites.com\/wp-admin\/admin-ajax.php","btw_nonce":"d4dfb5fdab","ua_id":"GTM-PCGTDF7","pixel_id":"","lang":"en"}; /* ]]> */ </script> <script type="text/javascript" src="https://www.beatthewhites.com/wp-content/themes/btw/assets/js/js.cookie.js?ver=2.1.4" id="cookies_js-js"></script> <script type="text/javascript" src="https://www.beatthewhites.com/wp-content/themes/btw/assets/js/cookie_consent/cookie-consent.min.js?ver=1734643345" id="cookie_consent-js"></script> <script> var BlogCols = function( props = {} ){ // this.settings = Object.assign( {}, this._defaults(), props ); this.settings = this._defaults(); this.$container = document.querySelector( '.blogposts__grid.masonry-root' ); this.$elements = document.querySelectorAll( '.blogpost' ).arrayFrom(); this.windowWidth = window.innerWidth; if( !this.$elements ) return; this.init(); setTimeout( this.initVideoController.bind( this ), 10 ); this._bindEvents(); } BlogCols.prototype._defaults = function(){ return { colClassName: 'blogposts__grid--column', cols: [ [ 1024, 4 ], [1, 2 ], ] }; } BlogCols.prototype.initVideoController = function(){ var VideoController = window.VideoController; this.videoController = new VideoController(); } BlogCols.prototype._bindEvents = function(){ window.addEventListener( 'resize', this.onResize.bind( this ) ); } BlogCols.prototype.createWrapper = function(){ var $wrapper = document.createElement( 'div' ); $wrapper.className = this.settings.colClassName; return $wrapper; } BlogCols.prototype.init = function(){ var self = this, viewportCols = this.getViewportCols(), $elements = [].concat( this.$elements ), cols = this.getChunks( $elements, viewportCols ); console.log(cols); this.$container.innerHTML = ''; cols.forEach( function( col ){ var $wrapper = self.createWrapper(); col.forEach( function( post ){ $wrapper.appendChild( post ); }); self.$container.appendChild( $wrapper ); }); console.log('BlogCols init'); } BlogCols.prototype.getViewportCols = function(){ var matchedViewport = this.settings.cols.filter( function( viewport ){ return window.innerWidth >= viewport['0']; }); return matchedViewport['0']['1']; } BlogCols.prototype.getChunks = function( $elements, parts ){ var chunks = []; for( var i = 1; i <= parts; i++ ){ chunks.push([]); } while( $elements.length > 0 ){ for( var i = 0; i < parts; i++ ){ if( $elements.length ){ chunks[ i ].push( $elements.shift() ); } } } console.log($elements); return chunks; } BlogCols.prototype.onResize = function(){ if( this.windowWidth != window.innerWidth ){ this.windowWidth = window.innerWidth; this.init(); console.log('resize'); } } var blogCols = new BlogCols(); </script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10