<!doctype html>
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js ie7 oldie" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js ie8 oldie" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en-US"> <!--<![endif]-->
<head>

<!-- DEFAULT META TAGS -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>enative - Agentur für digitale Medien</title>
<meta name="description" content="enative ist eine Agentur für digitale Medien. Wir erstellen großartige Websites und Mobile Apps, dabei kombinieren wir Strategie, Design und Softwareentwicklung." />
<!-- DEFAULT META TAGS -->

<!-- FONTS -->
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Lato:300,400,700' rel='stylesheet' type='text/css'>
<!-- FONTS -->

<!-- CSS -->
<link rel='stylesheet' id='default-style-css'  href='files/css/style.css' type='text/css' media='all' />
<link rel='stylesheet' id='owlcarousel-style-css'  href='files/css/owl.carousel.css' type='text/css' media='all' />
<link rel='stylesheet' id='owltransitions-style-css'  href='files/css/owl.transitions.css' type='text/css' media='all' />
<link rel='stylesheet' id='fancybox-style-css'  href='files/css/fancybox.css' type='text/css' media='all' />
<link rel='stylesheet' id='isotope-style-css'  href='files/css/isotope.css' type='text/css' media='all' />
<link rel="stylesheet" id='rsplugin-style-css' href="files/rs-plugin/css/settings.css" type="text/css" media="all" />
<link rel="stylesheet" id='fontawesome-style-css' href="files/css/font-awesome.min.css" type="text/css" media="all" />
<link rel="stylesheet" id='pe-icons-style-css' href="files/css/pe-icon-7-stroke.css" type="text/css" media="all" />
<link rel='stylesheet' id='mqueries-style-css'  href='files/css/mqueries.css' type='text/css' media='all' />
<!-- CSS -->

<!-- FAVICON -->
<link rel="shortcut icon" href="images/favicon.png"/>
<!-- FAVICON -->

<!-- JQUERY LIBRARY -->
<script src="files/js/jquery-1.9.1.min.js"></script>
<!-- JQUERY LIBRARY -->
<script>
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
        (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
        m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

    ga('create', 'UA-20473139-4', 'auto');
    ga('set', 'anonymizeIp', true);
    ga('send', 'pageview');
</script>
</head>

<body class="bordered"> 

<!-- BORDERS (Don't want any border? Delete the class bordered on the body and this part) -->
<div id="bodyborder-left"></div>
<div id="bodyborder-right"></div>
<div id="bodyborder-top"></div>
<div id="bodyborder-bottom"></div>
<!-- BORDERS -->
	
<!-- PAGELOADER -->
<div id="page-loader" class="text-light">
	<div class="page-loader-inner">
    	<div class="loader-logo-name"><img src="images/enative-logo.png" alt="enative"/></div>
		<h6 class="alttitle title-minimal">Seite wird geladen...</h6>
	</div>
</div>
<!-- PAGELOADER -->

<!-- PAGE CONTENT -->
<div id="page-content">

	<!-- HEADER -->
	<header id="header" class="overlay-bottom">        
		<div class="header-inner clearfix">
			
           <!-- DEFAULT HEADER CONTENT -->
		   	<div class="default-header-content">                 
				<div id="logo" class="left-float">
					<a id="default-logo" class="logotype" href="/"><img src="images/enative-logo.png" alt="enative" title="enative - Agentur für Softwareentwicklung"></a>
					<a id="fixed-logo" class="logotype" href="/"><img src="images/enative-logo-dark.png" alt="enative" title="enative - Agentur für Softwareentwicklung"></a>
				</div>    
				
				<div class="menu right-float clearfix">
					<a href="#" class="open-nav"><span></span></a>
					<nav id="main-nav" class="text-light">
						<div class="nav-logo"><img src="images/enative-logo.png" alt="enative" title="enative - Agentur für Softwareentwicklung"></div>
						<div class="nav-inner">
						<ul>
						<li class="current-menu-item"><a href="#home" class="scroll-to" data-bigletter="H">Home</a></li>
						<li><a href="#ueberuns" class="scroll-to" data-bigletter="A">Über mich</a></li>
						<li><a href="#wer" class="scroll-to" data-bigletter="W">Wer</a></li>
						<li><a href="#leistungen" class="scroll-to" data-bigletter="L">Leistungen</a></li>
						<!-- <li><a href="blog" data-bigletter="B">Blog</a></li> -->
						<li><a href="#kontakt" class="scroll-to" data-bigletter="K">Kontakt</a></li>
						</ul>
						</div>
						<div class="nav-social">
							<ul class="socialmedia-widget">
								<li class="facebook"><a href="https://www.facebook.com/christian.tuerk.developer"></a></li>
								<li class="xing"><a href="https://www.xing.com/profile/Christian_Tuerk4"></a></li>
								<li class="linkedin"><a href="https://www.linkedin.com/in/ctuerk"></a></li>
							</ul>
						</div>
						<div class="nav-bg"></div>
					</nav>
				</div>
			</div>
           <!-- DEFAULT HEADER CONTENT -->
                    
		</div> <!-- END .header-inner -->
	</header> <!-- END header -->
	<!-- HEADER -->    
	
	
	<!-- HOME (SLIDER) -->
	<section id="home" class="notoppadding text-light">
		<div class="section-inner">
			 
		<!-- REVOLUTION SLIDER -->
		<div class="rev-slider-container">
			<div class="rev-slider" >
				<ul>
				
					<!-- THE FIRST SLIDE -->
					<li data-transition="slidedown" data-slotamount="5" data-masterspeed="1200" >
						<!-- THE MAIN IMAGE IN THE FIRST SLIDE -->
						<img src="images/slider/kreative_ideen.jpg"   alt="slidebg1"  data-bgfit="cover" data-bgposition="center center" data-bgrepeat="no-repeat">
						
						<!-- LAYER NR. 1 -->    
						<div class="tp-caption srcaption-mediumwhite lft ltb"
						data-x="center" data-hoffset="0"
						data-y="center" data-voffset="0"
						data-speed="800"
						data-start="400"
						data-easing="easeInOutQuad"
						data-endspeed="800"
						data-endeasing="easeInOutQuad"
						style="z-index: 2"><strong>Wir entwickeln die digitale Welt.</strong>
						</div>
						
					</li> <!-- end first slide -->
				
					<!-- THE SECOND SLIDE -->
					<li data-transition="slidedown" data-slotamount="5" data-masterspeed="1200" >
						<!-- THE MAIN IMAGE IN THE SECOND SLIDE -->
						<img src="images/slider/phpstorm.jpg"   alt="slidebg2"  data-bgfit="cover" data-bgposition="center center" data-bgrepeat="no-repeat">
						<!-- LAYER NR. 1 -->    
						<div class="tp-caption srcaption-mediumwhite lft ltb"
						data-x="center" data-hoffset="0"
						data-y="center" data-voffset="0"
						data-speed="800"
						data-start="400"
						data-easing="easeInOutQuad"
						data-endspeed="800"
						data-endeasing="easeInOutQuad"
						style="z-index: 2"><strong>UI/UX Design & Softwareentwicklung</strong>
						</div>
												
					</li>
					
					<!-- THE THIRD SLIDE -->
					<li data-transition="slidedown" data-slotamount="5" data-masterspeed="1200" >
						<!-- THE MAIN IMAGE IN THE SECOND SLIDE -->
						<img src="images/2.jpg"   alt="slidebg3"  data-bgfit="cover" data-bgposition="center center" data-bgrepeat="no-repeat">
						<!-- LAYER NR. 1 -->    
						<div class="tp-caption srcaption-mediumwhite lft ltb"
						data-x="center" data-hoffset="0"
						data-y="center" data-voffset="0"
						data-speed="800"
						data-start="400"
						data-easing="easeInOutQuad"
						data-endspeed="800"
						data-endeasing="easeInOutQuad"
						style="z-index: 2"><strong>Wir haben für jede digitale Disziplin<br />die richtigen Spezialisten.</strong>
						</div>
						
					</li>
			   
				</ul>

			</div>
		</div> <!-- END .rev-slider-container -->        
		<!-- REVOLUTION SLIDER -->
	
		</div>
	</section>
	<!-- HOME (SLIDER) -->
	
	
	<!-- PAGEBODY -->
	<div class="page-body">
	
       <!-- ABOUT --> 
      	<section id="ueberuns">
            <div class="section-inner">

            	<div class="wrapper">
				
					<div class="main-title align-center">
						<h2 data-bigletter="Ü"><strong>Über mich</strong></h2>
						<div class="separator"><span></span></div>
						<h5 class="alttitle title-minimal">Digitales Know-how</h5>
					</div>
					
					<div class="column-section clearfix">
						<div class="column one-full">
                            <p>Von der Strategie bis zur Programmierung helfe ich Ihnen, ein maßgeschneidertes
                                Erlebnis für Ihre Kunden zu entwickeln. Um bestmögliche Resultate bei dem Designen der
                                Software zu erzielen und gleichzeitig eine kosteneffiziente Arbeitsweise zu garantieren,
                                setze ich die neuesten Technologien ein. Ob Immobilien, Messegesellschaften,
                                Konsumgüter oder Automobilindustrie - meine Projekte decken eine Fülle von
                                Industriebereichen ab und werden jedem Interesse in hohem Maße gerecht. Für jede
                                kommunikative Herausforderung und jede kreative Idee liefere ich eine perfekte digitale
                                Lösung.
							</p>
						</div>
					</div>

					<!--
					<div class="spacer spacer-medium"></div>

					<div class="column-section clearfix">
						<div class="column one-third">
							<h5 class="title-standard">Technische Lösungen</h5>
							<div class="separator-small"><span></span></div>
							<p>Wir liefern für jede kommunikative Herausforderung und jede kreative Idee eine perfekte technische Lösung.</p>
					  	</div>
					  	<div class="column one-third">
							<h5 class="title-standard">Umfangreiches Know-how</h5>
							<div class="separator-small"><span></span></div>
							<p>Durch umfangreiche Kenntnisse in vielen Programmiersprachen bieten wir Ihnen ein breites Sprektrum an Dienstleistungen an.</p>
					  	</div>
						<div class="column one-third last-col">
							<h5 class="title-standard">Besondere Nutzererlebnisse</h5>
							<div class="separator-small"><span></span></div>
							<p>Software ist für Menschen gemacht, Menschen wie Sie und ich. Genau so sollte sie auch gestaltet und programmiert werden.</p>
					  	</div>
					</div>-->
					<!-- END .column-section -->
				</div> <!-- END .wrapper -->
            
			<div class="spacer spacer-big"></div>
			
			<div id="agency-split" class="split-section clearfix" style="background: #0d0d0d;">
				
				<div class="split-right split-half text-light">
					<div class="split-mini-content">
						<h5 class="title-minimal">Story</h5>
						<div class="spacer spacer-mini"></div>
						<p>Als Digital Natives werden Personen bezeichnet, die zu einer Zeit aufgewachsen sind, in der bereits digitale Technologien wie Computer, das Internet, Mobiltelefone und MP3s verfügbar waren. Von dieser Theorie abgeleitet, entstand der Name enative.</p>
						<p>Durch mehrere Jahre als Freiberufler und ein starkes Netzwerk an der Universität verfüge ich über wertvolle Kontakte und nutzte die Chance, andere Kompetenzen mit Bezug zu digitalen Medien mit ins Boot zu holen. So kann garantiert werden, bei jedem Projekt sowohl auf das nötige Know-how als auch auf die erforderliche Manpower zurückgreifen zu können.</p>
					</div>
				</div> <!-- END .split-right -->
				
				<div class="split-left split-half text-light overlay-dark">

                        <div class="split-bg" style="background:url(images/inspiration.jpg)center center; background-size:cover;"></div>
                        <div class="clearfix"></div>

				</div> <!-- END .split-left -->
								
			</div> <!-- END .split-section -->
			
          	<div class="spacer spacer-big"></div>

			<!-- TEAM -->
			<section id="wer">

				<div class="spacer spacer-medium"></div>

				<div class="wrapper">

					<div class="main-title align-center">
						<h2 data-bigletter="W"><strong>Wer</strong></h2>
						<div class="separator"><span></span></div>
						<h5 class="alttitle title-minimal"></h5>
					</div>

					<div class="spacer spacer-medium"></div>

					<!-- Team Member 1 -->
					<div class="column-section clearfix">
						<div class="column one-half">
							<img src="images/ChristianTuerk.jpg" alt="Christian Türk">
						</div>
						<div class="column one-half last-col">
							<h4 class="title-minimal"><strong>Christian Türk</strong></h4>
							<div class="separator-small"><span></span></div>
							<h6 class="alttitle">Full Stack Web Developer</h6>
							<p>Als leidenschaftlicher Full Stack Web Developer beschäftige ich mich mit der Enwicklung von Software auf Basis von Webtechnologien, Webseiten, iOS und Android Apps. Mittlerweile kann ich auf eine Berufserfahrung von mehr als 10 Jahren zurückgreifen.</p>
							<ul class="socialmedia-widget">
								<li class="facebook"><a href="https://www.facebook.com/christian.tuerk.developer"></a></li>
								<li class="xing"><a href="https://www.xing.com/profile/Christian_Tuerk4"></a></li>
								<li class="linkedin"><a href="https://www.linkedin.com/in/ctuerk"></a></li>
							</ul>
						</div>
					</div> <!-- END .column-section -->
					<!-- Team Member 1 -->

				</div> <!-- END .wrapper -->
			</section>

          	<div class="spacer spacer-medium"></div>
			<div class="separator align-center"><span></span></div>
          	<div class="spacer spacer-medium"></div>

			<!--
			<div class="wrapper-small">
				<div class="column-section clearfix">
					<div class="column one-half">
						<h5 class="title-minimal"><strong>History</strong></h5>
						<p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat vel illum dolore eu feugiat nulla facilisis at vero eros.</p>
					</div>
					<div class="column one-half last-col">
						<h5 class="title-minimal"><strong>Skills</strong></h5>
						<div class="skill">
							<h6 class="alttitle skill-name"><strong>Photoshop</strong></h6>
							<div class="skill-bar"><div class="skill-active" style="" data-perc="88">
							<span class="tooltip">88%</span></div></div>
						</div> 
						<div class="skill">
							<h6 class="alttitle skill-name"><strong>Html & Css</strong></h6>
							<div class="skill-bar"><div class="skill-active" style="" data-perc="97">
							<span class="tooltip">97%</span></div></div>
						</div>
						<div class="skill">
							<h6 class="alttitle skill-name"><strong>Illustrator</strong></h6>
							<div class="skill-bar"><div class="skill-active" style="" data-perc="59">
							<span class="tooltip">59%</span></div></div>
						</div>  
					</div>
				</div>
			</div>
			-->
			<!-- TEAM -->
			
          	<div class="spacer spacer-big"></div>


				<div class="horizontalsection  parallax-section" data-parallax-image="images/4.jpg" data-speed="0.5">
					<div class="horizontalinner wrapper align-center">
						<div class="spacer spacer-mini"></div>
						<h6 class="alttitle title-ultraminimal">Design trifft</h6>
						<h2 class="title-minimal" data-bigletter="C"><strong>Code</strong></h2>
						<div class="spacer spacer-mini"></div>
						<span class="time">Est. 2010</span>
						<div class="spacer spacer-big"></div>
					</div>
				</div> <!-- END .horizontalsection-->


			<!--
			<div class="horizontalsection text-light parallax-section" data-parallax-image="files/uploads/1690x1100.jpg">
				<div class="horizontalinner wrapper align-center">
					<div class="column-section clearfix align-center"> 
						<div class="column one-fourth">
						<div class="counter">
							<div class="counter-value" data-from="0" data-to="237" data-speed="12">0</div>
							<h6 class="counter-name alttitle title-minimal"><strong>Projects Completed</strong></h6>
						</div>
						</div>
						<div class="column one-fourth">
							<div class="counter">
								<div class="counter-value" data-from="0" data-to="21589" data-speed="831">0</div>
								<h6 class="counter-name alttitle title-minimal"><strong>Cups Consumed</strong></h6>
							</div>
						</div>
						<div class="column one-fourth">
							<div class="counter">
								<div class="counter-value" data-from="0" data-to="118" data-speed="9">0</div>
								<h6 class="counter-name alttitle title-minimal"><strong>Satisfied Clients</strong></h6>
							</div>
						</div>
						<div class="column one-fourth last-col">
							<div class="counter">
							<div class="counter-value" data-from="0" data-to="667" data-speed="31">0</div>
								<h6 class="counter-name alttitle title-minimal"><strong>Pizzas' ordered</strong></h6>
							</div>
						</div>
					</div>
				</div>
			</div>
			-->
				
			</div> <!-- END .section-inner-->
		</section>
       	<!-- ABOUT -->
			
	   
		<!-- SERVICE -->	    
     	<section id="leistungen">
        	<div class="section-inner"> 
				
				
				<div class="wrapper">
					<div class="main-title align-center">
						<h2 data-bigletter="L"><strong>Leistungen</strong></h2>
						<div class="separator"><span></span></div>
						<h5 class="alttitle title-minimal">Für jede Anforderung die richtige Lösung</h5>
					</div>
					
					<div class="spacer spacer-medium"></div>
					   
					<div class="column-section clearfix">
						<div class="column one-third align-center">
							<i class="pe-7s-browser pe-4x"></i>
							<h5 class="title-minimal" data-bigletter="W"><strong>Webdesign</strong></h5>
							<div class="separator-small"><span></span></div>
							<p>Die Website ist das Aushängeschild eines Unternehmens. Eine gut ausgebaute Website, die Ihren Kunden einen Mehrwert bietet, unterstützt Sie bei der Akquise und Kundenbindung.</p>
					  </div>
						<div class="column one-third align-center">
							<i class="pe-7s-monitor pe-4x"></i>
							<h5 class="title-minimal" data-bigletter="U"><strong>UI/UX Design</strong></h5>
							<div class="separator-small"><span></span></div>
							<p>User Interface und User Experience Design, die Schnittstelle zwischen Mensch und Maschine. Damit Ihre Kunden nicht an der Bedienung Ihrer Anwendung verzweifeln.</p>
					  </div>
						<div class="column one-third last-col align-center">
							<i class="pe-7s-gleam pe-4x"></i>
							<h5 class="title-minimal" data-bigletter="S"><strong>Softwareentwicklung</strong></h5>
							<div class="separator-small"><span></span></div>
                            <p>Ich werde ein Teil Ihres Teams und tauche, in enger Abstimmung mit Ihnen, in die
                                Prozesse Ihres Unternehmens ein. Auf diese Art entwickle ich individuelle Software nach
                                Ihren Anforderungen.</p>
					  </div>
					</div> <!-- END .column-section -->
					
					<div class="column-section clearfix">
						<div class="column one-third align-center">
							<i class="pe-7s-phone pe-4x"></i>
							<h5 class="title-minimal" data-bigletter="M"><strong>App Entwicklung</strong></h5>
							<div class="separator-small"><span></span></div>
							<p>Ihre mobile Unternehmensanwendung für iOS und Android wird immer mit dem neuesten SDK und Frameworks aus der Open Source Community entwickelt.</p>
					  </div>
						<div class="column one-third align-center">
							<i class="pe-7s-tools pe-4x"></i>
							<h5 class="title-minimal" data-bigletter="S"><strong>CM/PIM-Systeme</strong></h5>
							<div class="separator-small"><span></span></div>
							<p>Für Ihre Anwendung berate ich Sie zu den besten Produktinformations- oder Contentmanagement Systemen, z.B. TYPO3, Weblication, pimcore</p>
					  </div>
						<div class="column one-third last-col align-center">
						<i class="pe-7s-science pe-4x"></i>
							<h5 class="title-minimal" data-bigletter="U"><strong>Technologien</strong></h5>
							<div class="separator-small"><span></span></div>
							<p>Meine Kernkompetenzen liegen in den folgenden Technologien: PHP, Apache, MySQL, Linux, HTML5, CSS3, JavaScript, Java, Swift, iOS SDK, Android SDK, Git, SVN</p>
					  </div>
					</div> <!-- END .column-section -->
				</div> <!-- END .wrapper -->
					
         		<div class="spacer spacer-big"></div>
				

				
			</div> <!-- END .section-inner-->
		</section> <!-- END SECTION #service-->
		<!-- SERVICE -->


		
		<!-- PORTFOLIO/WORK -->
		<section id="work">
       		<div class="section-inner">

         	<div class="spacer spacer-small"></div>

			<div class="wrapper">
				
				<div class="main-title align-center">
					<h4><strong>Partner</strong></h4>
					<div class="separator-small"><span></span></div>
					<h6 class="alttitle title-minimal">Mit wem ich zusammenarbeite</h6>
				</div>
				
				<div class="spacer spacer-mini"></div>
				
				<div class="owlcarousel content-carousel" data-autoplay="6000" data-pagination="false">
					<div class="align-center">
						<a href="http://www.neue-werbung.de" target="_blank"><img src="images/logos/neuewerbung.jpg" alt="Neue Werbung GmbH + Co. KG" class="partner-logo"></a>
					</div>
					<div class="align-center">
						<a href="http://www.standpunkt.com" target="_blank"><img src="images/logos/standpunkt.jpg" alt="Standpunkt Kommunikation GmbH" class="partner-logo"></a>
					</div>
					<div class="align-center">
						<a href="http://www.heinz-tuerk.de" target="_blank"><img src="images/logos/heinz-tuerk-networks.png" alt="Heinz Türk Networks KG" class="partner-logo"></a>
					</div>
					<div class="align-center">
						<a href="http://www.artisjustafourletterword.com" target="_blank"><img src="images/logos/a4lw.png" alt="artisjustafourletterword" class="partner-logo"></a>
					</div>
				</div>
			</div>

			<!-- PORTFOLIO/WORK -->

         	<div class="spacer spacer-big"></div> 
           
		   	<!-- TESTIMONIALS -->			
           <div id="testimonials" class="horizontalsection text-light parallax-section" data-parallax-image="images/5startupstockphotos.jpg">
				<div class="horizontalinner wrapper">
				
					<div class="owlslider testimonial-slider">
						<div class="testimonial-item">
							<div class="testimonial-quote">„...it’s very easy to be different, but very difficult to be better.“</div>
							<h6 class="testimonial-name"><strong>Jonathan Ive</strong></h6>
							<h6 class="testimonial-namesub alttitle">Designer</h6>
						</div>
					  	<div class="testimonial-item">
							<div class="testimonial-quote">„The only way to do great work is to love what you do.“</div>
							<h6 class="testimonial-name"><strong>Steve Jobs</strong></h6>
							<h6 class="testimonial-namesub alttitle">Mitgründer von Apple</h6>
						</div>
						<div class="testimonial-item">
							<div class="testimonial-quote">„Einfachheit ist die höchste Form der Raffinesse.“</div>
							<h6 class="testimonial-name"><strong>Leonardo da Vinci</strong></h6>
							<h6 class="testimonial-namesub alttitle">Künstler</h6>
						</div>
					</div> <!-- END .owlslider -->
                	                    
				</div>
         	</div> <!-- END #testimonials -->
			<!-- TESTIMONIALS -->
                          
          	</div> <!-- END .section-inner-->
     	</section> <!-- END SECTION #portfolio-->
       	<!-- PORTFOLIO --> 
 
	   	<!-- CONTACT --> 
       <section id="kontakt" class="notoppadding">
       		<div class="section-inner">
			
			<div id="contact-split" class="split-section clearfix">
				
				<div class="split-left split-half">
					<div class="split-wrapped-content">
						
						<div class="main-title align-center">
							<h3 data-bigletter="K"><strong>Kontakt</strong></h3>
							<div class="separator"><span></span></div>
							<h6 class="alttitle title-minimal">Nehmen Sie Kontakt mit mir auf</h6>
						</div>

						<div class="spacer spacer-mini">&nbsp;</div>

						<div class="align-left">
							<p>
							enative - Softwareentwicklung für digitale Medien<br />
							Lange Wende 45b<br />
							59755 Arnsberg<br />
							<br />
							Telefon: +49 (0) 160 - 97 98 13 35<br />
							Fax: +49 (0) 2932 - 63 96 10<br />
							E-Mail: <a href="mailto:info@enative.de">info@enative.de</a><br />
							<br />
							<a href="impressum.php">Impressum</a>
							</p>
						</div>

						<form id="contact-form" class="checkform" action="#" target="contact-send.php" method="post" >
                      	
								<div class="form-row clearfix">
									<label for="name" class="req">Name *</label>
									<input type="text" name="name" class="name" id="name" value="" placeholder="Name" />
								</div>
								
								<div class="form-row clearfix">
									<label for="email" class="req">E-Mail *</label>
									<input type="text" name="email" class="email" id="email" value="" placeholder="E-Mail"/>
								</div>
								
								<div class="form-row clearfix textbox">
									<label for="message" class="req">Nachricht *</label>
									<textarea name="message" class="message" id="message" rows="15" cols="50" placeholder="Nachricht"></textarea>
								</div>
								
								<div id="form-note">
									<div class="alert alert-error">
										<strong>Fehler</strong>: Bitte füllen Sie die Pflichtfelder aus!
									</div>
								</div>
								
								<div class="form-row form-submit">
									<input type="submit" name="submit_form" class="submit" value="Absenden" />
								</div>
						
								<input type="hidden" name="fields" value="name,email,message," />

						</form> 	
						</div>	
				</div> <!-- END .split-left -->
				
				
				<div class="split-right split-half">
					<div class="split-bg">
					<!-- GOOGLE MAP -->
					<div id="map" style="height:100%;min-height:300px;"></div>
						<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
						<script type="text/javascript">
							function mapinitialize() {
								var latlng = new google.maps.LatLng(51.448248, 7.964974);
								var myOptions = {
									zoom: 14,
									center: latlng,
									scrollwheel: false,
									scaleControl: false,
									disableDefaultUI: false,
									mapTypeId: google.maps.MapTypeId.ROADMAP,
									// Google Map Color Styles
									styles: [{featureType:"landscape",stylers:[{saturation:-100},{lightness:65},{visibility:"on"}]},{featureType:"poi",stylers:[{saturation:-100},{lightness:51},{visibility:"simplified"}]},{featureType:"road.highway",stylers:[{saturation:-100},
				{visibility:"simplified"}]},{featureType:"road.arterial",stylers:[{saturation:-100},{lightness:30},{visibility:"on"}]},{featureType:"road.local",stylers:[{saturation:-100},{lightness:40},{visibility:"on"}]},{featureType:"transit",stylers:[{saturation:-100},
				{visibility:"simplified"}]},{featureType:"administrative.province",stylers:[{visibility:"off"}]/**/},{featureType:"administrative.locality",stylers:[{visibility:"off"}]},{featureType:"administrative.neighborhood",stylers:[{visibility:"on"}
				]/**/},{featureType:"water",elementType:"labels",stylers:[{visibility:"on"},{lightness:-25},{saturation:-100}]},{featureType:"water",elementType:"geometry",stylers:[{hue:"#ffff00"},{lightness:-25},{saturation:-97}]}]
								};
								var map = new google.maps.Map(document.getElementById("map"),myOptions);
								
								var image = "files/uploads/map-pin.png";
								var image = new google.maps.MarkerImage("files/uploads/map-pin.png", null, null, null, new google.maps.Size(84,30));
								var marker = new google.maps.Marker({
									map: map, 
									icon: image,
									position: map.getCenter()
								});
								
								var contentString = '<b>enative - Kreativagentur für digitale Medien</b><br>Lange Wende 45b<br>59755 Arnsberg<br /><br />Tel.: +49 (0) 160 97 981 335<br />Fax: +49 (0) 2932 - 63 96 10';
								var infowindow = new google.maps.InfoWindow({
									content: contentString
								});
											
								google.maps.event.addListener(marker, 'click', function() {
								  infowindow.open(map,marker);
								});
												
									
							}
							mapinitialize();
						</script>
					<!-- GOOGLE MAP -->
					</div>
				</div> <!-- END .split-right -->
								
			</div> <!-- END .split-section -->
			
			</div> <!-- END .section-inner-->
     	</section>
		<!-- CONTACT -->
        
      	<!-- FOOTER -->  
		<footer>
			<div class="footer-inner wrapper">
				<a id="backtotop" href="#">Nach oben</a>
				<ul class="socialmedia-widget left-float">
					<li class="facebook"><a href="https://www.facebook.com/christian.tuerk.developer"></a></li>
					<li class="xing"><a href="https://www.xing.com/profile/Christian_Tuerk4"></a></li>
					<li class="linkedin"><a href="https://www.linkedin.com/in/ctuerk"></a></li>
				</ul>
				<div class="copyright right-float">
					Copyright &copy; 2015 enative.
				</div>
         	</div>
    	</footer>
      	<!-- FOOTER -->         
        
 	</div> <!-- END .page-body -->
	<!-- PAGEBODY -->
    
</div> <!-- END #page-content -->
<!-- PAGE CONTENT -->

<!-- SCRIPTS -->
<script type='text/javascript' src='files/js/retina.js'></script>
<script type='text/javascript' src='files/js/jquery.pace.js'></script>
<script type='text/javascript' src='files/js/jquery.easing.1.3.js'></script>
<script type='text/javascript' src='files/js/jquery.easing.compatibility.js'></script>
<script type='text/javascript' src='files/js/jquery.visible.min.js'></script>
<script type='text/javascript' src='files/js/jquery.isotope.min.js'></script>
<script type='text/javascript' src='files/js/jquery.bgvideo.min.js'></script>
<script type='text/javascript' src='files/js/jquery.fitvids.min.js'></script>
<script type="text/javascript" src="files/rs-plugin/js/jquery.themepunch.tools.min.js"></script>
<script type="text/javascript" src="files/rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
<script type='text/javascript' src='files/js/jquery.parallax.min.js'></script>
<script type='text/javascript' src='files/js/jquery.counter.min.js'></script>
<script type='text/javascript' src='files/js/jquery.scroll.min.js'></script>
<script type='text/javascript' src='files/js/jquery.owl.carousel.min.js'></script>
<script type='text/javascript' src='files/js/pond-form.js'></script>
<script type='text/javascript' src='files/js/pond-header.js'></script>
<script type='text/javascript' src='files/js/script.js'></script>
<!-- SCRIPTS -->

</body>
</html>