<!DOCTYPE html>
<html lang="en">
<head>
<!-- Meta Tags -->
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">
<!-- Author -->
<meta name="author" content="Easyonline UG">
<!-- Description -->
<meta name="description" content="CanTheOn UG, AML, Datenschutz, Doc-At-Home und mehr">
<!-- Page Title -->
<title>CanTheOn UG</title>
<!-- Favicon -->
<link href="vendor/img/favicon.ico" rel="icon">
<!-- Bundle -->
<link rel="stylesheet" href="vendor/css/bundle.min.css">
<!-- Revolution Slider CSS Files -->
<link rel="stylesheet" href="vendor/css/revolution-settings.min.css">
<!-- Plugin Css -->
<link href="vendor/css/LineIcons.min.css" rel="stylesheet">
<link href="vendor/css/jquery.fancybox.min.css" rel="stylesheet">
<link href="vendor/css/owl.carousel.min.css" rel="stylesheet">
<link href="vendor/css/wow.css" rel="stylesheet">
<link rel="stylesheet" href="vendor/css/cubeportfolio.min.css">
<link href="css/line-awesome.min.css" rel="stylesheet">
<!-- Style Sheet -->
<link href="css/style.css" rel="stylesheet">
<link href="css/custom.css" rel="stylesheet">
</head>
<body data-spy="scroll" data-target=".navbar" data-offset="90">
<!-- Start Preloader -->
<div class="loader">
<div class="loader-inner">
<div class="loader-blocks">
<span class="block-1"></span>
<span class="block-2"></span>
<span class="block-3"></span>
<span class="block-4"></span>
<span class="block-5"></span>
<span class="block-6"></span>
<span class="block-7"></span>
<span class="block-8"></span>
<span class="block-9"></span>
<span class="block-10"></span>
<span class="block-11"></span>
<span class="block-12"></span>
<span class="block-13"></span>
<span class="block-14"></span>
<span class="block-15"></span>
<span class="block-16"></span>
</div>
</div>
</div>
<!-- End Preloader -->
<!-- Header Start -->
<header id="home" class="cursor-light">
<div class="inner-header nav-icon">
<div class="main-navigation">
<div class="container">
<div class="row">
<div class="col-8 col-lg-10 simple-navbar d-flex align-items-center justify-content-start">
<!-- Logo -->
<a class="navbar-brand scroll" href="#banner">
<h1 style="color: #ffffff";>CanTheOn</h1>
</a>
<nav class="navbar navbar-expand-lg">
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<div class="navbar-nav ml-auto">
<a class="nav-link scroll active" href="#about">Über uns</a>
<a class="nav-link scroll" href="#company-portfolio-section">Produkte</a>
<a class="nav-link scroll" href="#testimonial-sec">Meinungen</a>
<a class="nav-link scroll" href="#contact-sec">Kontakt</a>
<span class="menu-line link"><i aria-hidden="true" class="fa fa-angle-down"></i></span>
</div>
</div>
</nav>
</div>
<div class="col-lg-2 px-0 simple-navbar align-items-center justify-content-end d-none d-lg-flex">
<div class="navbar-social side-icons d-flex justify-content-center">
<a class="social-icon" href="javascript:void(0);"><i class="fab fa-facebook-f"></i></a>
<a class="social-icon" href="javascript:void(0);"><i class="fab fa-twitter"></i></a>
<a class="social-icon" href="javascript:void(0);"><i class="fab fa-linkedin-in"></i></a>
<a class="social-icon" href="javascript:void(0);"><i class="fab fa-instagram"></i></a>
</div>
</div>
</div>
</div>
</div>
<!--toggle btn-->
<a href="javascript:void(0)" class="sidemenu_btn" id="sidemenu_toggle">
<span></span>
<span></span>
</a>
</div>
<!--Side Nav-->
<div class="side-menu hidden side-menu-opacity">
<div class="inner-wrapper">
<span class="btn-close" id="btn_sideNavClose"><i></i><i></i></span>
<a href="#banner" class="navbar-brand side-logo scroll">
<h1 style="color: #ffffff";>CanTheOn</h1>
</a>
<nav class="side-nav w-100">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link scroll" href="#about">Über uns</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#company-portfolio-section">Produkte</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#testimonial-sec">Meinungen</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#contact-sec">Kontakt</a>
</li>
</ul>
</nav>
<div class="side-footer text-white w-100 d-flex justify-content-center">
<ul class="social-icons-simple">
<li><a class="facebook-text-hvr" href="javascript:void(0)"><i class="fab fa-facebook-f"></i> </a> </li>
<li><a class="twitter-text-hvr" href="javascript:void(0)"><i class="fab fa-twitter"></i> </a> </li>
<li><a class="linkedin-text-hvr" href="javascript:void(0)"><i class="fab fa-linkedin-in"></i> </a> </li>
<li><a class="instagram-text-hvr" href="javascript:void(0)"><i class="fab fa-instagram"></i> </a> </li>
</ul>
</div>
</div>
<svg class="separator__svg" id="side-menu-svg" width="100%" viewBox="0 0 100 100" preserveAspectRatio="none" fill="#fff" version="1.1" xmlns="http://www.w3.org/2000/svg">
<path d="M 100 100 V 10 L 0 100"/>
<path d="M 30 73 L 100 18 V 10 Z" fill="#fff" stroke-width="0"/>
</svg>
</div>
<a id="close_side_menu" href="javascript:void(0);"></a>
</header>
<!-- Header End -->
<!-- Start Banner -->
<section class="banner-slider position-relative py-0 " id="banner">
<!-- Banner Svg -->
<svg id="banner-header-svg" class="separator__svg" width="100%" viewBox="0 0 100 100" preserveAspectRatio="none" fill="#6b30e9" version="1.1" xmlns="http://www.w3.org/2000/svg">
<path d="M 100 100 V 10 L 0 100"/>
<path d="M 30 73 L 100 18 V 10 Z" fill="#6b30e9" stroke-width="0"/>
</svg>
<div class="container">
<div class="row banner-slider-row">
<!-- Content -->
<div class="col-12 col-lg-6 d-flex align-items-center text-center text-lg-left">
<div class="heading-area wow slideInLeft" data-wow-delay=".8s">
<span class="sub-heading text-blue">mehr Zeit durch Software</span>
<h4 class="heading">Damit Ihr Leben einfacher wird</h4>
<p class="text">Wir haben für Sie aus dem Alltag Services entwickelt, damit Sie im Alltag durchathmen können und sich darauf konzentieren, womit Sie Ihr Geld verdienen.</p>
</div>
</div>
<!-- Image -->
<div class="col-12 col-lg-6 banner-image d-flex align-items-center">
<div class="slider-img-area wow slideInRight" data-wow-delay=".8s" data-depth="0.1">
<img src="images/banner-img.png" alt="plant" id="slider-inner-img">
</div>
</div>
</div>
</div>
</section>
<!-- End Banner -->
<!-- Start About -->
<section class="about pt-md-5" id="about">
<div class="container">
<div class="row">
<!-- Image -->
<div class="col-12 col-lg-6 img-sec">
<div class="green_rectangle"></div>
<div class="about_img margin_about-img">
<img src="images/about.jpg" alt="About Image">
</div>
</div>
<!-- Content -->
<div class="col-12 col-lg-6">
<div class="heading-area feature-margin">
<span class="sub-heading text-blue">Wer wir sind</span>
<h4 class="heading">Über uns</h4>
<p class="text">Wir sind ein junges Unternehmen welches sich als Ziel gesetzt hat, unseren Patienten schnell und unproblematisch zu helfen.</p>
</div>
<!-- Item-1 -->
<div class="feature-item">
<div class="laptop-features-icon text-pink">
<span class="icon"><i class="lni lni-briefcase"></i></span>
</div>
<div class="features-content">
<h4>Konzept</h4>
<p>Jedes Produkt ist nur so gut, wie das Konzept das sich dahinter verbirgt.</p>
</div>
</div>
<!-- Item-2 -->
<div class="feature-item">
<div class="laptop-features-icon text-blue">
<span class="icon"><i class="lni lni-heart"></i></span>
</div>
<div class="features-content">
<h4>Herz</h4>
<p>Keine Software kann den Ansprüchen genügen, wenn es ohne Herz entwickelt wurde.</p>
</div>
</div>
<!-- Item-3 -->
<div class="feature-item">
<div class="laptop-features-icon text-purple">
<span class="icon"><i class="lni lni-bulb"></i></span>
</div>
<div class="features-content">
<h4>Verstand</h4>
<p>Nur ein logischer Verstand, kann den perfekten Aufbau und Ablauf für die Kunden schaffen.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End About -->
<!-- Start Counters -->
<section class="company-stats-section py-0 py-md-5">
<div class="container">
<div class="row">
<div class="col-12 col-md-12">
<div class="row">
<!-- First Counter -->
<div class="col-12 col-md-3">
<div class="stats-block-inner text-center">
<i class="lni lni-bar-chart text-blue"></i>
<div class="stats-number-inner">
<span>400</span>+
</div>
<p class="paragraph">Termine und Anträge</p>
</div>
</div>
<!-- Second Counter -->
<div class="col-12 col-md-3">
<div class="stats-block-inner text-center">
<i class="lni lni-heart text-purple"></i>
<div class="stats-number-inner">
<span>600</span>+
</div>
<p class="paragraph">Kunden</p>
</div>
</div>
<!-- Third Counter -->
<div class="col-12 col-md-3">
<div class="stats-block-inner text-center">
<i class="lni lni-protection text-pink"></i>
<div class="stats-number-inner">
<span>730</span>+
</div>
<p class="paragraph">Erledigte Aufträge</p>
</div>
</div>
<!-- Fourth Counter -->
<div class="col-12 col-md-3">
<div class="stats-block-inner text-center">
<i class="lni lni-blackboard text-blue"></i>
<div class="stats-number-inner">
<span>840</span>+
</div>
<p class="paragraph">Anfragen</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End Counters -->
<!-- Start Portfolio -->
<section class="portfolio-sec company-portfolio-section" id="company-portfolio-section">
<div class="container">
<div class="section-heading">
<div class="row">
<div class="col-lg-6 wow fadeInUp text-center text-lg-left" data-wow-delay="300ms">
<h1 class="heading">unsere Projekte für Sie</h1>
</div>
<!-- Filters -->
<div class="col-lg-6">
<div id="js-filters-mosaic" class="cbp-l-filters-button wow fadeInUp text-center text-lg-left" data-wow-delay="350ms">
<div data-filter="*" class="cbp-filter-item-active cbp-filter-item">All</div>
<div data-filter=".right" class="cbp-filter-item">Recht</div>
<div data-filter=".medizin" class="cbp-filter-item">Medizin</div>
<div data-filter=".software" class="cbp-filter-item">Software</div>
</div>
</div>
<div class="col-md-12 pt-4 pt-md-5">
<div id="js-grid-mosaic" class="cbp cbp-l-grid-mosaic">
<!-- Image-1 -->
<div class="cbp-item right">
<a href="images/aml.png" class="cbp-caption cbp-lightbox" data-title="AML.direct">
<div class="cbp-caption-defaultWrap">
<img src="images/aml.png" alt="img">
</div>
<div class="cbp-caption-activeWrap portfolio-hover-effect d-flex align-items-end">
<div class="portfolio-inner-content">
<span></span>
<span></span>
</div>
<div class="hover-text">
<h4 class="p-hover-title">AML.direct</h4>
<p class="p-hover-des">Ihre Berater in Sachen Geldwäsche und Datenschutz</p>
</div>
</div>
</a>
<a href="https://AML.direct" target="_blank">AML.direct</a>
</div>
<!-- Image-2 -->
<div class="cbp-item medizin">
<a href="images/doc-at-home.png" class="cbp-caption cbp-lightbox" data-title="Doc-At-Home.de">
<div class="cbp-caption-defaultWrap">
<img src="images/doc-at-home.png" alt="img">
</div>
<div class="cbp-caption-activeWrap portfolio-hover-effect d-flex align-items-end">
<div class="portfolio-inner-content">
<span></span>
<span></span>
</div>
<div class="hover-text">
<h4 class="p-hover-title">Doc-At-Home.de</h4>
<p class="p-hover-des">Telemedizin bequem von zu Hause</p>
</div>
</div>
</a>
<a href="https://Doc-At-Home.de" target="_blank">Doc-At-Home.de</a>
</div>
<!-- Image-3 -->
<div class="cbp-item software">
<a href="images/easyonline.png" class="cbp-caption cbp-lightbox" data-title="easyonline.de">
<div class="cbp-caption-defaultWrap">
<img src="images/easyonline.png" alt="img">
</div>
<div class="cbp-caption-activeWrap portfolio-hover-effect d-flex align-items-end">
<div class="portfolio-inner-content">
<span></span>
<span></span>
</div>
<div class="hover-text">
<h4 class="p-hover-title">easyonline.de</h4>
<p class="p-hover-des">Software nach Mass</p>
</div>
</div>
</a>
<a href="https://easyonline.de" target="_blank">easyonline.de</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End Portfolio -->
<!-- Start Testimonials -->
<section class="testimonial-sec padding-top position-relative" id="testimonial-sec">
<!-- Upper Svg -->
<svg class="separator__svg" id="testimonial-header-svg" width="100%" viewBox="0 0 100 100" preserveAspectRatio="none" fill="#fff" version="1.1" xmlns="http://www.w3.org/2000/svg">
<path d="M 100 100 V 10 L 0 100"/>
<path d="M 30 73 L 100 18 V 10 Z" fill="#fff" stroke-width="0"/>
</svg>
<div class="container">
<div class="testimonial-area">
<div class="row">
<div class="col-12">
<div class="testimonial-title text-center">
<span class="sub-heading">bewegende Zitate</span>
<h1 class="heading">von unseren Kunden</h1>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="testimonial-carousel">
<div class="testimonial-box owl-carousel owl-theme">
<!-- Item-1 -->
<div class="item text-center wow fadeInUp">
<div class="icon-holder">
<i class="fas fa-quote-right"></i>
</div>
<p class="text">Restzeitig erkannt zu haben, welche Risiken fehlende Anmeldungen und Papiere hätten bedeuten können, hat mir nicht nur viel Geld, sondern auch wichtige ZEit für kein Kerngeschäft gespart.</p>
<h4 class="user-name">Harald Neumann (Kamp Lintfort)</h4>
</div>
<!-- Item-2 -->
<div class="item text-center wow fadeInUp" data-wow-delay=".3s">
<div class="icon-holder">
<i class="fas fa-quote-right"></i>
</div>
<p class="text">Statt Warteschlagen in der Praxis und ein nicht ausgelastetes Labor, erreiche ich nun eine volle Auslastung von über 92%.</p>
<h4 class="user-name">Dr. Brackmann (NRW)</h4>
</div>
<!-- Item-3 -->
<div class="item text-center wow fadeInUp" data-wow-delay=".3s">
<div class="icon-holder">
<i class="fas fa-quote-right"></i>
</div>
<p class="text">Ich benötigte lediglich eine kleine Software für meine Verwaltung, anstelle von teuren Preisen, erhielt ich schnelle Hilfe.</p>
<h4 class="user-name">Dennis Herfort</h4>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Lower Svg -->
<svg class="separator__svg" id="testimonial-foot-svg" width="100%" viewBox="0 0 100 100" preserveAspectRatio="none" fill="#fff" version="1.1" xmlns="http://www.w3.org/2000/svg">
<path d="M 100 100 V 10 L 0 100"/>
<path d="M 30 73 L 100 18 V 10 Z" fill="#fff" stroke-width="0"/>
</svg>
</section>
<!-- End Testimonials -->
<!-- Start Contact -->
<section class="contact-sec" id="contact-sec">
<div class="container">
<div class="row">
<!-- Contact Info -->
<div class="col-12 col-lg-6 text-center text-lg-left position-relative wow slideInLeft" data-wow-duration="1s" data-wow-delay=".1s">
<div class="contact-details">
<span class="contact-sub text-pink">Unser Kontakt</span>
<h4 class="contact-head">Impressum</h4>
<p class="text">Wie Sie uns erreichen und wer wir genau sind:</p>
<div class="row">
<div class="col-12 col-md-12">
<h5 class="country text-blue">CanTheOn UG (haftungsbeschränkt)</h5>
<ul>
<li><i aria-hidden="true" class="las la-building"></i>Amtsgericht Wuppertal</li>
<li><i aria-hidden="true" class="las la-gavel"></i>HRB33488</li>
<li><i aria-hidden="true" class="las la-user"></i>Geschäftsführer: Bekir Yildiz</li>
<li><i aria-hidden="true" class="la la-money"></i>Ust-IdNr.: DE360964222</li>
<li><i aria-hidden="true" class="las la-mobile"></i>+49(0)202/2801011</li>
<li><i aria-hidden="true" class="las la-envelope"></i><span><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="70191e161f3013111e0418151f1e5e1415">[email protected]</a></span></li>
<li><i aria-hidden="true" class="las la-map-marker"></i>Hans-Böckler-Straße 149, 42109 Wuppertal, Deutschland</li></ul>
</div>
</div>
</div>
</div>
<!-- Contact Form -->
<div class="col-12 col-lg-6 px-lg-0 pt-5 pt-lg-0 wow slideInRight" data-wow-duration="1s" data-wow-delay=".1s">
<h4 class="contact-heading text-center text-lg-left">Ihre Anfrage</h4>
<p class="contact-para">Schreiben Sie uns einfach Ihre Wünsche, wir versuchen diese zu erfüllen.</p>
<form action="index.php" method="post" class="row contact-form" id="contact-form-data">
<div class="col-sm-12" id="result"></div>
<div class="col-12 col-md-6">
<input type="text" name="name" placeholder="Name" class="form-control">
<input class="form-control" type="tel" placeholder="Telefon" id="Telefon" name="telefon">
</div>
<div class="col-12 col-md-6">
<input type="email" name="email" placeholder="E-Mail" class="form-control">
<input type="text" name="betreff" placeholder="Betreff" class="form-control">
</div>
<div class="col-12">
<textarea class="form-control" name="nachricht" rows="6" placeholder="Ihre Nachricht an uns"></textarea>
<a href="javascript:void(0);" class="btn btn-pink btn-medium btn-rounded contact_btn mt-3">Anfragen</a>
</div>
</form>
</div>
</div>
</div>
</section>
<!-- End Contact -->
<!-- Start Footer -->
<footer class="footer-style-1 bg-light">
<div class="container">
<div class="row align-items-center">
<!--Social-->
<div class="col-lg-6">
<div class="footer-social text-center text-lg-left ">
<ul class="list-unstyled">
<li><a class="wow fadeInUp" href="javascript:void(0);"><i aria-hidden="true" class="fab fa-facebook-f"></i></a></li>
<li><a class="wow fadeInDown" href="javascript:void(0);"><i aria-hidden="true" class="fab fa-twitter"></i></a></li>
<li><a class="wow fadeInUp" href="javascript:void(0);"><i aria-hidden="true" class="fab fa-google-plus-g"></i></a></li>
<li><a class="wow fadeInDown" href="javascript:void(0);"><i aria-hidden="true" class="fab fa-linkedin-in"></i></a></li>
<li><a class="wow fadeInUp" href="javascript:void(0);"><i aria-hidden="true" class="fab fa-instagram"></i></a></li>
<li><a class="wow fadeInDown" href="javascript:void(0);"><i aria-hidden="true" class="fab fa-pinterest-p"></i></a></li>
</ul>
</div>
</div>
<!--Text-->
<div class="col-lg-6 text-center text-lg-left">
<p class="company-about fadeIn">© 2023 by <a href="https://easyonline.de" target="_blank">Easyonline UG (haftungsbeschränkt)</a>
</p>
</div>
</div>
</div>
</footer>
<!-- End Footer -->
<!-- Start Scroll Top -->
<div class="go-top"><i class="fas fa-angle-up"></i><i class="fas fa-angle-up"></i></div>
<!-- End Scroll Top -->
<!-- JavaScript -->
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="vendor/js/bundle.min.js"></script>
<!-- Plugin Js -->
<script src="vendor/js/jquery.appear.js"></script>
<script src="vendor/js/jquery.fancybox.min.js"></script>
<script src="vendor/js/owl.carousel.min.js"></script>
<script src="vendor/js/wow.min.js"></script>
<script src="vendor/js/jquery.cubeportfolio.min.js"></script>
<!-- CUSTOM JS -->
<script src="vendor/js/contact_us.js"></script>
<script src="js/script.js"></script>