1<!DOCTYPE html> 2<html style="font-size: 16px"> 3 <head> 4 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 5 <meta charset="utf-8" /> 6 <title>Lemon Blue GmbH - MaÃgeschneiderte Software, alles aus einer Hand</title> 7 <meta name="author" content="lemon-blue.de" /> 8 <meta 9 name="keywords" 10 content="custom ERP, IT solutions, IT Dienstleistung, IT Agentur, Web Entwicklung, API programmieren, API, Webentwicklung, web development, web, internet " 11 /> 12 <meta 13 name="description" 14 content="Wir digitalisieren Ihre Prozesse. Ob Ecommerce System mit Anbindung an eine ERP Anwendung oder komplexe API, kein Problem!" 15 /> 16 <link rel="stylesheet" href="css/lb.css?v=3" media="screen" /> 17 <link rel="stylesheet" href="css/home.css?v=3" media="screen" /> 18 <link rel="icon" type="image/x-icon" href="favicons/favicon-96x96.ico" /> 19 <link 20 rel="apple-touch-icon" 21 sizes="180x180" 22 href="favicons/apple-touch-icon-180x180.png" 23 /> 24 <link 25 rel="icon" 26 type="image/png" 27 sizes="32x32" 28 href="favicons/favicon-32x32.png" 29 /> 30 <link 31 rel="icon" 32 type="image/png" 33 sizes="16x16" 34 href="favicons/favicon-16x16.png" 35 /> 36 <link 37 rel="icon" 38 type="image/png" 39 sizes="96x96" 40 href="favicons/favicon-96x96.png" 41 /> 42 43 <meta name="msapplication-TileColor" content="#fff" /> 44 <meta name="msapplication-config" content="/IEconfig.xml" /> 45 <meta name="theme-color" content="#fff" /> 46
46<script 47 class="u-script" 48 type="text/javascript" 49 src="js/jquery.js" 50 defer="" 51 ></script>
51 52
52<script 53 class="u-script" 54 type="text/javascript" 55 src="js/lb.js" 56 defer="" 57 ></script>
57 58 59 <link 60 id="u-page-google-font" 61 rel="stylesheet" 62 href="https://fonts.googleapis.com/css?family=Jost:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" 63 /> 64 65
65<script type="application/ld+json"> 66 { 67 "@context": "http://schema.org", 68 "@type": "Organization", 69 "name": "", 70 "logo": "images/Element6.svg" 71 } 72 </script>
72 73 <meta name="theme-color" content="#1281e8" /> 74 <meta property="og:title" content="About us" /> 75 <meta property="og:type" content="website" /> 76 <!-- Meta Pixel Code --> 77
77<script>
vendor: 487 bytes, lines 77-86
77 78 !function(f,b,e,v,n,t,s) 79 {if(f.fbq)return;n=f.fbq=function(){n.callMethod? 80 n.callMethod.apply(n,arguments):n.queue.push(arguments)}; 81 if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; 82 n.queue=[];t=b.createElement(e);t.async=!0; 83 t.src=v;s=b.getElementsByTagName(e)[0]; 84 s.parentNode.insertBefore(t,s)}(window, document,'script', 85 'https://connect.facebook.net/en_US/fbevents.js'); 86 fbq('init', '
861246599176991922
vendor: 44 bytes, lines 86-88
86'); 87 fbq('track', 'PageView'); 88
88</script>
88 89 <noscript><img height="1" width="1" style="display:none" 90 src="https://www.facebook.com/tr?id=1246599176991922&ev=PageView&noscript=1" 91 /></noscript> 92 <!-- End Meta Pixel Code --> 93 </head> 94 <body class="u-body u-overlap u-overlap-contrast u-xl-mode"> 95 <header 96 class="u-align-center-xs u-clearfix u-header u-sticky u-sticky-bbb1 u-header" 97 id="sec-9afa" 98 > 99 <div class="u-clearfix u-sheet u-valign-middle-xs u-sheet-1 d-flex"> 100 <a 101 href="/" 102 class="u-enable-responsive u-image u-logo u-image-1 my-auto" 103 data-image-width="112" 104 data-image-height="22" 105 > 106 <img 107 id="logo" 108 src="images/logo-white.svg" 109 class="u-logo-image u-logo-image-1" 110 /> 111 </a> 112 <nav 113 class="u-align-left u-menu u-menu-one-level u-nav-spacing-25 u-offcanvas u-menu-1 my-auto ml-auto" 114 > 115 <div 116 class="menu-collapse u-custom-font" 117 style="font-family: Jost; font-size: 0.75rem" 118 > 119 <a 120 id="mobile-menu-btn" 121 class="invertible nav-item-default u-button-style u-custom-color u-custom-text-active-color u-custom-text-color u-custom-text-decoration u-custom-text-hover-color u-nav-link m-0 p-0" 122 href="#" 123 style="padding: 4px 0px; font-size: calc(1em + 8px); color: white" 124 > 125 <svg 126 class="u-svg-link" 127 preserveAspectRatio="xMidYMin slice"
128 viewBox="0 0 302 302" 129 style="" 130 > 131 <use 132 xmlns:xlink="http://www.w3.org/1999/xlink" 133 xlink:href="#svg-7b92" 134 ></use> 135 </svg> 136 <svg 137 xmlns="http://www.w3.org/2000/svg" 138 xmlns:xlink="http://www.w3.org/1999/xlink" 139 version="1.1" 140 id="svg-7b92" 141 x="0px" 142 y="0px" 143 viewBox="0 0 302 302" 144 style="enable-background: new 0 0 302 302" 145 xml:space="preserve" 146 class="u-svg-content" 147 > 148 <g> 149 <rect y="36" width="302" height="30"></rect> 150 <rect y="236" width="302" height="30"></rect> 151 <rect y="136" width="302" height="30"></rect> 152 </g> 153 <g></g> 154 <g></g> 155 <g></g> 156 <g></g> 157 <g></g> 158 <g></g> 159 <g></g> 160 <g></g> 161 <g></g> 162 <g></g> 163 <g></g> 164 <g></g> 165 <g></g> 166 <g></g> 167 <g></g> 168 </svg> 169 </a> 170 </div> 171 <div class="u-custom-menu u-nav-container"> 172 <ul class="u-custom-font u-nav u-unstyled u-nav-1"> 173 <li class="u-nav-item"> 174 <a 175 class="invertible nav-item-default" 176 href="index.html#carousel_db52" 177 style="color: white" 178 >Ãber uns.</a 179 > 180 </li> 181 <li class="u-nav-item"> 182 <a 183 class="invertible nav-item-default" 184 href="index.html#sec-577e" 185 data-page-id="89988918" 186 style="color: white" 187 >Kontakt.</a 188 > 189 </li> 190 </ul> 191 </div> 192 <div class="u-custom-menu u-nav-container-collapse h-fit-content"> 193 <div 194 class="u-align-center u-black u-container-style u-inner-container-layout u-opacity u-opacity-95 u-sidenav w-100 h-fit-content" 195 > 196 <div 197 class="u-inner-container-layout u-sidenav-overflow h-fit-content" 198 style="background: rgb(1, 3, 7)" 199 > 200 <div class="u-menu-close"></div> 201 <ul 202 class="u-align-center u-custom-font u-nav u-popupmenu-items u-unstyled u-nav-2" 203 > 204 <li class="u-nav-item"> 205 <a 206 class="u-button-style u-nav-link" 207 href="index.html#carousel_db52" 208 >Ãber uns.</a 209 > 210 </li> 211 <li class="u-nav-item"> 212 <a 213 class="u-button-style u-nav-link" 214 href="index.html#sec-577e" 215 data-page-id="89988918" 216 >Kontakt.</a 217 > 218 </li> 219 </ul> 220 </div> 221 </div> 222 <div 223 id="mobile-menu" 224 class="u-black u-menu-overlay u-opacity u-opacity-70" 225 ></div> 226 </div> 227 </nav> 228 </div> 229 </header> 230 <section 231 class="skrollable u-align-center u-clearfix u-uploaded-video u-video u-section-1 vh-100" 232 id="carousel_3182" 233 style="height: 100vh" 234 > 235 <div class="u-background-video u-expanded" style=""> 236 <div class="embed-responsive"> 237 <video 238 class="embed-responsive-item" 239 data-autoplay="1" 240 loop="" 241 muted="" 242 autoplay="autoplay" 243 playsinline="" 244 > 245 <source src="files/video_fullhd.mp4" type="video/mp4" /> 246 <img src="images/bg.jpg" /> 247 </video> 248 </div> 249 </div> 250 <div class="d-flex u-align-left u-clearfix u-sheet u-sheet-1"> 251 <div 252 class="d-flex my-auto u-align-center u-container-style u-expanded-width-lg u-expanded-width-md u-expanded-width-sm u-expanded-width-xl u-group u-shape-rectangle u-group-1" 253 > 254 <div class="u-container-layout u-valign-top u-container-layout-1"> 255 <img 256 class="u-align-center u-image-default u-preserve-proportions u-image-1 u-hidden-xs" 257 src="images/Element6-19.svg" 258 alt="" 259 data-image-width="112" 260 data-image-height="22" 261 /> 262 <h1 263 class="text-center u-custom-font u-text u-text-body-alt-color u-text-default-lg u-text-default-md u-text-default-sm u-text-default-xl u-text-1" 264 >
265 Software solutions. 266 </h1> 267 <a 268 href="index.html#carousel_db52" 269 data-page-id="89988918" 270 class="u-border-2 u-border-white u-btn u-button-style u-custom-font u-hover-white u-none u-text-hover-custom-color-3 u-text-white u-btn-1" 271 >Ãber uns.</a 272 > 273 <a 274 href="index.html#sec-577e" 275 data-page-id="89988918" 276 class="u-border-2 u-border-hover-white u-border-white u-btn u-button-style u-custom-font u-hover-white u-none u-text-hover-custom-color-3 u-text-white u-btn-2" 277 >Kontakt.</a 278 > 279 </div> 280 </div> 281 </div> 282 <div class="radio-ad"> 283 <a href="/Digitalisierung"> 284 <img src="images/logo_antenne_niedersachsen.svg" class="radio-ad-image"> 285 286 </a> 287 <p class="radio-ad-text font-lb"> 288 Aus dem Radio: Wir Digitalisieren Ihr Unternehmen! 289 <a class="radio-ad-link" href="/Digitalisierung">Mehr erfahren âº</a> 290 </p> 291 </div> 292 </section> 293 <section 294 class="u-align-center-md u-align-center-sm u-align-center-xs u-clearfix u-white u-section-2 vh-120 d-flex" 295 id="carousel_db52" 296 style="margin-top: 97px" 297 > 298 <div 299 class="u-clearfix u-sheet u-sheet-1 d-flex u-container-style u-group u-shape-rectangle u-group-1 my-auto mx-auto" 300 data-animation-name="fadeIn" 301 data-animation-duration="1000" 302 data-animation-direction="Up" 303 > 304 <div class="u-container-layout u-container-layout-1 m--200"> 305 <h4 306 class="u-align-center u-custom-font u-text u-text-1" 307 data-animation-name="fadeIn" 308 data-animation-duration="1000" 309 data-animation-direction="" 310 > 311 Software<br />MaÃgeschneidert auf Sie<span 312 class="u-text-custom-color-1" 313 >. 314 </span> 315 </h4> 316 <div class="u-expanded-width u-list u-list-1"> 317 <div class="u-repeater u-repeater-1"> 318 <div 319 class="u-align-center u-container-style u-list-item u-repeater-item u-list-item-1" 320 > 321 <div 322 class="u-container-layout u-similar-container u-container-layout-2" 323 > 324 <span 325 class="u-align-left u-file-icon u-icon u-icon-rectangle u-spacing-17 u-text-custom-color-1 u-icon-1" 326 ><img src="images/1.png" alt="" 327 /></span> 328 <h3 class="u-custom-font u-text u-text-2"> 329 Professionelle Beratung 330 </h3> 331 <p class="u-custom-font u-text u-text-grey-40 u-text-3"> 332 Eine professionelle Beratung mit Augenmaà ist uns sehr wichtig. Wir planen gemeinsam mit Ihnen genau die Anwendung, die Sie benötigen. 333 </p> 334 </div> 335 </div> 336 <div 337 class="u-align-center u-container-style u-list-item u-repeater-item u-list-item-2" 338 > 339 <div 340 class="u-container-layout u-similar-container u-container-layout-3" 341 > 342 <span 343 class="u-align-left u-file-icon u-icon u-icon-rectangle u-spacing-17 u-text-custom-color-1 u-icon-2" 344 ><img src="images/2.png" alt="" 345 /></span> 346 <h3 class="u-custom-font u-text u-text-4"> 347 Schnelle Umsetzung 348 </h3> 349 <p class="u-custom-font u-text u-text-grey-40 u-text-5"> 350 Unsere Kunden sind immer wieder überrascht, wie schnell sie bereits mit uns auf die ersten Arbeitsergebnisse schauen können. So können Sie jederzeit Ideen in die Entwicklung einflieÃen lassen. 351 </p> 352 </div> 353 </div> 354 <div 355 class="u-align-center u-container-style u-list-item u-repeater-item u-list-item-3" 356 > 357 <div 358 class="u-container-layout u-similar-container u-container-layout-4" 359 >
360 <span 361 class="u-align-left u-file-icon u-icon u-icon-rectangle u-spacing-17 u-text-custom-color-1 u-icon-3" 362 ><img src="images/3.png" alt="" 363 /></span> 364 <h3 class="u-custom-font u-text u-text-6"> 365 Verlässlicher support 366 </h3> 367 <p class="u-custom-font u-text u-text-grey-40 u-text-7"> 368 Sie haben einen festen Ansprechpartner und müssen bei uns nicht Stundenlang in Hotlines verbringen. Wir gehen jedem Problem sofort nach und Sie wissen jederzeit den Stand der Dinge. 369 </p> 370 </div> 371 </div> 372 </div> 373 </div> 374 <a 375 href="index.html#carousel_ae37" 376 data-page-id="89988918" 377 class="u-align-center u-border-2 u-border-black u-border-hover-custom-color-1 u-btn u-button-style u-custom-font u-hover-white u-none u-text-body-color u-text-hover-custom-color-1 u-btn-1" 378 > 379 <span class="u-text-body-color">Was wir machen</span 380 ><span class="color-lb-blue">.</span> 381 </a> 382 </div> 383 </div> 384 </section> 385 <section 386 class="skrollable u-clearfix u-image u-parallax u-shading u-section-3" 387 id="sec-6a37" 388 data-image-width="1280" 389 data-image-height="853" 390 > 391 <div class="u-clearfix u-sheet u-sheet-1"></div> 392 </section> 393 <section 394 class="skrollable u-clearfix u-section-4 vh-120" 395 id="carousel_ae37" 396 > 397 <div class="u-clearfix u-sheet u-sheet-1"> 398 <div 399 class="u-align-center u-container-style u-expanded-width u-group u-shape-rectangle u-group-1" 400 data-animation-name="fadeIn" 401 data-animation-duration="1000" 402 data-animation-direction="Up" 403 > 404 <div class="u-container-layout u-container-layout-1"> 405 <h2 class="u-custom-font u-text u-text-1"> 406 Was wir machen<span class="color-lb-blue">.</span> 407 </h2> 408 <div class="u-repeater u-repeater-1"> 409 <div 410 class="u-align-center u-container-style u-list-item u-repeater-item u-shape-rectangle u-white u-list-item-1" 411 > 412 <div 413 class="u-container-layout u-similar-container u-valign-middle-lg u-valign-middle-md u-valign-middle-sm u-valign-middle-xl u-container-layout-2" 414 > 415 <span 416 class="u-file-icon u-icon u-text-custom-color-1 u-icon-1" 417 ><img src="images/4.png" alt="" 418 /></span> 419 <h3 420 class="u-align-center u-custom-font u-text u-text-default u-text-2" 421 > 422 komplett MaÃgeschneiderte ERP Lösungen 423 </h3> 424 <p 425 class="u-align-center u-custom-font u-custom-item u-text u-text-grey-40 u-text-3" 426 > 427 Wir digitalisieren sämtliche Ihrer Prozesse. Z.B. Von der Bestellung bis zur Produktion. Branchenübergreifend. 428 </p> 429 <div 430 class="u-border-1 u-border-grey-dark-1 u-line u-line-horizontal u-line-1" 431 ></div> 432 </div> 433 </div> 434 <div 435 class="u-container-style u-list-item u-repeater-item u-shape-rectangle u-white" 436 > 437 <div 438 class="u-container-layout u-similar-container u-valign-middle-lg u-valign-middle-md u-valign-middle-sm u-valign-middle-xl u-container-layout-3" 439 > 440 <span 441 class="u-file-icon u-icon u-text-custom-color-1 u-icon-2" 442 ><img src="images/5.png" alt="" 443 /></span> 444 <h3 445 class="u-align-center u-custom-font u-text u-text-default u-text-4" 446 > 447 Zahlungsschnittstellen Integration 448 </h3> 449 <p 450 class="u-align-center u-custom-font u-custom-item u-text u-text-grey-40 u-text-5" 451 > 452 Wir haben so gut wie alle Zahlungsdienstleister bereits angebunden inkl. PayPal und alle Kreditkartenunternehmen. Wir integrieren diese auch gern in Ihr System. 453 </p> 454 <div 455 class="u-border-1 u-border-grey-dark-1 u-line u-line-horizontal u-line-2" 456 ></div> 457 </div> 458 </div> 459 <div 460 class="u-align-center u-container-style u-list-item u-repeater-item u-shape-rectangle u-white" 461 > 462 <div 463 class="u-container-layout u-similar-container u-valign-middle-lg u-valign-middle-md u-valign-middle-sm u-valign-middle-xl u-container-layout-4" 464 >
465 <span 466 class="u-file-icon u-icon u-text-custom-color-1 u-icon-3" 467 ><img src="images/6.png" alt="" 468 /></span> 469 <h3 470 class="u-align-center u-custom-font u-text u-text-default u-text-6" 471 > 472 Jede Art von API Schnittstellenkommunikation 473 </h3> 474 <p 475 class="u-align-center u-custom-font u-custom-item u-text u-text-grey-40 u-text-7" 476 > 477 Ob REST, SOAP oder eine ganz andere API. Wir binden alles an. Kopieren Sie nicht mehr Daten aus dem Einen Dokument in ein anderes. Wir vernetzen Ihre Geschäftsprozesse. 478 </p> 479 <div 480 class="u-border-1 u-border-grey-dark-1 u-line u-line-horizontal u-line-3" 481 ></div> 482 </div> 483 </div> 484 <div 485 class="u-align-center u-container-style u-list-item u-repeater-item u-shape-rectangle u-white" 486 > 487 <div 488 class="u-container-layout u-similar-container u-valign-middle-lg u-valign-middle-md u-valign-middle-sm u-valign-middle-xl u-container-layout-5" 489 > 490 <span 491 class="u-file-icon u-icon u-text-custom-color-1 u-icon-4" 492 ><img src="images/7.png" alt="" 493 /></span> 494 <h3 495 class="u-align-center u-custom-font u-text u-text-default u-text-8" 496 > 497 Web Entwicklung 498 </h3> 499 <p 500 class="u-align-center u-custom-font u-custom-item u-text u-text-grey-40 u-text-9" 501 > 502 Komplette Web Präsenzen inkl. Frontend und Backend setzen wir schnell und transparent für Sie um. 503 </p> 504 <div 505 class="u-border-1 u-border-grey-dark-1 u-line u-line-horizontal u-line-4" 506 ></div> 507 </div> 508 </div> 509 <div 510 class="u-align-center u-container-style u-list-item u-repeater-item u-shape-rectangle u-white" 511 > 512 <div 513 class="u-container-layout u-similar-container u-valign-middle-lg u-valign-middle-md u-valign-middle-sm u-valign-middle-xl u-container-layout-6" 514 > 515 <span 516 class="u-file-icon u-icon u-text-custom-color-1 u-icon-5" 517 ><img src="images/8.png" alt="" 518 /></span> 519 <h3 520 class="u-align-center u-custom-font u-text u-text-default u-text-10" 521 > 522 iOS App Entwicklung 523 </h3> 524 <p 525 class="u-align-center u-custom-font u-custom-item u-text u-text-grey-40 u-text-11" 526 > 527 Wir entwickeln native und hybride iOS Apps. 528 </p> 529 <div 530 class="u-border-1 u-border-grey-dark-1 u-line u-line-horizontal u-line-5" 531 ></div> 532 </div> 533 </div> 534 <div 535 class="u-align-center u-container-style u-list-item u-repeater-item u-shape-rectangle u-white" 536 > 537 <div 538 class="u-container-layout u-similar-container u-valign-middle-lg u-valign-middle-md u-valign-middle-sm u-valign-middle-xl u-container-layout-7" 539 > 540 <span 541 class="u-file-icon u-icon u-text-custom-color-1 u-icon-6" 542 ><img src="images/9.png" alt="" 543 /></span> 544 <h3 545 class="u-align-center u-custom-font u-text u-text-default u-text-12" 546 > 547 Android App Entwicklung 548 </h3> 549 <p 550 class="u-align-center u-custom-font u-custom-item u-text u-text-grey-40 u-text-13" 551 > 552 Wir entwickeln native und hybride Android Apps. 553 </p> 554 <div 555 class="u-border-1 u-border-grey-dark-1 u-line u-line-horizontal u-line-6" 556 ></div> 557 </div> 558 </div> 559 <div 560 class="u-align-center u-container-style u-list-item u-repeater-item u-shape-rectangle u-white" 561 > 562 <div 563 class="u-container-layout u-similar-container u-valign-middle-lg u-valign-middle-md u-valign-middle-sm u-valign-middle-xl u-container-layout-8" 564 >
565 <span 566 class="u-file-icon u-icon u-text-custom-color-1 u-icon-7" 567 ><img src="images/10.png" alt="" 568 /></span> 569 <h3 570 class="u-align-center u-custom-font u-text u-text-default u-text-14" 571 > 572 Inhouse Beratung 573 </h3> 574 <p 575 class="u-align-center u-custom-font u-custom-item u-text u-text-grey-40 u-text-15" 576 > 577 Eine Beratung auf Augenhöhe ist uns extrem wichtig. Wir planen gemeinsam mit Ihnen die Software, die Sie heute brauchen und die sich so erweitern lässt, wie Sie es morgen wünschen. 578 </p> 579 <div 580 class="u-border-1 u-border-grey-dark-1 u-line u-line-horizontal u-line-7" 581 ></div> 582 </div> 583 </div> 584 <div 585 class="u-align-center u-container-style u-list-item u-repeater-item u-shape-rectangle u-white" 586 > 587 <div 588 class="u-container-layout u-similar-container u-valign-middle-lg u-valign-middle-md u-valign-middle-sm u-valign-middle-xl u-container-layout-9" 589 > 590 <span 591 class="u-file-icon u-icon u-text-custom-color-1 u-icon-8" 592 ><img src="images/11.png" alt="" 593 /></span> 594 <h3 595 class="u-align-center u-custom-font u-text u-text-default u-text-16" 596 > 597 Schnelle Ergebnisse 598 </h3> 599 <p 600 class="u-align-center u-custom-font u-custom-item u-text u-text-grey-40 u-text-17" 601 > 602 Unsere Kunden sind oft überrascht, dass die Idee vom Montag bereits Mittwoch auf dem Testserver angesehen werden kann. So sind wir im engen und agilen Austausch mit unseren Kunden und 603 liefern die Ergebnisse, die Sie sich vorstellen. 604 </p> 605 <div 606 class="u-border-1 u-border-grey-dark-1 u-line u-line-horizontal u-line-8" 607 ></div> 608 </div> 609 </div> 610 <div 611 class="u-align-center u-container-style u-list-item u-repeater-item u-shape-rectangle u-white" 612 > 613 <div 614 class="u-container-layout u-similar-container u-valign-middle-lg u-valign-middle-md u-valign-middle-sm u-valign-middle-xl u-container-layout-10" 615 > 616 <span 617 class="u-file-icon u-icon u-text-custom-color-1 u-icon-9" 618 ><img src="images/12.png" alt="" 619 /></span> 620 <h3 621 class="u-align-center u-custom-font u-text u-text-default u-text-18" 622 > 623 Support 624 </h3> 625 <p 626 class="u-align-center u-custom-font u-custom-item u-text u-text-grey-40 u-text-19" 627 > 628 Sie erreichen uns jederzeit. Sollte etwas nicht funktionieren, finden wir sofort eine Lösung. 629 </p> 630 <div 631 class="u-border-1 u-border-grey-dark-1 u-line u-line-horizontal u-line-9" 632 ></div> 633 </div> 634 </div> 635 </div> 636 <a 637 href="index.html#carousel_00dd" 638 data-page-id="89988918" 639 class="u-align-center u-border-2 u-border-black u-border-hover-custom-color-1 u-btn u-button-style u-custom-font u-hover-white u-none u-text-body-color u-text-hover-custom-color-1 u-btn-1" 640 > 641 <span class="u-text-body-color">Portfolio</span 642 ><span class="u-text-custom-color-1">.</span> 643 </a> 644 </div> 645 </div> 646 </div> 647 </section> 648 <section 649 class="skrollable u-clearfix u-image u-parallax u-shading u-section-5" 650 id="carousel_44d5" 651 data-image-width="1280" 652 data-image-height="854" 653 > 654 <div class="u-clearfix u-sheet u-sheet-1"></div> 655 </section> 656 <section 657 class="u-align-center u-clearfix u-section-6 vh-100 d-flex" 658 id="carousel_00dd" 659 style="margin-top: 5px" 660 > 661 <div class="u-clearfix my-auto mx-auto"> 662 <div 663 class="u-align-center-lg u-align-center-md u-align-center-sm u-align-center-xl u-container-style u-expanded-width u-group u-shape-rectangle u-group-1" 664 data-animation-name="fadeIn" 665 data-animation-duration="1000" 666 data-animation-direction="Up" 667 > 668 <div 669 class="u-container-layout u-container-layout-1 portfolio-container" 670 > 671 <h2 672 class="u-align-center-xs u-custom-font u-text u-text-1" 673 data-animation-name="fadeIn" 674 data-animation-duration="2000" 675 data-animation-direction="Up" 676 > 677 Portfolio<span class="u-text-custom-color-1">.</span> 678 </h2> 679 <div 680 class="u-align-center u-expanded-width-xs u-gallery u-layout-grid u-sh
680ow-text-none u-gallery-1 mx-auto" 681 id="carousel-0a13" 682 > 683 <img class="portfolio-logo" src="images/sosa.png" /> 684 <img class="portfolio-logo" src="images/brand_canyon.png" /> 685 <img class="portfolio-logo" src="images/ibm-logo.png" /> 686 <img class="portfolio-logo" src="images/AOK_Logo_Horiz_Gruen_RGB.svg"/> 687 <img class="portfolio-logo" src="images/tesla.png" /> 688 <img class="portfolio-logo" src="images/casamundo_logo.svg" /> 689 <img class="portfolio-logo" src="images/sap_logo.png" /> 690 <img class="portfolio-logo" src="images/logo-belvilla.svg" /> 691 <img class="portfolio-logo" src="images/logo-faberexposize.svg"/> 692 <img class="portfolio-logo" src="images/lueco.png" /> 693 <img class="portfolio-logo" src="images/held_logo_4c_original_s.png" /> 694 <img class="portfolio-logo" src="images/bonprix_logo-1.jpg" /> 695 <img class="portfolio-logo" src="images/witt-gruppe_branding-full.svg" /> 696 697 </div> 698 <a 699 href="index.html#sec-577e" 700 data-page-id="89988918" 701 class="u-align-center u-border-2 u-border-black u-border-hover-custom-color-1 u-btn u-button-style u-custom-font u-hover-white u-none u-text-body-color u-text-hover-custom-color-1 u-btn-1" 702 > 703 <span class="u-text-black">Kontakt</span>. 704 </a> 705 </div> 706 </div> 707 </div> 708 </section> 709 <section 710 class="skrollable u-clearfix u-image u-parallax u-shading u-section-7" 711 id="carousel_4c80" 712 data-image-width="1280" 713 data-image-height="853" 714 > 715 <div class="u-clearfix u-sheet u-sheet-1"></div> 716 </section> 717 <section class="u-align-center"> 718 <div class="u-clearfix u-sheet"> 719 <div 720 class="u-container-style u-expanded-width u-group u-shape-rectangle u-group-1 technologies-section" 721 data-animation-name="fadeIn" 722 data-animation-duration="1000" 723 data-animation-direction="Up" 724 > 725 <h2 class="u-align-center-xs u-custom-font u-text"> 726 Technologien<span class="u-text-custom-color-1">.</span> 727 </h2> 728 <div class="technologies-wrapper prio-1"> 729 <img class="technologies-image" src="images/technologien/php.png" alt="PHP Logo"/> 730 <img class="technologies-image" src="images/technologien/laravel.png" alt="Laravel Logo"/> 731 <img class="technologies-image" src="images/technologien/js.png" alt="JavaScript Logo"/> 732 <img class="technologies-image" src="images/technologien/mysql.png" alt="MySQL Logo"/> 733 <img class="technologies-image" src="images/technologien/mariadb.png" alt="MariaDB Logo"/> 734 <img class="technologies-image" src="images/technologien/vuejs.png" alt="VueJS Logo"/> 735 <img class="technologies-image" src="images/technologien/reactjs.png" alt="ReactJS Logo"/> 736 <img class="technologies-image" src="images/technologien/apache.png" alt="Apache Logo"/> 737 <img class="technologies-image" src="images/technologien/nginx.svg" alt="nginx Logo"/> 738 <img class="technologies-image" src="images/technologien/haproxy.png" alt="HAProxy Logo"/> 739 740 <img class="technologies-image" src="images/technologien/shopify.png" alt="Shopify Logo"/> 741 <img class="technologies-image" src="images/technologien/redaxo.png" alt="Redaxo Logo"/> 742 <img class="technologies-image" src="images/technologien/wordpress.png" alt="Wordpress Logo"/> 743 <img class="technologies-image" src="images/technologien/docker.svg" alt="Docker Logo"/> 744 <img class="technologies-image" src="images/technologien/ts.png" alt="TypeScript Logo"/> 745 <img class="technologies-image" src="images/technologien/shopware.svg" alt="Shopware Logo"/> 746 <img class="technologies-image" src="images/technologien/nodejs.png" alt="Node.js Logo"/> 747 <img class="technologies-image" src="images/technologien/ionic.png" alt="Ionic Logo"/> 748 <img class="technologies-image" src="images/technologien/capacitor.png" alt="Capacitor Logo"/> 749 <img class="technologies-image" src="images/technologien/python.png" alt="Python Logo"/> 750 <img class="technologies-image" src="images/technologien/openresty.png" alt="OpenResty L
750ogo"/> 751 <img class="technologies-image" src="images/technologien/redis.png" alt="Redis Logo"/> 752 753 <img class="technologies-image" src="images/technologien/java.png" alt="Java Logo"/> 754 <img class="technologies-image" src="images/technologien/kubernetes.png" alt="Kubernetes Logo"/> 755 <img class="technologies-image" src="images/technologien/graphql.png" alt="GraphQL Logo"/> 756 <img class="technologies-image" src="images/technologien/jquery.png" alt="jQuery Logo"/> 757 </div> 758 <h3>Und viele mehr</h3> 759 <div class="certificates-wrapper"> 760 <img class="certificates-image" src="images/technologien/shopware_cert.svg" alt=""/> 761 </div> 762 </div> 763 </div> 764 </section> 765 766 <section class="u-align-center u-clearfix u-section-8 vh-120" id="sec-577e"> 767 <div class="u-clearfix u-sheet u-sheet-1"> 768 <div 769 class="u-container-style u-expanded-width u-group u-shape-rectangle u-group-1" 770 data-animation-name="fadeIn" 771 data-animation-duration="1000" 772 data-animation-direction="Up" 773 > 774 775 <div class="u-container-layout u-container-layout-1"> 776 <h4 class="u-align-center u-custom-font u-text u-text-default-lg u-text-default-md u-text-default-sm u-text-default-xl u-text-1"> 777 Kontakt<span class="u-text-custom-color-1">.</span> 778 </h4> 779 <div class="u-align-center u-form u-form-1"> 780 <form 781 action="scripts/form-577e.php" 782 method="POST" 783 class="u-clearfix u-form-spacing-10 u-form-vertical u-inner-form" 784 style="padding: 10px" 785 source="customphp" 786 name="form" 787 > 788 <div class="u-form-group u-form-name u-label-none"> 789 <label for="name-3b9a" class="u-label">Name</label> 790 <input 791 type="text" 792 placeholder="Ihr Name" 793 id="name-3b9a" 794 name="name" 795 class="u-border-1 u-border-grey-30 u-border-no-left u-border-no-right u-border-no-top u-custom-font u-input u-input-rectangle u-white u-input-1" 796 required="" 797 /> 798 </div> 799 <div class="u-form-email u-form-group u-label-none"> 800 <label for="email-3b9a" class="u-label">E-Mail</label> 801 <input 802 type="email" 803 placeholder="Ihre E-Mail Adresse" 804 id="email-3b9a" 805 name="email" 806 class="u-border-1 u-border-grey-30 u-border-no-left u-border-no-right u-border-no-top u-custom-font u-input u-input-rectangle u-white u-input-2" 807 required="" 808 /> 809 </div> 810 <div class="u-form-group u-form-message u-label-none"> 811 <label for="message-3b9a" class="u-label">Nachricht</label> 812 <textarea 813 placeholder="Ihre Nachricht an uns" 814 rows="4" 815 cols="50" 816 id="message-3b9a" 817 name="message" 818 class="u-border-1 u-border-grey-30 u-border-no-left u-border-no-right u-border-no-top u-custom-font u-input u-input-rectangle u-white u-input-3" 819 required="" 820 ></textarea> 821 </div> 822 <div class="u-align-center u-form-group u-form-submit"> 823 <a 824 href="#" 825 class="u-border-2 u-border-custom-color-1 u-btn u-btn-submit u-button-style u-custom-font u-text-custom-color-1 u-white u-btn-1" 826 >Senden</a 827 > 828 <input 829 type="submit" 830 value="submit" 831 class="u-form-control-hidden" 832 /> 833 </div> 834 <div class="u-form-send-message u-form-send-success"> 835 Vielen Dank! Ihre Nachricht wurde übermittelt. Wir melden uns umgehend bei Ihnen. 836 </div> 837 <div class="u-form-send-error u-form-send-message"> 838 Ihre Nachricht konnte nicht übermittelt werden, bitte versuchen Sie es erneut. 839 </div> 840 <input type="hidden" value="" name="recaptchaResponse" /> 841 </form> 842 </div> 843 <p 844 class="u-align-center u-custom-font u-text u-text-default-lg u-text-default-md u-text-default-sm u-text-default-xl u-text-grey-30 u-text-2" 845 > 846 zurück 847 </p> 848 <a 849 href="index.html#carousel_db52" 850 data-page-id="89988918" 851 class="u-align-center u-border-2 u-border-black u-border-hover-custom-color-1 u-btn u-button-style u-custom-font u-hover-white u-none u-text-body-color u-text-hover-custom-color-1 u-btn-2" 852 >
853 <span class="u-text-black">Ãber uns</span>. 854 </a> 855 </div> 856 </div> 857 </div> 858 </section> 859 <section 860 class="skrollable u-align-center u-clearfix u-image u-parallax u-shading u-section-9" 861 id="sec-1a70" 862 data-image-width="1600" 863 data-image-height="1060" 864 > 865 <div class="u-clearfix u-sheet u-sheet-1"> 866 <h2 867 class="u-custom-font u-text u-text-default u-text-1" 868 data-animation-name="fadeIn" 869 data-animation-duration="2000" 870 data-animation-direction="Up" 871 > 872 "Good design adds value faster than it adds cost." 873 </h2> 874 <p 875 class="u-custom-font u-text u-text-default u-text-2" 876 data-animation-name="fadeIn" 877 data-animation-duration="1000" 878 data-animation-direction="Up" 879 data-animation-delay="750" 880 > 881 Thomas C. Gale 882 </p> 883 </div> 884 </section> 885 <section class="u-clearfix u-section-10" id="sec-ebb8"> 886 <div class="u-clearfix u-sheet u-sheet-1 d-flex"> 887 <!-- <h4--> 888 <!-- class="u-align-center-xs u-custom-font u-text u-text-default-lg u-text-default-md u-text-default-sm u-text-default-xl u-text-1"--> 889 <!-- style="padding-left: 12px"--> 890 <!-- >--> 891 <!-- contact us<span class="u-text-custom-color-1">.</span>--> 892 <!-- </h4>--> 893 <!-- <div class="u-form u-form-1">--> 894 <!-- <form--> 895 <!-- action="scripts/form-ebb8.php"--> 896 <!-- method="POST"--> 897 <!-- class="u-clearfix u-form-spacing-10 u-form-vertical u-inner-form"--> 898 <!-- source="customphp"--> 899 <!-- name="form"--> 900 <!-- >--> 901 <!-- <div class="u-form-group u-form-name u-label-none">--> 902 <!-- <label for="name-3b9a" class="u-label">Name</label>--> 903 <!-- <input--> 904 <!-- type="text"--> 905 <!-- placeholder="Enter your Name"--> 906 <!-- id="name-3b9a"--> 907 <!-- name="name"--> 908 <!-- class="u-border-1 u-border-grey-30 u-border-no-left u-border-no-right u-border-no-top u-custom-font u-input u-input-rectangle u-white u-input-1"--> 909 <!-- required=""--> 910 <!-- />--> 911 <!-- </div>--> 912 <!-- <div class="u-form-email u-form-group u-label-none">--> 913 <!-- <label for="email-3b9a" class="u-label">Email</label>--> 914 <!-- <input--> 915 <!-- type="email"--> 916 <!-- placeholder="Enter a valid email address"--> 917 <!-- id="email-3b9a"--> 918 <!-- name="email"--> 919 <!-- class="u-border-1 u-border-grey-30 u-border-no-left u-border-no-right u-border-no-top u-custom-font u-input u-input-rectangle u-white u-input-2"--> 920 <!-- required=""--> 921 <!-- />--> 922 <!-- </div>--> 923 <!-- <div class="u-form-group u-form-message u-label-none">--> 924 <!-- <label for="message-3b9a" class="u-label">Message</label>--> 925 <!-- <textarea--> 926 <!-- placeholder="Enter your message"--> 927 <!-- rows="4"--> 928 <!-- cols="50"--> 929 <!-- id="message-3b9a"--> 930 <!-- name="message"--> 931 <!-- class="u-border-1 u-border-grey-30 u-border-no-left u-border-no-right u-border-no-top u-custom-font u-input u-input-rectangle u-white u-input-3"--> 932 <!-- required=""--> 933 <!-- ></textarea>--> 934 <!-- </div>--> 935 <!-- <div--> 936 <!-- class="u-align-center-xs u-align-left-lg u-align-left-md u-align-left-sm u-align-left-xl u-form-group u-form-submit"--> 937 <!-- >--> 938 <!-- <a--> 939 <!-- href="#"--> 940 <!-- class="u-border-2 u-border-custom-color-1 u-btn u-btn-submit u-button-style u-custom-font u-text-custom-color-1 u-white u-btn-1"--> 941 <!-- >Send</a--> 942 <!-- >--> 943 <!-- <input--> 944 <!-- type="submit"--> 945 <!-- value="submit"--> 946 <!-- class="u-form-control-hidden"--> 947 <!-- />--> 948 <!-- </div>--> 949 <!-- <div class="u-form-send-message u-form-send-success">-->
950 <!-- Thank you! Your message has been sent.--> 951 <!-- </div>--> 952 <!-- <div class="u-form-send-error u-form-send-message">--> 953 <!-- Unable to send your message. Please try again.--> 954 <!-- </div>--> 955 <!-- <input type="hidden" value="" name="recaptchaResponse" />--> 956 <!-- </form>--> 957 <!-- </div>--> 958 <div 959 class="text-center u-align-center u-custom-font u-text u-text-default-lg u-text-default-md u-text-default-sm u-text-default-xl u-text-2 my-auto small" 960 > 961 <img src="images/logo-blue.svg" class="footer-logo" /><br /> 962 Lemon Blue GmbH <br /> 963 Alter Postweg 114 <br /> 964 21220 Seevetal <br /> 965 Germany <br /> 966 Mathis Losigkeit (CEO) 967 </div> 968 <div 969 class="text-center u-align-center u-custom-font u-text u-text-default-lg u-text-default-md u-text-default-sm u-text-default-xl u-text-2 my-auto ml-auto" 970 > 971 <div class="u-custom-menu u-nav-container"> 972 <ul 973 class="u-custom-font u-nav u-unstyled u-nav-1" 974 style="text-align: right" 975 > 976 <li class="mt-3"> 977 <a class="footer-nav-item" href="index.html#carousel_db52" 978 >Ãber Uns<span class="color-lb-blue">.</span></a 979 > 980 </li> 981 <li class="mt-3"> 982 <a class="footer-nav-item" href="index.html#carousel_ae37" 983 >Unsere Dienstleistung<span class="color-lb-blue">.</span></a 984 > 985 </li> 986 <li class="mt-3"> 987 <a 988 class="footer-nav-item" 989 href="PHPUpgrades.html" 990 >PHP Upgrades<span class="color-lb-blue">.</span></a 991 > 992 </li> 993 <li class="mt-3"> 994 <a 995 class="footer-nav-item" 996 href="Monolith.html" 997 >Monolithen auflösen<span class="color-lb-blue">.</span></a 998 > 999 </li> 1000 <li class="mt-3"> 1001 <a 1002 class="footer-nav-item" 1003 href="index.html#carousel_00dd" 1004 data-page-id="89988918" 1005 >Portfolio<span class="color-lb-blue">.</span></a 1006 > 1007 </li> 1008 <li class="mt-3"> 1009 <a 1010 class="footer-nav-item" 1011 href="index.html#sec-577e" 1012 data-page-id="89988918" 1013 >Kontakt<span class="color-lb-blue">.</span></a 1014 > 1015 </li> 1016 </ul> 1017 </div> 1018 </div> 1019 </div> 1020 </section> 1021 1022 <footer class="small font-lb" id="sec-3bf8" style=""> 1023 <div class="d-flex container mx-auto pb-3"> 1024 <div> 1025 <a class="custom-link mr-3" href="Legal.html" data-page-id="22739942"> 1026 Legal Information. 1027 </a> 1028 <a class="custom-link" href="Privacy.html" data-page-id="248910129" 1029 >Privacy Policy.</a 1030 > 1031 </div> 1032 <span class="ml-auto custom-link"> © 2015 - 2023 Lemon Blue GmbH </span> 1033 </div> 1034 </footer> 1035 </body> 1036
1036<script> 1037 var doc = document.documentElement; 1038 var w = window; 1039 1040 var prevScroll = w.scrollY || doc.scrollTop; 1041 var curScroll; 1042 var direction = 0; 1043 var prevDirection = 0; 1044 1045 var header = document.getElementById("sec-9afa"); 1046 1047 let invertibles = document.getElementsByClassName("invertible"); 1048 let logo = document.getElementById("logo"); 1049 1050 var mobile = window.screen.width <= 768; 1051 1052 var checkScroll = function () { 1053 /* 1054 ** Find the direction of scroll 1055 ** 0 - initial, 1 - up, 2 - down 1056 */ 1057 1058 curScroll = w.scrollY || doc.scrollTop; 1059 if (curScroll > prevScroll) { 1060 //scrolled up 1061 direction = 2; 1062 } else if (curScroll < prevScroll) { 1063 //scrolled down 1064 direction = 1; 1065 } 1066 1067 if (direction !== prevDirection) { 1068 toggleHeader(direction, curScroll); 1069 } 1070 1071 prevScroll = curScroll; 1072 }; 1073 1074 var toggleHeader = function (direction, curScroll) { 1075 // if (!mobile) { 1076 if (direction === 2 && curScroll > w.innerHeight - header.offsetHeight) { 1077 logo.src = "images/logo-blue.svg"; 1078 header.setAttribute("style", "background: white !important;"); 1079 for (let invertible of invertibles) { 1080 invertible.setAttribute("style", "color: black !important;"); 1081 invertible.classList.add("nav-item-inverted"); 1082 invertible.classList.remove("nav-item-default"); 1083 } 1084 1085 prevDirection = direction; 1086 } else if ( 1087 direction === 1 && 1088 curScroll < w.innerHeight + header.offsetHeight 1089 ) { 1090 logo.src = "images/logo-white.svg"; 1091 header.setAttribute("style", "background: transparent !important;"); 1092 1093 for (let invertible of invertibles) { 1094 invertible.setAttribute("style", "color: white !important"); 1095 invertible.classList.remove("nav-item-inverted"); 1096 invertible.classList.add("nav-item-default"); 1097 } 1098 1099 prevDirection = direction; 1100 } 1101 // } 1102 }; 1103 1104 window.addEventListener("scroll", checkScroll); 1105 </script>
1105 1106
1106<script> 1107 function Sleep(milliseconds) { 1108 return new Promise((resolve) => setTimeout(resolve, milliseconds)); 1109 } 1110 </script>
1110 1111
1111<script> 1112 // if (mobile) { 1113 // window.onload = function () { 1114 // let animated = document.getElementsByClassName('animated'); 1115 // console.log(animated) 1116 // 1117 // for (let animatedElem of animated) { 1118 // animatedElem.classList.remove('animated'); 1119 // } 1120 // } 1121 // 1122 // } 1123 </script>
1123 1124
1124<script> 1125 function openMenu() { 1126 let menu = document.getElementById("mobile-menu"); 1127 menu.style.display = "block"; 1128 menu.style.marginTop = "250px"; 1129 } 1130 window.onload = function () { 1131 let menuBtn = document.getElementById("mobile-menu-btn"); 1132 menuBtn.addEventListener("click", openMenu); 1133 }; 1134 </script>
1134 1135</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.