From e8caec72d5e739a4a7b46ccea6a21a81afd8da16 Mon Sep 17 00:00:00 2001
From: M_Viper <admin@m-viper.de>
Date: Thu, 2 Nov 2023 18:47:15 +0100
Subject: [PATCH] Dateien nach "/" hochladen

---
 index.html | 331 +++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 331 insertions(+)
 create mode 100644 index.html
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..738465d
--- /dev/null
+++ b/index.html
@@ -0,0 +1,331 @@
+<!DOCTYPE html>
+<html>
+<head>
+
+<title>Under Construction</title>
+<!--
+<link type="text/css" rel="stylesheet" href="css/style-blue.css" />
+<link type="text/css" rel="stylesheet" href="css/style-dark.css" />
+<link type="text/css" rel="stylesheet" href="css/style-green.css" />
+<link type="text/css" rel="stylesheet" href="css/style-red.css" />
+<link type="text/css" rel="stylesheet" href="css/style-rosy.css" />
+-->
+<link type="text/css" rel="stylesheet" href="css/style-blue.css" />
+<!--
+<link rel="stylesheet" type="text/css" href="./css/prettyPhoto.css" />
+-->
+<!--[if ie 7]><link type="text/css" rel="stylesheet" href="./css/ie-7.css" /><![endif]
+
+<script type="text/javascript">
+
+  var _gaq = _gaq || [];
+  _gaq.push(['_setAccount', 'UA-31823446-1']);
+  _gaq.push(['_trackPageview']);
+
+  (function() {
+    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+  })();
+
+</script> -->
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
+
+<body>
+	
+<script type="text/javascript">
+	//--- Setup vars for JavaScript
+	var $day = 17;	
+	var $hour = 4;	
+	var $minute = 30;	
+	var $seconds = 10;
+	var $site = 'https://m-viper.de';
+</script>  
+  <style type="text/css">
+		@import url(./css/style-dark.css);
+	</style>
+  
+  <!--[if ie 7]>
+  <style type="text/css">
+		@import url(./css/ie-7.css);
+	</style>
+  <![endif]-->
+   
+	<script type="text/javascript" src="./js/jquery-1.7.1.js"></script>
+  <script type="text/javascript" src="./js/resizible.js"></script>
+  <script type="text/javascript" src="./js/jquery.prettyPhoto.js"></script>
+	<script type="text/javascript" src="./js/scrollbar.js"></script>
+  <script type="text/javascript" src="./js/tabs.js"></script>
+  <script type="text/javascript" src="./js/count-down.js"></script>
+  <script type="text/javascript" src="./js/carusel.js"></script>
+  <script type="text/javascript" src="./js/navigation.js"></script>
+  <script type="text/javascript" src="./js/subscribe.js"></script>
+  <script type="text/javascript" src="./js/contact-form.js"></script>
+  
+  <script type="text/javascript">
+  	$(document).ready(function(){				
+			// --- Setup and Start --> Count Down
+			//var countDown = new jfCountDown(17, 4, 30, 10);
+			var countDown = new jfCountDown($day, $hour, $minute, $seconds);
+			
+			// --- Setup and Start --> Subscribe Form
+			var subscribeForm = new jfSubscribeForm($site);
+			
+
+			// --- Setup and Start --> Contact Form
+			var contactForm = new jfContactForm($site);
+			
+			/* --- RUN lightBox --- */
+			$(document).ready(function(){	
+				$("#carusel li a[rel^='prettyPhoto']").prettyPhoto();
+			});
+		});	
+	</script>	
+  <!--BEGIN header --->
+  <div id="header">  
+  	<!--BEGIN Logo --->
+  	<div id="logo">
+    	<!-- example 
+    	<img src="images/logo.png" title="logo" />
+      -->
+    </div>
+    <!--END Logo --->
+  
+  	<!--BEGIN Menu --->
+  	<div id="menu" style="width:552px"> <!-- width = (135px * CountItemMenu + 12px)-->
+      <ul>
+       <!--	<div class="line"></div>
+       	<li><a href="./index.html" id="a1" class="home"><span>home</span></a></li>
+        <li><a href="./index.html" id="a2" class="about-us"><span>about us</span></a></li>
+        <li><a href="./index.html" id="a3" class="portfolio"><span>portfolio</span></a></li> 
+        <li><a href="./index.html" id="a4" class="contact-us"><span>contact us</span></a></li>
+		-->
+      </ul>
+      <div class="clear"></div>
+    </div>
+    <!--END Menu --->
+        
+  </div>
+  <!--END header --->
+  
+    <!--BEGIN content --->
+    <div id="content">
+    	
+      <!-- Begin intro text -->
+    	<div id="uc-block">
+      	<div class="block-height">
+    			<strong>under construction</strong>
+        	</br>
+			<p>
+          	Willkommen! Wir arbeiten derzeit an einer tollen neuen Website.<br />
+            Wir erwarten den Start der Website in:
+        	</p>
+        </div>
+      </div>
+      <!-- END intro text -->
+      
+      <!--BEGIN wrap-pages --->									
+    	<div id="wrap-pages">
+      
+      		<!-- BEGIN - a1-page --->
+          <div class="page" id="a1-page">
+            
+            <!--BEGIN Count Down -->
+            <div id="count-down">    
+              <div class="count-down-numbers">
+                <div id="d-1"><span class="n-0"></span></div>
+                <div id="d-2"><span class="n-0"></span></div>
+                <div id="h-1"><span class="n-0"></span></div>
+                <div id="h-2"><span class="n-0"></span></div>
+                <div id="m-1"><span class="n-0"></span></div>
+                <div id="m-2"><span class="n-0"></span></div>
+                <div id="s-1"><span class="n-0"></span></div>
+                <div id="s-2"><span class="n-0"></span></div>
+              </div>
+              <div class="count-down-title">
+                <span class="days">Tage</span>
+                <span class="hours">Stunden</span>
+                <span class="minutes">Minuten</span>
+                <span class="seconds">Sekunden</span>
+              </div>
+            </div>
+            <!--END Count Down -->
+            
+            
+            
+          </div>
+          <!-- END - a1-page --->
+          
+          <!-- BEGIN - a2-page --->
+          <div class="page" id="a2-page"> 
+          	<!-- BEGIN - About Us --->       	           
+            <div class="window">
+              <h4>About Us</h4>      	              
+              <div class="visible-area">
+                <div class="inner">
+                	<!-- BEGIN - Enter your html -->
+           
+					 <p>Wir setzen nicht nur HTML und CSS ein, sondern arbeiten auch mit einer Vielzahl anderer Programmiersprachen. Wir schätzen die Herausforderungen und die Lösung von Problemen. 
+						Dies ist einer der Hauptgründe, warum wir uns dazu entschieden haben, in diesem Bereich tätig zu sein.
+						Unser Team mag zwar klein sein, ist jedoch hochqualifiziert und verfügt über viele Jahre Erfahrung in der Branche. Wir haben uns kontinuierlich weiterentwickelt und sind stolz auf unsere Expertise.
+					</p>
+                  
+                  
+                  <!-- END - Enter your html -->
+                </div>
+              </div>        
+            </div>
+            <!-- END - About Us --->           
+          </div>
+          <!-- END - a2-page --->
+          
+          <!-- BEGIN - a3-page --->
+          <div class="page" id="a3-page">           
+          	<!--BEGIN - portfolio #carusel-->
+            <div id="carusel">
+            	<h4>Portfolio</h4>      	              
+              <a href="./index.html" class="left"></a>
+              <a href="./index.html" class="right"></a>
+              <div class="wrap">
+                <div class="border">
+                  <ul>
+                  	<!-- BEGIN - Enter your works -->
+                    <!-- BEGIN - example One Work with a big pictures
+                    <li><a href="pictures-demo/1-big.jpg" rel="prettyPhoto[pp_gal]"><img src="pictures-demo/1.jpg" alt="Lorem ipsum dolor sit amet, consec tetuer adipiscing elit" /></a></li>                    
+                    -->
+                    <!-- BEGIN - example One Work, only small preview
+                    <li><img src="pictures-demo/1.jpg" alt="Lorem ipsum dolor sit amet, consec tetuer adipiscing elit" /></li>                    
+                    -->                   
+                    <li><a href="./pictures-demo/1-big.jpg" rel="prettyPhoto[pp_gal]"><img src="./pictures-demo/1.jpg" alt="Lorem ipsum dolor sit amet, consec tetuer adipiscing elit" /></a></li>                    
+                    <li><a href="./pictures-demo/2-big.jpg" rel="prettyPhoto[pp_gal]"><img src="./pictures-demo/2.jpg" alt="Lorem ipsum dolor sit amet" /></a></li>
+                    <li><a href="./pictures-demo/3-big.jpg" rel="prettyPhoto[pp_gal]"><img src="./pictures-demo/3.jpg" alt="Lorem ipsum dolor sit amet" /></a></li>
+                    <li><a href="./pictures-demo/4-big.jpg" rel="prettyPhoto[pp_gal]"><img src="./pictures-demo/4.jpg" alt="Lorem ipsum dolor sit amet, consec tetuer" /></a></li>
+                    <li><a href="./pictures-demo/5-big.jpg" rel="prettyPhoto[pp_gal]"><img src="./pictures-demo/5.jpg" alt="Lorem ipsum dolor sit amet, consec tetuer" /></a></li>
+                    <li><a href="./pictures-demo/6-big.jpg" rel="prettyPhoto[pp_gal]"><img src="./pictures-demo/6.jpg" alt="Lorem ipsum dolor sit amet, consec tetuer" /></a></li>
+                    <li><a href="./pictures-demo/7-big.jpg" rel="prettyPhoto[pp_gal]"><img src="./pictures-demo/7.jpg" alt="Lorem ipsum dolor sit amet, consec tetuer" /></a></li>
+                    <li><a href="./pictures-demo/8-big.jpg" rel="prettyPhoto[pp_gal]"><img src="./pictures-demo/8.jpg" alt="Lorem ipsum dolor sit amet, consec tetuer" /></a></li>
+                    <li><a href="./pictures-demo/9-big.jpg" rel="prettyPhoto[pp_gal]"><img src="./pictures-demo/9.jpg" alt="Lorem ipsum dolor sit amet, consec tetuer" /></a></li>
+                    <!-- END - Enter your works -->
+                  </ul>
+                </div>  
+              </div>
+            </div>
+            <!--BEGIN - portfolio - #carusel-->          
+          </div>
+          <!-- END - a3-page --->
+          
+          <!-- BEGIN - a4-page --->
+          <div class="page" id="a4-page">
+          	<!--BEGIN - Contact Us-->                 
+          	<div class="window window-tabs">
+            	<h4>Contact Us</h4>      	                     
+              <div class="tabs">                            
+                <ul>
+                  <li class="active"><a href="./index.html" class="tab-button">Contacts</a>
+                    <!-- BEGIN - Tab Contacts -->
+                    <div class="visible-area tab">
+                      <div class="inner">
+                      	<!-- BEGIN - Enter your html -->
+                        <p>
+                          Lorem ipsum dolor sit amet, consec tetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta. Fusce suscipit.
+                        </p>
+                        <p>
+                          <strong>Our Adress</strong><br />consec tetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta. Fusce suscipit.
+                        </p> 
+                        <p>
+                          Lorem ipsum dolor sit amet, consec tetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta. Fusce suscipit.
+                        </p> 
+                        <p>
+                          Lorem ipsum dolor sit amet, consec tetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta. Fusce suscipit.
+                        </p>     
+                        <!-- END - Enter your html -->
+                      </div>
+                    </div><!-- visible-area --> 
+                    <!-- END - Tab Contacts -->
+                  </li><li><a href="./index.html" class="tab-button">Map</a>
+                    <!-- BEGIN - Tab Map -->
+                    <div class="visible-area tab">
+                      <div class="inner tab-2">
+                        <div id="map-location">
+                        	<!--BEGIN google map -->
+                          <iframe  width="520" height="198" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d42584.97957157427!2d12.809650988706325!3d48.157263817400235!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4775d1df5b741437%3A0x1c1d25a73b769f70!2s84489%20Burghausen!5e0!3m2!1sde!2sde!4v1698939152124!5m2!1sde!2sde" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe><br /><small><a href="https://maps.google.com/maps?f=q&source=embed&hl=en&geocode=&q=Toronto,+ON,+Canada&aq=0&oq=toront&sll=48.275882,-87.703857&sspn=5.506002,9.876709&ie=UTF8&split=0&hq=&hnear=Toronto,+Toronto+Division,+Ontario,+Canada&t=m&ll=43.653218,-79.383259&spn=0.024592,0.089092&z=13&iwloc=A" style="color:#0000FF;text-align:left">View Larger Map</a></small>
+                          <!--END google map -->
+                        </div>                           
+                      </div>
+                    </div><!-- visible-area -->
+                    <!-- END Tab Map  -->
+                  </li><li><a href="./index.html" class="tab-button">Send Message</a>
+                  
+                    <!-- BEGIN - Tab Send Message -->                    
+                    <div class="visible-area tab">
+                      <div class="inner" id="wrap-send-message">
+													                          
+                          <form name="jf_cf" id="jf_cf" />
+                          <div class="field-name"><label for="jf_cf_name">Name:</label><input class="required" type="text" value="" id="jf_cf_name" name="jf_cf_name" /></div>
+                          <div class="field-email"><label for="jf_cf_email">Email:</label><input class="required" type="text" value="" id="jf_cf_email" name="jf_cf_email" /></div>
+                          <div class="field-message"><label for="jf_cf_message">Message:</label><textarea class="required" name="jf_cf_message" id="jf_cf_message"></textarea></div>                          
+                          <div class="button" id="jf_cf_submit"></div>
+                                                   
+                          <input type="hidden" name="jf_countdown_action" value="send" />  
+         								  <input type="hidden" id="jf_cf_success" name="jf_cf_success" value="" />                                                    
+                          </form>
+      										<a href="./index.html" style="display: none;" id="jf_cf_button_show">Send another message</a>
+                      </div>          
+                    </div><!-- visible-area -->  
+                    
+                    <span class="jf_cf_name "></span>
+                    <span class="jf_cf_email "></span>
+                    <span class="jf_cf_message "></span>
+                    <!-- END - Tab Send Message -->                    
+                  </li>
+                </ul>          
+              </div><!-- #tabs -->                                               				
+            </div>
+            <!--END - Contact Us-->        
+          </div>  
+          <!-- END - a4-page --->  
+               
+      </div> 
+      <!--END wrap-pages --->          
+        
+    </div>
+    <!--END content --->
+  
+  <!--BEGIN - social-icons-->
+  <ul id="social-icons" style="width: 250px;"> <!-- width = 50px * CountIcons; margin-left = width / 2 -->
+  <!--
+   	<li><a href="./index.html" class="twitter" title="twitter"></a></li>
+    <li><a href="./index.html" class="facebook" title="facebook"></a></li>
+    <li><a href="./index.html" class="dribbble" title="dribbble"></a></li>
+    <li><a href="./index.html" class="rss" title="rss"></a></li>
+    <li><a href="./index.html" class="skype" title="skype"></a></li>
+		
+    <li><a href="" class="twitter" title="twitter"></a></li>
+    <li><a href="" class="facebook" title="facebook"></a></li>
+    <li><a href="" class="dribbble" title="dribbble"></a></li>
+    <li><a href="" class="rss" title="rss"></a></li>
+    <li><a href="" class="skype" title="skype"></a></li>
+    <li><a href="" class="digg" title="Digg"></a></li>
+    <li><a href="" class="googlebuzz" title="Google Buzz"></a></li>
+    <li><a href="" class="delicious" title="Delicious"></a></li>
+    <li><a href="" class="tumbler" title="Tumbler"></a></li>
+    <li><a href="" class="plixi" title="Plixi"></a></li>
+    <li><a href="" class="stubleupon" title="StubleUpon"></a></li>
+    <li><a href="" class="lastfm" title="LastFM"></a></li>
+    <li><a href="" class="mobypicture" title="MobyPicture"></a></li>
+    <li><a href="" class="youtube" title="YouTube"></a></li>
+    <li><a href="" class="vimeo" title="Vimeo"></a></li>
+    <li><a href="" class="myspace" title="MySpace"></a></li>
+    <li><a href="" class="dropbox" title="Dropbox"></a></li>
+    <li><a href="" class="foursquare" title="Four Square"></a></li>
+    <li><a href="" class="gowalla" title="Gowalla"></a></li>
+    <li><a href="" class="ichat" title="iChat"></a></li>
+    <li><a href="" class="googleplus" title="Google +"></a></li>
+    <li><a href="" class="linkedin" title="LinkedIn"></a></li>
+		-->
+  </ul>
+  <div class="clear"></div>
+  <!--END - social-icons-->
+  
+</body>
+</html>
