325 lines
16 KiB
HTML
325 lines
16 KiB
HTML
<!DOCTYPE html>
|
|
<!--
|
|
|| #################################################################### ||
|
|
|| # Under Construction # ||
|
|
|| # # ||
|
|
|| # ---------------------------------------------------------------- # ||
|
|
|| # Copyright 2023 by M_Viper # ||
|
|
|| # ---------------------------------------------------------------- # ||
|
|
|| # https://www.m-viper.de # ||
|
|
|| #################################################################### ||
|
|
-->
|
|
<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]
|
|
-->
|
|
<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>
|