<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="robots" content="all,follow"> <meta name="googlebot" content="index,follow,snippet,archive"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Open|Source|Solutions</title> <meta name="keywords" content=""> <link rel="stylesheet" href="https://www.open-source-solutions.de/wp-content/themes/eigene/css/fonts/regular/stylesheet.css" type="text/css" charset="utf-8" /> <link rel="stylesheet" href="https://www.open-source-solutions.de/wp-content/themes/eigene/css/fonts/semi/stylesheet.css" type="text/css" charset="utf-8" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <!-- Css animations --> <link href="https://www.open-source-solutions.de/wp-content/themes/eigene/css/bootstrap.min.css" rel="stylesheet"> <link href="https://www.open-source-solutions.de/wp-content/themes/eigene/css/animate.css" rel="stylesheet"> <!-- Theme stylesheet, if possible do not edit this stylesheet --> <link href="https://www.open-source-solutions.de/wp-content/themes/eigene/css/style.default.css" rel="stylesheet" id="theme-stylesheet"> <link href="https://www.open-source-solutions.de/wp-content/themes/eigene/font-awesome/css/font-awesome.css" rel="stylesheet"> <!-- Custom stylesheet - for your changes --> <link href="https://www.open-source-solutions.de/wp-content/themes/eigene/style.css" rel="stylesheet"> <!-- Responsivity for older IE --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]--> <!-- Favicon and apple touch icons--> <!-- owl carousel css --> <link href="https://www.open-source-solutions.de/wp-content/themes/eigene/css/owl.carousel.css" rel="stylesheet"> <link href="https://www.open-source-solutions.de/wp-content/themes/eigene/css/owl.theme.css" rel="stylesheet"> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-132401633-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-132401633-1'); </script> </head> <body data-rsssl=1> <div id="all"> <header> <!-- *** TOP *** _________________________________________________________ --> <div id="top"> <div class="container-fluid"> <div class="row"> <div class="col-xs-5 hidden-xs hidden-sm"> </div> <div class="col-md-7 col-sm-12 col-xs-12"> <div class="login"> <p><a href="mailto:[email protected]"><i style="color:#FA7D19;" class="fa fa-envelope"></i> [email protected]</a> | <i style="color:#FA7D19;" class="fa fa-phone"></i> 0176 - 559 656 13</p> </div> </div> </div> </div> </div> <!-- *** TOP END *** --> <!-- *** NAVBAR *** _________________________________________________________ --> <div class="navbar-affixed-top" data-spy="affix" data-offset-top="200"> <div class="navbar navbar-default yamm" role="navigation" id="navbar"> <div class="container-fluid"> <div class="navbar-header"> <a style="color:#fff;" href="https://www.open-source-solutions.de" class="navbar-brand"> Open | Source | Solutions</a> <div class="navbar-buttons"> <button type="button" class="navbar-toggle btn-template-main" data-toggle="collapse" data-target="#navigation"> <span class="sr-only">Toggle navigation</span> <i class="fa fa-align-justify"></i> </button> </div> </div> <!--/.navbar-header --> <div class="navbar-collapse collapse" id="navigation"> <ul class="nav navbar-nav navbar-right"> <li><a href="https://www.open-source-solutions.de"><i style="color:#FA7D19" class="fa fa-home"></i></a></li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> Software-Entwicklung <span class="caret"></span></a> <ul class="dropdown-menu"> <li><a href="https://www.open-source-solutions.de/websites-online-shop">Websites <br>& Online-Shop</a></li> <li><a href="https://www.open-source-solutions.de/software-entwicklung">Individual-Software</a></li> <li><a href="https://www.open-source-solutions.de/apps-tools">Apps & Tools</a></li> </ul> </li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> Marketing / Online <span class="caret"></span></a> <ul class="dropdown-menu"> <li><a href="https://www.open-source-solutions.de/online-marketing">Online-Marketing</a></li> <li><a href="https://www.open-source-solutions.de/online-marketing/seo/">SEO</a></li> <li><a href="https://www.open-source-solutions.de/online-marketing/google-ads/">GoogleAds</a></li> <li><a href="https://www.open-source-solutions.de/online-marketing/google-analytics/">GoogleAnalytics</a></li> </ul> </li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> Media & SocialMedia<span class="caret"></span></a> <ul class="dropdown-menu"> <li><a href="https://www.open-source-solutions.de/online-marketing/facebook-marketing/">Facebook-Marketing</a></li> <li><a href="https://www.open-source-solutions.de/online-marketing/animations-video/">Animations & Video</a></li> </ul> </li> <li><a href="https://www.open-source-solutions.de/kontakt">Kontakt</a></li> </ul> </div> <!--/.nav-collapse --> </div> </div> <!-- /#navbar --> </div> <!-- *** NAVBAR END *** --> </header> <div class="container-fluid" style="width:100%;" id="banner"> <div class="col-md-12"> <div id="bannerCloser" onclick="document.cookie = 'hidebanner=1;path=/';jQuery('#banner').slideUp()" class="pull-right"><!-- ✖ --> zähneknirschend akzeptieren</div> <p>Um unsere Webseite für Sie optimal zu gestalten und fortlaufend verbessern zu können, verwenden wir Cookies.<br> Durch die weitere Nutzung der Webseite stimmen Sie der Verwendung von Cookies zu.</p> </div> </div> </div> <script> if(document.cookie.indexOf('hidebanner=1') != -1){ jQuery('#banner').hide(); } else{ jQuery('#banner').prependTo('body'); jQuery('#bannerCloser').show(); } </script> <style> .main__bg { background-image: linear-gradient(-60deg, #34393F 50%, #FA7D19 50%); /*(-60deg, #404258 50%, #6B728E 50%)*/ animation: slide 3s ease-in-out infinite alternate; position: absolute; height:400px; top: 0; bottom: 0; left: -50%; right: -50%; opacity: 0.5; z-index: -1; } .layer1 { animation-direction: alternate-reverse; animation-duration: 4s; } .layer2 { animation-duration: 5s; } @keyframes slide { 0% { transform: translateX(-25%); } 100% { transform: translateX(25%); } } </style> <div class="container-fluid" style="height:400px;overflow:hidden;"> <div class="row"> <div class="col-md-12"> <h2 style="color:#fff;"> Animate gradient background smoothly using CSS </h2> <div class="main__bg"></div> <div class="main__bg layer1"></div> <div class="main__bg layer2"></div> </div> </div> </div> <!-- Leistungsbox-Bereich für alle Leistungen --> <section class="leistungsbox"> <div class="container-fluid"> <div class="row"> <div class="col-md-12" style="margin-bottom:60px;"> <div class="heading text-center"> <h2>Unsere Leistungen</h2> </div> </div> <!-- ================================================ --> <div class="col-md-4 col-sm-6 col-xs-12 desktop" style="margin-bottom:30px;"> <div class="lbox view-first"> <script src="https://unpkg.com/@dotlottie/player-component@latest/dist/dotlottie-player.mjs" type="module"></script> <center> <dotlottie-player src="https://lottie.host/e55ad8bc-1170-49f5-b612-49ce2c6cbc85/3weCV5ciaK.json" background="transparent" speed="1" style="width: 300px; height: 300px;" loop autoplay></dotlottie-player> </center> <div class="lboxtitel">Websites & Online-Shop</div> <div class="mask"> <h2>Websites & Online-Shop</h2> <div class="lboxtext"> <p>Ob Webseite oder Online-Shop:<br> Ihr Web-Projekt liegt bei uns in den besten Händen.</p> </div> <center><a href="https://www.open-source-solutions.de/websites-online-shop" class="info"> <i class="fa fa-caret-right"></i> Mehr erfahren!</a></center> </div> </div> </div> <div class="col-md-4 col-sm-6 col-xs-12 handy" style="margin-bottom:30px;"> <a href="https://www.open-source-solutions.de/websites-online-shop" class="info"> <div class="lbox view-first"> <center> <dotlottie-player src="https://lottie.host/e55ad8bc-1170-49f5-b612-49ce2c6cbc85/3weCV5ciaK.json" background="transparent" speed="1" style="width: 300px; height: 300px;" loop autoplay></dotlottie-player> </center> <center><div class="lboxtitel" style="font-size:30px;">Websites & Online-Shop</div></center> </div> </a> </div> <!-- ================================================= --> <div class="col-md-4 col-sm-6 col-xs-12 desktop" style="margin-bottom:30px;"> <div class="lbox view-first"> <center> <script src="https://unpkg.com/@dotlottie/player-component@latest/dist/dotlottie-player.mjs" type="module"></script> <dotlottie-player src="https://lottie.host/c07470d4-91df-46af-a784-b6f2b1dd7b30/r0IFTopPbX.json" background="transparent" speed="1" style="width: 300px; height: 300px;" loop autoplay></dotlottie-player> </center> <div class="lboxtitel">Online Marketing</div> <div class="mask"> <h2>Online Marketing</h2> <div class="lboxtext"> <p>Wir sind Ihr Partner für SocialMedia-Marketing <br> -insbesondere Facebook & Instagram - <br> sowie GoogleAds & Analytics.</p> </div> <center><a href="https://www.open-source-solutions.de/online-marketing" class="info"> <i class="fa fa-caret-right"></i> Mehr erfahren!</a></center> </div> </div> </div> <div class="col-md-4 col-sm-6 col-xs-12 handy" style="margin-bottom:30px;"> <a href="https://www.open-source-solutions.de/online-marketing" class="info"> <div class="lbox view-first"> <center> <script src="https://unpkg.com/@dotlottie/player-component@latest/dist/dotlottie-player.mjs" type="module"></script> <dotlottie-player src="https://lottie.host/c07470d4-91df-46af-a784-b6f2b1dd7b30/r0IFTopPbX.json" background="transparent" speed="1" style="width: 300px; height: 300px;" loop autoplay></dotlottie-player> </center> <center><div class="lboxtitel" style="font-size:30px;">Online Marketing</div></center> </div> </a> </div> <!-- ======================================== --> <div class="col-md-4 col-sm-6 col-xs-12 desktop" style="margin-bottom:30px;"> <div class="lbox view-first"> <center> <script src="https://unpkg.com/@dotlottie/player-component@latest/dist/dotlottie-player.mjs" type="module"></script> <dotlottie-player src="https://lottie.host/31fd7436-632b-43c3-a92c-71875ac0b71a/iYFyhcsCCw.json" background="transparent" speed="1" style="width: 300px; height: 300px;" loop autoplay></dotlottie-player> </center> <div class="lboxtitel">Animations & Video</div> <div class="mask"> <h2>Animations & Video</h2> <div class="lboxtext"> <p>Animierte Image- und Erklärvideos:<br> Wir setzen Sie und Ihren Content in Szene.<br> </p> </div> <center><a href="https://www.open-source-solutions.de/animations-video" class="info"> <i class="fa fa-caret-right"></i> Mehr erfahren!</a></center> </div> </div> </div> <div class="col-md-4 col-sm-6 col-xs-12 handy" style="margin-bottom:30px;"> <a href="https://www.open-source-solutions.de/animations-video" class="info"> <div class="lbox view-first" > <center> <script src="https://unpkg.com/@dotlottie/player-component@latest/dist/dotlottie-player.mjs" type="module"></script> <dotlottie-player src="https://lottie.host/31fd7436-632b-43c3-a92c-71875ac0b71a/iYFyhcsCCw.json" background="transparent" speed="1" style="width: 300px; height: 300px;" loop autoplay></dotlottie-player> </center> <center><div class="lboxtitel" style="font-size:30px;">Animations & Video</div></center> </div> </a> </div> </div> <div class="row" style="margin-top:80px;"> <div class="col-md-12" style="margin-bottom:60px;"> <div class="heading text-center"> <h2>Weitere Leistungen</h2> </div> </div> <!-- ================================== --> <div class="col-md-6 col-sm-6 col-xs-12 desktop" style="margin-bottom:30px;"> <div class="lbox view-first"> <center> <script src="https://unpkg.com/@dotlottie/player-component@latest/dist/dotlottie-player.mjs" type="module"></script> <dotlottie-player src="https://lottie.host/45e62c02-bd3f-430b-aee5-c37fe0d0744e/hOZJCujGgs.json" background="transparent" speed="1" style="width: 300px; height: 300px;" loop autoplay></dotlottie-player> </center> <div class="lboxtitel">Software-Entwicklung: Individual-Software</div> <div class="mask"> <h2>Individual-Software</h2> <div class="lboxtext"> <p>Individual-Software & Datenbanken,<br> App-Entwicklung & Webanwendungen:<br> Unsere Lösungen für Ihren Erfolg.</p> </div> <center><a href="https://www.open-source-solutions.de/software-entwicklung" class="info"> <i class="fa fa-caret-right"></i> Mehr erfahren!</a></center> </div> </div> </div> <div class="col-md-4 col-sm-6 col-xs-12 handy" style="margin-bottom:30px;"> <a href="https://www.open-source-solutions.de/software-entwicklung" class="info"> <div class="lbox view-first"> <center> <script src="https://unpkg.com/@dotlottie/player-component@latest/dist/dotlottie-player.mjs" type="module"></script> <dotlottie-player src="https://lottie.host/45e62c02-bd3f-430b-aee5-c37fe0d0744e/hOZJCujGgs.json" background="transparent" speed="1" style="width: 300px; height: 300px;" loop autoplay></dotlottie-player> </center> <center><div class="lboxtitel" style="font-size:30px;">Software-Entwicklung</div></center> </div> </a> </div> <!-- ================================== --> <div class="col-md-6 col-sm-6 col-xs-12 desktop" style="margin-bottom:30px;"> <div class="lbox view-first"> <center> <script src="https://unpkg.com/@dotlottie/player-component@latest/dist/dotlottie-player.mjs" type="module"></script> <dotlottie-player src="https://lottie.host/c4ab81f1-68e0-4b37-8ae3-465a2077b1fc/c03UiUpFEi.json" background="transparent" speed="1" style="width: 300px; height: 300px;" loop autoplay></dotlottie-player> </center> <div class="lboxtitel">Software-Entwicklung: Apps & Tools</div> <div class="mask"> <h2>Apps & Tools</h2> <div class="lboxtext"> <p>Wir entwickeln für Sie Apps & Tools: Ob Buchungs- oder Reservierungs-Apps, Funnel-Formulare oder Shop-PlugIn - individuell nach Ihren Bedürfnissen. </p> </div> <center><a href="https://www.open-source-solutions.de/apps-tools" class="info"> <i class="fa fa-caret-right"></i> Mehr erfahren!</a></center> </div> </div> </div> <div class="col-md-4 col-sm-6 col-xs-12 handy" style="margin-bottom:30px;"> <a href="https://www.open-source-solutions.de/apps-tools" class="info"> <div class="lbox view-first"> <center> <script src="https://unpkg.com/@dotlottie/player-component@latest/dist/dotlottie-player.mjs" type="module"></script> <dotlottie-player src="https://lottie.host/c4ab81f1-68e0-4b37-8ae3-465a2077b1fc/c03UiUpFEi.json" background="transparent" speed="1" style="width: 300px; height: 300px;" loop autoplay></dotlottie-player> </center> <center><div class="lboxtitel" style="font-size:30px;">Software-Entwicklung: Apps & Tools</div></center> </div> </a> </div> </div> </div> </section> <section class="introbox" style="margin-top:200px;"> <div class="container-fluid"> <div class="row"> <div class="col-md-3 col-sm-6 col-xs-12 eins"> <h2 style="margin-bottom:120px;">Unsere Kompetenzen</h2> <hr style="border-color:#fff;"> </div> <div class="col-md-3 col-sm-6 col-xs-12 kbox "> <div class="kbild" style=" background: url('https://www.open-source-solutions.de/wp-content/uploads/2018/12/franchise-small-business-coaching-houston-keynote-speaker.jpg'); background-size:cover; background-position: center top no-repeat;"> </div> <div class="ktext"> <h3>Beratung & Schulung</h3> <p>Unsere Kompetenz für Ihren Erfolg!</p> </div> </div> <div class="col-md-3 col-sm-6 col-xs-12 kbox bgE"> <div class="kbild" style=" background: url('https://www.open-source-solutions.de/wp-content/uploads/2018/12/mobile-device-management-airwatch.jpg'); background-size:cover; background-position: center top no-repeat;"> </div> <div class="ktext"> <h3>Planung & Umsetzung</h3> <p>Gemeinsam Ihre Ziele verwirklichen!</p> </div> </div> <div class="col-md-3 col-sm-6 col-xs-12 kbox"> <div class="kbild" style="background: url('https://www.open-source-solutions.de/wp-content/uploads/2018/12/bild.png'); background-size:cover; background-position: center top no-repeat;"> </div> <div class="ktext"> <h3>Service & Support</h3> <p>Wir begleiten Sie auch nach dem Projekt!</p> </div> </div> </div> </div> </section> <section class="bar background-image-fixed-2 color-white" style="margin-bottom:-25px;"> <div class="dark-mask"></div> <div class="container"> <div class="row"> <div class="col-md-12"> <h1 style="color:#34393F;">Sie haben Interesse an unseren Leistungen?</h1> <p class="lead" style="line-height:100px;"> <div class="row"> <div class="col-sm-6"> <div style="color:#34393F;"> <p>Open|Source|Solutions</p> <p><i class="fa fa-map-marker"></i> Pommernweg 11, 29227 Celle</p> <p><i class="fa fa-phone"></i> 0176 / 559 656 13</p> <p><i class="fa fa-envelope"></i> [email protected]</p> <p> </p> </div> </div> <div class="col-sm-6"> <form> <div class="row"> <div class="col-sm-12"> <div class="form-group"> <input type="text" class="form-control" id="firstname" style="background:transparent;border-color:#fff;color:#fff;" placeholder="Ihr Name"> </div> </div> <div class="col-sm-12"> <div class="form-group" style="color:#fff;"> <input type="text" class="form-control" id="email" style="background:transparent;border-color:#fff;color:#fff;" placeholder="Ihre E-Mail"> </div> </div> <div class="col-sm-12 text-center"> <a href="#" class="btn btn-bar"><i class="fa fa-envelope-o"></i> Absenden</a> </div> </div> <!-- /.row --> </form> </div> </div> </p> </div> </div> </div> </section> <!-- *** FOOTER *** _________________________________________________________ --> <footer id="footer"> <div class="container"> <div class="col-sm-4"> <h4>Kontakt</h4> <p>Open|Source|Solutions</p> <p><i class="fa fa-map-marker"></i> Pommernweg 11, 29227 Celle</p> <p><i class="fa fa-phone"></i> 0176 / 559 656 13</p> <p><i class="fa fa-envelope"></i> [email protected]</p> <p> </p> </div> <div class="col-sm-4"> <h4>Leistungen</h4> <ul> <li><i class="fa fa-caret-right"></i> <a href="https://www.open-source-solutions.de/websites-online-shop">Websites & Online-Shop</a> </li> <li><i class="fa fa-caret-right"></i> <a href="https://www.open-source-solutions.de/online-marketing/">Online-Marketing</a></li> <li><i class="fa fa-caret-right"></i> <a href="https://www.open-source-solutions.de/software-entwicklung/">Software-Entwicklung: Individual-Software</a></li> <li><i class="fa fa-caret-right"></i> <a href="https://www.open-source-solutions.de/apps-tools/">Software-Entwicklung: Apps & Tools</a></li> <li><i class="fa fa-caret-right"></i> <a href="#">IT-Schulungen</a></li> </ul> </div> <div class="col-sm-4"> <h4>Informationen</h4> <ul> <li><a href="https://www.open-source-solutions.de/ueber-uns/">Über uns</a></li> <li><a href="https://www.open-source-solutions.de/kontakt/">Kontakt</a></li> <hr> <a href="https://www.open-source-solutions.de/impressum">Impressum</a> | <a href="https://www.open-source-solutions.de/datenschutz">Datenschutz</a> </ul> </div> </div> <!-- /.container --> </footer> <!-- /#footer --> <!-- *** FOOTER END *** --> <!-- *** COPYRIGHT *** _________________________________________________________ --> <div id="copyright"> <div class="container"> <div class="col-md-12"> <p class="pull-left"><a href="https://www.open-source-solutions.de/wp-admin">LogIn</a></p> <!-- <p class="pull-right">© <a href="https://www.open-source-solutions.de">Open|Source|Solutions</a> --> </p> </div> </div> </div> <!-- /#copyright --> <!-- *** COPYRIGHT END *** --> </div> <!-- /#all --> <!-- #### JAVASCRIPT FILES ### --> <script src="https://www.open-source-solutions.de/wp-content/themes/eigene/js/jquery-1.11.0.min.js"></script> <script> window.jQuery || document.write('<script src="js/jquery-1.11.0.min.js"><\/script>') </script> <script src="https://www.open-source-solutions.de/wp-content/themes/eigene/js/bootstrap.min.js"></script> <script src="https://www.open-source-solutions.de/wp-content/themes/eigene/js/jquery.cookie.js"></script> <script src="https://www.open-source-solutions.de/wp-content/themes/eigene/js/waypoints.min.js"></script> <script src="https://www.open-source-solutions.de/wp-content/themes/eigene/js/jquery.counterup.min.js"></script> <script src="https://www.open-source-solutions.de/wp-content/themes/eigene/js/jquery.parallax-1.1.3.js"></script> <script src="https://www.open-source-solutions.de/wp-content/themes/eigene/js/front.js"></script> <!-- owl carousel --> <script src="https://www.open-source-solutions.de/wp-content/themes/eigene/js/owl.carousel.min.js"></script> </body> </html>
Folgende Keywords wurden erkannt. Überprüfe die Optimierung dieser Keywords für Deine Seite.
(Nice to have)