CINXE.COM
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"> <!-- <script src="https://thegreats.co/tinymce/js/tinymce/tinymce.min.js"></script> --> <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> <!-- Global site tag (gtag.js) - Google Analytics --> <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/artworks_action">Artwork in action</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>The Sound Of Strength In Numbers (alternate version)</strong></h2> </div> </div> </div> </div> <div class="row"> <div class="col-lg-8"> <div class="my-4"> <!--Carousel Wrapper--> <!--/.Carousel Wrapper--> <div class="border-radius"> <img class="d-block w-100" src="https://thegreats-prod.s3.eu-central-1.amazonaws.com/artworks/31e50a1c2e6783bf12305279c9ea8888.jpg" alt="The Sound Of Strength In Numbers (alternate version) 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">postcard</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">5172 <i class="far fa-eye"></i></span> </div> </div> <div class="col-sm-10 p-0"> <p><div>You must include the following credit every time you use this artwork online or offline: <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/" target="_blank" rel="noopener">Pietro Soldi for Fine Acts</a></div> <div> </div> <div>Please see the READ ME file included in all downloads for proper crediting and tagging.</div></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/the-sound-of-strength-in-numbers-alternate-version/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/2e0ea19d3e0a6a25528c11cbbd6c8879._thumbnail.jpg" class="circle-img"> <p class="font-weight-bold my-3">Pietro Soldi</p> <span class="text-black-50"><i class="fas fa-map-marker-alt mr-2"></i>Brazil/United Kingdom</span> <p class="my-3 text-black-50"> 11 Artworks</p> <div class="button-holder-full"> <a class="btn btn-outline-primary" href="https://thegreats.co/artists/pietro-soldi">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/a8ab65b25119b67d3c64772612db4472._thumbnail.png" > <a href="https://thegreats.co/artworks/stand-with-climate-defenders"> <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/aa54c11f6b5afbae0385f0544f7780a9._thumbnail.png" > <a href="https://thegreats.co/artworks/migrating-series-34"> <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/5da3d3335359113c1a959c0b930702d9._thumbnail.jpg" > <a href="https://thegreats.co/artworks/one-ticket-please-bus"> <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/079e1ccee3dcb1ce3b7947e2fec89e07._thumbnail.png" > <a href="https://thegreats.co/artworks/love-has-no-color-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/294062835f754d2db8d7fac9683553ec._thumbnail.jpg" > <a href="https://thegreats.co/artworks/we-are-series-23"> <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/d748da7f3a607262c815acaaff1181d4._thumbnail.jpg" > <a href="https://thegreats.co/artworks/walk-in-the-red-zone"> <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/1f3af10173eb2978834fcce6f3eb9dba._thumbnail.jpg" > <a href="https://thegreats.co/artworks/born-equal-no-text"> <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/0b6ac445ca5aa7811d2bef856e5351e2._thumbnail.jpg" > <a href="https://thegreats.co/artworks/united-in-resistance-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/c9005a65e7b6b25ccf2d6a2322b2d534._thumbnail.jpg" > <a href="https://thegreats.co/artworks/ride-a-bike-for-the-planet"> <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/d8c84665388ed08eb24cfda3252e3ed3._thumbnail.png" > <a href="https://thegreats.co/artworks/friends-hope-together-series-44"> <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> <!-- Swiper JS --> <script src="https://thegreats.co/js/swiper.min.js"></script> <!-- Initialize Swiper --> <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>