Fotos und Foto-Galerien von Mobirise

<!DOCTYPE html> <html lang="de"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1"> <link rel="shortcut icon" href="assets/images/logo-mobirise-250x250-128x128.png" type="image/x-icon"> <meta name="description" content="Mobirise Webbaukasten Fotos und Galerien auch mit Lightbox"> <title>Fotos und Foto-Galerien von Mobirise</title> <link rel="stylesheet" href="assets/web/assets/mobirise-icons/mobirise-icons.css"> <link rel="stylesheet" href="assets/icon54-v2/style.css"> <link rel="stylesheet" href="assets/web/assets/mobirise-icons2/mobirise2.css"> <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css"> <link rel="stylesheet" href="assets/bootstrap/css/bootstrap-grid.min.css"> <link rel="stylesheet" href="assets/bootstrap/css/bootstrap-reboot.min.css"> <link rel="stylesheet" href="assets/parallax/jarallax.css"> <link rel="stylesheet" href="assets/web/assets/gdpr-plugin/gdpr-styles.css"> <link rel="stylesheet" href="assets/popup-overlay-plugin/style.css"> <link rel="stylesheet" href="assets/dropdown/css/style.css"> <link rel="stylesheet" href="assets/socicon/css/styles.css"> <link rel="preload" href="https://www.mobirise-tutorials.com/assets/myfonts/style.css?family=Jost:100,200,300,400,500,600,700,800,900,100i,200i,300i,400i,500i,600i,700i,800i,900i&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript><link rel="stylesheet" href="https://www.mobirise-tutorials.com/assets/myfonts/style.css?family=Jost:100,200,300,400,500,600,700,800,900,100i,200i,300i,400i,500i,600i,700i,800i,900i&display=swap"></noscript> <link rel="preload" as="style" href="assets/mobirise/css/mbr-additional.css?v=PQe2kv"><link rel="stylesheet" href="assets/mobirise/css/mbr-additional.css?v=PQe2kv" type="text/css"> <script src="https://consent.cookiefirst.com/sites/mobirise-tutorials.com-f6a24dff-9a33-4bc8-bd8d-af58db844677/consent.js"></script>  <style> .hamburger-icon { height: .1px !important; background-color: #fff !important } </style>  <style> /* Image */ .goog-te-gadget img { display: none !important; } /* Powered */ .goog-te-gadget { color: #e2e2e2 !important; } /* Link */ .VIpgJd-ZVi9od-l4eHX-hSRGPd { color: #6592e6 !important; } /* Link Hover */ .VIpgJd-ZVi9od-l4eHX-hSRGPd:hover { color: #326ede !important; } </style> <style> /* WCAG Focus */ *:focus-visible { outline: 2px solid red !important; } </style> </head> <body> <section data-bs-version="5.1" class="menu menu2 cid-tnpqY1ZQhj" once="menu" id="menu2-7h"> <nav class="navbar navbar-dropdown navbar-fixed-top navbar-expand-lg"> <div class="container"> <div class="navbar-brand"> <span class="navbar-logo"> <a href="index.html"> <img src="assets/images/logo-mobirise-96x96.png" alt="" title="Mobirise Tutorials" style="height: 4.2rem;"> </a> </span> <span class="navbar-caption-wrap"><a class="navbar-caption text-white text-primary display-7" href="index.html">Mobirise</a></span> </div> <button class="navbar-toggler" type="button" data-toggle="collapse" data-bs-toggle="collapse" data-target="#navbarSupportedContent" data-bs-target="#navbarSupportedContent" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation"> <div class="hamburger"> <span></span> <span></span> <span></span> <span></span> </div> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav nav-dropdown nav-right" data-app-modern-menu="true"><li class="nav-item dropdown"><a class="nav-link link dropdown-toggle text-white display-4" href="#" data-toggle="dropdown-submenu" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-expanded="false">Foto Galerien</a><div class="dropdown-menu" aria-labelledby="dropdown-270"><a class="dropdown-item text-white display-4" href="Fotos.html">Foto Beispiele</a><a class="dropdown-item text-white display-4" href="Lytebox.html">Fotoalbum mit Lytebox</a><a class="dropdown-item text-white display-4" href="Fotouploadalbum.php">Fotoalbum mit Upload</a><a class="dropdown-item text-white display-4" href="https://www.mobirise-tutorials.com/Tutorials/Masonsry-Gallery.html" target="_blank">Lightbox 2</a><a class="dropdown-item text-white display-4" href="https://www.mobirise-tutorials.com/Tutorials-3/Lightbox.html" target="_blank">Lightbox KI generiert</a><a class="dropdown-item text-white display-4" href="Slider.html">Slider</a><a class="dropdown-item text-white display-4" href="https://www.mobirise-tutorials.com/BusinessM4/Visual-Lightbox.html" target="_blank">Visual Lightbox</a><a class="dropdown-item text-white display-4" href="WOW-Slider.html" target="_blank">WOW Slider</a></div></li> <li class="nav-item dropdown"><a class="nav-link link dropdown-toggle text-white display-4" href="#" data-toggle="dropdown-submenu" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-expanded="false">Kontakt</a><div class="dropdown-menu" aria-labelledby="dropdown-333"><a class="dropdown-item text-white display-4" href="https://www.mobirise-tutorials.com/Formular/" target="_blank">Kontakt zu mir</a><a class="dropdown-item text-white display-4" href="https://www.mobirise-tutorials.com/Formular/Generator-Arclab.html" target="_blank">Formular Generatoren</a><a class="dropdown-item text-white display-4" href="Gastbuch.php" target="_blank">G盲stebuch</a><a class="dropdown-item text-white display-4" href="https://www.mobirise-tutorials.com/Event-Kalender-SQLite/" target="_blank">Kalender</a><a class="dropdown-item text-white display-4" href="Google-Maps.php" target="_blank">Karte Google Maps und andere</a><a class="dropdown-item text-white display-4" href="https://www.mobirise-tutorials.com/Tutorials-2/Kommentar-Box.php" target="_blank">Kommentare hinterlassen</a><a class="dropdown-item text-white display-4" href="Kontakt-Formular.php" target="_blank">Mobirise Formular mit eigenem Mailskript</a><a class="dropdown-item text-white display-4" href="https://www.mobirise-tutorials.com/Spenden/" target="_blank">Spenden als Beitrag zu diesem Projekt</a></div></li><li class="nav-item dropdown"><a class="nav-link link dropdown-toggle text-white display-4" href="#" data-toggle="dropdown-submenu" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-expanded="false">Verweise</a><div class="dropdown-menu" aria-labelledby="dropdown-357"><a class="dropdown-item text-white display-4" href="https://www.mobirise-tutorials.com/Download-Archiv/" target="_blank">Download Archiv</a><a class="dropdown-item text-white display-4" href="Linkliste.html" target="_blank">Linkliste</a><a class="dropdown-item text-white display-4" href="https://secure.2co.com/myaccount/" target="_blank">Mobirise 2Checkout Konto</a><a class="dropdown-item text-white display-4" href="https://www.mobirise-tutorials.com/Testseiten/AI-Generated-5/" target="_blank">Mobirise AI</a><a class="dropdown-item text-white display-4" href="https://www.mobirise-tutorials.com/Mobirise-Links/Documents-Mobirise.php" target="_blank">Mobirise Dokumentation</a><a class="dropdown-item text-white display-4" href="https://www.mobirise-tutorials.com/Mobirise-Links/HelpCenter-Mobirise.php" target="_blank">Mobirise Help Center</a><a class="dropdown-item text-white display-4" href="https://www.mobirise-tutorials.com/Mobirise-Links/Gesamtpaket-Mobirise-Erweiterungen.php" target="_blank">Mobirise Komplett Paket</a><a class="dropdown-item text-white display-4" href="https://www.mobirise-tutorials.com/Mobirise-Links/Gesamtpaket-Mobirise.php" target="_blank">Mobirise Komplett Paket mit AI</a><a class="dropdown-item text-white display-4" href="https://tommys-web-online.mobirisesite.com/" target="_blank">Mobirise Online Builder mit AI</a><a class="dropdown-item text-white display-4" href="https://www.mobirise-tutorials.com/Mobirise-Links/History-Mobirise.php" target="_blank">Mobirise neueste Version</a><a class="dropdown-item text-white display-4" href="https://www.mobirise-tutorials.com/Download-Archiv/" target="_blank">Werner-Zenk.de - Archivseite</a></div></li><li class="nav-item dropdown"><a class="nav-link link dropdown-toggle text-white display-4" href="#" data-toggle="dropdown-submenu" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-expanded="false">Tutorials</a><div class="dropdown-menu" aria-labelledby="dropdown-599"><a class="dropdown-item text-white display-4" href="https://www.mobirise-tutorials.com/Tutorial-Links/" target="_blank">Alle Tutorials im 脺berblick</a><a class="dropdown-item text-white display-4" href="MP3-Music.html" target="_blank">Audio Player</a><a class="dropdown-item text-white display-4" href="Code-Editor.html" target="_blank">Code Editor</a><a class="dropdown-item text-white display-4" href="https://www.mobirise-tutorials.com/Formular-Generator/" target="_blank">Formular Generator</a><a class="dropdown-item show text-white display-4" href="https://www.mobirise-tutorials.com/Local-Fonts/" target="_blank">Google Fonts entfernen</a><a class="dropdown-item show text-white display-4" href="https://www.mobirise-tutorials.com/News/direkteinbau/" target="_blank">Nachrichten Skript CMS</a><a class="dropdown-item show text-white display-4" href="https://www.mobirise-tutorials.com/PHP/" target="_blank">PHP Version meiner Domain</a><a class="dropdown-item show text-white display-4" href="Publizieren.html" target="_blank">Publizieren mit Mobirise</a><a class="dropdown-item show text-white display-4" href="Projekt-Sicherheit.html" target="_blank">Sicherheit und Settings</a><a class="dropdown-item show text-white display-4" href="https://www.mobirise-tutorials.com/BusinessM4/video.html" target="_blank">Video Player</a></div></li><li class="nav-item dropdown"><a class="nav-link link dropdown-toggle text-white display-4" href="https://www.mobirise-tutorials.com/Forum/" target="_blank" data-toggle="dropdown-submenu" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-expanded="false">Weiteres</a><div class="dropdown-menu" aria-labelledby="dropdown-614"><a class="dropdown-item text-white text-primary display-4" href="https://amp.dev/de/" target="_blank">AMP was ist das</a><a class="dropdown-item text-white display-4" href="Eigene-Anker.html" target="_blank">Anker setzen</a><a class="dropdown-item text-white display-4" href="https://mobirise-tutorials.com/News-PHPJabbers/blog.html" target="_blank">Blogging Software CMS</a><a class="dropdown-item text-white display-4" href="https://getbootstrap.com/" target="_blank">Bootstrap was ist das</a><a class="dropdown-item text-white display-4" href="https://www.mobirise-tutorials.com/CMS-Dynpage/" target="_blank">CMS in Mobirise</a><a class="dropdown-item text-white display-4" href="javascript: void();" onclick="cookiefirst_show_settings();">Cookie Einstellungen 盲ndern</a><a class="dropdown-item text-white display-4" href="https://www.mobirise-tutorials.com/Datenschutz/" target="_blank">Datenschutz</a><a class="dropdown-item text-white display-4" href="https://www.mobirise-tutorials.com/LawyerM4-Tutorials/Fullscreen-Background.html" target="_blank">Fullscreen Hintergrund</a><a class="dropdown-item text-white display-4" href="Mitglieder.php" target="_blank">Mitglieder Bereich</a><a class="dropdown-item text-white display-4" href="https://www.mobirise-tutorials.com/Tutorial-Links/Mobirise-Themen.html" target="_blank">Mobirise Themen Beispiele</a><a class="dropdown-item text-white display-4" href="https://www.mobirise-tutorials.com/Tutorials/Spotify.html" target="_blank">Music Player Mobirise</a></div></li><li class="nav-item"><a class="nav-link link text-white display-4" href="https://www.mobirise-tutorials.com/Forum/" target="_blank"><span class="icon54-v2-speach-bubbles-1 mbr-iconfont mbr-iconfont-btn"></span>Forum</a></li> <li class="nav-item"><a class="nav-link link text-white display-4" href="Suchen.php"><span class="mbri-search mbr-iconfont mbr-iconfont-btn"></span>Suchen</a> </li></ul> </div> </div> </nav> </section> <section data-bs-version="5.1" class="header6 cid-tkASAG2CCr mbr-fullscreen" id="header6-4i"> <div class="mbr-overlay" style="opacity: 0.5; background-color: rgb(0, 0, 0);"></div> <div class="align-center container"> <div class="row justify-content-center"> <div class="col-12 col-lg-10"> <h1 class="mbr-section-title mbr-fonts-style mbr-white mb-3 display-2"><strong><br></strong><br><strong>Fotos und Galerien</strong><br><strong><br></strong></h1> <p class="mbr-text mbr-white mbr-fonts-style display-7"> Einige Beispiele von Foto Bl枚cken aus dem Standard Themen von Mobirise<br><br></p> <div class="mbr-section-btn mt-3"><a class="btn btn-danger display-4" href="Fotos.html#Beispiele">Zu den Beispielen</a></div> </div> </div> </div> </section> <section data-bs-version="5.1" class="content5 cid-tkATlieCyR" id="Beispiele"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-12 col-lg-10"> <h4 class="mbr-section-subtitle mbr-fonts-style mb-4 display-5"> Foto Beispiele</h4> <p class="mbr-text mbr-fonts-style display-7">Mobirise hat Hunderte von Foto-Bl枚cken, sodass es kaum m枚glich ist diese zu beschreiben. Ihr werdet in meinen vielen Tutorials jede Menge unterschiedlicher Bl枚cke sehen und m眉sst diese selbst in Mobirise kennenlernen.<br><br>Man muss also die unterschiedlichen Themen-Bl枚cke nach den passenden Fotobl枚cken und Galerien durchsuchen. <br><br>Man sollte genau pr眉fen, wenn man Bl枚cke aus dem 盲lteren Thema "Mobirise4" in "Mobirise5" Themen verwenden will. Nicht alle dieser Bl枚cke sind untereinander kompatibel.<br><br>Guckt euch einfach einige hier an.<br><br><a href="Fotos.html#image1-4k" class="text-primary">Weiter</a></p> </div> </div> </div> </section> <section data-bs-version="5.1" class="image1 cid-tkATx8t7m6" id="image1-4k"> <div class="container"> <div class="row align-items-center"> <div class="col-12 col-lg-6"> <div class="image-wrapper"> <img src="assets/images/fotos-und-slider-1228x824.jpg" alt="Fotos und Slider"> <p class="mbr-description mbr-fonts-style pt-2 align-center display-4"> Block-Auswahl</p> </div> </div> <div class="col-12 col-lg"> <div class="text-wrapper"> <h3 class="mbr-section-title mbr-fonts-style mb-3 display-5"><strong>Fotos und Galerien</strong></h3> <p class="mbr-text mbr-fonts-style display-7"> In der Blockansicht von Mobirise findet ihr Unmengen an Fotobl枚cken, sowie Galerien und Slider. <br><br>Mit und ohne Video oder auch als Hintergrund-Fotos und Videos.<br><br><a href="Fotos.html#people3-7f" class="text-primary">Weiter</a></p> </div> </div> </div> </div> </section> <section data-bs-version="5.1" class="people3 cid-tlZOEOdv4j" id="people3-7f"> <div class="container-fluid"> <div class="row custom-row"> <div class="item 褋ol-12 col-xl-4"> <div class="mbr-section-head"> <h4 class="mbr-section-title mbr-fonts-style display-2"> <p class="mbr-white title-text"><strong>Unser</strong>Team</p> </h4> <p class="mbr-text mbr-fonts-style mb-3 display-7">Man kann Fotos unter Hunderten von vorgefertigten Mobirise-Bl枚cken aus ganz unterschiedlichen Themen w盲hlen und diese auch mit eigenen Fotos ersetzen. <br><br>Nat眉rlich kann man, mit etwas Erfahrung in HTML, auch an jeder Stelle eines Blocks seinen eigenen <a href="https://www.w3schools.com/tags/tag_img.asp" class="text-primary" target="_blank"><img></a> Code integrieren und mit etwas CSS versehen. <br><br>Hier einige <a href="https://www.mobirise-tutorials.com/LawyerM4-Tutorials/float.html" class="text-primary" target="_blank">Beispiele</a> mit eigenen Bildern.<br><br><br><a href="Fotos.html#image1-4m" class="text-primary">Weiter</a><br> <br></p> </div> </div> <div class="item features-image 褋ol-12 col-md-6 col-xl-4"> <div class="item-wrap"> <div class="item-img"> <img src="assets/images/team2.jpg"> </div> <div class="item-content card-2"> <h5 class="item-title mbr-fonts-style mb-3 display-5"> <strong>Nelson</strong><br> Gwen </h5> <p class="mbr-text mbr-fonts-style m-0 display-4"> Designer </p> </div> </div> </div> <div class="item features-image 褋ol-12 col-md-6 col-xl-4"> <div class="item-wrap"> <div class="item-img"> <img src="assets/images/mbr-992x619.jpg" alt=""> </div> <div class="item-content card-3"> <h5 class="item-title mbr-fonts-style mb-3 display-5"> <strong>Brown</strong><br> Linda </h5> <p class="mbr-text mbr-fonts-style m-0 display-4">Photographer </p> </div> </div> </div> </div> </div> </section> <section data-bs-version="5.1" class="image1 cid-tkATMNX1gy" id="image1-4m"> <div class="mbr-overlay" style="opacity: 0.2; background-color: rgb(0, 0, 0);"> </div> <div> <div class="container"> <div class="row"> <div class="col-12 col-sm-6"> <div class="card-img b"> <img src="assets/images/1.jpg" alt=""> </div> <div class="row"> <div class="col-12 col-sm-6"> <div class="card-img t"> <img src="assets/images/6.jpg" alt=""> </div> </div> <div class="col-12 col-sm-6"> <div class="card-img t"> <img src="assets/images/7.jpg" alt=""> </div> </div> </div> </div> <div class="col-12 col-sm-6"> <div class="row b"> <div class="col-12 col-sm-6"> <div class="card-img t"> <img src="assets/images/4.jpg" alt=""> </div> </div> <div class="col-12 col-sm-6"> <div class="card-img"> <img src="assets/images/5.jpg" alt=""> </div> </div> </div> <div class="card-img"> <img src="assets/images/2.jpg" alt=""> </div> </div> </div> </div> </div> </section> <section data-bs-version="5.1" class="gallery2 cid-tkB0oAR1iC" id="gallery2-4p"> <div class="container-fluid"> <div class="row custom-row"> <div class="items-container"> <div class="title-text-container text-info col-12"> <div class="mbr-section-title_container"> <h3 class="mbr-section-title mbr-fonts-style mb-0 text-info display-2"> <p class="mbr-section-title mb-0">GridM5<br><strong>Block</strong></p> </h3> </div> </div> <div class="item_left col-12 col-lg-6"> <div class="item features-image 褋ol-12"> <div class="item-wrap"> <div class="item-img"> <img src="assets/images/features1.jpg"> </div> <div class="item-content"> <h5 class="item-title mbr-fonts-style display-5"> Hato Salon </h5> <p class="item-subtitle mbr-fonts-style mb-0 mt-3 display-4"> PREMIUM FURNITURE BOTIQUE </p> <div class="item__buttons-container mt-3"> <div class="mbr-section-btn item__button"><a class="btn btn-info-outline display-4" href="Fotos.html#slider6-4n">weiter</a></div> <div class="mbr-section-btn item__button"><a class="btn btn-info-outline display-4" href="Fotos.html#top">nach oben</a></div> </div> </div> </div> </div> </div> <div class="item_right col-12 col-lg-6"> <div class="item features-image 褋ol-12"> <div class="item-wrap"> <div class="item-img"> <img src="assets/images/features2.jpg"> </div> <div class="item-content"> <h5 class="item-title mbr-fonts-style display-5"> Cosyhome </h5> <p class="item-subtitle mbr-fonts-style mb-0 mt-3 display-4"> HOME ACCESSORIES STORE </p> <div class="item__buttons-container mt-3"> <div class="mbr-section-btn item__button"><a class="btn btn-info-outline display-4" href="Fotos.html#slider6-4n">weiter</a></div> <div class="mbr-section-btn item__button"><a class="btn btn-info-outline display-4" href="Fotos.html#top">nach oben</a></div> </div> </div> </div> </div> </div> </div> </div> </div> </section> <section data-bs-version="5.1" class="slider6 mbr-embla cid-tkAUcSLWz0" id="slider6-4n"> <div class="position-relative"> <div class="mbr-section-head"> <h4 class="mbr-section-title mbr-fonts-style align-center mb-0 display-5"><strong>Slider</strong></h4> <h5 class="mbr-section-subtitle mbr-fonts-style align-center mb-0 mt-2 display-7">Hier ein Slider - Klicke auf die Pfeile</h5> </div> <div class="embla mt-4" data-skip-snaps="true" data-align="center" data-contain-scroll="trimSnaps" data-auto-play-interval="5" data-draggable="true"> <div class="embla__viewport container-fluid"> <div class="embla__container"> <div class="embla__slide slider-image item active" style="margin-left: 2rem; margin-right: 2rem;"> <div class="slide-content"> <div class="item-wrapper"> <div class="item-img"> <img src="assets/images/mbr-600x402.jpg" alt="" title="" data-slide-to="1" data-bs-slide-to="1"> </div> </div> <div class="item-content"> <h5 class="item-title mbr-fonts-style display-4"><em>Jan 08, 2025</em></h5> <h6 class="item-subtitle mbr-fonts-style mt-1 display-7"><strong>Boost Your Ranking</strong></h6> <p class="mbr-text mbr-fonts-style mt-3 display-7">Mobirise Page Maker is a free and simple website builder - just drop site blocks to your page, add content and style it!</p> </div> <div class="mbr-section-btn item-footer mt-2"><a href="Fotos.html#gallery6-4s" class="btn item-btn btn-primary-outline display-7" target="_blank">weiter ></a></div> </div> </div> <div class="embla__slide slider-image item" style="margin-left: 2rem; margin-right: 2rem;"> <div class="slide-content"> <div class="item-wrapper"> <div class="item-img"> <img src="assets/images/mbr-1-600x400.jpg" alt="" title="" data-slide-to="2" data-bs-slide-to="2"> </div> </div> <div class="item-content"> <h5 class="item-title mbr-fonts-style display-4"><em>Jan 08, 2025</em></h5> <h6 class="item-subtitle mbr-fonts-style mt-1 display-7"><strong>Boost Your Ranking</strong></h6> <p class="mbr-text mbr-fonts-style mt-3 display-7">Mobirise Page Maker is a free and simple website builder - just drop site blocks to your page, add content and style it!</p> </div> <div class="mbr-section-btn item-footer mt-2"><a href="Fotos.html#gallery6-4s" class="btn item-btn btn-primary-outline display-7" target="_blank">weiter ></a></div> </div> </div><div class="embla__slide slider-image item" style="margin-left: 2rem; margin-right: 2rem;"> <div class="slide-content"> <div class="item-wrapper"> <div class="item-img"> <img src="assets/images/mbr-600x400.jpg" alt="" title="" data-slide-to="3" data-bs-slide-to="3"> </div> </div> <div class="item-content"> <h5 class="item-title mbr-fonts-style display-4"><em>Jan 10, 2025</em></h5> <h6 class="item-subtitle mbr-fonts-style mt-1 display-7"><strong>Easy and Simple</strong></h6> <p class="mbr-text mbr-fonts-style mt-3 display-7">Mobirise Page Maker is a free and simple website builder - just drop site blocks to your page, add content and style it!</p> </div> <div class="mbr-section-btn item-footer mt-2"><a href="Fotos.html#gallery6-4s" class="btn item-btn btn-primary-outline display-7" target="_blank">weiter ></a></div> </div> </div><div class="embla__slide slider-image item" style="margin-left: 2rem; margin-right: 2rem;"> <div class="slide-content"> <div class="item-wrapper"> <div class="item-img"> <img src="assets/images/mbr-600x342.jpg" alt="" title="" data-slide-to="1" data-bs-slide-to="1"> </div> </div> <div class="item-content"> <h5 class="item-title mbr-fonts-style display-4"><em>Jan 09, 2025</em></h5> <h6 class="item-subtitle mbr-fonts-style mt-1 display-7"><strong>Automagically Mobile</strong> </h6> <p class="mbr-text mbr-fonts-style mt-3 display-7">Mobirise Site Creator offers a huge collection of 3500+ site blocks, templates and themes with thousands flexible options. <br> </p> </div> <div class="mbr-section-btn item-footer mt-2"><a href="Fotos.html#gallery6-4s" class="btn item-btn btn-primary-outline display-7" target="_blank">weiter ></a></div> </div> </div><div class="embla__slide slider-image item" style="margin-left: 2rem; margin-right: 2rem;"> <div class="slide-content"> <div class="item-wrapper"> <div class="item-img"> <img src="assets/images/mbr-600x450.jpg" alt="" title="" data-slide-to="4" data-bs-slide-to="5"> </div> </div> <div class="item-content"> <h5 class="item-title mbr-fonts-style display-4"><em>Jan 09, 2025</em></h5> <h6 class="item-subtitle mbr-fonts-style mt-1 display-7"><strong>Automagically Mobile</strong> </h6> <p class="mbr-text mbr-fonts-style mt-3 display-7">Mobirise Site Creator offers a huge collection of 3500+ site blocks, templates and themes with thousands flexible options. <br> </p> </div> <div class="mbr-section-btn item-footer mt-2"><a href="Fotos.html#gallery6-4s" class="btn item-btn btn-primary-outline display-7" target="_blank">weiter ></a></div> </div> </div> </div> </div> <button class="embla__button embla__button--prev"> <span class="mobi-mbri mobi-mbri-arrow-prev mbr-iconfont" aria-hidden="true"></span> <span class="sr-only visually-hidden visually-hidden">Previous</span> </button> <button class="embla__button embla__button--next"> <span class="mobi-mbri mobi-mbri-arrow-next mbr-iconfont" aria-hidden="true"></span> <span class="sr-only visually-hidden visually-hidden">Next</span> </button> </div> </div> </section> <section data-bs-version="5.1" class="gallery6 mbr-gallery cid-tkBaUIPmIB" id="gallery6-4s"> <div class="mbr-overlay" style="opacity: 0.5; background-color: rgb(0, 0, 0);"> </div> <div class="container-fluid"> <div class="mbr-section-head"> <h3 class="mbr-section-title mbr-fonts-style align-center m-0 display-5"><strong>Galerie mit Popup Slider</strong><strong><br></strong></h3> <h4 class="mbr-section-subtitle mbr-fonts-style align-center mb-0 mt-2 display-7">als Lightbox<br><br></h4> </div> <div class="row mbr-gallery mt-4"> <div class="col-12 col-md-6 col-lg-3 item gallery-image"> <div class="item-wrapper" data-toggle="modal" data-bs-toggle="modal" data-target="#uDBSzDYWcb-modal" data-bs-target="#uDBSzDYWcb-modal"> <img class="w-100" src="assets/images/mbr-696x391.jpg" alt="" data-slide-to="0" data-bs-slide-to="0" data-target="#lb-uDBSzDYWcb" data-bs-target="#lb-uDBSzDYWcb"> <div class="icon-wrapper"> <span class="mobi-mbri mobi-mbri-search mbr-iconfont mbr-iconfont-btn"></span> </div> </div> </div> <div class="col-12 col-md-6 col-lg-3 item gallery-image"> <div class="item-wrapper" data-toggle="modal" data-bs-toggle="modal" data-target="#uDBSzDYWcb-modal" data-bs-target="#uDBSzDYWcb-modal"> <img class="w-100" src="assets/images/mbr-696x464.jpg" alt="" data-slide-to="1" data-bs-slide-to="1" data-target="#lb-uDBSzDYWcb" data-bs-target="#lb-uDBSzDYWcb"> <div class="icon-wrapper"> <span class="mobi-mbri mobi-mbri-search mbr-iconfont mbr-iconfont-btn"></span> </div> </div> </div> <div class="col-12 col-md-6 col-lg-3 item gallery-image"> <div class="item-wrapper" data-toggle="modal" data-bs-toggle="modal" data-target="#uDBSzDYWcb-modal" data-bs-target="#uDBSzDYWcb-modal"> <img class="w-100" src="assets/images/mbr-696x392.jpg" alt="" data-slide-to="2" data-bs-slide-to="2" data-target="#lb-uDBSzDYWcb" data-bs-target="#lb-uDBSzDYWcb"> <div class="icon-wrapper"> <span class="mobi-mbri mobi-mbri-search mbr-iconfont mbr-iconfont-btn"></span> </div> </div> </div> <div class="col-12 col-md-6 col-lg-3 item gallery-image"> <div class="item-wrapper" data-toggle="modal" data-bs-toggle="modal" data-target="#uDBSzDYWcb-modal" data-bs-target="#uDBSzDYWcb-modal"> <img class="w-100" src="assets/images/mbr-696x465.jpg" alt="" data-slide-to="3" data-bs-slide-to="3" data-target="#lb-uDBSzDYWcb" data-bs-target="#lb-uDBSzDYWcb"> <div class="icon-wrapper"> <span class="mobi-mbri mobi-mbri-search mbr-iconfont mbr-iconfont-btn"></span> </div> </div> </div> </div> <div class="modal mbr-slider" tabindex="-1" role="dialog" aria-hidden="true" id="uDBSzDYWcb-modal"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-body"> <div class="carousel slide" id="lb-uDBSzDYWcb" data-interval="5000" data-bs-interval="5000"> <div class="carousel-inner"> <div class="carousel-item active"> <img class="d-block w-100" src="assets/images/mbr-696x391.jpg" alt=""> </div> <div class="carousel-item"> <img class="d-block w-100" src="assets/images/mbr-696x464.jpg" alt=""> </div> <div class="carousel-item"> <img class="d-block w-100" src="assets/images/mbr-696x392.jpg" alt=""> </div> <div class="carousel-item"> <img class="d-block w-100" src="assets/images/mbr-696x465.jpg" alt=""> </div> </div> <ol class="carousel-indicators"> <li data-slide-to="0" data-bs-slide-to="0" class="active" data-target="#lb-uDBSzDYWcb" data-bs-target="#lb-uDBSzDYWcb"></li> <li data-slide-to="1" data-bs-slide-to="1" data-target="#lb-uDBSzDYWcb" data-bs-target="#lb-uDBSzDYWcb"></li> <li data-slide-to="2" data-bs-slide-to="2" data-target="#lb-uDBSzDYWcb" data-bs-target="#lb-uDBSzDYWcb"></li> <li data-slide-to="3" data-bs-slide-to="3" data-target="#lb-uDBSzDYWcb" data-bs-target="#lb-uDBSzDYWcb"></li> </ol> <a role="button" href="" class="close" data-dismiss="modal" data-bs-dismiss="modal" aria-label="Close"> </a> <a class="carousel-control-prev carousel-control" role="button" data-slide="prev" data-bs-slide="prev" href="#lb-uDBSzDYWcb"> <span class="mobi-mbri mobi-mbri-arrow-prev" aria-hidden="true"></span> <span class="sr-only visually-hidden">Previous</span> </a> <a class="carousel-control-next carousel-control" role="button" data-slide="next" data-bs-slide="next" href="#lb-uDBSzDYWcb"> <span class="mobi-mbri mobi-mbri-arrow-next" aria-hidden="true"></span> <span class="sr-only visually-hidden">Next</span> </a> </div> </div> </div> </div> </div> </div> </section> <section data-bs-version="5.1" class="slider2 cid-tkAUpwCGSe" id="slider2-4o"> <div class="container-fluid"> <div class="row justify-content-center"> <div class="col-12 col-md-10 col-lg-12"> <div class="carousel slide" id="uDBSzEdi1N" data-ride="carousel" data-bs-ride="carousel" data-interval="4000" data-bs-interval="4000"> <ol class="carousel-indicators"> <li data-slide-to="0" data-bs-slide-to="0" class="active" data-target="#uDBSzEdi1N" data-bs-target="#uDBSzEdi1N"></li> <li data-slide-to="1" data-bs-slide-to="1" data-target="#uDBSzEdi1N" data-bs-target="#uDBSzEdi1N"></li> <li data-slide-to="2" data-bs-slide-to="2" data-target="#uDBSzEdi1N" data-bs-target="#uDBSzEdi1N"></li> </ol> <div class="carousel-inner"> <div class="carousel-item slider-image item active"> <div class="item-wrapper"> <img class="d-block w-100" src="assets/images/mbr-1900x1262.jpg" alt=""> <div class="carousel-caption d-none d-md-block"> <h5 class="mbr-section-subtitle mbr-fonts-style display-5"><strong>Slider</strong> </h5> <p class="mbr-section-text mbr-fonts-style display-7"> Klicke auf die Pfeile zur Navigation<br>oder lasse den Slider automatisch abspielen<br></p> </div> </div> </div> <div class="carousel-item slider-image item"> <div class="item-wrapper"> <img class="d-block w-100" src="assets/images/mbr-1900x1268.jpg" alt=""> <div class="carousel-caption d-none d-md-block"> <h5 class="mbr-section-subtitle mbr-fonts-style display-5"><strong>Slider</strong> </h5> <p class="mbr-section-text mbr-fonts-style display-7"> Autoplay<br></p> </div> </div> </div> <div class="carousel-item slider-image item"> <div class="item-wrapper"> <img class="d-block w-100" src="assets/images/mbr-1900x1084.jpg" alt=""> <div class="carousel-caption d-none d-md-block"> <h5 class="mbr-section-subtitle mbr-fonts-style display-5"><strong>Slider</strong> </h5> <p class="mbr-section-text mbr-fonts-style display-7"> Klicke auf die Pfeile zur Navigation<br>oder lasse den Slider automatisch abspielen</p> </div> </div> </div> </div> <a class="carousel-control carousel-control-prev" role="button" data-slide="prev" data-bs-slide="prev" href="#uDBSzEdi1N"> <span class="mobi-mbri mobi-mbri-arrow-prev" aria-hidden="true"></span> <span class="sr-only visually-hidden">Previous</span> </a> <a class="carousel-control carousel-control-next" role="button" data-slide="next" data-bs-slide="next" href="#uDBSzEdi1N"> <span class="mobi-mbri mobi-mbri-arrow-next" aria-hidden="true"></span> <span class="sr-only visually-hidden">Next</span> </a> </div> </div> </div> </div> </section> <section data-bs-version="5.1" class="footer7 cid-tkfgC7kNaS" once="footers" id="footer7-4h"> <div class="container"> <div class="media-container-row align-center mbr-white"> <div class="col-12"> <p class="mbr-text mb-0 mbr-fonts-style display-7"><a href="https://www.mobirise-tutorials.com/Datenschutz/" class="text-white" target="_blank">Impressum</a> | <a href="https://www.mobirise-tutorials.com/Datenschutz/" class="text-white" target="_blank">Datenschutz</a> | <a href="https://www.mobirise-tutorials.com/Spenden/" class="text-white" target="_blank">Spenden</a><br><br>Copyright 漏 Mobirise-Tutorials.com Thomas Frei-Herrmann <br>Private Homepage</p> </div> </div> </div> </section> <script src="assets/bootstrap/js/bootstrap.bundle.min.js"></script> <script src="assets/parallax/jarallax.js"></script> <script src="assets/smoothscroll/smooth-scroll.js"></script> <script src="assets/ytplayer/index.js"></script> <script src="assets/dropdown/js/navbar-dropdown.js"></script> <script src="assets/embla/embla.min.js"></script> <script src="assets/embla/script.js"></script> <script src="assets/theme/js/script.js"></script> <div id="scrollToTop" class="scrollToTop mbr-arrow-up"><a style="text-align: center;"><i class="mbr-arrow-up-icon mbr-arrow-up-icon-cm cm-icon cm-icon-smallarrow-up"></i></a></div> </body> </html>

CINXE.COM

Fotos und Foto-Galerien von Mobirise