1 2<!DOCTYPE html> 3<html lang="en"> 4 <head> 5 6 <!-- Basic --> 7 <meta charset="utf-8"> 8 <meta name="viewport" content="width=device-width, initial-scale=1"> 9 10 <title>Kontakt | Cynex - It's simple!</title> 11 12 <meta name="keywords" content="webdesign,hosting,cms,Content Management System,suchmaschinenoptimierung,internetagentur,webagentur,homepage,Internetauftritt,eGovernment,suchmaschinenmarketing,ebusiness,ecommerce, Sirnach, Thurgau, Schweiz" /> 13 <meta name="description" content="Webdesign und Hosting für Privatpersonen und KMUs. Auch mit CMS (Joomla, Wordpress, etc.) Unterstützung."> 14 <meta name="author" content="Cynex "> 15 16 <!-- Favicon --> 17 <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" /> 18 <link rel="apple-touch-icon" href="img/apple-touch-icon.png"> 19 20 <!-- Mobile Metas --> 21 <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, shrink-to-fit=no"> 22 23 <!-- Web Fonts --> 24 <link id="googleFonts" href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800%7CShadows+Into+Light&display=swap" rel="stylesheet" type="text/css"> 25 26 <!-- Vendor CSS --> 27 <link rel="stylesheet" href="vendor/bootstrap/css/bootstrap.min.css"> 28 <link rel="stylesheet" href="vendor/fontawesome-free/css/all.min.css"> 29 <link rel="stylesheet" href="vendor/animate/animate.compat.css"> 30 <link rel="stylesheet" href="vendor/simple-line-icons/css/simple-line-icons.min.css"> 31 <link rel="stylesheet" href="vendor/owl.carousel/assets/owl.carousel.min.css"> 32 <link rel="stylesheet" href="vendor/owl.carousel/assets/owl.theme.default.min.css"> 33 <link rel="stylesheet" href="vendor/magnific-popup/magnific-popup.min.css"> 34 35 <!-- Theme CSS --> 36 <link rel="stylesheet" href="css/theme.css"> 37 <link rel="stylesheet" href="css/theme-elements.css"> 38 <link rel="stylesheet" href="css/theme-blog.css"> 39 <link rel="stylesheet" href="css/theme-shop.css"> 40 41 <!-- Current Page CSS --> 42 <link rel="stylesheet" href="vendor/circle-flip-slideshow/css/component.css"> 43 44 <!-- Skin CSS --> 45 <link id="skinCSS" rel="stylesheet" href="css/skins/default.css"> 46 47 <!-- Theme Custom CSS --> 48 <link rel="stylesheet" href="css/custom.css"> 49 50 <!-- Head Libs --> 51
51<script src="vendor/modernizr/modernizr.min.js"></script>
51 52 53
53<script src="https://polyfill.io/v3/polyfill.min.js?features=default"></script>
53 54 55 56
56<script type="module" src="./index.js"></script>
56 57 58 </head> 59 60 <body data-plugin-page-transition> 61 <div class="body"> 62 63 <header id="header" data-plugin-options="{'stickyEnabled': true, 'stickyEnableOnBoxed': true, 'stickyEnableOnMobile': false, 'stickyStartAt': 45, 'stickySetTop': '-45px', 'stickyChangeLogo': true}"> 64 <div class="header-body"> 65 <div class="header-container container"> 66 <div class="header-row"> 67 <div class="header-column"> 68 <div class="header-row"> 69 <div class="header-logo"> 70 <a href="https://www.cynex.ch/web"> 71 <img alt="Porto" width="252" height="104" data-sticky-width="252" data-sticky-height="104" data-sticky-top="25" src="img/logo_cynex.png"> 72 </a> 73 </div> 74 </div> 75 </div> 76 <div class="header-column justify-content-end"> 77 <div class="header-row pt-3"> 78 <nav class="header-nav-top"> 79 <ul class="nav nav-pills"> 80 <li class="nav-item nav-item-anim-icon d-none d-md-block"> 81 <a class="nav-link ps-0" href="https://www.cynex.ch/web/uebermich.php"><i class="fas fa-angle-right"></i> Ãber mich</a> 82 </li> 83 <li class="nav-item nav-item-anim-icon d-none d-md-block"> 84 <a class="nav-link" href="https://www.cynex.ch/web/kontakt.php"><i class="fas fa-angle-right"></i> Kontakt</a> 85 </li> 86 <li class="nav-item nav-item-anim-icon d-none d-md-block"> 87 <a class="nav-link" href="https://www.cynex.ch/web/dsgvo.php"><i class="fas fa-angle-right"></i> Datenschutzerklärung</a> 88 </li> 89 <li class="nav-item nav-item-left-border nav-item-left-border-remove nav-item-left-border-md-show"> 90 <span class="ws-nowrap"><i class="fas fa-envelope"></i> [email protected]</span> 91 </li> 92 </ul> 93 </nav> 94 <!-- <div class="header-nav-features"> 95 <div class="header-nav-feature header-nav-features-search d-inline-flex"> 96 <a href="#" class="header-nav-features-toggle text-decoration-none" data-focus="headerSearch" aria-label="Search"><i class="fas fa-search header-nav-top-icon"></i></a> 97 <div class="header-nav-features-dropdown" id="headerTopSearchDropdown"> 98 <form role="search" action="page-search-results.html" method="get"> 99 <div class="simple-search input-group"> 100 <input class="form-control text-1" id="headerSearch" name="q" type="search" value="" placeholder="Search..."> 101 <button class="btn" type="submit" aria-label="Search"> 102 <i class="fas fa-search header-nav-top-icon"></i> 103 </button> 104 </div> 105 </form> 106 </div> 107 </div> 108 <div class="header-nav-feature header-nav-features-cart d-inline-flex ms-2"> 109 <a href="#" class="header-nav-features-toggle" aria-label=""> 110 <img src="img/icons/icon-cart.svg" width="14" alt="" class="header-nav-top-icon-img"> 111 <span class="cart-info d-none"> 112 <span class="cart-qty">1</span> 113 </span> 114 </a> 115 <div class="header-nav-features-dropdown" id="headerTopCartDropdown"> 116 <ol class="mini-products-list"> 117 <li class="item"> 118 <a href="#" title="Camera X1000" class="product-image"><img src="img/products/product-1.jpg" alt="Camera X1000"></a> 119 <div class="product-details"> 120 <p class="product-name"> 121 <a href="#">Camera X1000 </a> 122 </p> 123 <p class="qty-price"> 124 1X <span class="price">$890</span> 125 </p> 126 <a href="#" title="Remove This Item" class="btn-remove"><i class="fas fa-times"></i></a> 127 </div> 128 </li> 129 </ol> 130 <div class="totals"> 131 <span class="label">Total:</span> 132 <span class="price-total"><span class="price">$890</span></span> 133 </div> 134 <div class="actions"> 135 <a class="btn btn-dark" href="#">View Cart</a> 136 <a class="btn btn-primary" href="#">Checkout</a> 137 </div> 138 </div> 139 </div> 140 </div> --> 141 </div> 142 <div class="header-row"> 143 <div class="header-nav pt-1"> 144 <div class="header-nav-main header-nav-main-effect-1 header-nav-main-sub-effect-1"> 145 <nav class="collapse"> 146 <ul class="nav nav-pills" id="mainNav"> 147 <li class="dropdown"> 148 <a class="dropdown-item " href="index.php"> 149 Home 150 </a> 151 152 </li> 153 <li class="dropdown"> 154 <a class="dropdown-item " href="uebermich.php"> 155 Ãber mich 156 </a> 157 158 </li> 159 <li class="dropdown"> 160 <a class="dropdown-item " href="dienstleistung.php"> 161 Dienstleistungen 162 </a> 163 164 </li> 165 <li class="dropdown"> 166 <a class="dropdown-item " href="https://www.cynex.ch/blog"> 167 Blog 168 </a> 169 170 </li> 171 <li class="dropdown"> 172 <a class="dropdown-item active" href="kontakt.php"> 173 Kontakt 174 </a> 175 176 </li> 177 <li class="dropdown"> 178 <a class="dropdown-item " href="tickets.php"> 179 Support 180 </a> 181 182 </li> 183 184 </ul> 185 </nav> 186 </div> 187 <ul class="header-social-icons social-icons d-none d-sm-block"> 188 <li class="social-icons-facebook"><a href="http://www.facebook.com/" target="_blank" title="Facebook"><i class="fab fa-facebook-f"></i></a></li> 189 <li class="social-icons-twitter"><a href="http://www.twitter.com/SetrakC" target="_blank" title="Twitter"><i class="fab fa-twitter"></i></a></li> 190 <li class="social-icons-linkedin"><a href="http://www.linkedin.com/" target="_blank" title="Linkedin"><i class="fab fa-linkedin-in"></i></a></li> 191 </ul> 192 <button class="btn header-btn-collapse-nav" data-bs-toggle="collapse" data-bs-target=".header-nav-main nav"> 193 <i class="fas fa-bars"></i> 194 </button> 195 </div> 196 </div> 197 </div> 198 </div> 199 </div>
200 </div> 201 </header> 202 203 <div role="main" class="main"> 204 205 <section class="page-header"> 206 <div class="container"> 207 <div class="row"> 208 <div class="col-md-12"> 209 <ul class="breadcrumb"> 210 <li><a href="index.php">Home</a></li> 211 <li class="active"><a href="kontakt.php">Kontakt</a></li> 212 </ul> 213 </div> 214 </div> 215 <div class="row"> 216 <div class="col-md-12"> 217 <h1>Kontakt</h1> 218 </div> 219 </div> 220 </div> 221 </section> 222 223 <!-- Google Maps - Go to the bottom of the page to change settings and map location. --> 224<iframe width="100%" height="450" style="border:0" loading="lazy" allowfullscreen src="https://www.google.com/maps/embed/v1/place?q=place_id:ChIJb3W6rVOMmkcRHdd6BPRPMfk&key=AIzaSyB7yLEwRQv0-QrkABDIzo8SBZokSuH3uY0"></iframe> 225 <div class="container"> 226 <div class="row py-4"> 227 <div class="col-lg-6"> 228 <h2 class="font-weight-bold text-8 mt-2 mb-0">Kontaktiere mich</h2> 229 <p class="mb-4">Bitte scheue keine Fragen und kontaktiere mich</p> 230 <form class="contact-form" action="php/contact-form.php" method="POST"> 231 <div class="contact-form-success alert alert-success d-none mt-4"> 232 <strong>Erfolg!</strong> Deine Nachricht wurde versandt. 233 </div> 234 <div class="contact-form-error alert alert-danger d-none mt-4"> 235 <strong>Fehler!</strong>
235 Da ist was schief gelaufen. Versuche es später noch einmal 236 <span class="mail-error-message text-1 d-block"></span> 237 </div> 238 <div class="row"> 239 <div class="form-group col-lg-6"> 240 <label class="form-label mb-1 text-2">Name</label> 241 <input type="text" value="" data-msg-required="Please enter your name." maxlength="100" class="form-control text-3 h-auto py-2" name="name" required> 242 </div> 243 <div class="form-group col-lg-6"> 244 <label class="form-label mb-1 text-2">Email Addresse</label> 245 <input type="email" value="" data-msg-required="Please enter your email address." data-msg-email="Please enter a valid email address." maxlength="100" class="form-control text-3 h-auto py-2" name="email" required> 246 </div> 247 </div> 248 <div class="row"> 249 <div class="form-group col"> 250 <label class="form-label mb-1 text-2">Betreff</label> 251 <input type="text" value="" data-msg-required="Please enter the subject." maxlength="100" class="form-control text-3 h-auto py-2" name="subject" required> 252 </div> 253 </div> 254 <div class="row"> 255 <div class="form-group col"> 256 <label class="form-label mb-1 text-2">Nachricht</label> 257 <textarea maxlength="5000" data-msg-required="Please enter your message." rows="8" class="form-control text-3 h-auto py-2" name="message" required></textarea> 258 </div> 259 </div> 260 <div class="row"> 261 <div class="form-group col"> 262 <input type="submit" value="Senden" class="btn btn-primary btn-modern" data-loading-text="Loading..."> 263 </div> 264 </div> 265 <div class="messages"></div> 266 </form> 267 </div> 268 <div class="col-lg-6"> 269 <div class="appear-animation" data-appear-animation="fadeIn" data-appear-animation-delay="800"> 270 <h4 class="mt-2 mb-1">Meine Büroräumlichkeiten <strong></strong></h4> 271 <ul class="list list-icons list-icons-style-2 mt-2"> 272 <li><i class="fas fa-map-marker-alt top-6"></i> <strong class="text-dark">Ich arbeite von zuhause aus.</strong> Termine nur in Absprache</li> 273 <li><i class="fas fa-phone top-6"></i> <strong class="text-dark">Tel.:</strong> +41 (0)78 771 60 36</li> 274 <li><i class="fas fa-envelope top-6"></i> <strong class="text-dark">Email:</strong> <a href="mailto:[email protected]">[email protected]</a></li> 275 </ul> 276 </div> 277 <div class="appear-animation" data-appear-animation="fadeIn" data-appear-animation-delay="950"> 278 <h4 class="pt-5">Geschäfts<strong>zeiten</strong></h4> 279 <ul class="list list-icons list-dark mt-2"> 280 <li><i class="far fa-clock top-6"></i> Unregelmässig :-) Ich setze mir mit dir in Verbindung, immer sobald es mir möglich ist.</li> 281 282 283 </ul> 284 </div> 285 <h4 class="pt-5">Wissens<strong>wertes</strong></h4> 286 <p class="lead mb-0 text-4">Ich arbeite hauptsächlich in meiner Freizeit für Cynex . Dadurch und durch nicht vorhandene Büroräumlichkeiten kann ich attraktive Preise anbieten und habe dennoch Spass an der Sache.</p> 287 </div> 288 </div> 289 </div> 290 </div> 291 292 <footer id="footer"> 293 <div class="container"> 294 <div class="footer-ribbon"> 295 <span>Verbinde dich mit mir</span> 296 </div> 297 <div class="row py-5 my-4"> 298 <div class="col-md-6 col-lg-4 mb-4 mb-lg-0"> 299 <h5 class="text-3 mb-3">NEWSLETTER</h5> 300 <p class="pe-1">Sei immer auf dem neusten Stand über meine Arbeit. Trage deine E-Mail Adresse ein und bestelle den Newsletter.</p> 301 <div class="alert alert-success d-none" id="newsletterSuccess"> 302 <strong>Erfolgreich!</strong> Du wurdest in der E-Mail Liste aufgenommen. 303 </div> 304 <div class="alert alert-danger d-none" id="newsletterError"></div> 305 <form id="newsletterForm" action="php/newsletter-subscribe.php" method="POST" class="me-4 mb-3 mb-md-0"> 306 <div class="input-group input-group-rounded"> 307 <input class="form-control form-control-sm bg-light" placeholder="Email Address" name="newsletterEmail" id="newsletterEmail" type="email"> 308 <button class="btn btn-light text-color-dark" type="submit"><strong>Anmelden!</strong></button> 309 </div> 310 </form> 311 </div> 312 <div class="col-md-6 col-lg-3 mb-4 mb-lg-0"> 313 314 <h5 class="text-3 mb-3">Letzte Blog Einträge</h5> 315 <ul class="list-unstyled mb-0"> 316 <li class="mb-2 pb-1"> 317 <a href="https://cynex.ch/blog/?p=87"> 318 <p class="text-3 text-color-light opacity-8 mb-0"><i class="fas fa-angle-right text-color-primary"></i><strong class="ms-2 font-weight-semibold">MINIMARCEL ist online!</strong></p> 319 <p class="text-2 mb-0">Juni 21, 2024 @ 22:10</p> 320 </a> 321 </li> 322 </ul> 323 <ul class="list-unstyled mb-0"> 324 <li class="mb-2 pb-1"> 325 <a href="https://cynex.ch/blog/?p=27"> 326 <p class="text-3 text-color-light opacity-8 mb-0"><i class="fas fa-angle-right text-color-primary"></i><strong class="ms-2 font-weight-semibold">Neues Ticket Center</strong></p> 327 <p class="text-2 mb-0">Juni 24, 2016 @ 8:36</p> 328 </a> 329 </li> 330 </ul> 331 </div> 332 <div class="col-md-6 col-lg-3 mb-4 mb-md-0"> 333 <div class="contact-details"> 334 <h5 class="text-3 mb-3">KONTAKT</h5> 335 <ul class="list list-icons list-icons-lg"> 336 <!--<li class="mb-1"><i class="far fa-dot-circle text-color-primary"></i><p class="m-0">Brunnenwiese 8, 8505 Dettighofen</p></li> --> 337 <li class="mb-1"><i class="fab fa-whatsapp text-color-primary"></i><p class="m-0"><a href="tel:41787716036">+41 (0)78 771 60 36</a></p></li> 338 <li class="mb-1"><i class="far fa-envelope text-color-primary"></i><p class="m-0"><a href="mailto:[email protected]">[email protected]</a></p></li> 339 </ul> 340 </div> 341 </div> 342 <div class="col-md-6 col-lg-2"> 343 <h5 class="text-3 mb-3">FOLGE UNS</h5> 344 <ul class="social-icons"> 345 <li class="social-icons-facebook"><a href="http://www.facebook.com/" target="_blank" title="Facebook"><i class="fab fa-facebook-f"></i></a></li> 346 <li class="social-icons-twitter"><a href="http://www.twitter.com/SetrakC" target="_blank" title="Twitter"><i class="fab fa-twitter"></i></a></li> 347 <li class="social-icons-linkedin"><a href="http://www.linkedin.com/" target="_blank" title="Linkedin"><i class="fab fa-linkedin-in"></i></a></li> 348 </ul> 349 </div> 350 </div>
351 </div> 352 <div class="footer-copyright"> 353 <div class="container py-2"> 354 <div class="row py-4"> 355 <div class="col-lg-1 d-flex align-items-center justify-content-center justify-content-lg-start mb-2 mb-lg-0"> 356 <a href="index.html" class="logo pe-0 pe-lg-3"> 357 <!-- <img alt="Porto Website Template" src="img/logo-footer.png" class="opacity-5" width="49" height="22" data-plugin-options="{'appearEffect': 'fadeIn'}">--> 358 </a> 359 </div> 360 <div class="col-lg-7 d-flex align-items-center justify-content-center justify-content-lg-start mb-4 mb-lg-0"> 361 <p>© Copyright 2023. Alle Rechte vorbehalten.</p> 362 </div> 363 <div class="col-lg-4 d-flex align-items-center justify-content-center justify-content-lg-end"> 364 <nav id="sub-menu"> 365 <ul> 366 <li><i class="fas fa-angle-right"></i><a href="https://www.cynex.ch/web/faq.php" class="ms-1 text-decoration-none"> FAQ's</a></li> 367 <li><i class="fas fa-angle-right"></i><a href="https://www.cynex.ch/web/sitemap.php" class="ms-1 text-decoration-none"> Sitemap</a></li> 368 <li><i class="fas fa-angle-right"></i><a href="https://www.cynex.ch/web/kontakt.php" class="ms-1 text-decoration-none"> Kontakt</a></li> 369 <li><i class="fas fa-angle-right"></i><a href="https://www.cynex.ch/web/dsgvo.php" class="ms-1 text-decoration-none"> DSGVO</a></li> 370 </ul> 371 </nav> 372 </div> 373 </div> 374 </div> 375 </div> 376 </footer> 377 </div> 378 379 <!-- Vendor --> 380
380<script src="vendor/plugins/js/plugins.min.js"></script>
380 381 382 <!-- Theme Base, Components and Settings --> 383
383<script src="js/theme.js"></script>
383 384 385 <!-- Circle Flip Slideshow Script --> 386
386<script src="vendor/circle-flip-slideshow/js/jquery.flipshow.min.js"></script>
386 387 <!-- Current Page Views --> 388
388<script src="js/views/view.home.js"></script>
388 389 390 <!-- Theme Custom --> 391
391<script src="js/custom.js"></script>
391 392 393 <!-- Theme Initialization Files --> 394
394<script src="js/theme.init.js"></script>
394 395
395<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY"></script>
395 396 397
397<script> 398 // Initialize and add the map 399let map; 400 401async function initMap() { 402 // The location of Uluru 403 const position = { lat: -25.344, lng: 131.031 }; 404 // Request needed libraries. 405 //@ts-ignore 406 const { Map } = await google.maps.importLibrary("maps"); 407 const { AdvancedMarkerView } = await google.maps.importLibrary("marker"); 408 409 // The map, centered at Uluru 410 map = new Map(document.getElementById("map"), { 411 zoom: 4, 412 center: position, 413 mapId: "DEMO_MAP_ID", 414 }); 415 416 // The marker, positioned at Uluru 417 const marker = new AdvancedMarkerView({ 418 map: map, 419 position: position, 420 title: "Uluru", 421 }); 422} 423 424initMap(); 425</script>
425 426 </body> 427</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.