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: white; } .top-nav { background: white; } .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; } .move_left { float: right; } .row.no-gutters { margin-right: 0; margin-left: 0; &>[class^="col-"], &>[class*=" col-"] { padding-right: 0; padding-left: 0; } } * { font-family: 'Roboto'; } aside { width: 15%; float: right; margin-top: -1rem; margin-right: 20rem; border: 1px black solid; padding: 5px; } .ngo1 { border-radius: 39px; padding-top: 0.5rem; margin-right: 1.5rem; padding-left: 0.5rem; padding-right: 0.5rem; padding-bottom: 0.5rem; box-shadow: 2px 4px 6px grey; } .tag { border-radius: 6px; padding-left: 0.8rem; padding-right: 0.8rem; border: 1px solid rgba(108, 117, 125, 0.75); font-size: 0.8rem; } .small_show { float: right; } .img_ssa1 { width: 40%; margin-bottom: 1rem; } .img_ssa2 { width: 40%; margin-bottom: 1rem; } .img_ssa3 { width: 40%; margin-bottom: 1rem; } .special-font-size { font-size: 2.5rem !important } /* slider - related works */ .row-related { width: 100%; max-width: 90%; margin-left: auto; margin-bottom: 1rem; } .related-container { overflow: hidden; } .img_related img { height: 200px; border-radius: 5px; width: auto; outline: none !important; } .slick-slide { margin-right: 1rem; width: auto; outline: none !important; } .slick-slide a:focus { outline: none !important; } .p-l-r { padding-left: 0px !important; padding-right: 0px !important; } .copyright-download { background: #F9F9F9; padding: 1rem; font-size: 12px; border-radius: .25rem; color: #959595; } .dark-color-b { color: #636363 } </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 "> <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="container"> <div class="row mt-5"> <div class="col-lg-8"> <div class="row align-items-end"> <div class="col-lg-12 p-0"> <h2 class="special-font-size"><strong>Better Sharing, Better Future</strong></h2> </div> </div> </div> </div> <div class="row"> <div class="col-lg-8"> <div class="my-4">   <div class="border-radius"> <img class="d-block w-100" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/7b141162f0d88763e410b12f2a74118d.jpg" alt="Better Sharing, Better Future main image" oncontextmenu="return false;"> </div> </div> <div class="row"> <div class="col-md-10 p-0 mb-3"> <span class="text-black-50 tag">poster</span> <span class="text-black-50 tag">social media</span> <span class="text-black-50 tag">work file</span> </div> <div class="col-md-2 p-0 mb-3 text-md-right"> <span class="text-black-50">6093 <i class="far fa-eye"></i></span> </div> </div> <div class="col-sm-10 p-0"> <p><p>You must include the following credit every time you use this artwork online or offline: <a href="https://creativecommons.org/licenses/by-sa/4.0/" target="_blank" rel="noopener">Maria Picassó i Piquer for Creative Commons</a><br /><br />Please see the READ ME file included in all downloads for proper crediting and tagging.<br /><br />-<br /><br />This artwork is commissioned by Creative Commons (CC), and developed in partnership with Fine Acts, as part of <a class="c-link" tabindex="-1" href="https://creativecommons.org/20-years/" target="_blank" rel="noopener noreferrer" data-stringify-link="https://creativecommons.org/20-years/" data-sk="tooltip_parent" data-remove-tab-index="true">CC’s 20th Anniversary</a>.<br /><br />This particular work is licensed under Creative Commons Attribution-ShareAlike 4.0 International (<a class="c-link" tabindex="-1" href="https://creativecommons.org/licenses/by-sa/4.0/" target="_blank" rel="noopener noreferrer" data-stringify-link="https://creativecommons.org/licenses/by-sa/4.0/" data-sk="tooltip_parent" data-remove-tab-index="true">CC BY-SA 4.0</a>).</p></p> </div> </div> <div class="col-lg-4"> <aside class="ml-auto"> <div class="my-4"> <div class="button-holder-full text-center text-md-left" style="height: 110px"> <p class="text-black-50" style="margin-bottom: 0.25rem; font-size: 13px;">Log in/Sign up to</p> <div class="button-holder-full text-center text-md-left" style="height: 75px"> <a href="https://thegreats.co/artworks/better-sharing-better-future/download-bundle" class="btn btn-primary">Download Files</a> <div class="PTK-download-progress" style="display: none"> <a id="save-file"></a><br> <progress id="progress" value="0"></progress> <span id="progress-text"></span> </div> <p class="text-black-50 mt-2" style="font-size: 13px;">Print, social media & source</p> </div> </div> <div class="copyright-download"> <p>All featured works are published under <a target="_blank" href="https://creativecommons.org/licenses/by-nc-sa/4.0/"> Creative Commons-Attribution-NonCommercial-ShareAlike 4.0 International </a> (CC-BY-NC-SA).</p> <p>This means that you are free to share and adapt the content, but you <b class="dark-color-b">must give appropriate credit</b>, provide a link to the license, and indicate if changes were made. <b class="dark-color-b">You may not use the material for <a target="_blank" href="https://creativecommons.org/licenses/by-nc-sa/4.0/#">commercial purposes</a></b>.</p> <p>And, if you remix, transform, or build upon the material, you must distribute your contributions <b class="dark-color-b">under the <a target="_blank" href="https://creativecommons.org/licenses/by-nc-sa/4.0/#">same license</a> as the original</b>.</p> </div> <div class="mt-4"> <p class="text-center text-md-left">The Artist</p> <div> <div class="card artist-container card-shadow border-0"> <div class="card-body text-center text-lg-left"> <img src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artists/f332284b4a72e2f0bfc06acf00df4bef._thumbnail.jpg" class="circle-img"> <p class="font-weight-bold my-3">Maria Picassó i Piquer</p> <span class="text-black-50"><i class="fas fa-map-marker-alt mr-2"></i>Spain</span> <p class="my-3 text-black-50"> 7 Artworks</p> <div class="button-holder-full"> <a class="btn btn-outline-primary" href="https://thegreats.co/artists/maria-picasso-i-piquer">Artist Profile</a> </div> </div> </div> </div> </div> <div class="mt-4"> </div> </aside> </div> </div> </div> <div class="container-fluid mt-5 py-5 p-l-r" style="background: #fa6292;"> <div class="row-related"> <h2 class="text-white mb-4">Related</h2> </div> <div class="row-related clearfix"> <div class="variable-width-related"> <div class="img_related"> <img class="img-tumb" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/50b6894033e6c7e41c21a353158cd98e._thumbnail.png" > <a href="https://thegreats.co/artworks/blessed-is-the-hand-that-gives"> <img src="https://thegreats.co/../images/icon-eye.png" alt="" class="icon-eye"> </a> </div> <div class="img_related"> <img class="img-tumb" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/b5cfeb51412d7d6953e89de83397df8f._thumbnail.jpg" > <a href="https://thegreats.co/artworks/the-future-is-open"> <img src="https://thegreats.co/../images/icon-eye.png" alt="" class="icon-eye"> </a> </div> <div class="img_related"> <img class="img-tumb" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/afadf0096c28c590c11d4e0465e08692._thumbnail.png" > <a href="https://thegreats.co/artworks/sharing-is-growing"> <img src="https://thegreats.co/../images/icon-eye.png" alt="" class="icon-eye"> </a> </div> <div class="img_related"> <img class="img-tumb" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/ca3b7a70d082b8caa4a5645b4917594e._thumbnail.png" > <a href="https://thegreats.co/artworks/better-sharing-brighter-future"> <img src="https://thegreats.co/../images/icon-eye.png" alt="" class="icon-eye"> </a> </div> <div class="img_related"> <img class="img-tumb" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/6cf622d1b01aa349159412b62ce7f866._thumbnail.png" > <a href="https://thegreats.co/artworks/shared-knowledge-shared-future"> <img src="https://thegreats.co/../images/icon-eye.png" alt="" class="icon-eye"> </a> </div> <div class="img_related"> <img class="img-tumb" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/60c58ab1ef9b86d316b4f45c94635ee1._thumbnail.jpg" > <a href="https://thegreats.co/artworks/the-more-we-share-the-more-we-have-series-22"> <img src="https://thegreats.co/../images/icon-eye.png" alt="" class="icon-eye"> </a> </div> <div class="img_related"> <img class="img-tumb" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/c8644dfbb57e2cb0d0d755215a8b970e._thumbnail.jpg" > <a href="https://thegreats.co/artworks/the-more-we-share-the-more-we-have-series-12"> <img src="https://thegreats.co/../images/icon-eye.png" alt="" class="icon-eye"> </a> </div> <div class="img_related"> <img class="img-tumb" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/7b141162f0d88763e410b12f2a74118d._thumbnail.jpg" > <a href="https://thegreats.co/artworks/better-sharing-better-future"> <img src="https://thegreats.co/../images/icon-eye.png" alt="" class="icon-eye"> </a> </div> <div class="img_related"> <img class="img-tumb" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/28f43cc911505a24c03b467f23a3baeb._thumbnail.jpg" > <a href="https://thegreats.co/artworks/share-freely-openly-like-we-share-air"> <img src="https://thegreats.co/../images/icon-eye.png" alt="" class="icon-eye"> </a> </div> <div class="img_related"> <img class="img-tumb" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/7386a8f6e80831615a83b174e2821c30._thumbnail.png" > <a href="https://thegreats.co/artworks/open-palms-not-clutching-fists"> <img src="https://thegreats.co/../images/icon-eye.png" alt="" class="icon-eye"> </a> </div> </div> </div> <div class="col-12 d-block mt-4 text-center"> <a class="btn btn-outline-white btn-outline-white-active-pink rounded-pill px-4" href="https://thegreats.co/artworks">Discover More</a> </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> <script src="https://thegreats.co/js/slick.min.js"></script> <script> $('.variable-width-related').slick({ arrows: false, dots: false, infinite: false, loop: false, centerMode: false, swipeToSlide: false, variableWidth: true, touchThreshold: 500, slidesToShow: 3, slidesToScroll: 2, speed: 500, responsive: [{ breakpoint: 1024, settings: { slidesToShow: 2, slidesToScroll: 1 } }, { breakpoint: 800, settings: { slidesToShow: 1, slidesToScroll: 1, adaptiveHeight: false } }, { }] }); function PTK_loadBundleFile() { let fileName=$('#PTK_DOWNLOAD_BUNDLE').attr('data-href'); let fname=fileName.split('/').pop(); document.getElementById('save-file').innerText='Preparing your files. Please wait...'; $('#PTK_DOWNLOAD_BUNDLE').slideUp(); $('.PTK-download-progress').slideDown(); request = new XMLHttpRequest(); request.responseType = 'blob'; request.open('get', fileName, true); request.send(); request.onreadystatechange = function() { if(this.readyState == 4 && this.status == 200) { var disposition = request.getResponseHeader('Content-Disposition'); if (disposition && disposition.indexOf('attachment') !== -1) { var filenameRegex = /filename[^;=\n]*=((['"]).*?\2|[^;\n]*)/; var matches = filenameRegex.exec(disposition); if (matches != null && matches[1]) { fname = matches[1].replace(/['"]/g, ''); } } var obj = window.URL.createObjectURL(this.response); document.getElementById('save-file').setAttribute('href', obj); document.getElementById('save-file').setAttribute('download', fname); document.getElementById('save-file').click(); document.getElementById('save-file').innerText='READY! Download started'; setTimeout( function(){ $('#PTK_DOWNLOAD_BUNDLE').slideDown(); $('.PTK-download-progress').slideUp(); progressText.innerHTML = "0%"; progress.value = 0; }, 2000); /*setTimeout(function() { window.URL.revokeObjectURL(obj); }, 60 * 1000);*/ } }; var progress = document.getElementById("progress"); var progressText = document.getElementById("progress-text"); request.onprogress = function(e) { progress.max = e.total; progress.value = e.loaded; var percent_complete = (e.loaded / e.total) * 100; percent_complete = Math.floor(percent_complete); progressText.innerHTML = percent_complete + "%"; }; } </script> </body> </html>

CINXE.COM

The Greats — Great Artists Give