{"id":34,"date":"2018-06-05T14:57:55","date_gmt":"2018-06-05T14:57:55","guid":{"rendered":"http:\/\/demo.siteorigin.com\/premium\/?page_id=34"},"modified":"2025-05-05T21:20:26","modified_gmt":"2025-05-05T21:20:26","slug":"hero","status":"publish","type":"page","link":"https:\/\/demo.siteorigin.com\/premium\/hero\/","title":{"rendered":"Hero"},"content":{"rendered":"
\n
\n\t

The Hero Addon is available as part of\u00a0SiteOrigin Premium<\/a> and adds a host of additional settings and features to the SiteOrigin Hero widget.<\/p>\n<\/div>\n<\/div><\/div><\/div><\/div>

\n
\n\t

Hero Addon: Content Animations<\/h3>\n

The Hero addon<\/a> allows you to add transitional animation effects for your slides. You have the option of having different effects for each slide. For a full list of available animations, see the animate.css demo<\/a>.<\/p>\n<\/div>\n<\/div><\/div>

\t\t\t\t
\n\t\t\t\t\t\t\t
  • \n\t\t\t\t\t
    \n\t\t\t
    \n\t\t\t\t

    Explore Vast Horizons<\/h2>\n

    Discover breathtaking landscapes and reach new heights. Your adventure starts here.<\/p><\/div>\t\t\t<\/div>\n\t\t<\/div>\n\t\t

    <\/div>\t\t<\/li>\n\t\t\t\t
  • \n\t\t\t\t\t
    \n\t\t\t
    \n\t\t\t\t

    Find Your Perspective<\/h2>\n

    See the bigger picture and embrace the possibilities that lie ahead.<\/p><\/div>\t\t\t<\/div>\n\t\t<\/div>\n\t\t

    <\/div>\t\t<\/li>\n\t\t\t\t
  • \n\t\t\t\t\t
    \n\t\t\t
    \n\t\t\t\t

    Bridging Connections<\/h2>\n

    Connecting ideas, people, and possibilities in the heart of the urban landscape.<\/p><\/div>\t\t\t<\/div>\n\t\t<\/div>\n\t\t

    <\/div>\t\t<\/li>\n\t\t\t\t
  • \n\t\t\t\t\t
    \n\t\t\t
    \n\t\t\t\t

    The Road Less Traveled<\/h2>\n

    Embrace exploration and find inspiration in the beauty of the natural world.<\/p><\/div>\t\t\t<\/div>\n\t\t<\/div>\n\t\t

    <\/div>\t\t<\/li>\n\t\t<\/ul>\t\t\t\t
      \n\t\t\t\t\t\t\t\t\t\t\t
    1. <\/a><\/li>\n\t\t\t\t\t\t\t\t\t\t\t
    2. <\/a><\/li>\n\t\t\t\t\t\t\t\t\t\t\t
    3. <\/a><\/li>\n\t\t\t\t\t\t\t\t\t\t\t
    4. <\/a><\/li>\n\t\t\t\t\t\t\t\t\t<\/ol>\n\n\t\t\t\t
      \n\t\t\t\t\t\n\t\t\t\t\t\t<\/em>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\n\t\t\t\t
      \n\t\t\t\t\t\n\t\t\t\t\t\t<\/em>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div><\/div><\/div><\/div><\/div>
      \n
      \n\t

      Parallax Sliders<\/h3>\n

      The Parallax Sliders<\/a> addon extends the SiteOrigin Hero widget by allowing your slides to parallax.<\/p>\n<\/div>\n<\/div><\/div>

      \t\t\t\t
      \n\t\t\t\t\t\t\t
    5. \n\t\t\t\"\"\t\t
      \n\t\t\t
      \n\t\t\t\t

      Feel the City's Energy<\/h2>\n

      Experience vibrant life and dynamic movement against the urban backdrop.<\/p><\/div>\t\t\t<\/div>\n\t\t<\/div>\n\t\t

      <\/div>\t\t<\/li>\n\t\t\t\t
    6. \n\t\t\t\"\"\t\t
      \n\t\t\t
      \n\t\t\t\t

      Bring Your Content to Life<\/h3>\n

      Utilize parallax scrolling and animations to create engaging and memorable user experiences.<\/p>\n<\/div>\t\t\t<\/div>\n\t\t<\/div>\n\t\t

      <\/div>\t\t<\/li>\n\t\t<\/ul>\t\t\t\t
        \n\t\t\t\t\t\t\t\t\t\t\t
      1. <\/a><\/li>\n\t\t\t\t\t\t\t\t\t\t\t
      2. <\/a><\/li>\n\t\t\t\t\t\t\t\t\t<\/ol>\n\n\t\t\t\t
        \n\t\t\t\t\t\n\t\t\t\t\t\t<\/em>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\n\t\t\t\t
        \n\t\t\t\t\t\n\t\t\t\t\t\t<\/em>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div><\/div><\/div><\/div>
        \n
        \n\t

        The parallax effect is a popular technique in web design that offers an immersive experience by adding depth to the website layout. It's a visual effect where the background content (usually an image or a video) moves at a slower pace than the foreground content as you scroll down or across a page.<\/p>\n

        The word \"parallax\" comes from the Greek \"parallaxis,\" which means \"alteration.\" In astronomy, it refers to the apparent displacement, or difference in the apparent position, of an object, caused by a change in observational position that provides a new line of sight.<\/p>\n

        In the context of web design, the parallax effect mimics this concept, creating an illusion of three dimensions (3D) in a two-dimensional (2D) environment, thus leading to a sense of depth. The foreground seems to \"pop out,\" enhancing the user's sense of being within the digital environment, thereby making the user experience more interactive and engaging.<\/p>\n

        This can be particularly useful in storytelling and guiding the user through different parts of the website in a fluid, continuous manner. However, it's essential to use this effect judiciously; excessive use can be distracting and even disorienting to some users. The goal is to use the parallax effect to augment the user experience, not detract from the content.<\/p>\n

        In addition, as with any design choice, accessibility should always be a consideration. Some users may have difficulty processing the motion of parallax scrolling, so it's a good practice to provide an option to turn off the effect.<\/p>\n

        In conclusion, when used effectively and thoughtfully, the parallax effect can be a powerful tool in web design, enhancing user engagement and lending a sense of dynamism and depth to your website.<\/p>\n<\/div>\n<\/div><\/div><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"

        The Hero Addon is available as part of\u00a0SiteOrigin Premium and adds a host of additional settings and features to the SiteOrigin Hero widget. Hero Addon: Content Animations The Hero addon allows you to add transitional animation effects for your slides. You have the option of having different effects for each slide. For a full list […]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-34","page","type-page","status-publish","hentry","post"],"_links":{"self":[{"href":"https:\/\/demo.siteorigin.com\/premium\/wp-json\/wp\/v2\/pages\/34","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.siteorigin.com\/premium\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.siteorigin.com\/premium\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.siteorigin.com\/premium\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.siteorigin.com\/premium\/wp-json\/wp\/v2\/comments?post=34"}],"version-history":[{"count":22,"href":"https:\/\/demo.siteorigin.com\/premium\/wp-json\/wp\/v2\/pages\/34\/revisions"}],"predecessor-version":[{"id":4448,"href":"https:\/\/demo.siteorigin.com\/premium\/wp-json\/wp\/v2\/pages\/34\/revisions\/4448"}],"wp:attachment":[{"href":"https:\/\/demo.siteorigin.com\/premium\/wp-json\/wp\/v2\/media?parent=34"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}