Community Sites - A Gallery of Community Site Designs via CSS Design Awards

<!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html;charset=UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="robots" content="index, follow" /> <meta name="author" content="CSS Design Awards" /> <meta name="referrer" content="origin-when-cross-origin" /> <title>Community Sites - A Gallery of Community Site Designs via CSS Design Awards</title> <meta name="description" content="The biggest collection of Community site designs to inspire your next project can be found here on CSS Design Awards. Community site design refers to the design of websites specifically used by community organizations." /> <link rel="canonical" href="https://www.cssdesignawards.com/" /> <link rel="apple-touch-icon" sizes="57x57" href="/images/favicons/apple-touch-icon-57x57.png"> <link rel="apple-touch-icon" sizes="60x60" href="/images/favicons/apple-touch-icon-60x60.png"> <link rel="apple-touch-icon" sizes="72x72" href="/images/favicons/apple-touch-icon-72x72.png"> <link rel="apple-touch-icon" sizes="76x76" href="/images/favicons/apple-touch-icon-76x76.png"> <link rel="apple-touch-icon" sizes="114x114" href="/images/favicons/apple-touch-icon-114x114.png"> <link rel="apple-touch-icon" sizes="120x120" href="/images/favicons/apple-touch-icon-120x120.png"> <link rel="apple-touch-icon" sizes="144x144" href="/images/favicons/apple-touch-icon-144x144.png"> <link rel="apple-touch-icon" sizes="152x152" href="/images/favicons/apple-touch-icon-152x152.png"> <link rel="apple-touch-icon" sizes="180x180" href="/images/favicons/apple-touch-icon-180x180.png"> <link rel="icon" type="image/png" href="/images/favicons/favicon-16x16.png" sizes="16x16"> <link rel="icon" type="image/png" href="/images/favicons/favicon-32x32.png" sizes="32x32"> <link rel="icon" type="image/png" href="/images/favicons/favicon-96x96.png" sizes="96x96"> <link rel="icon" type="image/png" href="/images/favicons/favicon-194x194.png" sizes="194x194"> <link rel="icon" type="image/png" href="/images/favicons/android-chrome-192x192.png" sizes="192x192"> <link rel="shortcut icon" href="/images/favicons/favicon.ico"> <link rel="stylesheet" href="/css/style-main.min.css" type="text/css" media="all"> <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,700,800" rel="stylesheet"> <link rel="stylesheet" href="/css/vendor/jcf.css" type="text/css" media="all"> </head> <body> <div id="page"> <header class="main"> <nav class="header__main-wrapper"> <div class="flex-grid"> <a href="/" class="header__site-logo"> <img src="/imgs/logo.svg" alt="CSS Design Awards"> </a> </div> <div class="flex-grid text-center mobile-hidden"> <div class="header__fade-slider"> <div class="header__fade-slider__slide active"> <a href="https://kinsta.com/wordpress-hosting/agencies/?utm_source=cssdesignawards&utm_medium=Referral&utm_campaign=homepage" target="_blank" rel="nofollow"> <img src="/imgs/content/2024/kinsta-for-agencies-logo.svg" width="150" height="100" alt="Kinsta"> </a> </div> <div class="header__fade-slider__slide"> <a href="https://redcollar.co/" target="_blank" rel="nofollow"> <img src="/imgs/content/2024/red-collar-logo.svg" width="150" height="100" alt="Red Collar"> </a> </div> </div> </div> <div class="flex-grid text-right"> <div class="header__side-elements"> <a href="#" class="menu-hamburger" data-modal-open="header-main-menu"></a> <a href="#" class="search" data-modal-open="header-search"> <img src="/imgs/loupe.svg" alt="Search"> </a> <a href="/submit" class="cust-btn mobile-hidden">SUBMIT</a> </div> </div> </nav> <div data-modal="header-main-menu" class="modal header-modal-menu"> <div class="modal__hide-scroll"> <div class="container"> <div class="modal__content"> <nav class="header__main-menu"> <div class="header__main-menu__wrapper"> <button class="modal__close">X</button> <ul class="header__main-menu__list"> <li><a href="/" class="cust-btn">Home</a></li> <li><a href="/wotd-award-nominees" class="cust-btn">Nominees</a></li> <li><a href="/wotd-award-winners" class="cust-btn">Winners</a></li> <li><a href="/about" class="cust-btn">About</a></li> <li><a href="/judges" class="cust-btn">Judges</a></li> <li><a href="/blog" class="cust-btn">Blog</a></li> <li><a href="/contact" class="cust-btn">Contact</a></li> <li><a href="/terms" class="cust-btn">Terms / Privacy</a></li> </ul> <ul class="header__main-menu__add-on"> <li><a href="/submit" class="cust-btn special-button">SUBMIT</a></li> <li><a href="/jpanel" target="_blank">JLogin</a></li> </ul> </div> </nav> </div>  </div> </div> </div>  <div data-modal="header-search" class="modal header-modal-search"> <div class="modal__hide-scroll"> <div class="container"> <div class="modal__content"> <form action="/search" method="get" id="frmSearch"> <input type="search" id="search_term" name="search_term" placeholder="Search" autofocus> <a class="modal__close">X</a> </form> </div>  </div> </div> </div>  </header> <div class="filters gallery-filters"> <nav class="filters__nav gallery-filters__nav"> <div class="container text-center"> <ul class="filters__list gallery-filters__list"> <li class="filters__list-item gallery-filters__list-item"> <a href="/wotd-award-nominees" class="filters__link gallery-filters__link">Nominees</a> </li> <li class="filters__list-item gallery-filters__list-item"> <a href="/wotd-award-winners" class="filters__link gallery-filters__link">WOTD</a> </li> <li class="filters__list-item gallery-filters__list-item"> <button class="filters__trigger gallery-filters__trigger" data-drawer-open="winners"> More Sites </button> </li> <li class="filters__list-item gallery-filters__list-item"> <button class="filters__trigger gallery-filters__trigger" data-drawer-open="features"> Features </button> </li> <li class="filters__list-item gallery-filters__list-item"> <button class="filters__trigger gallery-filters__trigger" data-drawer-open="industry"> Industry </button> </li> <li class="filters__list-item gallery-filters__list-item"> <button class="filters__trigger gallery-filters__trigger" data-drawer-open="colour"> Color </button> </li> </ul> </div> </nav> <div class="filters__drawers gallery-filters__drawers" data-drawer-container> <div class="subfilters gallery-subfilters" data-drawer="winners"> <div class="container text-center"> <div class="subfilters__list gallery-subfilters__list"> <a href="/special-kudos-award-winners">Special Kudos</a>,   <a href="/wotm-award-winners">WOTM</a>,   <a href="/woty-award-winners">WOTY</a> </div> </div> </div> <div class="subfilters gallery-subfilters" data-drawer="features"> <div class="container text-center"> <div class="subfilters__list gallery-subfilters__list"> <a href="/website-gallery?feature=animated">animated</a>,  <a href="/website-gallery?feature=colorful">colorful</a>,  <a href="/website-gallery?feature=eCommerce">eCommerce</a>,  <a href="/website-gallery?feature=flat+design">flat design</a>,  <a href="/website-gallery?feature=fullscreen">fullscreen</a>,  <a href="/website-gallery?feature=grid">grid</a>,  <a href="/website-gallery?feature=illustrated">illustrated</a>,  <a href="/website-gallery?feature=jQuery">jQuery</a>,  <a href="/website-gallery?feature=liquid">liquid</a>,  <a href="/website-gallery?feature=material+design">material design</a>,  <a href="/website-gallery?feature=minimal">minimal</a>,  <a href="/website-gallery?feature=one+page">one page</a>,  <a href="/website-gallery?feature=parallax">parallax</a>,  <a href="/website-gallery?feature=photographic">photographic</a>,  <a href="/website-gallery?feature=responsive">responsive</a>,  <a href="/website-gallery?feature=scroll">scroll</a>,  <a href="/website-gallery?feature=SVG">SVG</a>,  <a href="/website-gallery?feature=typographic">typographic</a>,  <a href="/website-gallery?feature=video%2Fsound">video/sound</a>,  <a href="/website-gallery?feature=VR">VR</a>,  <a href="/website-gallery?feature=WebGL">WebGL</a> </div> </div> </div> <div class="subfilters gallery-subfilters" data-drawer="industry"> <div class="container text-center"> <div class="subfilters__list gallery-subfilters__list"> <a href="/website-gallery?industry=agency">agency</a>,  <a href="/website-gallery?industry=app">app</a>,  <a href="/website-gallery?industry=art">art</a>,  <a href="/website-gallery?industry=blog">blog</a>,  <a href="/website-gallery?industry=community">community</a>,  <a href="/website-gallery?industry=education">education</a>,  <a href="/website-gallery?industry=entertainment">entertainment</a>,  <a href="/website-gallery?industry=fashion">fashion</a>,  <a href="/website-gallery?industry=food%2Fdrink">food/drink</a>,  <a href="/website-gallery?industry=graphic+design">graphic design</a>,  <a href="/website-gallery?industry=photography">photography</a>,  <a href="/website-gallery?industry=products">products</a>,  <a href="/website-gallery?industry=real+estate">real estate</a>,  <a href="/website-gallery?industry=services">services</a>,  <a href="/website-gallery?industry=sport">sport</a>,  <a href="/website-gallery?industry=travel">travel</a>,  <a href="/website-gallery?industry=web+design%2Fdev">web design/dev</a>,  <a href="/website-gallery?industry=wellbeing">wellbeing</a>,  <a href="/website-gallery?industry=other">other</a> </div> </div> </div> <div class="subfilters gallery-subfilters" data-drawer="colour"> <div class="container text-center"> <div class="subfilters__list gallery-subfilters__list"> <a href="/website-gallery?color=Red">Red</a>,  <a href="/website-gallery?color=Black">Black</a>,  <a href="/website-gallery?color=Yellow">Yellow</a>,  <a href="/website-gallery?color=Blue">Blue</a>,  <a href="/website-gallery?color=Orange">Orange</a>,  <a href="/website-gallery?color=Grey">Grey</a>,  <a href="/website-gallery?color=Purple">Purple</a>,  <a href="/website-gallery?color=Green">Green</a>,  <a href="/website-gallery?color=Pink">Pink</a>,  <a href="/website-gallery?color=Beige">Beige</a>,  <a href="/website-gallery?color=Brown">Brown</a>,  <a href="/website-gallery?color=White">White</a>,  <a href="/website-gallery?color=Multi">Multi</a> </div> </div> </div> </div> </div> <h3 style="text-align: center; margin-bottom: 50px;">Community Sites</h3> <section class="gallery-projects"> <div class="container"> <div class="gallery-projects__list projects__list"> <article class="single-project"> <div> <div class="single-project__thumbnail"> <img src="/cdasites/2024/202410/20241028121915.jpg" width="360" alt="FADRINES website" /> <div class="single-project__thumbnail__overlay"> <div class="single-project__meta"> <span class="sp__meta__category">S.KUDOS</span> <span class="sp__meta__date">OCT 31</span> </div> <a href="/sites/fadrines/46485/" class="sp__full-size-link"></a> <a href="https://fadrines.dival.es/" target="_blank" class="sp__project-link"><img src="imgs/link.svg" alt="FADRINES website"></a> <span class="sp__view-info">View</span> </div> </div> <h3 class="single-project__title"><a href="/sites/fadrines/46485/">FADRINES</a></h3> <div class="single-project__scores"> <span class="sp__single-score">UI</span> <span class="sp__single-score">UX</span> <span class="sp__single-score">INN</span> <span class="sp__single-score jpanel">JPANEL 7.25</span> </div> </div> </article> <article class="single-project"> <div> <div class="single-project__thumbnail"> <img src="/cdasites/2024/202409/20240920214852.jpg" width="360" alt="Maker website" /> <div class="single-project__thumbnail__overlay"> <div class="single-project__meta"> <span class="sp__meta__category">S.KUDOS</span> <span class="sp__meta__date">SEP 25</span> </div> <a href="/sites/maker/46312/" class="sp__full-size-link"></a> <a href="https://www.makermember.com/" target="_blank" class="sp__project-link"><img src="imgs/link.svg" alt="Maker website"></a> <span class="sp__view-info">View</span> </div> </div> <h3 class="single-project__title"><a href="/sites/maker/46312/">Maker</a></h3> <div class="single-project__scores"> <span class="sp__single-score active">UI</span> <span class="sp__single-score active">UX</span> <span class="sp__single-score active">INN</span> <span class="sp__single-score jpanel">JPANEL 7.18</span> </div> </div> </article> <article class="single-project"> <div> <div class="single-project__thumbnail"> <img src="/cdasites/2024/202409/20240917114700.jpg" width="360" alt="BRYCK website" /> <div class="single-project__thumbnail__overlay"> <div class="single-project__meta"> <span class="sp__meta__category">S.KUDOS</span> <span class="sp__meta__date">SEP 21</span> </div> <a href="/sites/bryck/46301/" class="sp__full-size-link"></a> <a href="https://bryck.com" target="_blank" class="sp__project-link"><img src="imgs/link.svg" alt="BRYCK website"></a> <span class="sp__view-info">View</span> </div> </div> <h3 class="single-project__title"><a href="/sites/bryck/46301/">BRYCK</a></h3> <div class="single-project__scores"> <span class="sp__single-score active">UI</span> <span class="sp__single-score active">UX</span> <span class="sp__single-score active">INN</span> <span class="sp__single-score jpanel">JPANEL 6.96</span> </div> </div> </article> <article class="single-project"> <div> <div class="single-project__thumbnail"> <img src="/cdasites/2024/202409/20240913125520.jpg" width="360" alt="Following Wildfire website" /> <div class="single-project__thumbnail__overlay"> <div class="single-project__meta"> <span class="sp__meta__category">WOTD</span> <span class="sp__meta__date">SEP 19</span> </div> <a href="/sites/following-wildfire/46287/" class="sp__full-size-link"></a> <a href="https://followingwildfire.com/" target="_blank" class="sp__project-link"><img src="imgs/link.svg" alt="Following Wildfire website"></a> <span class="sp__view-info">View</span> </div> </div> <h3 class="single-project__title"><a href="/sites/following-wildfire/46287/">Following Wildfire </a></h3> <div class="single-project__scores"> <span class="sp__single-score active">UI</span> <span class="sp__single-score active">UX</span> <span class="sp__single-score active">INN</span> <span class="sp__single-score jpanel">JPANEL 8.95</span> </div> </div> </article> <article class="single-project"> <div> <div class="single-project__thumbnail"> <img src="/cdasites/2024/202409/20240913075658.jpg" width="360" alt="OpenTech website" /> <div class="single-project__thumbnail__overlay"> <div class="single-project__meta"> <span class="sp__meta__category">S.KUDOS</span> <span class="sp__meta__date">SEP 17</span> </div> <a href="/sites/opentech/46282/" class="sp__full-size-link"></a> <a href="https://opentech.se/" target="_blank" class="sp__project-link"><img src="imgs/link.svg" alt="OpenTech website"></a> <span class="sp__view-info">View</span> </div> </div> <h3 class="single-project__title"><a href="/sites/opentech/46282/">OpenTech</a></h3> <div class="single-project__scores"> <span class="sp__single-score active">UI</span> <span class="sp__single-score active">UX</span> <span class="sp__single-score active">INN</span> <span class="sp__single-score jpanel">JPANEL 7.17</span> </div> </div> </article> <article class="single-project"> <div> <div class="single-project__thumbnail"> <img src="/cdasites/2024/202408/20240830100456.jpg" width="360" alt="Thrust Network website" /> <div class="single-project__thumbnail__overlay"> <div class="single-project__meta"> <span class="sp__meta__category">S.KUDOS</span> <span class="sp__meta__date">SEP 6</span> </div> <a href="/sites/thrust-network/46205/" class="sp__full-size-link"></a> <a href="https://www.thrust.network" target="_blank" class="sp__project-link"><img src="imgs/link.svg" alt="Thrust Network website"></a> <span class="sp__view-info">View</span> </div> </div> <h3 class="single-project__title"><a href="/sites/thrust-network/46205/">Thrust Network</a></h3> <div class="single-project__scores"> <span class="sp__single-score active">UI</span> <span class="sp__single-score active">UX</span> <span class="sp__single-score active">INN</span> <span class="sp__single-score jpanel">JPANEL 7.75</span> </div> </div> </article> <article class="single-project"> <div> <div class="single-project__thumbnail"> <img src="/cdasites/2024/202408/20240824063025.jpg" width="360" alt="Kira Rudik website" /> <div class="single-project__thumbnail__overlay"> <div class="single-project__meta"> <span class="sp__meta__category">S.KUDOS</span> <span class="sp__meta__date">AUG 30</span> </div> <a href="/sites/kira-rudik/46181/" class="sp__full-size-link"></a> <a href="https://www.kirarudik.com" target="_blank" class="sp__project-link"><img src="imgs/link.svg" alt="Kira Rudik website"></a> <span class="sp__view-info">View</span> </div> </div> <h3 class="single-project__title"><a href="/sites/kira-rudik/46181/">Kira Rudik</a></h3> <div class="single-project__scores"> <span class="sp__single-score active">UI</span> <span class="sp__single-score active">UX</span> <span class="sp__single-score active">INN</span> <span class="sp__single-score jpanel">JPANEL 6.46</span> </div> </div> </article> <article class="single-project"> <div> <div class="single-project__thumbnail"> <img src="/cdasites/2024/202408/20240821235357.jpg" width="360" alt="Fin-Erth website" /> <div class="single-project__thumbnail__overlay"> <div class="single-project__meta"> <span class="sp__meta__category">S.KUDOS</span> <span class="sp__meta__date">AUG 28</span> </div> <a href="/sites/fin-erth/46170/" class="sp__full-size-link"></a> <a href="https://www.fin-erth.com/" target="_blank" class="sp__project-link"><img src="imgs/link.svg" alt="Fin-Erth website"></a> <span class="sp__view-info">View</span> </div> </div> <h3 class="single-project__title"><a href="/sites/fin-erth/46170/">Fin-Erth</a></h3> <div class="single-project__scores"> <span class="sp__single-score active">UI</span> <span class="sp__single-score active">UX</span> <span class="sp__single-score active">INN</span> <span class="sp__single-score jpanel">JPANEL 7.50</span> </div> </div> </article> <article class="single-project"> <div> <div class="single-project__thumbnail"> <img src="/cdasites/2024/202408/20240808080537.jpg" width="360" alt="Touch website" /> <div class="single-project__thumbnail__overlay"> <div class="single-project__meta"> <span class="sp__meta__category">S.KUDOS</span> <span class="sp__meta__date">AUG 14</span> </div> <a href="/sites/touch/46111/" class="sp__full-size-link"></a> <a href="https://kasanie.me/touch" target="_blank" class="sp__project-link"><img src="imgs/link.svg" alt="Touch website"></a> <span class="sp__view-info">View</span> </div> </div> <h3 class="single-project__title"><a href="/sites/touch/46111/">Touch</a></h3> <div class="single-project__scores"> <span class="sp__single-score">UI</span> <span class="sp__single-score">UX</span> <span class="sp__single-score">INN</span> <span class="sp__single-score jpanel">JPANEL 7.50</span> </div> </div> </article> <article class="single-project"> <div> <div class="single-project__thumbnail"> <img src="/cdasites/2024/202407/20240731033431.jpg" width="360" alt="The Lasting Petals of Palestine website" /> <div class="single-project__thumbnail__overlay"> <div class="single-project__meta"> <span class="sp__meta__category">WOTD</span> <span class="sp__meta__date">AUG 5</span> </div> <a href="/sites/the-lasting-petals-of-palestine/46053/" class="sp__full-size-link"></a> <a href="https://lastingpetals.org/" target="_blank" class="sp__project-link"><img src="imgs/link.svg" alt="The Lasting Petals of Palestine website"></a> <span class="sp__view-info">View</span> </div> </div> <h3 class="single-project__title"><a href="/sites/the-lasting-petals-of-palestine/46053/">The Lasting Petals of Palestine</a></h3> <div class="single-project__scores"> <span class="sp__single-score active">UI</span> <span class="sp__single-score active">UX</span> <span class="sp__single-score active">INN</span> <span class="sp__single-score jpanel">JPANEL 8.77</span> </div> </div> </article> <article class="single-project"> <div> <div class="single-project__thumbnail"> <img src="/cdasites/2024/202407/20240729135713.jpg" width="360" alt="Dogelon Mars website" /> <div class="single-project__thumbnail__overlay"> <div class="single-project__meta"> <span class="sp__meta__category">WOTD</span> <span class="sp__meta__date">AUG 4</span> </div> <a href="/sites/dogelon-mars/46042/" class="sp__full-size-link"></a> <a href="https://dogelonmars.com/" target="_blank" class="sp__project-link"><img src="imgs/link.svg" alt="Dogelon Mars website"></a> <span class="sp__view-info">View</span> </div> </div> <h3 class="single-project__title"><a href="/sites/dogelon-mars/46042/">Dogelon Mars</a></h3> <div class="single-project__scores"> <span class="sp__single-score active">UI</span> <span class="sp__single-score active">UX</span> <span class="sp__single-score active">INN</span> <span class="sp__single-score jpanel">JPANEL 8.46</span> </div> </div> </article> <article class="single-project"> <div> <div class="single-project__thumbnail"> <img src="/cdasites/2024/202407/20240727011054.jpg" width="360" alt="Xcimer Energy website" /> <div class="single-project__thumbnail__overlay"> <div class="single-project__meta"> <span class="sp__meta__category">S.KUDOS</span> <span class="sp__meta__date">AUG 1</span> </div> <a href="/sites/xcimer-energy/46032/" class="sp__full-size-link"></a> <a href="https://xcimer.energy/" target="_blank" class="sp__project-link"><img src="imgs/link.svg" alt="Xcimer Energy website"></a> <span class="sp__view-info">View</span> </div> </div> <h3 class="single-project__title"><a href="/sites/xcimer-energy/46032/">Xcimer Energy</a></h3> <div class="single-project__scores"> <span class="sp__single-score">UI</span> <span class="sp__single-score">UX</span> <span class="sp__single-score">INN</span> <span class="sp__single-score jpanel">JPANEL 6.14</span> </div> </div> </article> <article class="single-project"> <div> <div class="single-project__thumbnail"> <img src="/cdasites/2024/202407/20240729075712.jpg" width="360" alt="National Celiac Association website" /> <div class="single-project__thumbnail__overlay"> <div class="single-project__meta"> <span class="sp__meta__category">S.KUDOS</span> <span class="sp__meta__date">AUG 1</span> </div> <a href="/sites/national-celiac-association/46027/" class="sp__full-size-link"></a> <a href="https://nationalceliac.org/" target="_blank" class="sp__project-link"><img src="imgs/link.svg" alt="National Celiac Association website"></a> <span class="sp__view-info">View</span> </div> </div> <h3 class="single-project__title"><a href="/sites/national-celiac-association/46027/">National Celiac Association</a></h3> <div class="single-project__scores"> <span class="sp__single-score active">UI</span> <span class="sp__single-score active">UX</span> <span class="sp__single-score active">INN</span> <span class="sp__single-score jpanel">JPANEL 6.45</span> </div> </div> </article> <article class="single-project"> <div> <div class="single-project__thumbnail"> <img src="/cdasites/2024/202407/20240715051950.jpg" width="360" alt="Creative Social Services website" /> <div class="single-project__thumbnail__overlay"> <div class="single-project__meta"> <span class="sp__meta__category">S.KUDOS</span> <span class="sp__meta__date">JUL 23</span> </div> <a href="/sites/creative-social-services/45970/" class="sp__full-size-link"></a> <a href="https://www.kenduncanyoshidamah.com" target="_blank" class="sp__project-link"><img src="imgs/link.svg" alt="Creative Social Services website"></a> <span class="sp__view-info">View</span> </div> </div> <h3 class="single-project__title"><a href="/sites/creative-social-services/45970/">Creative Social Services</a></h3> <div class="single-project__scores"> <span class="sp__single-score">UI</span> <span class="sp__single-score">UX</span> <span class="sp__single-score">INN</span> <span class="sp__single-score jpanel">JPANEL 7.32</span> </div> </div> </article> <article class="single-project"> <div> <div class="single-project__thumbnail"> <img src="/cdasites/2024/202407/20240712105516.jpg" width="360" alt="Fondazione Simone Cesaretti website" /> <div class="single-project__thumbnail__overlay"> <div class="single-project__meta"> <span class="sp__meta__category">S.KUDOS</span> <span class="sp__meta__date">JUL 19</span> </div> <a href="/sites/fondazione-simone-cesaretti/45960/" class="sp__full-size-link"></a> <a href="https://www.fondazionesimonecesarettiets.it/en" target="_blank" class="sp__project-link"><img src="imgs/link.svg" alt="Fondazione Simone Cesaretti website"></a> <span class="sp__view-info">View</span> </div> </div> <h3 class="single-project__title"><a href="/sites/fondazione-simone-cesaretti/45960/">Fondazione Simone Cesaretti</a></h3> <div class="single-project__scores"> <span class="sp__single-score active">UI</span> <span class="sp__single-score active">UX</span> <span class="sp__single-score active">INN</span> <span class="sp__single-score jpanel">JPANEL 7.06</span> </div> </div> </article> <article class="single-project"> <div> <div class="single-project__thumbnail"> <img src="/cdasites/2024/202407/20240705120124.jpg" width="360" alt="Startech Awards website" /> <div class="single-project__thumbnail__overlay"> <div class="single-project__meta"> <span class="sp__meta__category">WOTD</span> <span class="sp__meta__date">JUL 12</span> </div> <a href="/sites/startech-awards/45914/" class="sp__full-size-link"></a> <a href="https://awards.startech.vc/en" target="_blank" class="sp__project-link"><img src="imgs/link.svg" alt="Startech Awards website"></a> <span class="sp__view-info">View</span> </div> </div> <h3 class="single-project__title"><a href="/sites/startech-awards/45914/">Startech Awards</a></h3> <div class="single-project__scores"> <span class="sp__single-score active">UI</span> <span class="sp__single-score active">UX</span> <span class="sp__single-score active">INN</span> <span class="sp__single-score jpanel">JPANEL 8.34</span> </div> </div> </article> <article class="single-project"> <div> <div class="single-project__thumbnail"> <img src="/cdasites/2024/202407/20240705090429.jpg" width="360" alt="CHUTZPA website" /> <div class="single-project__thumbnail__overlay"> <div class="single-project__meta"> <span class="sp__meta__category">S.KUDOS</span> <span class="sp__meta__date">JUL 9</span> </div> <a href="/sites/chutzpa/45913/" class="sp__full-size-link"></a> <a href="https://new.chutzpa.de/" target="_blank" class="sp__project-link"><img src="imgs/link.svg" alt="CHUTZPA website"></a> <span class="sp__view-info">View</span> </div> </div> <h3 class="single-project__title"><a href="/sites/chutzpa/45913/">CHUTZPA</a></h3> <div class="single-project__scores"> <span class="sp__single-score active">UI</span> <span class="sp__single-score active">UX</span> <span class="sp__single-score active">INN</span> <span class="sp__single-score jpanel">JPANEL 7.58</span> </div> </div> </article> <article class="single-project"> <div> <div class="single-project__thumbnail"> <img src="/cdasites/2024/202407/20240702115255.jpg" width="360" alt="Setka website" /> <div class="single-project__thumbnail__overlay"> <div class="single-project__meta"> <span class="sp__meta__category">S.KUDOS</span> <span class="sp__meta__date">JUL 6</span> </div> <a href="/sites/setka/45896/" class="sp__full-size-link"></a> <a href="https://hi.setka.ru/" target="_blank" class="sp__project-link"><img src="imgs/link.svg" alt="Setka website"></a> <span class="sp__view-info">View</span> </div> </div> <h3 class="single-project__title"><a href="/sites/setka/45896/">Setka</a></h3> <div class="single-project__scores"> <span class="sp__single-score active">UI</span> <span class="sp__single-score active">UX</span> <span class="sp__single-score active">INN</span> <span class="sp__single-score jpanel">JPANEL 7.87</span> </div> </div> </article> </div> <div class="gallery-projects__pagination"> <div class="pagination text-center"> <ul class="pagination__list"> <li class="pagination__item current"><a href="/website-gallery?industry=community&page=1" class="pagination__link">1</a></li> <li class="pagination__item"><a href="/website-gallery?industry=community&page=2" class="pagination__link">2</a></li> <li class="pagination__item"><a href="/website-gallery?industry=community&page=3" class="pagination__link">3</a></li> <li class="pagination__item"><a href="/website-gallery?industry=community&page=4" class="pagination__link">4</a></li> <li class="pagination__item"><a href="/website-gallery?industry=community&page=5" class="pagination__link">5</a></li> <li class="pagination__item"><a href="/website-gallery?industry=community&page=6" class="pagination__link">6</a></li> <li class="pagination__item"><a href="/website-gallery?industry=community&page=7" class="pagination__link">7</a></li> <li class="pagination__item"><a href="/website-gallery?industry=community&page=8" class="pagination__link">8</a></li> <li class="pagination__item"><a href="/website-gallery?industry=community&page=9" class="pagination__link">9</a></li> <li class="pagination__item"><a href="/website-gallery?industry=community&page=10" class="pagination__link">10</a></li> <li class="pagination__item"><a href="/website-gallery?industry=community&page=11" class="pagination__link">11</a></li> <li class="pagination__item"><a href="/website-gallery?industry=community&page=12" class="pagination__link">12</a></li> <li class="pagination__item"><a href="/website-gallery?industry=community&page=13" class="pagination__link">13</a></li> <li class="pagination__item"><a href="/website-gallery?industry=community&page=14" class="pagination__link">14</a></li> <li class="pagination__item"><a href="/website-gallery?industry=community&page=15" class="pagination__link">15</a></li> <li class="pagination__item"><a href="/website-gallery?industry=community&page=16" class="pagination__link">16</a></li> <li class="pagination__item"><a href="/website-gallery?industry=community&page=17" class="pagination__link">17</a></li> <li class="pagination__item"><a href="/website-gallery?industry=community&page=18" class="pagination__link">18</a></li> <li class="pagination__item"><a href="/website-gallery?industry=community&page=19" class="pagination__link">19</a></li> <li class="pagination__item"><a href="/website-gallery?industry=community&page=2" class="pagination__link">›</a></li> </ul>  </div>  </div> </div> </section> <div class="page-modals"> </div> <div class="container smsc-button-wrapper"> <a class="smsc-button light" href="#">Go to Top</a> </div> <footer class="main light"> <div class="flex-grid">CSS DESIGN AWARDS © 2009 - 2024</div> <div class="flex-grid text-center mobile-top"> <ul class="social-icons"> <li><a href="https://www.facebook.com/CSSDesignAwards/" target="_blank" style="background-image: url(/imgs/social-icons/facebook.svg);"><img src="/imgs/social-icons/facebook.svg" alt="facebook"></a></li> <li><a href="https://x.com/cssdesignawards" target="_blank" style="background-image: url(/imgs/social-icons/x.svg);"><img src="/imgs/social-icons/x.svg" alt="twitter/X"></a></li> <li><a href="https://www.linkedin.com/in/cssda/" target="_blank" style="background-image: url(/imgs/social-icons/linkedin.svg);"><img src="/imgs/social-icons/linkedin.svg" alt="linkedin"></a></li> <li><a href="https://www.instagram.com/cssdesignaward/" target="_blank" style="background-image: url(/imgs/social-icons/instagram.svg);"><img src="/imgs/social-icons/instagram.svg" alt="instagram"></a></li> </ul> </div> <div class="flex-grid text-right mobile-hidden">BE INSPIRED. BE INSPIRING.</div> </footer> </div> <div id="scripts"> <script type="text/javascript" src="/js/vendor/jquery-3.2.1.min.js"></script> <script type="text/javascript" src="/js/vendor/jcf.js"></script> <script type="text/javascript" src="/js/vendor/jcf.select.js"></script> <script type="text/javascript" src="/js/vendor/jcf.checkbox.js"></script> <script type="text/javascript" src="/js/vendor/jcf.file.js"></script> <script type="text/javascript" src="/js/script.min.js"></script> </div> </body> </html>

CINXE.COM

Community Sites - A Gallery of Community Site Designs via CSS Design Awards