Stefan Brück

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

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

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

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

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 6 - Open-source, modular web software

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

Material Design inspired image cards set in a side scroller. When hovering over the side scroller and scrolling up/down, the side scroller will move left/right. Each card has its own link as well. Use the blockScrolling option to prevent the page from scrolling up/down when the side to side motion is complete.