CINXE.COM
CSS Design Awards - Website Awards - Best Web Design Inspiration - CSS 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>CSS Design Awards - Website Awards - Best Web Design Inspiration - CSS Awards</title> <meta name="description" content="CSS Design Awards. Be inspired, Be inspiring. Submit your website to the world's best CSS awards for a chance to win Site of the Day, UI awards UX awards and more from a panel of 200+ international web designers and developers." /> <meta name="keywords" content="best website awards, web design awards, web design inspiration, css awards, css winner, UI design, UX design" /> <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> <!-- /.modal-content --> </div> </div> </div> <!-- /.modal --> <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> <!-- /.modal-content --> </div> </div> </div> <!-- /.modal --> </header> <section class="home-wotd"> <div class="container"> <div class="home-wotd__wrapper"> <h1 class="home-wotd__date">AWARDED 2024 DEC 3</h1> <div class="home-wotd__middle"> <figure class="home-wotd__thumbnail"> <a href="/sites/ai-milestones/46627/"><img src="cdasites/2024/202411/20241118094055.jpg" width="740" alt="AI Milestones website" /></a> </figure> <div class="home-wotd__side"> <img class="home-wotd__monogram" src="imgs/cssda-monogram-wotd.svg" alt="Website Of The Day monogrm"> <h3 class="home-wotd__title"><a href="/sites/ai-milestones/46627/">AI Milestones</a></h3> <h4 class="home-wotd__subtitle"><a href="https://byhook.com/" target="_blank">Hook</a></h4> <span class="home-wotd__meta">USA</span> </div> <div class="home-wotd__desc mobile"> <p><em>Hook created an interactive timeline demonstrating Google's instrumental role in the development of AI over the last 20 years.</em></p> </div> </div> <div class="home-wotd__scores"> <div class="home-wotd__scores__top"> <div class="home-wotd__desc"> <p><em>Hook created an interactive timeline demonstrating Google's instrumental role in the development of AI over the last 20 years.</em></p> </div> <div class="home-wotd__judges"> <figure class="single-judge"> <img src="/judges/images/267/gabriel-contassot.jpg" width="40" alt="Gabriel Contassot"/> <figcaption class="single-judge__tooltip"> <h4 class="single-judge__name">Gabriel Contassot</h4> <h5 class="single-judge__title">Design Director</h5> <div class="single-judge__scores"> <span class="sj__scores__partial">UI 9</span> <span class="sj__scores__partial">UX 9</span> <span class="sj__scores__partial">INN 9</span> <span class="sj__scores__partial sj__scores__total">9</span> </div> </figcaption> </figure> <figure class="single-judge"> <img src="/judges/images/267/ana-jesus.jpg" width="40" alt="Ana Jesus"/> <figcaption class="single-judge__tooltip"> <h4 class="single-judge__name">Ana Jesus</h4> <h5 class="single-judge__title">Designer & Creative Head</h5> <div class="single-judge__scores"> <span class="sj__scores__partial">UI 9</span> <span class="sj__scores__partial">UX 9</span> <span class="sj__scores__partial">INN 8.5</span> <span class="sj__scores__partial sj__scores__total">8.83</span> </div> </figcaption> </figure> <figure class="single-judge"> <img src="/judges/images/267/michela-chuicini.jpg" width="40" alt="Michela Chiucini"/> <figcaption class="single-judge__tooltip"> <h4 class="single-judge__name">Michela Chiucini</h4> <h5 class="single-judge__title">Designer & Art Director</h5> <div class="single-judge__scores"> <span class="sj__scores__partial">UI 8.5</span> <span class="sj__scores__partial">UX 8.8</span> <span class="sj__scores__partial">INN 9</span> <span class="sj__scores__partial sj__scores__total">8.77</span> </div> </figcaption> </figure> <figure class="single-judge"> <img src="/judges/images/267/achille-calegari.jpg" width="40" alt="Achille Calegari"/> <figcaption class="single-judge__tooltip"> <h4 class="single-judge__name">Achille Calegari</h4> <h5 class="single-judge__title">CEO & Digital Strategist</h5> <div class="single-judge__scores"> <span class="sj__scores__partial">UI 9</span> <span class="sj__scores__partial">UX 8</span> <span class="sj__scores__partial">INN 9</span> <span class="sj__scores__partial sj__scores__total">8.67</span> </div> </figcaption> </figure> <figure class="single-judge"> <img src="/judges/images/267/federica-gandolfo.jpg" width="40" alt="Federica Gandolfo"/> <figcaption class="single-judge__tooltip"> <h4 class="single-judge__name">Federica Gandolfo</h4> <h5 class="single-judge__title">Digital Art Director and Graphic Designer</h5> <div class="single-judge__scores"> <span class="sj__scores__partial">UI 8.2</span> <span class="sj__scores__partial">UX 8.6</span> <span class="sj__scores__partial">INN 9.2</span> <span class="sj__scores__partial sj__scores__total">8.67</span> </div> </figcaption> </figure> <figure class="single-judge"> <img src="/judges/images/267/labib-jaffar.jpg" width="40" alt="Labib Jaffar"/> <figcaption class="single-judge__tooltip"> <h4 class="single-judge__name">Labib Jaffar</h4> <h5 class="single-judge__title">Senior Visual Designer</h5> <div class="single-judge__scores"> <span class="sj__scores__partial">UI 8</span> <span class="sj__scores__partial">UX 8.5</span> <span class="sj__scores__partial">INN 8.7</span> <span class="sj__scores__partial sj__scores__total">8.4</span> </div> </figcaption> </figure> </div> </div> <div class="home-wotd__scores__bottom"> <ul class="vote__list completed"> <li class="vote__item"> <div class="vote__circle" data-count="100" data-ini-score="20" data-total="20" data-site-id="0" data-cat-id="0"> <div class="vote__circle__icon trophy solid"></div> <div class="vote__circle__slice"> <div class="vote__circle__bar"></div> <div class="vote__circle__fill"></div> </div> </div> <div class="vote__caption"> <div class="vote__cat">UI Design</div> <div class="vote__score"> <strong>8.53</strong> <small><span class="vote__score__count">20</span>/20V</small> </div> </div> </li> <li class="vote__item"> <div class="vote__circle" data-count="100" data-ini-score="20" data-total="20" data-site-id="1" data-cat-id="1"> <div class="vote__circle__icon trophy solid"></div> <div class="vote__circle__slice"> <div class="vote__circle__bar"></div> <div class="vote__circle__fill"></div> </div> </div> <div class="vote__caption"> <div class="vote__cat">UX Design</div> <div class="vote__score"> <strong>8.49</strong> <small><span class="vote__score__count">20</span>/20V</small> </div> </div> </li> <li class="vote__item"> <div class="vote__circle" data-count="100" data-ini-score="20" data-total="20" data-site-id="2" data-cat-id="2"> <div class="vote__circle__icon trophy solid"></div> <div class="vote__circle__slice"> <div class="vote__circle__bar"></div> <div class="vote__circle__fill"></div> </div> </div> <div class="vote__caption"> <div class="vote__cat">Innovation</div> <div class="vote__score"> <strong>8.84</strong> <small><span class="vote__score__count">20</span>/20V</small> </div> </div> </li> <li class="vote__item vote__summary-item"> <div class="vote__summary" data-count="5"> <span>8.62</span> </div> <div class="vote__caption"> <div class="vote__cat">Judge's Score</div> </div> </li> </ul> <!-- /.vote__list --> </div> </div> </div> </div> </section> <section class="home-projects"> <div class="container"> <h2><a href="/wotd-award-nominees" class="cust-btn arrow-icon">Newest Nominees</a></h2> <div class="home-projects__list projects__list"> <article class="single-project"> <div> <div class="single-project__thumbnail"> <img src="cdasites/2024/202412/20241203115054.jpg" alt="WeThink website" /> <div class="single-project__thumbnail__overlay"> <div class="single-project__meta"> <span class="sp__meta__category">NOMINEE</span> <span class="sp__meta__date">DEC 3</span> </div> <a href="/sites/wethink/46706/" class="sp__full-size-link"></a> <a href="https://wethink.report/" target="_blank" class="sp__project-link"><img src="imgs/link.svg" alt="WeThink website"></a> <span class="sp__view-info">Vote</span> </div> </div> <h3 class="single-project__title"><a href="/sites/wethink/46706/">WeThink</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> </div> </div> </article> <article class="single-project"> <div> <div class="single-project__thumbnail"> <img src="cdasites/2024/202412/20241203050227.jpg" alt="Take Me To Christmas 2024 website" /> <div class="single-project__thumbnail__overlay"> <div class="single-project__meta"> <span class="sp__meta__category">NOMINEE</span> <span class="sp__meta__date">DEC 3</span> </div> <a href="/sites/take-me-to-christmas-2024/46704/" class="sp__full-size-link"></a> <a href="https://christmas-2024.riven.ch/" target="_blank" class="sp__project-link"><img src="imgs/link.svg" alt="Take Me To Christmas 2024 website"></a> <span class="sp__view-info">Vote</span> </div> </div> <h3 class="single-project__title"><a href="/sites/take-me-to-christmas-2024/46704/">Take Me To Christmas 2024</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> </div> </div> </article> <article class="single-project last-item"> <div> <div class="single-project__thumbnail"> <img src="cdasites/2024/202412/20241202135433.jpg" alt="Mew website" /> <div class="single-project__thumbnail__overlay"> <div class="single-project__meta"> <span class="sp__meta__category">NOMINEE</span> <span class="sp__meta__date">DEC 2</span> </div> <a href="/sites/mew/46702/" class="sp__full-size-link"></a> <a href="https://mew.xyz/" target="_blank" class="sp__project-link"><img src="imgs/link.svg" alt="Mew website"></a> <span class="sp__view-info">Vote</span> </div> </div> <h3 class="single-project__title"><a href="/sites/mew/46702/">Mew</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> </div> </div> </article> </div> </div> </section> <section class="home-projects"> <div class="container"> <h2><a href="/wotd-award-winners" class="cust-btn arrow-icon">Previous WOTDS</a></h2> <div class="home-projects__list projects__list"> <article class="single-project"> <div> <div class="single-project__thumbnail"> <img src="cdasites/2024/202411/20241116060742.jpg" alt="Richard Prescott — Folio©24 website" /> <div class="single-project__thumbnail__overlay"> <div class="single-project__meta"> <span class="sp__meta__category">WOTD</span> <span class="sp__meta__date">DEC 2</span> </div> <a href="/sites/richard-prescott-folio-24/46618/" class="sp__full-size-link"></a> <a href="https://www.richardprescott.com/" target="_blank" class="sp__project-link"><img src="imgs/link.svg" alt=" website"></a> <span class="sp__view-info">View</span> </div> </div> <h3 class="single-project__title"><a href="/sites/richard-prescott-folio-24/46618/">Richard Prescott — Folio©24</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.89</span> </div> </div> </article> <article class="single-project"> <div> <div class="single-project__thumbnail"> <img src="cdasites/2024/202410/20241009075111.jpg" alt="Jasmina Denner website" /> <div class="single-project__thumbnail__overlay"> <div class="single-project__meta"> <span class="sp__meta__category">WOTD</span> <span class="sp__meta__date">DEC 1</span> </div> <a href="/sites/jasmina-denner/46402/" class="sp__full-size-link"></a> <a href="https://jasminadenner.com" target="_blank" class="sp__project-link"><img src="imgs/link.svg" alt=" website"></a> <span class="sp__view-info">View</span> </div> </div> <h3 class="single-project__title"><a href="/sites/jasmina-denner/46402/">Jasmina Denner</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.30</span> </div> </div> </article> <article class="single-project"> <div> <div class="single-project__thumbnail"> <img src="cdasites/2024/202411/20241113123307.jpg" alt="BOTTEGA 53 website" /> <div class="single-project__thumbnail__overlay"> <div class="single-project__meta"> <span class="sp__meta__category">WOTD</span> <span class="sp__meta__date">NOV 30</span> </div> <a href="/sites/bottega-53/46609/" class="sp__full-size-link"></a> <a href="https://www.bottega53.com/" target="_blank" class="sp__project-link"><img src="imgs/link.svg" alt=" website"></a> <span class="sp__view-info">View</span> </div> </div> <h3 class="single-project__title"><a href="/sites/bottega-53/46609/">BOTTEGA 53</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.47</span> </div> </div> </article> <article class="single-project"> <div> <div class="single-project__thumbnail"> <img src="cdasites/2024/202411/20241115002501.jpg" alt="Limesharp website" /> <div class="single-project__thumbnail__overlay"> <div class="single-project__meta"> <span class="sp__meta__category">WOTD</span> <span class="sp__meta__date">NOV 29</span> </div> <a href="/sites/limesharp/46615/" class="sp__full-size-link"></a> <a href="https://limesharp.net/" target="_blank" class="sp__project-link"><img src="imgs/link.svg" alt=" website"></a> <span class="sp__view-info">View</span> </div> </div> <h3 class="single-project__title"><a href="/sites/limesharp/46615/">Limesharp</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.67</span> </div> </div> </article> <article class="single-project"> <div> <div class="single-project__thumbnail"> <img src="cdasites/2024/202411/20241113060659.jpg" alt="Dondre Green website" /> <div class="single-project__thumbnail__overlay"> <div class="single-project__meta"> <span class="sp__meta__category">WOTD</span> <span class="sp__meta__date">NOV 28</span> </div> <a href="/sites/dondre-green/46607/" class="sp__full-size-link"></a> <a href="https://www.dondregreen.com/" target="_blank" class="sp__project-link"><img src="imgs/link.svg" alt=" website"></a> <span class="sp__view-info">View</span> </div> </div> <h3 class="single-project__title"><a href="/sites/dondre-green/46607/">Dondre Green</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.20</span> </div> </div> </article> <article class="single-project"> <div> <div class="single-project__thumbnail"> <img src="cdasites/2024/202411/20241114090455.jpg" alt="Antoine Wodniack — Portfolio website" /> <div class="single-project__thumbnail__overlay"> <div class="single-project__meta"> <span class="sp__meta__category">WOTD</span> <span class="sp__meta__date">NOV 27</span> </div> <a href="/sites/antoine-wodniack-portfolio/46614/" class="sp__full-size-link"></a> <a href="https://wodniack.dev/" target="_blank" class="sp__project-link"><img src="imgs/link.svg" alt=" website"></a> <span class="sp__view-info">View</span> </div> </div> <h3 class="single-project__title"><a href="/sites/antoine-wodniack-portfolio/46614/">Antoine Wodniack — Portfolio</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.87</span> </div> </div> </article> <article class="single-project"> <div> <div class="single-project__thumbnail"> <img src="cdasites/2024/202411/20241113060647.jpg" alt="Casa Malka website" /> <div class="single-project__thumbnail__overlay"> <div class="single-project__meta"> <span class="sp__meta__category">WOTD</span> <span class="sp__meta__date">NOV 26</span> </div> <a href="/sites/casa-malka/46605/" class="sp__full-size-link"></a> <a href="https://casamalka.com" target="_blank" class="sp__project-link"><img src="imgs/link.svg" alt=" website"></a> <span class="sp__view-info">View</span> </div> </div> <h3 class="single-project__title"><a href="/sites/casa-malka/46605/">Casa Malka</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.39</span> </div> </div> </article> <article class="single-project"> <div> <div class="single-project__thumbnail"> <img src="cdasites/2024/202411/20241112123053.jpg" alt="ATMOS® Lamp by AYOCIN website" /> <div class="single-project__thumbnail__overlay"> <div class="single-project__meta"> <span class="sp__meta__category">WOTD</span> <span class="sp__meta__date">NOV 25</span> </div> <a href="/sites/atmos-lamp-by-ayocin/46604/" class="sp__full-size-link"></a> <a href="https://ayocin.com/" target="_blank" class="sp__project-link"><img src="imgs/link.svg" alt=" website"></a> <span class="sp__view-info">View</span> </div> </div> <h3 class="single-project__title"><a href="/sites/atmos-lamp-by-ayocin/46604/">ATMOS® Lamp by AYOCIN</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 9.28</span> </div> </div> </article> <article class="single-project last-item"> <div> <div class="single-project__thumbnail"> <img src="cdasites/2024/202411/20241112112706.jpg" alt="Fonts in Movies website" /> <div class="single-project__thumbnail__overlay"> <div class="single-project__meta"> <span class="sp__meta__category">WOTD</span> <span class="sp__meta__date">NOV 24</span> </div> <a href="/sites/fonts-in-movies/46602/" class="sp__full-size-link"></a> <a href="https://fontsinmovies.com/" target="_blank" class="sp__project-link"><img src="imgs/link.svg" alt=" website"></a> <span class="sp__view-info">View</span> </div> </div> <h3 class="single-project__title"><a href="/sites/fonts-in-movies/46602/">Fonts in Movies</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.03</span> </div> </div> </article> </div> <div class="home-projects__more-button text-center"> <a href="/wotd-award-winners" class="cust-btn arrow-icon">More</a> </div> </div> </section> <div class="promo-sect"> <div class="promo-sect__box"> <a href="https://www.cssdesignawards.com/blog/new-certificate-suite-by-red-collar-and-cssda/403/"><img src="/imgs/content/2024/cssda-award-certs-2025.jpg" width="716" height="150" alt="CSSDA New Certificates 2025" /></a> </div> </div> <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>