Vermögenswerte

Diese Seite enthält alle Assets, die dem Maker zur Verfügung gestellt werden.
Nachfolgend eine Liste der Asset-Kategorien

Backlink

Markierte Infinte

Swiper.js

Datum EN to FR

Abschnitt zum Kopieren+Pasten

Backlink Flowtribe

Diese Komponente wird in den Footer der Website eingefügt, allgemeiner gesagt in die untere rechte Ecke des Footers, gegenüber dem Impressum.

⚠️ Die Version des NCF-Logos ist nur bei Projekten hinzuzufügen, die sowohl eine Website + Webapp beinhalten

Schwarze Version

Website by

Weiße Version

Website by

Schwarze Version

Website by

Weiße Version

Website by

Infinite marquee

Das infinite-marquee-Element wird vollständig über die CSS Custom Properties verwaltet. Fügen Sie einfach die Klasse "infinite-marquee" zu den Kindelementen hinzu (die Sie loopen lassen müssen), um die Animation zu starten.

Infinite marquee

Fügen Sie das Attribut "data-hover-pause" hinzu, um die on hover-Animation zu starten.

Pause on hover

Fügen Sie das Attribut "data-hover-play" hinzu, um die Animation on hover zu starten.

Play on hover

Swiper.js

Holen Sie sich aus dem Seitencode das Skript, mit dem Sie die swiper.js aktivieren können. Übernehmen Sie die Struktur wie im Beispiel unten mit der richtigen Nomenklatur von class.
Weitere Informationen : Swiper.js

No items found.

Code zu copy/paste

<!-- SWIPER.JS START -->
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
<script>
const swiper1 = new Swiper(".swiper", {
  // Optional parameters
  direction: "horizontal",
  loop: true,
  slidesPerView: 1,
  slidesPerGroup: 1,
  spaceBetween: 20,
  loop: false,
  centeredSlides: false,
  mousewheel: {
    forceToAxis: true
  },
  speed: 300,
  // Responsive breakpoints
  breakpoints: {
    // when window width is >= 480px
    480: {
      slidesPerView: 1
    },
    // when window width is >= 768px
    768: {
      slidesPerView: 2
    },
    // when window width is >= 992px
    992: {
      slidesPerView: 3
    }
  },

  // Navigation arrows
  navigation: {
    nextEl: ".button-next",
    prevEl: ".button-prev"
  },

});
</script>
<!-- SWIPER.JS STOP -->

Datum EN to FR

In den Projektcode wird ein Skript eingefügt, mit dem das Datum vom nativen EN Webflow in die Sprache des Browsers übersetzt werden kann! Dazu ist eine Manipulation erforderlich:

- Fügen Sie das Attribut "data-date" hinzu und bilden Sie das Datumsfeld der Sammlung auf value ab.

Abschnitte zum Kopieren+Pasten

Hier kannst du bereits gefertigte Abschnitte oder Elemente abrufen, um bei deiner Integration Zeit zu sparen.

Abschnitt

⚠️ von container-{} aus, müssen Sie eine class-combo erstellen, um padding-section{} hinzuzufügen, und denken Sie daran, die Komponente zu zerlegen, sobald sie in die Seite integriert ist!

Hero

Ein Hero strukturiert in text-image

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Button Text