{"id":12,"date":"2022-08-17T16:05:43","date_gmt":"2022-08-17T14:05:43","guid":{"rendered":"https:\/\/web-site-service.de\/beispiel-3\/?page_id=12"},"modified":"2022-09-21T15:42:09","modified_gmt":"2022-09-21T13:42:09","slug":"modern-home","status":"publish","type":"page","link":"https:\/\/web-site-service.de\/beispiel-3\/","title":{"rendered":"Modern-Home"},"content":{"rendered":"<div id=\"kopffoto\">\n<p>&nbsp;<!-- Hintergrundbild --><\/p>\n<\/div>\n<h1>Beispiel 3 \/ Example 3 \/ Exemplo 3<\/h1>\n<div id=\"reihe-1\">\n<div class=\"r1-box-de\">\n<p class=\"mitte\">\n<img decoding=\"async\" loading=\"lazy\" class=\"flagge\" src=\"https:\/\/web-site-service.de\/beispiel-3\/wp-content\/uploads\/sites\/5\/2022\/09\/Flagge-Deutschland-50x33-1.jpg\" title=\"Flagge Deutsch\" alt=\"Flagge Deutsch\" width=\"50\" height=\"33\">\n<\/p>\n<p class=\"mitte fett\">Besonderheiten auf dieser Beispielseite:<\/p>\n<p>Animationen beim Scrollen, der \u00dcberschrift und vom Hintergrund sind m\u00f6glich. Ein Video oder eine Slideshow k\u00f6nnen eingebaut werden.<\/p>\n<p>Inhalte k\u00f6nnen auf unterschiedliche Weise w\u00e4hrend des scrollen eingeblendet werden. Sie k\u00f6nnen bestimmen wie ihre Elemente animiert werden.<\/p>\n<p>Wenn das Bildschirmfenster zusammengeschoben wird, ver\u00e4ndert sich die Anordnung der Felder. Sie k\u00f6nnen auch die Anordnung und Gr\u00f6\u00dfe der neu angeordneten Felder bestimmen.<\/p>\n<p>Es sind 2 Hauptseiten und eine Kontaktseite inklusive. Selbstverst\u00e4ndlich k\u00f6nnen Sie ihre Farben w\u00e4hlen so wie die Inhalte der Felder bestimmen.<\/p>\n<p>Die Fotos geben Ihrer Seite das richtige Ambiente. Stellen Sie sich ihre eigenen Fotos und Texte hier vor.\n<\/p>\n<\/div>\n<div class=\"r1-box-en\">\n<p class=\"mitte\">\n<img decoding=\"async\" loading=\"lazy\" class=\"flagge\" src=\"https:\/\/web-site-service.de\/beispiel-3\/wp-content\/uploads\/sites\/5\/2022\/09\/Flagge-England-50x33-1.jpg\" title=\"Flag english\" alt=\"Flag english\" width=\"50\" height=\"33\">\n<\/p>\n<p class=\"mitte fett\">Special features on this example page:<\/p>\n<p>Animations are possible for scrolling, the headline and the background. A video or a slideshow can be integrated.<\/p>\n<p>Content can be displayed in different ways during scrolling. You can determine how your elements are animated.<\/p>\n<p>When the screen window is collapsed, the arrangement of the fields changes. You can also determine the arrangement and size of the newly arranged fields.<\/p>\n<p>There are 2 main pages and a contact page included. Of course, you can choose their colours as well as the contents of the fields.<\/p>\n<p>The photos give your page the right ambience. Imagine your own photos and texts here.<\/p>\n<\/div>\n<div class=\"r1-box-pt\">\n<p class=\"mitte\">\n<img decoding=\"async\" loading=\"lazy\" class=\"flagge\" src=\"https:\/\/web-site-service.de\/beispiel-3\/wp-content\/uploads\/sites\/5\/2022\/09\/Flagge-Portugal-50x33-1.jpg\" title=\"Bandeira portugu\u00eas\" alt=\"Bandeira portugues\" width=\"50\" height=\"33\">\n<\/p>\n<p class=\"mitte fett\">Caracter\u00edsticas especiais nesta p\u00e1gina de exemplo:<\/p>\n<p>As anima\u00e7\u00f5es s\u00e3o poss\u00edveis para a rolagem, a t\u00edtulo de artigo e o background. Um v\u00eddeo ou um slideshow pode ser integrado.<\/p>\n<p>O conte\u00fado pode ser exibido de diferentes maneiras durante a rolagem. Pode determinar como os seus elementos s\u00e3o animados.<\/p>\n<p>Quando a janela do ecr\u00e3 \u00e9 colapsada, a disposi\u00e7\u00e3o dos campos muda. Tamb\u00e9m se pode determinar a disposi\u00e7\u00e3o e o tamanho dos campos recentemente arranjados.<\/p>\n<p>H\u00e1 2 p\u00e1ginas principais e uma p\u00e1gina de contacto inclu\u00edda. \u00c9 claro que pode escolher as suas cores, bem como o conte\u00fado dos campos.<\/p>\n<p>As fotografias d\u00e3o \u00e0 sua p\u00e1gina o ambiente certo. Imagine aqui as suas pr\u00f3prias fotografias e textos.<\/p>\n<\/div>\n<\/div>\n<div id=\"reihe-2\">\n<div data-aos=\"zoom-in\" data-aos-duration=\"1000\" class=\"reihe-2-box1\">\n<div class=\"greenicon\">\n<img decoding=\"async\" loading=\"lazy\" class=\"\" src=\"https:\/\/web-site-service.de\/beispiel-3\/wp-content\/uploads\/sites\/5\/2022\/09\/icons-solar75x75.png\" title=\"Icon solar\" alt=\"Icon solar\" width=\"75\" height=\"75\">\n<\/div>\n<div class=\"reihe-2-box1-text\">\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc imperdiet rhoncus arcu non aliquet. Sed tempor mauris a purus porttitor, \u2026<\/p>\n<p>Mollis pretium lorem primis senectus habitasse lectus scelerisque donec ultricies tortor suspendisse adipiscing fusce morbi volutpat pellentesque consectetur mi risus molestie curae malesuada. Dignissim lacus convallis massa mauris enim ad mattis magnis senectus montes mollis taciti phasellus accumsan bibendum semper blandit suspendisse faucibus.\n<\/p><\/div>\n<\/div>\n<div data-aos=\"flip-left\" data-aos-duration=\"1500\" class=\"reihe-2-box2\">\n<div class=\"reihe-2-box2-foto1\">\n<picture><source srcset=\"https:\/\/web-site-service.de\/beispiel-3\/wp-content\/uploads\/sites\/5\/2022\/09\/solar-panels-arbeiter500x375.webp\" type=\"image\/webp\"><img decoding=\"async\" loading=\"lazy\" class=\"\" src=\"https:\/\/web-site-service.de\/beispiel-3\/wp-content\/uploads\/sites\/5\/2022\/09\/solar-panels-arbeiter500x375.jpg\" title=\"Foto solar-panels-arbeiter\" alt=\"foto solar-panels-arbeiter\" width=\"500\" height=\"375\">\n<\/picture>\n<\/div>\n<\/div>\n<div data-aos=\"flip-up\" data-aos-duration=\"2000\" class=\"reihe-2-box3\">\n<div class=\"reihe-2-box3-foto2\">\n<picture><source srcset=\"https:\/\/web-site-service.de\/beispiel-3\/wp-content\/uploads\/sites\/5\/2022\/09\/solar-panels-dach500x375.webp\" type=\"image\/webp\"><img decoding=\"async\" loading=\"lazy\" class=\"\" src=\"https:\/\/web-site-service.de\/beispiel-3\/wp-content\/uploads\/sites\/5\/2022\/09\/solar-panels-dach500x375.jpg\" title=\"Foto solar-panels-dach\" alt=\"Foto solar-panels-dach\" width=\"500\" height=\"375\">\n<\/picture>\n<\/div>\n<\/div>\n<div data-aos=\"flip-down\" data-aos-duration=\"2500\" class=\"reihe-2-box4\">\n<div class=\"greenicon\">\n<img decoding=\"async\" loading=\"lazy\" class=\"\" src=\"https:\/\/web-site-service.de\/beispiel-3\/wp-content\/uploads\/sites\/5\/2022\/09\/icons-welt-kreis75x75.png\" title=\"Icon green\" alt=\"Icon green\" width=\"75\" height=\"75\">\n<\/div>\n<div class=\"reihe-2-box4-text\">\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc imperdiet rhoncus arcu non aliquet. Sed tempor mauris a purus porttitor, \u2026Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc imperdiet rhoncus arcu non aliquet. Sed tempor mauris a purus porttitor.<\/p>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc imperdiet rhoncus arcu non aliquet. Sed tempor mauris a purus porttitor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc imperdiet rhoncus arcu non aliquet. Sed tempor mauris a purus porttitor.<\/p>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc imperdiet rhoncus arcu non aliquet. Sed tempor mauris a purus porttitor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc imperdiet rhoncus arcu non aliquet. Sed tempor mauris a purus porttitor.\n<\/p><\/div>\n<\/div>\n<div data-aos=\"zoom-in\" data-aos-duration=\"2500\" class=\"reihe-2-box5\">\n<div class=\"reihe-2-box5-foto\">\n<picture><source srcset=\"https:\/\/web-site-service.de\/beispiel-3\/wp-content\/uploads\/sites\/5\/2022\/09\/Gitarre1080x720.webp\" type=\"image\/webp\"><img decoding=\"async\" loading=\"lazy\" class=\"\" src=\"https:\/\/web-site-service.de\/beispiel-3\/wp-content\/uploads\/sites\/5\/2022\/09\/Gitarre1080x720.jpg\" title=\"Foto Gitarre\" alt=\"Foto Gitarre\" width=\"1080\" height=\"720\">\n<\/picture>\n<\/div>\n<\/div>\n<\/div>\n<div id=\"reihe-3\">\n<div class=\"reihe-3-box1\">\n<h2 class=\"neon-schrift\">\n<img decoding=\"async\" loading=\"lazy\" class=\"flagge-klein\" src=\"https:\/\/web-site-service.de\/beispiel-3\/wp-content\/uploads\/sites\/5\/2022\/09\/Flagge-Deutschland-25x17-1.jpg\" title=\"Flagge Deutsch\" alt=\"Flagge Deutsch\" width=\"25\" height=\"17\">&nbsp;Effekt Beispiel \u00dcberschrift<\/h2>\n<h2 class=\"neon-schrift\">\n<img decoding=\"async\" loading=\"lazy\" class=\"flagge-klein\" src=\"https:\/\/web-site-service.de\/beispiel-3\/wp-content\/uploads\/sites\/5\/2022\/09\/Flagge-Portugal-25x17-1.jpg\" title=\"Bandeira portugu\u00eas\" alt=\"Bandeira portugues\" width=\"25\" height=\"17\">&nbsp;Exemplo de efeito t\u00edtulo<\/h2>\n<h2 class=\"neon-schrift\">\n<img decoding=\"async\" loading=\"lazy\" class=\"flagge-klein\" src=\"https:\/\/web-site-service.de\/beispiel-3\/wp-content\/uploads\/sites\/5\/2022\/09\/Flagge-England-25x17-1.jpg\" title=\"Flag english\" alt=\"Flag english\" width=\"25\" height=\"17\">&nbsp;Effect example headline<\/h2>\n<p><picture><source srcset=\"https:\/\/web-site-service.de\/beispiel-3\/wp-content\/uploads\/sites\/5\/2022\/09\/chameleon-260x347-1.webp\" type=\"image\/webp\"><img decoding=\"async\" loading=\"lazy\" class=\"foto-links\" src=\"https:\/\/web-site-service.de\/beispiel-3\/wp-content\/uploads\/sites\/5\/2022\/09\/chameleon-260x347-1.jpg\" title=\"foto x\" alt=\"Foto x\" width=\"260\" height=\"347\">\n<\/picture>Mollis pretium lorem primis senectus habitasse lectus scelerisque donec ultricies tortor suspendisse adipiscing fusce morbi volutpat pellentesque consectetur mi risus molestie curae malesuada. Dignissim lacus convallis massa mauris enim ad mattis magnis senectus montes mollis taciti phasellus accumsan bibendum semper blandit suspendisse faucibus.<\/p>\n<p>Vivamus integer non suscipit taciti mus etiam at primis tempor sagittis sit euismod libero facilisi aptent elementum felis blandit cursus gravida sociis erat ante eleifend lectus nullam dapibus netus feugiat curae curabitur est ad. Massa curae fringilla consectetur porttitor quam sollicitudin iaculis aptent ligula euismod dictumst penatibus mauris eros praesent erat volutpat.<\/p>\n<\/div>\n<div class=\"reihe-3-box2\">\n<h2><img decoding=\"async\" loading=\"lazy\" class=\"flagge-klein\" src=\"https:\/\/web-site-service.de\/beispiel-3\/wp-content\/uploads\/sites\/5\/2022\/09\/Flagge-Deutschland-25x17-1.jpg\" title=\"Flagge Deutsch\" alt=\"Flagge Deutsch\" width=\"25\" height=\"17\">&nbsp;Effekt Beispiel Hintergrund<\/h2>\n<h2><img decoding=\"async\" loading=\"lazy\" class=\"flagge-klein\" src=\"https:\/\/web-site-service.de\/beispiel-3\/wp-content\/uploads\/sites\/5\/2022\/09\/Flagge-Portugal-25x17-1.jpg\" title=\"Bandeira portugu\u00eas\" alt=\"Bandeira portugues\" width=\"25\" height=\"17\">&nbsp;Fundo de exemplo de efeito<\/h2>\n<h2><img decoding=\"async\" loading=\"lazy\" class=\"flagge-klein\" src=\"https:\/\/web-site-service.de\/beispiel-3\/wp-content\/uploads\/sites\/5\/2022\/09\/Flagge-England-25x17-1.jpg\" title=\"Flag english\" alt=\"Flag english\" width=\"25\" height=\"17\">&nbsp;Effect example background<\/h2>\n<picture>\n<p><source srcset=\"https:\/\/web-site-service.de\/beispiel-3\/wp-content\/uploads\/sites\/5\/2022\/09\/eisvogel-oval-260x149-1.webp\" type=\"image\/webp\"><img decoding=\"async\" loading=\"lazy\" class=\"foto-rechts\" src=\"https:\/\/web-site-service.de\/beispiel-3\/wp-content\/uploads\/sites\/5\/2022\/09\/eisvogel-oval-260x149-1.png\" title=\"foto x\" alt=\"Foto x\" width=\"260\" height=\"149\">\n<\/picture>\nMollis pretium lorem primis senectus habitasse lectus scelerisque donec ultricies tortor suspendisse adipiscing fusce morbi volutpat pellentesque consectetur mi risus molestie curae malesuada. Dignissim lacus convallis massa mauris enim ad mattis magnis senectus montes mollis taciti phasellus accumsan bibendum semper blandit suspendisse faucibus.<\/p>\n<p>Vivamus integer non suscipit taciti mus etiam at primis tempor sagittis sit euismod libero facilisi aptent elementum felis blandit cursus gravida sociis erat ante eleifend lectus nullam dapibus netus feugiat curae curabitur est ad. Massa curae fringilla consectetur porttitor quam sollicitudin iaculis aptent ligula euismod dictumst penatibus mauris eros praesent erat volutpat.<\/p>\n<\/div>\n<\/div>\n<div class=\"slidshow-feedb\">\n<h2>Slide Show<\/h2>\n<div class=\"feedback\"><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp; Beispiel 3 \/ Example 3 \/ Exemplo 3 Besonderheiten auf dieser Beispielseite: Animationen beim Scrollen, der \u00dcberschrift und vom Hintergrund sind m\u00f6glich. Ein Video oder eine Slideshow k\u00f6nnen eingebaut werden. Inhalte k\u00f6nnen auf unterschiedliche Weise w\u00e4hrend des scrollen eingeblendet werden. Sie k\u00f6nnen bestimmen wie ihre Elemente animiert werden. Wenn das Bildschirmfenster zusammengeschoben wird, ver\u00e4ndert &#8230; <a title=\"Modern-Home\" class=\"read-more\" href=\"https:\/\/web-site-service.de\/beispiel-3\/\" aria-label=\"Mehr Informationen \u00fcber Modern-Home\">Weiterlesen &#8230;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-12","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/web-site-service.de\/beispiel-3\/wp-json\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/web-site-service.de\/beispiel-3\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/web-site-service.de\/beispiel-3\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/web-site-service.de\/beispiel-3\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/web-site-service.de\/beispiel-3\/wp-json\/wp\/v2\/comments?post=12"}],"version-history":[{"count":55,"href":"https:\/\/web-site-service.de\/beispiel-3\/wp-json\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":644,"href":"https:\/\/web-site-service.de\/beispiel-3\/wp-json\/wp\/v2\/pages\/12\/revisions\/644"}],"wp:attachment":[{"href":"https:\/\/web-site-service.de\/beispiel-3\/wp-json\/wp\/v2\/media?parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}