CSS Design Awards - CSS Design Awards

<!DOCTYPE html> <html lang="en"> <head> <meta name="pageKey" content="public_profile_v3_desktop"> <meta name="robots" content="max-image-preview:large, noarchive"> <meta name="bingbot" content="nocache"> <meta name="linkedin:pageTag" content="openToProvider"> <meta name="locale" content="en_US"> <meta id="config" data-app-version="2.0.3221" data-call-tree-id="AAYpCE6ireZwG1FO2eUPHg==" data-multiproduct-name="public-profile-frontend" data-service-name="public-profile-frontend" data-browser-id="b8ec384c-77b7-48a5-87da-6db8f7502f79" data-enable-page-view-heartbeat-tracking data-page-instance="urn:li:page:public_profile_v3;aCvxCSh3Suadspy2W8QuPg==" data-disable-jsbeacon-pagekey-suffix="false" data-member-id="0" data-msafdf-lib="https://static-exp2.licdn.com/aero-v1/sc/h/80ndnja80f2uvg4l8sj2su82m" data-logout-url="/uas/logout" data-is-li-sugr-tracking-enabled data-should-use-full-url-in-pve-path="true" data-dna-member-lix-treatment="control" data-human-member-lix-treatment="enabled" data-dfp-member-lix-treatment="control" data-sync-apfc-headers-lix-treatment="control" data-sync-apfc-cb-lix-treatment="control"> <link rel="canonical" href="https://www.linkedin.com/in/cssda">    <meta property="al:android:url" content="https://www.linkedin.com/in/cssda"> <meta property="al:android:package" content="com.linkedin.android"> <meta property="al:android:app_name" content="LinkedIn"> <meta property="al:ios:url" content="https://www.linkedin.com/in/cssda"> <meta property="al:ios:app_store_id" content="288429040"> <meta property="al:ios:app_name" content="LinkedIn"> <link rel="manifest" href="/homepage-guest/manifest.json" crossorigin="use-credentials"> <link rel="icon" href="https://static-exp2.licdn.com/aero-v1/sc/h/al2o9zrvru7aqj8e1x2rzsrca"> <script> function getDfd() {let yFn,nFn;const p=new Promise(function(y, n){yFn=y;nFn=n;});p.resolve=yFn;p.reject=nFn;return p;} window.lazyloader = getDfd(); window.tracking = getDfd(); window.impressionTracking = getDfd(); window.ingraphTracking = getDfd(); window.appDetection = getDfd(); window.pemTracking = getDfd(); </script>  <title>CSS Design Awards - CSS Design Awards | LinkedIn</title> <link rel="stylesheet" href="https://static-exp2.licdn.com/aero-v1/sc/h/3tljmxt9z8nlgzh547lgxrvap"> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="litmsProfileName" content="public-profile-frontend"> <meta name="ubba" content="https://static-exp2.licdn.com/aero-v1/sc/h/4mp2y12x2ifw27fzkbcbvvy9v"> <meta name="platform" content="https://static-exp2.licdn.com/aero-v1/sc/h/6cyxnxvtz8nbkxhz0tz8jf602"> <meta name="platform-worker" content="https://static-exp2.licdn.com/aero-v1/sc/h/7nirg34a8ey4y2l4rw7xgwxx4"> <meta name="description" content="Be inspired. Be inspiring. CSSDA is a leading international award platform that honors… · Experience: CSS Design Awards · Location: United States · 500+ connections on LinkedIn. View CSS Design Awards’ profile on LinkedIn, a professional community of 1 billion members."> <meta name="og:description" content="Be inspired. Be inspiring. CSSDA is a leading international award platform that honors… · Experience: CSS Design Awards · Location: United States · 500+ connections on LinkedIn. View CSS Design Awards’ profile on LinkedIn, a professional community of 1 billion members."> <meta name="twitter:description" content="Be inspired. Be inspiring. CSSDA is a leading international award platform that honors… · Experience: CSS Design Awards · Location: United States · 500+ connections on LinkedIn. View CSS Design Awards’ profile on LinkedIn, a professional community of 1 billion members."> <meta property="og:title" content="CSS Design Awards - CSS Design Awards | LinkedIn"> <meta property="og:image" content="https://media.licdn.com/dms/image/v2/D5603AQE4jrzSRKz-zA/profile-displayphoto-shrink_200_200/profile-displayphoto-shrink_200_200/0/1730284397164?e=2147483647&v=beta&t=_lXtieFhAGDOO8d-dwJeNrpEm1-kuTZ-J_D3iQi6xh4"> <meta property="og:type" content="profile"> <meta property="profile:first_name" content="CSS Design"> <meta property="profile:last_name" content="Awards"> <meta property="og:url" content="https://www.linkedin.com/in/cssda"> <meta name="twitter:card" content="summary"> <meta name="twitter:site" content="@Linkedin"> <meta name="twitter:title" content="CSS Design Awards - CSS Design Awards | LinkedIn"> <meta name="twitter:image" content="https://media.licdn.com/dms/image/v2/D5603AQE4jrzSRKz-zA/profile-displayphoto-shrink_200_200/profile-displayphoto-shrink_200_200/0/1730284397164?e=2147483647&v=beta&t=_lXtieFhAGDOO8d-dwJeNrpEm1-kuTZ-J_D3iQi6xh4">  <meta name="linkedin:pageTag" content="openToProvider"> <meta name="clientSideIngraphs" content="1" data-gauge-metric-endpoint="/public-profile/api/ingraphs/guestGauge" data-counter-metric-endpoint="/public-profile/api/ingraphs/counter"> <script type="application/ld+json"> {"@context":"http://schema.org","@graph":[{"@type":"Article","author":{"@type":"Person","name":"CSS Design Awards","url":"https://www.linkedin.com/in/cssda"},"dateModified":"","datePublished":"2017-03-02T13:43:44.000+00:00","headline":"Meet the new CSSDA Award Monogram!","image":{"@type":"ImageObject","url":"https://media.licdn.com/dms/image/v2/C5112AQHeUlSocjX0QQ/article-cover_image-shrink_720_1280/article-cover_image-shrink_720_1280/0/1520134131513?e=2147483647&v=beta&t=1bJucidzCIjNaBE4zBADyEILYfDYaYqOVNcINvUddmQ"},"articleBody":"\u003Cp\u003EMeet the new CSSDA Award Monogram. Pure code and 100% customizable. Change colors to match your award winning site or get creative with animation. Designed in-house & coded by the talented Mr Lorenzo Bocchi. For nominees and winners. Submit now!\u003C/p\u003E \n \u003Cp\u003E\u003Ca href=\"http://www.cssdesignawards.com/\" target=\"_blank\" rel=\"nofollow noopener\"\u003Ehttp://www.cssdesignawards.com/\u003C/a\u003E\u003C/p\u003E\n \n","url":"https://www.linkedin.com/pulse/meet-new-cssda-award-monogram-css-design-awards"},{"@type":"Article","author":{"@type":"Person","name":"CSS Design Awards","url":"https://www.linkedin.com/in/cssda"},"dateModified":"","datePublished":"2017-03-02T08:05:19.000+00:00","headline":"Website Of The Day 2 March 2017","image":{"@type":"ImageObject","url":"https://media.licdn.com/dms/image/v2/C5112AQH9FsfZcx4JnA/article-cover_image-shrink_720_1280/article-cover_image-shrink_720_1280/0/1520218242296?e=2147483647&v=beta&t=rxHqexCk6-t2ocHRPNpoE8vbUIFHS9TWFvD11jnjzfE"},"articleBody":"\u003Cp\u003EWebsite Of The Day 2 March 2017\u003C/p\u003E \n \u003Cp\u003ECliff at Lyons by WONDR\u003C/p\u003E \n \u003Cp\u003E\u003Ca href=\"http://www.cssdesignawards.com/sites/cliff-at-lyons/30053\" target=\"_blank\" rel=\"nofollow noopener\"\u003Ehttp://www.cssdesignawards.com/sites/cliff-at-lyons/30053\u003C/a\u003E\u003C/p\u003E\n \n","url":"https://www.linkedin.com/pulse/website-day-2-march-2017-css-design-awards"},{"@type":"Article","author":{"@type":"Person","name":"CSS Design Awards","url":"https://www.linkedin.com/in/cssda"},"dateModified":"","datePublished":"2017-03-01T08:06:39.000+00:00","headline":"Website Of The Day 1 March 2017","image":{"@type":"ImageObject","url":"https://media.licdn.com/dms/image/v2/C5112AQF7y3ubbLtNpQ/article-cover_image-shrink_720_1280/article-cover_image-shrink_720_1280/0/1520082165142?e=2147483647&v=beta&t=hwlXS6A2RksnmhECfGhC_J6rReA7UwXQWYb04FaTMME"},"articleBody":"\u003Cp\u003EWebsite Of The Day 1 March 2017\u003C/p\u003E \n \u003Cp\u003EJulien Lozingue - Portfolio by Julien Lozingue & Romain Billard\u003C/p\u003E \n \u003Cp\u003E\u003Ca href=\"http://www.cssdesignawards.com/sites/julien-lozingue-portfolio/30200\" target=\"_blank\" rel=\"nofollow noopener\"\u003Ehttp://www.cssdesignawards.com/sites/julien-lozingue-portfolio/30200\u003C/a\u003E\u003C/p\u003E\n \n","url":"https://www.linkedin.com/pulse/website-day-1-march-2017-css-design-awards"},{"@type":"Article","author":{"@type":"Person","name":"CSS Design Awards","url":"https://www.linkedin.com/in/cssda"},"dateModified":"","datePublished":"2017-02-28T10:05:02.000+00:00","headline":"CSS Design Awards Book | GREATEST CL/CKS 2010 - 2016","image":{"@type":"ImageObject","url":"https://media.licdn.com/dms/image/v2/C5112AQFhUH58M-MfNg/article-cover_image-shrink_600_2000/article-cover_image-shrink_600_2000/0/1520129055771?e=2147483647&v=beta&t=RoolVxQAOGDebLgLeKBgF2P6IhwUTpB4TXGfeuNrKxs"},"articleBody":"\u003Cp\u003EGet your copy of GREATEST CL/CKS 2010 - 2016 before they are gone, gone, gone! \u003C/p\u003E \n \u003Cp\u003E736 award winning sites, 650+ designers, 252 pages of premium inspiration. \u003C/p\u003E \n \u003Cp\u003E\u003Ca href=\"http://www.cssdesignawards.com/cssda-book.html\" target=\"_blank\" rel=\"nofollow noopener\"\u003Ehttp://www.cssdesignawards.com/cssda-book.html\u003C/a\u003E\u003C/p\u003E \n \u003Cp\u003EProudly brought to you by CSSDA and Knock Inc.\u003C/p\u003E\n \n","url":"https://www.linkedin.com/pulse/css-design-awards-book-greatest-clcks-2010-2016-css-design-awards"},{"@type":"Article","author":{"@type":"Person","name":"CSS Design Awards","url":"https://www.linkedin.com/in/cssda"},"dateModified":"","datePublished":"2017-02-28T08:04:18.000+00:00","headline":"Website Of The Day 28 February 2017","image":{"@type":"ImageObject","url":"https://media.licdn.com/dms/image/v2/C5112AQElOOZOW5VMAA/article-cover_image-shrink_720_1280/article-cover_image-shrink_720_1280/0/1520211240491?e=2147483647&v=beta&t=JjoI0zfi76cQmf-EMw7F2ADVDbn1hj7HtWMBtQI4VOg"},"articleBody":"\u003Cp\u003EWebsite Of The Day 28 February 2017\u003C/p\u003E \n \u003Cp\u003EMA&LO by Awd Agency\u003C/p\u003E \n \u003Cp\u003E\u003Ca href=\"http://www.cssdesignawards.com/sites/ma-lo/30168\" target=\"_blank\" rel=\"nofollow noopener\"\u003Ehttp://www.cssdesignawards.com/sites/ma-lo/30168\u003C/a\u003E\u003C/p\u003E\n \n","url":"https://www.linkedin.com/pulse/website-day-28-february-2017-css-design-awards"},{"@type":"Article","author":{"@type":"Person","name":"CSS Design Awards","url":"https://www.linkedin.com/in/cssda"},"dateModified":"","datePublished":"2017-02-27T08:07:15.000+00:00","headline":"Website Of The Day 27 February 2017","image":{"@type":"ImageObject","url":"https://media.licdn.com/dms/image/v2/C5112AQGUsVxIrlIbQQ/article-cover_image-shrink_720_1280/article-cover_image-shrink_720_1280/0/1520084177741?e=2147483647&v=beta&t=RzUGDVScXKkuV1F5yuJs74aTAIkh-EfrdHjnsdFA8dk"},"articleBody":"\u003Cp\u003EWebsite Of The Day 27 February 2017\u003C/p\u003E \n \u003Cp\u003EDistrict Mobility by CLEVER°FRANKE\u003C/p\u003E \n \u003Cp\u003E\u003Ca href=\"http://www.cssdesignawards.com/sites/district-mobility/30145\" target=\"_blank\" rel=\"nofollow noopener\"\u003Ehttp://www.cssdesignawards.com/sites/district-mobility/30145\u003C/a\u003E\u003C/p\u003E\n \n","url":"https://www.linkedin.com/pulse/website-day-27-february-2017-css-design-awards"},{"@type":"Article","author":{"@type":"Person","name":"CSS Design Awards","url":"https://www.linkedin.com/in/cssda"},"dateModified":"","datePublished":"2017-02-26T08:05:36.000+00:00","headline":"Website Of The Day 26 February 2017","image":{"@type":"ImageObject","url":"https://media.licdn.com/dms/image/v2/C5112AQGTrSqSGs1uDQ/article-cover_image-shrink_720_1280/article-cover_image-shrink_720_1280/0/1520240071392?e=2147483647&v=beta&t=mWQas2Ukzc1szI37PNwQwmbORcqwnAgRmBT_rxgxRfY"},"articleBody":"\u003Cp\u003EWebsite Of The Day 26 February 2017\u003C/p\u003E \n \u003Cp\u003ERed Collar Year In Review 2016 by Red Collar\u003C/p\u003E \n \u003Cp\u003E\u003Ca href=\"http://www.cssdesignawards.com/sites/red-collar-year-in-review-2016/30181\" target=\"_blank\" rel=\"nofollow noopener\"\u003Ehttp://www.cssdesignawards.com/sites/red-collar-year-in-review-2016/30181\u003C/a\u003E\u003C/p\u003E\n \n","url":"https://www.linkedin.com/pulse/website-day-26-february-2017-css-design-awards"},{"@type":"Article","author":{"@type":"Person","name":"CSS Design Awards","url":"https://www.linkedin.com/in/cssda"},"dateModified":"","datePublished":"2017-02-25T08:07:20.000+00:00","headline":"Website Of The Day 25 February 2017","image":{"@type":"ImageObject","url":"https://media.licdn.com/dms/image/v2/C5112AQEva26Il4RqSQ/article-cover_image-shrink_720_1280/article-cover_image-shrink_720_1280/0/1520079772003?e=2147483647&v=beta&t=7kKlWFxx8Mtfi2qJwaMDt3mxt56oPFRkOZPoBEHcsHc"},"articleBody":"\u003Cp\u003EWebsite Of The Day 25 February 2017\u003C/p\u003E \n \u003Cp\u003EJemimah Barnett by José Casal & Aristide Benoist\u003C/p\u003E \n \u003Cp\u003E\u003Ca href=\"http://www.cssdesignawards.com/sites/jemimah-barnett/30165\" target=\"_blank\" rel=\"nofollow noopener\"\u003Ehttp://www.cssdesignawards.com/sites/jemimah-barnett/30165\u003C/a\u003E\u003C/p\u003E\n \n","url":"https://www.linkedin.com/pulse/website-day-25-february-2017-css-design-awards"},{"@type":"Article","author":{"@type":"Person","name":"CSS Design Awards","url":"https://www.linkedin.com/in/cssda"},"dateModified":"","datePublished":"2017-02-24T08:08:14.000+00:00","headline":"Website Of The Day 24 February 2017","image":{"@type":"ImageObject","url":"https://media.licdn.com/dms/image/v2/C5112AQEsgUx6YqI55Q/article-cover_image-shrink_720_1280/article-cover_image-shrink_720_1280/0/1520182028288?e=2147483647&v=beta&t=kxc8OWvA_zfImnmoxYwXE2kH3pJKL0B_e38477ZyGmY"},"articleBody":"\u003Cp\u003EWebsite Of The Day 24 February 2017\u003C/p\u003E \n \u003Cp\u003EThe Magicians Season 2 Website by UNIT9\u003C/p\u003E \n \u003Cp\u003E\u003Ca href=\"http://www.cssdesignawards.com/sites/the-magicians-season-2-website/30179\" target=\"_blank\" rel=\"nofollow noopener\"\u003Ehttp://www.cssdesignawards.com/sites/the-magicians-season-2-website/30179\u003C/a\u003E\u003C/p\u003E\n \n","url":"https://www.linkedin.com/pulse/website-day-24-february-2017-css-design-awards"},{"@type":"Article","author":{"@type":"Person","name":"CSS Design Awards","url":"https://www.linkedin.com/in/cssda"},"dateModified":"","datePublished":"2017-02-23T10:21:32.000+00:00","headline":"Welcome to the Jpanel!","image":{"@type":"ImageObject","url":"https://media.licdn.com/dms/image/v2/C5112AQG4DYCJMnGyyQ/article-cover_image-shrink_600_2000/article-cover_image-shrink_600_2000/0/1520081723031?e=2147483647&v=beta&t=fgMMnh9URA9zSfV2Vandj_4cwHGN9taHyNabI2a6EE0"},"articleBody":"\u003Cp\u003EWelcome to the Jpanel!\u003C/p\u003E \n \u003Cp\u003EPier-Luc Cossette, Lukasz Kulakowski, Makoto Hirao & Giuseppe Ciullo! \u003C/p\u003E \n \u003Cp\u003E\u003Ca href=\"http://www.cssdesignawards.com/judges\" target=\"_blank\" rel=\"nofollow noopener\"\u003Ehttp://www.cssdesignawards.com/judges\u003C/a\u003E\u003C/p\u003E \n \u003Cp\u003EApply now. All genders welcome!\u003C/p\u003E\n \n","url":"https://www.linkedin.com/pulse/welcome-jpanel-css-design-awards-4"},{"@type":"Person","address":{"@type":"PostalAddress","addressCountry":"US","addressLocality":"United States"},"alumniOf":[],"awards":[],"disambiguatingDescription":"","image":{"@type":"ImageObject","contentUrl":"https://media.licdn.com/dms/image/v2/D5603AQE4jrzSRKz-zA/profile-displayphoto-shrink_200_200/profile-displayphoto-shrink_200_200/0/1730284397164?e=2147483647&v=beta&t=_lXtieFhAGDOO8d-dwJeNrpEm1-kuTZ-J_D3iQi6xh4"},"jobTitle":["*********"],"knowsLanguage":[],"memberOf":[],"name":"CSS Design Awards","sameAs":"https://www.linkedin.com/in/cssda","url":"https://www.linkedin.com/in/cssda","worksFor":[{"@type":"Organization","name":"CSS Design Awards","url":"https://www.linkedin.com/company/cssda","location":"World","member":{"@type":"OrganizationRole"}}],"interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/FollowAction","name":"Follows","userInteractionCount":17689},"description":"Be inspired. Be inspiring. CSSDA is a leading international award platform that honors…"},{"@type":"WebPage","reviewedBy":{"@type":"Person","name":"CSS Design Awards"},"url":"https://www.linkedin.com/in/cssda"}]} </script>  </head> <body dir="ltr">   <a href="#main-content" class="skip-link btn-md btn-primary absolute z-11 -top-[100vh] focus:top-0"> Skip to main content </a> <header class="header base-detail-page__header px-mobile-container-padding bg-color-background-container global-alert-offset sticky-header"> <nav class="nav pt-1.5 pb-2 flex items-center justify-between relative flex-nowrap babymamabear:py-1.5 nav--minified-mobile babybear:flex-wrap " aria-label="Primary"> <a href="/?trk=public_profile_nav-header-logo" class="nav__logo-link link-no-visited-state z-1 mr-auto min-h-[52px] flex items-center babybear:z-0 hover:no-underline focus:no-underline active:no-underline babymamabear:mr-3" data-tracking-control-name="public_profile_nav-header-logo" data-tracking-will-navigate> <span class="sr-only">LinkedIn</span> <icon class="nav-logo--inbug flex text-color-brand papabear:hidden mamabear:hidden" data-svg-class-name="h-[34px] w-[34px] babybear:h-[26px] babybear:w-[26px]" data-delayed-url="https://static-exp2.licdn.com/aero-v1/sc/h/4zqr0f9jf98vi2nkijyc3bex2"></icon> <icon class="block text-color-brand w-[102px] h-[26px] babybear:hidden" data-test-id="nav-logo" data-delayed-url="https://static-exp2.licdn.com/aero-v1/sc/h/8fkga714vy9b2wk5auqo5reeb"></icon> </a>  <ul class="top-nav-menu flex items-center babybear:w-full babybear:justify-between babybear:pt-1 justify-start w-max pt-0 overflow-x-auto nav__menu babybear:order-last order-3 ml-auto"> <li class> <a href="https://www.linkedin.com/pulse/topics/home/?trk=public_profile_guest_nav_menu_articles" data-tracking-control-name="public_profile_guest_nav_menu_articles" data-tracking-will-navigate class="top-nav-link flex justify-center items-center min-h-[52px] hover:text-color-text visited:hover:text-color-text hover:no-underline w-8 flex-col mx-1 babybear:mx-0 text-color-text-secondary visited:text-color-text-secondary"> <icon class="top-nav-link__icon flex h-3 w-3 flex-shrink-0 justify-center " data-delayed-url="https://static-exp2.licdn.com/aero-v1/sc/h/6ulnj3n2ijcmhej768y6oj1hr"> </icon> <span class="top-nav-link__label-text font-sans text-xs leading-regular text-center font-regular"> Articles </span> </a> </li> <li class> <a href="https://www.linkedin.com/pub/dir/+/+?trk=public_profile_guest_nav_menu_people" data-tracking-control-name="public_profile_guest_nav_menu_people" data-tracking-will-navigate class="top-nav-link flex justify-center items-center min-h-[52px] hover:text-color-text visited:hover:text-color-text hover:no-underline w-8 flex-col mx-1 babybear:mx-0 top-nav-link--selected text-color-text visited:text-color-text border-solid border-b-2 border-color-text" aria-current="page"> <icon class="top-nav-link__icon flex h-3 w-3 flex-shrink-0 justify-center " data-delayed-url="https://static-exp2.licdn.com/aero-v1/sc/h/7kb6sn3tm4cx918cx9a5jlb0"> </icon> <span class="top-nav-link__label-text font-sans text-xs leading-regular text-center font-regular"> People </span> </a> </li> <li class> <a href="https://www.linkedin.com/learning/search?trk=public_profile_guest_nav_menu_learning" data-tracking-control-name="public_profile_guest_nav_menu_learning" data-tracking-will-navigate class="top-nav-link flex justify-center items-center min-h-[52px] hover:text-color-text visited:hover:text-color-text hover:no-underline w-8 flex-col mx-1 babybear:mx-0 text-color-text-secondary visited:text-color-text-secondary"> <icon class="top-nav-link__icon flex h-3 w-3 flex-shrink-0 justify-center " data-delayed-url="https://static-exp2.licdn.com/aero-v1/sc/h/8wykgzgbqy0t3fnkgborvz54u"> </icon> <span class="top-nav-link__label-text font-sans text-xs leading-regular text-center font-regular"> Learning </span> </a> </li> <li class> <a href="https://www.linkedin.com/jobs?trk=public_profile_guest_nav_menu_jobs" data-tracking-control-name="public_profile_guest_nav_menu_jobs" data-tracking-will-navigate class="top-nav-link flex justify-center items-center min-h-[52px] hover:text-color-text visited:hover:text-color-text hover:no-underline w-8 flex-col mx-1 babybear:mx-0 text-color-text-secondary visited:text-color-text-secondary"> <icon class="top-nav-link__icon flex h-3 w-3 flex-shrink-0 justify-center " data-delayed-url="https://static-exp2.licdn.com/aero-v1/sc/h/92eb1xekc34eklevj0io6x4ki"> </icon> <span class="top-nav-link__label-text font-sans text-xs leading-regular text-center font-regular"> Jobs </span> </a> </li> <li class> <a href="https://www.linkedin.com/games?trk=public_profile_guest_nav_menu_games" data-tracking-control-name="public_profile_guest_nav_menu_games" data-tracking-will-navigate class="top-nav-link flex justify-center items-center min-h-[52px] hover:text-color-text visited:hover:text-color-text hover:no-underline w-8 flex-col mx-1 babybear:mx-0 text-color-text-secondary visited:text-color-text-secondary"> <icon class="top-nav-link__icon flex h-3 w-3 flex-shrink-0 justify-center " data-delayed-url="https://static-exp2.licdn.com/aero-v1/sc/h/29h8hsjuomfp50lam5ipnc3uh"> </icon> <span class="top-nav-link__label-text font-sans text-xs leading-regular text-center font-regular"> Games </span> </a> </li> <li class> <a href="ms-windows-store://pdp/?ProductId=9WZDNCRFJ4Q7&mode=mini&cid=guest_nav_upsell&trk=public_profile_guest_nav_menu_windows" data-tracking-control-name="public_profile_guest_nav_menu_windows" data-tracking-will-navigate class="top-nav-link flex justify-center items-center min-h-[52px] hover:text-color-text visited:hover:text-color-text hover:no-underline w-[96px] px-1 border-solid border-l-1 border-r-1 babybear:border-r-0 border-color-border-faint flex-col mx-1 babybear:mx-0 text-color-text-secondary visited:text-color-text-secondary"> <icon class="top-nav-link__icon flex h-3 w-3 flex-shrink-0 justify-center " data-delayed-url="https://static-exp2.licdn.com/aero-v1/sc/h/admayac2rnonsqhz9v3rzwcyu"> </icon> <span class="top-nav-link__label-text font-sans text-xs leading-regular text-center font-regular"> Get the app </span> </a> </li> </ul> <div class="nav__cta-container order-3 flex gap-x-1 justify-end min-w-[100px] flex-nowrap flex-shrink-0 babybear:flex-wrap flex-2 babymamabear:min-w-[50px] ">  <a class="nav__button-tertiary btn-md btn-tertiary" href="https://www.linkedin.com/signup/public-profile-join?vieweeVanityName=cssda&session_redirect=https%3A%2F%2Fwww.linkedin.com%2Fin%2Fcssda&trk=public_profile_nav-header-join" data-tracking-control-name="public_profile_nav-header-join" data-test-live-nav-primary-cta data-tracking-will-navigate> Join now </a> <a class="nav__button-secondary btn-secondary-emphasis btn-md" href="https://www.linkedin.com/login?session_redirect=https%3A%2F%2Fwww%2Elinkedin%2Ecom%2Fin%2Fcssda&fromSignIn=true&trk=public_profile_nav-header-signin" data-tracking-control-name="public_profile_nav-header-signin" data-tracking-will-navigate> Sign in </a> <a aria-label="Sign in" class="nav__link-person papabear:hidden mamabear:hidden" data-tracking-control-name="public_profile_nav-header-signin" data-tracking-will-navigate href="https://www.linkedin.com/login?session_redirect=https%3A%2F%2Fwww%2Elinkedin%2Ecom%2Fin%2Fcssda&fromSignIn=true&trk=public_profile_nav-header-signin"> <img class="inline-block relative rounded-[50%] w-4 h-4 bg-color-entity-ghost-background" data-delayed-url="https://static-exp2.licdn.com/aero-v1/sc/h/9c8pery4andzj6ohjkjp54ma2" data-ghost-classes="bg-color-entity-ghost-background" data-ghost-url="https://static-exp2.licdn.com/aero-v1/sc/h/9c8pery4andzj6ohjkjp54ma2" alt> </a> </div>   </nav> </header>   <main class="main papabear:flex papabear:w-content-max-w papabear:mx-auto papabear:pt-desktop-content-top-margin mamabear:pt-desktop-content-top-margin " id="main-content" role="main"> <section class="core-rail mx-auto papabear:w-core-rail-width mamabear:max-w-[790px] babybear:max-w-[790px]"> <div class="details mx-details-container-padding"> <section class="profile"> <section class="top-card-layout container-lined overflow-hidden babybear:rounded-[0px]"> <figure class="cover-img min-h-[87px] papbear:min-h-[100px] rounded-t-[2px] babybear:rounded-[0px] -z-1">  <div class="cover-img__image-frame relative w-full overflow-hidden pb-[calc((134/782)*100%)]"> <div class="cover-img__image-position absolute top-0 right-0 bottom-0 left-0 "> <img class="cover-img__image relative w-full h-full object-cover" src="https://media.licdn.com/dms/image/v2/D5616AQF6quDu_4Jxug/profile-displaybackgroundimage-shrink_200_800/profile-displaybackgroundimage-shrink_200_800/0/1730284384816?e=2147483647&v=beta&t=Ys-9wClPe5edVzcc_i-RS_EVoGJrKm5AjygvmAJ_AnI" fetchpriority="auto" data-embed-id="cover-image" alt> </div> </div>  </figure> <div class="top-card-layout__card relative p-2 papabear:p-details-container-padding"> <div class="top-card__profile-image-container top-card__profile-image-container--cvw-fix flex top-card-layout__entity-image-container flex" data-section="picture"> <button class="cursor-pointer" aria-label="CSS Design Awards" data-modal="public_profile_logo_contextual-sign-in-info_modal" data-test-id="logo-button" type="button"> <div class="bg-white rounded-full h-[142px] mt-[-100px] p-[7px] w-[142px]"> <div class="top-card__entity-logo-gradient-ring rounded-full h-[134px] ml-[-3px] mt-[-3px] p-[6px] w-[134px]"> <img class="inline-block relative rounded-[50%] w-16 h-16 top-card-layout__entity-image top-card__profile-image top-card__profile-image--real-image top-card__entity-inner-ring onload top-card-layout__entity-image shadow-color-shadow shadow-[0_4px_12px] border-2 border-solid border-color-surface mt-[-70px] mb-[14px] papabear:border-4 papabear:mt-[-100px] papabear:mb-[18px]" data-delayed-url="https://media.licdn.com/dms/image/v2/D5603AQE4jrzSRKz-zA/profile-displayphoto-shrink_200_200/profile-displayphoto-shrink_200_200/0/1730284397164?e=2147483647&v=beta&t=_lXtieFhAGDOO8d-dwJeNrpEm1-kuTZ-J_D3iQi6xh4" data-ghost-classes="bg-color-entity-ghost-background" data-ghost-url="https://static-exp2.licdn.com/aero-v1/sc/h/9c8pery4andzj6ohjkjp54ma2" alt="CSS Design Awards"> </div> </div> </button> <div class="contextual-sign-in-modal top-card__logo-modal" data-impression-id="public_profile_logo_cta_contextual-sign-in-modal">  <div class>  <div id="public_profile_logo_contextual-sign-in-info_modal" class="modal modal--contextual-sign-in" data-outlet="public_profile_logo_contextual-sign-in-info_modal">  <div class="modal__overlay flex items-center bg-color-background-scrim justify-center fixed bottom-0 left-0 right-0 top-0 opacity-0 invisible pointer-events-none z-[1000] transition-[opacity] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] duration-[0.17s] py-4 " aria-hidden="true"> <section aria-modal="true" role="dialog" aria-labelledby="public_profile_logo_contextual-sign-in-info_modal-modal-header" tabindex="-1" class="max-h-full modal__wrapper overflow-auto p-0 bg-color-surface max-w-[1128px] min-h-[160px] relative scale-[0.25] shadow-sm shadow-color-border-faint transition-[transform] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] duration-[0.33s] focus:outline-0 w-[1128px] mamabear:w-[744px] babybear:w-[360px] rounded-md"> <button class="modal__dismiss btn-tertiary h-[40px] w-[40px] p-0 rounded-full indent-0 contextual-sign-in-modal__modal-dismiss absolute right-0 m-[20px] cursor-pointer" aria-label="Dismiss" data-tracking-control-name="public_profile_logo_cta_contextual-sign-in-modal_modal_dismiss"> <icon class="contextual-sign-in-modal__modal-dismiss-icon" data-delayed-url="https://static-exp2.licdn.com/aero-v1/sc/h/gs508lg3t2o81tq7pmcgn6m2"></icon> </button> <div class="modal__main w-full"> <div class="contextual-sign-in-modal__screen contextual-sign-in-modal__context-screen flex flex-col my-4 mx-3"> <img class="inline-block relative rounded-[50%] w-16 h-16 contextual-sign-in-modal__img m-auto" data-delayed-url="https://media.licdn.com/dms/image/v2/D5603AQE4jrzSRKz-zA/profile-displayphoto-shrink_200_200/profile-displayphoto-shrink_200_200/0/1730284397164?e=2147483647&v=beta&t=_lXtieFhAGDOO8d-dwJeNrpEm1-kuTZ-J_D3iQi6xh4" data-ghost-classes="bg-color-entity-ghost-background" data-ghost-url="https://static-exp2.licdn.com/aero-v1/sc/h/9c8pery4andzj6ohjkjp54ma2" alt> <h2 class="contextual-sign-in-modal__context-screen-title font-sans text-xl text-color-text my-2 mx-4 text-center" id="public_profile_logo_contextual-sign-in-info_modal-modal-header"> Sign in to view CSS Design’s full profile </h2>  <div class="contextual-sign-in-modal__btn-container m-auto w-[320px] babybear:w-full">  <div class="w-full max-w-[400px] mx-auto"> <div class="google-auth-button">  <div class="google-auth-button__placeholder " data-theme="filled_blue" data-logo-alignment="center"></div>  </div> </div> <div class="sign-in-modal" data-impression-id="public_profile_logo_cta_contextual-sign-in-modal_sign-in-modal"> <button class="sign-in-modal__outlet-btn cursor-pointer btn-md btn-primary btn-secondary" data-tracking-client-ingraph data-tracking-control-name="public_profile_logo_cta_contextual-sign-in-modal_sign-in-modal_outlet-button" data-modal="public_profile_logo_contextual-sign-in-info_modal_sign-in-modal">  Sign in </button> <div class>  <div id="public_profile_logo_contextual-sign-in-info_modal_sign-in-modal" class="modal modal--sign-in" data-outlet="public_profile_logo_contextual-sign-in-info_modal_sign-in-modal">  <div class="modal__overlay flex items-center bg-color-background-scrim justify-center fixed bottom-0 left-0 right-0 top-0 opacity-0 invisible pointer-events-none z-[1000] transition-[opacity] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] duration-[0.17s] py-4 " aria-hidden="true"> <section aria-modal="true" role="dialog" aria-labelledby="public_profile_logo_contextual-sign-in-info_modal_sign-in-modal-modal-header" tabindex="-1" class="max-h-full modal__wrapper overflow-auto p-0 bg-color-surface max-w-[1128px] min-h-[160px] relative scale-[0.25] shadow-sm shadow-color-border-faint transition-[transform] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] duration-[0.33s] focus:outline-0 w-[1128px] mamabear:w-[744px] babybear:w-[360px] rounded-md"> <button class="modal__dismiss btn-tertiary h-[40px] w-[40px] p-0 rounded-full indent-0 sign-in-modal__dismiss absolute right-0 cursor-pointer m-[20px]" aria-label="Dismiss" data-tracking-control-name="public_profile_logo_cta_contextual-sign-in-modal_sign-in-modal_dismiss"> <icon class="sign-in-modal__dismiss-icon" data-delayed-url="https://static-exp2.licdn.com/aero-v1/sc/h/gs508lg3t2o81tq7pmcgn6m2"></icon> </button> <div class="modal__main w-full"> <div class="sign-in-modal__screen flex flex-col py-4 w-[513px] babybear:w-full px-3"> <h2 class="sign-in-modal__header font-sans text-display-md text-color-text "> Welcome back </h2> <code id="i18n_sign_in_form_show_text" style="display: none"></code> <code id="i18n_sign_in_form_show_label" style="display: none"></code> <code id="i18n_sign_in_form_hide_text" style="display: none"></code> <code id="i18n_sign_in_form_hide_label" style="display: none"></code> <code id="i18n_username_error_empty" style="display: none"></code> <code id="i18n_username_error_too_long" style="display: none"></code> <code id="i18n_username_error_too_short" style="display: none"></code> <code id="i18n_password_error_empty" style="display: none"></code> <code id="i18n_password_error_too_short" style="display: none"></code> <code id="i18n_password_error_too_long" style="display: none"></code>  <form data-id="sign-in-form" action="https://www.linkedin.com/uas/login-submit" method="post" novalidate class="mt-1.5 mb-2"> <input name="loginCsrfParam" value="b8ec384c-77b7-48a5-87da-6db8f7502f79" type="hidden"> <div class="flex flex-col"> <div class="mt-1.5" data-js-module-id="guest-input"> <div class="flex flex-col"> <label class="input-label mb-1" for="public_profile_logo_contextual-sign-in-info_modal_sign-in-modal_session_key"> Email or phone </label> <div class="text-input flex"> <input class="text-color-text font-sans text-md outline-0 bg-color-transparent grow" autocomplete="username" id="public_profile_logo_contextual-sign-in-info_modal_sign-in-modal_session_key" name="session_key" required data-tracking-control-name="public_profile_logo_cta_contextual-sign-in-modal_sign-in-modal_sign-in-session-key" data-tracking-client-ingraph type="text"> </div> </div> <p class="input-helper mt-1.5" for="public_profile_logo_contextual-sign-in-info_modal_sign-in-modal_session_key" role="alert" data-js-module-id="guest-input__message"></p> </div> <div class="mt-1.5" data-js-module-id="guest-input"> <div class="flex flex-col"> <label class="input-label mb-1" for="public_profile_logo_contextual-sign-in-info_modal_sign-in-modal_session_password"> Password </label> <div class="text-input flex"> <input class="text-color-text font-sans text-md outline-0 bg-color-transparent grow" autocomplete="current-password" id="public_profile_logo_contextual-sign-in-info_modal_sign-in-modal_session_password" name="session_password" required data-tracking-control-name="public_profile_logo_cta_contextual-sign-in-modal_sign-in-modal_sign-in-password" data-tracking-client-ingraph type="password"> <button aria-live="assertive" aria-relevant="text" data-id="sign-in-form__password-visibility-toggle" class="font-sans text-md font-bold text-color-action z-10 ml-[12px] hover:cursor-pointer" aria-label="Show your LinkedIn password" data-tracking-control-name="public_profile_logo_cta_contextual-sign-in-modal_sign-in-modal_sign-in-password-visibility-toggle-btn" type="button">Show</button> </div> </div> <p class="input-helper mt-1.5" for="public_profile_logo_contextual-sign-in-info_modal_sign-in-modal_session_password" role="alert" data-js-module-id="guest-input__message"></p> </div> <input name="session_redirect" type="hidden">  </div> <div data-id="sign-in-form__footer" class="flex justify-between sign-in-form__footer--full-width"> <a data-id="sign-in-form__forgot-password" class="font-sans text-md font-bold link leading-regular sign-in-form__forgot-password--full-width" href="https://www.linkedin.com/uas/request-password-reset?trk=public_profile_logo_cta_contextual-sign-in-modal_sign-in-modal_forgot_password" data-tracking-control-name="public_profile_logo_cta_contextual-sign-in-modal_sign-in-modal_forgot_password" data-tracking-will-navigate>Forgot password?</a>  <input name="trk" value="public_profile_logo_cta_contextual-sign-in-modal_sign-in-modal_sign-in-submit" type="hidden"> <button class="btn-md btn-primary flex-shrink-0 cursor-pointer sign-in-form__submit-btn--full-width" data-id="sign-in-form__submit-btn" data-tracking-control-name="public_profile_logo_cta_contextual-sign-in-modal_sign-in-modal_sign-in-submit-btn" data-tracking-client-ingraph data-tracking-litms type="submit"> Sign in </button> </div> <div class="sign-in-form__divider left-right-divider pt-2 pb-3"> <p class="sign-in-form__divider-text font-sans text-sm text-color-text px-2"> or </p> </div> </form> <div class="w-full max-w-[400px] mx-auto"> <div class="google-auth-button" data-tracking-control-name="public_profile_logo_cta_contextual-sign-in-modal_sign-in-modal_google-auth-button" data-tracking-client-ingraph> <code id="isTermsAndConditionsSkipEnabledAuthButton" style="display: none"></code> <p class="linkedin-tc__text text-color-text-low-emphasis text-xs pb-2" data-impression-id="public_profile_logo_cta_contextual-sign-in-modal_sign-in-modal__button-skip-tc-text"> By clicking Continue to join or sign in, you agree to LinkedIn’s <a href="/legal/user-agreement?trk=public_profile_logo_cta_contextual-sign-in-modal_sign-in-modal_auth-button_user-agreement" target="_blank" data-tracking-control-name="public_profile_logo_cta_contextual-sign-in-modal_sign-in-modal_auth-button_user-agreement" data-tracking-will-navigate="true">User Agreement</a>, <a href="/legal/privacy-policy?trk=public_profile_logo_cta_contextual-sign-in-modal_sign-in-modal_auth-button_privacy-policy" target="_blank" data-tracking-control-name="public_profile_logo_cta_contextual-sign-in-modal_sign-in-modal_auth-button_privacy-policy" data-tracking-will-navigate="true">Privacy Policy</a>, and <a href="/legal/cookie-policy?trk=public_profile_logo_cta_contextual-sign-in-modal_sign-in-modal_auth-button_cookie-policy" target="_blank" data-tracking-control-name="public_profile_logo_cta_contextual-sign-in-modal_sign-in-modal_auth-button_cookie-policy" data-tracking-will-navigate="true">Cookie Policy</a>. </p> <div class="google-auth-button__placeholder google-auth-button__placeholder--black-border" data-theme="outline" data-logo-alignment="center"></div>  </div> </div>  <p class="sign-in-modal__join-now m-auto font-sans text-md text-color-text mt-2"> New to LinkedIn? <a href="https://www.linkedin.com/signup/public-profile-join?vieweeVanityName=cssda&trk=public_profile_logo_cta_contextual-sign-in-modal_sign-in-modal_join-link" data-tracking-control-name="public_profile_logo_cta_contextual-sign-in-modal_sign-in-modal_join-link" data-tracking-will-navigate="true" class="sign-in-modal__join-link">Join now</a> </p> </div> </div>  </section> </div> </div> </div> </div> <div class="contextual-sign-in-modal__divider left-right-divider"> <p class="contextual-sign-in-modal__divider-text font-sans text-sm text-color-text px-2"> or </p> </div> </div> <p class="contextual-sign-in-modal__join-now m-auto font-sans text-md text-color-text my-1"> New to LinkedIn? <a href="https://www.linkedin.com/signup/public-profile-join?vieweeVanityName=cssda&trk=public_profile_logo_cta_contextual-sign-in-modal_join-link" data-tracking-control-name="public_profile_logo_cta_contextual-sign-in-modal_join-link" data-tracking-will-navigate="true" class="contextual-sign-in-modal__join-link">Join now</a> </p> <p class="linkedin-tc__text text-color-text-low-emphasis text-xs pb-2 contextual-sign-in-modal__terms-and-conditions m-auto w-[320px] pt-2 babybear:w-full" data-impression-id="linkedin-tc__button-skip-tc-text"> By clicking Continue to join or sign in, you agree to LinkedIn’s <a href="/legal/user-agreement?trk=linkedin-tc_auth-button_user-agreement" target="_blank" data-tracking-control-name="linkedin-tc_auth-button_user-agreement" data-tracking-will-navigate="true">User Agreement</a>, <a href="/legal/privacy-policy?trk=linkedin-tc_auth-button_privacy-policy" target="_blank" data-tracking-control-name="linkedin-tc_auth-button_privacy-policy" data-tracking-will-navigate="true">Privacy Policy</a>, and <a href="/legal/cookie-policy?trk=linkedin-tc_auth-button_cookie-policy" target="_blank" data-tracking-control-name="linkedin-tc_auth-button_cookie-policy" data-tracking-will-navigate="true">Cookie Policy</a>. </p> </div> </div>  </section> </div> </div> </div> </div>  </div> <div class="top-card-layout__entity-info-container flex flex-wrap papabear:flex-nowrap"> <div class="top-card-layout__entity-info flex-grow flex-shrink-0 basis-0 babybear:flex-none babybear:w-full babybear:flex-none babybear:w-full"> <button class="cursor-pointer hover:bg-color-background-none-tint-hover" data-modal="public_profile_top-card_title-modal-id" data-tracking-control-name="public_profile_top-card_title-modal-outlet-button"> <h1 class="top-card-layout__title font-sans text-lg papabear:text-xl font-bold leading-open text-color-text mb-0"> CSS Design Awards </h1> </button>  <div class="contextual-sign-in-modal top-card-layout__title-modal" data-impression-id="public_profile_top-card_title-modal_contextual-sign-in-modal">  <div class>  <div id="public_profile_top-card_title-modal-id" class="modal modal--contextual-sign-in" data-outlet="public_profile_top-card_title-modal-id">  <div class="modal__overlay flex items-center bg-color-background-scrim justify-center fixed bottom-0 left-0 right-0 top-0 opacity-0 invisible pointer-events-none z-[1000] transition-[opacity] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] duration-[0.17s] py-4 " aria-hidden="true"> <section aria-modal="true" role="dialog" aria-labelledby="public_profile_top-card_title-modal-id-modal-header" tabindex="-1" class="max-h-full modal__wrapper overflow-auto p-0 bg-color-surface max-w-[1128px] min-h-[160px] relative scale-[0.25] shadow-sm shadow-color-border-faint transition-[transform] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] duration-[0.33s] focus:outline-0 w-[1128px] mamabear:w-[744px] babybear:w-[360px] rounded-md"> <button class="modal__dismiss btn-tertiary h-[40px] w-[40px] p-0 rounded-full indent-0 contextual-sign-in-modal__modal-dismiss absolute right-0 m-[20px] cursor-pointer" aria-label="Dismiss" data-tracking-control-name="public_profile_top-card_title-modal_contextual-sign-in-modal_modal_dismiss"> <icon class="contextual-sign-in-modal__modal-dismiss-icon" data-delayed-url="https://static-exp2.licdn.com/aero-v1/sc/h/gs508lg3t2o81tq7pmcgn6m2"></icon> </button> <div class="modal__main w-full"> <div class="contextual-sign-in-modal__screen contextual-sign-in-modal__context-screen flex flex-col my-4 mx-3"> <img class="inline-block relative rounded-[50%] w-16 h-16 contextual-sign-in-modal__img m-auto" data-delayed-url="https://media.licdn.com/dms/image/v2/D5603AQE4jrzSRKz-zA/profile-displayphoto-shrink_200_200/profile-displayphoto-shrink_200_200/0/1730284397164?e=2147483647&v=beta&t=_lXtieFhAGDOO8d-dwJeNrpEm1-kuTZ-J_D3iQi6xh4" data-ghost-classes="bg-color-entity-ghost-background" data-ghost-url="https://static-exp2.licdn.com/aero-v1/sc/h/9c8pery4andzj6ohjkjp54ma2" alt> <h2 class="contextual-sign-in-modal__context-screen-title font-sans text-xl text-color-text my-2 mx-4 text-center" id="public_profile_top-card_title-modal-id-modal-header"> Sign in to view CSS Design’s full profile </h2>  <div class="contextual-sign-in-modal__btn-container m-auto w-[320px] babybear:w-full">  <div class="w-full max-w-[400px] mx-auto"> <div class="google-auth-button">  <div class="google-auth-button__placeholder " data-theme="filled_blue" data-logo-alignment="center"></div>  </div> </div> <div class="sign-in-modal" data-impression-id="public_profile_top-card_title-modal_contextual-sign-in-modal_sign-in-modal"> <button class="sign-in-modal__outlet-btn cursor-pointer btn-md btn-primary btn-secondary" data-tracking-client-ingraph data-tracking-control-name="public_profile_top-card_title-modal_contextual-sign-in-modal_sign-in-modal_outlet-button" data-modal="public_profile_top-card_title-modal-id_sign-in-modal">  Sign in </button> <div class>  <div id="public_profile_top-card_title-modal-id_sign-in-modal" class="modal modal--sign-in" data-outlet="public_profile_top-card_title-modal-id_sign-in-modal">  <div class="modal__overlay flex items-center bg-color-background-scrim justify-center fixed bottom-0 left-0 right-0 top-0 opacity-0 invisible pointer-events-none z-[1000] transition-[opacity] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] duration-[0.17s] py-4 " aria-hidden="true"> <section aria-modal="true" role="dialog" aria-labelledby="public_profile_top-card_title-modal-id_sign-in-modal-modal-header" tabindex="-1" class="max-h-full modal__wrapper overflow-auto p-0 bg-color-surface max-w-[1128px] min-h-[160px] relative scale-[0.25] shadow-sm shadow-color-border-faint transition-[transform] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] duration-[0.33s] focus:outline-0 w-[1128px] mamabear:w-[744px] babybear:w-[360px] rounded-md"> <button class="modal__dismiss btn-tertiary h-[40px] w-[40px] p-0 rounded-full indent-0 sign-in-modal__dismiss absolute right-0 cursor-pointer m-[20px]" aria-label="Dismiss" data-tracking-control-name="public_profile_top-card_title-modal_contextual-sign-in-modal_sign-in-modal_dismiss"> <icon class="sign-in-modal__dismiss-icon" data-delayed-url="https://static-exp2.licdn.com/aero-v1/sc/h/gs508lg3t2o81tq7pmcgn6m2"></icon> </button> <div class="modal__main w-full"> <div class="sign-in-modal__screen flex flex-col py-4 w-[513px] babybear:w-full px-3"> <h2 class="sign-in-modal__header font-sans text-display-md text-color-text "> Welcome back </h2> <code id="i18n_sign_in_form_show_text" style="display: none"></code> <code id="i18n_sign_in_form_show_label" style="display: none"></code> <code id="i18n_sign_in_form_hide_text" style="display: none"></code> <code id="i18n_sign_in_form_hide_label" style="display: none"></code> <code id="i18n_username_error_empty" style="display: none"></code> <code id="i18n_username_error_too_long" style="display: none"></code> <code id="i18n_username_error_too_short" style="display: none"></code> <code id="i18n_password_error_empty" style="display: none"></code> <code id="i18n_password_error_too_short" style="display: none"></code> <code id="i18n_password_error_too_long" style="display: none"></code>  <form data-id="sign-in-form" action="https://www.linkedin.com/uas/login-submit" method="post" novalidate class="mt-1.5 mb-2"> <input name="loginCsrfParam" value="b8ec384c-77b7-48a5-87da-6db8f7502f79" type="hidden"> <div class="flex flex-col"> <div class="mt-1.5" data-js-module-id="guest-input"> <div class="flex flex-col"> <label class="input-label mb-1" for="public_profile_top-card_title-modal-id_sign-in-modal_session_key"> Email or phone </label> <div class="text-input flex"> <input class="text-color-text font-sans text-md outline-0 bg-color-transparent grow" autocomplete="username" id="public_profile_top-card_title-modal-id_sign-in-modal_session_key" name="session_key" required data-tracking-control-name="public_profile_top-card_title-modal_contextual-sign-in-modal_sign-in-modal_sign-in-session-key" data-tracking-client-ingraph type="text"> </div> </div> <p class="input-helper mt-1.5" for="public_profile_top-card_title-modal-id_sign-in-modal_session_key" role="alert" data-js-module-id="guest-input__message"></p> </div> <div class="mt-1.5" data-js-module-id="guest-input"> <div class="flex flex-col"> <label class="input-label mb-1" for="public_profile_top-card_title-modal-id_sign-in-modal_session_password"> Password </label> <div class="text-input flex"> <input class="text-color-text font-sans text-md outline-0 bg-color-transparent grow" autocomplete="current-password" id="public_profile_top-card_title-modal-id_sign-in-modal_session_password" name="session_password" required data-tracking-control-name="public_profile_top-card_title-modal_contextual-sign-in-modal_sign-in-modal_sign-in-password" data-tracking-client-ingraph type="password"> <button aria-live="assertive" aria-relevant="text" data-id="sign-in-form__password-visibility-toggle" class="font-sans text-md font-bold text-color-action z-10 ml-[12px] hover:cursor-pointer" aria-label="Show your LinkedIn password" data-tracking-control-name="public_profile_top-card_title-modal_contextual-sign-in-modal_sign-in-modal_sign-in-password-visibility-toggle-btn" type="button">Show</button> </div> </div> <p class="input-helper mt-1.5" for="public_profile_top-card_title-modal-id_sign-in-modal_session_password" role="alert" data-js-module-id="guest-input__message"></p> </div> <input name="session_redirect" value="https://www.linkedin.com/in/cssda/overlay/about-this-profile/" type="hidden">  </div> <div data-id="sign-in-form__footer" class="flex justify-between sign-in-form__footer--full-width"> <a data-id="sign-in-form__forgot-password" class="font-sans text-md font-bold link leading-regular sign-in-form__forgot-password--full-width" href="https://www.linkedin.com/uas/request-password-reset?trk=public_profile_top-card_title-modal_contextual-sign-in-modal_sign-in-modal_forgot_password" data-tracking-control-name="public_profile_top-card_title-modal_contextual-sign-in-modal_sign-in-modal_forgot_password" data-tracking-will-navigate>Forgot password?</a>  <input name="trk" value="public_profile_top-card_title-modal_contextual-sign-in-modal_sign-in-modal_sign-in-submit" type="hidden"> <button class="btn-md btn-primary flex-shrink-0 cursor-pointer sign-in-form__submit-btn--full-width" data-id="sign-in-form__submit-btn" data-tracking-control-name="public_profile_top-card_title-modal_contextual-sign-in-modal_sign-in-modal_sign-in-submit-btn" data-tracking-client-ingraph data-tracking-litms type="submit"> Sign in </button> </div> <div class="sign-in-form__divider left-right-divider pt-2 pb-3"> <p class="sign-in-form__divider-text font-sans text-sm text-color-text px-2"> or </p> </div> </form> <div class="w-full max-w-[400px] mx-auto"> <div class="google-auth-button" data-tracking-control-name="public_profile_top-card_title-modal_contextual-sign-in-modal_sign-in-modal_google-auth-button" data-tracking-client-ingraph> <code id="isTermsAndConditionsSkipEnabledAuthButton" style="display: none"></code> <p class="linkedin-tc__text text-color-text-low-emphasis text-xs pb-2" data-impression-id="public_profile_top-card_title-modal_contextual-sign-in-modal_sign-in-modal__button-skip-tc-text"> By clicking Continue to join or sign in, you agree to LinkedIn’s <a href="/legal/user-agreement?trk=public_profile_top-card_title-modal_contextual-sign-in-modal_sign-in-modal_auth-button_user-agreement" target="_blank" data-tracking-control-name="public_profile_top-card_title-modal_contextual-sign-in-modal_sign-in-modal_auth-button_user-agreement" data-tracking-will-navigate="true">User Agreement</a>, <a href="/legal/privacy-policy?trk=public_profile_top-card_title-modal_contextual-sign-in-modal_sign-in-modal_auth-button_privacy-policy" target="_blank" data-tracking-control-name="public_profile_top-card_title-modal_contextual-sign-in-modal_sign-in-modal_auth-button_privacy-policy" data-tracking-will-navigate="true">Privacy Policy</a>, and <a href="/legal/cookie-policy?trk=public_profile_top-card_title-modal_contextual-sign-in-modal_sign-in-modal_auth-button_cookie-policy" target="_blank" data-tracking-control-name="public_profile_top-card_title-modal_contextual-sign-in-modal_sign-in-modal_auth-button_cookie-policy" data-tracking-will-navigate="true">Cookie Policy</a>. </p> <div class="google-auth-button__placeholder google-auth-button__placeholder--black-border" data-theme="outline" data-logo-alignment="center"></div>  </div> </div>  <p class="sign-in-modal__join-now m-auto font-sans text-md text-color-text mt-2"> New to LinkedIn? <a href="https://www.linkedin.com/signup/public-profile-join?vieweeVanityName=cssda&trk=public_profile_top-card_title-modal_contextual-sign-in-modal_sign-in-modal_join-link" data-tracking-control-name="public_profile_top-card_title-modal_contextual-sign-in-modal_sign-in-modal_join-link" data-tracking-will-navigate="true" class="sign-in-modal__join-link">Join now</a> </p> </div> </div>  </section> </div> </div> </div> </div> <div class="contextual-sign-in-modal__divider left-right-divider"> <p class="contextual-sign-in-modal__divider-text font-sans text-sm text-color-text px-2"> or </p> </div> </div> <p class="contextual-sign-in-modal__join-now m-auto font-sans text-md text-color-text my-1"> New to LinkedIn? <a href="https://www.linkedin.com/signup/public-profile-join?vieweeVanityName=cssda&trk=public_profile_top-card_title-modal_contextual-sign-in-modal_join-link" data-tracking-control-name="public_profile_top-card_title-modal_contextual-sign-in-modal_join-link" data-tracking-will-navigate="true" class="contextual-sign-in-modal__join-link">Join now</a> </p> <p class="linkedin-tc__text text-color-text-low-emphasis text-xs pb-2 contextual-sign-in-modal__terms-and-conditions m-auto w-[320px] pt-2 babybear:w-full" data-impression-id="linkedin-tc__button-skip-tc-text"> By clicking Continue to join or sign in, you agree to LinkedIn’s <a href="/legal/user-agreement?trk=linkedin-tc_auth-button_user-agreement" target="_blank" data-tracking-control-name="linkedin-tc_auth-button_user-agreement" data-tracking-will-navigate="true">User Agreement</a>, <a href="/legal/privacy-policy?trk=linkedin-tc_auth-button_privacy-policy" target="_blank" data-tracking-control-name="linkedin-tc_auth-button_privacy-policy" data-tracking-will-navigate="true">Privacy Policy</a>, and <a href="/legal/cookie-policy?trk=linkedin-tc_auth-button_cookie-policy" target="_blank" data-tracking-control-name="linkedin-tc_auth-button_cookie-policy" data-tracking-will-navigate="true">Cookie Policy</a>. </p> </div> </div>  </section> </div> </div> </div> </div>  <h3 class="top-card-layout__first-subline font-sans text-md leading-open text-color-text-low-emphasis"> <div class="profile-info-subheader"> <div class="not-first-middot"> <span>United States</span> <span class="link cursor-pointer" data-tracking-client-ingraph data-tracking-control-name="public_profile_profile-info-subheader_contact-info_modal-trigger" data-modal="public_profile_profile-info-subheader__contact-info_modal" data-no-cool-off="true"> Contact Info </span> </div> <div class="contextual-sign-in-modal contact-info-modal" data-impression-id="public_profile_profile-info-subheader_contact-info_modal_contextual-sign-in-modal">  <div class>  <div id="public_profile_profile-info-subheader__contact-info_modal" class="modal modal--contextual-sign-in" data-outlet="public_profile_profile-info-subheader__contact-info_modal">  <div class="modal__overlay flex items-center bg-color-background-scrim justify-center fixed bottom-0 left-0 right-0 top-0 opacity-0 invisible pointer-events-none z-[1000] transition-[opacity] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] duration-[0.17s] py-4 " aria-hidden="true"> <section aria-modal="true" role="dialog" aria-labelledby="public_profile_profile-info-subheader__contact-info_modal-modal-header" tabindex="-1" class="max-h-full modal__wrapper overflow-auto p-0 bg-color-surface max-w-[1128px] min-h-[160px] relative scale-[0.25] shadow-sm shadow-color-border-faint transition-[transform] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] duration-[0.33s] focus:outline-0 w-[1128px] mamabear:w-[744px] babybear:w-[360px] rounded-md"> <button class="modal__dismiss btn-tertiary h-[40px] w-[40px] p-0 rounded-full indent-0 contextual-sign-in-modal__modal-dismiss absolute right-0 m-[20px] cursor-pointer" aria-label="Dismiss" data-tracking-control-name="public_profile_profile-info-subheader_contact-info_modal_contextual-sign-in-modal_modal_dismiss"> <icon class="contextual-sign-in-modal__modal-dismiss-icon" data-delayed-url="https://static-exp2.licdn.com/aero-v1/sc/h/gs508lg3t2o81tq7pmcgn6m2"></icon> </button> <div class="modal__main w-full"> <div class="contextual-sign-in-modal__screen contextual-sign-in-modal__context-screen flex flex-col my-4 mx-3"> <img class="inline-block relative rounded-[50%] w-16 h-16 contextual-sign-in-modal__img m-auto" data-delayed-url="https://media.licdn.com/dms/image/v2/D5603AQE4jrzSRKz-zA/profile-displayphoto-shrink_200_200/profile-displayphoto-shrink_200_200/0/1730284397164?e=2147483647&v=beta&t=_lXtieFhAGDOO8d-dwJeNrpEm1-kuTZ-J_D3iQi6xh4" data-ghost-classes="bg-color-entity-ghost-background" data-ghost-url="https://static-exp2.licdn.com/aero-v1/sc/h/9c8pery4andzj6ohjkjp54ma2" alt> <h2 class="contextual-sign-in-modal__context-screen-title font-sans text-xl text-color-text my-2 mx-4 text-center" id="public_profile_profile-info-subheader__contact-info_modal-modal-header"> Sign in to view CSS Design’s full profile </h2>  <div class="contextual-sign-in-modal__btn-container m-auto w-[320px] babybear:w-full">  <div class="w-full max-w-[400px] mx-auto"> <div class="google-auth-button">  <div class="google-auth-button__placeholder " data-theme="filled_blue" data-logo-alignment="center"></div>  </div> </div> <div class="sign-in-modal" data-impression-id="public_profile_profile-info-subheader_contact-info_modal_contextual-sign-in-modal_sign-in-modal"> <button class="sign-in-modal__outlet-btn cursor-pointer btn-md btn-primary btn-secondary" data-tracking-client-ingraph data-tracking-control-name="public_profile_profile-info-subheader_contact-info_modal_contextual-sign-in-modal_sign-in-modal_outlet-button" data-modal="public_profile_profile-info-subheader_sign-in-modal">  Sign in </button> <div class>  <div id="public_profile_profile-info-subheader_sign-in-modal" class="modal modal--sign-in" data-outlet="public_profile_profile-info-subheader_sign-in-modal">  <div class="modal__overlay flex items-center bg-color-background-scrim justify-center fixed bottom-0 left-0 right-0 top-0 opacity-0 invisible pointer-events-none z-[1000] transition-[opacity] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] duration-[0.17s] py-4 " aria-hidden="true"> <section aria-modal="true" role="dialog" aria-labelledby="public_profile_profile-info-subheader_sign-in-modal-modal-header" tabindex="-1" class="max-h-full modal__wrapper overflow-auto p-0 bg-color-surface max-w-[1128px] min-h-[160px] relative scale-[0.25] shadow-sm shadow-color-border-faint transition-[transform] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] duration-[0.33s] focus:outline-0 w-[1128px] mamabear:w-[744px] babybear:w-[360px] rounded-md"> <button class="modal__dismiss btn-tertiary h-[40px] w-[40px] p-0 rounded-full indent-0 sign-in-modal__dismiss absolute right-0 cursor-pointer m-[20px]" aria-label="Dismiss" data-tracking-control-name="public_profile_profile-info-subheader_contact-info_modal_contextual-sign-in-modal_sign-in-modal_dismiss"> <icon class="sign-in-modal__dismiss-icon" data-delayed-url="https://static-exp2.licdn.com/aero-v1/sc/h/gs508lg3t2o81tq7pmcgn6m2"></icon> </button> <div class="modal__main w-full"> <div class="sign-in-modal__screen flex flex-col py-4 w-[513px] babybear:w-full px-3"> <h2 class="sign-in-modal__header font-sans text-display-md text-color-text "> Welcome back </h2> <code id="i18n_sign_in_form_show_text" style="display: none"></code> <code id="i18n_sign_in_form_show_label" style="display: none"></code> <code id="i18n_sign_in_form_hide_text" style="display: none"></code> <code id="i18n_sign_in_form_hide_label" style="display: none"></code> <code id="i18n_username_error_empty" style="display: none"></code> <code id="i18n_username_error_too_long" style="display: none"></code> <code id="i18n_username_error_too_short" style="display: none"></code> <code id="i18n_password_error_empty" style="display: none"></code> <code id="i18n_password_error_too_short" style="display: none"></code> <code id="i18n_password_error_too_long" style="display: none"></code>  <form data-id="sign-in-form" action="https://www.linkedin.com/uas/login-submit" method="post" novalidate class="mt-1.5 mb-2"> <input name="loginCsrfParam" value="b8ec384c-77b7-48a5-87da-6db8f7502f79" type="hidden"> <div class="flex flex-col"> <div class="mt-1.5" data-js-module-id="guest-input"> <div class="flex flex-col"> <label class="input-label mb-1" for="public_profile_profile-info-subheader_sign-in-modal_session_key"> Email or phone </label> <div class="text-input flex"> <input class="text-color-text font-sans text-md outline-0 bg-color-transparent grow" autocomplete="username" id="public_profile_profile-info-subheader_sign-in-modal_session_key" name="session_key" required data-tracking-control-name="public_profile_profile-info-subheader_contact-info_modal_contextual-sign-in-modal_sign-in-modal_sign-in-session-key" data-tracking-client-ingraph type="text"> </div> </div> <p class="input-helper mt-1.5" for="public_profile_profile-info-subheader_sign-in-modal_session_key" role="alert" data-js-module-id="guest-input__message"></p> </div> <div class="mt-1.5" data-js-module-id="guest-input"> <div class="flex flex-col"> <label class="input-label mb-1" for="public_profile_profile-info-subheader_sign-in-modal_session_password"> Password </label> <div class="text-input flex"> <input class="text-color-text font-sans text-md outline-0 bg-color-transparent grow" autocomplete="current-password" id="public_profile_profile-info-subheader_sign-in-modal_session_password" name="session_password" required data-tracking-control-name="public_profile_profile-info-subheader_contact-info_modal_contextual-sign-in-modal_sign-in-modal_sign-in-password" data-tracking-client-ingraph type="password"> <button aria-live="assertive" aria-relevant="text" data-id="sign-in-form__password-visibility-toggle" class="font-sans text-md font-bold text-color-action z-10 ml-[12px] hover:cursor-pointer" aria-label="Show your LinkedIn password" data-tracking-control-name="public_profile_profile-info-subheader_contact-info_modal_contextual-sign-in-modal_sign-in-modal_sign-in-password-visibility-toggle-btn" type="button">Show</button> </div> </div> <p class="input-helper mt-1.5" for="public_profile_profile-info-subheader_sign-in-modal_session_password" role="alert" data-js-module-id="guest-input__message"></p> </div> <input name="session_redirect" value="https://www.linkedin.com/in/cssda/overlay/contact-info/" type="hidden">  </div> <div data-id="sign-in-form__footer" class="flex justify-between sign-in-form__footer--full-width"> <a data-id="sign-in-form__forgot-password" class="font-sans text-md font-bold link leading-regular sign-in-form__forgot-password--full-width" href="https://www.linkedin.com/uas/request-password-reset?trk=public_profile_profile-info-subheader_contact-info_modal_contextual-sign-in-modal_sign-in-modal_forgot_password" data-tracking-control-name="public_profile_profile-info-subheader_contact-info_modal_contextual-sign-in-modal_sign-in-modal_forgot_password" data-tracking-will-navigate>Forgot password?</a>  <input name="trk" value="public_profile_profile-info-subheader_contact-info_modal_contextual-sign-in-modal_sign-in-modal_sign-in-submit" type="hidden"> <button class="btn-md btn-primary flex-shrink-0 cursor-pointer sign-in-form__submit-btn--full-width" data-id="sign-in-form__submit-btn" data-tracking-control-name="public_profile_profile-info-subheader_contact-info_modal_contextual-sign-in-modal_sign-in-modal_sign-in-submit-btn" data-tracking-client-ingraph data-tracking-litms type="submit"> Sign in </button> </div> <div class="sign-in-form__divider left-right-divider pt-2 pb-3"> <p class="sign-in-form__divider-text font-sans text-sm text-color-text px-2"> or </p> </div> </form> <div class="w-full max-w-[400px] mx-auto"> <div class="google-auth-button" data-tracking-control-name="public_profile_profile-info-subheader_contact-info_modal_contextual-sign-in-modal_sign-in-modal_google-auth-button" data-tracking-client-ingraph> <code id="isTermsAndConditionsSkipEnabledAuthButton" style="display: none"></code> <p class="linkedin-tc__text text-color-text-low-emphasis text-xs pb-2" data-impression-id="public_profile_profile-info-subheader_contact-info_modal_contextual-sign-in-modal_sign-in-modal__button-skip-tc-text"> By clicking Continue to join or sign in, you agree to LinkedIn’s <a href="/legal/user-agreement?trk=public_profile_profile-info-subheader_contact-info_modal_contextual-sign-in-modal_sign-in-modal_auth-button_user-agreement" target="_blank" data-tracking-control-name="public_profile_profile-info-subheader_contact-info_modal_contextual-sign-in-modal_sign-in-modal_auth-button_user-agreement" data-tracking-will-navigate="true">User Agreement</a>, <a href="/legal/privacy-policy?trk=public_profile_profile-info-subheader_contact-info_modal_contextual-sign-in-modal_sign-in-modal_auth-button_privacy-policy" target="_blank" data-tracking-control-name="public_profile_profile-info-subheader_contact-info_modal_contextual-sign-in-modal_sign-in-modal_auth-button_privacy-policy" data-tracking-will-navigate="true">Privacy Policy</a>, and <a href="/legal/cookie-policy?trk=public_profile_profile-info-subheader_contact-info_modal_contextual-sign-in-modal_sign-in-modal_auth-button_cookie-policy" target="_blank" data-tracking-control-name="public_profile_profile-info-subheader_contact-info_modal_contextual-sign-in-modal_sign-in-modal_auth-button_cookie-policy" data-tracking-will-navigate="true">Cookie Policy</a>. </p> <div class="google-auth-button__placeholder google-auth-button__placeholder--black-border" data-theme="outline" data-logo-alignment="center"></div>  </div> </div>  <p class="sign-in-modal__join-now m-auto font-sans text-md text-color-text mt-2"> New to LinkedIn? <a href="https://www.linkedin.com/signup/public-profile-join?vieweeVanityName=cssda&trk=public_profile_profile-info-subheader_contact-info_modal_contextual-sign-in-modal_sign-in-modal_join-link" data-tracking-control-name="public_profile_profile-info-subheader_contact-info_modal_contextual-sign-in-modal_sign-in-modal_join-link" data-tracking-will-navigate="true" class="sign-in-modal__join-link">Join now</a> </p> </div> </div>  </section> </div> </div> </div> </div> <div class="contextual-sign-in-modal__divider left-right-divider"> <p class="contextual-sign-in-modal__divider-text font-sans text-sm text-color-text px-2"> or </p> </div> </div> <p class="contextual-sign-in-modal__join-now m-auto font-sans text-md text-color-text my-1"> New to LinkedIn? <a href="https://www.linkedin.com/signup/public-profile-join?vieweeVanityName=cssda&trk=public_profile_profile-info-subheader_contact-info_modal_contextual-sign-in-modal_join-link" data-tracking-control-name="public_profile_profile-info-subheader_contact-info_modal_contextual-sign-in-modal_join-link" data-tracking-will-navigate="true" class="contextual-sign-in-modal__join-link">Join now</a> </p> <p class="linkedin-tc__text text-color-text-low-emphasis text-xs pb-2 contextual-sign-in-modal__terms-and-conditions m-auto w-[320px] pt-2 babybear:w-full" data-impression-id="linkedin-tc__button-skip-tc-text"> By clicking Continue to join or sign in, you agree to LinkedIn’s <a href="/legal/user-agreement?trk=linkedin-tc_auth-button_user-agreement" target="_blank" data-tracking-control-name="linkedin-tc_auth-button_user-agreement" data-tracking-will-navigate="true">User Agreement</a>, <a href="/legal/privacy-policy?trk=linkedin-tc_auth-button_privacy-policy" target="_blank" data-tracking-control-name="linkedin-tc_auth-button_privacy-policy" data-tracking-will-navigate="true">Privacy Policy</a>, and <a href="/legal/cookie-policy?trk=linkedin-tc_auth-button_cookie-policy" target="_blank" data-tracking-control-name="linkedin-tc_auth-button_cookie-policy" data-tracking-will-navigate="true">Cookie Policy</a>. </p> </div> </div>  </section> </div> </div> </div> </div> <div class="not-first-middot"> <span> 18K followers </span> <span> 500+ connections </span> </div> </div> </h3> <h4 class="top-card-layout__second-subline font-sans text-sm leading-open text-color-text-low-emphasis mt-0.5">  <div class="mutual-connections mt-1"> <div class="face-pile flex !no-underline"> <div class="face-pile__images-container self-start flex-shrink-0 mr-1 leading-[1]"> <img class="inline-block relative rounded-[50%] w-4 h-4 face-pile__image border-1 border-solid border-color-transparent -ml-2 first:ml-0" data-delayed-url="https://static-exp2.licdn.com/aero-v1/sc/h/6fw6jn9040cngf2toi2pvzkn6" data-ghost-classes="bg-color-entity-ghost-background" data-ghost-url="https://static-exp2.licdn.com/aero-v1/sc/h/9c8pery4andzj6ohjkjp54ma2" alt> <img class="inline-block relative rounded-[50%] w-4 h-4 face-pile__image border-1 border-solid border-color-transparent -ml-2 first:ml-0" data-delayed-url="https://static-exp2.licdn.com/aero-v1/sc/h/5kmvlcys0cgehw7e3ojvz5yuk" data-ghost-classes="bg-color-entity-ghost-background" data-ghost-url="https://static-exp2.licdn.com/aero-v1/sc/h/9c8pery4andzj6ohjkjp54ma2" alt> <img class="inline-block relative rounded-[50%] w-4 h-4 face-pile__image border-1 border-solid border-color-transparent -ml-2 first:ml-0" data-delayed-url="https://static-exp2.licdn.com/aero-v1/sc/h/dbyylwnsp3dbiscb831jwsr32" data-ghost-classes="bg-color-entity-ghost-background" data-ghost-url="https://static-exp2.licdn.com/aero-v1/sc/h/9c8pery4andzj6ohjkjp54ma2" alt> </div> <button aria-label="See your mutual connections with CSS Design" class="font-semibold text-color-link cursor-pointer" data-tracking-client-ingraph data-tracking-control-name="public_profile_mutual-connections_modal-trigger" data-modal="public_profile_mutual-connections_contextual-sign-in-modal" data-no-cool-off="true">See your mutual connections</button> </div> <div class="contextual-sign-in-modal mutual-connections-modal" data-impression-id="public_profile_mutual-connections_contextual-sign-in-modal">  <div class>  <div id="public_profile_mutual-connections_contextual-sign-in-modal" class="modal modal--contextual-sign-in" data-outlet="public_profile_mutual-connections_contextual-sign-in-modal">  <div class="modal__overlay flex items-center bg-color-background-scrim justify-center fixed bottom-0 left-0 right-0 top-0 opacity-0 invisible pointer-events-none z-[1000] transition-[opacity] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] duration-[0.17s] py-4 " aria-hidden="true"> <section aria-modal="true" role="dialog" aria-labelledby="public_profile_mutual-connections_contextual-sign-in-modal-modal-header" tabindex="-1" class="max-h-full modal__wrapper overflow-auto p-0 bg-color-surface max-w-[1128px] min-h-[160px] relative scale-[0.25] shadow-sm shadow-color-border-faint transition-[transform] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] duration-[0.33s] focus:outline-0 w-[1128px] mamabear:w-[744px] babybear:w-[360px] rounded-md"> <button class="modal__dismiss btn-tertiary h-[40px] w-[40px] p-0 rounded-full indent-0 contextual-sign-in-modal__modal-dismiss absolute right-0 m-[20px] cursor-pointer" aria-label="Dismiss" data-tracking-control-name="public_profile_mutual-connections_contextual-sign-in-modal_modal_dismiss"> <icon class="contextual-sign-in-modal__modal-dismiss-icon" data-delayed-url="https://static-exp2.licdn.com/aero-v1/sc/h/gs508lg3t2o81tq7pmcgn6m2"></icon> </button> <div class="modal__main w-full"> <div class="contextual-sign-in-modal__screen contextual-sign-in-modal__context-screen flex flex-col my-4 mx-3"> <img class="inline-block relative rounded-[50%] w-16 h-16 contextual-sign-in-modal__img m-auto" data-delayed-url="https://media.licdn.com/dms/image/v2/D5603AQE4jrzSRKz-zA/profile-displayphoto-shrink_200_200/profile-displayphoto-shrink_200_200/0/1730284397164?e=2147483647&v=beta&t=_lXtieFhAGDOO8d-dwJeNrpEm1-kuTZ-J_D3iQi6xh4" data-ghost-classes="bg-color-entity-ghost-background" data-ghost-url="https://static-exp2.licdn.com/aero-v1/sc/h/9c8pery4andzj6ohjkjp54ma2" alt> <h2 class="contextual-sign-in-modal__context-screen-title font-sans text-xl text-color-text my-2 mx-4 text-center" id="public_profile_mutual-connections_contextual-sign-in-modal-modal-header"> View mutual connections with CSS Design </h2>  <div class="contextual-sign-in-modal__btn-container m-auto w-[320px] babybear:w-full">  <div class="w-full max-w-[400px] mx-auto"> <div class="google-auth-button">  <div class="google-auth-button__placeholder " data-theme="filled_blue" data-logo-alignment="center"></div>  </div> </div> <div class="sign-in-modal" data-impression-id="public_profile_mutual-connections_contextual-sign-in-modal_sign-in-modal"> <button class="sign-in-modal__outlet-btn cursor-pointer btn-md btn-primary btn-secondary" data-tracking-client-ingraph data-tracking-control-name="public_profile_mutual-connections_contextual-sign-in-modal_sign-in-modal_outlet-button" data-modal="public_profile_mutual-connections_sign-in-modal">  Sign in </button> <div class>  <div id="public_profile_mutual-connections_sign-in-modal" class="modal modal--sign-in" data-outlet="public_profile_mutual-connections_sign-in-modal">  <div class="modal__overlay flex items-center bg-color-background-scrim justify-center fixed bottom-0 left-0 right-0 top-0 opacity-0 invisible pointer-events-none z-[1000] transition-[opacity] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] duration-[0.17s] py-4 " aria-hidden="true"> <section aria-modal="true" role="dialog" aria-labelledby="public_profile_mutual-connections_sign-in-modal-modal-header" tabindex="-1" class="max-h-full modal__wrapper overflow-auto p-0 bg-color-surface max-w-[1128px] min-h-[160px] relative scale-[0.25] shadow-sm shadow-color-border-faint transition-[transform] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] duration-[0.33s] focus:outline-0 w-[1128px] mamabear:w-[744px] babybear:w-[360px] rounded-md"> <button class="modal__dismiss btn-tertiary h-[40px] w-[40px] p-0 rounded-full indent-0 sign-in-modal__dismiss absolute right-0 cursor-pointer m-[20px]" aria-label="Dismiss" data-tracking-control-name="public_profile_mutual-connections_contextual-sign-in-modal_sign-in-modal_dismiss"> <icon class="sign-in-modal__dismiss-icon" data-delayed-url="https://static-exp2.licdn.com/aero-v1/sc/h/gs508lg3t2o81tq7pmcgn6m2"></icon> </button> <div class="modal__main w-full"> <div class="sign-in-modal__screen flex flex-col py-4 w-[513px] babybear:w-full px-3"> <h2 class="sign-in-modal__header font-sans text-display-md text-color-text "> Welcome back </h2> <code id="i18n_sign_in_form_show_text" style="display: none"></code> <code id="i18n_sign_in_form_show_label" style="display: none"></code> <code id="i18n_sign_in_form_hide_text" style="display: none"></code> <code id="i18n_sign_in_form_hide_label" style="display: none"></code> <code id="i18n_username_error_empty" style="display: none"></code> <code id="i18n_username_error_too_long" style="display: none"></code> <code id="i18n_username_error_too_short" style="display: none"></code> <code id="i18n_password_error_empty" style="display: none"></code> <code id="i18n_password_error_too_short" style="display: none"></code> <code id="i18n_password_error_too_long" style="display: none"></code>  <form data-id="sign-in-form" action="https://www.linkedin.com/uas/login-submit" method="post" novalidate class="mt-1.5 mb-2"> <input name="loginCsrfParam" value="b8ec384c-77b7-48a5-87da-6db8f7502f79" type="hidden"> <div class="flex flex-col"> <div class="mt-1.5" data-js-module-id="guest-input"> <div class="flex flex-col"> <label class="input-label mb-1" for="public_profile_mutual-connections_sign-in-modal_session_key"> Email or phone </label> <div class="text-input flex"> <input class="text-color-text font-sans text-md outline-0 bg-color-transparent grow" autocomplete="username" id="public_profile_mutual-connections_sign-in-modal_session_key" name="session_key" required data-tracking-control-name="public_profile_mutual-connections_contextual-sign-in-modal_sign-in-modal_sign-in-session-key" data-tracking-client-ingraph type="text"> </div> </div> <p class="input-helper mt-1.5" for="public_profile_mutual-connections_sign-in-modal_session_key" role="alert" data-js-module-id="guest-input__message"></p> </div> <div class="mt-1.5" data-js-module-id="guest-input"> <div class="flex flex-col"> <label class="input-label mb-1" for="public_profile_mutual-connections_sign-in-modal_session_password"> Password </label> <div class="text-input flex"> <input class="text-color-text font-sans text-md outline-0 bg-color-transparent grow" autocomplete="current-password" id="public_profile_mutual-connections_sign-in-modal_session_password" name="session_password" required data-tracking-control-name="public_profile_mutual-connections_contextual-sign-in-modal_sign-in-modal_sign-in-password" data-tracking-client-ingraph type="password"> <button aria-live="assertive" aria-relevant="text" data-id="sign-in-form__password-visibility-toggle" class="font-sans text-md font-bold text-color-action z-10 ml-[12px] hover:cursor-pointer" aria-label="Show your LinkedIn password" data-tracking-control-name="public_profile_mutual-connections_contextual-sign-in-modal_sign-in-modal_sign-in-password-visibility-toggle-btn" type="button">Show</button> </div> </div> <p class="input-helper mt-1.5" for="public_profile_mutual-connections_sign-in-modal_session_password" role="alert" data-js-module-id="guest-input__message"></p> </div> <input name="session_redirect" value="https://www.linkedin.com/in/cssda" type="hidden">  </div> <div data-id="sign-in-form__footer" class="flex justify-between sign-in-form__footer--full-width"> <a data-id="sign-in-form__forgot-password" class="font-sans text-md font-bold link leading-regular sign-in-form__forgot-password--full-width" href="https://www.linkedin.com/uas/request-password-reset?trk=public_profile_mutual-connections_contextual-sign-in-modal_sign-in-modal_forgot_password" data-tracking-control-name="public_profile_mutual-connections_contextual-sign-in-modal_sign-in-modal_forgot_password" data-tracking-will-navigate>Forgot password?</a>  <input name="trk" value="public_profile_mutual-connections_contextual-sign-in-modal_sign-in-modal_sign-in-submit" type="hidden"> <button class="btn-md btn-primary flex-shrink-0 cursor-pointer sign-in-form__submit-btn--full-width" data-id="sign-in-form__submit-btn" data-tracking-control-name="public_profile_mutual-connections_contextual-sign-in-modal_sign-in-modal_sign-in-submit-btn" data-tracking-client-ingraph data-tracking-litms type="submit"> Sign in </button> </div> <div class="sign-in-form__divider left-right-divider pt-2 pb-3"> <p class="sign-in-form__divider-text font-sans text-sm text-color-text px-2"> or </p> </div> </form> <div class="w-full max-w-[400px] mx-auto"> <div class="google-auth-button" data-tracking-control-name="public_profile_mutual-connections_contextual-sign-in-modal_sign-in-modal_google-auth-button" data-tracking-client-ingraph> <code id="isTermsAndConditionsSkipEnabledAuthButton" style="display: none"></code> <p class="linkedin-tc__text text-color-text-low-emphasis text-xs pb-2" data-impression-id="public_profile_mutual-connections_contextual-sign-in-modal_sign-in-modal__button-skip-tc-text"> By clicking Continue to join or sign in, you agree to LinkedIn’s <a href="/legal/user-agreement?trk=public_profile_mutual-connections_contextual-sign-in-modal_sign-in-modal_auth-button_user-agreement" target="_blank" data-tracking-control-name="public_profile_mutual-connections_contextual-sign-in-modal_sign-in-modal_auth-button_user-agreement" data-tracking-will-navigate="true">User Agreement</a>, <a href="/legal/privacy-policy?trk=public_profile_mutual-connections_contextual-sign-in-modal_sign-in-modal_auth-button_privacy-policy" target="_blank" data-tracking-control-name="public_profile_mutual-connections_contextual-sign-in-modal_sign-in-modal_auth-button_privacy-policy" data-tracking-will-navigate="true">Privacy Policy</a>, and <a href="/legal/cookie-policy?trk=public_profile_mutual-connections_contextual-sign-in-modal_sign-in-modal_auth-button_cookie-policy" target="_blank" data-tracking-control-name="public_profile_mutual-connections_contextual-sign-in-modal_sign-in-modal_auth-button_cookie-policy" data-tracking-will-navigate="true">Cookie Policy</a>. </p> <div class="google-auth-button__placeholder google-auth-button__placeholder--black-border" data-theme="outline" data-logo-alignment="center"></div>  </div> </div>  <p class="sign-in-modal__join-now m-auto font-sans text-md text-color-text mt-2"> New to LinkedIn? <a href="https://www.linkedin.com/signup/public-profile-join?vieweeVanityName=cssda&trk=public_profile_mutual-connections_contextual-sign-in-modal_sign-in-modal_join-link" data-tracking-control-name="public_profile_mutual-connections_contextual-sign-in-modal_sign-in-modal_join-link" data-tracking-will-navigate="true" class="sign-in-modal__join-link">Join now</a> </p> </div> </div>  </section> </div> </div> </div> </div> <div class="contextual-sign-in-modal__divider left-right-divider"> <p class="contextual-sign-in-modal__divider-text font-sans text-sm text-color-text px-2"> or </p> </div> </div> <p class="contextual-sign-in-modal__join-now m-auto font-sans text-md text-color-text my-1"> New to LinkedIn? <a href="https://www.linkedin.com/signup/public-profile-join?vieweeVanityName=cssda&trk=public_profile_mutual-connections_contextual-sign-in-modal_join-link" data-tracking-control-name="public_profile_mutual-connections_contextual-sign-in-modal_join-link" data-tracking-will-navigate="true" class="contextual-sign-in-modal__join-link">Join now</a> </p> <p class="linkedin-tc__text text-color-text-low-emphasis text-xs pb-2 contextual-sign-in-modal__terms-and-conditions m-auto w-[320px] pt-2 babybear:w-full" data-impression-id="linkedin-tc__button-skip-tc-text"> By clicking Continue to join or sign in, you agree to LinkedIn’s <a href="/legal/user-agreement?trk=linkedin-tc_auth-button_user-agreement" target="_blank" data-tracking-control-name="linkedin-tc_auth-button_user-agreement" data-tracking-will-navigate="true">User Agreement</a>, <a href="/legal/privacy-policy?trk=linkedin-tc_auth-button_privacy-policy" target="_blank" data-tracking-control-name="linkedin-tc_auth-button_privacy-policy" data-tracking-will-navigate="true">Privacy Policy</a>, and <a href="/legal/cookie-policy?trk=linkedin-tc_auth-button_cookie-policy" target="_blank" data-tracking-control-name="linkedin-tc_auth-button_cookie-policy" data-tracking-will-navigate="true">Cookie Policy</a>. </p> </div> </div>  </section> </div> </div> </div> </div> </div> </h4> <div class="top-card-layout__cta-container flex flex-wrap mt-0.5 papabear:mt-0 ml-[-12px]"> <a class="top-card-layout__cta mt-2 ml-1.5 h-auto babybear:flex-auto top-card-layout__cta--primary btn-md btn-primary" href="https://www.linkedin.com/signup/public-profile-join?vieweeVanityName=cssda&trk=public_profile_top-card-primary-button-join-to-view-profile" data-tracking-client-ingraph data-tracking-control-name="public_profile_top-card-primary-button-join-to-view-profile" data-tracking-will-navigate> Join to view profile </a> <div class="contextual-sign-in-modal top-card-layout__secondary-cta-modal flex babybear:flex-auto" data-impression-id="public_profile_top-card_secondary-cta-modal_contextual-sign-in-modal"> <button class="contextual-sign-in-modal__outlet-btn cursor-pointer btn-md btn-primary top-card-layout__cta mt-2 ml-1.5 h-auto babybear:flex-auto top-card-layout__cta--secondary btn-md btn-secondary-emphasis" data-tracking-client-ingraph data-tracking-control-name="public_profile_top-card_secondary-cta-modal_contextual-sign-in-modal_outlet-button" data-modal="public_profile_top-card_secondary-cta-modal-id"> <icon class="w-2 h-2 align-middle mr-1" data-delayed-url="https://static-exp2.licdn.com/aero-v1/sc/h/3ljz3g2ipmq0j47d44m25e1ug"></icon> Message </button> <div class>  <div id="public_profile_top-card_secondary-cta-modal-id" class="modal modal--contextual-sign-in" data-outlet="public_profile_top-card_secondary-cta-modal-id">  <div class="modal__overlay flex items-center bg-color-background-scrim justify-center fixed bottom-0 left-0 right-0 top-0 opacity-0 invisible pointer-events-none z-[1000] transition-[opacity] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] duration-[0.17s] py-4 " aria-hidden="true"> <section aria-modal="true" role="dialog" aria-labelledby="public_profile_top-card_secondary-cta-modal-id-modal-header" tabindex="-1" class="max-h-full modal__wrapper overflow-auto p-0 bg-color-surface max-w-[1128px] min-h-[160px] relative scale-[0.25] shadow-sm shadow-color-border-faint transition-[transform] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] duration-[0.33s] focus:outline-0 w-[1128px] mamabear:w-[744px] babybear:w-[360px] rounded-md"> <button class="modal__dismiss btn-tertiary h-[40px] w-[40px] p-0 rounded-full indent-0 contextual-sign-in-modal__modal-dismiss absolute right-0 m-[20px] cursor-pointer" aria-label="Dismiss" data-tracking-control-name="public_profile_top-card_secondary-cta-modal_contextual-sign-in-modal_modal_dismiss"> <icon class="contextual-sign-in-modal__modal-dismiss-icon" data-delayed-url="https://static-exp2.licdn.com/aero-v1/sc/h/gs508lg3t2o81tq7pmcgn6m2"></icon> </button> <div class="modal__main w-full"> <div class="contextual-sign-in-modal__screen contextual-sign-in-modal__context-screen flex flex-col my-4 mx-3"> <img class="inline-block relative rounded-[50%] w-16 h-16 contextual-sign-in-modal__img m-auto" data-delayed-url="https://media.licdn.com/dms/image/v2/D5603AQE4jrzSRKz-zA/profile-displayphoto-shrink_200_200/profile-displayphoto-shrink_200_200/0/1730284397164?e=2147483647&v=beta&t=_lXtieFhAGDOO8d-dwJeNrpEm1-kuTZ-J_D3iQi6xh4" data-ghost-classes="bg-color-entity-ghost-background" data-ghost-url="https://static-exp2.licdn.com/aero-v1/sc/h/9c8pery4andzj6ohjkjp54ma2" alt> <h2 class="contextual-sign-in-modal__context-screen-title font-sans text-xl text-color-text my-2 mx-4 text-center" id="public_profile_top-card_secondary-cta-modal-id-modal-header"> Sign in to view CSS Design’s full profile </h2>  <div class="contextual-sign-in-modal__btn-container m-auto w-[320px] babybear:w-full">  <div class="w-full max-w-[400px] mx-auto"> <div class="google-auth-button">  <div class="google-auth-button__placeholder " data-theme="filled_blue" data-logo-alignment="center"></div>  </div> </div> <div class="sign-in-modal" data-impression-id="public_profile_top-card_secondary-cta-modal_contextual-sign-in-modal_sign-in-modal"> <button class="sign-in-modal__outlet-btn cursor-pointer btn-md btn-primary btn-secondary" data-tracking-client-ingraph data-tracking-control-name="public_profile_top-card_secondary-cta-modal_contextual-sign-in-modal_sign-in-modal_outlet-button" data-modal="public_profile_top-card_secondary-cta-modal-id_sign-in-modal">  Sign in </button> <div class>  <div id="public_profile_top-card_secondary-cta-modal-id_sign-in-modal" class="modal modal--sign-in" data-outlet="public_profile_top-card_secondary-cta-modal-id_sign-in-modal">  <div class="modal__overlay flex items-center bg-color-background-scrim justify-center fixed bottom-0 left-0 right-0 top-0 opacity-0 invisible pointer-events-none z-[1000] transition-[opacity] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] duration-[0.17s] py-4 " aria-hidden="true"> <section aria-modal="true" role="dialog" aria-labelledby="public_profile_top-card_secondary-cta-modal-id_sign-in-modal-modal-header" tabindex="-1" class="max-h-full modal__wrapper overflow-auto p-0 bg-color-surface max-w-[1128px] min-h-[160px] relative scale-[0.25] shadow-sm shadow-color-border-faint transition-[transform] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] duration-[0.33s] focus:outline-0 w-[1128px] mamabear:w-[744px] babybear:w-[360px] rounded-md"> <button class="modal__dismiss btn-tertiary h-[40px] w-[40px] p-0 rounded-full indent-0 sign-in-modal__dismiss absolute right-0 cursor-pointer m-[20px]" aria-label="Dismiss" data-tracking-control-name="public_profile_top-card_secondary-cta-modal_contextual-sign-in-modal_sign-in-modal_dismiss"> <icon class="sign-in-modal__dismiss-icon" data-delayed-url="https://static-exp2.licdn.com/aero-v1/sc/h/gs508lg3t2o81tq7pmcgn6m2"></icon> </button> <div class="modal__main w-full"> <div class="sign-in-modal__screen flex flex-col py-4 w-[513px] babybear:w-full px-3"> <h2 class="sign-in-modal__header font-sans text-display-md text-color-text "> Welcome back </h2> <code id="i18n_sign_in_form_show_text" style="display: none"></code> <code id="i18n_sign_in_form_show_label" style="display: none"></code> <code id="i18n_sign_in_form_hide_text" style="display: none"></code> <code id="i18n_sign_in_form_hide_label" style="display: none"></code> <code id="i18n_username_error_empty" style="display: none"></code> <code id="i18n_username_error_too_long" style="display: none"></code> <code id="i18n_username_error_too_short" style="display: none"></code> <code id="i18n_password_error_empty" style="display: none"></code> <code id="i18n_password_error_too_short" style="display: none"></code> <code id="i18n_password_error_too_long" style="display: none"></code>  <form data-id="sign-in-form" action="https://www.linkedin.com/uas/login-submit" method="post" novalidate class="mt-1.5 mb-2"> <input name="loginCsrfParam" value="b8ec384c-77b7-48a5-87da-6db8f7502f79" type="hidden"> <div class="flex flex-col"> <div class="mt-1.5" data-js-module-id="guest-input"> <div class="flex flex-col"> <label class="input-label mb-1" for="public_profile_top-card_secondary-cta-modal-id_sign-in-modal_session_key"> Email or phone </label> <div class="text-input flex"> <input class="text-color-text font-sans text-md outline-0 bg-color-transparent grow" autocomplete="username" id="public_profile_top-card_secondary-cta-modal-id_sign-in-modal_session_key" name="session_key" required data-tracking-control-name="public_profile_top-card_secondary-cta-modal_contextual-sign-in-modal_sign-in-modal_sign-in-session-key" data-tracking-client-ingraph type="text"> </div> </div> <p class="input-helper mt-1.5" for="public_profile_top-card_secondary-cta-modal-id_sign-in-modal_session_key" role="alert" data-js-module-id="guest-input__message"></p> </div> <div class="mt-1.5" data-js-module-id="guest-input"> <div class="flex flex-col"> <label class="input-label mb-1" for="public_profile_top-card_secondary-cta-modal-id_sign-in-modal_session_password"> Password </label> <div class="text-input flex"> <input class="text-color-text font-sans text-md outline-0 bg-color-transparent grow" autocomplete="current-password" id="public_profile_top-card_secondary-cta-modal-id_sign-in-modal_session_password" name="session_password" required data-tracking-control-name="public_profile_top-card_secondary-cta-modal_contextual-sign-in-modal_sign-in-modal_sign-in-password" data-tracking-client-ingraph type="password"> <button aria-live="assertive" aria-relevant="text" data-id="sign-in-form__password-visibility-toggle" class="font-sans text-md font-bold text-color-action z-10 ml-[12px] hover:cursor-pointer" aria-label="Show your LinkedIn password" data-tracking-control-name="public_profile_top-card_secondary-cta-modal_contextual-sign-in-modal_sign-in-modal_sign-in-password-visibility-toggle-btn" type="button">Show</button> </div> </div> <p class="input-helper mt-1.5" for="public_profile_top-card_secondary-cta-modal-id_sign-in-modal_session_password" role="alert" data-js-module-id="guest-input__message"></p> </div> <input name="session_redirect" value="https://www.linkedin.com/in/cssda" type="hidden">  </div> <div data-id="sign-in-form__footer" class="flex justify-between sign-in-form__footer--full-width"> <a data-id="sign-in-form__forgot-password" class="font-sans text-md font-bold link leading-regular sign-in-form__forgot-password--full-width" href="https://www.linkedin.com/uas/request-password-reset?trk=public_profile_top-card_secondary-cta-modal_contextual-sign-in-modal_sign-in-modal_forgot_password" data-tracking-control-name="public_profile_top-card_secondary-cta-modal_contextual-sign-in-modal_sign-in-modal_forgot_password" data-tracking-will-navigate>Forgot password?</a>  <input name="trk" value="public_profile_top-card_secondary-cta-modal_contextual-sign-in-modal_sign-in-modal_sign-in-submit" type="hidden"> <button class="btn-md btn-primary flex-shrink-0 cursor-pointer sign-in-form__submit-btn--full-width" data-id="sign-in-form__submit-btn" data-tracking-control-name="public_profile_top-card_secondary-cta-modal_contextual-sign-in-modal_sign-in-modal_sign-in-submit-btn" data-tracking-client-ingraph data-tracking-litms type="submit"> Sign in </button> </div> <div class="sign-in-form__divider left-right-divider pt-2 pb-3"> <p class="sign-in-form__divider-text font-sans text-sm text-color-text px-2"> or </p> </div> </form> <div class="w-full max-w-[400px] mx-auto"> <div class="google-auth-button" data-tracking-control-name="public_profile_top-card_secondary-cta-modal_contextual-sign-in-modal_sign-in-modal_google-auth-button" data-tracking-client-ingraph> <code id="isTermsAndConditionsSkipEnabledAuthButton" style="display: none"></code> <p class="linkedin-tc__text text-color-text-low-emphasis text-xs pb-2" data-impression-id="public_profile_top-card_secondary-cta-modal_contextual-sign-in-modal_sign-in-modal__button-skip-tc-text"> By clicking Continue to join or sign in, you agree to LinkedIn’s <a href="/legal/user-agreement?trk=public_profile_top-card_secondary-cta-modal_contextual-sign-in-modal_sign-in-modal_auth-button_user-agreement" target="_blank" data-tracking-control-name="public_profile_top-card_secondary-cta-modal_contextual-sign-in-modal_sign-in-modal_auth-button_user-agreement" data-tracking-will-navigate="true">User Agreement</a>, <a href="/legal/privacy-policy?trk=public_profile_top-card_secondary-cta-modal_contextual-sign-in-modal_sign-in-modal_auth-button_privacy-policy" target="_blank" data-tracking-control-name="public_profile_top-card_secondary-cta-modal_contextual-sign-in-modal_sign-in-modal_auth-button_privacy-policy" data-tracking-will-navigate="true">Privacy Policy</a>, and <a href="/legal/cookie-policy?trk=public_profile_top-card_secondary-cta-modal_contextual-sign-in-modal_sign-in-modal_auth-button_cookie-policy" target="_blank" data-tracking-control-name="public_profile_top-card_secondary-cta-modal_contextual-sign-in-modal_sign-in-modal_auth-button_cookie-policy" data-tracking-will-navigate="true">Cookie Policy</a>. </p> <div class="google-auth-button__placeholder google-auth-button__placeholder--black-border" data-theme="outline" data-logo-alignment="center"></div>  </div> </div>  <p class="sign-in-modal__join-now m-auto font-sans text-md text-color-text mt-2"> New to LinkedIn? <a href="https://www.linkedin.com/signup/public-profile-join?vieweeVanityName=cssda&trk=public_profile_top-card_secondary-cta-modal_contextual-sign-in-modal_sign-in-modal_join-link" data-tracking-control-name="public_profile_top-card_secondary-cta-modal_contextual-sign-in-modal_sign-in-modal_join-link" data-tracking-will-navigate="true" class="sign-in-modal__join-link">Join now</a> </p> </div> </div>  </section> </div> </div> </div> </div> <div class="contextual-sign-in-modal__divider left-right-divider"> <p class="contextual-sign-in-modal__divider-text font-sans text-sm text-color-text px-2"> or </p> </div> </div> <p class="contextual-sign-in-modal__join-now m-auto font-sans text-md text-color-text my-1"> New to LinkedIn? <a href="https://www.linkedin.com/signup/public-profile-join?vieweeVanityName=cssda&trk=public_profile_top-card_secondary-cta-modal_contextual-sign-in-modal_join-link" data-tracking-control-name="public_profile_top-card_secondary-cta-modal_contextual-sign-in-modal_join-link" data-tracking-will-navigate="true" class="contextual-sign-in-modal__join-link">Join now</a> </p> <p class="linkedin-tc__text text-color-text-low-emphasis text-xs pb-2 contextual-sign-in-modal__terms-and-conditions m-auto w-[320px] pt-2 babybear:w-full" data-impression-id="linkedin-tc__button-skip-tc-text"> By clicking Continue to join or sign in, you agree to LinkedIn’s <a href="/legal/user-agreement?trk=linkedin-tc_auth-button_user-agreement" target="_blank" data-tracking-control-name="linkedin-tc_auth-button_user-agreement" data-tracking-will-navigate="true">User Agreement</a>, <a href="/legal/privacy-policy?trk=linkedin-tc_auth-button_privacy-policy" target="_blank" data-tracking-control-name="linkedin-tc_auth-button_privacy-policy" data-tracking-will-navigate="true">Privacy Policy</a>, and <a href="/legal/cookie-policy?trk=linkedin-tc_auth-button_cookie-policy" target="_blank" data-tracking-control-name="linkedin-tc_auth-button_cookie-policy" data-tracking-will-navigate="true">Cookie Policy</a>. </p> </div> </div>  </section> </div> </div> </div> </div> </div> </div> <div class="top-card-layout__entity-info flex-grow flex-shrink-0 basis-0 babybear:flex-none babybear:w-full top-card-layout__entity-info--right-column ml-details-container-padding max-w-[288px] babybear:my-2 babybear:ml-0"> <div class="top-card__links-container"> <div data-section="currentPositionsDetails"> <a href="https://www.linkedin.com/company/cssda?trk=public_profile_topcard-current-company" target="_self" data-tracking-control-name="public_profile_topcard-current-company" data-tracking-will-navigate class="flex text-md mb-1.5 font-sans font-bold leading-open items-center link" data-test-id="top-card-link"> <img class="inline-block relative w-4 h-4 mr-1 shrink-0 border-4 border-color-transparent border-solid rounded-[6px] bg-clip-content" data-delayed-url="https://media.licdn.com/dms/image/v2/D560BAQEqcPqizsbiJA/company-logo_100_100/company-logo_100_100/0/1730285419813/cssda_logo?e=2147483647&v=beta&t=TSpfG86xVtEfVicsWUhUFrDgyLmGkBNPAC5RpnMgBgs" data-ghost-classes="bg-color-entity-ghost-background" data-ghost-url="https://static-exp2.licdn.com/aero-v1/sc/h/cs8pjfgyw96g44ln9r7tct85f" alt> <span class="top-card-link__description line-clamp-2"> CSS Design Awards  </span> </a> </div>  <div data-section="websites">  </div> </div> </div> </div> <div class="ellipsis-menu absolute right-0 top-0 top-card-layout__ellipsis-menu mr-1 papabear:mt-0.5 papabear:mr-2"> <div class="collapsible-dropdown flex items-center relative hyphens-auto"> <button class="ellipsis-menu__trigger collapsible-dropdown__button btn-md btn-tertiary cursor-pointer !py-[6px] !px-1 flex items-center rounded-[50%] " aria-expanded="false" aria-label="Open menu" data-tracking-control-name="public_profile_ellipsis-menu-trigger" tabindex="0"> <icon class="ellipsis-menu__trigger-icon m-0 p-0 centered-icon" data-delayed-url="https://static-exp2.licdn.com/aero-v1/sc/h/671xosfpvk4c0kqtyl87hashi"></icon> </button> <ul class="collapsible-dropdown__list hidden container-raised absolute w-auto overflow-y-auto flex-col items-stretch z-1 bottom-auto top-[100%]" role="menu" tabindex="-1"> <li class="ellipsis-menu__item border-t-1 border-solid border-color-border-low-emphasis first-of-type:border-none flex"> <a href="/uas/login?fromSignIn=true&session_redirect=https%3A%2F%2Fwww.linkedin.com%2Fin%2Fcssda&trk=public_profile_ellipsis-menu-semaphore-sign-in-redirect&guestReportContentType=PROFILE&_f=guest-reporting" data-tracking-control-name="public_profile_ellipsis-menu-semaphore-sign-in-redirect" data-tracking-will-navigate data-item-type="semaphore" data-semaphore-content-type="PROFILE" data-semaphore-content-urn="urn:li:member:474096776" data-semaphore-tracking-prefix="public_profile_ellipsis-menu-semaphore" data-is-logged-in="false" data-modal="semaphore__toggle" class="semaphore__toggle visited:text-color-text-secondary ellipsis-menu__semaphore ellipsis-menu__item-button flex items-center w-full p-1 cursor-pointer font-sans text-sm font-bold link-styled focus:link-styled link:no-underline active:bg-color-background-container-tint focus:bg-color-background-container-tint hover:bg-color-background-container-tint outline-offset-[-2px]">  <icon class="ellipsis-menu__item-icon text-color-text h-[24px] w-[24px] mr-1" data-delayed-url="https://static-exp2.licdn.com/aero-v1/sc/h/iq0x9q37wj214o129ai1yjut"> </icon> Report this profile </a>  </li>  </ul>  </div> </div>  </div> </section>   <section class="core-section-container core-section-container--with-border border-b-1 border-solid border-color-border-faint py-4 pp-section summary" data-section="summary">  <h2 class="core-section-container__title section-title"> About </h2>  <div class="core-section-container__content break-words"> <div> Be inspired. Be inspiring. CSSDA is a leading international award platform that honors… <div class="sign-in-modal summary__sign-in-modal inline -ml-2" data-impression-id="public_profile_sign-in-modal"> <button class="sign-in-modal__outlet-btn cursor-pointer btn-md btn-primary !btn-sm !pl-2 !btn-tertiary !text-color-text-low-emphasis !font-normal !visited:text-color-text-low-emphasis" data-tracking-client-ingraph data-tracking-control-name="public_profile_sign-in-modal_outlet-button" data-modal="summary-sign-in-modal">  <span class="inline-block align-middle"> see more </span> </button> <div class>  <div id="summary-sign-in-modal" class="modal modal--sign-in" data-outlet="summary-sign-in-modal">  <div class="modal__overlay flex items-center bg-color-background-scrim justify-center fixed bottom-0 left-0 right-0 top-0 opacity-0 invisible pointer-events-none z-[1000] transition-[opacity] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] duration-[0.17s] py-4 " aria-hidden="true"> <section aria-modal="true" role="dialog" aria-labelledby="summary-sign-in-modal-modal-header" tabindex="-1" class="max-h-full modal__wrapper overflow-auto p-0 bg-color-surface max-w-[1128px] min-h-[160px] relative scale-[0.25] shadow-sm shadow-color-border-faint transition-[transform] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] duration-[0.33s] focus:outline-0 w-[1128px] mamabear:w-[744px] babybear:w-[360px] rounded-md"> <button class="modal__dismiss btn-tertiary h-[40px] w-[40px] p-0 rounded-full indent-0 sign-in-modal__dismiss absolute right-0 cursor-pointer m-[20px]" aria-label="Dismiss" data-tracking-control-name="public_profile_sign-in-modal_dismiss"> <icon class="sign-in-modal__dismiss-icon" data-delayed-url="https://static-exp2.licdn.com/aero-v1/sc/h/gs508lg3t2o81tq7pmcgn6m2"></icon> </button> <div class="modal__main w-full"> <div class="sign-in-modal__screen flex flex-col py-4 w-[513px] babybear:w-full px-3"> <h2 class="sign-in-modal__header font-sans text-display-md text-color-text "> Welcome back </h2> <code id="i18n_sign_in_form_show_text" style="display: none"></code> <code id="i18n_sign_in_form_show_label" style="display: none"></code> <code id="i18n_sign_in_form_hide_text" style="display: none"></code> <code id="i18n_sign_in_form_hide_label" style="display: none"></code> <code id="i18n_username_error_empty" style="display: none"></code> <code id="i18n_username_error_too_long" style="display: none"></code> <code id="i18n_username_error_too_short" style="display: none"></code> <code id="i18n_password_error_empty" style="display: none"></code> <code id="i18n_password_error_too_short" style="display: none"></code> <code id="i18n_password_error_too_long" style="display: none"></code>  <form data-id="sign-in-form" action="https://www.linkedin.com/uas/login-submit" method="post" novalidate class="mt-1.5 mb-2"> <input name="loginCsrfParam" value="b8ec384c-77b7-48a5-87da-6db8f7502f79" type="hidden"> <div class="flex flex-col"> <div class="mt-1.5" data-js-module-id="guest-input"> <div class="flex flex-col"> <label class="input-label mb-1" for="summary-sign-in-modal_session_key"> Email or phone </label> <div class="text-input flex"> <input class="text-color-text font-sans text-md outline-0 bg-color-transparent grow" autocomplete="username" id="summary-sign-in-modal_session_key" name="session_key" required data-tracking-control-name="public_profile_sign-in-modal_sign-in-session-key" data-tracking-client-ingraph type="text"> </div> </div> <p class="input-helper mt-1.5" for="summary-sign-in-modal_session_key" role="alert" data-js-module-id="guest-input__message"></p> </div> <div class="mt-1.5" data-js-module-id="guest-input"> <div class="flex flex-col"> <label class="input-label mb-1" for="summary-sign-in-modal_session_password"> Password </label> <div class="text-input flex"> <input class="text-color-text font-sans text-md outline-0 bg-color-transparent grow" autocomplete="current-password" id="summary-sign-in-modal_session_password" name="session_password" required data-tracking-control-name="public_profile_sign-in-modal_sign-in-password" data-tracking-client-ingraph type="password"> <button aria-live="assertive" aria-relevant="text" data-id="sign-in-form__password-visibility-toggle" class="font-sans text-md font-bold text-color-action z-10 ml-[12px] hover:cursor-pointer" aria-label="Show your LinkedIn password" data-tracking-control-name="public_profile_sign-in-modal_sign-in-password-visibility-toggle-btn" type="button">Show</button> </div> </div> <p class="input-helper mt-1.5" for="summary-sign-in-modal_session_password" role="alert" data-js-module-id="guest-input__message"></p> </div> <input name="session_redirect" value="https://www.linkedin.com/in/cssda" type="hidden">  </div> <div data-id="sign-in-form__footer" class="flex justify-between sign-in-form__footer--full-width"> <a data-id="sign-in-form__forgot-password" class="font-sans text-md font-bold link leading-regular sign-in-form__forgot-password--full-width" href="https://www.linkedin.com/uas/request-password-reset?trk=public_profile_sign-in-modal_forgot_password" data-tracking-control-name="public_profile_sign-in-modal_forgot_password" data-tracking-will-navigate>Forgot password?</a>  <input name="trk" value="public_profile_sign-in-modal_sign-in-submit" type="hidden"> <button class="btn-md btn-primary flex-shrink-0 cursor-pointer sign-in-form__submit-btn--full-width" data-id="sign-in-form__submit-btn" data-tracking-control-name="public_profile_sign-in-modal_sign-in-submit-btn" data-tracking-client-ingraph data-tracking-litms type="submit"> Sign in </button> </div> <div class="sign-in-form__divider left-right-divider pt-2 pb-3"> <p class="sign-in-form__divider-text font-sans text-sm text-color-text px-2"> or </p> </div> </form> <div class="w-full max-w-[400px] mx-auto"> <div class="google-auth-button" data-tracking-control-name="public_profile_sign-in-modal_google-auth-button" data-tracking-client-ingraph> <code id="isTermsAndConditionsSkipEnabledAuthButton" style="display: none"></code> <p class="linkedin-tc__text text-color-text-low-emphasis text-xs pb-2" data-impression-id="public_profile_sign-in-modal__button-skip-tc-text"> By clicking Continue to join or sign in, you agree to LinkedIn’s <a href="/legal/user-agreement?trk=public_profile_sign-in-modal_auth-button_user-agreement" target="_blank" data-tracking-control-name="public_profile_sign-in-modal_auth-button_user-agreement" data-tracking-will-navigate="true">User Agreement</a>, <a href="/legal/privacy-policy?trk=public_profile_sign-in-modal_auth-button_privacy-policy" target="_blank" data-tracking-control-name="public_profile_sign-in-modal_auth-button_privacy-policy" data-tracking-will-navigate="true">Privacy Policy</a>, and <a href="/legal/cookie-policy?trk=public_profile_sign-in-modal_auth-button_cookie-policy" target="_blank" data-tracking-control-name="public_profile_sign-in-modal_auth-button_cookie-policy" data-tracking-will-navigate="true">Cookie Policy</a>. </p> <div class="google-auth-button__placeholder google-auth-button__placeholder--black-border" data-theme="outline" data-logo-alignment="center"></div>  </div> </div>  <p class="sign-in-modal__join-now m-auto font-sans text-md text-color-text mt-2"> New to LinkedIn? <a href="https://www.linkedin.com/signup/public-profile-join?vieweeVanityName=cssda&trk=public_profile_sign-in-modal_join-link" data-tracking-control-name="public_profile_sign-in-modal_join-link" data-tracking-will-navigate="true" class="sign-in-modal__join-link">Join now</a> </p> </div> </div>  </section> </div> </div> </div> </div> </div> </div> </section>    <section class="core-section-container core-section-container--with-border border-b-1 border-solid border-color-border-faint py-4 articles" data-section="articles">  <h2 class="core-section-container__title section-title"> Articles by CSS Design </h2>  <div class="core-section-container__content break-words"> <div class="show-more-less">  <ul data-max-num-to-show="3" class="show-more-less__list show-more-less__list--hide-after-3" data-impression-id="public_profile_article_view_show-more-less"> <li> <div class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-main-card flex flex-wrap py-2 pr-2 babybear:pr-0 base-main-card--link babybear:py-1 main-article-card"> <a class="base-card__full-link absolute top-0 right-0 bottom-0 left-0 p-0 z-[2]" href="https://www.linkedin.com/pulse/meet-new-cssda-award-monogram-css-design-awards" data-tracking-control-name="public_profile_article_view" data-tracking-will-navigate> <span class="sr-only"> Meet the new CSSDA Award Monogram! </span> </a> <div class="base-main-card__media relative w-[228px] block overflow-hidden flex-shrink-0 rounded-md h-[129px] babybear:w-[105px] babybear:h-[59px]"> <img class="h-full" data-delayed-url="https://media.licdn.com/dms/image/v2/C5112AQHeUlSocjX0QQ/article-cover_image-shrink_720_1280/article-cover_image-shrink_720_1280/0/1520134131513?e=2147483647&v=beta&t=1bJucidzCIjNaBE4zBADyEILYfDYaYqOVNcINvUddmQ" alt>  </div> <div class="base-main-card__info self-center ml-1 flex-1 relative break-words papabear:min-w-0 mamabear:min-w-0 babybear:w-full article-card-social-actions"> <div class="body-text text-color-text-low-emphasis base-main-card__metadata mb-0 babybear:mb-0 babybear:-mt-0.5"> <span class="body-text text-color-text-low-emphasis base-main-card__metadata-item babybear:text-xs">Mar 2, 2017</span>  </div> <h3 class="base-main-card__title font-sans text-[18px] font-bold text-color-text overflow-hidden babybear:text-sm"> Meet the new CSSDA Award Monogram! </h3>  <p class="base-main-card__description body-text text-color-text -mt-0.5"> Meet the new CSSDA Award Monogram. Pure code and 100% customizable. </p>  <code id="i18n_reaction_singular" style="display: none"></code> <code id="i18n_reactions_plural" style="display: none"></code> <div class="flex items-center font-sans text-sm babybear:text-xs -mt-1"> <div class="flex items-center font-normal text-color-text-low-emphasis no-underline visited:text-color-text-low-emphasis my-1" role="button" aria-label="7 Reactions" data-separate-ctas="false" data-test-id="social-actions__reactions" data-id="social-actions__reactions" data-num-reactions="7" data-singular="%numReactions%" data-plural="%numReactions%" data-entity-urn="urn:li:linkedInArticle:6243062812634161152" tabindex="0"> <img alt data-reaction-type="LIKE" data-delayed-url="https://static-exp2.licdn.com/aero-v1/sc/h/9sun4diznbhgyelaeryxy75ur" height="16px" width="16px"> <span aria-hidden="true" class="font-normal ml-0.5" data-test-id="social-actions__reaction-count"> 7 </span> </div> <code id="social-actions__reaction-image-APPRECIATION" style="display: none"></code>  <code id="social-actions__reaction-image-EMPATHY" style="display: none"></code> <code id="social-actions__reaction-image-ENTERTAINMENT" style="display: none"></code>  <code id="social-actions__reaction-image-INTEREST" style="display: none"></code> <code id="social-actions__reaction-image-LIKE" style="display: none"></code> <code id="social-actions__reaction-image-MAYBE" style="display: none"></code> <code id="social-actions__reaction-image-PRAISE" style="display: none"></code>  </div> </div>  </div> </li> <li> <div class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-main-card flex flex-wrap py-2 pr-2 babybear:pr-0 base-main-card--link babybear:py-1 main-article-card"> <a class="base-card__full-link absolute top-0 right-0 bottom-0 left-0 p-0 z-[2]" href="https://www.linkedin.com/pulse/website-day-2-march-2017-css-design-awards" data-tracking-control-name="public_profile_article_view" data-tracking-will-navigate> <span class="sr-only"> Website Of The Day 2 March 2017 </span> </a> <div class="base-main-card__media relative w-[228px] block overflow-hidden flex-shrink-0 rounded-md h-[129px] babybear:w-[105px] babybear:h-[59px]"> <img class="h-full" data-delayed-url="https://media.licdn.com/dms/image/v2/C5112AQH9FsfZcx4JnA/article-cover_image-shrink_720_1280/article-cover_image-shrink_720_1280/0/1520218242296?e=2147483647&v=beta&t=rxHqexCk6-t2ocHRPNpoE8vbUIFHS9TWFvD11jnjzfE" alt>  </div> <div class="base-main-card__info self-center ml-1 flex-1 relative break-words papabear:min-w-0 mamabear:min-w-0 babybear:w-full article-card-social-actions"> <div class="body-text text-color-text-low-emphasis base-main-card__metadata mb-0 babybear:mb-0 babybear:-mt-0.5"> <span class="body-text text-color-text-low-emphasis base-main-card__metadata-item babybear:text-xs">Mar 2, 2017</span>  </div> <h3 class="base-main-card__title font-sans text-[18px] font-bold text-color-text overflow-hidden babybear:text-sm"> Website Of The Day 2 March 2017 </h3>  <p class="base-main-card__description body-text text-color-text -mt-0.5"> Website Of The Day 2 March 2017 Cliff at Lyons by WONDR http://www.cssdesignawards. </p>  <code id="i18n_reaction_singular" style="display: none"></code> <code id="i18n_reactions_plural" style="display: none"></code> <div class="flex items-center font-sans text-sm babybear:text-xs -mt-1"> <div class="flex items-center font-normal text-color-text-low-emphasis no-underline visited:text-color-text-low-emphasis my-1" role="button" aria-label="1 Reaction" data-separate-ctas="false" data-test-id="social-actions__reactions" data-id="social-actions__reactions" data-num-reactions="1" data-singular="%numReactions%" data-plural="%numReactions%" data-entity-urn="urn:li:linkedInArticle:6242977789914550272" tabindex="0"> <img alt data-reaction-type="LIKE" data-delayed-url="https://static-exp2.licdn.com/aero-v1/sc/h/9sun4diznbhgyelaeryxy75ur" height="16px" width="16px"> <span aria-hidden="true" class="font-normal ml-0.5" data-test-id="social-actions__reaction-count"> 1 </span> </div> <code id="social-actions__reaction-image-APPRECIATION" style="display: none"></code>  <code id="social-actions__reaction-image-EMPATHY" style="display: none"></code> <code id="social-actions__reaction-image-ENTERTAINMENT" style="display: none"></code>  <code id="social-actions__reaction-image-INTEREST" style="display: none"></code> <code id="social-actions__reaction-image-LIKE" style="display: none"></code> <code id="social-actions__reaction-image-MAYBE" style="display: none"></code> <code id="social-actions__reaction-image-PRAISE" style="display: none"></code>  </div> </div>  </div> </li> <li> <div class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-main-card flex flex-wrap py-2 pr-2 babybear:pr-0 base-main-card--link babybear:py-1 main-article-card"> <a class="base-card__full-link absolute top-0 right-0 bottom-0 left-0 p-0 z-[2]" href="https://www.linkedin.com/pulse/website-day-1-march-2017-css-design-awards" data-tracking-control-name="public_profile_article_view" data-tracking-will-navigate> <span class="sr-only"> Website Of The Day 1 March 2017 </span> </a> <div class="base-main-card__media relative w-[228px] block overflow-hidden flex-shrink-0 rounded-md h-[129px] babybear:w-[105px] babybear:h-[59px]"> <img class="h-full" data-delayed-url="https://media.licdn.com/dms/image/v2/C5112AQF7y3ubbLtNpQ/article-cover_image-shrink_720_1280/article-cover_image-shrink_720_1280/0/1520082165142?e=2147483647&v=beta&t=hwlXS6A2RksnmhECfGhC_J6rReA7UwXQWYb04FaTMME" alt>  </div> <div class="base-main-card__info self-center ml-1 flex-1 relative break-words papabear:min-w-0 mamabear:min-w-0 babybear:w-full article-card-social-actions"> <div class="body-text text-color-text-low-emphasis base-main-card__metadata mb-0 babybear:mb-0 babybear:-mt-0.5"> <span class="body-text text-color-text-low-emphasis base-main-card__metadata-item babybear:text-xs">Mar 1, 2017</span>  </div> <h3 class="base-main-card__title font-sans text-[18px] font-bold text-color-text overflow-hidden babybear:text-sm"> Website Of The Day 1 March 2017 </h3>  <p class="base-main-card__description body-text text-color-text -mt-0.5"> Website Of The Day 1 March 2017 Julien Lozingue - Portfolio by Julien Lozingue & Romain Billard… </p>  <code id="i18n_reaction_singular" style="display: none"></code> <code id="i18n_reactions_plural" style="display: none"></code>  </div>  </div> </li> <li> <div class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-main-card flex flex-wrap py-2 pr-2 babybear:pr-0 base-main-card--link babybear:py-1 main-article-card"> <a class="base-card__full-link absolute top-0 right-0 bottom-0 left-0 p-0 z-[2]" href="https://www.linkedin.com/pulse/css-design-awards-book-greatest-clcks-2010-2016-css-design-awards" data-tracking-control-name="public_profile_article_view" data-tracking-will-navigate> <span class="sr-only"> CSS Design Awards Book | GREATEST CL/CKS 2010 - 2016 </span> </a> <div class="base-main-card__media relative w-[228px] block overflow-hidden flex-shrink-0 rounded-md h-[129px] babybear:w-[105px] babybear:h-[59px]"> <img class="h-full" data-delayed-url="https://media.licdn.com/dms/image/v2/C5112AQFhUH58M-MfNg/article-cover_image-shrink_600_2000/article-cover_image-shrink_600_2000/0/1520129055771?e=2147483647&v=beta&t=RoolVxQAOGDebLgLeKBgF2P6IhwUTpB4TXGfeuNrKxs" alt>  </div> <div class="base-main-card__info self-center ml-1 flex-1 relative break-words papabear:min-w-0 mamabear:min-w-0 babybear:w-full article-card-social-actions"> <div class="body-text text-color-text-low-emphasis base-main-card__metadata mb-0 babybear:mb-0 babybear:-mt-0.5"> <span class="body-text text-color-text-low-emphasis base-main-card__metadata-item babybear:text-xs">Feb 28, 2017</span>  </div> <h3 class="base-main-card__title font-sans text-[18px] font-bold text-color-text overflow-hidden babybear:text-sm"> CSS Design Awards Book | GREATEST CL/CKS 2010 - 2016 </h3>  <p class="base-main-card__description body-text text-color-text -mt-0.5"> Get your copy of GREATEST CL/CKS 2010 - 2016 before they are gone, gone, gone! 736 award winning sites, 650+ designers,… </p>  <code id="i18n_reaction_singular" style="display: none"></code> <code id="i18n_reactions_plural" style="display: none"></code> <div class="flex items-center font-sans text-sm babybear:text-xs -mt-1"> <div class="flex items-center font-normal text-color-text-low-emphasis no-underline visited:text-color-text-low-emphasis my-1" role="button" aria-label="1 Reaction" data-separate-ctas="false" data-test-id="social-actions__reactions" data-id="social-actions__reactions" data-num-reactions="1" data-singular="%numReactions%" data-plural="%numReactions%" data-entity-urn="urn:li:linkedInArticle:6242282851786727424" tabindex="0"> <img alt data-reaction-type="LIKE" data-delayed-url="https://static-exp2.licdn.com/aero-v1/sc/h/9sun4diznbhgyelaeryxy75ur" height="16px" width="16px"> <span aria-hidden="true" class="font-normal ml-0.5" data-test-id="social-actions__reaction-count"> 1 </span> </div> <code id="social-actions__reaction-image-APPRECIATION" style="display: none"></code>  <code id="social-actions__reaction-image-EMPATHY" style="display: none"></code> <code id="social-actions__reaction-image-ENTERTAINMENT" style="display: none"></code>  <code id="social-actions__reaction-image-INTEREST" style="display: none"></code> <code id="social-actions__reaction-image-LIKE" style="display: none"></code> <code id="social-actions__reaction-image-MAYBE" style="display: none"></code> <code id="social-actions__reaction-image-PRAISE" style="display: none"></code>  </div> </div>  </div> </li> <li> <div class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-main-card flex flex-wrap py-2 pr-2 babybear:pr-0 base-main-card--link babybear:py-1 main-article-card"> <a class="base-card__full-link absolute top-0 right-0 bottom-0 left-0 p-0 z-[2]" href="https://www.linkedin.com/pulse/website-day-28-february-2017-css-design-awards" data-tracking-control-name="public_profile_article_view" data-tracking-will-navigate> <span class="sr-only"> Website Of The Day 28 February 2017 </span> </a> <div class="base-main-card__media relative w-[228px] block overflow-hidden flex-shrink-0 rounded-md h-[129px] babybear:w-[105px] babybear:h-[59px]"> <img class="h-full" data-delayed-url="https://media.licdn.com/dms/image/v2/C5112AQElOOZOW5VMAA/article-cover_image-shrink_720_1280/article-cover_image-shrink_720_1280/0/1520211240491?e=2147483647&v=beta&t=JjoI0zfi76cQmf-EMw7F2ADVDbn1hj7HtWMBtQI4VOg" alt>  </div> <div class="base-main-card__info self-center ml-1 flex-1 relative break-words papabear:min-w-0 mamabear:min-w-0 babybear:w-full article-card-social-actions"> <div class="body-text text-color-text-low-emphasis base-main-card__metadata mb-0 babybear:mb-0 babybear:-mt-0.5"> <span class="body-text text-color-text-low-emphasis base-main-card__metadata-item babybear:text-xs">Feb 28, 2017</span>  </div> <h3 class="base-main-card__title font-sans text-[18px] font-bold text-color-text overflow-hidden babybear:text-sm"> Website Of The Day 28 February 2017 </h3>  <p class="base-main-card__description body-text text-color-text -mt-0.5"> Website Of The Day 28 February 2017 MA&LO by Awd Agency http://www.cssdesignawards. </p>  <code id="i18n_reaction_singular" style="display: none"></code> <code id="i18n_reactions_plural" style="display: none"></code>  </div>  </div> </li> <li> <div class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-main-card flex flex-wrap py-2 pr-2 babybear:pr-0 base-main-card--link babybear:py-1 main-article-card"> <a class="base-card__full-link absolute top-0 right-0 bottom-0 left-0 p-0 z-[2]" href="https://www.linkedin.com/pulse/website-day-27-february-2017-css-design-awards" data-tracking-control-name="public_profile_article_view" data-tracking-will-navigate> <span class="sr-only"> Website Of The Day 27 February 2017 </span> </a> <div class="base-main-card__media relative w-[228px] block overflow-hidden flex-shrink-0 rounded-md h-[129px] babybear:w-[105px] babybear:h-[59px]"> <img class="h-full" data-delayed-url="https://media.licdn.com/dms/image/v2/C5112AQGUsVxIrlIbQQ/article-cover_image-shrink_720_1280/article-cover_image-shrink_720_1280/0/1520084177741?e=2147483647&v=beta&t=RzUGDVScXKkuV1F5yuJs74aTAIkh-EfrdHjnsdFA8dk" alt>  </div> <div class="base-main-card__info self-center ml-1 flex-1 relative break-words papabear:min-w-0 mamabear:min-w-0 babybear:w-full article-card-social-actions"> <div class="body-text text-color-text-low-emphasis base-main-card__metadata mb-0 babybear:mb-0 babybear:-mt-0.5"> <span class="body-text text-color-text-low-emphasis base-main-card__metadata-item babybear:text-xs">Feb 27, 2017</span>  </div> <h3 class="base-main-card__title font-sans text-[18px] font-bold text-color-text overflow-hidden babybear:text-sm"> Website Of The Day 27 February 2017 </h3>  <p class="base-main-card__description body-text text-color-text -mt-0.5"> Website Of The Day 27 February 2017 District Mobility by CLEVER°FRANKE http://www.cssdesignawards. </p>  <code id="i18n_reaction_singular" style="display: none"></code> <code id="i18n_reactions_plural" style="display: none"></code>  </div>  </div> </li> <li> <div class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-main-card flex flex-wrap py-2 pr-2 babybear:pr-0 base-main-card--link babybear:py-1 main-article-card"> <a class="base-card__full-link absolute top-0 right-0 bottom-0 left-0 p-0 z-[2]" href="https://www.linkedin.com/pulse/website-day-26-february-2017-css-design-awards" data-tracking-control-name="public_profile_article_view" data-tracking-will-navigate> <span class="sr-only"> Website Of The Day 26 February 2017 </span> </a> <div class="base-main-card__media relative w-[228px] block overflow-hidden flex-shrink-0 rounded-md h-[129px] babybear:w-[105px] babybear:h-[59px]"> <img class="h-full" data-delayed-url="https://media.licdn.com/dms/image/v2/C5112AQGTrSqSGs1uDQ/article-cover_image-shrink_720_1280/article-cover_image-shrink_720_1280/0/1520240071392?e=2147483647&v=beta&t=mWQas2Ukzc1szI37PNwQwmbORcqwnAgRmBT_rxgxRfY" alt>  </div> <div class="base-main-card__info self-center ml-1 flex-1 relative break-words papabear:min-w-0 mamabear:min-w-0 babybear:w-full article-card-social-actions"> <div class="body-text text-color-text-low-emphasis base-main-card__metadata mb-0 babybear:mb-0 babybear:-mt-0.5"> <span class="body-text text-color-text-low-emphasis base-main-card__metadata-item babybear:text-xs">Feb 26, 2017</span>  </div> <h3 class="base-main-card__title font-sans text-[18px] font-bold text-color-text overflow-hidden babybear:text-sm"> Website Of The Day 26 February 2017 </h3>  <p class="base-main-card__description body-text text-color-text -mt-0.5"> Website Of The Day 26 February 2017 Red Collar Year In Review 2016 by Red Collar http://www.cssdesignawards. </p>  <code id="i18n_reaction_singular" style="display: none"></code> <code id="i18n_reactions_plural" style="display: none"></code>  </div>  </div> </li> <li> <div class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-main-card flex flex-wrap py-2 pr-2 babybear:pr-0 base-main-card--link babybear:py-1 main-article-card"> <a class="base-card__full-link absolute top-0 right-0 bottom-0 left-0 p-0 z-[2]" href="https://www.linkedin.com/pulse/website-day-25-february-2017-css-design-awards" data-tracking-control-name="public_profile_article_view" data-tracking-will-navigate> <span class="sr-only"> Website Of The Day 25 February 2017 </span> </a> <div class="base-main-card__media relative w-[228px] block overflow-hidden flex-shrink-0 rounded-md h-[129px] babybear:w-[105px] babybear:h-[59px]"> <img class="h-full" data-delayed-url="https://media.licdn.com/dms/image/v2/C5112AQEva26Il4RqSQ/article-cover_image-shrink_720_1280/article-cover_image-shrink_720_1280/0/1520079772003?e=2147483647&v=beta&t=7kKlWFxx8Mtfi2qJwaMDt3mxt56oPFRkOZPoBEHcsHc" alt>  </div> <div class="base-main-card__info self-center ml-1 flex-1 relative break-words papabear:min-w-0 mamabear:min-w-0 babybear:w-full article-card-social-actions"> <div class="body-text text-color-text-low-emphasis base-main-card__metadata mb-0 babybear:mb-0 babybear:-mt-0.5"> <span class="body-text text-color-text-low-emphasis base-main-card__metadata-item babybear:text-xs">Feb 25, 2017</span>  </div> <h3 class="base-main-card__title font-sans text-[18px] font-bold text-color-text overflow-hidden babybear:text-sm"> Website Of The Day 25 February 2017 </h3>  <p class="base-main-card__description body-text text-color-text -mt-0.5"> Website Of The Day 25 February 2017 Jemimah Barnett by José Casal & Aristide Benoist http://www.cssdesignawards. </p>  <code id="i18n_reaction_singular" style="display: none"></code> <code id="i18n_reactions_plural" style="display: none"></code>  </div>  </div> </li> <li> <div class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-main-card flex flex-wrap py-2 pr-2 babybear:pr-0 base-main-card--link babybear:py-1 main-article-card"> <a class="base-card__full-link absolute top-0 right-0 bottom-0 left-0 p-0 z-[2]" href="https://www.linkedin.com/pulse/website-day-24-february-2017-css-design-awards" data-tracking-control-name="public_profile_article_view" data-tracking-will-navigate> <span class="sr-only"> Website Of The Day 24 February 2017 </span> </a> <div class="base-main-card__media relative w-[228px] block overflow-hidden flex-shrink-0 rounded-md h-[129px] babybear:w-[105px] babybear:h-[59px]"> <img class="h-full" data-delayed-url="https://media.licdn.com/dms/image/v2/C5112AQEsgUx6YqI55Q/article-cover_image-shrink_720_1280/article-cover_image-shrink_720_1280/0/1520182028288?e=2147483647&v=beta&t=kxc8OWvA_zfImnmoxYwXE2kH3pJKL0B_e38477ZyGmY" alt>  </div> <div class="base-main-card__info self-center ml-1 flex-1 relative break-words papabear:min-w-0 mamabear:min-w-0 babybear:w-full article-card-social-actions"> <div class="body-text text-color-text-low-emphasis base-main-card__metadata mb-0 babybear:mb-0 babybear:-mt-0.5"> <span class="body-text text-color-text-low-emphasis base-main-card__metadata-item babybear:text-xs">Feb 24, 2017</span>  </div> <h3 class="base-main-card__title font-sans text-[18px] font-bold text-color-text overflow-hidden babybear:text-sm"> Website Of The Day 24 February 2017 </h3>  <p class="base-main-card__description body-text text-color-text -mt-0.5"> Website Of The Day 24 February 2017 The Magicians Season 2 Website by UNIT9 http://www.cssdesignawards. </p>  <code id="i18n_reaction_singular" style="display: none"></code> <code id="i18n_reactions_plural" style="display: none"></code>  </div>  </div> </li> <li> <div class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-main-card flex flex-wrap py-2 pr-2 babybear:pr-0 base-main-card--link babybear:py-1 main-article-card"> <a class="base-card__full-link absolute top-0 right-0 bottom-0 left-0 p-0 z-[2]" href="https://www.linkedin.com/pulse/welcome-jpanel-css-design-awards-4" data-tracking-control-name="public_profile_article_view" data-tracking-will-navigate> <span class="sr-only"> Welcome to the Jpanel! </span> </a> <div class="base-main-card__media relative w-[228px] block overflow-hidden flex-shrink-0 rounded-md h-[129px] babybear:w-[105px] babybear:h-[59px]"> <img class="h-full" data-delayed-url="https://media.licdn.com/dms/image/v2/C5112AQG4DYCJMnGyyQ/article-cover_image-shrink_600_2000/article-cover_image-shrink_600_2000/0/1520081723031?e=2147483647&v=beta&t=fgMMnh9URA9zSfV2Vandj_4cwHGN9taHyNabI2a6EE0" alt>  </div> <div class="base-main-card__info self-center ml-1 flex-1 relative break-words papabear:min-w-0 mamabear:min-w-0 babybear:w-full article-card-social-actions"> <div class="body-text text-color-text-low-emphasis base-main-card__metadata mb-0 babybear:mb-0 babybear:-mt-0.5"> <span class="body-text text-color-text-low-emphasis base-main-card__metadata-item babybear:text-xs">Feb 23, 2017</span>  </div> <h3 class="base-main-card__title font-sans text-[18px] font-bold text-color-text overflow-hidden babybear:text-sm"> Welcome to the Jpanel! </h3>  <p class="base-main-card__description body-text text-color-text -mt-0.5"> Welcome to the Jpanel! Pier-Luc Cossette, Lukasz Kulakowski, Makoto Hirao & Giuseppe Ciullo! http://www.cssdesignawards. </p>  <code id="i18n_reaction_singular" style="display: none"></code> <code id="i18n_reactions_plural" style="display: none"></code> <div class="flex items-center font-sans text-sm babybear:text-xs -mt-1"> <div class="flex items-center font-normal text-color-text-low-emphasis no-underline visited:text-color-text-low-emphasis my-1" role="button" aria-label="20 Reactions" data-separate-ctas="false" data-test-id="social-actions__reactions" data-id="social-actions__reactions" data-num-reactions="20" data-singular="%numReactions%" data-plural="%numReactions%" data-entity-urn="urn:li:linkedInArticle:6240475206717177857" tabindex="0"> <img alt data-reaction-type="LIKE" data-delayed-url="https://static-exp2.licdn.com/aero-v1/sc/h/9sun4diznbhgyelaeryxy75ur" height="16px" width="16px"> <span aria-hidden="true" class="font-normal ml-0.5" data-test-id="social-actions__reaction-count"> 20 </span> </div> <code id="social-actions__reaction-image-APPRECIATION" style="display: none"></code>  <code id="social-actions__reaction-image-EMPATHY" style="display: none"></code> <code id="social-actions__reaction-image-ENTERTAINMENT" style="display: none"></code>  <code id="social-actions__reaction-image-INTEREST" style="display: none"></code> <code id="social-actions__reaction-image-LIKE" style="display: none"></code> <code id="social-actions__reaction-image-MAYBE" style="display: none"></code> <code id="social-actions__reaction-image-PRAISE" style="display: none"></code>  <div class="flex items-center font-normal text-color-text-low-emphasis no-underline visited:text-color-text-low-emphasis before:middot my-1" data-separate-ctas="false" data-test-id="social-actions__comments" data-id="social-actions__comments" data-num-comments="1" data-singular="%numComments% Comment" data-plural="%numComments% Comments" data-entity-urn="urn:li:linkedInArticle:6240475206717177857"> 1 Comment </div>  </div> </div>  </div> </li> </ul> <button class="show-more-less-button show-more-less__button show-more-less__more-button !py-1.5" data-tracking-control-name="_show_more"> Show more <icon class="show-more-less-button-icon" data-delayed-url="https://static-exp2.licdn.com/aero-v1/sc/h/cyolgscd0imw2ldqppkrb84vo"></icon></button> <div class="pt-1"> <a data-tracking-control-name="_see_all_articles" data-tracking-will-navigate href="https://www.linkedin.com/in/cssda/recent-activity/articles/" class="show-more-less-button see-more-link show-more-less__less-button show-more-less__button--hide !text-color-link !border-color-link !shadow-none border-[1px] border-solid !py-1.5"> See all articles </a> </div> </div>  </div> </section>  <section class="core-section-container core-section-container--with-border border-b-1 border-solid border-color-border-faint py-4 activities" data-nosnippet="true" data-section="posts">  <div class="flex justify-between"> <h2 class="core-section-container__title section-title"> Activity </h2> <button class="btn-sm btn-secondary cursor-pointer flex" data-tracking-control-name="public_profile_follow" data-modal="public_profile_activities-follow-modal" data-no-cool-off="true"> <img class="lazy-load" alt data-delayed-url="https://static-exp2.licdn.com/aero-v1/sc/h/9ewdf4qtu7uo5bvtrz3r6z5pn"> <span class="ml-1"> Follow </span> </button> </div> <div class="contextual-sign-in-modal activities_follow-modal" data-impression-id="public_profile_follow_contextual-sign-in-modal">  <div class>  <div id="public_profile_activities-follow-modal" class="modal modal--contextual-sign-in" data-outlet="public_profile_activities-follow-modal">  <div class="modal__overlay flex items-center bg-color-background-scrim justify-center fixed bottom-0 left-0 right-0 top-0 opacity-0 invisible pointer-events-none z-[1000] transition-[opacity] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] duration-[0.17s] py-4 " aria-hidden="true"> <section aria-modal="true" role="dialog" aria-labelledby="public_profile_activities-follow-modal-modal-header" tabindex="-1" class="max-h-full modal__wrapper overflow-auto p-0 bg-color-surface max-w-[1128px] min-h-[160px] relative scale-[0.25] shadow-sm shadow-color-border-faint transition-[transform] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] duration-[0.33s] focus:outline-0 w-[1128px] mamabear:w-[744px] babybear:w-[360px] rounded-md"> <button class="modal__dismiss btn-tertiary h-[40px] w-[40px] p-0 rounded-full indent-0 contextual-sign-in-modal__modal-dismiss absolute right-0 m-[20px] cursor-pointer" aria-label="Dismiss" data-tracking-control-name="public_profile_follow_contextual-sign-in-modal_modal_dismiss"> <icon class="contextual-sign-in-modal__modal-dismiss-icon" data-delayed-url="https://static-exp2.licdn.com/aero-v1/sc/h/gs508lg3t2o81tq7pmcgn6m2"></icon> </button> <div class="modal__main w-full"> <div class="contextual-sign-in-modal__screen contextual-sign-in-modal__context-screen flex flex-col my-4 mx-3"> <img class="inline-block relative rounded-[50%] w-16 h-16 contextual-sign-in-modal__img m-auto" data-delayed-url="https://media.licdn.com/dms/image/v2/D5603AQE4jrzSRKz-zA/profile-displayphoto-shrink_200_200/profile-displayphoto-shrink_200_200/0/1730284397164?e=2147483647&v=beta&t=_lXtieFhAGDOO8d-dwJeNrpEm1-kuTZ-J_D3iQi6xh4" data-ghost-classes="bg-color-entity-ghost-background" data-ghost-url="https://static-exp2.licdn.com/aero-v1/sc/h/9c8pery4andzj6ohjkjp54ma2" alt> <h2 class="contextual-sign-in-modal__context-screen-title font-sans text-xl text-color-text my-2 mx-4 text-center" id="public_profile_activities-follow-modal-modal-header"> Sign in to view CSS Design’s full profile </h2>  <div class="contextual-sign-in-modal__btn-container m-auto w-[320px] babybear:w-full">  <div class="w-full max-w-[400px] mx-auto"> <div class="google-auth-button">  <div class="google-auth-button__placeholder " data-theme="filled_blue" data-logo-alignment="center"></div>  </div> </div> <div class="sign-in-modal" data-impression-id="public_profile_follow_contextual-sign-in-modal_sign-in-modal"> <button class="sign-in-modal__outlet-btn cursor-pointer btn-md btn-primary btn-secondary" data-tracking-client-ingraph data-tracking-control-name="public_profile_follow_contextual-sign-in-modal_sign-in-modal_outlet-button" data-modal="_sign-in-modal">  Sign in </button> <div class>  <div id="_sign-in-modal" class="modal modal--sign-in" data-outlet="_sign-in-modal">  <div class="modal__overlay flex items-center bg-color-background-scrim justify-center fixed bottom-0 left-0 right-0 top-0 opacity-0 invisible pointer-events-none z-[1000] transition-[opacity] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] duration-[0.17s] py-4 " aria-hidden="true"> <section aria-modal="true" role="dialog" aria-labelledby="_sign-in-modal-modal-header" tabindex="-1" class="max-h-full modal__wrapper overflow-auto p-0 bg-color-surface max-w-[1128px] min-h-[160px] relative scale-[0.25] shadow-sm shadow-color-border-faint transition-[transform] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] duration-[0.33s] focus:outline-0 w-[1128px] mamabear:w-[744px] babybear:w-[360px] rounded-md"> <button class="modal__dismiss btn-tertiary h-[40px] w-[40px] p-0 rounded-full indent-0 sign-in-modal__dismiss absolute right-0 cursor-pointer m-[20px]" aria-label="Dismiss" data-tracking-control-name="public_profile_follow_contextual-sign-in-modal_sign-in-modal_dismiss"> <icon class="sign-in-modal__dismiss-icon" data-delayed-url="https://static-exp2.licdn.com/aero-v1/sc/h/gs508lg3t2o81tq7pmcgn6m2"></icon> </button> <div class="modal__main w-full"> <div class="sign-in-modal__screen flex flex-col py-4 w-[513px] babybear:w-full px-3"> <h2 class="sign-in-modal__header font-sans text-display-md text-color-text "> Welcome back </h2> <code id="i18n_sign_in_form_show_text" style="display: none"></code> <code id="i18n_sign_in_form_show_label" style="display: none"></code> <code id="i18n_sign_in_form_hide_text" style="display: none"></code> <code id="i18n_sign_in_form_hide_label" style="display: none"></code> <code id="i18n_username_error_empty" style="display: none"></code> <code id="i18n_username_error_too_long" style="display: none"></code> <code id="i18n_username_error_too_short" style="display: none"></code> <code id="i18n_password_error_empty" style="display: none"></code> <code id="i18n_password_error_too_short" style="display: none"></code> <code id="i18n_password_error_too_long" style="display: none"></code>  <form data-id="sign-in-form" action="https://www.linkedin.com/uas/login-submit" method="post" novalidate class="mt-1.5 mb-2"> <input name="loginCsrfParam" value="b8ec384c-77b7-48a5-87da-6db8f7502f79" type="hidden"> <div class="flex flex-col"> <div class="mt-1.5" data-js-module-id="guest-input"> <div class="flex flex-col"> <label class="input-label mb-1" for="_sign-in-modal_session_key"> Email or phone </label> <div class="text-input flex"> <input class="text-color-text font-sans text-md outline-0 bg-color-transparent grow" autocomplete="username" id="_sign-in-modal_session_key" name="session_key" required data-tracking-control-name="public_profile_follow_contextual-sign-in-modal_sign-in-modal_sign-in-session-key" data-tracking-client-ingraph type="text"> </div> </div> <p class="input-helper mt-1.5" for="_sign-in-modal_session_key" role="alert" data-js-module-id="guest-input__message"></p> </div> <div class="mt-1.5" data-js-module-id="guest-input"> <div class="flex flex-col"> <label class="input-label mb-1" for="_sign-in-modal_session_password"> Password </label> <div class="text-input flex"> <input class="text-color-text font-sans text-md outline-0 bg-color-transparent grow" autocomplete="current-password" id="_sign-in-modal_session_password" name="session_password" required data-tracking-control-name="public_profile_follow_contextual-sign-in-modal_sign-in-modal_sign-in-password" data-tracking-client-ingraph type="password"> <button aria-live="assertive" aria-relevant="text" data-id="sign-in-form__password-visibility-toggle" class="font-sans text-md font-bold text-color-action z-10 ml-[12px] hover:cursor-pointer" aria-label="Show your LinkedIn password" data-tracking-control-name="public_profile_follow_contextual-sign-in-modal_sign-in-modal_sign-in-password-visibility-toggle-btn" type="button">Show</button> </div> </div> <p class="input-helper mt-1.5" for="_sign-in-modal_session_password" role="alert" data-js-module-id="guest-input__message"></p> </div> <input name="session_redirect" value="https://www.linkedin.com/in/cssda" type="hidden">  </div> <div data-id="sign-in-form__footer" class="flex justify-between sign-in-form__footer--full-width"> <a data-id="sign-in-form__forgot-password" class="font-sans text-md font-bold link leading-regular sign-in-form__forgot-password--full-width" href="https://www.linkedin.com/uas/request-password-reset?trk=public_profile_follow_contextual-sign-in-modal_sign-in-modal_forgot_password" data-tracking-control-name="public_profile_follow_contextual-sign-in-modal_sign-in-modal_forgot_password" data-tracking-will-navigate>Forgot password?</a>  <input name="trk" value="public_profile_follow_contextual-sign-in-modal_sign-in-modal_sign-in-submit" type="hidden"> <button class="btn-md btn-primary flex-shrink-0 cursor-pointer sign-in-form__submit-btn--full-width" data-id="sign-in-form__submit-btn" data-tracking-control-name="public_profile_follow_contextual-sign-in-modal_sign-in-modal_sign-in-submit-btn" data-tracking-client-ingraph data-tracking-litms type="submit"> Sign in </button> </div> <div class="sign-in-form__divider left-right-divider pt-2 pb-3"> <p class="sign-in-form__divider-text font-sans text-sm text-color-text px-2"> or </p> </div> </form> <div class="w-full max-w-[400px] mx-auto"> <div class="google-auth-button" data-tracking-control-name="public_profile_follow_contextual-sign-in-modal_sign-in-modal_google-auth-button" data-tracking-client-ingraph> <code id="isTermsAndConditionsSkipEnabledAuthButton" style="display: none"></code> <p class="linkedin-tc__text text-color-text-low-emphasis text-xs pb-2" data-impression-id="public_profile_follow_contextual-sign-in-modal_sign-in-modal__button-skip-tc-text"> By clicking Continue to join or sign in, you agree to LinkedIn’s <a href="/legal/user-agreement?trk=public_profile_follow_contextual-sign-in-modal_sign-in-modal_auth-button_user-agreement" target="_blank" data-tracking-control-name="public_profile_follow_contextual-sign-in-modal_sign-in-modal_auth-button_user-agreement" data-tracking-will-navigate="true">User Agreement</a>, <a href="/legal/privacy-policy?trk=public_profile_follow_contextual-sign-in-modal_sign-in-modal_auth-button_privacy-policy" target="_blank" data-tracking-control-name="public_profile_follow_contextual-sign-in-modal_sign-in-modal_auth-button_privacy-policy" data-tracking-will-navigate="true">Privacy Policy</a>, and <a href="/legal/cookie-policy?trk=public_profile_follow_contextual-sign-in-modal_sign-in-modal_auth-button_cookie-policy" target="_blank" data-tracking-control-name="public_profile_follow_contextual-sign-in-modal_sign-in-modal_auth-button_cookie-policy" data-tracking-will-navigate="true">Cookie Policy</a>. </p> <div class="google-auth-button__placeholder google-auth-button__placeholder--black-border" data-theme="outline" data-logo-alignment="center"></div>  </div> </div>  <p class="sign-in-modal__join-now m-auto font-sans text-md text-color-text mt-2"> New to LinkedIn? <a href="https://www.linkedin.com/signup/public-profile-join?vieweeVanityName=cssda&trk=public_profile_follow_contextual-sign-in-modal_sign-in-modal_join-link" data-tracking-control-name="public_profile_follow_contextual-sign-in-modal_sign-in-modal_join-link" data-tracking-will-navigate="true" class="sign-in-modal__join-link">Join now</a> </p> </div> </div>  </section> </div> </div> </div> </div> <div class="contextual-sign-in-modal__divider left-right-divider"> <p class="contextual-sign-in-modal__divider-text font-sans text-sm text-color-text px-2"> or </p> </div> </div> <p class="contextual-sign-in-modal__join-now m-auto font-sans text-md text-color-text my-1"> New to LinkedIn? <a href="https://www.linkedin.com/signup/public-profile-join?vieweeVanityName=cssda&trk=public_profile_follow_contextual-sign-in-modal_join-link" data-tracking-control-name="public_profile_follow_contextual-sign-in-modal_join-link" data-tracking-will-navigate="true" class="contextual-sign-in-modal__join-link">Join now</a> </p> <p class="linkedin-tc__text text-color-text-low-emphasis text-xs pb-2 contextual-sign-in-modal__terms-and-conditions m-auto w-[320px] pt-2 babybear:w-full" data-impression-id="linkedin-tc__button-skip-tc-text"> By clicking Continue to join or sign in, you agree to LinkedIn’s <a href="/legal/user-agreement?trk=linkedin-tc_auth-button_user-agreement" target="_blank" data-tracking-control-name="linkedin-tc_auth-button_user-agreement" data-tracking-will-navigate="true">User Agreement</a>, <a href="/legal/privacy-policy?trk=linkedin-tc_auth-button_privacy-policy" target="_blank" data-tracking-control-name="linkedin-tc_auth-button_privacy-policy" data-tracking-will-navigate="true">Privacy Policy</a>, and <a href="/legal/cookie-policy?trk=linkedin-tc_auth-button_cookie-policy" target="_blank" data-tracking-control-name="linkedin-tc_auth-button_cookie-policy" data-tracking-will-navigate="true">Cookie Policy</a>. </p> </div> </div>  </section> </div> </div> </div> </div>  <div class="core-section-container__content break-words"> <ul data-test-id="activities__list"> <li> <div class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-main-card flex flex-wrap py-2 pr-2 babybear:pr-0 hover:show-play-button focus:show-play-button base-main-card--link main-activity-card"> <a class="base-card__full-link absolute top-0 right-0 bottom-0 left-0 p-0 z-[2]" href="https://www.linkedin.com/posts/get-uncommon_website-of-the-day-activity-7272585344397594624-hFmV" data-tracking-control-name="public_profile" data-tracking-will-navigate> <span class="sr-only"> Wafelspecialist Vegter B.V. site just claimed ‘Website of the Day’ at CSS Design Awards 👏 </span> </a> <div class="base-main-card__media relative w-[228px] block overflow-hidden flex-shrink-0 rounded-md hover:show-play-button focus:show-play-button h-[134px] babybear:w-full babybear:h-auto babybear:min-h-[134px] babybear:max-h-[250px]"> <img class="main-activity-card__img h-full " data-delayed-url="https://media.licdn.com/dms/image/v2/D4E05AQHWcmFrbEZJgA/feedshare-thumbnail_720_1280/B4EZO1pxEuHkA8-/0/1733919446878?e=2147483647&v=beta&t=ES4UJgDPCA22eBHrhgHTC_ww5YMDBDQekt6vVK6-6ew" alt> <icon class="base-main-card__play-button w-auto overlay-center play-button" data-delayed-url="https://static-exp2.licdn.com/aero-v1/sc/h/9n9raq7fmdu241tpsxwodsmcd" data-svg-class-name="base-main-card__play-button-svg"></icon> </div> <div class="base-main-card__info self-center ml-1 flex-1 relative break-words papabear:min-w-0 mamabear:min-w-0 babybear:w-full ">  <h3 class="base-main-card__title font-sans text-[18px] font-bold text-color-text overflow-hidden "> Wafelspecialist Vegter B.V. site just claimed ‘Website of the Day’ at CSS Design Awards 👏 </h3> <h4 class="base-main-card__subtitle body-text text-color-text overflow-hidden "> Liked by <a href="https://www.linkedin.com/in/cssda?trk=public_profile_actor-name" data-tracking-control-name="public_profile_actor-name" data-tracking-will-navigate="true" class="hidden-nested-link">CSS Design Awards</a> </h4>   </div>  </div> </li> <li> <div class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-main-card flex flex-wrap py-2 pr-2 babybear:pr-0 hover:show-play-button focus:show-play-button base-main-card--link main-activity-card"> <a class="base-card__full-link absolute top-0 right-0 bottom-0 left-0 p-0 z-[2]" href="https://www.linkedin.com/posts/cssda_website-of-the-day-11-december-2024-vegter-activity-7272520216306171904-jlZw" data-tracking-control-name="public_profile" data-tracking-will-navigate> <span class="sr-only"> Website Of The Day 11 December 2024 Vegter by UNCOMMON https://lnkd.in/gQmRsmjX </span> </a> <div class="base-main-card__media relative w-[228px] block overflow-hidden flex-shrink-0 rounded-md hover:show-play-button focus:show-play-button h-[134px] babybear:w-full babybear:h-auto babybear:min-h-[134px] babybear:max-h-[250px]"> <img class="main-activity-card__img h-full " data-delayed-url="https://media.licdn.com/dms/image/v2/D5605AQH6o-uqnSacXA/videocover-high/B56ZO0uk5WGsBw-/0/1733903934300?e=2147483647&v=beta&t=d5xuT_9h3sCF-jwAsiQpESRr4JVXLa9moTyjtzR-_AE" alt> <icon class="base-main-card__play-button w-auto overlay-center play-button" data-delayed-url="https://static-exp2.licdn.com/aero-v1/sc/h/9n9raq7fmdu241tpsxwodsmcd" data-svg-class-name="base-main-card__play-button-svg"></icon> </div> <div class="base-main-card__info self-center ml-1 flex-1 relative break-words papabear:min-w-0 mamabear:min-w-0 babybear:w-full ">  <h3 class="base-main-card__title font-sans text-[18px] font-bold text-color-text overflow-hidden "> Website Of The Day 11 December 2024 Vegter by UNCOMMON https://lnkd.in/gQmRsmjX </h3> <h4 class="base-main-card__subtitle body-text text-color-text overflow-hidden "> Shared by <a href="https://www.linkedin.com/in/cssda?trk=public_profile_actor-name" data-tracking-control-name="public_profile_actor-name" data-tracking-will-navigate="true" class="hidden-nested-link">CSS Design Awards</a> </h4>   </div>  </div> </li> <li> <div class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-main-card flex flex-wrap py-2 pr-2 babybear:pr-0 base-main-card--link main-activity-card"> <a class="base-card__full-link absolute top-0 right-0 bottom-0 left-0 p-0 z-[2]" href="https://www.linkedin.com/posts/mateuszwojcicki_thrilled-to-share-that-the-thumos-investments-activity-7271824214217687041-2VDC" data-tracking-control-name="public_profile" data-tracking-will-navigate> <span class="sr-only"> Thrilled to share that the Thumos Investments (www.thumosinvestments.com) website has been recognized as Website of the Day by CSS Design Awards!… </span> </a> <div class="base-main-card__media relative w-[228px] block overflow-hidden flex-shrink-0 rounded-md h-[134px] babybear:w-full babybear:h-auto babybear:min-h-[134px] babybear:max-h-[250px]"> <img class="main-activity-card__img h-full " data-delayed-url="https://media.licdn.com/dms/image/v2/D4D22AQHr0lh3a82zIQ/feedshare-shrink_2048_1536/feedshare-shrink_2048_1536/0/1733737996027?e=2147483647&v=beta&t=ZlNdL08Tei8Ohg3m00s-x07cDQuUErS92b4m36yZz-I" alt>  </div> <div class="base-main-card__info self-center ml-1 flex-1 relative break-words papabear:min-w-0 mamabear:min-w-0 babybear:w-full ">  <h3 class="base-main-card__title font-sans text-[18px] font-bold text-color-text overflow-hidden "> Thrilled to share that the Thumos Investments (www.thumosinvestments.com) website has been recognized as Website of the Day by CSS Design Awards!… </h3> <h4 class="base-main-card__subtitle body-text text-color-text overflow-hidden "> Liked by <a href="https://www.linkedin.com/in/cssda?trk=public_profile_actor-name" data-tracking-control-name="public_profile_actor-name" data-tracking-will-navigate="true" class="hidden-nested-link">CSS Design Awards</a> </h4>   </div>  </div> </li> </ul> <a class="btn-md btn-secondary-emphasis mt-3 py-[10px] inline-block min-h-0 babybear:w-full" href="https://www.linkedin.com/signup/cold-join?session_redirect=https%3A%2F%2Fwww%2Elinkedin%2Ecom%2Fin%2Fcssda%2Frecent-activity%2F&trk=public_profile_see-all-posts" data-test-id="activities__see-more-link" data-tracking-control-name="public_profile_see-all-posts" data-tracking-will-navigate> Join now to see all activity </a> </div> </section> <section class="core-section-container core-section-container--with-border border-b-1 border-solid border-color-border-faint py-4 pp-section experience-education">  <h2 class="core-section-container__title section-title"> Experience & Education </h2>  <div class="core-section-container__content break-words"> <div class="blurred-overlay w-screen h-screen relative !w-full !h-full min-h-[200px] experience-education__list"> <ul class="visible-list"> <li class="profile-section-card relative flex w-full list-none py-1.5 pr-2 pl-1 !pl-0">  <img class="inline-block relative w-6 h-6 shrink-0 mr-0.5 border-4 border-color-transparent border-solid box-content rounded-[6px] profile-section-card__image" data-delayed-url="https://media.licdn.com/dms/image/v2/D560BAQEqcPqizsbiJA/company-logo_100_100/company-logo_100_100/0/1730285419813/cssda_logo?e=2147483647&v=beta&t=TSpfG86xVtEfVicsWUhUFrDgyLmGkBNPAC5RpnMgBgs" data-ghost-classes="bg-color-entity-ghost-background" data-ghost-url="https://static-exp2.licdn.com/aero-v1/sc/h/cs8pjfgyw96g44ln9r7tct85f" alt> <div class="pl-0.5 grow break-words"> <h3 class="[&>*]:mb-0 text-[18px] text-color-text leading-regular group-hover:underline font-semibold"> CSS Design Awards </h3> <h4 class="text-color-text text-md [&>*]:mb-0 not-first-middot leading-[1.75]"> <p class="blur" aria-hidden="true"> ********* </p> </h4> <div class="text-color-text-low-emphasis text-md [&>*]:mb-0 [&>*]:text-md [&>*]:text-color-text-low-emphasis">  </div> </div> </li> </ul> <div class="blurred-content blur" tabindex="-1" aria-hidden="true"> <ul class="blurred-list" aria-hidden="true">  </ul> </div> <div class="absolute top-1/2 left-0 right-0 m-auto -translate-y-1/2 container-raised container-lined font-sans text-color-text text-center max-w-[600px] w-3/4 pb-3"> <h2 class="blurred_overlay__title font-bold text-lg m-2 mt-3">View CSS Design’s full experience</h2>  <p class="linkedin-tc__text text-color-text-low-emphasis text-xs pb-2 custom-tc m-auto w-3/5 babybear:w-11/12" data-impression-id="public_profile__button-skip-tc-text"> By clicking Continue to join or sign in, you agree to LinkedIn’s <a href="/legal/user-agreement?trk=public_profile_auth-button_user-agreement" target="_blank" data-tracking-control-name="public_profile_auth-button_user-agreement" data-tracking-will-navigate="true">User Agreement</a>, <a href="/legal/privacy-policy?trk=public_profile_auth-button_privacy-policy" target="_blank" data-tracking-control-name="public_profile_auth-button_privacy-policy" data-tracking-will-navigate="true">Privacy Policy</a>, and <a href="/legal/cookie-policy?trk=public_profile_auth-button_cookie-policy" target="_blank" data-tracking-control-name="public_profile_auth-button_cookie-policy" data-tracking-will-navigate="true">Cookie Policy</a>. </p> <div class="m-auto justify-center babybear:w-11/12 flex flex-wrap mx-2"> <div class="sign-in-modal" data-impression-id="public_profile_sign-in-modal"> <button class="sign-in-modal__outlet-btn cursor-pointer btn-md btn-primary blurred-overlay__sign-in-cta block box-border babybear:btn-secondary-emphasis mr-2 shrink-0 !min-h-0 babybear:w-[199px] babybear:mr-0 babybear:mb-2 babybear:py-1" data-tracking-client-ingraph data-tracking-control-name="public_profile_sign-in-modal_outlet-button" data-modal="blurred-overlay-sign-in-modal">  <span class="inline-block align-middle"> Sign in </span> </button> <div class>  <div id="blurred-overlay-sign-in-modal" class="modal modal--sign-in" data-outlet="blurred-overlay-sign-in-modal">  <div class="modal__overlay flex items-center bg-color-background-scrim justify-center fixed bottom-0 left-0 right-0 top-0 opacity-0 invisible pointer-events-none z-[1000] transition-[opacity] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] duration-[0.17s] py-4 " aria-hidden="true"> <section aria-modal="true" role="dialog" aria-labelledby="blurred-overlay-sign-in-modal-modal-header" tabindex="-1" class="max-h-full modal__wrapper overflow-auto p-0 bg-color-surface max-w-[1128px] min-h-[160px] relative scale-[0.25] shadow-sm shadow-color-border-faint transition-[transform] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] duration-[0.33s] focus:outline-0 w-[1128px] mamabear:w-[744px] babybear:w-[360px] rounded-md"> <button class="modal__dismiss btn-tertiary h-[40px] w-[40px] p-0 rounded-full indent-0 sign-in-modal__dismiss absolute right-0 cursor-pointer m-[20px]" aria-label="Dismiss" data-tracking-control-name="public_profile_sign-in-modal_dismiss"> <icon class="sign-in-modal__dismiss-icon" data-delayed-url="https://static-exp2.licdn.com/aero-v1/sc/h/gs508lg3t2o81tq7pmcgn6m2"></icon> </button> <div class="modal__main w-full"> <div class="sign-in-modal__screen flex flex-col py-4 w-[513px] babybear:w-full px-3"> <h2 class="sign-in-modal__header font-sans text-display-md text-color-text "> Welcome back </h2> <code id="i18n_sign_in_form_show_text" style="display: none"></code> <code id="i18n_sign_in_form_show_label" style="display: none"></code> <code id="i18n_sign_in_form_hide_text" style="display: none"></code> <code id="i18n_sign_in_form_hide_label" style="display: none"></code> <code id="i18n_username_error_empty" style="display: none"></code> <code id="i18n_username_error_too_long" style="display: none"></code> <code id="i18n_username_error_too_short" style="display: none"></code> <code id="i18n_password_error_empty" style="display: none"></code> <code id="i18n_password_error_too_short" style="display: none"></code> <code id="i18n_password_error_too_long" style="display: none"></code>  <form data-id="sign-in-form" action="https://www.linkedin.com/uas/login-submit" method="post" novalidate class="mt-1.5 mb-2"> <input name="loginCsrfParam" value="b8ec384c-77b7-48a5-87da-6db8f7502f79" type="hidden"> <div class="flex flex-col"> <div class="mt-1.5" data-js-module-id="guest-input"> <div class="flex flex-col"> <label class="input-label mb-1" for="blurred-overlay-sign-in-modal_session_key"> Email or phone </label> <div class="text-input flex"> <input class="text-color-text font-sans text-md outline-0 bg-color-transparent grow" autocomplete="username" id="blurred-overlay-sign-in-modal_session_key" name="session_key" required data-tracking-control-name="public_profile_sign-in-modal_sign-in-session-key" data-tracking-client-ingraph type="text"> </div> </div> <p class="input-helper mt-1.5" for="blurred-overlay-sign-in-modal_session_key" role="alert" data-js-module-id="guest-input__message"></p> </div> <div class="mt-1.5" data-js-module-id="guest-input"> <div class="flex flex-col"> <label class="input-label mb-1" for="blurred-overlay-sign-in-modal_session_password"> Password </label> <div class="text-input flex"> <input class="text-color-text font-sans text-md outline-0 bg-color-transparent grow" autocomplete="current-password" id="blurred-overlay-sign-in-modal_session_password" name="session_password" required data-tracking-control-name="public_profile_sign-in-modal_sign-in-password" data-tracking-client-ingraph type="password"> <button aria-live="assertive" aria-relevant="text" data-id="sign-in-form__password-visibility-toggle" class="font-sans text-md font-bold text-color-action z-10 ml-[12px] hover:cursor-pointer" aria-label="Show your LinkedIn password" data-tracking-control-name="public_profile_sign-in-modal_sign-in-password-visibility-toggle-btn" type="button">Show</button> </div> </div> <p class="input-helper mt-1.5" for="blurred-overlay-sign-in-modal_session_password" role="alert" data-js-module-id="guest-input__message"></p> </div> <input name="session_redirect" value="https://www.linkedin.com/in/cssda" type="hidden">  </div> <div data-id="sign-in-form__footer" class="flex justify-between sign-in-form__footer--full-width"> <a data-id="sign-in-form__forgot-password" class="font-sans text-md font-bold link leading-regular sign-in-form__forgot-password--full-width" href="https://www.linkedin.com/uas/request-password-reset?trk=public_profile_sign-in-modal_forgot_password" data-tracking-control-name="public_profile_sign-in-modal_forgot_password" data-tracking-will-navigate>Forgot password?</a>  <input name="trk" value="public_profile_sign-in-modal_sign-in-submit" type="hidden"> <button class="btn-md btn-primary flex-shrink-0 cursor-pointer sign-in-form__submit-btn--full-width" data-id="sign-in-form__submit-btn" data-tracking-control-name="public_profile_sign-in-modal_sign-in-submit-btn" data-tracking-client-ingraph data-tracking-litms type="submit"> Sign in </button> </div> <div class="sign-in-form__divider left-right-divider pt-2 pb-3"> <p class="sign-in-form__divider-text font-sans text-sm text-color-text px-2"> or </p> </div> </form> <div class="w-full max-w-[400px] mx-auto"> <div class="google-auth-button" data-tracking-control-name="public_profile_sign-in-modal_google-auth-button" data-tracking-client-ingraph> <code id="isTermsAndConditionsSkipEnabledAuthButton" style="display: none"></code> <p class="linkedin-tc__text text-color-text-low-emphasis text-xs pb-2" data-impression-id="public_profile_sign-in-modal__button-skip-tc-text"> By clicking Continue to join or sign in, you agree to LinkedIn’s <a href="/legal/user-agreement?trk=public_profile_sign-in-modal_auth-button_user-agreement" target="_blank" data-tracking-control-name="public_profile_sign-in-modal_auth-button_user-agreement" data-tracking-will-navigate="true">User Agreement</a>, <a href="/legal/privacy-policy?trk=public_profile_sign-in-modal_auth-button_privacy-policy" target="_blank" data-tracking-control-name="public_profile_sign-in-modal_auth-button_privacy-policy" data-tracking-will-navigate="true">Privacy Policy</a>, and <a href="/legal/cookie-policy?trk=public_profile_sign-in-modal_auth-button_cookie-policy" target="_blank" data-tracking-control-name="public_profile_sign-in-modal_auth-button_cookie-policy" data-tracking-will-navigate="true">Cookie Policy</a>. </p> <div class="google-auth-button__placeholder google-auth-button__placeholder--black-border" data-theme="outline" data-logo-alignment="center"></div>  </div> </div>  <p class="sign-in-modal__join-now m-auto font-sans text-md text-color-text mt-2"> New to LinkedIn? <a href="https://www.linkedin.com/signup/public-profile-join?vieweeVanityName=cssda&trk=public_profile_sign-in-modal_join-link" data-tracking-control-name="public_profile_sign-in-modal_join-link" data-tracking-will-navigate="true" class="sign-in-modal__join-link">Join now</a> </p> </div> </div>  </section> </div> </div> </div> </div>  <div class="google-auth-button">  <div class="google-auth-button__placeholder google-auth-button__placeholder--black-border" data-theme="outline" data-logo-alignment="center"></div>  </div> </div> </div> </div> </div> </section>             <section class="core-section-container core-section-container--with-border border-b-1 border-solid border-color-border-faint py-4 activities" data-nosnippet="true" data-section="posts">  <div class="flex justify-between"> <h2 class="core-section-container__title section-title"> More activity by CSS Design </h2>  </div>   <div class="core-section-container__content break-words"> <ul data-test-id="activities__list"> <li> <div class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-main-card flex flex-wrap py-2 pr-2 babybear:pr-0 hover:show-play-button focus:show-play-button base-main-card--link main-activity-card"> <a class="base-card__full-link absolute top-0 right-0 bottom-0 left-0 p-0 z-[2]" href="https://www.linkedin.com/posts/cssda_website-of-the-month-november-2024-is-antoine-activity-7272197864074702848-H2jn" data-tracking-control-name="public_profile" data-tracking-will-navigate> <span class="sr-only"> Website of the MONTH November 2024 is Antoine Wodniack — Portfolio by Antoine Wodniack https://lnkd.in/gnJY4nhG On behalf of the judges and CSSDA… </span> </a> <div class="base-main-card__media relative w-[228px] block overflow-hidden flex-shrink-0 rounded-md hover:show-play-button focus:show-play-button h-[134px] babybear:w-full babybear:h-auto babybear:min-h-[134px] babybear:max-h-[250px]"> <img class="main-activity-card__img h-full " data-delayed-url="https://media.licdn.com/dms/image/v2/D5605AQFrnwZPiIq3Gw/videocover-high/videocover-high/0/1733827079593?e=2147483647&v=beta&t=BBXuW-G-tHwW1RNbI3AmsXZLufibNCqS7e4tJimcBvw" alt> <icon class="base-main-card__play-button w-auto overlay-center play-button" data-delayed-url="https://static-exp2.licdn.com/aero-v1/sc/h/9n9raq7fmdu241tpsxwodsmcd" data-svg-class-name="base-main-card__play-button-svg"></icon> </div> <div class="base-main-card__info self-center ml-1 flex-1 relative break-words papabear:min-w-0 mamabear:min-w-0 babybear:w-full ">  <h3 class="base-main-card__title font-sans text-[18px] font-bold text-color-text overflow-hidden "> Website of the MONTH November 2024 is Antoine Wodniack — Portfolio by Antoine Wodniack https://lnkd.in/gnJY4nhG On behalf of the judges and CSSDA… </h3> <h4 class="base-main-card__subtitle body-text text-color-text overflow-hidden "> Shared by <a href="https://www.linkedin.com/in/cssda?trk=public_profile_actor-name" data-tracking-control-name="public_profile_actor-name" data-tracking-will-navigate="true" class="hidden-nested-link">CSS Design Awards</a> </h4>   </div>  </div> </li> <li> <div class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-main-card flex flex-wrap py-2 pr-2 babybear:pr-0 hover:show-play-button focus:show-play-button base-main-card--link main-activity-card"> <a class="base-card__full-link absolute top-0 right-0 bottom-0 left-0 p-0 z-[2]" href="https://www.linkedin.com/posts/cssda_website-of-the-day-10-december-2024-gavril-activity-7272157839287025664-Snv4" data-tracking-control-name="public_profile" data-tracking-will-navigate> <span class="sr-only"> Website Of The Day 10 December 2024 Gavril Folio 24 by Gavril & Vlad Danilchenko https://lnkd.in/gkVSHGMw </span> </a> <div class="base-main-card__media relative w-[228px] block overflow-hidden flex-shrink-0 rounded-md hover:show-play-button focus:show-play-button h-[134px] babybear:w-full babybear:h-auto babybear:min-h-[134px] babybear:max-h-[250px]"> <img class="main-activity-card__img h-full " data-delayed-url="https://media.licdn.com/dms/image/v2/D5605AQGSArVyXrkrDw/videocover-high/videocover-high/0/1733817536908?e=2147483647&v=beta&t=rvahXrV_yxTaZ1gqzwYpP_U3h6YULzHViSA5zGUw_aE" alt> <icon class="base-main-card__play-button w-auto overlay-center play-button" data-delayed-url="https://static-exp2.licdn.com/aero-v1/sc/h/9n9raq7fmdu241tpsxwodsmcd" data-svg-class-name="base-main-card__play-button-svg"></icon> </div> <div class="base-main-card__info self-center ml-1 flex-1 relative break-words papabear:min-w-0 mamabear:min-w-0 babybear:w-full ">  <h3 class="base-main-card__title font-sans text-[18px] font-bold text-color-text overflow-hidden "> Website Of The Day 10 December 2024 Gavril Folio 24 by Gavril & Vlad Danilchenko https://lnkd.in/gkVSHGMw </h3> <h4 class="base-main-card__subtitle body-text text-color-text overflow-hidden "> Shared by <a href="https://www.linkedin.com/in/cssda?trk=public_profile_actor-name" data-tracking-control-name="public_profile_actor-name" data-tracking-will-navigate="true" class="hidden-nested-link">CSS Design Awards</a> </h4>   </div>  </div> </li> <li> <div class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-main-card flex flex-wrap py-2 pr-2 babybear:pr-0 base-main-card--link main-activity-card"> <a class="base-card__full-link absolute top-0 right-0 bottom-0 left-0 p-0 z-[2]" href="https://www.linkedin.com/posts/hooknotthemovie_google-has-been-a-forerunner-in-the-ai-space-activity-7270473267335806976-YqPo" data-tracking-control-name="public_profile" data-tracking-will-navigate> <span class="sr-only"> Google has been a forerunner in the AI space for over 20 years. Exciting to see that our interactive website showcasing their AI milestones was named… </span> </a> <div class="base-main-card__media relative w-[228px] block overflow-hidden flex-shrink-0 rounded-md h-[134px] babybear:w-full babybear:h-auto babybear:min-h-[134px] babybear:max-h-[250px]"> <img class="main-activity-card__img h-full " data-delayed-url="https://media.licdn.com/dms/image/v2/D4E22AQEMsN7UpA3oTg/feedshare-shrink_2048_1536/feedshare-shrink_2048_1536/0/1733415903947?e=2147483647&v=beta&t=nXbklDdtg9T26eYwzLXc6_QdOd7537CWhniEoETEiAE" alt>  </div> <div class="base-main-card__info self-center ml-1 flex-1 relative break-words papabear:min-w-0 mamabear:min-w-0 babybear:w-full ">  <h3 class="base-main-card__title font-sans text-[18px] font-bold text-color-text overflow-hidden "> Google has been a forerunner in the AI space for over 20 years. Exciting to see that our interactive website showcasing their AI milestones was named… </h3> <h4 class="base-main-card__subtitle body-text text-color-text overflow-hidden "> Liked by <a href="https://www.linkedin.com/in/cssda?trk=public_profile_actor-name" data-tracking-control-name="public_profile_actor-name" data-tracking-will-navigate="true" class="hidden-nested-link">CSS Design Awards</a> </h4>   </div>  </div> </li> <li> <div class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-main-card flex flex-wrap py-2 pr-2 babybear:pr-0 hover:show-play-button focus:show-play-button base-main-card--link main-activity-card"> <a class="base-card__full-link absolute top-0 right-0 bottom-0 left-0 p-0 z-[2]" href="https://www.linkedin.com/posts/cssda_website-of-the-day-9-december-2024-riad-mammadov-activity-7271796544503214080-Awq8" data-tracking-control-name="public_profile" data-tracking-will-navigate> <span class="sr-only"> Website Of The Day 9 December 2024 Riad Mammadov by Dmitrii Lagunov https://lnkd.in/gNqBvxtu </span> </a> <div class="base-main-card__media relative w-[228px] block overflow-hidden flex-shrink-0 rounded-md hover:show-play-button focus:show-play-button h-[134px] babybear:w-full babybear:h-auto babybear:min-h-[134px] babybear:max-h-[250px]"> <img class="main-activity-card__img h-full " data-delayed-url="https://media.licdn.com/dms/image/v2/D5605AQHodysrXNtf9Q/videocover-high/videocover-high/0/1733731396297?e=2147483647&v=beta&t=KBoUqsRBw7ylED_CZYkj8ut1fE_Ymei-z6foCTJEh-s" alt> <icon class="base-main-card__play-button w-auto overlay-center play-button" data-delayed-url="https://static-exp2.licdn.com/aero-v1/sc/h/9n9raq7fmdu241tpsxwodsmcd" data-svg-class-name="base-main-card__play-button-svg"></icon> </div> <div class="base-main-card__info self-center ml-1 flex-1 relative break-words papabear:min-w-0 mamabear:min-w-0 babybear:w-full ">  <h3 class="base-main-card__title font-sans text-[18px] font-bold text-color-text overflow-hidden "> Website Of The Day 9 December 2024 Riad Mammadov by Dmitrii Lagunov https://lnkd.in/gNqBvxtu </h3> <h4 class="base-main-card__subtitle body-text text-color-text overflow-hidden "> Shared by <a href="https://www.linkedin.com/in/cssda?trk=public_profile_actor-name" data-tracking-control-name="public_profile_actor-name" data-tracking-will-navigate="true" class="hidden-nested-link">CSS Design Awards</a> </h4>   </div>  </div> </li> <li> <div class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-main-card flex flex-wrap py-2 pr-2 babybear:pr-0 hover:show-play-button focus:show-play-button base-main-card--link main-activity-card"> <a class="base-card__full-link absolute top-0 right-0 bottom-0 left-0 p-0 z-[2]" href="https://www.linkedin.com/posts/cssda_website-of-the-day-8-december-2024-thumos-activity-7271433533863161856-0CSP" data-tracking-control-name="public_profile" data-tracking-will-navigate> <span class="sr-only"> Website Of The Day 8 December 2024 Thumos Investments by Artifact | Design Engineered https://lnkd.in/gk9r2-Uh </span> </a> <div class="base-main-card__media relative w-[228px] block overflow-hidden flex-shrink-0 rounded-md hover:show-play-button focus:show-play-button h-[134px] babybear:w-full babybear:h-auto babybear:min-h-[134px] babybear:max-h-[250px]"> <img class="main-activity-card__img h-full " data-delayed-url="https://media.licdn.com/dms/image/v2/D5605AQHOt2pQhiq4Xw/videocover-high/videocover-high/0/1733644846662?e=2147483647&v=beta&t=hprNyfuA8mqRnFdK4RP6SaSfD14jkpfizL5TI3140gw" alt> <icon class="base-main-card__play-button w-auto overlay-center play-button" data-delayed-url="https://static-exp2.licdn.com/aero-v1/sc/h/9n9raq7fmdu241tpsxwodsmcd" data-svg-class-name="base-main-card__play-button-svg"></icon> </div> <div class="base-main-card__info self-center ml-1 flex-1 relative break-words papabear:min-w-0 mamabear:min-w-0 babybear:w-full ">  <h3 class="base-main-card__title font-sans text-[18px] font-bold text-color-text overflow-hidden "> Website Of The Day 8 December 2024 Thumos Investments by Artifact | Design Engineered https://lnkd.in/gk9r2-Uh </h3> <h4 class="base-main-card__subtitle body-text text-color-text overflow-hidden "> Shared by <a href="https://www.linkedin.com/in/cssda?trk=public_profile_actor-name" data-tracking-control-name="public_profile_actor-name" data-tracking-will-navigate="true" class="hidden-nested-link">CSS Design Awards</a> </h4>   </div>  </div> </li> <li> <div class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-main-card flex flex-wrap py-2 pr-2 babybear:pr-0 hover:show-play-button focus:show-play-button base-main-card--link main-activity-card"> <a class="base-card__full-link absolute top-0 right-0 bottom-0 left-0 p-0 z-[2]" href="https://www.linkedin.com/posts/cssda_website-of-the-day-7-december-2024-q-refinish-activity-7271071783863099392-cjjU" data-tracking-control-name="public_profile" data-tracking-will-navigate> <span class="sr-only"> Website Of The Day 7 December 2024 Q Refinish by Artemii L., Elizaveta Bolotnova & George Dolgun https://lnkd.in/gu2t8fFd </span> </a> <div class="base-main-card__media relative w-[228px] block overflow-hidden flex-shrink-0 rounded-md hover:show-play-button focus:show-play-button h-[134px] babybear:w-full babybear:h-auto babybear:min-h-[134px] babybear:max-h-[250px]"> <img class="main-activity-card__img h-full " data-delayed-url="https://media.licdn.com/dms/image/v2/D5605AQHZwim_Qw21rg/videocover-high/videocover-high/0/1733558595542?e=2147483647&v=beta&t=ukuv6fhkNM6sGTGMkoXN9-2oHlj7ey9S2WyntSCezlQ" alt> <icon class="base-main-card__play-button w-auto overlay-center play-button" data-delayed-url="https://static-exp2.licdn.com/aero-v1/sc/h/9n9raq7fmdu241tpsxwodsmcd" data-svg-class-name="base-main-card__play-button-svg"></icon> </div> <div class="base-main-card__info self-center ml-1 flex-1 relative break-words papabear:min-w-0 mamabear:min-w-0 babybear:w-full ">  <h3 class="base-main-card__title font-sans text-[18px] font-bold text-color-text overflow-hidden "> Website Of The Day 7 December 2024 Q Refinish by Artemii L., Elizaveta Bolotnova & George Dolgun https://lnkd.in/gu2t8fFd </h3> <h4 class="base-main-card__subtitle body-text text-color-text overflow-hidden "> Shared by <a href="https://www.linkedin.com/in/cssda?trk=public_profile_actor-name" data-tracking-control-name="public_profile_actor-name" data-tracking-will-navigate="true" class="hidden-nested-link">CSS Design Awards</a> </h4>   </div>  </div> </li> <li> <div class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-main-card flex flex-wrap py-2 pr-2 babybear:pr-0 hover:show-play-button focus:show-play-button base-main-card--link main-activity-card"> <a class="base-card__full-link absolute top-0 right-0 bottom-0 left-0 p-0 z-[2]" href="https://www.linkedin.com/posts/cssda_website-of-the-day-6-december-2024-videoapply-activity-7270708351875854336--15L" data-tracking-control-name="public_profile" data-tracking-will-navigate> <span class="sr-only"> Website Of The Day 6 December 2024 VideoApply by Vide Infra https://lnkd.in/gnjteRiF </span> </a> <div class="base-main-card__media relative w-[228px] block overflow-hidden flex-shrink-0 rounded-md hover:show-play-button focus:show-play-button h-[134px] babybear:w-full babybear:h-auto babybear:min-h-[134px] babybear:max-h-[250px]"> <img class="main-activity-card__img h-full " data-delayed-url="https://media.licdn.com/dms/image/v2/D5605AQFsHlmX3Vn2TA/videocover-high/videocover-high/0/1733471950208?e=2147483647&v=beta&t=FfIzWoj_kf_JOlwONADqZoln2wN82IAEvfQQHNK4klU" alt> <icon class="base-main-card__play-button w-auto overlay-center play-button" data-delayed-url="https://static-exp2.licdn.com/aero-v1/sc/h/9n9raq7fmdu241tpsxwodsmcd" data-svg-class-name="base-main-card__play-button-svg"></icon> </div> <div class="base-main-card__info self-center ml-1 flex-1 relative break-words papabear:min-w-0 mamabear:min-w-0 babybear:w-full ">  <h3 class="base-main-card__title font-sans text-[18px] font-bold text-color-text overflow-hidden "> Website Of The Day 6 December 2024 VideoApply by Vide Infra https://lnkd.in/gnjteRiF </h3> <h4 class="base-main-card__subtitle body-text text-color-text overflow-hidden "> Shared by <a href="https://www.linkedin.com/in/cssda?trk=public_profile_actor-name" data-tracking-control-name="public_profile_actor-name" data-tracking-will-navigate="true" class="hidden-nested-link">CSS Design Awards</a> </h4>   </div>  </div> </li> <li> <div class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-main-card flex flex-wrap py-2 pr-2 babybear:pr-0 base-main-card--link main-activity-card"> <a class="base-card__full-link absolute top-0 right-0 bottom-0 left-0 p-0 z-[2]" href="https://www.linkedin.com/posts/asmallstudio_new-valley-labs-css-design-awards-activity-7270535420159963138-gNlC" data-tracking-control-name="public_profile" data-tracking-will-navigate> <span class="sr-only"> It is only natural that the @New Valley Labs website is nominated for the CSS Design Awards Site of the Day, and it is even more natural (if you're… </span> </a> <div class="base-main-card__media relative w-[228px] block overflow-hidden flex-shrink-0 rounded-md h-[134px] babybear:w-full babybear:h-auto babybear:min-h-[134px] babybear:max-h-[250px]"> <img class="main-activity-card__img h-full " data-delayed-url="https://media.licdn.com/dms/image/sync/v2/D4E27AQGR0qAKqSsJtQ/articleshare-shrink_1280_800/articleshare-shrink_1280_800/0/1733428426660?e=2147483647&v=beta&t=sVrYwcLSZsiZUPqDoRJc9uZd8VvhN2vOFXyB5x9EVeY" alt>  </div> <div class="base-main-card__info self-center ml-1 flex-1 relative break-words papabear:min-w-0 mamabear:min-w-0 babybear:w-full ">  <h3 class="base-main-card__title font-sans text-[18px] font-bold text-color-text overflow-hidden "> It is only natural that the @New Valley Labs website is nominated for the CSS Design Awards Site of the Day, and it is even more natural (if you're… </h3> <h4 class="base-main-card__subtitle body-text text-color-text overflow-hidden "> Liked by <a href="https://www.linkedin.com/in/cssda?trk=public_profile_actor-name" data-tracking-control-name="public_profile_actor-name" data-tracking-will-navigate="true" class="hidden-nested-link">CSS Design Awards</a> </h4>   </div>  </div> </li> <li> <div class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-main-card flex flex-wrap py-2 pr-2 babybear:pr-0 hover:show-play-button focus:show-play-button base-main-card--link main-activity-card"> <a class="base-card__full-link absolute top-0 right-0 bottom-0 left-0 p-0 z-[2]" href="https://www.linkedin.com/posts/cssda_website-of-the-day-5-december-2024-daniel-activity-7270346146949062656-Od4P" data-tracking-control-name="public_profile" data-tracking-will-navigate> <span class="sr-only"> Website Of The Day 5 December 2024 Daniel Vaszka — Portfolio 2024 by Daniel Vaszka & Shaban Iddrisu https://lnkd.in/gtRfWruK </span> </a> <div class="base-main-card__media relative w-[228px] block overflow-hidden flex-shrink-0 rounded-md hover:show-play-button focus:show-play-button h-[134px] babybear:w-full babybear:h-auto babybear:min-h-[134px] babybear:max-h-[250px]"> <img class="main-activity-card__img h-full " data-delayed-url="https://media.licdn.com/dms/image/v2/D5605AQFi5xI38BdEcQ/videocover-high/videocover-high/0/1733385593252?e=2147483647&v=beta&t=SxR0Y6duqsgBepS-ilH21FBDDJLxW4dtTisCS-nltIU" alt> <icon class="base-main-card__play-button w-auto overlay-center play-button" data-delayed-url="https://static-exp2.licdn.com/aero-v1/sc/h/9n9raq7fmdu241tpsxwodsmcd" data-svg-class-name="base-main-card__play-button-svg"></icon> </div> <div class="base-main-card__info self-center ml-1 flex-1 relative break-words papabear:min-w-0 mamabear:min-w-0 babybear:w-full ">  <h3 class="base-main-card__title font-sans text-[18px] font-bold text-color-text overflow-hidden "> Website Of The Day 5 December 2024 Daniel Vaszka — Portfolio 2024 by Daniel Vaszka & Shaban Iddrisu https://lnkd.in/gtRfWruK </h3> <h4 class="base-main-card__subtitle body-text text-color-text overflow-hidden "> Shared by <a href="https://www.linkedin.com/in/cssda?trk=public_profile_actor-name" data-tracking-control-name="public_profile_actor-name" data-tracking-will-navigate="true" class="hidden-nested-link">CSS Design Awards</a> </h4>   </div>  </div> </li> </ul>  </div> </section>  <section class="core-section-container my-3 bottom-cta-banner">    <div class="core-section-container__content break-words"> <section class="hidden-summary container-lined p-3 overflow-hidden babybear:p-2" data-impression-id="public_profile_bottom-cta-banner_guest_hidden_summary"> <h2 class="hidden-summary__title text-xl text-color-text overflow-hidden break-words mb-2 leading-regular font-normal"> View CSS Design’s full profile </h2> <ul class="hidden-summary__summary-items"> <li class="hidden-summary__summary-item flex text-md text-color-text font-normal leading-open items-center mb-1.5 last:mb-0"> <div class="hidden-summary__summary-item-icon-container flex items-center justify-center shrink-0 mr-1"> <icon class="hidden-summary__summary-item-icon h-2 w-2 " alt data-delayed-url="https://static-exp2.licdn.com/aero-v1/sc/h/au8rc359lanmyfaah39izyss1"></icon> </div> <span class="hidden-summary__summary-item-text overflow-hidden break-words"> See who you know in common </span> </li> <li class="hidden-summary__summary-item flex text-md text-color-text font-normal leading-open items-center mb-1.5 last:mb-0"> <div class="hidden-summary__summary-item-icon-container flex items-center justify-center shrink-0 mr-1"> <icon class="hidden-summary__summary-item-icon h-2 w-2 " alt data-delayed-url="https://static-exp2.licdn.com/aero-v1/sc/h/bk9h057z1lch588recizysfdc"></icon> </div> <span class="hidden-summary__summary-item-text overflow-hidden break-words"> Get introduced </span> </li> <li class="hidden-summary__summary-item flex text-md text-color-text font-normal leading-open items-center mb-1.5 last:mb-0"> <div class="hidden-summary__summary-item-icon-container flex items-center justify-center shrink-0 mr-1"> <icon class="hidden-summary__summary-item-icon h-2 w-2 " alt data-delayed-url="https://static-exp2.licdn.com/aero-v1/sc/h/engl6kavv3716laqjpfbilqqt"></icon> </div> <span class="hidden-summary__summary-item-text overflow-hidden break-words"> Contact CSS Design directly </span> </li> </ul> <a class="hidden-summary__cta hidden-summary__cta--secondary btn-sm !text-[16px] btn-secondary-emphasis inline-block mt-3 mr-1.5" href="https://www.linkedin.com/signup/public-profile-join?vieweeVanityName=cssda&trk=public_profile_bottom-cta-banner" data-tracking-control-name="public_profile_bottom-cta-banner" data-tracking-will-navigate> Join to view full profile </a> </section> </div> </section> </section> </div> </section> <section class="right-rail papabear:w-right-rail-width papabear:ml-column-gutter mamabear:max-w-[790px] mamabear:px-mobile-container-padding babybear:max-w-[790px] babybear:px-mobile-container-padding">   <section class="aside-section-container mb-4 related-posts" data-nosnippet="true"> <h2 class="aside-section-container__title section-title"> Explore more posts </h2>  <div class="aside-section-container__content break-words"> <div class="show-more-less aside-entities-list">  <ul data-max-num-to-show="4" class="show-more-less__list show-more-less__list--hide-after-4" data-impression-id="public_profile_relatedPosts_show-more-less"> <li class="border-b-1 border-solid border-color-divider max-w-[360px] mb-1"> <div class="aside-activity-card pb-1"> <a href="https://www.linkedin.com/company/sleon-productions?trk=public_profile_relatedPosts_face-pile-cta" target="_self" data-tracking-control-name="full-link" data-tracking-will-navigate class="face-pile flex !no-underline"> <div class="face-pile__images-container self-start flex-shrink-0 mr-1 leading-[1]"> <img class="inline-block relative rounded-[50%] w-4 h-4 face-pile__image border-1 border-solid border-color-transparent -ml-2 first:ml-0" data-delayed-url="https://media.licdn.com/dms/image/v2/D4E0BAQGoe8zKK2jtTQ/company-logo_100_100/company-logo_100_100/0/1725045817429/sleon_productions_logo?e=2147483647&v=beta&t=ezIj_Oim4gkkbjXc-eDqQe3-xT5tnvUbqThNFHqQX94" data-ghost-classes="bg-color-entity-ghost-background" data-ghost-url="https://static-exp2.licdn.com/aero-v1/sc/h/9c8pery4andzj6ohjkjp54ma2" alt> </div> <p class="face-pile__text self-center font-sans text-sm link-styled hover:underline"> sleon productions </p> </a> <a href="https://www.linkedin.com/posts/sleon-productions_digitalbranding-innovation-webdevelopment-activity-7213542769535913984-mgz8?trk=public_profile_relatedPosts" target="_self" data-tracking-control-name="public_profile_relatedPosts" data-tracking-will-navigate class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-aside-card flex my-1.5 base-aside-card--link mt-0 mb-0.5">   <div class="base-aside-card__info self-center pl-0.5 flex flex-col flex-1"> <h3 class="base-aside-card__title font-sans text-md font-bold text-color-text relative">  </h3> <p class="base-aside-card__subtitle font-sans text-sm text-color-text leading-open mt-0.5 break-words overflow-anywhere line-clamp-2"> Do these 5 things every day, and you’ll be wildly successful. Explore our client portfolio to see how we innovate digital branding for businesses in South Florida. Share your thoughts or experiences in the comments! #DigitalBranding #Innovation #WebDevelopment #webdev #webdesign #appdevelopment </p>   <div class="base-aside-card__metadata font-sans text-sm leading-open font-regular text-color-text-low-emphasis mt-0.5"> <code id="i18n_reaction_singular" style="display: none"></code> <code id="i18n_reactions_plural" style="display: none"></code>  </div>  </div> <div class="base-aside-card__media flex-shrink-0 mr-0.5 overflow-hidden relative rounded-md h-[75px] w-[75px] base-aside-card__media--right"> <img alt="Do these 5 things every day, and you’ll be wildly successful. Explore our client portfolio to see how we innovate digital branding for businesses in South Florida. Share your thoughts or experiences in the comments! #DigitalBranding #Innovation #WebDevelopment #webdev #webdesign #appdevelopment" aria-hidden="true" data-delayed-url="https://media.licdn.com/dms/image/v2/D4E10AQFyvaYYlEuscA/image-shrink_1280/image-shrink_1280/0/1719842614905?e=2147483647&v=beta&t=L7Ek79WZNSfIQVUzyc35ftIRNyZ5vnEeVRW7I1AhJrs">  </div> </a> </div> </li> <li class="border-b-1 border-solid border-color-divider max-w-[360px] mb-1"> <div class="aside-activity-card "> <a href="https://uk.linkedin.com/company/driftime?trk=public_profile_relatedPosts_face-pile-cta" target="_self" data-tracking-control-name="full-link" data-tracking-will-navigate class="face-pile flex !no-underline"> <div class="face-pile__images-container self-start flex-shrink-0 mr-1 leading-[1]"> <img class="inline-block relative rounded-[50%] w-4 h-4 face-pile__image border-1 border-solid border-color-transparent -ml-2 first:ml-0" data-delayed-url="https://media.licdn.com/dms/image/v2/D4E0BAQHN0JXhBra3sQ/company-logo_100_100/company-logo_100_100/0/1694594879130/driftime_logo?e=2147483647&v=beta&t=3WwKUCZnQdqk7R_-4NF8RCXN7jl2NrddAHfZiKjsZnA" data-ghost-classes="bg-color-entity-ghost-background" data-ghost-url="https://static-exp2.licdn.com/aero-v1/sc/h/9c8pery4andzj6ohjkjp54ma2" alt> </div> <p class="face-pile__text self-center font-sans text-sm link-styled hover:underline"> Driftime® – A Design & Impact Agency </p> </a> <a href="https://www.linkedin.com/posts/driftime_bcorp-driftime-designlayers-activity-7245043879597457408-a3nC?trk=public_profile_relatedPosts" target="_self" data-tracking-control-name="public_profile_relatedPosts" data-tracking-will-navigate class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-aside-card flex my-1.5 base-aside-card--link mt-0 mb-0.5">   <div class="base-aside-card__info self-center pl-0.5 flex flex-col flex-1"> <h3 class="base-aside-card__title font-sans text-md font-bold text-color-text relative">  </h3> <p class="base-aside-card__subtitle font-sans text-sm text-color-text leading-open mt-0.5 break-words overflow-anywhere line-clamp-2"> Are you ready for Design Layers?! 🔥 Driftime® – A Design & Impact Agency’s CCO Abb-d Taiyo will be speaking at Readymag’s Design Layers conference Thursday October 10th! 🥳 Design Layers is a free virtual conference by the design tool for creating outstanding websites. Abb-d will discuss how shared risk influences a people-centric approach for clients, leading to big-picture success through increased value, higher talent retention, and greater impact. All whilst exploring how Driftime has applied a balance of ethics, creativity, and business through our people and the impact of our work 💪 Drop into the comments for a link to register for Readymag’s Design Layers conference... 🤩 #bcorp #driftime #designlayers #readymag #ethics #talentretention #impact #success #creativity #businessgoals </p>   <div class="base-aside-card__metadata font-sans text-sm leading-open font-regular text-color-text-low-emphasis mt-0.5"> <code id="i18n_reaction_singular" style="display: none"></code> <code id="i18n_reactions_plural" style="display: none"></code> <div class="flex items-center font-sans text-sm babybear:text-xs aside-activity-card__social-actions -mt-0.5"> <div class="flex items-center font-normal text-color-text-low-emphasis no-underline visited:text-color-text-low-emphasis my-1" role="button" aria-label="14 Reactions" data-test-id="social-actions__reactions" data-id="social-actions__reactions" data-num-reactions="14" data-singular="%numReactions%" data-plural="%numReactions%" tabindex="0"> <img alt data-reaction-type="LIKE" data-delayed-url="https://static-exp2.licdn.com/aero-v1/sc/h/9sun4diznbhgyelaeryxy75ur" height="16px" width="16px"> <img alt data-reaction-type="PRAISE" data-delayed-url="https://static-exp2.licdn.com/aero-v1/sc/h/cjrxeu0ese8oxe32kiom8kzoh" height="16px" width="16px"> <img alt data-reaction-type="EMPATHY" data-delayed-url="https://static-exp2.licdn.com/aero-v1/sc/h/37hg81qnm85dsy5mbqfifg9qs" height="16px" width="16px"> <span aria-hidden="true" class="font-normal ml-0.5" data-test-id="social-actions__reaction-count"> 14 </span> </div> <code id="social-actions__reaction-image-APPRECIATION" style="display: none"></code>  <code id="social-actions__reaction-image-EMPATHY" style="display: none"></code> <code id="social-actions__reaction-image-ENTERTAINMENT" style="display: none"></code>  <code id="social-actions__reaction-image-INTEREST" style="display: none"></code> <code id="social-actions__reaction-image-LIKE" style="display: none"></code> <code id="social-actions__reaction-image-MAYBE" style="display: none"></code> <code id="social-actions__reaction-image-PRAISE" style="display: none"></code>  <div class="flex items-center font-normal text-color-text-low-emphasis no-underline visited:text-color-text-low-emphasis before:middot my-1" data-test-id="social-actions__comments" data-id="social-actions__comments" data-num-comments="2" data-singular="%numComments% Comment" data-plural="%numComments% Comments"> 2 Comments </div>  </div> </div>  </div> <div class="base-aside-card__media flex-shrink-0 mr-0.5 overflow-hidden relative rounded-md h-[75px] w-[75px] base-aside-card__media--right"> <img alt="Are you ready for Design Layers?! 🔥 Driftime® – A Design & Impact Agency’s CCO Abb-d Taiyo will be speaking at Readymag’s Design Layers conference Thursday October 10th! 🥳 Design Layers is a free virtual conference by the design tool for creating outstanding websites. Abb-d will discuss how shared risk influences a people-centric approach for clients, leading to big-picture success through increased value, higher talent retention, and greater impact. All whilst exploring how Driftime has applied a balance of ethics, creativity, and business through our people and the impact of our work 💪 Drop into the comments for a link to register for Readymag’s Design Layers conference... 🤩 #bcorp #driftime #designlayers #readymag #ethics #talentretention #impact #success #creativity #businessgoals " aria-hidden="true" data-delayed-url="https://media.licdn.com/dms/image/v2/D4E05AQEXp1Qeh7o4CA/videocover-high/videocover-high/0/1727353040127?e=2147483647&v=beta&t=Zx7lTYIqZ8G-y4V7EcaVOp24GbNs-qKrlEty9HEy0ZY">  </div> </a> </div> </li> <li class="border-b-1 border-solid border-color-divider max-w-[360px] mb-1"> <div class="aside-activity-card pb-1"> <a href="https://za.linkedin.com/company/mzansimagazine?trk=public_profile_relatedPosts_face-pile-cta" target="_self" data-tracking-control-name="full-link" data-tracking-will-navigate class="face-pile flex !no-underline"> <div class="face-pile__images-container self-start flex-shrink-0 mr-1 leading-[1]"> <img class="inline-block relative rounded-[50%] w-4 h-4 face-pile__image border-1 border-solid border-color-transparent -ml-2 first:ml-0" data-delayed-url="https://media.licdn.com/dms/image/v2/D4D0BAQFFVXUTnDh9CQ/company-logo_100_100/company-logo_100_100/0/1690537470815?e=2147483647&v=beta&t=O2RsnUX2jIjXX6XytMmKjCKFWfFYgBydlaYJ7cLYH7U" data-ghost-classes="bg-color-entity-ghost-background" data-ghost-url="https://static-exp2.licdn.com/aero-v1/sc/h/9c8pery4andzj6ohjkjp54ma2" alt> </div> <p class="face-pile__text self-center font-sans text-sm link-styled hover:underline"> Mzansi Magazine </p> </a> <a href="https://www.linkedin.com/posts/mzansimagazine_identity-design-masterclass-a-z-video-masterclass-activity-7252385957176352768-S8Yj?trk=public_profile_relatedPosts" target="_self" data-tracking-control-name="public_profile_relatedPosts" data-tracking-will-navigate class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-aside-card flex my-1.5 base-aside-card--link mt-0 mb-0.5">   <div class="base-aside-card__info self-center pl-0.5 flex flex-col flex-1"> <h3 class="base-aside-card__title font-sans text-md font-bold text-color-text relative">  </h3> <p class="base-aside-card__subtitle font-sans text-sm text-color-text leading-open mt-0.5 break-words overflow-anywhere line-clamp-2"> Identity Design Masterclass: A-Z Video Masterclass Series Embark on a transformative journey into the realm of design with the "Identity Design Masterclass: A-Z Video Masterclass Series." This comprehensive series consists of 26 meticulously crafted videos that cover the A to Z of design principles... #IllustratorTutorial #LogoDesign </p>   <div class="base-aside-card__metadata font-sans text-sm leading-open font-regular text-color-text-low-emphasis mt-0.5"> <code id="i18n_reaction_singular" style="display: none"></code> <code id="i18n_reactions_plural" style="display: none"></code>  </div>  </div> <div class="base-aside-card__media flex-shrink-0 mr-0.5 overflow-hidden relative rounded-md h-[75px] w-[75px] base-aside-card__media--right"> <img alt="Identity Design Masterclass: A-Z Video Masterclass Series Embark on a transformative journey into the realm of design with the "Identity Design Masterclass: A-Z Video Masterclass Series." This comprehensive series consists of 26 meticulously crafted videos that cover the A to Z of design principles... #IllustratorTutorial #LogoDesign" aria-hidden="true" data-delayed-url="https://media.licdn.com/dms/image/v2/D4D10AQEYB3rZLvKyHg/image-shrink_1280/image-shrink_1280/0/1729103554235?e=2147483647&v=beta&t=5D-lp_io3Myr_Qg8j6vLOy0WC00BwEHr_TEVDBlTlEk">  </div> </a> </div> </li> <li class="border-b-1 border-solid border-color-divider max-w-[360px] mb-1"> <div class="aside-activity-card pb-1"> <a href="https://za.linkedin.com/company/wartenweg?trk=public_profile_relatedPosts_face-pile-cta" target="_self" data-tracking-control-name="full-link" data-tracking-will-navigate class="face-pile flex !no-underline"> <div class="face-pile__images-container self-start flex-shrink-0 mr-1 leading-[1]"> <img class="inline-block relative rounded-[50%] w-4 h-4 face-pile__image border-1 border-solid border-color-transparent -ml-2 first:ml-0" data-delayed-url="https://media.licdn.com/dms/image/v2/D4D0BAQGHiy2d_HwHMQ/company-logo_100_100/company-logo_100_100/0/1733034786024?e=2147483647&v=beta&t=5NZK6SA3MRzmFjyW0cWnMNC-z3yqkRtAzGJahuRnrJI" data-ghost-classes="bg-color-entity-ghost-background" data-ghost-url="https://static-exp2.licdn.com/aero-v1/sc/h/9c8pery4andzj6ohjkjp54ma2" alt> </div> <p class="face-pile__text self-center font-sans text-sm link-styled hover:underline"> Warten Weg </p> </a> <a href="https://www.linkedin.com/posts/wartenweg_identity-design-masterclass-a-z-video-masterclass-activity-7252391670040645633-cciz?trk=public_profile_relatedPosts" target="_self" data-tracking-control-name="public_profile_relatedPosts" data-tracking-will-navigate class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-aside-card flex my-1.5 base-aside-card--link mt-0 mb-0.5">   <div class="base-aside-card__info self-center pl-0.5 flex flex-col flex-1"> <h3 class="base-aside-card__title font-sans text-md font-bold text-color-text relative">  </h3> <p class="base-aside-card__subtitle font-sans text-sm text-color-text leading-open mt-0.5 break-words overflow-anywhere line-clamp-2"> Identity Design Masterclass: A-Z Video Masterclass Series Embark on a transformative journey into the realm of design with the "Identity Design Masterclass: A-Z Video Masterclass Series." This comprehensive series consists of 26 meticulously crafted videos that cover the A to Z of design principles... #IllustratorTutorial #LogoDesign </p>   <div class="base-aside-card__metadata font-sans text-sm leading-open font-regular text-color-text-low-emphasis mt-0.5"> <code id="i18n_reaction_singular" style="display: none"></code> <code id="i18n_reactions_plural" style="display: none"></code>  </div>  </div> <div class="base-aside-card__media flex-shrink-0 mr-0.5 overflow-hidden relative rounded-md h-[75px] w-[75px] base-aside-card__media--right"> <img alt="Identity Design Masterclass: A-Z Video Masterclass Series Embark on a transformative journey into the realm of design with the "Identity Design Masterclass: A-Z Video Masterclass Series." This comprehensive series consists of 26 meticulously crafted videos that cover the A to Z of design principles... #IllustratorTutorial #LogoDesign" aria-hidden="true" data-delayed-url="https://media.licdn.com/dms/image/v2/D4D10AQEhrC4-DIQ3pg/image-shrink_1280/image-shrink_1280/0/1729104916260?e=2147483647&v=beta&t=6Ya53Czqn45RXJ6MJn5-VPHHauawm-r2UAcbyjktGWQ">  </div> </a> </div> </li> <li class="border-b-1 border-solid border-color-divider max-w-[360px] mb-1"> <div class="aside-activity-card "> <a href="https://www.linkedin.com/company/tbhcreative?trk=public_profile_relatedPosts_face-pile-cta" target="_self" data-tracking-control-name="full-link" data-tracking-will-navigate class="face-pile flex !no-underline"> <div class="face-pile__images-container self-start flex-shrink-0 mr-1 leading-[1]"> <img class="inline-block relative rounded-[50%] w-4 h-4 face-pile__image border-1 border-solid border-color-transparent -ml-2 first:ml-0" data-delayed-url="https://media.licdn.com/dms/image/v2/D4E0BAQHfvFw_kJ_4Cg/company-logo_100_100/company-logo_100_100/0/1729198721099/tbhcreative_logo?e=2147483647&v=beta&t=ofIcC-53nbuv7beqate5A7KQp0KC9FErG4hSItS752I" data-ghost-classes="bg-color-entity-ghost-background" data-ghost-url="https://static-exp2.licdn.com/aero-v1/sc/h/9c8pery4andzj6ohjkjp54ma2" alt> </div> <p class="face-pile__text self-center font-sans text-sm link-styled hover:underline"> TBH Creative </p> </a> <a href="https://www.linkedin.com/posts/tbhcreative_logodesign-branding-graphicdesign-activity-7237804486662983680-65ON?trk=public_profile_relatedPosts" target="_self" data-tracking-control-name="public_profile_relatedPosts" data-tracking-will-navigate class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-aside-card flex my-1.5 base-aside-card--link mt-0 mb-0.5">   <div class="base-aside-card__info self-center pl-0.5 flex flex-col flex-1"> <h3 class="base-aside-card__title font-sans text-md font-bold text-color-text relative">  </h3> <p class="base-aside-card__subtitle font-sans text-sm text-color-text leading-open mt-0.5 break-words overflow-anywhere line-clamp-2"> Learn how and why to design a digital-first logo → https://bit.ly/3ArXai8 #LogoDesign #Branding #GraphicDesign </p>   <div class="base-aside-card__metadata font-sans text-sm leading-open font-regular text-color-text-low-emphasis mt-0.5"> <code id="i18n_reaction_singular" style="display: none"></code> <code id="i18n_reactions_plural" style="display: none"></code> <div class="flex items-center font-sans text-sm babybear:text-xs aside-activity-card__social-actions -mt-0.5"> <div class="flex items-center font-normal text-color-text-low-emphasis no-underline visited:text-color-text-low-emphasis my-1" role="button" aria-label="3 Reactions" data-test-id="social-actions__reactions" data-id="social-actions__reactions" data-num-reactions="3" data-singular="%numReactions%" data-plural="%numReactions%" tabindex="0"> <img alt data-reaction-type="LIKE" data-delayed-url="https://static-exp2.licdn.com/aero-v1/sc/h/9sun4diznbhgyelaeryxy75ur" height="16px" width="16px"> <span aria-hidden="true" class="font-normal ml-0.5" data-test-id="social-actions__reaction-count"> 3 </span> </div> <code id="social-actions__reaction-image-APPRECIATION" style="display: none"></code>  <code id="social-actions__reaction-image-EMPATHY" style="display: none"></code> <code id="social-actions__reaction-image-ENTERTAINMENT" style="display: none"></code>  <code id="social-actions__reaction-image-INTEREST" style="display: none"></code> <code id="social-actions__reaction-image-LIKE" style="display: none"></code> <code id="social-actions__reaction-image-MAYBE" style="display: none"></code> <code id="social-actions__reaction-image-PRAISE" style="display: none"></code>  </div> </div>  </div> <div class="base-aside-card__media flex-shrink-0 mr-0.5 overflow-hidden relative rounded-md h-[75px] w-[75px] base-aside-card__media--right"> <img alt="Learn how and why to design a digital-first logo → https://bit.ly/3ArXai8 #LogoDesign #Branding #GraphicDesign" aria-hidden="true" data-delayed-url="https://media.licdn.com/dms/image/v2/D4E10AQEf8uA4isyDIA/image-shrink_1280/image-shrink_1280/0/1725627061134?e=2147483647&v=beta&t=yhhl7-CxIfFta4w5lVBmCt9y_r-9soMnKYFG6A_OV9w">  </div> </a> </div> </li> <li class="border-b-1 border-solid border-color-divider max-w-[360px] mb-1"> <div class="aside-activity-card pb-1"> <a href="https://nz.linkedin.com/company/wonderlab-limited?trk=public_profile_relatedPosts_face-pile-cta" target="_self" data-tracking-control-name="full-link" data-tracking-will-navigate class="face-pile flex !no-underline"> <div class="face-pile__images-container self-start flex-shrink-0 mr-1 leading-[1]"> <img class="inline-block relative rounded-[50%] w-4 h-4 face-pile__image border-1 border-solid border-color-transparent -ml-2 first:ml-0" data-delayed-url="https://media.licdn.com/dms/image/v2/C560BAQHXZSheZrjBWg/company-logo_100_100/company-logo_100_100/0/1631434027305/wonderlab_limited_logo?e=2147483647&v=beta&t=VOaOQ5c1mLCL4ornOaki318AZnwq9yaWrlt6v8RpmkE" data-ghost-classes="bg-color-entity-ghost-background" data-ghost-url="https://static-exp2.licdn.com/aero-v1/sc/h/9c8pery4andzj6ohjkjp54ma2" alt> </div> <p class="face-pile__text self-center font-sans text-sm link-styled hover:underline"> WONDERLAB </p> </a> <a href="https://www.linkedin.com/posts/wonderlab-limited_uxdesign-branddesign-webdesign-activity-7222205428745523200-uIRI?trk=public_profile_relatedPosts" target="_self" data-tracking-control-name="public_profile_relatedPosts" data-tracking-will-navigate class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-aside-card flex my-1.5 base-aside-card--link mt-0 mb-0.5">   <div class="base-aside-card__info self-center pl-0.5 flex flex-col flex-1"> <h3 class="base-aside-card__title font-sans text-md font-bold text-color-text relative">  </h3> <p class="base-aside-card__subtitle font-sans text-sm text-color-text leading-open mt-0.5 break-words overflow-anywhere line-clamp-2"> "The Portal has an intricate map system that allows users to drill down into more and more detailed natural hazard data information. Using known conventions helped make navigating around less daunting and conveniently familiar. " https://lttr.ai/AVGPu #UXDesign #BrandDesign #WebDesign #CustomerJourneyMap #NaturalHazardsPortal #AddressingClimateChange </p>   <div class="base-aside-card__metadata font-sans text-sm leading-open font-regular text-color-text-low-emphasis mt-0.5"> <code id="i18n_reaction_singular" style="display: none"></code> <code id="i18n_reactions_plural" style="display: none"></code>  </div>  </div> <div class="base-aside-card__media flex-shrink-0 mr-0.5 overflow-hidden relative rounded-md h-[75px] w-[75px] base-aside-card__media--right"> <img alt=""The Portal has an intricate map system that allows users to drill down into more and more detailed natural hazard data information. Using known conventions helped make navigating around less daunting and conveniently familiar. " https://lttr.ai/AVGPu #UXDesign #BrandDesign #WebDesign #CustomerJourneyMap #NaturalHazardsPortal #AddressingClimateChange" aria-hidden="true" data-delayed-url="https://media.licdn.com/dms/image/v2/D5610AQEegNNIy4IXCQ/image-shrink_1280/image-shrink_1280/0/1721907945474?e=2147483647&v=beta&t=Lq7rnBArqjXiIDmVqDwoBTPDUTz1IZgSHBiwRG7G3l8">  </div> </a> </div> </li> <li class="border-b-1 border-solid border-color-divider max-w-[360px] mb-1"> <div class="aside-activity-card "> <a href="https://uk.linkedin.com/company/cake-design-studio?trk=public_profile_relatedPosts_face-pile-cta" target="_self" data-tracking-control-name="full-link" data-tracking-will-navigate class="face-pile flex !no-underline"> <div class="face-pile__images-container self-start flex-shrink-0 mr-1 leading-[1]"> <img class="inline-block relative rounded-[50%] w-4 h-4 face-pile__image border-1 border-solid border-color-transparent -ml-2 first:ml-0" data-delayed-url="https://media.licdn.com/dms/image/v2/D4D0BAQHyvYWHJpMMEg/company-logo_100_100/company-logo_100_100/0/1730935388562/cake_content_logo?e=2147483647&v=beta&t=Zse2x-O8Y0ohDUGzYB1OHDD8mJDkjTSXybKEKMZ1xQY" data-ghost-classes="bg-color-entity-ghost-background" data-ghost-url="https://static-exp2.licdn.com/aero-v1/sc/h/9c8pery4andzj6ohjkjp54ma2" alt> </div> <p class="face-pile__text self-center font-sans text-sm link-styled hover:underline"> Cake Design Studio </p> </a> <a href="https://www.linkedin.com/posts/cake-design-studio_ux-designers-activity-7251595495750471686-SmGX?trk=public_profile_relatedPosts" target="_self" data-tracking-control-name="public_profile_relatedPosts" data-tracking-will-navigate class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-aside-card flex my-1.5 base-aside-card--link mt-0 mb-0.5">   <div class="base-aside-card__info self-center pl-0.5 flex flex-col flex-1"> <h3 class="base-aside-card__title font-sans text-md font-bold text-color-text relative">  </h3> <p class="base-aside-card__subtitle font-sans text-sm text-color-text leading-open mt-0.5 break-words overflow-anywhere line-clamp-2"> Check out 1 #UXDesigner from the Cake Design Studio unagency. The #UCDFreelancers and contractors directory now lists 22 professionals! 🔗 #UCD #UserCentredDesign #Design #Digital #NonDigital #EndToEndServices #DigitalTransformation #ServiceDesign #UserResearch #Data #DataArchitecture #ContentStrategy #ContentDesign #InformationDesign #UX </p>   <div class="base-aside-card__metadata font-sans text-sm leading-open font-regular text-color-text-low-emphasis mt-0.5"> <code id="i18n_reaction_singular" style="display: none"></code> <code id="i18n_reactions_plural" style="display: none"></code> <div class="flex items-center font-sans text-sm babybear:text-xs aside-activity-card__social-actions -mt-0.5">  <div class="flex items-center font-normal text-color-text-low-emphasis no-underline visited:text-color-text-low-emphasis my-1" data-test-id="social-actions__comments" data-id="social-actions__comments" data-num-comments="1" data-singular="%numComments% Comment" data-plural="%numComments% Comments"> 1 Comment </div>  </div> </div>  </div> <div class="base-aside-card__media flex-shrink-0 mr-0.5 overflow-hidden relative rounded-md h-[75px] w-[75px] base-aside-card__media--right"> <img alt="Check out 1 #UXDesigner from the Cake Design Studio unagency. The #UCDFreelancers and contractors directory now lists 22 professionals! 🔗 #UCD #UserCentredDesign #Design #Digital #NonDigital #EndToEndServices #DigitalTransformation #ServiceDesign #UserResearch #Data #DataArchitecture #ContentStrategy #ContentDesign #InformationDesign #UX" aria-hidden="true" data-delayed-url="https://media.licdn.com/dms/image/sync/v2/D4E27AQEqTr1EEwYKtw/articleshare-shrink_800/articleshare-shrink_800/0/1728915039881?e=2147483647&v=beta&t=-Iu-BclV--eYYe2XHW0lGqqCFeheBb-ALMS4DOs20Ec">  </div> </a> </div> </li> <li class="border-b-1 border-solid border-color-divider max-w-[360px] mb-1"> <div class="aside-activity-card "> <a href="https://www.linkedin.com/company/agency-ux?trk=public_profile_relatedPosts_face-pile-cta" target="_self" data-tracking-control-name="full-link" data-tracking-will-navigate class="face-pile flex !no-underline"> <div class="face-pile__images-container self-start flex-shrink-0 mr-1 leading-[1]"> <img class="inline-block relative rounded-[50%] w-4 h-4 face-pile__image border-1 border-solid border-color-transparent -ml-2 first:ml-0" data-delayed-url="https://media.licdn.com/dms/image/v2/C560BAQFKa4unziY_OA/company-logo_100_100/company-logo_100_100/0/1630601876437/agency_ux_logo?e=2147483647&v=beta&t=2dy_4eFzw-44cAHZH9Ss79KrSIWfZDExy6lqNhIUgXM" data-ghost-classes="bg-color-entity-ghost-background" data-ghost-url="https://static-exp2.licdn.com/aero-v1/sc/h/9c8pery4andzj6ohjkjp54ma2" alt> </div> <p class="face-pile__text self-center font-sans text-sm link-styled hover:underline"> Agency UX </p> </a> <a href="https://www.linkedin.com/posts/agency-ux_experiencedesign-experiencelab-design-activity-7191525527101362179-6N0Q?trk=public_profile_relatedPosts" target="_self" data-tracking-control-name="public_profile_relatedPosts" data-tracking-will-navigate class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-aside-card flex my-1.5 base-aside-card--link mt-0 mb-0.5">   <div class="base-aside-card__info self-center pl-0.5 flex flex-col flex-1"> <h3 class="base-aside-card__title font-sans text-md font-bold text-color-text relative">  </h3> <p class="base-aside-card__subtitle font-sans text-sm text-color-text leading-open mt-0.5 break-words overflow-anywhere line-clamp-2"> Design strategy is that essential bridge connecting business goals with creative execution. Most people gloss over it in an effort to be efficient and deliver beautiful designs that the team hopes gets results. Why hope when you can know? The Agency UX Experience Lab is where we craft and hone design strategy before you put your resources in building something beautiful. #experiencedesign #experiencelab #design #strategy </p>   <div class="base-aside-card__metadata font-sans text-sm leading-open font-regular text-color-text-low-emphasis mt-0.5"> <code id="i18n_reaction_singular" style="display: none"></code> <code id="i18n_reactions_plural" style="display: none"></code> <div class="flex items-center font-sans text-sm babybear:text-xs aside-activity-card__social-actions -mt-0.5"> <div class="flex items-center font-normal text-color-text-low-emphasis no-underline visited:text-color-text-low-emphasis my-1" role="button" aria-label="1 Reaction" data-test-id="social-actions__reactions" data-id="social-actions__reactions" data-num-reactions="1" data-singular="%numReactions%" data-plural="%numReactions%" tabindex="0"> <img alt data-reaction-type="LIKE" data-delayed-url="https://static-exp2.licdn.com/aero-v1/sc/h/9sun4diznbhgyelaeryxy75ur" height="16px" width="16px"> <span aria-hidden="true" class="font-normal ml-0.5" data-test-id="social-actions__reaction-count"> 1 </span> </div> <code id="social-actions__reaction-image-APPRECIATION" style="display: none"></code>  <code id="social-actions__reaction-image-EMPATHY" style="display: none"></code> <code id="social-actions__reaction-image-ENTERTAINMENT" style="display: none"></code>  <code id="social-actions__reaction-image-INTEREST" style="display: none"></code> <code id="social-actions__reaction-image-LIKE" style="display: none"></code> <code id="social-actions__reaction-image-MAYBE" style="display: none"></code> <code id="social-actions__reaction-image-PRAISE" style="display: none"></code>  </div> </div>  </div> <div class="base-aside-card__media flex-shrink-0 mr-0.5 overflow-hidden relative rounded-md h-[75px] w-[75px] base-aside-card__media--right"> <img alt="Design strategy is that essential bridge connecting business goals with creative execution. Most people gloss over it in an effort to be efficient and deliver beautiful designs that the team hopes gets results. Why hope when you can know? The Agency UX Experience Lab is where we craft and hone design strategy before you put your resources in building something beautiful. #experiencedesign #experiencelab #design #strategy" aria-hidden="true" data-delayed-url="https://media.licdn.com/dms/image/v2/D5622AQGlz3Ir8C8qWA/feedshare-shrink_2048_1536/feedshare-shrink_2048_1536/0/1714593295826?e=2147483647&v=beta&t=Al-d8Ckh9cdradexXFaWRZycVUzRt4mAkv5Y_ZBHVpg">  </div> </a> </div> </li> <li class="border-b-1 border-solid border-color-divider max-w-[360px] mb-1"> <div class="aside-activity-card pb-1"> <a href="https://www.linkedin.com/company/haketi?trk=public_profile_relatedPosts_face-pile-cta" target="_self" data-tracking-control-name="full-link" data-tracking-will-navigate class="face-pile flex !no-underline"> <div class="face-pile__images-container self-start flex-shrink-0 mr-1 leading-[1]"> <img class="inline-block relative rounded-[50%] w-4 h-4 face-pile__image border-1 border-solid border-color-transparent -ml-2 first:ml-0" data-delayed-url="https://media.licdn.com/dms/image/v2/C560BAQG4GewMKmUHwg/company-logo_100_100/company-logo_100_100/0/1679697175480/haketi_logo?e=2147483647&v=beta&t=N0OSsxQRfuBGlmCtYZn8MAP_gCqooTAnpFbldClb87E" data-ghost-classes="bg-color-entity-ghost-background" data-ghost-url="https://static-exp2.licdn.com/aero-v1/sc/h/9c8pery4andzj6ohjkjp54ma2" alt> </div> <p class="face-pile__text self-center font-sans text-sm link-styled hover:underline"> Haketi </p> </a> <a href="https://www.linkedin.com/posts/haketi_mastering-color-theory-for-web-design-activity-7256700279423684608-ld_d?trk=public_profile_relatedPosts" target="_self" data-tracking-control-name="public_profile_relatedPosts" data-tracking-will-navigate class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-aside-card flex my-1.5 base-aside-card--link mt-0 mb-0.5">   <div class="base-aside-card__info self-center pl-0.5 flex flex-col flex-1"> <h3 class="base-aside-card__title font-sans text-md font-bold text-color-text relative">  </h3> <p class="base-aside-card__subtitle font-sans text-sm text-color-text leading-open mt-0.5 break-words overflow-anywhere line-clamp-2"> New article: Mastering Color Theory for Web Design In this guide, we’ll explore the fundamentals of color theory, dive into actionable tips, and answer common questions about applying color to website design. Let’s turn your web presence into a vibrant masterpiece that stands out. </p>   <div class="base-aside-card__metadata font-sans text-sm leading-open font-regular text-color-text-low-emphasis mt-0.5"> <code id="i18n_reaction_singular" style="display: none"></code> <code id="i18n_reactions_plural" style="display: none"></code>  </div>  </div> <div class="base-aside-card__media flex-shrink-0 mr-0.5 overflow-hidden relative rounded-md h-[75px] w-[75px] base-aside-card__media--right"> <img alt="New article: Mastering Color Theory for Web Design In this guide, we’ll explore the fundamentals of color theory, dive into actionable tips, and answer common questions about applying color to website design. Let’s turn your web presence into a vibrant masterpiece that stands out." aria-hidden="true" data-delayed-url="https://media.licdn.com/dms/image/sync/v2/D5627AQFEe-iyHrU12w/articleshare-shrink_800/articleshare-shrink_800/0/1730132175225?e=2147483647&v=beta&t=LTHQ7diDPKTID3ao00tWvbMo44humFzdaQj3rO9AE5I">  </div> </a> </div> </li> <li class="border-b-1 border-solid border-color-divider max-w-[360px] mb-1"> <div class="aside-activity-card "> <a href="https://www.linkedin.com/company/launchstudiodesign?trk=public_profile_relatedPosts_face-pile-cta" target="_self" data-tracking-control-name="full-link" data-tracking-will-navigate class="face-pile flex !no-underline"> <div class="face-pile__images-container self-start flex-shrink-0 mr-1 leading-[1]"> <img class="inline-block relative rounded-[50%] w-4 h-4 face-pile__image border-1 border-solid border-color-transparent -ml-2 first:ml-0" data-delayed-url="https://media.licdn.com/dms/image/v2/D560BAQFKHLFBn179Wg/company-logo_100_100/company-logo_100_100/0/1730855417755/launchstudiodesign_logo?e=2147483647&v=beta&t=fAfZSwuCeRDDAT7Wg9w03y4_vBuZjq3Rz_ChEO3DFHY" data-ghost-classes="bg-color-entity-ghost-background" data-ghost-url="https://static-exp2.licdn.com/aero-v1/sc/h/9c8pery4andzj6ohjkjp54ma2" alt> </div> <p class="face-pile__text self-center font-sans text-sm link-styled hover:underline"> LAUNCH Studio </p> </a> <a href="https://www.linkedin.com/posts/launchstudiodesign_aiinbusiness-artificialintelligence-innovation-activity-7262901901862588416-h7yH?trk=public_profile_relatedPosts" target="_self" data-tracking-control-name="public_profile_relatedPosts" data-tracking-will-navigate class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-aside-card flex my-1.5 base-aside-card--link mt-0 mb-0.5">   <div class="base-aside-card__info self-center pl-0.5 flex flex-col flex-1"> <h3 class="base-aside-card__title font-sans text-md font-bold text-color-text relative">  </h3> <p class="base-aside-card__subtitle font-sans text-sm text-color-text leading-open mt-0.5 break-words overflow-anywhere line-clamp-2"> Realize the full potential of your business with Design Doing! 🚀 From rapid prototyping to real-time collaboration, see how AI tools like ChatGPT, MidJourney, and Vizcom transform ideas into action. This hands-on approach isn’t just for designers—it's for anyone ready to make an impact. Ready for take off? Book a call now at https://lnkd.in/dd9rTZ7w #AIinBusiness #ArtificialIntelligence #Innovation #ProductManagement #BusinessGrowth </p>   <div class="base-aside-card__metadata font-sans text-sm leading-open font-regular text-color-text-low-emphasis mt-0.5"> <code id="i18n_reaction_singular" style="display: none"></code> <code id="i18n_reactions_plural" style="display: none"></code> <div class="flex items-center font-sans text-sm babybear:text-xs aside-activity-card__social-actions -mt-0.5"> <div class="flex items-center font-normal text-color-text-low-emphasis no-underline visited:text-color-text-low-emphasis my-1" role="button" aria-label="6 Reactions" data-test-id="social-actions__reactions" data-id="social-actions__reactions" data-num-reactions="6" data-singular="%numReactions%" data-plural="%numReactions%" tabindex="0"> <img alt data-reaction-type="LIKE" data-delayed-url="https://static-exp2.licdn.com/aero-v1/sc/h/9sun4diznbhgyelaeryxy75ur" height="16px" width="16px"> <span aria-hidden="true" class="font-normal ml-0.5" data-test-id="social-actions__reaction-count"> 6 </span> </div> <code id="social-actions__reaction-image-APPRECIATION" style="display: none"></code>  <code id="social-actions__reaction-image-EMPATHY" style="display: none"></code> <code id="social-actions__reaction-image-ENTERTAINMENT" style="display: none"></code>  <code id="social-actions__reaction-image-INTEREST" style="display: none"></code> <code id="social-actions__reaction-image-LIKE" style="display: none"></code> <code id="social-actions__reaction-image-MAYBE" style="display: none"></code> <code id="social-actions__reaction-image-PRAISE" style="display: none"></code>  <div class="flex items-center font-normal text-color-text-low-emphasis no-underline visited:text-color-text-low-emphasis before:middot my-1" data-test-id="social-actions__comments" data-id="social-actions__comments" data-num-comments="1" data-singular="%numComments% Comment" data-plural="%numComments% Comments"> 1 Comment </div>  </div> </div>  </div>  </a> </div> </li> <li class="border-b-1 border-solid border-color-divider max-w-[360px] mb-1"> <div class="aside-activity-card pb-1"> <a href="https://www.linkedin.com/company/chamjari-interactive?trk=public_profile_relatedPosts_face-pile-cta" target="_self" data-tracking-control-name="full-link" data-tracking-will-navigate class="face-pile flex !no-underline"> <div class="face-pile__images-container self-start flex-shrink-0 mr-1 leading-[1]"> <img class="inline-block relative rounded-[50%] w-4 h-4 face-pile__image border-1 border-solid border-color-transparent -ml-2 first:ml-0" data-delayed-url="https://media.licdn.com/dms/image/v2/C560BAQHG_03klu_Jjw/company-logo_100_100/company-logo_100_100/0/1649275812145/chamjari_interactive_logo?e=2147483647&v=beta&t=WX-1hyG2xnW5IGA3Q2sw6rhfq4agKq39R8aIsfjn_NY" data-ghost-classes="bg-color-entity-ghost-background" data-ghost-url="https://static-exp2.licdn.com/aero-v1/sc/h/9c8pery4andzj6ohjkjp54ma2" alt> </div> <p class="face-pile__text self-center font-sans text-sm link-styled hover:underline"> Chamjari Interactive </p> </a> <a href="https://www.linkedin.com/posts/chamjari-interactive_impactofuxresearch-researchimpact-ai-activity-7246351940526247936-LcBx?trk=public_profile_relatedPosts" target="_self" data-tracking-control-name="public_profile_relatedPosts" data-tracking-will-navigate class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-aside-card flex my-1.5 base-aside-card--link mt-0 mb-0.5">   <div class="base-aside-card__info self-center pl-0.5 flex flex-col flex-1"> <h3 class="base-aside-card__title font-sans text-md font-bold text-color-text relative">  </h3> <p class="base-aside-card__subtitle font-sans text-sm text-color-text leading-open mt-0.5 break-words overflow-anywhere line-clamp-2"> Somewhere between hoopla and doom, there's a bright future for how AI will impact UX Research Read more 👉 https://lttr.ai/AXbEw #ImpactOfUXResearch #ResearchImpact #AI #LargeLanguageModel #uxdesign #Uxdesign #Freelance #uxresearch #Uxresearch #ImpactUxResearch #FullyUnderstand </p>   <div class="base-aside-card__metadata font-sans text-sm leading-open font-regular text-color-text-low-emphasis mt-0.5"> <code id="i18n_reaction_singular" style="display: none"></code> <code id="i18n_reactions_plural" style="display: none"></code>  </div>  </div> <div class="base-aside-card__media flex-shrink-0 mr-0.5 overflow-hidden relative rounded-md h-[75px] w-[75px] base-aside-card__media--right"> <img alt="Somewhere between hoopla and doom, there's a bright future for how AI will impact UX Research Read more 👉 https://lttr.ai/AXbEw #ImpactOfUXResearch #ResearchImpact #AI #LargeLanguageModel #uxdesign #Uxdesign #Freelance #uxresearch #Uxresearch #ImpactUxResearch #FullyUnderstand" aria-hidden="true" data-delayed-url="https://media.licdn.com/dms/image/v2/D4E10AQG6jbu49GAmzw/image-shrink_1280/image-shrink_1280/0/1727664927740?e=2147483647&v=beta&t=0wj8ilzX92BWMqhyVqU1t27lP5I3lPE4-CnM6hi6OmQ">  </div> </a> </div> </li> <li class="border-b-1 border-solid border-color-divider max-w-[360px] mb-1"> <div class="aside-activity-card pb-1"> <a href="https://ca.linkedin.com/company/virtiq?trk=public_profile_relatedPosts_face-pile-cta" target="_self" data-tracking-control-name="full-link" data-tracking-will-navigate class="face-pile flex !no-underline"> <div class="face-pile__images-container self-start flex-shrink-0 mr-1 leading-[1]"> <img class="inline-block relative rounded-[50%] w-4 h-4 face-pile__image border-1 border-solid border-color-transparent -ml-2 first:ml-0" data-delayed-url="https://media.licdn.com/dms/image/v2/D4E0BAQFur_sIE1T_Vw/company-logo_100_100/company-logo_100_100/0/1719257351836?e=2147483647&v=beta&t=UYHTZC4lSBA9gsfP_hPS8JSHD9xpoPfMFUg_y9RPChY" data-ghost-classes="bg-color-entity-ghost-background" data-ghost-url="https://static-exp2.licdn.com/aero-v1/sc/h/9c8pery4andzj6ohjkjp54ma2" alt> </div> <p class="face-pile__text self-center font-sans text-sm link-styled hover:underline"> Virtiq. </p> </a> <a href="https://www.linkedin.com/posts/virtiq_how-to-choose-the-right-web-design-agency-activity-7257561530785767425-wHqN?trk=public_profile_relatedPosts" target="_self" data-tracking-control-name="public_profile_relatedPosts" data-tracking-will-navigate class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-aside-card flex my-1.5 base-aside-card--link mt-0 mb-0.5">   <div class="base-aside-card__info self-center pl-0.5 flex flex-col flex-1"> <h3 class="base-aside-card__title font-sans text-md font-bold text-color-text relative">  </h3> <p class="base-aside-card__subtitle font-sans text-sm text-color-text leading-open mt-0.5 break-words overflow-anywhere line-clamp-2"> With so many web design agencies out there, how do you choose the right one for your business? 🤔 Check out this article to guide you through the process of selecting the perfect web design agency that aligns with your business goals. #WebDesign #BusinessGrowth #DigitalMarketing #AgencySelection </p>   <div class="base-aside-card__metadata font-sans text-sm leading-open font-regular text-color-text-low-emphasis mt-0.5"> <code id="i18n_reaction_singular" style="display: none"></code> <code id="i18n_reactions_plural" style="display: none"></code>  </div>  </div> <div class="base-aside-card__media flex-shrink-0 mr-0.5 overflow-hidden relative rounded-md h-[75px] w-[75px] base-aside-card__media--right"> <img alt="With so many web design agencies out there, how do you choose the right one for your business? 🤔 Check out this article to guide you through the process of selecting the perfect web design agency that aligns with your business goals. #WebDesign #BusinessGrowth #DigitalMarketing #AgencySelection" aria-hidden="true" data-delayed-url="https://media.licdn.com/dms/image/sync/v2/D5627AQFSrwCE0S9s-g/articleshare-shrink_800/articleshare-shrink_800/0/1730336989458?e=2147483647&v=beta&t=UKELQfcPqwtKR8vS8WWTVDAjmD4NXnvUKiWw_pxvQps">  </div> </a> </div> </li> <li class="border-b-1 border-solid border-color-divider max-w-[360px] mb-1"> <div class="aside-activity-card pb-1"> <a href="https://au.linkedin.com/company/baseline-digital?trk=public_profile_relatedPosts_face-pile-cta" target="_self" data-tracking-control-name="full-link" data-tracking-will-navigate class="face-pile flex !no-underline"> <div class="face-pile__images-container self-start flex-shrink-0 mr-1 leading-[1]"> <img class="inline-block relative rounded-[50%] w-4 h-4 face-pile__image border-1 border-solid border-color-transparent -ml-2 first:ml-0" data-delayed-url="https://media.licdn.com/dms/image/v2/C560BAQHzsSEnUyaQrg/company-logo_100_100/company-logo_100_100/0/1630572845680/baseline_digital_logo?e=2147483647&v=beta&t=O6vt23jttoMF8naMmqmFpL3rfj8ER-IuwYRcBjEhva8" data-ghost-classes="bg-color-entity-ghost-background" data-ghost-url="https://static-exp2.licdn.com/aero-v1/sc/h/9c8pery4andzj6ohjkjp54ma2" alt> </div> <p class="face-pile__text self-center font-sans text-sm link-styled hover:underline"> Baseline Digital </p> </a> <a href="https://www.linkedin.com/posts/baseline-digital_top-8-emerging-web-design-trends-activity-7186265739211755520-rS8x?trk=public_profile_relatedPosts" target="_self" data-tracking-control-name="public_profile_relatedPosts" data-tracking-will-navigate class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-aside-card flex my-1.5 base-aside-card--link mt-0 mb-0.5">   <div class="base-aside-card__info self-center pl-0.5 flex flex-col flex-1"> <h3 class="base-aside-card__title font-sans text-md font-bold text-color-text relative">  </h3> <p class="base-aside-card__subtitle font-sans text-sm text-color-text leading-open mt-0.5 break-words overflow-anywhere line-clamp-2"> With the evolution of the web, web design is constantly progressing. Check out this article by Jordan Smith on the top 8 emerging web design trends: #webdesign @hirejordansmith </p>   <div class="base-aside-card__metadata font-sans text-sm leading-open font-regular text-color-text-low-emphasis mt-0.5"> <code id="i18n_reaction_singular" style="display: none"></code> <code id="i18n_reactions_plural" style="display: none"></code>  </div>  </div> <div class="base-aside-card__media flex-shrink-0 mr-0.5 overflow-hidden relative rounded-md h-[75px] w-[75px] base-aside-card__media--right"> <img alt="With the evolution of the web, web design is constantly progressing. Check out this article by Jordan Smith on the top 8 emerging web design trends: #webdesign @hirejordansmith" aria-hidden="true" data-delayed-url="https://media.licdn.com/dms/image/v2/D4E10AQHvxo2rwRnimQ/image-shrink_1280/image-shrink_1280/0/1713339241352?e=2147483647&v=beta&t=IU6wqayFt7yL8o04iFkJv_Jl49PadHErmqy4QBAVnQE">  </div> </a> </div> </li> <li class="border-b-1 border-solid border-color-divider max-w-[360px] mb-1"> <div class="aside-activity-card "> <a href="https://www.linkedin.com/company/piesolutions?trk=public_profile_relatedPosts_face-pile-cta" target="_self" data-tracking-control-name="full-link" data-tracking-will-navigate class="face-pile flex !no-underline"> <div class="face-pile__images-container self-start flex-shrink-0 mr-1 leading-[1]"> <img class="inline-block relative rounded-[50%] w-4 h-4 face-pile__image border-1 border-solid border-color-transparent -ml-2 first:ml-0" data-delayed-url="https://media.licdn.com/dms/image/v2/D560BAQEdHrXjO-fj5w/company-logo_100_100/company-logo_100_100/0/1708330042753/piesolutions_logo?e=2147483647&v=beta&t=Y-PpSP2kCftpsuizRv6RSjQEGfDaBInCp_YdtEA1BSw" data-ghost-classes="bg-color-entity-ghost-background" data-ghost-url="https://static-exp2.licdn.com/aero-v1/sc/h/9c8pery4andzj6ohjkjp54ma2" alt> </div> <p class="face-pile__text self-center font-sans text-sm link-styled hover:underline"> Pie Solutions </p> </a> <a href="https://www.linkedin.com/posts/piesolutions_piesolution-typographyart-webdesign-activity-7214210230631452672-C3IK?trk=public_profile_relatedPosts" target="_self" data-tracking-control-name="public_profile_relatedPosts" data-tracking-will-navigate class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-aside-card flex my-1.5 base-aside-card--link mt-0 mb-0.5">   <div class="base-aside-card__info self-center pl-0.5 flex flex-col flex-1"> <h3 class="base-aside-card__title font-sans text-md font-bold text-color-text relative">  </h3> <p class="base-aside-card__subtitle font-sans text-sm text-color-text leading-open mt-0.5 break-words overflow-anywhere line-clamp-2"> 🖋️✨ Every Letter Tells a Story ✨🖋️ Dive into the world of typography and see how font choices can transform your web design. Explore our collection and let the artistry of each letter inspire your next project. 𝙁𝙊𝙇𝙇𝙊𝙒👇👇 Pie Solutions LLC visit: https://pie-solutions.com/ For more details, DM or contact us via 📩 info@pie-solutions.com . . . . . . . . . . . . . . . . . . . . . #piesolution #TypographyArt #webdesign #designinspiration #fontmàgic #creativedesign #WebTransformation #redesigned #websitedesign #webdesignerlife #webdevelopment #BrandingStrategy #brandidentity #transformation #MobileOptimization #digitalfuture #seooptimization #innovations #TechForward #InnovationUnleashed #brandlogodesigner #professionalism #brandquality #digitalart #DigitalTransformation #foryouシpage #freelancing #smallbusinessbigdreams #business </p>   <div class="base-aside-card__metadata font-sans text-sm leading-open font-regular text-color-text-low-emphasis mt-0.5"> <code id="i18n_reaction_singular" style="display: none"></code> <code id="i18n_reactions_plural" style="display: none"></code> <div class="flex items-center font-sans text-sm babybear:text-xs aside-activity-card__social-actions -mt-0.5"> <div class="flex items-center font-normal text-color-text-low-emphasis no-underline visited:text-color-text-low-emphasis my-1" role="button" aria-label="3 Reactions" data-test-id="social-actions__reactions" data-id="social-actions__reactions" data-num-reactions="3" data-singular="%numReactions%" data-plural="%numReactions%" tabindex="0"> <img alt data-reaction-type="LIKE" data-delayed-url="https://static-exp2.licdn.com/aero-v1/sc/h/9sun4diznbhgyelaeryxy75ur" height="16px" width="16px"> <img alt data-reaction-type="APPRECIATION" data-delayed-url="https://static-exp2.licdn.com/aero-v1/sc/h/cib97epu77mrzque5gqlzjgaw" height="16px" width="16px"> <span aria-hidden="true" class="font-normal ml-0.5" data-test-id="social-actions__reaction-count"> 3 </span> </div> <code id="social-actions__reaction-image-APPRECIATION" style="display: none"></code>  <code id="social-actions__reaction-image-EMPATHY" style="display: none"></code> <code id="social-actions__reaction-image-ENTERTAINMENT" style="display: none"></code>  <code id="social-actions__reaction-image-INTEREST" style="display: none"></code> <code id="social-actions__reaction-image-LIKE" style="display: none"></code> <code id="social-actions__reaction-image-MAYBE" style="display: none"></code> <code id="social-actions__reaction-image-PRAISE" style="display: none"></code>  </div> </div>  </div> <div class="base-aside-card__media flex-shrink-0 mr-0.5 overflow-hidden relative rounded-md h-[75px] w-[75px] base-aside-card__media--right"> <img alt="🖋️✨ Every Letter Tells a Story ✨🖋️ Dive into the world of typography and see how font choices can transform your web design. Explore our collection and let the artistry of each letter inspire your next project. 𝙁𝙊𝙇𝙇𝙊𝙒👇👇 Pie Solutions LLC visit: https://pie-solutions.com/ For more details, DM or contact us via 📩 info@pie-solutions.com . . . . . . . . . . . . . . . . . . . . . #piesolution #TypographyArt #webdesign #designinspiration #fontmàgic #creativedesign #WebTransformation #redesigned #websitedesign #webdesignerlife #webdevelopment #BrandingStrategy #brandidentity #transformation #MobileOptimization #digitalfuture #seooptimization #innovations #TechForward #InnovationUnleashed #brandlogodesigner #professionalism #brandquality #digitalart #DigitalTransformation #foryouシpage #freelancing #smallbusinessbigdreams #business" aria-hidden="true" data-delayed-url="https://media.licdn.com/dms/image/v2/D5622AQHDDDaT-rWQCA/feedshare-shrink_2048_1536/feedshare-shrink_2048_1536/0/1720001751569?e=2147483647&v=beta&t=egsDzCenx3UsHrBH5gtzcH4DDBleanLXCad6oyse1kQ">  </div> </a> </div> </li> <li class="border-b-1 border-solid border-color-divider max-w-[360px] mb-1"> <div class="aside-activity-card pb-1"> <a href="https://www.linkedin.com/company/ux-bulletin?trk=public_profile_relatedPosts_face-pile-cta" target="_self" data-tracking-control-name="full-link" data-tracking-will-navigate class="face-pile flex !no-underline"> <div class="face-pile__images-container self-start flex-shrink-0 mr-1 leading-[1]"> <img class="inline-block relative rounded-[50%] w-4 h-4 face-pile__image border-1 border-solid border-color-transparent -ml-2 first:ml-0" data-delayed-url="https://media.licdn.com/dms/image/v2/D4E0BAQEWsfr0Os-Azg/company-logo_100_100/company-logo_100_100/0/1729099535163?e=2147483647&v=beta&t=48MFAMftUTcCAOl8Gy5G3cn1NJSKe0HWmpfucJRwky8" data-ghost-classes="bg-color-entity-ghost-background" data-ghost-url="https://static-exp2.licdn.com/aero-v1/sc/h/9c8pery4andzj6ohjkjp54ma2" alt> </div> <p class="face-pile__text self-center font-sans text-sm link-styled hover:underline"> UX Bulletin </p> </a> <a href="https://www.linkedin.com/posts/ux-bulletin_5-best-practices-for-ux-information-architecture-activity-7252370839969447939-uBVq?trk=public_profile_relatedPosts" target="_self" data-tracking-control-name="public_profile_relatedPosts" data-tracking-will-navigate class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-aside-card flex my-1.5 base-aside-card--link mt-0 mb-0.5">   <div class="base-aside-card__info self-center pl-0.5 flex flex-col flex-1"> <h3 class="base-aside-card__title font-sans text-md font-bold text-color-text relative">  </h3> <p class="base-aside-card__subtitle font-sans text-sm text-color-text leading-open mt-0.5 break-words overflow-anywhere line-clamp-2"> Want to transform your website from chaos to clarity? These practices for #UX Information Architecture will help you organize like a pro and keep users happy! #UXDesign #InformationArchitecture #UserExperience #UIUX #DesignThinking #WebDesign #UXTips </p>   <div class="base-aside-card__metadata font-sans text-sm leading-open font-regular text-color-text-low-emphasis mt-0.5"> <code id="i18n_reaction_singular" style="display: none"></code> <code id="i18n_reactions_plural" style="display: none"></code>  </div>  </div> <div class="base-aside-card__media flex-shrink-0 mr-0.5 overflow-hidden relative rounded-md h-[75px] w-[75px] base-aside-card__media--right"> <img alt="Want to transform your website from chaos to clarity? These practices for #UX Information Architecture will help you organize like a pro and keep users happy! #UXDesign #InformationArchitecture #UserExperience #UIUX #DesignThinking #WebDesign #UXTips" aria-hidden="true" data-delayed-url="https://media.licdn.com/dms/image/sync/v2/D4E27AQEtXEefpq1oqg/articleshare-shrink_800/articleshare-shrink_800/0/1729099936148?e=2147483647&v=beta&t=Ky9YJHyjUXmnBsi1q2LA9Oh_1IL_FMryMzMOxQoaS0s">  </div> </a> </div> </li> <li class="border-b-1 border-solid border-color-divider max-w-[360px] mb-1"> <div class="aside-activity-card "> <a href="https://ca.linkedin.com/school/emilycarru/?trk=public_profile_relatedPosts_face-pile-cta" target="_self" data-tracking-control-name="full-link" data-tracking-will-navigate class="face-pile flex !no-underline"> <div class="face-pile__images-container self-start flex-shrink-0 mr-1 leading-[1]"> <img class="inline-block relative rounded-[50%] w-4 h-4 face-pile__image border-1 border-solid border-color-transparent -ml-2 first:ml-0" data-delayed-url="https://media.licdn.com/dms/image/v2/D560BAQE4CGP3MjnxFQ/company-logo_100_100/company-logo_100_100/0/1713480364521/emilycarru_logo?e=2147483647&v=beta&t=T8D4V7eMCAXT0fc5i8U450VwuLN451ZBVgPSAiNHcuw" data-ghost-classes="bg-color-entity-ghost-background" data-ghost-url="https://static-exp2.licdn.com/aero-v1/sc/h/9c8pery4andzj6ohjkjp54ma2" alt> </div> <p class="face-pile__text self-center font-sans text-sm link-styled hover:underline"> Emily Carr University of Art and Design </p> </a> <a href="https://www.linkedin.com/posts/emilycarru_ux-uxdesign-activity-7186439993249169409-7o40?trk=public_profile_relatedPosts" target="_self" data-tracking-control-name="public_profile_relatedPosts" data-tracking-will-navigate class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-aside-card flex my-1.5 base-aside-card--link mt-0 mb-0.5">   <div class="base-aside-card__info self-center pl-0.5 flex flex-col flex-1"> <h3 class="base-aside-card__title font-sans text-md font-bold text-color-text relative">  </h3> <p class="base-aside-card__subtitle font-sans text-sm text-color-text leading-open mt-0.5 break-words overflow-anywhere line-clamp-2"> “Emily Carr’s UX Design Program melds teamwork, practical business insights, and innovative techniques, equipping you to design impactful solutions.” Learn more about this innovative program here! https://loom.ly/sjL__34 #UX #UXDesign </p>   <div class="base-aside-card__metadata font-sans text-sm leading-open font-regular text-color-text-low-emphasis mt-0.5"> <code id="i18n_reaction_singular" style="display: none"></code> <code id="i18n_reactions_plural" style="display: none"></code> <div class="flex items-center font-sans text-sm babybear:text-xs aside-activity-card__social-actions -mt-0.5"> <div class="flex items-center font-normal text-color-text-low-emphasis no-underline visited:text-color-text-low-emphasis my-1" role="button" aria-label="28 Reactions" data-test-id="social-actions__reactions" data-id="social-actions__reactions" data-num-reactions="28" data-singular="%numReactions%" data-plural="%numReactions%" tabindex="0"> <img alt data-reaction-type="LIKE" data-delayed-url="https://static-exp2.licdn.com/aero-v1/sc/h/9sun4diznbhgyelaeryxy75ur" height="16px" width="16px"> <img alt data-reaction-type="PRAISE" data-delayed-url="https://static-exp2.licdn.com/aero-v1/sc/h/cjrxeu0ese8oxe32kiom8kzoh" height="16px" width="16px"> <span aria-hidden="true" class="font-normal ml-0.5" data-test-id="social-actions__reaction-count"> 28 </span> </div> <code id="social-actions__reaction-image-APPRECIATION" style="display: none"></code>  <code id="social-actions__reaction-image-EMPATHY" style="display: none"></code> <code id="social-actions__reaction-image-ENTERTAINMENT" style="display: none"></code>  <code id="social-actions__reaction-image-INTEREST" style="display: none"></code> <code id="social-actions__reaction-image-LIKE" style="display: none"></code> <code id="social-actions__reaction-image-MAYBE" style="display: none"></code> <code id="social-actions__reaction-image-PRAISE" style="display: none"></code>  <div class="flex items-center font-normal text-color-text-low-emphasis no-underline visited:text-color-text-low-emphasis before:middot my-1" data-test-id="social-actions__comments" data-id="social-actions__comments" data-num-comments="1" data-singular="%numComments% Comment" data-plural="%numComments% Comments"> 1 Comment </div>  </div> </div>  </div> <div class="base-aside-card__media flex-shrink-0 mr-0.5 overflow-hidden relative rounded-md h-[75px] w-[75px] base-aside-card__media--right"> <img alt="“Emily Carr’s UX Design Program melds teamwork, practical business insights, and innovative techniques, equipping you to design impactful solutions.” Learn more about this innovative program here! https://loom.ly/sjL__34 #UX #UXDesign " aria-hidden="true" data-delayed-url="https://media.licdn.com/dms/image/v2/D5610AQGdB5jN7nKb3Q/image-shrink_1280/image-shrink_1280/0/1713380664932?e=2147483647&v=beta&t=ipgQg9qKUu9zxBdfwkrNezwW1_TPnKDiVy848J0Npx0">  </div> </a> </div> </li> <li class="border-b-1 border-solid border-color-divider max-w-[360px] mb-1"> <div class="aside-activity-card "> <a href="https://uk.linkedin.com/company/realcodeltd?trk=public_profile_relatedPosts_face-pile-cta" target="_self" data-tracking-control-name="full-link" data-tracking-will-navigate class="face-pile flex !no-underline"> <div class="face-pile__images-container self-start flex-shrink-0 mr-1 leading-[1]"> <img class="inline-block relative rounded-[50%] w-4 h-4 face-pile__image border-1 border-solid border-color-transparent -ml-2 first:ml-0" data-delayed-url="https://media.licdn.com/dms/image/v2/C4D0BAQFtQfEETOG3VA/company-logo_100_100/company-logo_100_100/0/1631333306613?e=2147483647&v=beta&t=en8_1mueQ2MfET1wSaJClkMhZyCyfemmpmUq_fnAWv0" data-ghost-classes="bg-color-entity-ghost-background" data-ghost-url="https://static-exp2.licdn.com/aero-v1/sc/h/9c8pery4andzj6ohjkjp54ma2" alt> </div> <p class="face-pile__text self-center font-sans text-sm link-styled hover:underline"> Real Code Ltd - Website Design for Businesses </p> </a> <a href="https://www.linkedin.com/posts/realcodeltd_top-5-web-design-agencies-in-the-world-for-activity-7205534107957641216--YH1?trk=public_profile_relatedPosts" target="_self" data-tracking-control-name="public_profile_relatedPosts" data-tracking-will-navigate class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-aside-card flex my-1.5 base-aside-card--link mt-0 mb-0.5">   <div class="base-aside-card__info self-center pl-0.5 flex flex-col flex-1"> <h3 class="base-aside-card__title font-sans text-md font-bold text-color-text relative">  </h3> <p class="base-aside-card__subtitle font-sans text-sm text-color-text leading-open mt-0.5 break-words overflow-anywhere line-clamp-2"> 🌐 Exploring the World of Web Design 🌐 🌟 It’s like stepping into a digital universe where innovation and creativity collide! 🚀 🔍 Uncover the gems of top web design firms in 2024 and elevate your brand with world-class results. Dive into a realm where design meets strategy and creates a gateway to success. 🌐🎨🚀 #WebDesign #Innovation #BrandElevation #DigitalUniverse https://lnkd.in/eNsw4sV5 </p>   <div class="base-aside-card__metadata font-sans text-sm leading-open font-regular text-color-text-low-emphasis mt-0.5"> <code id="i18n_reaction_singular" style="display: none"></code> <code id="i18n_reactions_plural" style="display: none"></code> <div class="flex items-center font-sans text-sm babybear:text-xs aside-activity-card__social-actions -mt-0.5">  <div class="flex items-center font-normal text-color-text-low-emphasis no-underline visited:text-color-text-low-emphasis my-1" data-test-id="social-actions__comments" data-id="social-actions__comments" data-num-comments="1" data-singular="%numComments% Comment" data-plural="%numComments% Comments"> 1 Comment </div>  </div> </div>  </div> <div class="base-aside-card__media flex-shrink-0 mr-0.5 overflow-hidden relative rounded-md h-[75px] w-[75px] base-aside-card__media--right"> <img alt="🌐 Exploring the World of Web Design 🌐 🌟 It’s like stepping into a digital universe where innovation and creativity collide! 🚀 🔍 Uncover the gems of top web design firms in 2024 and elevate your brand with world-class results. Dive into a realm where design meets strategy and creates a gateway to success. 🌐🎨🚀 #WebDesign #Innovation #BrandElevation #DigitalUniverse https://lnkd.in/eNsw4sV5" aria-hidden="true" data-delayed-url="https://media.licdn.com/dms/image/sync/v2/D4D27AQFRcoY9NkGF3Q/articleshare-shrink_1280_800/articleshare-shrink_1280_800/0/1711126915719?e=2147483647&v=beta&t=AnN_R9HXmIw2v2vsbZJzRaibz30_d98mRQNunI-J46I">  </div> </a> </div> </li> <li class="border-b-1 border-solid border-color-divider max-w-[360px] mb-1"> <div class="aside-activity-card "> <a href="https://www.linkedin.com/company/herworkbydesign?trk=public_profile_relatedPosts_face-pile-cta" target="_self" data-tracking-control-name="full-link" data-tracking-will-navigate class="face-pile flex !no-underline"> <div class="face-pile__images-container self-start flex-shrink-0 mr-1 leading-[1]"> <img class="inline-block relative rounded-[50%] w-4 h-4 face-pile__image border-1 border-solid border-color-transparent -ml-2 first:ml-0" data-delayed-url="https://media.licdn.com/dms/image/v2/D4E0BAQEL5sDl6Gop9Q/company-logo_100_100/company-logo_100_100/0/1702651177368/igniteherimpact_logo?e=2147483647&v=beta&t=Z4_kOiUAjlIL1AS7b6dpg0Ak6BY1ETm-p76E1xcPa1k" data-ghost-classes="bg-color-entity-ghost-background" data-ghost-url="https://static-exp2.licdn.com/aero-v1/sc/h/9c8pery4andzj6ohjkjp54ma2" alt> </div> <p class="face-pile__text self-center font-sans text-sm link-styled hover:underline"> Her WORK by Design™ </p> </a> <a href="https://www.linkedin.com/posts/herworkbydesign_days-away-from-the-manifest-by-design-masterclass-activity-7228384781103763457-aG4l?trk=public_profile_relatedPosts" target="_self" data-tracking-control-name="public_profile_relatedPosts" data-tracking-will-navigate class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-aside-card flex my-1.5 base-aside-card--link mt-0 mb-0.5">   <div class="base-aside-card__info self-center pl-0.5 flex flex-col flex-1"> <h3 class="base-aside-card__title font-sans text-md font-bold text-color-text relative">  </h3> <p class="base-aside-card__subtitle font-sans text-sm text-color-text leading-open mt-0.5 break-words overflow-anywhere line-clamp-2"> ✌️Days away from the Manifest by Design Masterclass!! Have you registered yet? Grab your free spot to learn: 🧬 Human Design & Gene Keys: Learn how these tools can guide you to manifest by design, not by default. 🎯 Set Big, Impossible Goals: Dream big and find out how to make those dreams come true by setting your NOW Goal®. 🗝️ Secrets to Manifestation: Unlock the mysteries to bringing your desires into reality. Register: julieciardi.com/manifest </p>   <div class="base-aside-card__metadata font-sans text-sm leading-open font-regular text-color-text-low-emphasis mt-0.5"> <code id="i18n_reaction_singular" style="display: none"></code> <code id="i18n_reactions_plural" style="display: none"></code> <div class="flex items-center font-sans text-sm babybear:text-xs aside-activity-card__social-actions -mt-0.5"> <div class="flex items-center font-normal text-color-text-low-emphasis no-underline visited:text-color-text-low-emphasis my-1" role="button" aria-label="1 Reaction" data-test-id="social-actions__reactions" data-id="social-actions__reactions" data-num-reactions="1" data-singular="%numReactions%" data-plural="%numReactions%" tabindex="0"> <img alt data-reaction-type="EMPATHY" data-delayed-url="https://static-exp2.licdn.com/aero-v1/sc/h/37hg81qnm85dsy5mbqfifg9qs" height="16px" width="16px"> <span aria-hidden="true" class="font-normal ml-0.5" data-test-id="social-actions__reaction-count"> 1 </span> </div> <code id="social-actions__reaction-image-APPRECIATION" style="display: none"></code>  <code id="social-actions__reaction-image-EMPATHY" style="display: none"></code> <code id="social-actions__reaction-image-ENTERTAINMENT" style="display: none"></code>  <code id="social-actions__reaction-image-INTEREST" style="display: none"></code> <code id="social-actions__reaction-image-LIKE" style="display: none"></code> <code id="social-actions__reaction-image-MAYBE" style="display: none"></code> <code id="social-actions__reaction-image-PRAISE" style="display: none"></code>  </div> </div>  </div> <div class="base-aside-card__media flex-shrink-0 mr-0.5 overflow-hidden relative rounded-md h-[75px] w-[75px] base-aside-card__media--right"> <img alt="✌️Days away from the Manifest by Design Masterclass!! Have you registered yet? Grab your free spot to learn: 🧬 Human Design & Gene Keys: Learn how these tools can guide you to manifest by design, not by default. 🎯 Set Big, Impossible Goals: Dream big and find out how to make those dreams come true by setting your NOW Goal®. 🗝️ Secrets to Manifestation: Unlock the mysteries to bringing your desires into reality. Register: julieciardi.com/manifest" aria-hidden="true" data-delayed-url="https://media.licdn.com/dms/image/v2/D4E10AQH_kDynd31FDA/image-shrink_1280/image-shrink_1280/0/1723381213621?e=2147483647&v=beta&t=0PKHuBZkpVzdNT0IV6G3xzAHdDS_JxsyZz4dzdIGS3E">  </div> </a> </div> </li> <li class="border-b-1 border-solid border-color-divider max-w-[360px] mb-1"> <div class="aside-activity-card "> <a href="https://ca.linkedin.com/company/principle-at-visualentity.com?trk=public_profile_relatedPosts_face-pile-cta" target="_self" data-tracking-control-name="full-link" data-tracking-will-navigate class="face-pile flex !no-underline"> <div class="face-pile__images-container self-start flex-shrink-0 mr-1 leading-[1]"> <img class="inline-block relative rounded-[50%] w-4 h-4 face-pile__image border-1 border-solid border-color-transparent -ml-2 first:ml-0" data-delayed-url="https://media.licdn.com/dms/image/v2/C560BAQFNbmlZCCgy2g/company-logo_100_100/company-logo_100_100/0/1630648350626/principle_at_visualentitycom_logo?e=2147483647&v=beta&t=VupMQOr7gkkrJSD9WP_XgWokHw38Ot2D78nHhan6jkA" data-ghost-classes="bg-color-entity-ghost-background" data-ghost-url="https://static-exp2.licdn.com/aero-v1/sc/h/9c8pery4andzj6ohjkjp54ma2" alt> </div> <p class="face-pile__text self-center font-sans text-sm link-styled hover:underline"> Principle at LogoDesignTheory.com </p> </a> <a href="https://www.linkedin.com/posts/principle-at-visualentity%2Ecom_32-logo-design-visual-technique-1-containment-activity-7214691485735153665-ORHX?trk=public_profile_relatedPosts" target="_self" data-tracking-control-name="public_profile_relatedPosts" data-tracking-will-navigate class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-aside-card flex my-1.5 base-aside-card--link mt-0 mb-0.5">   <div class="base-aside-card__info self-center pl-0.5 flex flex-col flex-1"> <h3 class="base-aside-card__title font-sans text-md font-bold text-color-text relative">  </h3> <p class="base-aside-card__subtitle font-sans text-sm text-color-text leading-open mt-0.5 break-words overflow-anywhere line-clamp-2"> Logo Design Visual Technique #1: Containment https://lnkd.in/esyy7Zi8 I see Containment in two ways: Shallow Containment and Deep Containment. Whereas Shallow Containment gets overused in branding, Deep Containment still can be an invaluable tool that every designer needs to know about. #logo #logodesign #brandingdesign #identitydesign #graphicdesign </p>   <div class="base-aside-card__metadata font-sans text-sm leading-open font-regular text-color-text-low-emphasis mt-0.5"> <code id="i18n_reaction_singular" style="display: none"></code> <code id="i18n_reactions_plural" style="display: none"></code> <div class="flex items-center font-sans text-sm babybear:text-xs aside-activity-card__social-actions -mt-0.5"> <div class="flex items-center font-normal text-color-text-low-emphasis no-underline visited:text-color-text-low-emphasis my-1" role="button" aria-label="1 Reaction" data-test-id="social-actions__reactions" data-id="social-actions__reactions" data-num-reactions="1" data-singular="%numReactions%" data-plural="%numReactions%" tabindex="0"> <img alt data-reaction-type="LIKE" data-delayed-url="https://static-exp2.licdn.com/aero-v1/sc/h/9sun4diznbhgyelaeryxy75ur" height="16px" width="16px"> <span aria-hidden="true" class="font-normal ml-0.5" data-test-id="social-actions__reaction-count"> 1 </span> </div> <code id="social-actions__reaction-image-APPRECIATION" style="display: none"></code>  <code id="social-actions__reaction-image-EMPATHY" style="display: none"></code> <code id="social-actions__reaction-image-ENTERTAINMENT" style="display: none"></code>  <code id="social-actions__reaction-image-INTEREST" style="display: none"></code> <code id="social-actions__reaction-image-LIKE" style="display: none"></code> <code id="social-actions__reaction-image-MAYBE" style="display: none"></code> <code id="social-actions__reaction-image-PRAISE" style="display: none"></code>  <div class="flex items-center font-normal text-color-text-low-emphasis no-underline visited:text-color-text-low-emphasis before:middot my-1" data-test-id="social-actions__comments" data-id="social-actions__comments" data-num-comments="1" data-singular="%numComments% Comment" data-plural="%numComments% Comments"> 1 Comment </div>  </div> </div>  </div> <div class="base-aside-card__media flex-shrink-0 mr-0.5 overflow-hidden relative rounded-md h-[75px] w-[75px] base-aside-card__media--right"> <img alt="Logo Design Visual Technique #1: Containment https://lnkd.in/esyy7Zi8 I see Containment in two ways: Shallow Containment and Deep Containment. Whereas Shallow Containment gets overused in branding, Deep Containment still can be an invaluable tool that every designer needs to know about. #logo #logodesign #brandingdesign #identitydesign #graphicdesign" aria-hidden="true" data-delayed-url="https://media.licdn.com/dms/image/sync/v2/D4E27AQEVYuSmzbCPQQ/articleshare-shrink_800/articleshare-shrink_800/0/1720116488236?e=2147483647&v=beta&t=HAMS9LTH7mMfPhmJMBWNXjcl2Kt048qMEvyAKZGrapM">  </div> </a> </div> </li> <li class=" max-w-[360px] mb-1"> <div class="aside-activity-card pb-1"> <a href="https://za.linkedin.com/company/dax-data?trk=public_profile_relatedPosts_face-pile-cta" target="_self" data-tracking-control-name="full-link" data-tracking-will-navigate class="face-pile flex !no-underline"> <div class="face-pile__images-container self-start flex-shrink-0 mr-1 leading-[1]"> <img class="inline-block relative rounded-[50%] w-4 h-4 face-pile__image border-1 border-solid border-color-transparent -ml-2 first:ml-0" data-delayed-url="https://media.licdn.com/dms/image/v2/C4D0BAQHG6Zm7ks67vQ/company-logo_100_100-alternative/company-logo_100_100-alternative/0/1630576023680/dax_data_logo?e=2147483647&v=beta&t=3CTDg52h8yIiaA6RQQQk0JbNrQ1R9FO-DepxGLFGeYE" data-ghost-classes="bg-color-entity-ghost-background" data-ghost-url="https://static-exp2.licdn.com/aero-v1/sc/h/9c8pery4andzj6ohjkjp54ma2" alt> </div> <p class="face-pile__text self-center font-sans text-sm link-styled hover:underline"> Dax Data </p> </a> <a href="https://www.linkedin.com/posts/dax-data_concept-ideation-approach-in-design-ep-activity-7209813237196902400-4CYx?trk=public_profile_relatedPosts" target="_self" data-tracking-control-name="public_profile_relatedPosts" data-tracking-will-navigate class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-aside-card flex my-1.5 base-aside-card--link mt-0 mb-0.5">   <div class="base-aside-card__info self-center pl-0.5 flex flex-col flex-1"> <h3 class="base-aside-card__title font-sans text-md font-bold text-color-text relative">  </h3> <p class="base-aside-card__subtitle font-sans text-sm text-color-text leading-open mt-0.5 break-words overflow-anywhere line-clamp-2"> Embark on a creative journey with Adobe in the next episode of the Foundations of Graphic Design Series. Learn effective strategies to boost your #creativity and elevate your work. Watch this video to take your #projects to new heights! https://buff.ly/45CuU8g #AdobeIllustrator #graphicdesign </p>   <div class="base-aside-card__metadata font-sans text-sm leading-open font-regular text-color-text-low-emphasis mt-0.5"> <code id="i18n_reaction_singular" style="display: none"></code> <code id="i18n_reactions_plural" style="display: none"></code>  </div>  </div> <div class="base-aside-card__media flex-shrink-0 mr-0.5 overflow-hidden relative rounded-md h-[75px] w-[75px] base-aside-card__media--right"> <img alt="Embark on a creative journey with Adobe in the next episode of the Foundations of Graphic Design Series. Learn effective strategies to boost your #creativity and elevate your work. Watch this video to take your #projects to new heights! https://buff.ly/45CuU8g #AdobeIllustrator #graphicdesign" aria-hidden="true" data-delayed-url="https://media.licdn.com/dms/image/sync/v2/D5627AQFP9BCWwIjeOw/articleshare-shrink_800/articleshare-shrink_800/0/1713817177739?e=2147483647&v=beta&t=Dk_cRhcvKnD79yx4WYx_eHFWKEfoGSLgAL6GEmh8WFs">  </div> </a> </div> </li> </ul> <button class="show-more-less__button show-more-less__more-button show-more-less-button " aria-expanded="false" data-tracking-control-name="public_profile_relatedPosts_show_more"> Show more posts <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static-exp2.licdn.com/aero-v1/sc/h/cyolgscd0imw2ldqppkrb84vo"></icon> </button> <button class="show-more-less__button show-more-less__less-button show-more-less-button show-more-less__button--hide" aria-expanded="false" data-tracking-control-name="public_profile_relatedPosts_show_more"> Show fewer posts <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static-exp2.licdn.com/aero-v1/sc/h/4chtt12k98xwnba1nimld2oyg"></icon> </button> </div> </div> </section> <section class="aside-section-container mb-4">   <div class="aside-section-container__content break-words"> <section class="content-hub-cta container-lined p-2 max-w-[300px] font-sans text-color-text !max-w-none" data-nosnippet="true"> <div class="flex flex-row"> <img class="content-hub-cta__img block mr-1.5 w-6 h-6" data-delayed-url="https://static-exp2.licdn.com/aero-v1/sc/h/c8ms9smqq4fefx1fgb22l0eus" alt> <h2 class="content-hub-cta__title text-lg font-bold m-0"> Explore collaborative articles </h2> </div> <p class="content-hub-cta__body text-sm font-light leading-open my-1"> We’re unlocking community knowledge in a new way. Experts add insights directly into each article, started with the help of AI. </p> <a href="https://www.linkedin.com/pulse/topics/home/" class="content-hub-cta__btn btn-md btn-secondary-emphasis text-md font-bold mt-1 block box-border" data-tracking-control-name="public_profile_content-hub-cta" data-tracking-will-navigate> Explore More </a> </section> </div> </section>  <section class="aside-section-container mb-4 course-recommendations"> <h2 class="aside-section-container__title section-title"> Add new skills with these courses </h2>  <div class="aside-section-container__content break-words"> <ul class="course-recommendations__courses"> <li class="course-recommendations__course">  <a href="https://www.linkedin.com/learning/interaction-design-software-and-web-design-patterns?trk=public_profile_recommended-course" target="_self" data-tracking-control-name="public_profile_recommended-course" data-tracking-will-navigate class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-aside-card flex my-1.5 hover:show-play-button focus:show-play-button base-aside-card--link aside-learning-course-card">  <div class="base-aside-card__media flex-shrink-0 mr-0.5 overflow-hidden relative rounded-md h-[54px] w-[95px]"> <img class="base-aside-card__media-element w-[100px] h-full object-cover" alt data-delayed-url="https://media.licdn.com/dms/image/v2/C560DAQHvb4ZXlRWWWg/learning-public-crop_288_512/learning-public-crop_288_512/0/1571957838891?e=2147483647&v=beta&t=iQ-F8UcF4h7rwK5u8nGBR5Z_wf5D6WtuFKStD4hw_B0"> <div class="aside-learning-course-card__duration duration">43m</div> <icon class="base-aside-card__play-button w-auto play-button overlay-center" data-delayed-url="https://static-exp2.licdn.com/aero-v1/sc/h/9n9raq7fmdu241tpsxwodsmcd" data-svg-class-name="base-aside-card__play-button-svg"></icon> </div> <div class="base-aside-card__info self-center pl-0.5 flex flex-col flex-1"> <h3 class="base-aside-card__title font-sans text-md font-bold text-color-text relative"> Interaction Design: Software and Web Design Patterns  </h3>      </div>  </a> </li> <li class="course-recommendations__course">  <a href="https://www.linkedin.com/learning/figma-designing-with-variables-and-conditionals?trk=public_profile_recommended-course" target="_self" data-tracking-control-name="public_profile_recommended-course" data-tracking-will-navigate class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-aside-card flex my-1.5 hover:show-play-button focus:show-play-button base-aside-card--link aside-learning-course-card">  <div class="base-aside-card__media flex-shrink-0 mr-0.5 overflow-hidden relative rounded-md h-[54px] w-[95px]"> <img class="base-aside-card__media-element w-[100px] h-full object-cover" alt data-delayed-url="https://media.licdn.com/dms/image/v2/D560DAQFzKC8XFxiUhg/learning-public-crop_288_512/learning-public-crop_288_512/0/1709242496200?e=2147483647&v=beta&t=-5vZmF82sPnwPp3DmSzk8R-jBMQizCAQGkd3s1QDRRM"> <div class="aside-learning-course-card__duration duration">1h 1m</div> <icon class="base-aside-card__play-button w-auto play-button overlay-center" data-delayed-url="https://static-exp2.licdn.com/aero-v1/sc/h/9n9raq7fmdu241tpsxwodsmcd" data-svg-class-name="base-aside-card__play-button-svg"></icon> </div> <div class="base-aside-card__info self-center pl-0.5 flex flex-col flex-1"> <h3 class="base-aside-card__title font-sans text-md font-bold text-color-text relative"> Figma: Designing with Variables and Conditionals  </h3>      </div>  </a> </li> <li class="course-recommendations__course">  <a href="https://www.linkedin.com/learning/using-style-guides-to-bridge-design-and-development?trk=public_profile_recommended-course" target="_self" data-tracking-control-name="public_profile_recommended-course" data-tracking-will-navigate class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-aside-card flex my-1.5 hover:show-play-button focus:show-play-button base-aside-card--link aside-learning-course-card">  <div class="base-aside-card__media flex-shrink-0 mr-0.5 overflow-hidden relative rounded-md h-[54px] w-[95px]"> <img class="base-aside-card__media-element w-[100px] h-full object-cover" alt data-delayed-url="https://media.licdn.com/dms/image/v2/C560DAQHTdImxW7iNZA/learning-public-crop_288_512/learning-public-crop_288_512/0/1676587353636?e=2147483647&v=beta&t=i-d9XlBZ8oUwpxaJ2OqGBIGZZ9eeNyYdBe_vHAFd0Rg"> <div class="aside-learning-course-card__duration duration">50m</div> <icon class="base-aside-card__play-button w-auto play-button overlay-center" data-delayed-url="https://static-exp2.licdn.com/aero-v1/sc/h/9n9raq7fmdu241tpsxwodsmcd" data-svg-class-name="base-aside-card__play-button-svg"></icon> </div> <div class="base-aside-card__info self-center pl-0.5 flex flex-col flex-1"> <h3 class="base-aside-card__title font-sans text-md font-bold text-color-text relative"> Using Style Guides to Bridge Design and Development  </h3>      </div>  </a> </li> </ul> <a href="https://www.linkedin.com/learning/?trk=seo_pp_d_cymbii_more_m015_learning" class="course-recommendations__view-all-link btn-md btn-secondary-emphasis inline-block" data-tracking-control-name="seo_pp_d_cymbii_more_m015_learning" data-tracking-will-navigate> See all courses </a> </div> </section>  </section> </main>  <footer class="li-footer bg-transparent w-full "> <ul class="li-footer__list flex flex-wrap flex-row items-start justify-start w-full h-auto min-h-[50px] my-[0px] mx-auto py-3 px-2 papabear:w-[1128px] papabear:p-0"> <li class="li-footer__item font-sans text-xs text-color-text-solid-secondary flex flex-shrink-0 justify-start p-1 relative w-50% papabear:justify-center papabear:w-auto"> <span class="sr-only">LinkedIn</span> <icon class="li-footer__copy-logo text-color-logo-brand-alt inline-block self-center h-[14px] w-[56px] mr-1" data-delayed-url="https://static-exp2.licdn.com/aero-v1/sc/h/e12h2cd8ac580qen9qdd0qks8"></icon> <span class="li-footer__copy-text flex items-center">© 2024</span> </li> <li class="li-footer__item font-sans text-xs text-color-text-solid-secondary flex flex-shrink-0 justify-start p-1 relative w-50% papabear:justify-center papabear:w-auto"> <a class="li-footer__item-link flex items-center font-sans text-xs font-bold text-color-text-solid-secondary hover:text-color-link-hover focus:text-color-link-focus" href="https://about.linkedin.com?trk=public_profile_v3_desktop_footer-about" data-tracking-control-name="public_profile_v3_desktop_footer-about" data-tracking-will-navigate> About </a> </li> <li class="li-footer__item font-sans text-xs text-color-text-solid-secondary flex flex-shrink-0 justify-start p-1 relative w-50% papabear:justify-center papabear:w-auto"> <a class="li-footer__item-link flex items-center font-sans text-xs font-bold text-color-text-solid-secondary hover:text-color-link-hover focus:text-color-link-focus" href="https://www.linkedin.com/accessibility?trk=public_profile_v3_desktop_footer-accessibility" data-tracking-control-name="public_profile_v3_desktop_footer-accessibility" data-tracking-will-navigate> Accessibility </a> </li> <li class="li-footer__item font-sans text-xs text-color-text-solid-secondary flex flex-shrink-0 justify-start p-1 relative w-50% papabear:justify-center papabear:w-auto"> <a class="li-footer__item-link flex items-center font-sans text-xs font-bold text-color-text-solid-secondary hover:text-color-link-hover focus:text-color-link-focus" href="https://www.linkedin.com/legal/user-agreement?trk=public_profile_v3_desktop_footer-user-agreement" data-tracking-control-name="public_profile_v3_desktop_footer-user-agreement" data-tracking-will-navigate> User Agreement </a> </li> <li class="li-footer__item font-sans text-xs text-color-text-solid-secondary flex flex-shrink-0 justify-start p-1 relative w-50% papabear:justify-center papabear:w-auto"> <a class="li-footer__item-link flex items-center font-sans text-xs font-bold text-color-text-solid-secondary hover:text-color-link-hover focus:text-color-link-focus" href="https://www.linkedin.com/legal/privacy-policy?trk=public_profile_v3_desktop_footer-privacy-policy" data-tracking-control-name="public_profile_v3_desktop_footer-privacy-policy" data-tracking-will-navigate> Privacy Policy </a> </li>  <li class="li-footer__item font-sans text-xs text-color-text-solid-secondary flex flex-shrink-0 justify-start p-1 relative w-50% papabear:justify-center papabear:w-auto"> <a class="li-footer__item-link flex items-center font-sans text-xs font-bold text-color-text-solid-secondary hover:text-color-link-hover focus:text-color-link-focus" href="https://www.linkedin.com/legal/cookie-policy?trk=public_profile_v3_desktop_footer-cookie-policy" data-tracking-control-name="public_profile_v3_desktop_footer-cookie-policy" data-tracking-will-navigate> Cookie Policy </a> </li> <li class="li-footer__item font-sans text-xs text-color-text-solid-secondary flex flex-shrink-0 justify-start p-1 relative w-50% papabear:justify-center papabear:w-auto"> <a class="li-footer__item-link flex items-center font-sans text-xs font-bold text-color-text-solid-secondary hover:text-color-link-hover focus:text-color-link-focus" href="https://www.linkedin.com/legal/copyright-policy?trk=public_profile_v3_desktop_footer-copyright-policy" data-tracking-control-name="public_profile_v3_desktop_footer-copyright-policy" data-tracking-will-navigate> Copyright Policy </a> </li> <li class="li-footer__item font-sans text-xs text-color-text-solid-secondary flex flex-shrink-0 justify-start p-1 relative w-50% papabear:justify-center papabear:w-auto"> <a class="li-footer__item-link flex items-center font-sans text-xs font-bold text-color-text-solid-secondary hover:text-color-link-hover focus:text-color-link-focus" href="https://brand.linkedin.com/policies?trk=public_profile_v3_desktop_footer-brand-policy" data-tracking-control-name="public_profile_v3_desktop_footer-brand-policy" data-tracking-will-navigate> Brand Policy </a> </li> <li class="li-footer__item font-sans text-xs text-color-text-solid-secondary flex flex-shrink-0 justify-start p-1 relative w-50% papabear:justify-center papabear:w-auto"> <a class="li-footer__item-link flex items-center font-sans text-xs font-bold text-color-text-solid-secondary hover:text-color-link-hover focus:text-color-link-focus" href="https://www.linkedin.com/psettings/guest-controls?trk=public_profile_v3_desktop_footer-guest-controls" data-tracking-control-name="public_profile_v3_desktop_footer-guest-controls" data-tracking-will-navigate> Guest Controls </a> </li> <li class="li-footer__item font-sans text-xs text-color-text-solid-secondary flex flex-shrink-0 justify-start p-1 relative w-50% papabear:justify-center papabear:w-auto"> <a class="li-footer__item-link flex items-center font-sans text-xs font-bold text-color-text-solid-secondary hover:text-color-link-hover focus:text-color-link-focus" href="https://www.linkedin.com/legal/professional-community-policies?trk=public_profile_v3_desktop_footer-community-guide" data-tracking-control-name="public_profile_v3_desktop_footer-community-guide" data-tracking-will-navigate> Community Guidelines </a> </li>  <li class="li-footer__item font-sans text-xs text-color-text-solid-secondary flex flex-shrink-0 justify-start p-1 relative w-50% papabear:justify-center papabear:w-auto"> <div class="collapsible-dropdown collapsible-dropdown--footer collapsible-dropdown--up flex items-center relative hyphens-auto language-selector z-2">  <ul class="collapsible-dropdown__list hidden container-raised absolute w-auto overflow-y-auto flex-col items-stretch z-1 bottom-[100%] top-auto" role="menu" tabindex="-1"> <li class="language-selector__item" role="presentation">  <button aria-label="العربية (Arabic)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-ar_AE" data-locale="ar_AE" role="menuitem" lang="ar_AE"> العربية (Arabic) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="বাংলা (Bangla)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-bn_IN" data-locale="bn_IN" role="menuitem" lang="bn_IN"> বাংলা (Bangla) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Čeština (Czech)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-cs_CZ" data-locale="cs_CZ" role="menuitem" lang="cs_CZ"> Čeština (Czech) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Dansk (Danish)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-da_DK" data-locale="da_DK" role="menuitem" lang="da_DK"> Dansk (Danish) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Deutsch (German)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-de_DE" data-locale="de_DE" role="menuitem" lang="de_DE"> Deutsch (German) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Ελληνικά (Greek)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-el_GR" data-locale="el_GR" role="menuitem" lang="el_GR"> Ελληνικά (Greek) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="English (English) selected" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link--selected" data-tracking-control-name="language-selector-en_US" data-locale="en_US" role="menuitem" lang="en_US"> <strong>English (English)</strong> </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Español (Spanish)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-es_ES" data-locale="es_ES" role="menuitem" lang="es_ES"> Español (Spanish) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="فارسی (Persian)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-fa_IR" data-locale="fa_IR" role="menuitem" lang="fa_IR"> فارسی (Persian) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Suomi (Finnish)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-fi_FI" data-locale="fi_FI" role="menuitem" lang="fi_FI"> Suomi (Finnish) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Français (French)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-fr_FR" data-locale="fr_FR" role="menuitem" lang="fr_FR"> Français (French) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="हिंदी (Hindi)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-hi_IN" data-locale="hi_IN" role="menuitem" lang="hi_IN"> हिंदी (Hindi) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Magyar (Hungarian)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-hu_HU" data-locale="hu_HU" role="menuitem" lang="hu_HU"> Magyar (Hungarian) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Bahasa Indonesia (Indonesian)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-in_ID" data-locale="in_ID" role="menuitem" lang="in_ID"> Bahasa Indonesia (Indonesian) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Italiano (Italian)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-it_IT" data-locale="it_IT" role="menuitem" lang="it_IT"> Italiano (Italian) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="עברית (Hebrew)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-iw_IL" data-locale="iw_IL" role="menuitem" lang="iw_IL"> עברית (Hebrew) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="日本語 (Japanese)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-ja_JP" data-locale="ja_JP" role="menuitem" lang="ja_JP"> 日本語 (Japanese) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="한국어 (Korean)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-ko_KR" data-locale="ko_KR" role="menuitem" lang="ko_KR"> 한국어 (Korean) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="मराठी (Marathi)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-mr_IN" data-locale="mr_IN" role="menuitem" lang="mr_IN"> मराठी (Marathi) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Bahasa Malaysia (Malay)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-ms_MY" data-locale="ms_MY" role="menuitem" lang="ms_MY"> Bahasa Malaysia (Malay) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Nederlands (Dutch)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-nl_NL" data-locale="nl_NL" role="menuitem" lang="nl_NL"> Nederlands (Dutch) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Norsk (Norwegian)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-no_NO" data-locale="no_NO" role="menuitem" lang="no_NO"> Norsk (Norwegian) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="ਪੰਜਾਬੀ (Punjabi)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-pa_IN" data-locale="pa_IN" role="menuitem" lang="pa_IN"> ਪੰਜਾਬੀ (Punjabi) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Polski (Polish)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-pl_PL" data-locale="pl_PL" role="menuitem" lang="pl_PL"> Polski (Polish) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Português (Portuguese)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-pt_BR" data-locale="pt_BR" role="menuitem" lang="pt_BR"> Português (Portuguese) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Română (Romanian)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-ro_RO" data-locale="ro_RO" role="menuitem" lang="ro_RO"> Română (Romanian) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Русский (Russian)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-ru_RU" data-locale="ru_RU" role="menuitem" lang="ru_RU"> Русский (Russian) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Svenska (Swedish)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-sv_SE" data-locale="sv_SE" role="menuitem" lang="sv_SE"> Svenska (Swedish) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="తెలుగు (Telugu)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-te_IN" data-locale="te_IN" role="menuitem" lang="te_IN"> తెలుగు (Telugu) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="ภาษาไทย (Thai)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-th_TH" data-locale="th_TH" role="menuitem" lang="th_TH"> ภาษาไทย (Thai) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Tagalog (Tagalog)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-tl_PH" data-locale="tl_PH" role="menuitem" lang="tl_PH"> Tagalog (Tagalog) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Türkçe (Turkish)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-tr_TR" data-locale="tr_TR" role="menuitem" lang="tr_TR"> Türkçe (Turkish) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Українська (Ukrainian)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-uk_UA" data-locale="uk_UA" role="menuitem" lang="uk_UA"> Українська (Ukrainian) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Tiếng Việt (Vietnamese)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-vi_VN" data-locale="vi_VN" role="menuitem" lang="vi_VN"> Tiếng Việt (Vietnamese) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="简体中文 (Chinese (Simplified))" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-zh_CN" data-locale="zh_CN" role="menuitem" lang="zh_CN"> 简体中文 (Chinese (Simplified)) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="正體中文 (Chinese (Traditional))" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-zh_TW" data-locale="zh_TW" role="menuitem" lang="zh_TW"> 正體中文 (Chinese (Traditional)) </button> </li>  </ul> <button class="language-selector__button select-none relative pr-2 font-sans text-xs font-bold text-color-text-low-emphasis hover:text-color-link-hover hover:cursor-pointer focus:text-color-link-focus focus:outline-dotted focus:outline-1" aria-expanded="false" data-tracking-control-name="footer-lang-dropdown_trigger"> <span class="language-selector__label-text mr-0.5 break-words"> Language </span> <icon class="language-selector__label-chevron w-2 h-2 absolute top-0 right-0" data-delayed-url="https://static-exp2.licdn.com/aero-v1/sc/h/cyolgscd0imw2ldqppkrb84vo"></icon> </button> </div> </li> </ul>  </footer> <div class="guest-upsells"> <form class="google-auth base-google-auth" action="https://www.linkedin.com/uas/login-submit" method="post"> <input name="loginCsrfParam" value="b8ec384c-77b7-48a5-87da-6db8f7502f79" type="hidden"> <input name="session_redirect" value="https://www.linkedin.com/in/cssda" type="hidden"> <input name="trk" value="public_profile_google-one-tap-submit" type="hidden"> <code id="termsAndConditionsRendered" style="display: none"></code> <div class="google-one-tap__module hidden fixed flex flex-col items-center top-[20px] right-[20px] z-[9999]"> <div class="relative top-2 bg-color-background-container-tint pl-2 pr-1 pt-2 pb-3 w-[375px] rounded-md shadow-2xl"> <p class="text-md font-bold text-color-text"> Agree & Join LinkedIn </p> <p class="linkedin-tc__text text-color-text-low-emphasis text-xs pb-2 !text-sm !text-color-text" data-impression-id="public_profile_one-tap-skip-tc-text"> By clicking Continue to join or sign in, you agree to LinkedIn’s <a href="/legal/user-agreement?trk=linkedin-tc_auth-button_user-agreement" target="_blank" data-tracking-control-name="linkedin-tc_auth-button_user-agreement" data-tracking-will-navigate="true">User Agreement</a>, <a href="/legal/privacy-policy?trk=linkedin-tc_auth-button_privacy-policy" target="_blank" data-tracking-control-name="linkedin-tc_auth-button_privacy-policy" data-tracking-will-navigate="true">Privacy Policy</a>, and <a href="/legal/cookie-policy?trk=linkedin-tc_auth-button_cookie-policy" target="_blank" data-tracking-control-name="linkedin-tc_auth-button_cookie-policy" data-tracking-will-navigate="true">Cookie Policy</a>. </p> </div> <div data-tracking-control-name="public_profile_google-one-tap" id="google-one-tap__container"></div> </div> <div class="loader loader--full-screen"> <div class="loader__container mb-2 overflow-hidden"> <icon class="loader__icon inline-block loader__icon--default text-color-progress-loading" data-delayed-url="https://static-exp2.licdn.com/aero-v1/sc/h/ddi43qwelxeqjxdd45pe3fvs1" data-svg-class-name="loader__icon-svg--large fill-currentColor h-[60px] min-h-[60px] w-[60px] min-w-[60px]"></icon> </div> </div> </form> <script data-delayed-url="https://static-exp2.licdn.com/aero-v1/sc/h/29rdkxlvag0d3cpj96fiilbju" data-module-id="google-gsi-lib"></script> <code id="isLinkedInAppWebView" style="display: none"></code> <code id="shouldRemoveUndefinedValues" style="display: none"></code> <code id="isItpSupportEnabled" style="display: none"></code> <code id="isFedCMEnabled" style="display: none"></code> <div class="contextual-sign-in-modal base-contextual-sign-in-modal" data-impression-id="public_profile_contextual-sign-in-modal" data-cool-off-enabled data-show-on-page-load>  <div class>  <div id="base-contextual-sign-in-modal" class="modal modal--contextual-sign-in" data-outlet="base-contextual-sign-in-modal">  <div class="modal__overlay flex items-center bg-color-background-scrim justify-center fixed bottom-0 left-0 right-0 top-0 opacity-0 invisible pointer-events-none z-[1000] transition-[opacity] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] duration-[0.17s] py-4 " aria-hidden="true"> <section aria-modal="true" role="dialog" aria-labelledby="base-contextual-sign-in-modal-modal-header" tabindex="-1" class="max-h-full modal__wrapper overflow-auto p-0 bg-color-surface max-w-[1128px] min-h-[160px] relative scale-[0.25] shadow-sm shadow-color-border-faint transition-[transform] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] duration-[0.33s] focus:outline-0 w-[1128px] mamabear:w-[744px] babybear:w-[360px] rounded-md"> <button class="modal__dismiss btn-tertiary h-[40px] w-[40px] p-0 rounded-full indent-0 contextual-sign-in-modal__modal-dismiss absolute right-0 m-[20px] cursor-pointer" aria-label="Dismiss" data-tracking-control-name="public_profile_contextual-sign-in-modal_modal_dismiss"> <icon class="contextual-sign-in-modal__modal-dismiss-icon" data-delayed-url="https://static-exp2.licdn.com/aero-v1/sc/h/gs508lg3t2o81tq7pmcgn6m2"></icon> </button> <div class="modal__main w-full"> <div class="contextual-sign-in-modal__screen contextual-sign-in-modal__context-screen flex flex-col my-4 mx-3"> <img class="inline-block relative rounded-[50%] w-16 h-16 contextual-sign-in-modal__img m-auto" data-delayed-url="https://media.licdn.com/dms/image/v2/D5603AQE4jrzSRKz-zA/profile-displayphoto-shrink_200_200/profile-displayphoto-shrink_200_200/0/1730284397164?e=2147483647&v=beta&t=_lXtieFhAGDOO8d-dwJeNrpEm1-kuTZ-J_D3iQi6xh4" data-ghost-classes="bg-color-entity-ghost-background" data-ghost-url="https://static-exp2.licdn.com/aero-v1/sc/h/9c8pery4andzj6ohjkjp54ma2" alt> <h2 class="contextual-sign-in-modal__context-screen-title font-sans text-xl text-color-text my-2 mx-4 text-center" id="base-contextual-sign-in-modal-modal-header"> View CSS Design’s full profile </h2>  <div class="contextual-sign-in-modal__btn-container m-auto w-[320px] babybear:w-full">  <div class="w-full max-w-[400px] mx-auto"> <div class="google-auth-button">  <div class="google-auth-button__placeholder " data-theme="filled_blue" data-logo-alignment="center"></div>  </div> </div> <div class="sign-in-modal" data-impression-id="public_profile_contextual-sign-in-modal_sign-in-modal"> <button class="sign-in-modal__outlet-btn cursor-pointer btn-md btn-primary btn-secondary" data-tracking-client-ingraph data-tracking-control-name="public_profile_contextual-sign-in-modal_sign-in-modal_outlet-button" data-modal="base-sign-in-modal">  Sign in </button> <div class>  <div id="base-sign-in-modal" class="modal modal--sign-in" data-outlet="base-sign-in-modal">  <div class="modal__overlay flex items-center bg-color-background-scrim justify-center fixed bottom-0 left-0 right-0 top-0 opacity-0 invisible pointer-events-none z-[1000] transition-[opacity] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] duration-[0.17s] py-4 " aria-hidden="true"> <section aria-modal="true" role="dialog" aria-labelledby="base-sign-in-modal-modal-header" tabindex="-1" class="max-h-full modal__wrapper overflow-auto p-0 bg-color-surface max-w-[1128px] min-h-[160px] relative scale-[0.25] shadow-sm shadow-color-border-faint transition-[transform] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] duration-[0.33s] focus:outline-0 w-[1128px] mamabear:w-[744px] babybear:w-[360px] rounded-md"> <button class="modal__dismiss btn-tertiary h-[40px] w-[40px] p-0 rounded-full indent-0 sign-in-modal__dismiss absolute right-0 cursor-pointer m-[20px]" aria-label="Dismiss" data-tracking-control-name="public_profile_contextual-sign-in-modal_sign-in-modal_dismiss"> <icon class="sign-in-modal__dismiss-icon" data-delayed-url="https://static-exp2.licdn.com/aero-v1/sc/h/gs508lg3t2o81tq7pmcgn6m2"></icon> </button> <div class="modal__main w-full"> <div class="sign-in-modal__screen flex flex-col py-4 w-[513px] babybear:w-full px-3"> <h2 class="sign-in-modal__header font-sans text-display-md text-color-text "> Welcome back </h2> <code id="i18n_sign_in_form_show_text" style="display: none"></code> <code id="i18n_sign_in_form_show_label" style="display: none"></code> <code id="i18n_sign_in_form_hide_text" style="display: none"></code> <code id="i18n_sign_in_form_hide_label" style="display: none"></code> <code id="i18n_username_error_empty" style="display: none"></code> <code id="i18n_username_error_too_long" style="display: none"></code> <code id="i18n_username_error_too_short" style="display: none"></code> <code id="i18n_password_error_empty" style="display: none"></code> <code id="i18n_password_error_too_short" style="display: none"></code> <code id="i18n_password_error_too_long" style="display: none"></code>  <form data-id="sign-in-form" action="https://www.linkedin.com/uas/login-submit" method="post" novalidate class="mt-1.5 mb-2"> <input name="loginCsrfParam" value="b8ec384c-77b7-48a5-87da-6db8f7502f79" type="hidden"> <div class="flex flex-col"> <div class="mt-1.5" data-js-module-id="guest-input"> <div class="flex flex-col"> <label class="input-label mb-1" for="base-sign-in-modal_session_key"> Email or phone </label> <div class="text-input flex"> <input class="text-color-text font-sans text-md outline-0 bg-color-transparent grow" autocomplete="username" id="base-sign-in-modal_session_key" name="session_key" required data-tracking-control-name="public_profile_contextual-sign-in-modal_sign-in-modal_sign-in-session-key" data-tracking-client-ingraph type="text"> </div> </div> <p class="input-helper mt-1.5" for="base-sign-in-modal_session_key" role="alert" data-js-module-id="guest-input__message"></p> </div> <div class="mt-1.5" data-js-module-id="guest-input"> <div class="flex flex-col"> <label class="input-label mb-1" for="base-sign-in-modal_session_password"> Password </label> <div class="text-input flex"> <input class="text-color-text font-sans text-md outline-0 bg-color-transparent grow" autocomplete="current-password" id="base-sign-in-modal_session_password" name="session_password" required data-tracking-control-name="public_profile_contextual-sign-in-modal_sign-in-modal_sign-in-password" data-tracking-client-ingraph type="password"> <button aria-live="assertive" aria-relevant="text" data-id="sign-in-form__password-visibility-toggle" class="font-sans text-md font-bold text-color-action z-10 ml-[12px] hover:cursor-pointer" aria-label="Show your LinkedIn password" data-tracking-control-name="public_profile_contextual-sign-in-modal_sign-in-modal_sign-in-password-visibility-toggle-btn" type="button">Show</button> </div> </div> <p class="input-helper mt-1.5" for="base-sign-in-modal_session_password" role="alert" data-js-module-id="guest-input__message"></p> </div> <input name="session_redirect" value="https://www.linkedin.com/in/cssda" type="hidden">  </div> <div data-id="sign-in-form__footer" class="flex justify-between sign-in-form__footer--full-width"> <a data-id="sign-in-form__forgot-password" class="font-sans text-md font-bold link leading-regular sign-in-form__forgot-password--full-width" href="https://www.linkedin.com/uas/request-password-reset?trk=public_profile_contextual-sign-in-modal_sign-in-modal_forgot_password" data-tracking-control-name="public_profile_contextual-sign-in-modal_sign-in-modal_forgot_password" data-tracking-will-navigate>Forgot password?</a>  <input name="trk" value="public_profile_contextual-sign-in-modal_sign-in-modal_sign-in-submit" type="hidden"> <button class="btn-md btn-primary flex-shrink-0 cursor-pointer sign-in-form__submit-btn--full-width" data-id="sign-in-form__submit-btn" data-tracking-control-name="public_profile_contextual-sign-in-modal_sign-in-modal_sign-in-submit-btn" data-tracking-client-ingraph data-tracking-litms type="submit"> Sign in </button> </div> <div class="sign-in-form__divider left-right-divider pt-2 pb-3"> <p class="sign-in-form__divider-text font-sans text-sm text-color-text px-2"> or </p> </div> </form> <div class="w-full max-w-[400px] mx-auto"> <div class="google-auth-button" data-tracking-control-name="public_profile_contextual-sign-in-modal_sign-in-modal_google-auth-button" data-tracking-client-ingraph> <code id="isTermsAndConditionsSkipEnabledAuthButton" style="display: none"></code> <p class="linkedin-tc__text text-color-text-low-emphasis text-xs pb-2" data-impression-id="public_profile_contextual-sign-in-modal_sign-in-modal__button-skip-tc-text"> By clicking Continue to join or sign in, you agree to LinkedIn’s <a href="/legal/user-agreement?trk=public_profile_contextual-sign-in-modal_sign-in-modal_auth-button_user-agreement" target="_blank" data-tracking-control-name="public_profile_contextual-sign-in-modal_sign-in-modal_auth-button_user-agreement" data-tracking-will-navigate="true">User Agreement</a>, <a href="/legal/privacy-policy?trk=public_profile_contextual-sign-in-modal_sign-in-modal_auth-button_privacy-policy" target="_blank" data-tracking-control-name="public_profile_contextual-sign-in-modal_sign-in-modal_auth-button_privacy-policy" data-tracking-will-navigate="true">Privacy Policy</a>, and <a href="/legal/cookie-policy?trk=public_profile_contextual-sign-in-modal_sign-in-modal_auth-button_cookie-policy" target="_blank" data-tracking-control-name="public_profile_contextual-sign-in-modal_sign-in-modal_auth-button_cookie-policy" data-tracking-will-navigate="true">Cookie Policy</a>. </p> <div class="google-auth-button__placeholder google-auth-button__placeholder--black-border" data-theme="outline" data-logo-alignment="center"></div>  </div> </div>  <p class="sign-in-modal__join-now m-auto font-sans text-md text-color-text mt-2"> New to LinkedIn? <a href="https://www.linkedin.com/signup/public-profile-join?vieweeVanityName=cssda&trk=public_profile_contextual-sign-in-modal_sign-in-modal_join-link" data-tracking-control-name="public_profile_contextual-sign-in-modal_sign-in-modal_join-link" data-tracking-will-navigate="true" class="sign-in-modal__join-link">Join now</a> </p> </div> </div>  </section> </div> </div> </div> </div> <div class="contextual-sign-in-modal__divider left-right-divider"> <p class="contextual-sign-in-modal__divider-text font-sans text-sm text-color-text px-2"> or </p> </div> </div> <p class="contextual-sign-in-modal__join-now m-auto font-sans text-md text-color-text my-1"> New to LinkedIn? <a href="https://www.linkedin.com/signup/public-profile-join?vieweeVanityName=cssda&trk=public_profile_contextual-sign-in-modal_join-link" data-tracking-control-name="public_profile_contextual-sign-in-modal_join-link" data-tracking-will-navigate="true" class="contextual-sign-in-modal__join-link">Join now</a> </p> <p class="linkedin-tc__text text-color-text-low-emphasis text-xs pb-2 contextual-sign-in-modal__terms-and-conditions m-auto w-[320px] pt-2 babybear:w-full" data-impression-id="linkedin-tc__button-skip-tc-text"> By clicking Continue to join or sign in, you agree to LinkedIn’s <a href="/legal/user-agreement?trk=linkedin-tc_auth-button_user-agreement" target="_blank" data-tracking-control-name="linkedin-tc_auth-button_user-agreement" data-tracking-will-navigate="true">User Agreement</a>, <a href="/legal/privacy-policy?trk=linkedin-tc_auth-button_privacy-policy" target="_blank" data-tracking-control-name="linkedin-tc_auth-button_privacy-policy" data-tracking-will-navigate="true">Privacy Policy</a>, and <a href="/legal/cookie-policy?trk=linkedin-tc_auth-button_cookie-policy" target="_blank" data-tracking-control-name="linkedin-tc_auth-button_cookie-policy" data-tracking-will-navigate="true">Cookie Policy</a>. </p> </div> </div>  </section> </div> </div> </div> </div> <div class="cta-modal overflow-hidden container-raised z-10 fixed bottom-3 right-3 min-h-[56px] p-2 babybear:hidden windows-app-upsell windows-app-upsell--msft flex flex-col p-2 w-[359px] !bg-[#F1F8FA] opacity-90 backdrop-blur-[2px] z-1" data-impression-id="public_profile_windows-app-upsell_cta-modal" role="dialog" aria-labelledby="cta-modal-header" aria-describedby="cta-modal-subheader"> <div class="windows-app-upsell__linkedin-title-container pt-[6px] mb-1.5 flex align-center"> <icon class="windows-app-upsell__linkedin-bug-icon block w-[21px] h-[21px]" data-svg-class-name="windows-app-upsell__linkedin-bug-icon-svg w-[21px] h-[21px]" data-delayed-url="https://static-exp2.licdn.com/aero-v1/sc/h/euqjj7tf5wvr33frd3x1jj9s"></icon> <p class="windows-app-upsell__linkedin-title uppercase text-xs text-color-text-secondary leading-[21px] ml-1"> LinkedIn </p> </div> <p class="windows-app-upsell__title font-sans text-md text-color-text-accent-4-hover font-semibold leading-regular mb-1"> LinkedIn is better on the app </p> <p class="windows-app-upsell__body font-sans text-sm text-color-text-secondary leading-regular"> Don’t have the app? Get it in the Microsoft Store. </p> <a class="windows-app-upsell__cta btn-sm btn-secondary-emphasis mt-2 mb-[6px] w-fit" href="ms-windows-store://pdp/?ProductId=9WZDNCRFJ4Q7&mode=mini&cid=guest_desktop_upsell" data-tracking-client-ingraph data-tracking-control-name="public_profile_windows-app-upsell_cta" data-tracking-will-navigate> Open the app </a> <button class="cta-modal__dismiss-btn absolute h-4 w-4 p-1 top-2 right-2 hover:cursor-pointer focus:outline focus:outline-2 focus:outline-color-action" data-tracking-control-name="public_profile_windows-app-upsell_dismiss" aria-label="Dismiss"> <icon class="cta-modal__dismiss-icon block h-2 w-2 onload" data-delayed-url="https://static-exp2.licdn.com/aero-v1/sc/h/adzjokfylbe8pvjr9h8iv96mw"></icon> </button> </div> </div> <code id="disableOneTapOnInit" style="display: none"></code>  <code id="enableFingerprintingJS" style="display: none"></code> <code id="fingerprintingUrlPath" style="display: none"></code> <code id="fingerprintingWaitTime" style="display: none"></code> <img class="bc " style="display:none;" width="1" height="1" data-delayed-url="https://ponf.linkedin.com/pixel/tracking.png?reqid=tid-AAYpCE6ireZwG1FO2eUPHg==&pageInstance=urn:li:page:public_profile_v3;aCvxCSh3Suadspy2W8QuPg==&js=enabled"> <noscript> <img class="bc " style="display:none;" width="1" height="1" src="https://ponf.linkedin.com/pixel/tracking.png?reqid=tid-AAYpCE6ireZwG1FO2eUPHg==&pageInstance=urn:li:page:public_profile_v3;aCvxCSh3Suadspy2W8QuPg==&js=disabled"> </noscript> <script src="https://static-exp2.licdn.com/aero-v1/sc/h/c2hrypcg7syy07wkk901c88q3" async></script>  <script src="https://static-exp2.licdn.com/aero-v1/sc/h/ayptw7w529ao4i8dfvnqi9por" async defer></script>   </body> </html>

CINXE.COM

CSS Design Awards - CSS Design Awards | LinkedIn