M_Viper/under_construction
M_Viper
/
under_construction
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
under_construction/index.html

325 lines
16 KiB
HTML
Raw Permalink Normal View History

index.html aktualisiert
2023-11-02 18:02:02 +00:00
<!DOCTYPE html>
index.html aktualisiert
2023-11-08 11:39:43 +00:00
<!--
index.html aktualisiert
2023-11-08 07:11:02 +00:00
|| #################################################################### ||
|| # Under Construction # ||
|| # # ||
|| # ---------------------------------------------------------------- # ||
|| # Copyright 2023 by M_Viper # ||
|| # ---------------------------------------------------------------- # ||
|| # https://www.m-viper.de # ||
|| #################################################################### ||
index.html aktualisiert
2023-11-08 11:39:43 +00:00
-->
index.html aktualisiert
2023-11-02 18:02:02 +00:00
<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>
index.html aktualisiert
2023-11-02 18:04:24 +00:00
<!--<li><a href="" class="twitter" title="twitter"></a></li>
index.html aktualisiert
2023-11-02 18:02:02 +00:00
<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>
index.html aktualisiert
2023-11-02 18:04:24 +00:00
<li><a href="" class="linkedin" title="LinkedIn"></a></li> -->
index.html aktualisiert
2023-11-02 18:02:02 +00:00
</ul>
<div class="clear"></div>
<!--END - social-icons-->
</body>
</html>