The Greats — Great Artists Give

<!DOCTYPE html> <html> <head> <title>The Greats — Great Artists Give</title> <meta name="description" content="The Greats is a free platform for awesome socially engaged visual content, open to anyone to use or adapt non-commercially."> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous"> <link href="https://thegreats.co/css/index.css" rel="stylesheet" /> <link rel="stylesheet" type="text/css" href="https://thegreats.co/css/custom.css"> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.1/css/all.css" integrity="sha384-5sAR7xN1Nv6T6+dT2mhtzEpVJvfS3NScPQTrOxhwjIuvcA67KV2R5Jz6kr4abQsz" crossorigin="anonymous"> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.1/css/all.css" integrity="sha384-5sAR7xN1Nv6T6+dT2mhtzEpVJvfS3NScPQTrOxhwjIuvcA67KV2R5Jz6kr4abQsz" crossorigin="anonymous"> <link rel="stylesheet" href="https://thegreats.co/css/slick.css"> <link rel="stylesheet" href="https://thegreats.co/css/swiper.min.css"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="manifest" href="/site.webmanifest"> <script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script> <link href="https://fonts.googleapis.com/css?family=Istok+Web&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">  <style type="text/css"> body { background: #f9f9f9; } .card-columns { max-height: 5%; } .swiper-container { width: 100%; padding-top: 50px; padding-bottom: 50px; } .swiper-slide { background-position: center; background-size: cover; width: 300px; height: 300px; } .row.no-gutters { margin-right: 0; margin-left: 0; & > [class^="col-"], & > [class*=" col-"] { padding-right: 0; padding-left: 0; } } * { font-family: 'Roboto'; } .artist-links { color: #212529; } </style>  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-162769339-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-162769339-1'); </script> </head> <body> <script type="text/javascript"> $("document").ready(function () { $(".custom-nav-toggle").click(function () { $("nav").toggleClass("custom-expanded") $('body').toggleClass('b-overflow-h') }); }) </script> <style> @font-face { font-family: PeaceSans; src: url("/fonts/peace_sans/Peace Sans Webfont.ttf"); } .loviebanner { background: #FFB8F9; padding: 1em; } .loviebanner div span, .loviebanner div a { font-size: 1.5em; font-family: PeaceSans; font-weight: bold; } .loviebanner div a:hover { text-decoration: none; } .loviebanner a img { height: 1.75em; margin-right: 0.5em; } .navbar-spacing { height: 140px; } @media only screen and (max-width: 600px) { .navbar-spacing { height: 230px; } .loviebanner a { display: block; line-height: 1.25em; } .loviebanner a img { display: block; margin: 0 auto 0.5em; } .loviebanner a span { display: block; line-hei1ght: 1.25em; } } </style> <div> <nav> <div class="row loviebanner"> <div class="col-12" style="line-height: 1.5em; margin-top: 0.5em; text-align: center;"> <a href="https://bit.ly/thegreats-lovie2024banner" target="_blank"> <img src="/lovielogo.png"> <span style="vertical-align: middle; color: #000;">THE GREATS IS</span> <span style="vertical-align: middle; color: #f00;">LOVIE AWARDS WINNER!</span> </a> </div> </div> <div class="top-nav bg-white"> <a class="navbar-brand pointer" href="https://thegreats.co/home"><img class="pointer" style="width: 120px; height: 100%" src="https://thegreats.co/images/thegreats-logo.svg"></a> <div class="nav-inner"> <ul class="mr-4 d-sm-flex"> <li class="nav-item"> <a class="pointer" href="https://thegreats.co/artworks"><img src="/images/magnifying-glass.svg" width="24" /></a> </li> <li class="nav-item d-none d-sm-flex active open-hidden"> <a class="nav-link pointer"href="https://thegreats.co/artworks_upload">Submit Artwork</a> </li> <li class="nav-item d-none d-sm-flex"> <a class="nav-link btn btn-outline-primary" href="https://thegreats.co/login" > Log In </a> </li> </ul> <div class="custom-nav-toggle"> <div class="nav-open"> <a href="javascript:;"> <img class="pointer" src="https://thegreats.co/images/menu-open.svg"> </a> </div> <div class="nav-close mt-5"> <img class="pointer mb-2" src="https://thegreats.co/images/menu-close.svg"> Close </div> </div> </div> </div> <div class="hidden-content text-center my-5"> <ul class="display-4 mt-3 main-menu"> <li class="nav-item"> <a class="nav-link text-center h2" href="https://thegreats.co/home">Home</a> </li> <li class="nav-item"> <a class="nav-link text-center h2" href="https://thegreats.co/artworks">Browse Artworks</a> </li>  <li class="nav-item"> <a class="nav-link text-center h2" href="https://thegreats.co/about">About Us</a> </li> <li class="nav-item"> <a class="nav-link text-center h2" href="https://thegreats.co/contacts">Contacts</a> </li> <li class="nav-item d-block d-sm-none"> <a class="nav-link btn btn-outline-primary d-inline-block log-in-btn" href="https://thegreats.co/login" > Log In </a> </li> <a href="https://thegreats.co/artworks_upload" class="btn btn-primary sub-art-btn">Submit Artwork</a> </ul> <ul class="align-self-end mr-4" style="height: 0;"> <li class="mb-3"><a class="h4" href="https://www.facebook.com/fineacts.co" target="_blank"><i class="fab fa-facebook-f"></i></a></li> <li class="mb-3"><a class="h4" href="https://twitter.com/fine_acts" target="_blank"><i class="fab fa-twitter"></i></a></li> <li class="mb-3"><a class="h4" href="https://www.instagram.com/fineacts/" target="_blank"><i class="fab fa-instagram"></i></a></li> </ul> </div> </nav> <div class="navbar-spacing"></div> </div> <div class="row"> <div class="d-inline-block col-md-4 bg-white"> <div class="container"> <div class="mt-5"> <img src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artists/b49606120b34fbe2f6acba7e86abba6b._thumbnail.jpg" class="artist-img"> <h5 class="my-3">Janice Chang</h5> <p class="text-black-50"><i class="fas fa-map-marker-alt mr-2"></i>United States</p> <div class="artist-social-icons my-3"> <a href="https://www.janicechangart.com/" target="_blank"><i class="fas fa-link"></i></a> <a href="https://www.instagram.com/janiceechang/" target="_blank"><i class="fab fa-instagram"></i></a> </div> </div class="mt-5"> <div class="justify-content-end"> <p><strong>About:</strong></p> <p class="text-black-50"><div class="page" title="Page 1"> <div class="section"> <div class="layoutArea"> <div class="column"> <p>Janice Chang is a Los Angeles born and raised illustrator based in Brooklyn, NY. Much of her work takes on an honest representation of the sometimes humorous and bendy limbs of her characters as a way to engage in conversations around social and interpersonal issues. She works primarily for editorial, commercial, advertising, and motion clients, but also loves to explore painting murals, animation, and making sculptures.</p> </div> </div> </div> </div> </p> </div> </div> </div> <div class="d-inline-block col-md-8"> <div class="container mt-5"> <div class="card-columns"> <div class="card"> <a href="https://thegreats.co/artworks/we-live-better-together-no-text" class="image-hover-holder"> <img class="card-img-top " src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/a55c275a21f8edce8391c7faee6358b8._thumbnail.png" alt="We Live Better Together (no text)" style="width:100%"> <img src="https://thegreats.co/../images/icon-eye.png" alt="" class="icon-eye"> </a> <div class="card-body"> <div> <h5>We Live Better Together (no text)</h5> </div> <div class="mb-3"> <span class="custom-tag">poster</span> <span class="custom-tag">social media</span> <span class="custom-tag">work file</span> </div> <p class="card-text"><span class="text-black-50"> Artist:</span> <a href="#">Janice Chang</a></p> </div> </div> <div class="card"> <a href="https://thegreats.co/artworks/we-live-better-together" class="image-hover-holder"> <img class="card-img-top " src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/197dfb29f1aefa66fade0672091f6a2c._thumbnail.png" alt="We Live Better Together" style="width:100%"> <img src="https://thegreats.co/../images/icon-eye.png" alt="" class="icon-eye"> </a> <div class="card-body"> <div> <h5>We Live Better Together</h5> </div> <div class="mb-3"> <span class="custom-tag">poster</span> <span class="custom-tag">social media</span> <span class="custom-tag">work file</span> </div> <p class="card-text"><span class="text-black-50"> Artist:</span> <a href="#">Janice Chang</a></p> </div> </div> <div class="card"> <a href="https://thegreats.co/artworks/better-sharing-for-brighter-future" class="image-hover-holder"> <img class="card-img-top " src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/099712eede178dace85102e5879eb039._thumbnail.png" alt="Better Sharing For Brighter Future" style="width:100%"> <img src="https://thegreats.co/../images/icon-eye.png" alt="" class="icon-eye"> </a> <div class="card-body"> <div> <h5>Better Sharing For Brighter Future</h5> </div> <div class="mb-3"> <span class="custom-tag">poster</span> <span class="custom-tag">social media</span> <span class="custom-tag">work file</span> </div> <p class="card-text"><span class="text-black-50"> Artist:</span> <a href="#">Janice Chang</a></p> </div> </div> <div class="card"> <a href="https://thegreats.co/artworks/our-home-is-your-home" class="image-hover-holder"> <img class="card-img-top " src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/63fafa869d22dd5675f44121e748a3e8._thumbnail.jpg" alt="Our Home Is Your Home" style="width:100%"> <img src="https://thegreats.co/../images/icon-eye.png" alt="" class="icon-eye"> </a> <div class="card-body"> <div> <h5>Our Home Is Your Home</h5> </div> <div class="mb-3"> <span class="custom-tag">poster</span> <span class="custom-tag">social media</span> <span class="custom-tag">work file</span> </div> <p class="card-text"><span class="text-black-50"> Artist:</span> <a href="#">Janice Chang</a></p> </div> </div> </div> </div> <div class="row "> <div class="d-block mx-auto mb-4 mt-5"> <a class="btn btn-primary" href="/artworks">Discover More</a> </div> </div> </div> <div class="container-fluid bg-primary mt-5 py-4"> <div class="row"> <div class="col-12 justify-content-center mt-5"> <h3 class="text-center text-white">Share Your Artwork.<br>Help the Community</h3> </div> </div> <div class="row "> <div class="d-block mx-auto my-3"> <a class="btn btn-outline-light" href="/artworks/upload">Submit Artwork</a> </div> </div> </div> </div> <div class="container-fluid pt-4" id="footer" style="background:white;"> <footer class="container" style="background:white"> <div class="col-md-2 mb-5 p-0"> <a href="https://thegreats.co/home"><img src="https://thegreats.co/images/thegreats-logo-gray.svg" alt="Secondary logo" class="img-fluid footer-logo"></a> </div> <div class="mb-4"> <ul class="list-inline my-5 mx-auto" > <li class="list-inline-item"><a class="text-dark" href="https://thegreats.co/login">Log In</a></li> <li class="list-inline-item"><a class="text-dark" href="https://thegreats.co/artworks_upload">Submit Artwork</a></li> <li class="list-inline-item"><a class="text-dark" href="https://thegreats.co/about">About Us</a></li> <li class="list-inline-item"><a class="text-dark" href="https://thegreats.co/use-of-artworks">Use of Artworks</a></li> <li class="list-inline-item"><a class="text-dark" href="https://thegreats.co/contacts">Contacts</a></li> <li class="list-inline-item"><a class="text-dark" href="https://thegreats.co/terms">Terms and Conditions</a></li> <li class="list-inline-item"><a class="text-dark" href="https://thegreats.co/privacy-policy">Privacy Policy</a></li> </ul> <div class="mb-5"> <a class="mx-1 px-2 h4" href="https://www.facebook.com/fineacts.co" target="_blank"><i class="fab fa-facebook-f"></i></a> <a class="mx-1 px-2 h4" href="https://twitter.com/fine_acts" target="_blank"><i class="fab fa-twitter"></i></a> <a class="mx-1 px-2 h4" href="https://www.instagram.com/fineacts/" target="_blank"><i class="fab fa-instagram"></i></a> </div> <div class="d-flex justify-content-center credits "> <div class="devcraft-credits d-flex align-items-center"> <p class="text-black-50 m-0"> Development by </p> <a href="https://dev-craft.com" target="_blank" class="text-dark pl-1"> Dev Craft </a> </div> <span>|</span> <div class="siteground-credits d-flex align-items-center mr-1"> <p class="text-black-50 m-0">Website hosted by </p> <a href="https://stgrnd.co/thegreats" target="_blank" class="siteground-logo text-dark pl-1"> SiteGround </a> </div> </div> </div> <div class="copyright text-muted font-weight-normal"><p> THE GREATS 2025</p> <span>|</span> <p> Made by <a class="text-dark" target="_blank" href="https://fineacts.co/">FINE ACTS</a></p></div> </footer> </div> <script src="https://thegreats.co/js/main.js"></script>  <script src="https://thegreats.co/js/swiper.min.js"></script>  <script> var swiper = new Swiper('.swiper-container', { effect: 'coverflow', grabCursor: true, centeredSlides: true, slidesPerView: 'auto', coverflowEffect: { rotate: 50, stretch: 0, depth: 100, modifier: 1, slideShadows : true, }, pagination: { el: '.swiper-pagination', }, }); </script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js" integrity="sha384-smHYKdLADwkXOn1EmN1qk/HfnUcbVRZyYmZ4qpPea6sjB/pTJ0euyQp0Mk8ck+5T" crossorigin="anonymous"></script> </body> </html>

CINXE.COM

The Greats — Great Artists Give