V – Module (alte Muster)

Trotz kleinem Budget

eine ansprechende Webseite

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut odio. Nam sed est. Nam a risus et est iaculis adipiscing. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer ut justo. In tincidunt viverra nisl. Donec dictum malesuada magna. Curabitur id nibh auctor tellus adipiscing pharetra. Fusce vel justo non orci semper feugiat. Cras eu leo at purus ultrices tristique.

Titel

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut odio. Nam sed est. Nam a risus et est iaculis adipiscing. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer ut justo. In tincidunt viverra nisl. Donec dictum malesuada magna. Curabitur id nibh auctor tellus adipiscing pharetra. Fusce vel justo non orci semper feugiat. Cras eu leo at purus ultrices tristique.

Titel

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut odio. Nam sed est. Nam a risus et est iaculis adipiscing. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer ut justo. In tincidunt viverra nisl. Donec dictum malesuada magna. Curabitur id nibh auctor tellus adipiscing pharetra. Fusce vel justo non orci semper feugiat. Cras eu leo at purus ultrices tristique.

Platzhalter

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Platzhalter

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

lorem ipsum

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut odio. Nam sed est. Nam a risus et est iaculis adipiscing. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer ut justo. In tincidunt viverra nisl. Donec dictum malesuada magna. Curabitur id nibh auctor tellus adipiscing pharetra. Fusce vel justo non orci semper feugiat. Cras eu leo at purus ultrices tristique.

lorem ipsum

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut odio. Nam sed est. Nam a risus et est iaculis adipiscing. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer ut justo. In tincidunt viverra nisl. Donec dictum malesuada magna. Curabitur id nibh auctor tellus adipiscing pharetra. Fusce vel justo non orci semper feugiat. Cras eu leo at purus ultrices tristique.

lorem ipsum

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut odio. Nam sed est. Nam a risus et est iaculis adipiscing. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer ut justo. In tincidunt viverra nisl. Donec dictum malesuada magna. Curabitur id nibh auctor tellus adipiscing pharetra. Fusce vel justo non orci semper feugiat. Cras eu leo at purus ultrices tristique.

Platzhalter

Dienstleistung 1

Platzhalter

Dienstleistung 2

Platzhalter

Dienstleistung 3

Produkt

Produkt

lorem ispum

Produkt

lorem ipsum

lorem ipsum

mehr
Produkt

Pixel Hover Box

lorem ispum

Produkt

lorem ipsum

lorem ipsum

mehr
Produkt

Produkt

lorem ispum

Produkt

lorem ipsum

lorem ipsum

mehr

Produkt

Produkt

lorem ipsum

mehr

Pixel Hover Box

Produkt

lorem ipsum

mehr

Produkt

Produkt

lorem ipsum

mehr

Text

Text

Text

Text

Text

Text

Platzhalter

Bild 1:1mit eigenem Titel

Eigener Text zum Bild

Platzhalter

Bild 4:3 mit eigenem Titel

Eigener Text zum Bild

Platzhalter

Bild 1:1 mit eigenem Titel

Eigener Text zum Bild

Über uns

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ac quam metus. Nunc at dui placerat dolor pulvinar malesuada. Donec vestibulum euismod pulvinar. Mauris quis leo vestibulum, iaculis dolor et, tempor tortor. Nam euismod condimentum turpis. Fusce tincidunt sem mauris, sed accumsan dolor vestibulum sed.

Lorem ipsum

  • Modul Vollbreite Kopfzeile
  • Seitentitel = Posttitel

Vorteile

  • mehrere Titel möglich
  • mehrere Buttons
NewsKontakt
Tab 1
Tab 2
Tab 3
Tab 4 mit Foto

Pixel Advance

Lorem ipsum

Lorem ipsum

Lorem ipsum

Platzhalter

Lorem ipsum
Lorem ipsum
Webseite

 

Platzhalter

Pixel Advance – Einstellungen

    Tab – Farben Texte

    • Tabs Item Text Active – Farbe bei Titel einstellen (rosa)
    • Tabs Item Text – Farbe  bei Titel einstellen (violette)
    • Titeltext Pixel Advance (H3 Titel)

      Tab – Farbe Rand

      • Tab Item – Active auswählen und Farbe ändern

       

      Für Kunde stylen, Farben definieren etc.

      • dann Preset – Stile auf aktive Voreinstellungen anwenden

      Pixel Divider

        Auf dem einzelnen Modul einstellen

        • xxxx

        lorem ipsum

        lorem ipsum

        lorem ipsum

        Pixel Timeline – mit Farben

        Grundeinstellung

        • Pfeilfarbe – Design, Card Arrow

          Auf dem einzelnen Modul einstellen

          • Farbe, Rand und Boxschatten auswählen – Design, Card Arrow
          • Titel und Ribbon Farbe auswählen – Design, Text
          • Icon stylen – Timline Icon, Circle Icon Color, Farbe wählen – Hover aktivieren und Farbe auswählen
          Timeline 1
          L
          Timeline 1

          Titel 1

          Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

          Timeline 2
          L
          Timeline 2

          Titel 2

          Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

          Timeline 3
          L
          Timeline 3

          Titel 3

          Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

          Timeline 4
          L
          Timeline 4

          Titel 4

          Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

          Pixel Reveal

          Vorgehensweise

          • Modul Pixel Reveal duplizieren
            (Container Selector reveal-service-1 -> Zahl auf 2 ändern)
          • Modul Text mit verstecktem Inhalt duplizieren
            (-> CSS reveal-service-1 -> Zahl auf 2 ändern)

            Auf dem einzelnen Modul einstellen

            • xxx
            • xxx
            • xxx
            Platzhalter

            Titel

            Lorem ipsum dolor sit amet adipiscing elit. Nam a risus et est iaculis adipiscing. Vestibulum ante ipsum primis in faucibus.

            Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut odio. Nam sed est. Nam a risus et est iaculis adipiscing. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer ut justo. In tincidunt viverra nisl. Donec dictum malesuada magna. Curabitur id nibh auctor tellus adipiscing pharetra. Fusce vel justo non orci semper feugiat. Cras eu leo at purus ultrices tristique.

            Platzhalter

            Titel

            Lorem ipsum dolor sit amet adipiscing elit. Nam a risus et est iaculis adipiscing. Vestibulum ante ipsum primis in faucibus.

            Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut odio. Nam sed est. Nam a risus et est iaculis adipiscing. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer ut justo. In tincidunt viverra nisl. Donec dictum malesuada magna. Curabitur id nibh auctor tellus adipiscing pharetra. Fusce vel justo non orci semper feugiat. Cras eu leo at purus ultrices tristique.

            Platzhalter

            Titel

            Lorem ipsum dolor sit amet adipiscing elit. Nam a risus et est iaculis adipiscing. Vestibulum ante ipsum primis in faucibus.

            Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut odio. Nam sed est. Nam a risus et est iaculis adipiscing. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer ut justo. In tincidunt viverra nisl. Donec dictum malesuada magna. Curabitur id nibh auctor tellus adipiscing pharetra. Fusce vel justo non orci semper feugiat. Cras eu leo at purus ultrices tristique.

            DP Modal – Einstellungen

              Q

              PopUp mit Formular

              Kontaktanfrage
              Q

              PopUp mit Formular

              Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut odio. Nam sed est. Nam a risus et est iaculis adipiscing. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer ut justo. In tincidunt viverra nisl. Donec dictum malesuada magna. Curabitur id nibh auctor tellus adipiscing pharetra. Fusce vel justo non orci semper feugiat. Cras eu leo at purus ultrices tristique.

              Klick mich
              Q

              PopUp mit Formular

              Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut odio. Nam sed est. Nam a risus et est iaculis adipiscing. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer ut justo. In tincidunt viverra nisl. Donec dictum malesuada magna. Curabitur id nibh auctor tellus adipiscing pharetra. Fusce vel justo non orci semper feugiat. Cras eu leo at purus ultrices tristique.

              PopUp mit Button
              (Inhalt Formular)

              PopUp mit Icon

              PopUp mit Textlink