{"id":4153,"date":"2024-05-27T14:57:00","date_gmt":"2024-05-27T18:57:00","guid":{"rendered":"https:\/\/divisionx.ca\/?post_type=portfolios&#038;p=4153"},"modified":"2024-05-27T20:16:34","modified_gmt":"2024-05-28T00:16:34","slug":"anim-cyber101","status":"publish","type":"portfolios","link":"https:\/\/divisionx.ca\/en\/portfolio\/anim-cyber101\/","title":{"rendered":"Animation \/\/ Cyber101"},"content":{"rendered":"\n    <section class=\"wysiwyg || section || relative overflow-x-clip\" >\n                    <div class=\"anim-to-top || absolute z-[10] top-0 -right-[60px] w-[300px] lg:w-[500px] xl:w-[600px] 2xl:w-[630px]\">\n                <svg width=\"100%\" height=\"100%\" viewBox=\"0 0 635 641\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path fill=\"transparent\" d=\"M630.919 616.505L209.389 8.71216C209.389 8.71216 209.353 8.66379 209.329 8.6275L209.244 8.49447H209.232C206.522 4.61232 202.034 2.0484 196.928 2.0484H17.0019C8.71457 2.06049 2 8.77263 2 17.057C2 19.8144 3.08885 23.1644 4.08091 24.6036C5.01248 25.946 425.768 632.602 425.768 632.602C428.478 636.484 432.966 639.048 438.072 639.048H617.998C626.285 639.048 633 632.336 633 624.052C633 621.294 631.911 617.944 630.919 616.505Z\" stroke=\"#78B697\" stroke-width=\"3\"\/>\n<\/svg>\n            <\/div>\n                <div class=\"wrapper || grid-col\">\n            <div class=\"wysiwyg-container || relative z-[20] col-start-1 col-span-11 sm:col-span-8 md:col-start-2 md:col-span-6 xl:col-start-2 xl:col-span-5\">\n                <p>Recently, we worked with Cyber101.com to produce a series of nine educational modules aimed at engaging learners while preparing them for certification exams in cybersecurity. Each module was designed to be both informative and captivating, using interactive techniques to maximize user engagement and knowledge retention.<\/p>\n            <\/div>\n        <\/div>\n    <\/section>\n\n\n\n    <section class=\"video-gallery section\">\n                <div class=\"wrapper\">\n            <div class=\"grid-col\">\n                \n<div class=\"heading-partial || relative z-[20] col-span-full lg:row-start-1 lg:col-start-1 lg:col-span-7 xl:col-span-6\">\n                <div class=\"wysiwyg-title max-w-none\"><h2>A truly<\/h2>\n<h2><span class=\"svg-anim\" data-type=\"underline2\">impactful<\/span> project<\/h2>\n<\/div>\n                <div class=\"wysiwyg-container mt-8 max-w-none\"><p>The 9 Cyber101.com capsules were produced with the aim of educating as many people as possible on the actions to take in response to cyber threats.<\/p>\n<\/div>\n    <\/div>                            <\/div>\n            <div class=\"videos || grid gap-4 mt-16 || md:grid-cols-2 xl:grid-cols-3 xl:ml-8\">\n                                    <a data-fancybox=\"video-gallery\" href=\"https:\/\/vimeo.com\/913027266\/983c70eb79?share=copy\" class=\"container relative group overflow-hidden\">\n                        <div class=\"thumbnail w-full h-full transition-transform duration-[250ms] group-hover:scale-105\"  style=\"padding-bottom: 66.666666666667%\" >\n      <img decoding=\"async\" width=\"628\" height=\"365\" data-src=\"https:\/\/divisionx.ca\/wp-content\/uploads\/2024\/05\/cyber101-module-2.jpg\" class=\"attachment-1024x9999 size-1024x9999 lazyload\" alt=\"\" data-srcset=\"https:\/\/divisionx.ca\/wp-content\/uploads\/2024\/05\/cyber101-module-2.jpg 628w, https:\/\/divisionx.ca\/wp-content\/uploads\/2024\/05\/cyber101-module-2-300x174.jpg 300w, https:\/\/divisionx.ca\/wp-content\/uploads\/2024\/05\/cyber101-module-2-480x279.jpg 480w, https:\/\/divisionx.ca\/wp-content\/uploads\/2024\/05\/cyber101-module-2-350x203.jpg 350w, https:\/\/divisionx.ca\/wp-content\/uploads\/2024\/05\/cyber101-module-2-150x87.jpg 150w\" data-sizes=\"(max-width: 628px) 100vw, 628px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 628px; --smush-placeholder-aspect-ratio: 628\/365;\" \/>  <\/div>                        <div class=\"video-play-pause || w-16 h-16 absolute top-0 left-0 translate-x-0 translate-y-0 opacity-0 pointer-events-none z-10 transition-opacity duration-300 || sm:w-[105px] sm:h-[105px] lg:opacity-0 lg:group-hover:opacity-100\">\n                            <img decoding=\"async\" class=\"button-img lazyload\" data-src=\"https:\/\/divisionx.ca\/wp-content\/themes\/divisix\/assets\/images\/play.png\" alt=\"Play button\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 120px; --smush-placeholder-aspect-ratio: 120\/120;\">\n                        <\/div>\n                    <\/a>\n                            <\/div>\n        <\/div>\n    <\/section>\n\n\n\n    <section class=\"wysiwyg || section || relative overflow-x-clip\" id=\"CTA\">\n                    <div class=\"anim-to-top || absolute z-[10] top-0 -right-[60px] w-[300px] lg:w-[500px] xl:w-[600px] 2xl:w-[630px]\">\n                <svg width=\"100%\" height=\"100%\" viewBox=\"0 0 635 641\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path fill=\"transparent\" d=\"M630.919 616.505L209.389 8.71216C209.389 8.71216 209.353 8.66379 209.329 8.6275L209.244 8.49447H209.232C206.522 4.61232 202.034 2.0484 196.928 2.0484H17.0019C8.71457 2.06049 2 8.77263 2 17.057C2 19.8144 3.08885 23.1644 4.08091 24.6036C5.01248 25.946 425.768 632.602 425.768 632.602C428.478 636.484 432.966 639.048 438.072 639.048H617.998C626.285 639.048 633 632.336 633 624.052C633 621.294 631.911 617.944 630.919 616.505Z\" stroke=\"#78B697\" stroke-width=\"3\"\/>\n<\/svg>\n            <\/div>\n                <div class=\"wrapper || grid-col\">\n            <div class=\"wysiwyg-container || relative z-[20] col-start-1 col-span-11 sm:col-span-8 md:col-start-2 md:col-span-6 xl:col-start-2 xl:col-span-5\">\n                <h2>A project in mind?<\/h2>\n<p>What if there was a simple and elegant way to achieve your business objectives&#8230;<\/p>\n<p><a class=\"btn-primary\" href=\"https:\/\/divisionx.ca\/en\/submissions\/\" target=\"\"><span class=\"btn-container\"><span class=\"btn-text\">Let&#8217;s talk about it<\/span><\/span><\/a><\/p>\n            <\/div>\n        <\/div>\n    <\/section>\n\n\n\n<section class=\"js-cta-next-section section || mb-0 relative overflow-hidden bg-beige text-copper py-20 rounded-t-xl z-10 || lg:pt-[120px] lg:pb-[180px] lg:rounded-t-[24px]\">\n    <span class=\"cta-next__cursor || text-beige bg-copper rounded-full opacity-0 w-[120px] h-[120px] top-0 left-0 fixed pointer-events-none subtitle flex justify-center items-center z-10\"><span>Discover<\/span><\/span>\n    <div class=\"wrapper\">\n        <div class=\"mb-2 grid-col\">\n            \n<div class=\"heading-partial || relative z-[20] col-span-full lg:row-start-1 lg:col-start-1 lg:col-span-7 2xl:col-span-6\">\n            <span class=\"subtitle block mb-6 || lg:mb-8\">NEXT PROJECT \/<\/span>\n            <\/div>        <\/div>\n        <a class=\"js-cta-next-trigger || relative max-w-[1200px] block mx-auto\" href=\"https:\/\/divisionx.ca\/en\/portfolio\/ad-nethris\/\">\n            <div class=\"hero-text || pointer-events-none\">\n                <h1 class=\"text-h1 || cta-portfolio-link xl:col-span-10 xl:col-start-2\">Ad \/\/ Nethris<\/h1>\n            <\/div>\n            <div class=\"thumbnail || w-1\/2 x-shape-img aspect-square left-1\/2 -translate-x-1\/2 pointer-events-none\">\n                <div class=\"hero-text || z-10\">\n                    <span class=\"text-h1 || absolute  sm:w-[200%] xl:px-0 xl:-translate-x-1\/4 xl:col-span-10 xl:col-start-2\">Ad \/\/ Nethris<\/span>\n                <\/div>\n                <img decoding=\"async\" width=\"1024\" height=\"576\" data-src=\"https:\/\/divisionx.ca\/wp-content\/uploads\/2024\/05\/nethris_usine-1024x576.jpg\" alt=\"\" data-srcset=\"https:\/\/divisionx.ca\/wp-content\/uploads\/2024\/05\/nethris_usine-1024x576.jpg 1024w, https:\/\/divisionx.ca\/wp-content\/uploads\/2024\/05\/nethris_usine-300x169.jpg 300w, https:\/\/divisionx.ca\/wp-content\/uploads\/2024\/05\/nethris_usine-768x432.jpg 768w, https:\/\/divisionx.ca\/wp-content\/uploads\/2024\/05\/nethris_usine-1536x864.jpg 1536w, https:\/\/divisionx.ca\/wp-content\/uploads\/2024\/05\/nethris_usine-1400x788.jpg 1400w, https:\/\/divisionx.ca\/wp-content\/uploads\/2024\/05\/nethris_usine-640x360.jpg 640w, https:\/\/divisionx.ca\/wp-content\/uploads\/2024\/05\/nethris_usine-480x270.jpg 480w, https:\/\/divisionx.ca\/wp-content\/uploads\/2024\/05\/nethris_usine-350x197.jpg 350w, https:\/\/divisionx.ca\/wp-content\/uploads\/2024\/05\/nethris_usine-150x84.jpg 150w, https:\/\/divisionx.ca\/wp-content\/uploads\/2024\/05\/nethris_usine.jpg 1920w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/576;\" \/>            <\/div>\n        <\/a>\n    <\/div>\n<\/section>","protected":false},"featured_media":4150,"template":"","portfolio-business-goals":[30],"portfolio-tags":[],"portfolio-featured":[23],"class_list":["post-4153","portfolios","type-portfolios","status-publish","has-post-thumbnail","hentry","portfolio-business-goals-training","portfolio-featured-featured-portofolio-en"],"acf":[],"_links":{"self":[{"href":"https:\/\/divisionx.ca\/en\/wp-json\/wp\/v2\/portfolios\/4153","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/divisionx.ca\/en\/wp-json\/wp\/v2\/portfolios"}],"about":[{"href":"https:\/\/divisionx.ca\/en\/wp-json\/wp\/v2\/types\/portfolios"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/divisionx.ca\/en\/wp-json\/wp\/v2\/media\/4150"}],"wp:attachment":[{"href":"https:\/\/divisionx.ca\/en\/wp-json\/wp\/v2\/media?parent=4153"}],"wp:term":[{"taxonomy":"portfolio-business-goals","embeddable":true,"href":"https:\/\/divisionx.ca\/en\/wp-json\/wp\/v2\/portfolio-business-goals?post=4153"},{"taxonomy":"portfolio-tags","embeddable":true,"href":"https:\/\/divisionx.ca\/en\/wp-json\/wp\/v2\/portfolio-tags?post=4153"},{"taxonomy":"portfolio-featured","embeddable":true,"href":"https:\/\/divisionx.ca\/en\/wp-json\/wp\/v2\/portfolio-featured?post=4153"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}