PageSourceSearch

https://www.cynex.ch/web/kontakt.php

html cynex.ch collected 2026-10-04 21:26:42 UTC 19,561 bytes, 427 lines download raw bytes

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.