{"id":3733,"date":"2025-01-24T12:44:06","date_gmt":"2025-01-24T12:44:06","guid":{"rendered":"https:\/\/schirmacher-hf.de\/travel-destinations-with-scroll-accordion\/"},"modified":"2025-01-24T12:44:06","modified_gmt":"2025-01-24T12:44:06","slug":"travel-destinations-with-scroll-accordion","status":"publish","type":"page","link":"https:\/\/schirmacher-hf.de\/en\/travel-destinations-with-scroll-accordion\/","title":{"rendered":"Travel Destinations with Scroll Accordion"},"content":{"rendered":"<div data-elementor-type=\"wp-post\" data-elementor-id=\"3733\" class=\"elementor elementor-3733\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-43e0f85 e-flex e-con-boxed e-con e-parent\" data-id=\"43e0f85\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-34aa0db elementor-widget elementor-widget-ucaddon_animated_mouse_scroll_icon\" data-id=\"34aa0db\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_animated_mouse_scroll_icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Animated Mouse Scroll Icon -->\n<style>\/* widget: Animated Mouse Scroll Icon *\/\n\n.mousey {\n  border-style:solid;\n  box-sizing: border-box;\n  display:inline-block;\n  text-align:center;\n}\n.scroller {\n  border-radius: 50px;\n  animation-name: scroll;\n  animation-duration: 2.2s;\n  animation-timing-function: cubic-bezier(.15,.41,.69,.94);\n  animation-iteration-count: infinite;\n  display:inline-block;\n}\n@keyframes scroll {\n  0% { opacity: 0; }\n  10% { transform: translateY(0); opacity: 1; }\n  100% { transform: translateY(15px); opacity: 0;}\n}\n\n<\/style>\n\n<div class=\"scroll-downs\" style=\"text-align:center;\">\n  <a href=\"#\" >\t\n  <div class=\"mousey\">\n    <div class=\"scroller\"><\/div>\n  <\/div>\n  <\/a>\t\n<\/div>\n<!-- end Animated Mouse Scroll Icon -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2ae546b elementor-widget elementor-widget-text-editor\" data-id=\"2ae546b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Scroll down to experience the Scroll Accordion in action! Watch as the content unfolds with a smooth parallax effect, creating a dynamic sense of depth and interaction.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8cb7eab e-flex e-con-boxed e-con e-parent\" data-id=\"8cb7eab\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-54fea12 e-con-full e-flex e-con e-child\" data-id=\"54fea12\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1c90b55 elementor-widget elementor-widget-heading\" data-id=\"1c90b55\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Travel Destinations<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3e251da elementor-widget elementor-widget-text-editor\" data-id=\"3e251da\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Explore iconic cities and breathtaking destinations. Your unforgettable adventure starts here!<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-839d10d e-con-full e-flex e-con e-child\" data-id=\"839d10d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7eb727d elementor-widget elementor-widget-ucaddon_scroll_accordion\" data-id=\"7eb727d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_scroll_accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Scroll Accordion -->\n\t\t<link id='font-awesome-css' href='https:\/\/schirmacher-hf.de\/wp-content\/plugins\/unlimited-elements-for-elementor-premium\/assets_libraries\/font-awesome6\/fontawesome-all.min.css' type='text\/css' rel='stylesheet' >\n\t\t<link id='font-awesome-4-shim-css' href='https:\/\/schirmacher-hf.de\/wp-content\/plugins\/unlimited-elements-for-elementor-premium\/assets_libraries\/font-awesome6\/fontawesome-v4-shims.min.css' type='text\/css' rel='stylesheet' >\n\n<style>\/* widget: Scroll Accordion *\/\n\n#uc_scroll_accordion_elementor_7eb727d {\n\twidth: 100%;\n\tmargin: 0 auto;\n\t--card-top-offset: 53px;\n    --card-height:600px;\n}\n\n@media (max-width: 1024px) {\n  #uc_scroll_accordion_elementor_7eb727d {\n\t--card-top-offset:  53px;\n    --card-height:500px;\n  }\n}\n@media (max-width: 767px) {\n  #uc_scroll_accordion_elementor_7eb727d {\n\t--card-top-offset:  53px;\n    --card-height:700px ;\n  }\n}\n\n#uc_scroll_accordion_elementor_7eb727d .ue_cards_wrapper {\n    padding-bottom: calc(4 * var(--card-top-offset)); \/* Make place at bottom, as items will slide to that position*\/\n  \tdisplay: grid;\n    justify-items: center;\n\tgrid-template-columns: 1fr;\n    grid-template-rows: repeat(4, var(--card-height));\n}\n\n#uc_scroll_accordion_elementor_7eb727d .ue_scroll_accordion_item {\n\t\/*position: sticky;*\/\/* will be enabled in js to allow calc of start position of the cards *\/\n\ttransform-origin: 50 0;\n\twill-change: transform;\n}\n\n#uc_scroll_accordion_elementor_7eb727d .ue_card_content {\n    height: var(--card-height);\n    min-height: var(--card-height);\n\toverflow: hidden;\n\tdisplay: flex;\n    flex-direction:column;\n\talign-items: stretch;\n    position:relative;\n}\n#uc_scroll_accordion_elementor_7eb727d .ue_accordion_heading{\n  display:flex;\n  flex-direction:row;\n  align-items:center;\n}\n#uc_scroll_accordion_elementor_7eb727d .ue_accordion_heading svg{\n  width:1em;\n  height:1em;\n}\n#uc_scroll_accordion_elementor_7eb727d .ue_content_wrapper {\n\tdisplay: flex;\n\talign-items: stretch;\n    position:relative;\n  height:100%;\n}\n#uc_scroll_accordion_elementor_7eb727d .ue_content_left {\n\tplace-self: center;\n\tdisplay: grid;\n    align-content: center;\n    flex-shrink: 0;\n    flex-grow:1;\n    }\n\n#uc_scroll_accordion_elementor_7eb727d .ue_card_content  figure {\n  display:flex;\n  justify-content:center;\n  align-items:center;\n  overflow: hidden;\n  flex-grow: 1;\n  max-height:100%;\n}\n\n#uc_scroll_accordion_elementor_7eb727d .ue_sc_button {\n\tdisplay: inline-block;\n    height: fit-content;\n    overflow:hidden;\n}\n\n #uc_scroll_accordion_elementor_7eb727d .ue_sc_graphic_el{\n   display:flex;\n   justify-content:center;\n   align-content:center;\n   align-items:center;\n   overflow:hidden;\n }\n #uc_scroll_accordion_elementor_7eb727d .ue_sc_graphic_el svg{\n  width:1em;\n  height:1em;\n }\n\n\n\/* soft styles*\/\n.ue_sc_title {\n\tfont-weight: 300;\n\tfont-size: 2.4em;\n    line-height: 1.2;\n}\n\n.ue_sc_desc {\n\tfont-weight: 300;\n\tline-height: 1.42;\n}\n.ue_scroll_accordion_item {\n  width:100%;\n}\n.ue_card_content {\n\tbox-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.15);\n}\n\/* *\/\n\n\n#uc_scroll_accordion_elementor_7eb727d .ue_scroll_accordion_item.uc-item-error .ue_content_wrapper,\n#uc_scroll_accordion_elementor_7eb727d .ue_scroll_accordion_item.uc-item-message .ue_content_wrapper{\n  justify-content: center;\n  align-items: center;\n}\n#uc_scroll_accordion_elementor_7eb727d .uc-error{\n  color:red;\n  font-weight:500;\n}\n#uc_scroll_accordion_elementor_7eb727d .uc-message{\n  font-weight:500;\n}\n#uc_scroll_accordion_elementor_7eb727d .elementor-repeater-item-d21388e {\n  padding-top: calc(0 * var(--card-top-offset))!important;\n}\n#uc_scroll_accordion_elementor_7eb727d .elementor-repeater-item-e3ffa55 {\n  padding-top: calc(1 * var(--card-top-offset))!important;\n}\n#uc_scroll_accordion_elementor_7eb727d .elementor-repeater-item-92001ab {\n  padding-top: calc(2 * var(--card-top-offset))!important;\n}\n#uc_scroll_accordion_elementor_7eb727d .elementor-repeater-item-47a6b26 {\n  padding-top: calc(3 * var(--card-top-offset))!important;\n}\n\n\n<\/style>\n\n<div id=\"uc_scroll_accordion_elementor_7eb727d\" data-editor=\"no\" data-errors=\"false\" data-show-section=\"no\" class=\"ue_scroll_accordion_widget uc_creative_buttons\"   dir=\"ltr\">\n  <div class=\"ue_cards_wrapper uc-items-wrapper\" role=\"list\">\n    <div class=\"ue_scroll_accordion_item elementor-repeater-item-d21388e ueitem-1\" data-source=\"normal\" data-id=\"\" role=\"listitem\">\n  <div class=\"ue_card_content\" >\n    <div class=\"ue_accordion_heading\" role=\"heading\" tabindex=\"0\" aria-controls=\"uc_scroll_accordion_elementor_7eb727d_item1-content\"><img src='https:\/\/schirmacher-hf.de\/wp-content\/uploads\/2025\/11\/sydney-opera-house-svgrepo-com-1.svg' class='uc-svg-image'> Sydney - Down Under's Gem<\/div>\n\n          <div id=\"uc_scroll_accordion_elementor_7eb727d_item1-content\" class=\"ue_content_wrapper\" aria-expanded=\"false\" role=\"region\" aria-labelledby=\"uc_scroll_accordion_elementor_7eb727d_item1-heading\">\n        <div class=\"ue_content_left\">\n                      <div class=\"ue_sc_graphic_el\">\n                                          \ud83c\udfd6\ufe0f            <\/div>\n                    <div class=\"ue_sc_title\">Sydney, Australia<\/div>          <div class=\"ue_sc_desc\">Dive into the heart of Australia's iconic city. From the Opera House to Bondi Beach, experience breathtaking sights, cuisine, and unforgettable adventures.<\/div>\t      <a href=\"#\"  class=\"ue_sc_button uc_button none\"><span>Explore More<\/span><\/a>        <\/div>\n\t    <figure><img decoding=\"async\" class=\"ue_sc_img\" src=\"https:\/\/schirmacher-hf.de\/wp-content\/uploads\/ac_assets\/scroll_accordion\/\/default\/placeholder.png\" alt=\"Image description\"  title=\"\"><\/figure>      <\/div>\n    \n      \n        \n  <\/div>\n<\/div>\n<div class=\"ue_scroll_accordion_item elementor-repeater-item-e3ffa55 ueitem-2\" data-source=\"normal\" data-id=\"\" role=\"listitem\">\n  <div class=\"ue_card_content\" >\n    <div class=\"ue_accordion_heading\" role=\"heading\" tabindex=\"0\" aria-controls=\"uc_scroll_accordion_elementor_7eb727d_item2-content\"><img src='https:\/\/schirmacher-hf.de\/wp-content\/uploads\/2025\/11\/tokyo-tower-svgrepo-com.svg' class='uc-svg-image'> Tokyo - The Heart of Japan<\/div>\n\n          <div id=\"uc_scroll_accordion_elementor_7eb727d_item2-content\" class=\"ue_content_wrapper\" aria-expanded=\"false\" role=\"region\" aria-labelledby=\"uc_scroll_accordion_elementor_7eb727d_item2-heading\">\n        <div class=\"ue_content_left\">\n                      <div class=\"ue_sc_graphic_el\">\n                                          \ud83c\udf8e            <\/div>\n                    <div class=\"ue_sc_title\">Tokyo, Japan<\/div>          <div class=\"ue_sc_desc\">Immerse yourself in the vibrant streets of Tokyo. From ancient temples to futuristic skyscrapers, discover a city always alive with culture and innovation.<\/div>\t      <a href=\"#\"  class=\"ue_sc_button uc_button none\"><span>Explore More<\/span><\/a>        <\/div>\n\t    <figure><img decoding=\"async\" class=\"ue_sc_img\" src=\"https:\/\/schirmacher-hf.de\/wp-content\/uploads\/ac_assets\/scroll_accordion\/\/default\/placeholder.png\" alt=\"Image description\"  title=\"\"><\/figure>      <\/div>\n    \n      \n        \n  <\/div>\n<\/div>\n<div class=\"ue_scroll_accordion_item elementor-repeater-item-92001ab ueitem-3\" data-source=\"normal\" data-id=\"\" role=\"listitem\">\n  <div class=\"ue_card_content\" >\n    <div class=\"ue_accordion_heading\" role=\"heading\" tabindex=\"0\" aria-controls=\"uc_scroll_accordion_elementor_7eb727d_item3-content\"><img src='https:\/\/schirmacher-hf.de\/wp-content\/uploads\/2025\/11\/eiffel-tower-svgrepo-com.svg' class='uc-svg-image'> Paris - The City of Lights<\/div>\n\n          <div id=\"uc_scroll_accordion_elementor_7eb727d_item3-content\" class=\"ue_content_wrapper\" aria-expanded=\"false\" role=\"region\" aria-labelledby=\"uc_scroll_accordion_elementor_7eb727d_item3-heading\">\n        <div class=\"ue_content_left\">\n                      <div class=\"ue_sc_graphic_el\">\n                                          \ud83d\uddfc            <\/div>\n                    <div class=\"ue_sc_title\">Paris, France<\/div>          <div class=\"ue_sc_desc\">Stroll through charming streets, marvel at the Eiffel Tower, and savour world-class cuisine. Paris offers timeless romance and unforgettable experiences.<\/div>\t      <a href=\"#\"  class=\"ue_sc_button uc_button none\"><span>Explore More<\/span><\/a>        <\/div>\n\t    <figure><img decoding=\"async\" class=\"ue_sc_img\" src=\"https:\/\/schirmacher-hf.de\/wp-content\/uploads\/ac_assets\/scroll_accordion\/\/default\/placeholder.png\" alt=\"Image description\"  title=\"\"><\/figure>      <\/div>\n    \n      \n        \n  <\/div>\n<\/div>\n<div class=\"ue_scroll_accordion_item elementor-repeater-item-47a6b26 ueitem-4\" data-source=\"normal\" data-id=\"\" role=\"listitem\">\n  <div class=\"ue_card_content\" >\n    <div class=\"ue_accordion_heading\" role=\"heading\" tabindex=\"0\" aria-controls=\"uc_scroll_accordion_elementor_7eb727d_item4-content\"><img src='https:\/\/schirmacher-hf.de\/wp-content\/uploads\/2025\/11\/statue-of-liberty-svgrepo-com.svg' class='uc-svg-image'> New York City - The Big Apple<\/div>\n\n          <div id=\"uc_scroll_accordion_elementor_7eb727d_item4-content\" class=\"ue_content_wrapper\" aria-expanded=\"false\" role=\"region\" aria-labelledby=\"uc_scroll_accordion_elementor_7eb727d_item4-heading\">\n        <div class=\"ue_content_left\">\n                      <div class=\"ue_sc_graphic_el\">\n                                          \ud83c\udf06            <\/div>\n                    <div class=\"ue_sc_title\">New York, USA<\/div>          <div class=\"ue_sc_desc\">Explore iconic landmarks, bustling streets, and vibrant local culture. From Times Square to Central Park, New York City is a truly unforgettable place like no other!<\/div>\t      <a href=\"#\"  class=\"ue_sc_button uc_button none\"><span>Explore More<\/span><\/a>        <\/div>\n\t    <figure><img decoding=\"async\" class=\"ue_sc_img\" src=\"https:\/\/schirmacher-hf.de\/wp-content\/uploads\/ac_assets\/scroll_accordion\/\/default\/placeholder.png\" alt=\"Image description\"  title=\"\"><\/figure>      <\/div>\n    \n      \n        \n  <\/div>\n<\/div>\n\n  <\/div>\n<\/div>\n<!-- end Scroll Accordion -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-82f0546 elementor-widget elementor-widget-spacer\" data-id=\"82f0546\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-188378b e-flex e-con-boxed e-con e-parent\" data-id=\"188378b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7ef601e elementor-widget elementor-widget-ucaddon_ue_scroll_to_top\" data-id=\"7ef601e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_ue_scroll_to_top.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Scroll To Top -->\n\n<style>\/* widget: Scroll To Top *\/\n\n#uc_ue_scroll_to_top_elementor_7ef601e.ue-scroll-to {\n    display: flex;\n   z-index: auto;\n  \n}\n#uc_ue_scroll_to_top_elementor_7ef601e .ue-scroll-to-cta {\n  cursor: pointer;\n  display: flex;\n  position: relative;\n  transition: all 400ms ease-in-out;\n  align-content:center;\n  justify-content:center;\n  flex-direction:column;\n  text-align:center;\n}\n#uc_ue_scroll_to_top_elementor_7ef601e .ue-scroll-to-cta .ue-scroll-to-icon {\n  line-height:1em;\n  margin:0 auto;\n}\n\n#uc_ue_scroll_to_top_elementor_7ef601e .ue-scroll-to-cta .ue-scroll-to-icon svg {\n  height:1em; \n  width:1em; \n}\n\n.ue-scroll-to-cta \n#uc_ue_scroll_to_top_elementor_7ef601e .ue-scroll-to-icon {\n  position: relative;\n}\n\n#uc_ue_scroll_to_top_elementor_7ef601e .ue-scroll-to-icon:hover {\n  cursor: pointer;\n}\n.ue-snap-v-middle{\n  top:50%;\n}\n.ue-scroll-to-text\n{\n  font-size:10px;\n}\n\n\t\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\n\n<\/style>\n\n<div id=\"uc_ue_scroll_to_top_elementor_7ef601e\" class=\"ue-scroll-to ue-snap-v-bottom ue-snap-h-right\">\n      <div class=\"ue-scroll-to-cta none\">\n          <div class=\"ue-scroll-to-icon\"><i class='fas fa-arrow-up'><\/i><\/div>\n          \t\n      <\/div>\n<\/div>\n<!-- end Scroll To Top -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-55496c6 elementor-widget elementor-widget-text-editor\" data-id=\"55496c6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Want to see the demo again? No problem! Click the \u201aScroll to Top\u2018 button to return to the beginning and enjoy the smooth Scroll Accordion effect all over again.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Scroll down to experience the Scroll Accordion in action! Watch as the content unfolds with a smooth parallax effect, creating a dynamic sense of depth and interaction. Travel Destinations Explore iconic cities and breathtaking destinations. Your unforgettable adventure starts here! Sydney \u2013 Down Under\u2019s Gem \ud83c\udfd6\ufe0f Sydney, Australia Dive into the heart of Australia\u2019s iconic [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-3733","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/schirmacher-hf.de\/en\/wp-json\/wp\/v2\/pages\/3733","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/schirmacher-hf.de\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/schirmacher-hf.de\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/schirmacher-hf.de\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/schirmacher-hf.de\/en\/wp-json\/wp\/v2\/comments?post=3733"}],"version-history":[{"count":0,"href":"https:\/\/schirmacher-hf.de\/en\/wp-json\/wp\/v2\/pages\/3733\/revisions"}],"wp:attachment":[{"href":"https:\/\/schirmacher-hf.de\/en\/wp-json\/wp\/v2\/media?parent=3733"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}