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/ded322bca850bea18e679c53a0a3ad09._thumbnail.jpg" class="artist-img"> <h5 class="my-3">Qiyun Woo</h5> <p class="text-black-50"><i class="fas fa-map-marker-alt mr-2"></i>Singapore</p> <div class="artist-social-icons my-3"> <a href="https://www.instagram.com/theweirdandwild/" 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">Qiyun is the founder and digital creator behind The Weird and Wild. Her work is informed by her training in climate science, expressed through vibrant visuals and driven by a goal of building green and just futures for all. Interested in the intersection of tech, climate and art, she is building an interactive and exploratory creative platform dedicated to communicating climate science - Climate Commons (@climatecommons). </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/care-for-all" class="image-hover-holder"> <img class="card-img-top " src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/309345a9d36c418b471e85356ee35d92._thumbnail.png" alt="Care For All" style="width:100%"> <img src="https://thegreats.co/../images/icon-eye.png" alt="" class="icon-eye"> </a> <div class="card-body"> <div> <h5>Care For All</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="#">Qiyun Woo</a></p> </div> </div> <div class="card"> <a href="https://thegreats.co/artworks/sustainable-energy" class="image-hover-holder"> <img class="card-img-top " src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/fd00d82011d384efdbd509d77664d168._thumbnail.png" alt="Sustainable Energy" style="width:100%"> <img src="https://thegreats.co/../images/icon-eye.png" alt="" class="icon-eye"> </a> <div class="card-body"> <div> <h5>Sustainable Energy</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="#">Qiyun Woo</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 2024</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