ruhmesmeile Startseite als .md

ruhmesmeile-startpage.yml

Id: fd055920-b0fe-11eb-9ce8-bdbc5d8289d5
layout: default
heading: ruhmesmeile Startpage
content:
  - mode: list
    width: full
    space-before: none
    background: default
    headline:
      level: h2
      align: center
      content: ""
      spaceAfter: none
      pageHeader: false
    space-after: default
    content:
      - type: visual
        height: small
        media:
          mode: image
          image:
            srcMobile: https://ruhmesmeile.com/fileadmin/_processed_/2/0/csm_frontend-matters-Keyvisual_01_de2dde03e2.jpg
            srcTablet: https://ruhmesmeile.com/fileadmin/_processed_/2/0/csm_frontend-matters-Keyvisual_01_de2dde03e2.jpg
            srcDesktop: https://ruhmesmeile.com/fileadmin/_processed_/2/0/csm_frontend-matters-Keyvisual_01_de2dde03e2.jpg
            indent: none
          video:
            srcMobile: https://sample-videos.com/video123/mp4/720/big_buck_bunny_720p_2mb.mp4
            srcTablet: https://sample-videos.com/video123/mp4/720/big_buck_bunny_720p_2mb.mp4
            srcDesktop: https://sample-videos.com/video123/mp4/720/big_buck_bunny_720p_2mb.mp4
        overlay: false
        box:
          enabled: true
          headline: Wilkommen bei ruhmesmeile
          text: Website- und Frontend-Entwicklung seit 2008
          link:
            size: medium
            fillAnimation: false
            enabled: false
            iconAfter: false
            variant: solid
            iconAnimation: false
            href: https://example.com
            label: Lorem Ipsum
            newTab: false
            iconBefore: false
          indent: false
          horizontal: left
          vertical: center
          background: transparent
        backgroundColor: "#ccc"
        inbox: false
        skipButton: false
    type: section
    gutter: default
  - mode: list
    width: narrow
    space-before: default
    background: default
    headline:
      level: h1
      align: center
      content: Webentwicklung mit der Internetagentur ruhmesmeile
      spaceAfter: none
      pageHeader: false
      subheadline: Mit Pattern zum optimalen Ergebnis
    space-after: default
    content:
      - type: headline
        level: h2
        align: left
        content: Wir entwickeln Websites.
        spaceAfter: none
        pageHeader: true
      - type: text-media
        text: >-
          Dies tun wir auf Basis einer Idee, die sich von anderen unterscheidet:
          **Pattern**\

          Pattern (Deutsch: Muster) sind bewährte Lösungsschablonen für wiederkehrende Aufgabenstellungen.
        mediaAlignment: above-center
        media: []
      - type: headline
        level: h2
        align: left
        content: Warum sind Pattern so gut?
        spaceAfter: none
        pageHeader: true
      - type: text-media
        text: Pattern ermöglichen schnelles Arbeiten und Automatisierung. Sie bieten
          dennoch Freiraum für Anpassungen und Individualität. Wenn Sie schon
          einmal zu lange auf Ergebnisse gewartet haben oder eine fertige Lösung
          nicht gehalten hat, was sie versprochen hat, verstehen Sie warum
          beides so wichtig ist.
        mediaAlignment: above-center
        media: []
      - type: headline
        level: h2
        align: left
        content: Pattern stecken bei uns in allem drin.
        spaceAfter: none
        pageHeader: true
      - type: text-media
        text: >-
          Insbesondere nutzen wir Pattern im
          Bereich [Frontend](https://ruhmesmeile.com/web-frontends/website-frontends).
          Frontends, die wir entwickeln und auf die es im globalen Web so sehr
          ankommt, profitieren enorm von diesem Entwicklungsansatz. Pattern
          stecken bei uns aber auch in
          [Websites](https://ruhmesmeile.com/websites), die wir mit Content
          Management Systemen wie [TYPO3](https://ruhmesmeile.com/typo3-cms)
          oder [Netlify CMS](https://ruhmesmeile.com/netlify-cms) umsetzen.\

          Bei uns stecken Pattern in jedem Projekt.
        mediaAlignment: above-center
        media: []
    type: section
    gutter: default
  - mode: default
    width: default
    space-before: default
    background: default
    headline:
      level: h2
      align: center
      content: ""
      spaceAfter: none
      pageHeader: false
    space-after: default
    content:
      - type: content-box
        ratio: none
        alignement: left
        image: https://ruhmesmeile.com/fileadmin/_processed_/7/8/csm_Agentur-und-Kunden_6accaa9169.jpg
        topic: Für Kunden
        text: >-
          Sie benötigen Unterstützung bei der Entwicklung einer Website oder
          einem Website Relaunch? \

          Nehmen Sie Kontakt zu uns auf. Wir erklären Ihnen gerne, wie wir Ihre Website bzw. Ihr Webprojekt umsetzen.
        link:
          size: medium
          fillAnimation: false
          enabled: true
          iconAfter: false
          variant: solid
          iconAnimation: false
          href: https://example.com
          label: Hier entlang bitte
          newTab: false
          iconBefore: false
      - type: content-box
        ratio: none
        alignement: left
        image: https://ruhmesmeile.com/fileadmin/_processed_/5/0/csm_Entwickler-Setup_cc528d479f.jpg
        topic: Für Entwickler und Agenturen
        text: Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ispum
          dolor distinctio minima unde voluptatum aut. Lorem ipsum dolor sit
          amet.
        link:
          size: medium
          fillAnimation: false
          enabled: false
          iconAfter: false
          variant: solid
          iconAnimation: false
          href: https://example.com
          label: Unsere Services
          newTab: false
          iconBefore: false
    type: section
    gutter: default
  - mode: list
    width: full
    space-before: default
    background: default
    headline:
      level: h2
      align: center
      content: ""
      spaceAfter: none
      pageHeader: false
    space-after: default
    content:
      - type: storytelling
        full: false
        image:
          source: https://ruhmesmeile.com/fileadmin/_processed_/5/c/csm_Websites-TYPO3-PP_7270dc3fa5.png
          ratio: 1:1
          vAlign: center
          hAlign: center
          order:
            mobileImageLast: false
            desktopImageLast: false
        box:
          headline:
            level: h2
            align: center
            content: Content Management Systeme
            spaceAfter: none
            pageHeader: false
          text: >-
            Im Bereich der Webentwicklung mit Content Management Systemen
            greifen wir vor allem auf zwei Technologien zurück:


            Auf die [Plattformlösung TYPO3](https://ruhmesmeile.com/typo3-cms/typo3-als-plattform), für maximale Flexibilität und\

            auf [Netlify CMS](https://ruhmesmeile.com/netlify-cms/netlify-websites), im Bereich der Headless CMS Entwicklung.
          textAlign: left
          vAlign: center
          hAlign: center
          link:
            size: medium
            fillAnimation: false
            iconAfter: false
            variant: solid
            iconAnimation: false
            href: https://example.com
            label: Mehr erfahren
            newTab: false
            iconBefore: false
        backgroundColor: "#edf3f3"
      - type: storytelling
        full: false
        image:
          source: https://ruhmesmeile.com/fileadmin/_processed_/9/b/csm_Webdesign-PP_6311df9338.png
          ratio: none
          vAlign: center
          hAlign: center
          order:
            mobileImageLast: true
            desktopImageLast: true
        box:
          headline:
            level: h2
            align: center
            content: Webdesign und UX Design
            spaceAfter: none
            pageHeader: false
          text: "[Erfahren Sie
            mehr](https://ruhmesmeile.com/websites/website-ux-und-webdesign) zu
            den Qualitätsfaktoren User Experience, Usability, Kompatibilität
            und Individualität."
          textAlign: left
          vAlign: center
          hAlign: center
          link:
            size: medium
            fillAnimation: false
            iconAfter: false
            variant: solid
            iconAnimation: false
            href: https://example.com
            label: Mehr erfahren
            newTab: false
            iconBefore: false
      - type: storytelling
        full: false
        image:
          source: https://ruhmesmeile.com/fileadmin/users/redakteur/redakteur_upload/Websites/Web-Analyse-desktop-bg1.jpg
          ratio: none
          vAlign: center
          hAlign: center
          order:
            mobileImageLast: false
            desktopImageLast: false
        box:
          headline:
            level: h2
            align: center
            content: "Online Marketing "
            spaceAfter: none
            pageHeader: false
          text: >-
            Benötigen Sie für eine Kampagne eine [Landing
            Page](https://ruhmesmeile.com/websites/landing-pages) oder wollen
            Sie mit Hilfe von [Web
            Analytics](https://ruhmesmeile.com/websites/web-analytics) Ihre
            Website optimieren?


            Als Ihr Sparringspartner entwickeln wir mit Ihnen gemeinsam die passende Online Marketing Strategie und leisten [Online Marketing Beratung](https://ruhmesmeile.com/websites/online-marketing-beratung).
          textAlign: left
          vAlign: center
          hAlign: center
          link:
            size: medium
            fillAnimation: false
            iconAfter: false
            variant: solid
            iconAnimation: false
            href: https://example.com
            label: Mehr erfahren
            newTab: false
            iconBefore: false
        backgroundImage: ""
        backgroundColor: "#f0f0f0"
      - type: storytelling
        full: false
        image:
          source: https://ruhmesmeile.com/fileadmin/_processed_/1/7/csm_iMac_Mockup_685a9bc620.png
          ratio: none
          vAlign: center
          hAlign: center
          order:
            mobileImageLast: true
            desktopImageLast: true
        box:
          headline:
            level: h2
            align: center
            content: "Frontends für Webprojekte "
            spaceAfter: none
            pageHeader: false
          text: >-
            Services für
            [Website-Frontends](https://ruhmesmeile.com/web-frontends/website-frontends)


            Beratung zu [Frontend-Architektur](https://ruhmesmeile.com/web-frontends/frontend-architektur)


            Leistungen zur [Frontend-Entwicklung](https://ruhmesmeile.com/web-frontends/frontend-entwicklung)
          textAlign: left
          vAlign: center
          hAlign: center
          link:
            size: medium
            fillAnimation: false
            iconAfter: false
            variant: solid
            iconAnimation: false
            href: https://example.com
            label: Mehr erfahren
            newTab: false
            iconBefore: false
        backgroundImage: ""
      - type: visual
        height: small
        media:
          mode: image
          image:
            srcMobile: https://ruhmesmeile.com/fileadmin/users/redakteur/redakteur_upload/allgemeine_Grafiken/background_red.svg
            srcTablet: https://ruhmesmeile.com/fileadmin/users/redakteur/redakteur_upload/allgemeine_Grafiken/background_red.svg
            srcDesktop: https://ruhmesmeile.com/fileadmin/users/redakteur/redakteur_upload/allgemeine_Grafiken/background_red.svg
            indent: none
          video:
            srcMobile: https://sample-videos.com/video123/mp4/720/big_buck_bunny_720p_2mb.mp4
            srcTablet: https://sample-videos.com/video123/mp4/720/big_buck_bunny_720p_2mb.mp4
            srcDesktop: https://sample-videos.com/video123/mp4/720/big_buck_bunny_720p_2mb.mp4
        overlay: false
        box:
          enabled: true
          headline: Was ist Ihr Projekt?
          text: Wenn Sie Fragen haben oder selbst vor der Umsetzung von einem Webprojekt
            stehen, nehmen wir uns gern für Sie Zeit.
          link:
            size: medium
            fillAnimation: false
            enabled: true
            iconAfter: false
            variant: outline-inverted
            iconAnimation: false
            href: https://example.com
            label: Sprechen Sie uns an.
            newTab: false
            iconBefore: false
          indent: false
          horizontal: center
          vertical: center
          background: transparent
        backgroundColor: "#ccc"
        inbox: false
        skipButton: false
    type: section
    gutter: default
  - mode: default
    width: narrow
    space-before: default
    background: default
    headline:
      level: h2
      align: center
      content: Projekte & Case Studies
      spaceAfter: none
      pageHeader: false
    space-after: default
    content:
      - type: teaser-box
        image: https://ruhmesmeile.com/fileadmin/_processed_/a/f/csm_217021_N3_website_61d26e296c.jpg
        topic: HPP Architekten
        text: Corporate Website Relaunch auf Basis von TYPO3
        darkStyle: true
        ratio: 16:9
        imageSpacing: false
        link:
          size: medium
          fillAnimation: false
          iconAfter: false
          variant: solid
          hidden: true
          iconAnimation: false
          href: https://example.com
          label: Lorem Ipsum
          newTab: false
          iconBefore: false
      - type: teaser-box
        image: https://ruhmesmeile.com/fileadmin/_processed_/8/6/csm_Dachser_Teaser_4zu3_2a78fedb41.png
        topic: Dachser
        text: Digitales Design-System
        darkStyle: true
        ratio: 16:9
        imageSpacing: false
        link:
          size: medium
          fillAnimation: false
          iconAfter: false
          variant: solid
          hidden: true
          iconAnimation: false
          href: https://example.com
          label: Lorem Ipsum
          newTab: false
          iconBefore: false
    type: section
    gutter: default