Ceros Test Sheet - Embed Full Width Testing your Ceros experience

<div id="page-5db05ad721866" class="page"><img src="http://media-s3-us-east-1.ceros.com/hannah-s/images/2017/08/31/2cfdffa1f13973ea9b93525d13304386/004-facebook-logo.svg" alt="" id="" class="image-component" /> <img src="http://media-s3-us-east-1.ceros.com/uk/images/2019/08/20/90ffc065750812b502c1f33a93301703/click-icon.svg" alt="" id="" class="image-component" /> <div id="" class="text-component">Carousel using 'Show Target' interaction</div> <img src="http://media-s3-us-east-1.ceros.com/hannah-s/images/2017/09/13/0c83835bce1cd15949b9bfe2b2efc6f6/travel-05insta3.jpg" alt="" id="" class="image-component" /> <div id="" class="text-component">SWG shape with stroke and shadow</div> <div id="" class="text-component">Click here to open a modal popup (PDF URL link)</div> <div id="" class="text-component">Click here to open a popup with embedded YouTube video in embed box</div> <img src="http://media-s3-us-east-1.ceros.com/uk/images/2019/08/20/67bd9def59d71719dc0d8482abc9a301/screen-shot-2019-08-20-at-2-18-06-pm.png" alt="" id="" class="image-component" /> <div id="" class="text-component">Do animations trigger on scroll?</div> <div id="" class="text-component">Remember to stop the video before closing the popup</div> <div id="" class="text-component">We're here to help!</div> <h2 id="" class="text-component">We know just how important it is that your content works just as well embedded on your site as it does on a Ceros link. Please embed this piece into your CMS and see how our functionality responds.</div> <div id="" class="text-component">Click here to open a popup with embedded Ceros experience</div> <div id="" class="text-component">Toggle layer</div> <img src="http://media-s3-us-east-1.ceros.com/uk/images/2019/08/20/cb6e6716e56ac21147e7b8c57207883e/arrow-icon.svg" alt="" id="" class="image-component" /> <div id="" class="text-component">Does it work on another browser?</div> <img src="http://media-s3-us-east-1.ceros.com/uk/images/2019/08/20/d6a6ece6c4056fe0d2b3dee03392f250/glitch-icon.svg" alt="" id="" class="image-component" /> <div id="" class="text-component">Modal Popups</div> <div id="" class="text-component">FInd out more</div> <img src="http://media-s3-us-east-1.ceros.com/uk/images/2019/08/20/aca206233acc420b9a92eaf66d3c6b6e/full-screen-icon.svg" alt="" id="" class="image-component" /> <div id="" class="text-component">Embedded videos (using code) from 3rd party providers</div> <div id="" class="text-component">Carousel using 'Cycle Next/Back' interaction</div> <div id="" class="text-component">Click here to open a modal popup (URL link)</div> <div id="" class="text-component">Click here to open a modal popup (Ceros link)</div> <div id="" class="text-component">FInd out more</div> <div id="" class="text-component">Click here to open a modal popup (Video on Ceros link)</div> <img src="http://media-s3-us-east-1.ceros.com/sai-global/images/2017/10/26/779cdd252edd9844a4aed66d4c569670/lukas-blazek-320606.png" alt="" id="" class="image-component" /> <div id="" class="text-component">FInd out more</div> <div id="" class="text-component">Vimeo</div> <img src="http://media-s3-us-east-1.ceros.com/hannah-s/images/2017/09/13/8d9facea2b850df847c33ff3f0d010e4/travel-05insta1.jpg" alt="" id="" class="image-component" /> <img src="http://media-s3-us-east-1.ceros.com/the-culture-trip/images/2019/06/04/133e3ad66b48103982a8ebb433804c90/cross-icon.svg" alt="" id="" class="image-component" /> <div id="" class="text-component">Click here to open a popup with MP4 video (on page)</div> <div id="" class="text-component">No settings turned on</div> <img src="http://media-s3-us-east-1.ceros.com/sai-global/images/2017/10/26/779cdd252edd9844a4aed66d4c569670/lukas-blazek-320606.png" alt="" id="" class="image-component" /> <div id="" class="text-component">Click here to open a modal popup (YouTube link)</div> <div id="" class="text-component">Gradiant fill in Ceros</div> <img src="http://media-s3-us-east-1.ceros.com/the-culture-trip/images/2019/06/04/133e3ad66b48103982a8ebb433804c90/cross-icon.svg" alt="" id="" class="image-component" /> <div id="" class="text-component">This is a scrolling embed code generated from a published Ceros experience.</div> <img src="http://media-s3-us-east-1.ceros.com/the-culture-trip/images/2019/06/04/133e3ad66b48103982a8ebb433804c90/cross-icon.svg" alt="" id="" class="image-component" /> <img src="http://media-s3-us-east-1.ceros.com/sai-global/images/2017/10/26/c7b7f6adb69de454447f6cd002f6f9db/nastuh-abootalebi-284883.png" alt="" id="" class="image-component" /> <div id="" class="text-component">Click here to open a popup with 'show' and 'hide' interaction</div> <img src="http://media-s3-us-east-1.ceros.com/sai-global/images/2017/10/26/de060ed8dcc72d20353977c687d61739/alesia-kazantceva-283291.png" alt="" id="" class="image-component" /> <img src="http://media-s3-us-east-1.ceros.com/uk/images/2019/08/20/1dc571215dccc2af376a147c19d6a089/gerrie-van-der-walt-333808.png" alt="" id="" class="image-component" /> <img src="http://media-s3-us-east-1.ceros.com/hannah-s/images/2017/08/31/1fea881138e8a99fa75f3f0b218b4689/001-twitter-logo-silhouette.svg" alt="" id="" class="image-component" /> <div id="" class="text-component">ln</div> <img src="http://media-s3-us-east-1.ceros.com/uk/images/2019/08/20/96211cd8090cbbe9e4c33de9c6134d19/arrow-icon.svg" alt="" id="" class="image-component" /> <img src="http://media-s3-us-east-1.ceros.com/uk/images/2019/08/20/175a8828b1565bfc5a3dc9a8edc480bc/toggle-icon.svg" alt="" id="" class="image-component" /> <div id="" class="text-component">Click here to open a popup with a carousel using 'show target' layers.</div> <img src="http://media-s3-us-east-1.ceros.com/uk/images/2019/08/20/96211cd8090cbbe9e4c33de9c6134d19/arrow-icon.svg" alt="" id="" class="image-component" /> <div id="" class="text-component">Read more on Ceros Educate</div> <H1 id="" class="text-component">Testing your Ceros experience</div> <div id="" class="text-component">Click here to open a popup with image</div> <div id="" class="text-component">Buttons (with rollover states)</div> <div id="" class="text-component">Click here to open a modal popup (Soundfile)</div> <div id="" class="text-component">Does it work on other devices?</div> <div id="" class="text-component">Video with autoplay and loop turned on</div> <div id="" class="text-component">SWG shape</div> <div id="" class="text-component">SWG with opacity</div> <img src="http://media-s3-us-east-1.ceros.com/uk/images/2019/08/20/a329c298840f0165816f073385999614/daniel-burka-355105.png" alt="Farmer herding sheep through the mountains with a river. Ceros test experience alt tag description check. " id="" class="image-component" /> <div id="" class="text-component">SWG with rotation </div> <img src="http://media-s3-us-east-1.ceros.com/uk/images/2019/08/20/175a8828b1565bfc5a3dc9a8edc480bc/toggle-icon.svg" alt="" id="" class="image-component" /> <div id="" class="text-component">YouTube</div> <div id="" class="text-component">FInd out more</div> <img src="http://media-s3-us-east-1.ceros.com/uk/images/2019/08/20/388a744e55a493fa87edbe7d04a77116/jakob-owens-262565.png" alt="" id="" class="image-component" /> <div id="" class="text-component">Ask yourself...</div> <img src="http://media-s3-us-east-1.ceros.com/uk/images/2019/08/20/c4ca9d34f258d62422f9baf2719ef2fd/mobile-icon.svg" alt="" id="" class="image-component" /> <div id="" class="text-component">Automatic carousel using 'On View' interactions</div> <img src="http://media-s3-us-east-1.ceros.com/uk/images/2019/08/20/c728316a3746c62d1f5c7c53f729eebf/kirill-zakharov-119131.png" alt="" id="" class="image-component" /> <div id="" class="text-component">FInd out more</div> <img src="http://media-s3-us-east-1.ceros.com/sai-global/images/2017/10/26/c7b7f6adb69de454447f6cd002f6f9db/nastuh-abootalebi-284883.png" alt="" id="" class="image-component" /> <img src="http://media-s3-us-east-1.ceros.com/uk/images/2019/08/20/613b53fe2985f032a80ff32891d2bb99/philipp-kammerer-346387.png" alt="" id="" class="image-component" /> <img src="http://media-s3-us-east-1.ceros.com/uk/images/2019/08/20/48539a5468f8096bf27dda78ecd121f1/toa-heftiba-257403.png" alt="" id="" class="image-component" /> <div id="" class="text-component">Video (Dragged and dropped onto Ceros)</div> <img src="http://media-s3-us-east-1.ceros.com/uk/images/2019/08/20/cb6e6716e56ac21147e7b8c57207883e/arrow-icon.svg" alt="" id="" class="image-component" /> <div id="" class="text-component">Anchor Point</div> <div id="" class="text-component">Does each link work as expected?</div> <img src="http://media-s3-us-east-1.ceros.com/uk/images/2019/08/20/a93a8a397ba36ce8ec63baaf4413e178/rucksack-magazine-324022.png" alt="" id="" class="image-component" /> <img src="http://media-s3-us-east-1.ceros.com/sai-global/images/2017/10/26/de060ed8dcc72d20353977c687d61739/alesia-kazantceva-283291.png" alt="" id="" class="image-component" /> <img src="http://media-s3-us-east-1.ceros.com/sai-global/images/2017/10/26/de060ed8dcc72d20353977c687d61739/alesia-kazantceva-283291.png" alt="" id="" class="image-component" /> <div id="" class="text-component">Social Buttons</div> <img src="http://media-s3-us-east-1.ceros.com/uk/images/2019/08/20/72bafb43534035ad01418eb0f397a6e7/mouse-icon.svg" alt="" id="" class="image-component" /> <div id="" class="text-component">Popups Within Ceros Layers</div> <img src="http://media-s3-us-east-1.ceros.com/uk/images/2019/08/20/f3cad8e0d4fd2df632b90feee0ffd77b/screen-shot-2019-08-20-at-2-16-33-pm.png" alt="" id="" class="image-component" /> <img src="http://media-s3-us-east-1.ceros.com/uk/images/2019/08/20/1dc571215dccc2af376a147c19d6a089/gerrie-van-der-walt-333808.png" alt="" id="" class="image-component" /> <div id="" class="text-component">JWPlayer - With autoplay and playlist at the end</div> <div id="" class="text-component">If you are seeing any problems in how this page displays, contact your account manager and they will pair you up with our support team in no time!</div> <div id="" class="text-component">Is there any glitching?</div> <div id="" class="text-component">Remember to stop the video before closing the popup</div> <div id="" class="text-component">Wistia</div> <img src="http://media-s3-us-east-1.ceros.com/hannah-s/images/2017/09/13/e9b73b83e9f1c2a9e271b61df14d29ad/travel-05insta2.jpg" alt="" id="" class="image-component" /> <div id="" class="text-component">Graphics</div> <div id="" class="text-component">SWG</div> <img src="http://media-s3-us-east-1.ceros.com/uk/images/2019/08/20/8bda76265b6b84dc0eebbd799f401310/steven-lewis-342.png" alt="" id="" class="image-component" /> <img src="http://media-s3-us-east-1.ceros.com/uk/images/2019/08/20/96211cd8090cbbe9e4c33de9c6134d19/arrow-icon.svg" alt="" id="" class="image-component" /> <img src="http://media-s3-us-east-1.ceros.com/hannah-s/images/2017/08/31/95395c73c10187909337c0d2878624f0/002-close-envelope.svg" alt="" id="" class="image-component" /> <div id="" class="text-component">Go Fullscreen</div> <img src="http://media-s3-us-east-1.ceros.com/uk/images/2019/08/20/c615b69074bd57f04e0374ed80666822/ethan-sykes-222962.png" alt="" id="" class="image-component" /> <div id="" class="text-component">SWG shape with stroke</div> <div id="" class="text-component">Video with autoplay, loop and no controls turned on</div> <img src="http://media-s3-us-east-1.ceros.com/uk/images/2019/08/20/60ef8b0a328ba8344594ebe19180bf41/browser-icon.svg" alt="" id="" class="image-component" /> <div id="" class="text-component">FInd out more</div> <div id="" class="text-component">Interaction Buttons</div> <img src="http://media-s3-us-east-1.ceros.com/uk/images/2019/08/20/96211cd8090cbbe9e4c33de9c6134d19/arrow-icon.svg" alt="" id="" class="image-component" /> <img src="http://media-s3-us-east-1.ceros.com/hannah-s/images/2017/08/31/39783470c306071436c0d1294c97dbb9/003-pinterest.svg" alt="" id="" class="image-component" /> <img src="http://media-s3-us-east-1.ceros.com/uk/images/2019/08/20/5fa1872e0a3c28ca66ec8b0ec4487c7f/fineas-anton-111105.png" alt="" id="" class="image-component" /> <div id="" class="text-component">Gradiant fill to 0% opacity</div> <img src="http://media-s3-us-east-1.ceros.com/sai-global/images/2017/10/26/c7b7f6adb69de454447f6cd002f6f9db/nastuh-abootalebi-284883.png" alt="" id="" class="image-component" /> <div id="" class="text-component">Video with autoplay turned on</div> <div id="" class="text-component">Any content can be added here.</div> <img src="http://media-s3-us-east-1.ceros.com/uk/images/2019/08/20/54bae2e43754b70e151296ca3e9892b3/daniel-hansen-330750.png" alt="Blue mini car driving on a sunny day. Ceros test experience alt tag description check. " id="" class="image-component" /> <div id="" class="text-component">Ceros support</div> <img src="http://media-s3-us-east-1.ceros.com/the-culture-trip/images/2019/06/04/133e3ad66b48103982a8ebb433804c90/cross-icon.svg" alt="" id="" class="image-component" /> <img src="http://media-s3-us-east-1.ceros.com/the-culture-trip/images/2019/06/04/133e3ad66b48103982a8ebb433804c90/cross-icon.svg" alt="" id="" class="image-component" /> <img src="http://media-s3-us-east-1.ceros.com/sai-global/images/2017/10/26/779cdd252edd9844a4aed66d4c569670/lukas-blazek-320606.png" alt="" id="" class="image-component" /> <img src="http://media-s3-us-east-1.ceros.com/uk/images/2019/08/20/06994a41e93d6a489dba249ed949021c/annie-spratt-256172.png" alt="People sat on a bus from the back seat. Ceros test experience alt tag description check. " id="" class="image-component" /> <img src="http://media-s3-us-east-1.ceros.com/the-culture-trip/images/2019/06/04/133e3ad66b48103982a8ebb433804c90/cross-icon.svg" alt="" id="" class="image-component" /></div>