Stefan Brück

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

YouTube Video Nummer 6 - 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

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

Responsive Google Map - 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/

nextConcert-Container - Open-source, modular web software

Square gallery photoswipe - Open-source, modular web software

Johannes BrahmsStreichsextett B Dur op. 18, AndantePeter I. Tschaikowsky Streicherserenade C Dur op. 48 Einritt frei Spenden erbeten <p><strong>Johannes Brahms</strong>Streichsextett B Dur op. 18, Andante<br /><span style font weight: bolder; >Peter I. Tschaikowsky </span><br />Streicherserenade C Dur op. 48</p><p><strong>Einritt frei </strong>Spenden erbeten</p>

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

Hero Rot Weiss - Open-source, modular web software

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

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

Based on HTML5 UP theme Forty https://html5up.net/forty

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

Based on HTML5 UP theme Spectral https://html5up.net/uploads/demos/spectral/

no further infiormation available here Im Navigationsmen ben tigen wir bis auf Weiteres folgende Buttons: Start/Konzertkalender/ ber uns/Medien/F rderverein/Intern/Impressum A side navigation element with headline, links, dropdown, and images. It scrolls vertically to reveal more information, both images and a contact section with email, phone, and address. Also has a section at the bottom for copyright information. Based on HTML5 UP theme Editorial https://html5up.net/editorial

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

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 .

siehe https://codepen.io/stefanibus/pen/vEBveQX editors 1010 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 4 - Open-source, modular web software

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

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

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