Advertize on Built with Django

<html lang="en"> <head>  <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/> <meta http-equiv="X-UA-Compatible" content="IE=edge" />  <link rel="apple-touch-icon" href="/static/vendors/favicon/logo.ee701a5f0ffc.png" /> <link rel="apple-touch-icon" href="/static/vendors/favicon/logo.ee701a5f0ffc.png" /> <link rel="icon" type="image/png" sizes="16x16 32x32 500x500" href="/static/vendors/favicon/logo.ee701a5f0ffc.png"/> <meta property="og:type" content="website" /> <title>Advertize on Built with Django</title>   <link rel="stylesheet" href="https://maxst.icons8.com/vue-static/landings/line-awesome/line-awesome/1.3.0/css/line-awesome.min.css"/> <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.5.1/styles/default.min.css" /> <link type="text/css" href="/static/css/hotwire.084138ca6a607e76423e.4d4de2bf145b.css" rel="stylesheet" data-turbo-track="reload"/> <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.5.1/highlight.min.js"></script> <script src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.x.x/dist/alpine.min.js" defer></script> <script defer data-domain="builtwithdjango.com" src="https://plausible-v2.cr.lvtd.dev/js/script.js"></script> <script type="text/javascript" src="/static/js/runtime.bcb33692.e05b646d373a.js" data-turbo-track="reload" defer></script> <script type="text/javascript" src="/static/js/853.3307a6c1.61308cb817c3.js" data-turbo-track="reload" defer></script> <script type="text/javascript" src="/static/js/hotwire.f86f4a79.e19b0d5ffcb2.js" data-turbo-track="reload" defer></script> <script> !function(t,e){var o,n,p,r;e.__SV||(window.posthog=e,e._i=[],e.init=function(i,s,a){function g(t,e){var o=e.split(".");2==o.length&&(t=t[o[0]],e=o[1]),t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}}(p=t.createElement("script")).type="text/javascript",p.async=!0,p.src=s.api_host+"/static/array.js",(r=t.getElementsByTagName("script")[0]).parentNode.insertBefore(p,r);var u=e;for(void 0!==a?u=e[a]=[]:a="posthog",u.people=u.people||[],u.toString=function(t){var e="posthog";return"posthog"!==a&&(e+="."+a),t||(e+=" (stub)"),e},u.people.toString=function(){return u.toString(1)+".people (stub)"},o="capture identify alias people.set people.set_once set_config register register_once unregister opt_out_capturing has_opted_out_capturing opt_in_capturing reset isFeatureEnabled onFeatureFlags getFeatureFlag getFeatureFlagPayload reloadFeatureFlags group updateEarlyAccessFeatureEnrollment getEarlyAccessFeatures getActiveMatchingSurveys getSurveys onSessionId".split(" "),n=0;n<o.length;n++)g(u,o[n]);e._i.push([i,s,a])},e.__SV=1)}(document,window.posthog||[]); posthog.init('phc_Xvm3S1MGcMQXMHo2VJZabDhNJwmwbyhLedddpIU83Mo',{api_host:'https://app.posthog.com'}) </script> </head> <body> <nav x-data="{ isOn: false }"> <div class="px-4 mx-auto max-w-6xl sm:px-6 lg:px-8"> <div class="flex relative justify-between items-center h-24"> <div class="flex absolute inset-y-0 left-0 items-center sm:hidden">  <button type="button" @click="isOn = !isOn" class="inline-flex justify-center items-center p-2 text-gray-400 rounded-md hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-white" aria-controls="mobile-menu" aria-expanded="false"> <span class="sr-only">Open main menu</span> <svg :class="{'hidden': isOn, 'block': !isOn }" class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"/> </svg> <svg :class="{'block': isOn, 'hidden': !isOn }" class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="flex flex-1 justify-center items-center sm:items-stretch sm:justify-start"> <div class="flex flex-shrink-0 items-center"> <a href="/"> <img class="block w-auto h-10 lg:hidden" src="/static/vendors/images/logo.ee701a5f0ffc.png" alt="Built with Django Logo" /> </a> <a href="/"> <img class="hidden w-auto h-12 lg:block" src="/static/vendors/images/logo.ee701a5f0ffc.png" alt="Built with Django Logo" /> </a> </div> <div class="hidden sm:block sm:ml-6"> <div class="flex space-x-4"> <div data-controller="dropdown" class="relative"> <button type="button" data-action="dropdown#toggle click@window->dropdown#hide" class="inline-flex items-center px-3 py-2 text-lg font-medium text-gray-600 bg-white rounded-md group hover:text-gray-900 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500" aria-expanded="false" > <span>Learn</span> <svg class="ml-2 w-5 h-5 text-gray-400 group-hover:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" /> </svg> </button> <div data-dropdown-target="menu" data-transition-enter-active="transition ease-out duration-200" data-transition-enter-from="opacity-0 translate-y-1" data-transition-enter-to="opacity-100 translate-y-0" data-transition-leave-active="transition ease-in duration-150" data-transition-leave-from="opacity-100 translate-y-0" data-transition-leave-to="opacity-0 translate-y-1" class="hidden absolute left-1/2 z-10 px-2 mt-3 w-screen max-w-xs transform -translate-x-1/2 sm:px-0" > <div class="overflow-hidden rounded-lg ring-1 ring-black ring-opacity-5 shadow-lg"> <div class="grid relative gap-6 px-5 py-6 bg-white sm:gap-8 sm:p-8"> <a href="/blog/" class="block p-3 -m-3 rounded-md hover:bg-gray-50"> <div class="flex flex-row space-x-3"> <div class="flex flex-shrink-0 justify-center items-center w-10 h-10 text-2xl text-white bg-green-500 rounded-md sm:h-12 sm:w-12"> <i class="las la-brain"></i> </div> <div> <p class="text-base font-medium text-gray-900">Guides</p> <p class="mt-1 text-sm text-gray-500">Tutorials that will help you on your dev journey.</p> </div> </div> </a> <a href="/projects/" class="block p-3 -m-3 rounded-md hover:bg-gray-50"> <div class="flex flex-row space-x-3"> <div class="flex flex-shrink-0 justify-center items-center w-10 h-10 text-2xl text-white bg-green-500 rounded-md sm:h-12 sm:w-12"> <i class="las la-brush"></i> </div> <div> <p class="text-base font-medium text-gray-900">Projects</p> <p class="mt-1 text-sm text-gray-500">Get inspired by what others are building with Django.</p> </div> </div> </a> </div> </div> </div> </div> <div data-controller="dropdown" class="relative"> <button type="button" data-action="dropdown#toggle click@window->dropdown#hide" class="inline-flex items-center px-3 py-2 text-lg font-medium text-gray-600 bg-white rounded-md group hover:text-gray-900 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500" aria-expanded="false" > <span>Tools</span> <svg class="ml-2 w-5 h-5 text-gray-400 group-hover:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" /> </svg> </button> <div data-dropdown-target="menu" data-transition-enter-active="transition ease-out duration-200" data-transition-enter-from="opacity-0 translate-y-1" data-transition-enter-to="opacity-100 translate-y-0" data-transition-leave-active="transition ease-in duration-150" data-transition-leave-from="opacity-100 translate-y-0" data-transition-leave-to="opacity-0 translate-y-1" class="hidden absolute left-1/2 z-10 px-2 mt-3 w-screen max-w-xs transform -translate-x-1/2 sm:px-0" > <div class="overflow-hidden rounded-lg ring-1 ring-black ring-opacity-5 shadow-lg"> <div class="grid relative gap-6 px-5 py-6 bg-white sm:gap-8 sm:p-8"> <a href="/tools/django-secret/" class="block p-3 -m-4 rounded-md hover:bg-gray-50"> <div class="flex flex-row space-x-3"> <div class="flex flex-shrink-0 justify-center items-center w-10 h-10 text-2xl text-white bg-green-500 rounded-md sm:h-12 sm:w-12"> <i class="las la-key"></i> </div> <div> <p class="text-base font-medium text-gray-900">Generate Django Secret</p> <p class="mt-1 text-sm text-gray-500">Quickest way to generate a Django Secret for your project!</p> </div> </div> </a> <a href="/tools/format-html/" class="block p-3 -m-4 rounded-md hover:bg-gray-50"> <div class="flex flex-row space-x-3"> <div class="flex flex-shrink-0 justify-center items-center w-10 h-10 text-2xl text-white bg-green-500 rounded-md sm:h-12 sm:w-12"> <i class="las la-shower"></i> </div> <div> <p class="text-base font-medium text-gray-900">Django HTML Formatter</p> <p class="mt-1 text-sm text-gray-500">Make your Django templates pretty in seconds.</p> </div> </div> </a> </div> </div> </div> </div> <div data-controller="dropdown" class="relative"> <button type="button" data-action="dropdown#toggle click@window->dropdown#hide" class="inline-flex items-center px-3 py-2 text-lg font-medium text-gray-600 bg-white rounded-md group hover:text-gray-900 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500" aria-expanded="false" > <span>More</span> <svg class="ml-2 w-5 h-5 text-gray-400 group-hover:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" /> </svg> </button> <div data-dropdown-target="menu" data-transition-enter-active="transition ease-out duration-200" data-transition-enter-from="opacity-0 translate-y-1" data-transition-enter-to="opacity-100 translate-y-0" data-transition-leave-active="transition ease-in duration-150" data-transition-leave-from="opacity-100 translate-y-0" data-transition-leave-to="opacity-0 translate-y-1" class="hidden absolute left-1/2 z-10 px-2 mt-3 w-screen max-w-xs transform -translate-x-1/2 sm:px-0" > <div class="overflow-hidden rounded-lg ring-1 ring-black ring-opacity-5 shadow-lg"> <div class="grid relative gap-6 px-5 py-6 bg-white sm:gap-8 sm:p-8"> <a href="/jobs/" class="block p-3 -m-4 rounded-md hover:bg-gray-50"> <div class="flex flex-row space-x-3"> <div class="flex flex-shrink-0 justify-center items-center w-10 h-10 text-2xl text-white bg-green-500 rounded-md sm:h-12 sm:w-12"> <i class="las la-briefcase"></i> </div> <div> <p class="text-base font-medium text-gray-900">Django Job Board</p> <p class="mt-1 text-sm text-gray-500">Find the Django job of your dreams!</p> </div> </div> </a> <a href="/podcast/" class="block p-3 -m-4 rounded-md hover:bg-gray-50"> <div class="flex flex-row space-x-3"> <div class="flex flex-shrink-0 justify-center items-center w-10 h-10 text-2xl text-white bg-green-500 rounded-md sm:h-12 sm:w-12"> <i class="las la-microphone-alt"></i> </div> <div> <p class="text-base font-medium text-gray-900">Built with Django Podcast</p> <p class="mt-1 text-sm text-gray-500">Listen to the best Django devs out there.</p> </div> </div> </a> <a href="/developers/" class="block p-3 -m-4 rounded-md hover:bg-gray-50"> <div class="flex flex-row space-x-3"> <div class="flex flex-shrink-0 justify-center items-center w-10 h-10 text-2xl text-white bg-green-500 rounded-md sm:h-12 sm:w-12"> <i class="las la-running"></i> </div> <div> <p class="text-base font-medium text-gray-900">Django Developers</p> <p class="mt-1 text-sm text-gray-500">Hire the best Django Developers this world has to offer.</p> </div> </div> </a> <a href="/advertize" class="block p-3 -m-4 rounded-md hover:bg-gray-50"> <div class="flex flex-row space-x-3"> <div class="flex flex-shrink-0 justify-center items-center w-10 h-10 text-2xl text-white bg-green-500 rounded-md sm:h-12 sm:w-12"> <i class="las la-bullhorn"></i> </div> <div> <p class="text-base font-medium text-gray-900">Advertize</p> <p class="mt-1 text-sm text-gray-500">Let the Django Community know about your project.</p> </div> </div> </a> <a href="/support/" class="block p-3 -m-4 rounded-md hover:bg-gray-50"> <div class="flex flex-row space-x-3"> <div class="flex flex-shrink-0 justify-center items-center w-10 h-10 text-2xl text-white bg-green-500 rounded-md sm:h-12 sm:w-12"> <i class="las la-life-ring"></i> </div> <div> <p class="text-base font-medium text-gray-900">Support</p> <p class="mt-1 text-sm text-gray-500">Here are some ways you can support Built with Django.</p> </div> </div> </a> </div> </div> </div> </div> </div> </div> </div> <div class="flex absolute inset-y-0 right-0 items-center pr-2 sm:static sm:inset-auto sm:ml-6 sm:pr-0"> <div class="hidden flex-row flex-shrink-0 space-x-2 md:flex"> <a href="/users/signup/" class="inline-flex relative items-center px-3 py-2 text-lg font-medium text-white bg-green-700 rounded-md border border-transparent border-solid shadow-sm hover:bg-green-600 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-800 focus:ring-green-500"> <span>Sign up</span> </a> <a href="/users/login/" class="inline-flex relative items-center px-3 py-2 text-lg font-medium text-green-600 bg-white rounded-md border border-gray-200 border-solid shadow hover:bg-gray-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-800 focus:ring-gray-200"> <span>Login</span> </a> </div> </div> </div> </div> <div :class="{'block': isOn, 'hidden': !isOn }" class="sm:hidden" id="mobile-menu"> <div class="px-2 pt-2 pb-3 space-y-1"> <a href="/projects/" class="block px-3 py-2 text-base font-medium text-gray-700 rounded-md hover:bg-gray-700 hover:text-white" key="Projects">Projects</a> <a href="/jobs/" class="block px-3 py-2 text-base font-medium text-gray-700 rounded-md hover:bg-gray-700 hover:text-white" key="Jobs">Jobs</a> <a href="/blog/" class="block px-3 py-2 text-base font-medium text-gray-700 rounded-md hover:bg-gray-700 hover:text-white" key="Blog">Blog</a> <a href="/podcast/" class="block px-3 py-2 text-base font-medium text-gray-700 rounded-md hover:bg-gray-700 hover:text-white" key="Podcast">Podcast</a> <a href="/developers/" class="block px-3 py-2 text-base font-medium text-gray-700 rounded-md hover:bg-gray-700 hover:text-white" key="Developers">Developers</a> <a href="/tools/django-secret/" class="block px-3 py-2 text-base font-medium text-gray-700 rounded-md hover:bg-gray-700 hover:text-white" key="Developers">Generate Django Secret Key</a> <a href="/tools/format-html/" class="block px-3 py-2 text-base font-medium text-gray-700 rounded-md hover:bg-gray-700 hover:text-white" key="Developers">Django HTML Formatter</a> <a href="/advertize" class="block px-3 py-2 text-base font-medium text-gray-700 rounded-md hover:bg-gray-700 hover:text-white" key="Developers">Advertize your Project</a> <a href="/support/" class="block px-3 py-2 text-base font-medium text-gray-700 rounded-md hover:bg-gray-700 hover:text-white" key="Developers">Support Built with Django</a> <a href="/users/login/" class="block px-3 py-2 text-base font-medium text-center text-gray-700 rounded-md border-2 border-gray-300 hover:bg-gray-700 hover:text-white" key="Login">Login</a> <a href="/users/signup/" class="block px-3 py-2 text-base font-medium text-center text-white bg-green-700 rounded-md hover:bg-green-800" key="Signup">Sign Up</a> </div> </div> </nav> <div class="px-2 mx-auto max-w-6xl sm:px-6 lg:px-8"> <article class="mx-auto mt-10 prose lg:prose-xl"> <h1 class="text-center">Advertize on Built with Django</h1> <p>Built with Django gets around 5k unique visitors a month, with around 10k pageviews per month. You can check out the stats <a href="https://plausible-v2.cr.lvtd.dev/builtwithdjango.com/" target="_blank">here</a>.</p> <section class="isolate overflow-hidden relative px-6 lg:px-8"> <h2>Testimonials</h2> <div class="px-6 mx-auto max-w-2xl rounded-lg border border-gray-100 lg:max-w-4xl"> <img class="mx-auto h-12" src="/static/vendors/images/hovercode.c541b837d04b.png" alt="Hovercode Logo"> <figure class="mt-10"> <blockquote class="font-semibold text-center text-gray-900 text-xl/8 sm:text-2xl/9"> <p> I love Built with Django as a place that highlights awesome Django sites so I decided to try the "Highlighted project" option. I mostly wanted to support the project, but was surprised with how much high quality traffic the promotion drove to Hovercode. I'm now considering some of the other sponsorship opportunities on offer! </p> </blockquote> <figcaption class="mt-10"> <img class="mx-auto w-16 rounded-full size-10" src="/static/vendors/images/ramy.018e0db01d24.jpg" alt="Ramy Khuffash"> <div class="flex justify-center items-center mt-4 space-x-3 text-base"> <div class="font-semibold text-gray-900">Ramy Khuffash</div> <svg viewBox="0 0 2 2" width="3" height="3" aria-hidden="true" class="fill-gray-900"> <circle cx="1" cy="1" r="1" /> </svg> <div class="text-gray-600">Founder of Hovercode</div> </div> </figcaption> </figure> </div> </section> <p>Here are a few options:</p> <h2>1. Highlighted product</h2> <p>Your site will be featured on the <a href="/">homepage</a> and on the <a href="/projects/">projects list</a>, which combined 2k - 2.5k unique users per month (images below). Since I just started and not entirely sure what this traffic is worth, I'm offering a whole month for $50.</p> <img class="my-1 rounded border border-gray-200" src="/static/vendors/images/CleanShot 2024-09-19 at 10.26.41.5f79fc3cc367.png" alt="Highlighted product example 1"> <img class="my-1 rounded border border-gray-200" src="/static/vendors/images/CleanShot 2024-09-19 at 10.26.05.dd79e6d272a8.png" alt="Highlighted product example 2"> <h2>2. Ad on the bottom right of the screen</h2> <p>This is displayed on every single page for every single visit. So you will be getting all the eyes that are coming from the site ~10K page views per month. I'm selling this ad spot for $100 per month (below are images for how it looks on desktop and mobile).</p> <img class="my-1 rounded border border-gray-200" src="/static/vendors/images/CleanShot 2024-09-19 at 10.31.35.2ec7f82ac247.png" alt="Ad on desktop"> <img class="my-1 rounded border border-gray-200" src="/static/vendors/images/CleanShot 2024-09-19 at 10.32.49.1d9627bd96d1.png" alt="Ad on mobile"> <h2>3. Sponsor block in the newsletter</h2> <p>~500 subscribers and the open rate is always >50%, but close to 65% most of the time. I send 4 newsletters a month with 50 clicks on average. This will be $50 for 4 newsletter issues.</p> <img class="my-1 rounded border border-gray-200" src="/static/vendors/images/CleanShot 2024-09-19 at 11.53.00.6bcee58e5a11.png" alt="Newsletter sponsor block example 1"> <img class="my-1 rounded border border-gray-200" src="/static/vendors/images/CleanShot 2024-09-19 at 11.51.36.84443fea46b6.png" alt="Newsletter sponsor block example 2"> <img class="my-1 rounded border border-gray-200" src="/static/vendors/images/CleanShot 2024-09-19 at 11.51.59.f8c471b63e1d.png" alt="Newsletter sponsor block example 3"> <h2>4. Sponsored Job Posting</h2> <p>This is perfect if you are hiring for Django Engineers. Your post will be first and highlighted on the <a href="/jobs/">Job Board</a> and on <a href="https://newsletter.builtwithdjango.com">the newsletter</a>. This will cost $100 for a month (4 newsletter issues).</p> <img class="my-1 rounded border border-gray-200" src="/static/vendors/images/image.b1cdd594c18f.png" alt="Sponsored Job Posting example 1"> <img class="my-1 rounded border border-gray-200" src="/static/vendors/images/CleanShot 2024-09-19 at 11.57.45.48a85e12d906.png" alt="Sponsored Job Posting example 2"> </article> </div> <footer class="bg-white"> <div class="px-6 py-12 mx-auto max-w-7xl md:py-0 md:flex md:items-center md:justify-between lg:px-8"> <div class="mt-8 md:mt-0"> <p class="text-xs leading-5 text-center text-gray-500"> © 2025 <a href="https://lvtd.dev">LVTD, LLC</a>. </p> </div> <div class="scale-50"> <webring-css site="https://builtwithdjango.com"></webring-css> <script src="https://djangowebring.com/static/webring.js"></script> </div> <div class="flex justify-center space-x-6"> <a href="https://statushen.com/builtwithdjango" class="text-gray-400 hover:text-gray-500"> Status </a> <a href="https://x.com/builtwithdjango" class="text-gray-400 hover:text-gray-500"> <span class="sr-only">X</span> <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <path d="M13.6823 10.6218L20.2391 3H18.6854L12.9921 9.61788L8.44486 3H3.2002L10.0765 13.0074L3.2002 21H4.75404L10.7663 14.0113L15.5685 21H20.8131L13.6819 10.6218H13.6823ZM11.5541 13.0956L10.8574 12.0991L5.31391 4.16971H7.70053L12.1742 10.5689L12.8709 11.5655L18.6861 19.8835H16.2995L11.5541 13.096V13.0956Z" /> </svg> </a> <a href="https://github.com/builtwithdjango" class="text-gray-400 hover:text-gray-500"> <span class="sr-only">GitHub</span> <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd" /> </svg> </a> </div> </div> </footer> <a class="fixed bottom-0 left-0 z-10 px-2 py-1 font-semibold text-gray-900 no-underline bg-gray-200 rounded-tr border-t border-l border-white border-solid" href="https://rasulkireev.com" target="_blank">  <p class="inline m-0 ml-1 text-sm font-normal align-middle">by Rasul</p> </a> <div id="ad-container-mobile" class="fixed bottom-0 left-0 z-50 w-full bg-white border shadow-lg transition-all duration-500 ease-in-out lg:hidden"> <div class="flex justify-between items-center p-2 mx-auto max-w-6xl"> <div class="flex items-center"> <div class="mx-4"> <a target="_blank" href='https://www.coderabbit.ai?utm_source=build_with_django&utm_medium=web&utm_campaign=build_with_django_mar_2025'> <img src="https://pbs.twimg.com/profile_images/1850044644115300353/v5yaxM6N_400x400.jpg" alt="CodeRabbit AI" class="object-contain mr-2 w-8 h-8" /> </a> </div> <div> <p class="text-sm font-bold text-blue-500"> <a target="_blank" href='https://www.coderabbit.ai?utm_source=build_with_django&utm_medium=web&utm_campaign=build_with_django_mar_2025'> CodeRabbit AI </a> <span class="text-sm text-gray-700">- Ad</span> </p> <p class="text-xs text-gray-600">Cut Code Review Time & Bugs in Half!</p> </div> </div> <button class="ml-2 text-gray-500 close-ad hover:text-gray-700"> <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path> </svg> </button> </div> </div> <div id="ad-container-desktop" class="hidden fixed right-4 bottom-4 z-50 w-64 bg-white rounded-lg border shadow-lg transition-all duration-500 ease-in-out lg:block"> <div class="flex flex-row items-center mt-2"> <div class="mx-2"> <a target="_blank" href='https://www.coderabbit.ai?utm_source=build_with_django&utm_medium=web&utm_campaign=build_with_django_mar_2025' > <img src="https://pbs.twimg.com/profile_images/1850044644115300353/v5yaxM6N_400x400.jpg" alt="CodeRabbit AI" class="object-contain w-32 h-32" /> </a> </div> <div class="mr-4"> <p class="mb-1 text-lg font-bold text-blue-500"> <a target="_blank" href='https://www.coderabbit.ai?utm_source=build_with_django&utm_medium=web&utm_campaign=build_with_django_mar_2025'> CodeRabbit AI </a> </p> <p class="text-sm text-gray-600">Cut Code Review Time & Bugs in Half!</p> </div> </div> <p class="absolute top-1 left-1 p-1 text-sm text-gray-500">Ad</p> <button class="absolute top-1 right-1 text-gray-500 close-ad hover:text-gray-700"> <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path> </svg> </button> </div> <script> document.addEventListener('DOMContentLoaded', (event) => { const adContainerMobile = document.getElementById('ad-container-mobile'); const adContainerDesktop = document.getElementById('ad-container-desktop'); const closeAdButtons = document.querySelectorAll('.close-ad'); function hideAd() { if (window.innerWidth < 1024) { adContainerMobile.style.transform = 'translateY(100%)'; } else { adContainerDesktop.style.transform = 'scale(0.1) rotate(360deg)'; adContainerDesktop.style.opacity = '0'; } setTimeout(() => { adContainerMobile.style.display = 'none'; adContainerDesktop.style.display = 'none'; }, 500); // Set a cookie to remember the ad was closed const date = new Date(); date.setTime(date.getTime() + (24 * 60 * 60 * 1000)); // Set expiry to 24 hours const expires = "expires=" + date.toUTCString(); document.cookie = "adClosed=true;" + expires + ";path=/"; } function showAd() { if (window.innerWidth < 1024) { adContainerMobile.style.display = 'block'; setTimeout(() => { adContainerMobile.style.transform = 'translateY(0)'; }, 100); } else { adContainerDesktop.style.display = 'block'; setTimeout(() => { adContainerDesktop.style.transform = 'scale(1) rotate(0deg)'; adContainerDesktop.style.opacity = '1'; }, 100); } } closeAdButtons.forEach(button => { button.addEventListener('click', hideAd); }); // Check and show the ad when the page loads if (document.cookie.indexOf("adClosed=true") === -1) { showAd(); } // Adjust layout on window resize window.addEventListener('resize', () => { if (document.cookie.indexOf("adClosed=true") === -1) { if (window.innerWidth < 1024) { adContainerDesktop.style.display = 'none'; showAd(); } else { adContainerMobile.style.display = 'none'; showAd(); } } }); }); </script> <style> #ad-container-mobile, #ad-container-desktop { display: none; } #ad-container-mobile { transform: translateY(100%); transition: transform 0.5s ease-in-out; } #ad-container-desktop { transform-origin: bottom right; transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; } </style> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "WebSite", "name": "Projects Built with Django", "description": "Collection of cool projects people built with Django", "thumbnailUrl": "https", "url": "https://builtwithdjango.com", "author": { "@type": "Person", "givenName": "Rasul", "familyName": "Kireev", "url": "https://rasulkireev.com/" } } </script> </body> </html>

CINXE.COM

Advertize on Built with Django