<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>25th Birthday</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <style> .birthday { color: #1e055b; max-width: 80rem; margin: 2rem auto; } .birthday .header { background: url(https://ik.imagekit.io/bobshop/tr:f-png/site/Top_Banner__-dN6UVckf.png) center / cover no-repeat; height: 26rem; display: flex; border-radius: .5rem; width:100% } .birthday h2 { font-weight: 500; font-size: 2rem; text-align: center; padding: 4rem 8rem; line-height: 1.5; } .birthday h2 strong { font-weight: 800; } .birthday img { border-radius: .5rem; } .birthday .label_input { display: flex; justify-content: space-between; padding: 0 0 2rem; } .birthday .label_input > label, .birthday .label_input > input { flex: 1; text-align: left; } .birthday .label_input > input { border: 1px solid #ff8b00; border-radius: .5rem; padding: 0 .5rem; min-height: 2.5rem; } .birthday .label_input > input:focus { outline: none; border-width: 2px; } .birthday .footer { background: url(https://ik.imagekit.io/bobshop/tr:f-png/site/Footer_Background_F7hNCRMzE.png) center / cover no-repeat; color: white; display: flex; flex-direction: column; align-items: center; font-size: 1.25rem; padding: 2rem; border-radius: .5rem; overflow: hidden; } #birthday { padding: 0 16vw; font-size: 1.25rem; text-align: center; } #submit_birthday { outline: none; color: white; font-weight: 800; background: url(https://ik.imagekit.io/bobshop/site/Button_fxSg9C5e46.png) center / cover no-repeat; margin: 0 0 4rem 0; border: 0; border-radius: 5rem; height: 3rem; padding: 0 1.5rem; } .shake { animation: shake .25s 0s ease-in forwards; } @media (max-width: 60rem) { #birthday { padding: 0 2rem; } .birthday .header { height: 50vw; } .birthday h2 { font-size: 6vw; padding: 2rem; } .birthday .label_input > label { text-align: center;} .birthday .label_input { font-size: 6vw; flex-direction: column; } .birthday .label_input > input { height: 3rem; flex: auto; } .birthday .sm-d-flex { display: flex; }.birthday .header, .birthday .footer { border-radius: 0; } .sm-fon-size { font-size: 6vw } } @keyframes shake { 0% { cursor: not-allowed; transform: translate3d(0, 0, 0) } 33% { transform: translate3d(.25rem, 0, 0); color: #e72e5d } 66% { transform: translate3d(-.125rem, 0, 0); color: #e72e5d } 100% { transform: translate3d(0, 0, 0) } } </style></head><script type="text/javascript"> var submitted = false; function validateEntryForm() { setTimeout(unshake, 250); var entry_form_first_name = document.forms["birthday"]["first_name_birthday"].value; var entry_form_email_birthday = document.forms["birthday"]["email_birthday"].value; var entry_form_how_do_you_birthday = document.forms["birthday"]["how_do_you_birthday"].value; if (entry_form_first_name == "") { document.getElementsByClassName('label_input name')[0].classList.add("shake"); return false; } if (entry_form_email_birthday == "") { document.getElementsByClassName('label_input email')[0].classList.add("shake"); return false; } if (entry_form_how_do_you_birthday == "") { document.getElementsByClassName('label_input answer')[0].classList.add("shake"); return false; } else { document.getElementById('submit_birthday').classList.add("loading"); document.getElementById('submit_birthday').innerHTML = "Submitting..."; return true; } } function unshake() { document.getElementsByClassName('label_input')[0].classList.remove("shake"); document.getElementsByClassName('label_input')[1].classList.remove("shake"); document.getElementsByClassName('label_input')[2].classList.remove("shake"); }</script><body> <div class="birthday" style="position: relative; overflow: hidden"> <div> <a class="header" href="https://www.bobshop.co.za/bdaybids"></a> <h2> <a href="https://www.bobshop.co.za/bdaybids" style="text-decoration: none"> Share your favourite <a href="https://www.bobshop.co.za/bdaybids" style="white-space: nowrap;border-bottom: 1.5px solid #ff5b00; color: #ff5b00; text-decoration: none;padding-right: .125rem;" target="_blank">R1 Auction</a> for your chance to win R10,000 in Bob Bucks. If you are the lucky winner and you're following our <a href="https://www.facebook.com/bobshopza/" style="white-space: nowrap;border-bottom: 1.5px solid #ff5b00; color: #ff5b00; text-decoration: none;padding-right: .125rem;" target="_blank">Facebook page</a>, we'll <strong>double your winnings!</strong> </a> </h2> <!-- Subscription Form --> <form id="birthday" action="https://docs.google.com/forms/d/e/1FAIpQLSdvzvotdEKBKIZ-hQO0ZO4Xj501W9trkGbA8HB9RRpU5wHL0w/formResponse" method="post" target="hidden_iframe" onsubmit="submitted=true"> <div class="label_input name"> <label for="first_name_birthday">Name & surname:</label> <input id="first_name_birthday" type="text" autocomplete="off" aria-label="Name" name="entry.1862800060" required=""> </div> <div class="label_input email"> <label for="email_birthday">Email address:</label> <input id="email_birthday" type="email" autocomplete="off" aria-label="Email" name="entry.1497807470" required=""> </div> <div class="label_input answer" style="flex-direction: column;"> <label for="how_do_you_birthday" style="text-align: center"> Your favourite Bob Shop Birthday <a href="https://www.bobshop.co.za/bdaybids" target="_blank" style="border-bottom: 1.5px solid #ff5b00; color: #ff5b00; text-decoration: none; font-weight: 800;padding-right: .125rem;">#R1Auction</a>: </label> <input id="how_do_you_birthday" autocomplete="off" name="entry.1233782352" required=""> </div> <button id="submit_birthday" type="submit" name="submit" value="SUBSCRIBE!" onclick="return validateEntryForm();">Enter now</button> </form> <iframe name="hidden_iframe" id="hidden_iframe" style="display:none;" onload="if (submitted) { document.getElementById('submit_birthday').classList.remove('loading'); document.getElementById('submit_birthday').classList.add('success'); document.getElementById('submit_birthday').disabled = true; document.getElementById('submit_birthday').innerHTML = 'Thanks, we\'ve received your entry!'; }"></iframe> <div class="footer"> <div class="sm-font-size" style="padding: 1rem;text-align: center; font-size: 1.5rem;"> Don't forget to follow us on Facebook to double your winnings! <a href="https://www.facebook.com/bobshopza/" target="_blank" style="color: #ff5b00; font-weight: 800; white-space: nowrap">Follow here</a> </div> <div style="padding: 1rem;text-align: center; font-size: 1rem"> The winner will be announced on 2 September 2024 </div> <div> <a class="sm-d-flex" href="https://www.bobshop.co.za/help/441/Terms_And_Conditions_of_This_Site?gad_source=1&gcl[]1JksoCVGIgE2KDSCnn-I0LkPsjIV4N-89psIcTjutKmY9EoaAi9sEALw_wcB" style="color: white; padding: 1rem; text-decoration: underline; font-size: 1rem;text-align: center;"> Terms & conditions apply </a> <a class="sm-d-flex" href="https://help.bobshop.co.za/portal/en/kb/articles/bidorbuy-competition-rules-3-11-2022" style="color: white; padding: 1rem; text-decoration: underline; font-size: 1rem;text-align: center;"> Competition rules apply </a> </div> </div> </div> </div></body></html>