{"id":46,"date":"2026-09-06T22:09:51","date_gmt":"2026-09-06T22:09:51","guid":{"rendered":"https:\/\/vdjtools.info\/animated-sections-3\/"},"modified":"2026-09-06T22:09:51","modified_gmt":"2026-09-06T22:09:51","slug":"animated-sections-3","status":"publish","type":"page","link":"https:\/\/vdjtools.info\/fr\/animated-sections-3\/","title":{"rendered":"Animated Sections #3"},"content":{"rendered":"<main id='bde-main'><section class=\"bde-section-46-156 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><h2 class=\"bde-heading-46-157 bde-heading\">\nscroll down\n<\/h2><div class=\"bde-icon-46-158 bde-icon\">\n\n    \n            <div class=\"bde-icon-icon breakdance-icon-atom\" >\n    \n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><!-- Font Awesome Free 5.15.1 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license\/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm-32-316v116h-67c-10.7 0-16 12.9-8.5 20.5l99 99c4.7 4.7 12.3 4.7 17 0l99-99c7.6-7.6 2.2-20.5-8.5-20.5h-67V140c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12z\"\/><\/svg>\n        \n        \n        \n            <\/div>\n    \n\n\n<\/div><\/div>\n<\/section><section id=\"bd-maskrotationfx\" class=\"bde-section-46-100 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-columns-46-101 bde-columns\"><div class=\"bde-column-46-102 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-masker-46-103 bde-masker breakdance-free-version-frontend-element-hider\" data-parallax=\"true\"><div class=\"bde-image-46-104 bde-image\" data-parallax=\"true\">\n<figure class=\"breakdance-image breakdance-image--177\">\n\t<div class=\"breakdance-image-container\">\n\t\t<div class=\"breakdance-image-clip\"><img loading=\"lazy\" decoding=\"async\" class=\"breakdance-image-object\" src=\"https:\/\/breakdancedemos.com\/supa\/wp-content\/uploads\/sites\/9\/2023\/01\/pexels-yuri-manei-3190334.jpg\" width=\"1280\" height=\"1280\" srcset=\"https:\/\/breakdancedemos.com\/supa\/wp-content\/uploads\/sites\/9\/2023\/01\/pexels-yuri-manei-3190334.jpg 1280w, https:\/\/breakdancedemos.com\/supa\/wp-content\/uploads\/sites\/9\/2023\/01\/pexels-yuri-manei-3190334-300x300.jpg 300w, https:\/\/breakdancedemos.com\/supa\/wp-content\/uploads\/sites\/9\/2023\/01\/pexels-yuri-manei-3190334-1024x1024.jpg 1024w, https:\/\/breakdancedemos.com\/supa\/wp-content\/uploads\/sites\/9\/2023\/01\/pexels-yuri-manei-3190334-150x150.jpg 150w, https:\/\/breakdancedemos.com\/supa\/wp-content\/uploads\/sites\/9\/2023\/01\/pexels-yuri-manei-3190334-768x768.jpg 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\"><\/div>\n\t<\/div><\/figure>\n\n<\/div>\n<\/div>\n<\/div><div class=\"bde-column-46-105 bde-column\">\n  \n  \n\t\n\n\n\n<h1 class=\"bde-heading-46-106 bde-heading\">\nJohnny Doe\n<\/h1><h4 class=\"bde-dual-heading-46-107 bde-dual-heading breakdance-free-version-frontend-element-hider\">\n\n\n            <span data-style=\"primary\" class=\"dual-heading--primary\">Freelance<\/span>\n\n            <span data-style=\"secondary\" class=\"dual-heading--secondary  js-annotate\">Web-Designer<\/span>\n\n\n\n<\/h4><div class=\"bde-div-46-108 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-button-46-109 bde-button\">\n        \n    \n    \n    \n    \n            \n            <button type=\"button\" class=\"button-atom button-atom--custom bde-button__button\"  >\n    \n        <span class=\"button-atom__text\">HIRE ME<\/span>\n\n        \n        \n            <\/button>\n    \n\n\n<\/div><div class=\"bde-button-46-110 bde-button\">\n        \n    \n    \n    \n    \n            \n            <button type=\"button\" class=\"button-atom button-atom--custom bde-button__button\"  >\n    \n        <span class=\"button-atom__text\">MY WORK<\/span>\n\n                            \n        \n            <\/button>\n    \n\n\n<\/div>\n<\/div>\n<\/div><\/div><\/div>\n<\/section><section id=\"bd-maskzoomfx\" class=\"bde-section-46-111 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-columns-46-112 bde-columns\"><div class=\"bde-column-46-113 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-masker-46-114 bde-masker breakdance-free-version-frontend-element-hider\" data-parallax=\"true\"><div class=\"bde-image-46-115 bde-image\" data-parallax=\"true\">\n<figure class=\"breakdance-image breakdance-image--176\">\n\t<div class=\"breakdance-image-container\">\n\t\t<div class=\"breakdance-image-clip\"><img loading=\"lazy\" decoding=\"async\" class=\"breakdance-image-object\" src=\"https:\/\/breakdancedemos.com\/supa\/wp-content\/uploads\/sites\/9\/2023\/01\/pexels-yuri-manei-3211476.jpg\" width=\"1280\" height=\"1280\" srcset=\"https:\/\/breakdancedemos.com\/supa\/wp-content\/uploads\/sites\/9\/2023\/01\/pexels-yuri-manei-3211476.jpg 1280w, https:\/\/breakdancedemos.com\/supa\/wp-content\/uploads\/sites\/9\/2023\/01\/pexels-yuri-manei-3211476-300x300.jpg 300w, https:\/\/breakdancedemos.com\/supa\/wp-content\/uploads\/sites\/9\/2023\/01\/pexels-yuri-manei-3211476-1024x1024.jpg 1024w, https:\/\/breakdancedemos.com\/supa\/wp-content\/uploads\/sites\/9\/2023\/01\/pexels-yuri-manei-3211476-150x150.jpg 150w, https:\/\/breakdancedemos.com\/supa\/wp-content\/uploads\/sites\/9\/2023\/01\/pexels-yuri-manei-3211476-768x768.jpg 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\"><\/div>\n\t<\/div><\/figure>\n\n<\/div>\n<\/div>\n<\/div><div class=\"bde-column-46-116 bde-column\">\n  \n  \n\t\n\n\n\n<h1 class=\"bde-heading-46-117 bde-heading\">\nJohnny Doe\n<\/h1><h4 class=\"bde-dual-heading-46-118 bde-dual-heading breakdance-free-version-frontend-element-hider\">\n\n\n            <span data-style=\"primary\" class=\"dual-heading--primary\">Freelance<\/span>\n\n            <span data-style=\"secondary\" class=\"dual-heading--secondary  js-annotate\">Web-Designer<\/span>\n\n\n\n<\/h4><div class=\"bde-div-46-119 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-button-46-120 bde-button\">\n        \n    \n    \n    \n    \n            \n            <button type=\"button\" class=\"button-atom button-atom--custom bde-button__button\"  >\n    \n        <span class=\"button-atom__text\">HIRE ME<\/span>\n\n        \n        \n            <\/button>\n    \n\n\n<\/div><div class=\"bde-button-46-121 bde-button\">\n        \n    \n    \n    \n    \n            \n            <button type=\"button\" class=\"button-atom button-atom--custom bde-button__button\"  >\n    \n        <span class=\"button-atom__text\">MY WORK<\/span>\n\n                            \n        \n            <\/button>\n    \n\n\n<\/div>\n<\/div>\n<\/div><\/div><\/div>\n<\/section><section id=\"bd-maskrotationfx2\" class=\"bde-section-46-122 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-columns-46-123 bde-columns\"><div class=\"bde-column-46-124 bde-column\" data-parallax=\"true\">\n  \n  \n\t\n\n\n\n<div class=\"bde-masker-46-125 bde-masker breakdance-free-version-frontend-element-hider\" data-parallax=\"true\"><div class=\"bde-image-46-126 bde-image\" data-parallax=\"true\">\n<figure class=\"breakdance-image breakdance-image--178\">\n\t<div class=\"breakdance-image-container\">\n\t\t<div class=\"breakdance-image-clip\"><img loading=\"lazy\" decoding=\"async\" class=\"breakdance-image-object\" src=\"https:\/\/breakdancedemos.com\/supa\/wp-content\/uploads\/sites\/9\/2023\/01\/pexels-govinda-valbuena-1054048.jpg\" width=\"1280\" height=\"1280\" srcset=\"https:\/\/breakdancedemos.com\/supa\/wp-content\/uploads\/sites\/9\/2023\/01\/pexels-govinda-valbuena-1054048.jpg 1280w, https:\/\/breakdancedemos.com\/supa\/wp-content\/uploads\/sites\/9\/2023\/01\/pexels-govinda-valbuena-1054048-300x300.jpg 300w, https:\/\/breakdancedemos.com\/supa\/wp-content\/uploads\/sites\/9\/2023\/01\/pexels-govinda-valbuena-1054048-1024x1024.jpg 1024w, https:\/\/breakdancedemos.com\/supa\/wp-content\/uploads\/sites\/9\/2023\/01\/pexels-govinda-valbuena-1054048-150x150.jpg 150w, https:\/\/breakdancedemos.com\/supa\/wp-content\/uploads\/sites\/9\/2023\/01\/pexels-govinda-valbuena-1054048-768x768.jpg 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\"><\/div>\n\t<\/div><\/figure>\n\n<\/div>\n<\/div>\n<\/div><div class=\"bde-column-46-127 bde-column\">\n  \n  \n\t\n\n\n\n<h1 class=\"bde-heading-46-128 bde-heading\">\nCharly Doe\n<\/h1><h4 class=\"bde-dual-heading-46-129 bde-dual-heading breakdance-free-version-frontend-element-hider\">\n\n\n            <span data-style=\"primary\" class=\"dual-heading--primary\">Freelance<\/span>\n\n            <span data-style=\"secondary\" class=\"dual-heading--secondary  js-annotate\">Web-Designer<\/span>\n\n\n\n<\/h4><div class=\"bde-div-46-130 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-button-46-131 bde-button\">\n        \n    \n    \n    \n    \n            \n            <button type=\"button\" class=\"button-atom button-atom--custom bde-button__button\"  >\n    \n        <span class=\"button-atom__text\">HIRE ME<\/span>\n\n        \n        \n            <\/button>\n    \n\n\n<\/div><div class=\"bde-button-46-132 bde-button\">\n        \n    \n    \n    \n    \n            \n            <button type=\"button\" class=\"button-atom button-atom--custom bde-button__button\"  >\n    \n        <span class=\"button-atom__text\">MY WORK<\/span>\n\n                            \n        \n            <\/button>\n    \n\n\n<\/div>\n<\/div>\n<\/div><\/div><\/div>\n<\/section><section id=\"bd-maskslideup\" class=\"bde-section-46-133 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-columns-46-134 bde-columns\"><div class=\"bde-column-46-135 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-masker-46-136 bde-masker breakdance-free-version-frontend-element-hider\" data-parallax=\"true\"><div class=\"bde-image-46-137 bde-image\" data-parallax=\"true\">\n<figure class=\"breakdance-image breakdance-image--184\">\n\t<div class=\"breakdance-image-container\">\n\t\t<div class=\"breakdance-image-clip\"><img loading=\"lazy\" decoding=\"async\" class=\"breakdance-image-object\" src=\"https:\/\/breakdancedemos.com\/supa\/wp-content\/uploads\/sites\/9\/2023\/01\/pexels-aviz-5608917.jpg\" width=\"1280\" height=\"1920\" srcset=\"https:\/\/breakdancedemos.com\/supa\/wp-content\/uploads\/sites\/9\/2023\/01\/pexels-aviz-5608917.jpg 1280w, https:\/\/breakdancedemos.com\/supa\/wp-content\/uploads\/sites\/9\/2023\/01\/pexels-aviz-5608917-200x300.jpg 200w, https:\/\/breakdancedemos.com\/supa\/wp-content\/uploads\/sites\/9\/2023\/01\/pexels-aviz-5608917-683x1024.jpg 683w, https:\/\/breakdancedemos.com\/supa\/wp-content\/uploads\/sites\/9\/2023\/01\/pexels-aviz-5608917-768x1152.jpg 768w, https:\/\/breakdancedemos.com\/supa\/wp-content\/uploads\/sites\/9\/2023\/01\/pexels-aviz-5608917-1024x1536.jpg 1024w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\"><\/div>\n\t<\/div><\/figure>\n\n<\/div>\n<\/div>\n<\/div><div class=\"bde-column-46-138 bde-column\">\n  \n  \n\t\n\n\n\n<h1 class=\"bde-heading-46-139 bde-heading\">\n{ JANE Doe }\n<\/h1><h4 class=\"bde-dual-heading-46-140 bde-dual-heading breakdance-free-version-frontend-element-hider\">\n\n\n            <span data-style=\"primary\" class=\"dual-heading--primary\">Graphic<\/span>\n\n            <span data-style=\"secondary\" class=\"dual-heading--secondary  js-annotate\">Designer<\/span>\n\n\n\n<\/h4><div class=\"bde-div-46-141 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-button-46-142 bde-button\">\n        \n    \n    \n    \n    \n            \n            <button type=\"button\" class=\"button-atom button-atom--custom bde-button__button\"  >\n    \n        <span class=\"button-atom__text\">HIRE ME<\/span>\n\n        \n        \n            <\/button>\n    \n\n\n<\/div><div class=\"bde-button-46-143 bde-button\">\n        \n    \n    \n    \n    \n            \n            <button type=\"button\" class=\"button-atom button-atom--custom bde-button__button\"  >\n    \n        <span class=\"button-atom__text\">MY WORK<\/span>\n\n                            \n        \n            <\/button>\n    \n\n\n<\/div>\n<\/div>\n<\/div><\/div><\/div>\n<\/section><section class=\"bde-section-46-144 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-columns-46-145 bde-columns\"><div class=\"bde-column-46-146 bde-column\">\n  \n  \n\t\n\n\n\n<h2 class=\"bde-heading-46-147 bde-heading\" data-entrance=\"slideDown\">\nURBAN\n<\/h2><h2 class=\"bde-heading-46-148 bde-heading\" data-entrance=\"slideDown\">\nCLOTHING\n<\/h2><h2 class=\"bde-heading-46-149 bde-heading\">\n\n<\/h2><h2 class=\"bde-heading-46-150 bde-heading\" data-entrance=\"slideDown\">\nSTREET\n<\/h2><h2 class=\"bde-heading-46-151 bde-heading\" data-entrance=\"slideDown\">\nFASHION\n<\/h2><div class=\"bde-text-46-152 bde-text\">\nHendrerit zzril consetetur kasd ipsum at zzril sanctus sanctus et amet gubergren nonumy gubergren labore.\n<\/div><div class=\"bde-button-46-153 bde-button\">\n        \n    \n    \n    \n    \n            \n            <button type=\"button\" class=\"button-atom button-atom--custom bde-button__button\"  >\n    \n        <span class=\"button-atom__text\">Check this out!<\/span>\n\n        \n        \n            <\/button>\n    \n\n\n<\/div>\n<\/div><div class=\"bde-column-46-154 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-image-46-155 bde-image\" data-entrance=\"slideRight\">\n<figure class=\"breakdance-image breakdance-image--173\">\n\t<div class=\"breakdance-image-container\">\n\t\t<div class=\"breakdance-image-clip\"><img loading=\"lazy\" decoding=\"async\" class=\"breakdance-image-object\" src=\"https:\/\/breakdancedemos.com\/supa\/wp-content\/uploads\/sites\/9\/2023\/01\/pexels-abdullahi-abdulquadri-9876711-transformed.png\" width=\"640\" height=\"800\" srcset=\"https:\/\/breakdancedemos.com\/supa\/wp-content\/uploads\/sites\/9\/2023\/01\/pexels-abdullahi-abdulquadri-9876711-transformed.png 640w, https:\/\/breakdancedemos.com\/supa\/wp-content\/uploads\/sites\/9\/2023\/01\/pexels-abdullahi-abdulquadri-9876711-transformed-240x300.png 240w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\"><\/div>\n\t<\/div><\/figure>\n\n<\/div>\n<\/div><\/div><\/div>\n<\/section><section class=\"bde-section-46-159 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><\/div>\n<\/section><\/main>","protected":false},"excerpt":{"rendered":"<p>scroll down Johnny Doe Freelance Web-Designer HIRE ME MY WORK Johnny Doe Freelance Web-Designer HIRE ME MY WORK Charly Doe Freelance Web-Designer HIRE ME MY WORK { JANE Doe } Graphic Designer HIRE ME MY WORK URBAN CLOTHING STREET FASHION Hendrerit zzril consetetur kasd ipsum at zzril sanctus sanctus et amet gubergren nonumy gubergren labore. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_breakdance_hide_in_design_set":false,"_breakdance_tags":"","footnotes":""},"class_list":["post-46","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/vdjtools.info\/fr\/wp-json\/wp\/v2\/pages\/46","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vdjtools.info\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vdjtools.info\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vdjtools.info\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vdjtools.info\/fr\/wp-json\/wp\/v2\/comments?post=46"}],"version-history":[{"count":0,"href":"https:\/\/vdjtools.info\/fr\/wp-json\/wp\/v2\/pages\/46\/revisions"}],"wp:attachment":[{"href":"https:\/\/vdjtools.info\/fr\/wp-json\/wp\/v2\/media?parent=46"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}