");--bs-navbar-toggler-border-color:rgba(var(--bs-emphasis-color-rgb), 0.15);--bs-navbar-toggler-border-radius:var(--bs-border-radius);--bs-navbar-toggler-focus-width:0.25rem;position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)}.navbar>.container{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}.navbar-brand{padding-top:var(--bs-navbar-brand-padding-y);padding-bottom:var(--bs-navbar-brand-padding-y);margin-right:var(--bs-navbar-brand-margin-end);font-size:var(--bs-navbar-brand-font-size);color:var(--bs-navbar-brand-color);text-decoration:none;white-space:nowrap}.navbar-nav{--bs-nav-link-padding-x:0;--bs-nav-link-padding-y:0.5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color:var(--bs-navbar-color);--bs-nav-link-hover-color:var(--bs-navbar-hover-color);--bs-nav-link-disabled-color:var(--bs-navbar-disabled-color);display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-collapse{flex-grow:1;flex-basis:100%;align-items:center}.navbar-toggler{padding:var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);font-size:var(--bs-navbar-toggler-font-size);line-height:1;color:var(--bs-navbar-color);background-color:transparent;border:var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);border-radius:var(--bs-navbar-toggler-border-radius)}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;background-image:var(--bs-navbar-toggler-icon-bg);background-repeat:no-repeat;background-position:center;background-size:100%}@media (min-width:992px){.navbar-expand-lg{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}.award .award-gma{padding-right:30px}}:root{--bs-btn-close-filter: }:root{--bs-carousel-indicator-active-bg:#fff;--bs-carousel-caption-color:#fff;--bs-carousel-control-icon-filter: }.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.overflow-scroll{overflow:scroll!important}.d-flex{display:flex!important}.d-none{display:none!important}.shadow-none{box-shadow:none!important}.position-relative{position:relative!important}.position-fixed{position:fixed!important}.top-0{top:0!important}.mw-100{max-width:100%!important}.justify-content-center{justify-content:center!important}.align-items-center{align-items:center!important}.mt-2{margin-top:.5rem!important}.mt-4{margin-top:1.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.ms-auto{margin-left:auto!important}.pt-3{padding-top:1rem!important}.pt-5{padding-top:3rem!important}.fw-bold{font-weight:700!important}.text-white{--bs-text-opacity:1;color:rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important}.bg-dark{--bs-bg-opacity:1;background-color:rgba(var(--bs-dark-rgb),var(--bs-bg-opacity))!important}@media (min-width:768px){.ms-md-2{margin-left:.5rem!important}}.fa-light,.fa-regular,.fa-solid,.fal{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}.fa-light:before,.fa-regular:before,.fa-solid:before,.fal:before{content:var(--fa)}.fa-light,.fa-regular,.fa-solid,.fal{font-family:"Font Awesome 6 Pro"}.fa-registered{--fa:"\f25d";--fa--fa:"\f25d\f25d"}.fa-code{--fa:"\f121";--fa--fa:"\f121\f121"}.fa-magnifying-glass{--fa:"\f002";--fa--fa:"\f002\f002"}.fa-xmark{--fa:"\f00d";--fa--fa:"\f00d\f00d"}.fa-check{--fa:"\f00c";--fa--fa:"\f00c\f00c"}:host,:root{--fa-style-family-brands:"Font Awesome 6 Brands";--fa-font-brands:normal 400 1em/1 "Font Awesome 6 Brands"}:host,:root{--fa-style-family-duotone:"Font Awesome 6 Duotone";--fa-font-duotone:normal 900 1em/1 "Font Awesome 6 Duotone"}:host,:root{--fa-font-light:normal 300 1em/1 "Font Awesome 6 Pro"}.fa-light,.fal{font-weight:300}:host,:root{--fa-font-regular:normal 400 1em/1 "Font Awesome 6 Pro"}.fa-regular{font-weight:400}:host,:root{--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Pro"}.fa-solid{font-weight:900}:host,:root{--fa-style-family-classic:"Font Awesome 6 Pro";--fa-font-thin:normal 100 1em/1 "Font Awesome 6 Pro"}:root{--bg-body-background-color:#ffffff}body{position:unset!important;color:var(--color-text)}.main-wrapper,.navbar.fixed-top{max-width:1960px;margin-left:auto;margin-right:auto}.container{max-width:unset}.scroll-progress{z-index:2000!important;background-color:var(--bg-scroller-color)!important;max-width:1960px;height:5px}html{scroll-behavior:smooth}.vh-70{height:70vh}.btn{text-transform:none;text-decoration:none!important}.w-16{width:4rem}.h-16{height:4rem}.fill-current{fill:currentColor}.text-highlight u{-webkit-background-size:100% 100%!important;background-size:100% 100%!important;background:url(/assets/netinsiders/img/marker/light.png?v=1.4);display:inline-block;text-decoration:none}@media (max-width:768px){.main{padding-top:0!important}}@media (prefers-color-scheme:light){.nav-down{background:rgba(255,255,255,.4)}.navbar .navbar-brand{color:#000}.navbar-toggler-icon{background-image:none}.navbar-toggler .navbar-toggler-icon::before{color:#000}.nav-down .navbar-toggler.collapsed .navbar-toggler-icon::before{color:#000}}@media (prefers-color-scheme:dark){.text-highlight u{background:url(/assets/netinsiders/img/marker/black.png?v=1.4)}:root{--bg-body-background-color:#1c1c1c;--bg-main-background-color:#1c1c1c;--page-main-intro-after-border-color:#1c1c1c}body{background-color:var(--bg-body-background-color)}.main{background:var(--bg-main-background-color);color:#fff}.page-main-intro:after{border-top:20px solid var(--page-main-intro-after-border-color)!important}.nav-down{background:rgba(28,28,28,.4)}.navbar .navbar-brand{color:#fff}.navbar .nav-link{color:#fff!important}@media (max-width:992px){.navbar-collapse{background:var(--body-background-color)!important;border-radius:0!important}.navbar-toggler .navbar-toggler-icon::before,.navbar-toggler.collapsed .navbar-toggler-icon::before{color:#fff!important}}.preloader{background:var(--body-background-color)!important}h1,h4{color:#fff}}:root{--uc-background-color:#141414;--uc-link-color:#fff;--uc-text-color:#fff}.uc-banner a{color:var(--uc-link-color);text-decoration:none}.uc-banner p{margin-top:0;margin-bottom:1rem;line-height:1}.uc-banner .c-rich-text{color:var(--uc-text-color)}.uc-banner .c-rich-text :not(svg):last-child{margin-bottom:0}.uc-banner .c-rich-text a{word-wrap:break-word}.uc-banner .c-rich-text a span{position:relative;background-image:linear-gradient(var(--uc-link-color) 0,var(--uc-link-color) .125em),linear-gradient(transparent 0,transparent .125em);background-repeat:no-repeat;background-position-x:right;background-position-y:bottom;background-size:100% .125em,0 .125em}.uc-banner .c-rich-text a span{position:relative;padding:0 0 .2em}.uc-banner .c-rich-text button{background:0 0;border:none;padding:0;margin:0;font-family:inherit;font-size:inherit;color:inherit;text-align:left;word-wrap:break-word;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.uc-banner .c-rich-text button span{position:relative;background-image:linear-gradient(var(--uc-link-color) 0,var(--uc-link-color) .125em),linear-gradient(transparent 0,transparent .125em);background-repeat:no-repeat;background-position-x:right;background-position-y:bottom;background-size:100% .125em,0 .125em;padding:0 0 .2em}.uc-banner .c-rich-text p{font-size:16px;line-height:160%;letter-spacing:.3px;margin:0 0 32px}.uc-banner .c-rich-text p span{word-break:break-all}.uc-banner{position:fixed;z-index:20;bottom:0;left:0;width:100%;padding:28px 20px;color:var(--uc-text-color);background-color:var(--uc-background-color)}.uc-banner[data-hidden=true]{display:none!important}.uc-banner-links{margin-top:36px}.uc-banner-links a{margin-right:24px;margin-top:16px;display:inline-block}@media (min-width:768px){.uc-banner .c-rich-text p{font-size:clamp(14px,38px + -.0234375 * 100vw,20px);margin-bottom:32px}.uc-banner{padding:32px}.uc-banner-links p{font-size:20px}.uc-banner-links a{margin-right:32px}}@media (min-width:1024px){.uc-banner .c-rich-text p{font-size:calc(14 / 1024 * 100vw);margin-bottom:20px}.uc-banner{max-width:430px;padding:20px;bottom:20px;left:20px}.uc-banner-links p{font-size:14px}.uc-banner-links{margin-top:28px}.uc-banner-links a{margin-right:16px}}.uc-banner{background-color:transparent;left:50%;margin-left:-215px;padding:0;z-index:2000}.uc-banner-blur{background:rgba(255,255,255,.2);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);height:100vh;width:100%;position:fixed;z-index:1;top:0;left:0}.uc-banner-brand{max-width:1960px;margin-left:auto;margin-right:auto;height:110px;position:fixed;top:0;right:0;left:0}.uc-banner-brand-container{margin-top:25px;margin-left:30px}.uc-banner-container{z-index:1000;position:relative;background-color:#000;padding:25px}.uc-banner p{font-size:12px!important}@media (max-width:1023px){.uc-banner{left:0;margin:0}}.award{position:absolute;bottom:0;right:20px;z-index:1}.award-item{opacity:.6;float:left}.award .award-item img{max-height:80px}@media (min-width:1200px){.award{width:40%}.award .award-item img{width:100%;max-height:unset!important}}@media (max-width:992px){.award{width:100%;text-align:center;right:0}.award .award-gma{padding-right:10px;padding-left:30px}.award .award-da{padding-right:20px}}
News
Retten, Löschen, Bergen & Schützen Neue Internetseite für die Freiwilligen Feuerwehren Bohnert und Kosel, erstellt von netinsiders.
Ziel dabei war es allgemeine Informationen zu den beiden Wehren bereitzustellen. Also über die Einsätze und die Fahrzeuge zu informieren und somit den Mitbürgern:innen einen besseren Einblick zu geben und mehr Menschen dazu zu bewegen sich in diesem wichtigen Ehrenamt zu beteiligen. Freiwillige Feuerwehr im Einsatz Urheber: Erik Pfeiffer Nachdem die alte Website der Freiwilligen Feuerwehr (FF) Kosel irgendwann zwischen 2013 und 2016 eingestellt bzw. nicht mehr weiterentwickelt wurde und die FF Bohnert noch gar keine Website hatte, wurde der Entschluss gefasst eine gemeinsame Website für die beiden Wehren in der Gemeinde Kosel zu erstellen.
Der Web-Entwickler... ...der neuen Webseite ist selbst seit Mitte/Ende 2021 aktives Mitglied in der FF Bohnert. Somit kennt dieser sich auch mit den Strukturen, Begriffen und Abläufen aus, und konnte hier auch entsprechendes Know-how in die Erstellung der Website einfließen lassen.
Ziel dabei war es allgemeine Informationen zu den beiden Wehren bereitzustellen. Also über die Einsätze und die Fahrzeuge zu informieren und somit den Mitbürgern:innen einen besseren Einblick zu geben.
Lebe Deinen Traum und werde selbst Feuerwehrmann Wir sind dabei stolz unseren Teil, in dieser Form passiv, beitragen zu können, um so hoffentlich mehr Menschen dazu zu bewegen sich in diesem wichtigen Ehrenamt zu beteiligen.
Bei diesem Projekt haben wir, mit viel Freude, einen neuen Weg eingeschlagen und dieses mithilfe von VueJs und TailwindCSS realisiert. Somit erreichen wir eine schnelle Ladezeit und konnten einige nette Akzente setzten.
Für die Zukunft sind auch noch diverse Erweiterungen und zusätzliche Inhalte geplant, diese wollen wir aber nicht im Vorfeld schon verraten, sondern erst dann, wenn es auch soweit ist.
Für die Umsetzung haben wir ca. 4000 Zeilen Vue-Code sowie 3600 Zeilen PHP-Code geschrieben und etliche hunderte Tassen Kaffee zubereitet.
Zu erreichen über https://ffb.sh und https://ffk.sh
Neue Homepage für Deine Freiwillige Feuerwehr? Du bist auch ein Mitglied in einer anderen Freiwilligen Feuerwehr und Eure Homepage benötigt auch einen frischen Anstrich...?
Dann schreibt uns gerne eine E-Mail an office@netinsiders.de und wir werden Euch bei der Online-Präsenz gerne unterstützen.
Rund um uns Arbeiten & ReferenzenAutor :Erik Pfeiffer Chief Technology Officer (CTO)
Senior Developer sowie Datenschutzbeauftragter DSB TÜV
Erik entwickelt vielfältige Anwendungen und Programme durch Planung und Programmierung. Besonderes Augemerkt legt er dabei auf benutzerfreundliche Bedienoberflächen für individuelle Kundenanforderungen. Außerdem teilt er sein umfangreiches Wissen im Bereich Anwendungsentwicklung mit Auszubildenden und ist als Ausbilder nach AEVO zertifiziert.
Erstellt: 13.06.2022
Letzte Aktualisierung: 29.09.2023
Entdecke weitere Informationen
zu Freiwillige Feuerwehr Bohnert & KoselRelated
Mit Liebe und Sorgfalt!
Mit unseren Cookies bieten wir dir auf unserer Webseite ein "süßes" Erlebnis, das alle Zutaten für ein gelungenes Online-Abenteuer enthält. Das umfasst beispielsweise die Bereitstellung passender Angebote und die Speicherung deiner individuellen Einstellungen. Wenn das für dich passt, klicke einfach auf 'Geht klar', um der Verwendung von Cookies für Präferenzen, Statistiken und Marketing zuzustimmen.
Geht klar