{"product_id":"12179705627-lw-theatres-css-animation-to-be-built-in-one-campaign","title":"12179705627 - LW Theatres - CSS animation (to be built in one campaign)","description":"\u003cdiv style=\"overflow: hidden;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv style=\"overflow: hidden;\"\u003e\n\u003cdiv style=\"overflow: hidden; font-size: 16px !important; color: #535353;\"\u003e\n\u003cdiv class=\"grid__item\" style=\"padding: 20px; border: 1px solid #cdcdcd;\"\u003e\n\u003cdiv style=\"overflow: hidden; font-size: 16px !important; color: #535353;\"\u003e\n\u003cdiv class=\"grid__item\" style=\"padding: 20px;\"\u003e\n\u003cdiv style=\"overflow: hidden;\"\u003e\u003cspan style=\"color: #80c342; font-size: 18px;\"\u003eProject outline\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv style=\"padding: 2px 20px; margin: 10px 0px 10px 0px;\"\u003e\n\u003cdiv style=\"padding: 0px; border-bottom: 1px solid #ebebeb;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cul style=\"padding: 0; margin: 0 20px;\"\u003e\n\u003cli\u003e\n\u003cp class=\"xxxmsonormal\"\u003e\u003cb\u003eDeliverables\u003c\/b\u003e\u003c\/p\u003e\n\u003cul type=\"disc\" style=\"margin-top: 0cm;\"\u003e\n\u003cli style=\"margin-left: 0cm; mso-list: l0 level1 lfo1; tab-stops: list 36.0pt;\" class=\"xxxmsolistparagraph\"\u003e\u003cspan style=\"mso-fareast-font-family: 'Times New Roman';\"\u003eWe will code an interactive block containing 3 image\/text “click to reveal” elements, using CSS3 animation techniques.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"margin-left: 0cm; mso-list: l0 level1 lfo1; tab-stops: list 36.0pt;\" class=\"xxxmsolistparagraph\"\u003e\u003cspan style=\"mso-fareast-font-family: 'Times New Roman';\"\u003eThe functionality will rely on CSS code added to the head section of the campaign HTML, so the block cannot be stored in custom building blocks or dragged into another template or campaign. \u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"margin-left: 0cm; mso-list: l0 level1 lfo1; tab-stops: list 36.0pt;\" class=\"xxxmsolistparagraph\"\u003e\u003cspan style=\"mso-fareast-font-family: 'Times New Roman';\"\u003eThe content of the block cannot be edited in the EasyEditor. Text and image file URLs etc can only be updated via the HTML source code. \u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"xxxmsonormal\"\u003e \u003c\/p\u003e\n\u003cp class=\"xxxmsonormal\"\u003e\u003cb\u003eSupport on different email clients\u003c\/b\u003e\u003c\/p\u003e\n\u003cul type=\"disc\" style=\"margin-top: 0cm;\"\u003e\n\u003cli style=\"margin-left: 0cm; mso-list: l1 level1 lfo2; tab-stops: list 36.0pt;\" class=\"xxxmsolistparagraph\"\u003e\u003cspan style=\"mso-fareast-font-family: 'Times New Roman';\"\u003eThe interactive elements are mostly well supported on iOS mail app and Apple mail on desktop.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"margin-left: 0cm; mso-list: l1 level1 lfo2; tab-stops: list 36.0pt;\" class=\"xxxmsolistparagraph\"\u003e\u003cspan style=\"mso-fareast-font-family: 'Times New Roman';\"\u003eFallbacks will be built into the code, however these cannot be guaranteed to work on all email clients. Challenges include:\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cul type=\"disc\" style=\"margin-top: 0cm;\"\u003e\n\u003cul type=\"circle\" style=\"margin-top: 0cm;\"\u003e\n\u003cli style=\"margin-left: 0cm; mso-list: l2 level2 lfo3; tab-stops: list 72.0pt;\" class=\"xxxmsolistparagraph\"\u003e\u003cspan style=\"mso-fareast-font-family: 'Times New Roman';\"\u003eGmail app when used with a non-Gmail address (certain code is not supported here)\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"margin-left: 0cm; mso-list: l2 level2 lfo3; tab-stops: list 72.0pt;\" class=\"xxxmsolistparagraph\"\u003e\u003cspan style=\"mso-fareast-font-family: 'Times New Roman';\"\u003eOutlook app (support has historically varied a great deal on different versions of the app)\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"margin-left: 0cm; mso-list: l2 level2 lfo3; tab-stops: list 72.0pt;\" class=\"xxxmsolistparagraph\"\u003e\u003cspan style=\"mso-fareast-font-family: 'Times New Roman';\"\u003eCertain Android email clients such as the mail app on some Samsung devices (CSS3 and fallbacks are not always consistently supported across all Android email clients)\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/ul\u003e\n\u003cp class=\"xxxmsonormal\"\u003e \u003c\/p\u003e\n\u003cp class=\"xxxmsonormal\"\u003e\u003cb\u003eTesting and ongoing support\u003c\/b\u003e\u003c\/p\u003e\n\u003cul type=\"disc\" style=\"margin-top: 0cm;\"\u003e\n\u003cli style=\"margin-left: 0cm; mso-list: l3 level1 lfo4; tab-stops: list 36.0pt;\" class=\"xxxmsolistparagraph\"\u003e\u003cspan style=\"mso-fareast-font-family: 'Times New Roman';\"\u003eWe will endeavour to test the block across as many live email clients as possible. Please note however that we are unable to test to every possible device and email client, and our usual inbox testing service will only display a static preview and therefore cannot be relied upon for testing the functionality. \u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"margin-left: 0cm; mso-list: l3 level1 lfo4; tab-stops: list 36.0pt;\" class=\"xxxmsolistparagraph\"\u003e\u003cspan style=\"mso-fareast-font-family: 'Times New Roman';\"\u003eThe Support team cannot help troubleshoot or solve any problems which might arise in future when email clients or devices are updated, or if the code is amended by anyone after the project has been signed off. \u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"padding: 20px; margin: 10px 0px 10px 0px;\"\u003e\n\u003cdiv style=\"padding: 0px; border-bottom: 1px solid #ebebeb;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"overflow: hidden;\"\u003e\n\u003cdiv\u003e\n\u003cdiv style=\"overflow: hidden; font-size: 16px !important; color: #535353;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv style=\"overflow: hidden; font-size: 16px !important; color: #535353;\"\u003e\n\u003cdiv class=\"grid__item\" style=\"padding: 20px; border: 1px solid #cdcdcd;\"\u003e\n\u003cdiv class=\"grid__item\" style=\"padding: 20px;\"\u003e\n\u003cdiv style=\"overflow: hidden;\"\u003e\u003cspan style=\"color: #80c342; font-size: 18px;\"\u003eProject requirements\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv style=\"padding: 2px 20px; margin: 10px 0px 10px 0px;\"\u003e\n\u003cdiv style=\"padding: 0px; border-bottom: 1px solid #ebebeb;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cul style=\"padding: 0; margin: 0 20px;\"\u003e\n\u003cli\u003ePlease provide images and copy to creative.services@dotdigital.com.\u003c\/li\u003e\n\u003cli\u003ePlease also provide the name of the campaign the interactive content should be built within, and the account this can be found in.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"padding: 20px; margin: 10px 0px 10px 0px;\"\u003e\n\u003cdiv style=\"padding: 0px; border-bottom: 1px solid #ebebeb;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"overflow: hidden;\"\u003e\n\u003cdiv\u003e\n\u003cdiv style=\"overflow: hidden; font-size: 16px !important; color: #535353; background-color: #f6f6f6; border: 1px solid #cdcdcd;\"\u003e\n\u003cdiv class=\"grid__item\" style=\"padding: 20px;\"\u003e\n\u003cdiv class=\"grid__item\" style=\"padding: 20px;\"\u003e\n\u003cdiv style=\"overflow: hidden;\"\u003e\u003cspan style=\"color: #80c342; font-size: 18px;\"\u003eCost and additional information\u003cbr\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv style=\"padding: 2px 20px; margin: 10px 0px 10px 0px;\"\u003e\n\u003cdiv style=\"padding: 0px; border-bottom: 1px solid #ebebeb;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cul style=\"padding: 0; margin: 0 20px;\"\u003e\n\u003cli\u003eFirst draft will be provided in up to 10 working days from receipt of the processed order and assets.\u003cbr\u003e\u003cbr\u003e\n\u003c\/li\u003e\n\u003cli\u003eQuote ref: 12179705627\u003cbr\u003e\n\u003c\/li\u003e\n\u003cli\u003eNumber of credits = 6\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cstrong\u003eProfessional Services Terms\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003eThe work described hereunder must be redeemed within 12 months from purchase, on a date and time to be agreed with Dotdigital. Unless due to the availability of Dotdigital, any failure to instruct Dotdigital to commence or agree the work described (in whole or in part) will result in forfeiture of the entirety of the fee and no credits or refunds, pro rata or otherwise, will be provided. In addition to the Dotdigital Terms, this product is also subject to the terms found at: \u003cspan style=\"color: #00aaff;\"\u003e\u003ca style=\"color: #00aaff;\" href=\"https:\/\/dotdigital.com\/terms\/ps-terms\/\" title=\"PS Terms\" target=\"_blank\"\u003ehttps:\/\/dotdigital.com\/terms\/ps-terms\/\u003c\/a\u003e \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Service Station","offers":[{"title":"Default Title","offer_id":57623558914430,"sku":null,"price":6.0,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0516\/1209\/0560\/files\/SS_23.png?v=1710318569","url":"https:\/\/servicestation.dotdigital.com\/products\/12179705627-lw-theatres-css-animation-to-be-built-in-one-campaign","provider":"Service Station","version":"1.0","type":"link"}