kpi.cleanupbritain.postbug.app Open in urlscan Pro
76.76.21.61  Public Scan

Form analysis
1 forms found in the DOM

POST /?index

<form method="post" action="/?index" id="imageSelect">
  <div class="grid md:grid-cols-2">
    <h2 class="text-lg leading-[1.6rem] md:text-[1.5rem] md:leading-[1.9rem] font-heading text-black pb-6">Step 1 of 4: Select the image of the postcard you wish to send.</h2>
    <div class="mb-5 flex justify-end items-center"><button type="submit" name="_action" value="image-select"
        class="flex flex-row mt-1 justify-between transition-all duration-500 hover:bg-black hover:text-white hover:drop-shadow-lg font-light min-w-40 text-[0.95em] md:text-base font-sans bg-organiser text-white  px-4 py-2 ">
        <div class="flex items-center justify-center w-full h-full">Use this image<svg stroke="currentColor" fill="none" stroke-width="0" viewBox="0 0 24 24" height="30" width="30" xmlns="http://www.w3.org/2000/svg">
            <path d="M10.5858 6.34317L12 4.92896L19.0711 12L12 19.0711L10.5858 17.6569L16.2427 12L10.5858 6.34317Z" fill="currentColor"></path>
          </svg></div>
      </button></div>
  </div>
  <div class="grid grid-cols-2 gap-4 w-full">
    <div class="col-span-2 md:col-span-1">
      <div class="grid grid-cols-1 md:grid-cols-2 gap-6 md:gap-2 -mt-1"><label class="col-span-1 cursor-pointer md:border-4 border-transparent focus-within:md:border-4 focus-within:border-black" for="option-1"><span class="sr-only">Option
            <!-- -->1</span><input tabindex="0" id="option-1" type="radio" name="img_details" class="sr-only" checked="" value="e89a4e76-bd6e-42f4-bcb3-760cd58defa5,organiser_cleanupbritain_removelitter_m42_web.webp">
          <div id="e89a4e76-bd6e-42f4-bcb3-760cd58defa5" class="w-full min-h-[275px] md:min-h-[185px] bg-contain bg-no-repeat"
            style="background-image:url(https://d2jc2o8hzrcq01.cloudfront.net/organiser_cleanupbritain/images/organiser_cleanupbritain_removelitter_m42_web.webp)"></div>
        </label><label class="col-span-1 cursor-pointer md:border-4 border-transparent focus-within:md:border-4 focus-within:border-black" for="option-2"><span class="sr-only">Option <!-- -->2</span><input tabindex="0" id="option-2" type="radio"
            name="img_details" class="sr-only" value="20679a68-22f9-4097-aaa4-e4ba288adc22,organiser_cleanupbritain_removelitter_m65_web.webp">
          <div id="20679a68-22f9-4097-aaa4-e4ba288adc22" class="w-full min-h-[275px] md:min-h-[185px] bg-contain bg-no-repeat"
            style="background-image:url(https://d2jc2o8hzrcq01.cloudfront.net/organiser_cleanupbritain/images/organiser_cleanupbritain_removelitter_m65_web.webp)"></div>
        </label><label class="col-span-1 cursor-pointer md:border-4 border-transparent focus-within:md:border-4 focus-within:border-black" for="option-3"><span class="sr-only">Option <!-- -->3</span><input tabindex="0" id="option-3" type="radio"
            name="img_details" class="sr-only" value="a01fddb2-cf31-4816-8429-121fb9508870,organiser_cleanupbritain_removelitter_a3layby_near_m25_web.webp">
          <div id="a01fddb2-cf31-4816-8429-121fb9508870" class="w-full min-h-[275px] md:min-h-[185px] bg-contain bg-no-repeat"
            style="background-image:url(https://d2jc2o8hzrcq01.cloudfront.net/organiser_cleanupbritain/images/organiser_cleanupbritain_removelitter_a3layby_near_m25_web.webp)"></div>
        </label><label class="col-span-1 cursor-pointer md:border-4 border-transparent focus-within:md:border-4 focus-within:border-black" for="option-4"><span class="sr-only">Option <!-- -->4</span><input tabindex="0" id="option-4" type="radio"
            name="img_details" class="sr-only" value="47a324c3-d94b-45ac-b1b2-c4f7f77e31e1,organiser_cleanupbritain_removelitter_m58_20230125_web.webp">
          <div id="47a324c3-d94b-45ac-b1b2-c4f7f77e31e1" class="w-full min-h-[275px] md:min-h-[185px] bg-contain bg-no-repeat"
            style="background-image:url(https://d2jc2o8hzrcq01.cloudfront.net/organiser_cleanupbritain/images/organiser_cleanupbritain_removelitter_m58_20230125_web.webp)"></div>
        </label></div>
    </div>
    <div><img id="e89a4e76-bd6e-42f4-bcb3-760cd58defa5" class="hidden md:block w-[100%]" src="https://d2jc2o8hzrcq01.cloudfront.net/organiser_cleanupbritain/images/organiser_cleanupbritain_removelitter_m42_web.webp" alt="PostBug postcard preview"
        width="500" height="352" loading="lazy"></div>
  </div><input type="hidden" name="sender_postcode" value=""><input type="hidden" name="recipient_uuid" value="e6c20313-c463-49b6-b04e-0c15bf1164c2"><input type="hidden" name="recipient_address_uuid"
    value="296675fa-fabd-485a-8c4f-4545c3385322"><input type="hidden" name="recipient_full_name" value="Lilian Greenwood MP"><input type="hidden" name="recipient_address"
    value="{&quot;city&quot;:&quot;London&quot;,&quot;postcode&quot;:&quot;SW1A 0AA&quot;,&quot;country&quot;:&quot;United Kingdom&quot;}">
</form>

Text Content

ACTION TITLE GOES HERE

Put the introduction text here


SEND A POSTCARD TO...

Name: Lilian Greenwood MP

Role: Minister for Future of Roads

Ministry: Department for Transport

Country: United Kingdom




STEP 1 OF 4: SELECT THE IMAGE OF THE POSTCARD YOU WISH TO SEND.

Use this image
Option 1

Option 2

Option 3

Option 4