Stefan Brück

ich habe zwei libaries heraus genommen https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js https://code.jquery.com/jquery 3.3.1.slim.min.js

Body braucht f r ScrollSpy style position: relative; F r Mehr Info siehe CSS im HEAD DER SEITE UND die Infos in der Readme von : raddda https://getbootstrap.com/docs/4.0/components/scrollspy/ > aber im Body setze ich keinen dieser Drei Werte data offset 200 data spy scroll data target mainNav weil das wohl doppelt gemoppelt w re mit der JS Zeile hier in diesem MOD f r den BODY aus dem selben Grund fehlt die JS Zeile im NAV MOD https://anymod.com/edit/mlombr/code

ich habe zwei libaries heraus genommen https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js https://code.jquery.com/jquery 3.3.1.slim.min.js Der Body TAG im HTML braucht f r ScrollSpy den style Value position: relative F r Mehr Info siehe CSS im HEAD der Seite UND die Infos in diesem MOD namens : raddda

Headline with fade in animation. Based on HTML5 UP theme Timer https://themes.gohugo.io//theme/timer hugo/

new EXTENDED Swing up contact-form with GDPR consent - Open-source, modular web software

Hero Rot Weiss - Open-source, modular web software

Based on Templated theme Typify https://templated.co/typify

ABOUT US - Bild-Text-Element AGAIN - Open-source, modular web software

A countdown of days, hours, minutes and seconds. Set the final date and let it count Inspired by: https://codepen.io/anymod/pen/mdbOzwv

this MOD has a pageload issue since I changed the Size of all images in the slider on September 2022 by erasing the buildImage command from the following line: <div class swiper slide style background image:url buildImage image data year year > unused image size stefano buildImage image w 900 h 450 old Image for the initial Image on this slider https://res.cloudinary.com/component/image/upload/c fit,w 900,h 450/v1583802371/bzblog howto design orchestra site img01 itqqp6.jpg Responsive slider timeline with Swiper Based on a pen from Bruno Carvalho: https://codepen.io/bcarvalho/pen/RZqmZX Known issue with resizing when crossing 768px breakpoint iPhone X / tablets orientation change .

EXTENDED Swing up contact-form with GDPR consent - Open-source, modular web software

Responsive Google Map - Open-source, modular web software

nextConcert-Container - Open-source, modular web software

Based on Templated theme Typify https://templated.co/typify

YouTube Video Nummer 6 - Open-source, modular web software

YouTube video nummer 4 - Open-source, modular web software

YouTube Video Nummer 2 - Open-source, modular web software

old image was this one https://res.cloudinary.com/component/image/upload/c fill,w 460,h 640/v1588066593/Nova Consonanza 1 Fotograf Tim Plitzkow vxxdiw.jpg A simple section content wise, but has a nice effect of moving the image up and fading in as the user scrolls into the section. The scrolling appearance is based on the library AOS animate on scroll https://github.com/michalsnik/aos

Dark footer with links and social media links Twitter, Facebook, Instagram, Snapchat . Also has copyright text. Based on Templated theme Broadcast https://templated.co/broadcast each items <li class if anzeigenEinblenden show else hidden /if ><a class js scroll trigger href stadtteil > datum in Hamburg stadtteil  </a></li> /each

YouTube Video Nummer 3 - Open-source, modular web software

YouTube Video Nummer 1 - Open-source, modular web software

An electronic resume / C.V. to showcase work history and link to other sites online. Design inspired by: https://themes.gohugo.io/theme/avicenna/

YouTube Video Nummer 5 - Open-source, modular web software

Square gallery photoswipe - Open-source, modular web software