index.html aktualisiert

This commit is contained in:
M_Viper 2023-11-02 19:02:02 +01:00
parent 81c7ca5ddb
commit c4b5dbfc43
1 changed files with 314 additions and 331 deletions

View File

@ -1,331 +1,314 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<title>Under Construction</title> <title>Under Construction</title>
<!-- <!--
<link type="text/css" rel="stylesheet" href="css/style-blue.css" /> <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-dark.css" />
<link type="text/css" rel="stylesheet" href="css/style-green.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-red.css" />
<link type="text/css" rel="stylesheet" href="css/style-rosy.css" /> <link type="text/css" rel="stylesheet" href="css/style-rosy.css" />
--> -->
<link type="text/css" rel="stylesheet" href="css/style-blue.css" /> <link type="text/css" rel="stylesheet" href="css/style-blue.css" />
<!-- <!--
<link rel="stylesheet" type="text/css" href="./css/prettyPhoto.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] <!--[if ie 7]><link type="text/css" rel="stylesheet" href="./css/ie-7.css" /><![endif]
-->
<script type="text/javascript"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
var _gaq = _gaq || []; <body>
_gaq.push(['_setAccount', 'UA-31823446-1']);
_gaq.push(['_trackPageview']); <script type="text/javascript">
//--- Setup vars for JavaScript
(function() { var $day = 17;
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; var $hour = 4;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var $minute = 30;
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); var $seconds = 10;
})(); var $site = 'https://m-viper.de';
</script>
</script> --> <style type="text/css">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head> @import url(./css/style-dark.css);
</style>
<body>
<!--[if ie 7]>
<script type="text/javascript"> <style type="text/css">
//--- Setup vars for JavaScript @import url(./css/ie-7.css);
var $day = 17; </style>
var $hour = 4; <![endif]-->
var $minute = 30;
var $seconds = 10; <script type="text/javascript" src="./js/jquery-1.7.1.js"></script>
var $site = 'https://m-viper.de'; <script type="text/javascript" src="./js/resizible.js"></script>
</script> <script type="text/javascript" src="./js/jquery.prettyPhoto.js"></script>
<style type="text/css"> <script type="text/javascript" src="./js/scrollbar.js"></script>
@import url(./css/style-dark.css); <script type="text/javascript" src="./js/tabs.js"></script>
</style> <script type="text/javascript" src="./js/count-down.js"></script>
<script type="text/javascript" src="./js/carusel.js"></script>
<!--[if ie 7]> <script type="text/javascript" src="./js/navigation.js"></script>
<style type="text/css"> <script type="text/javascript" src="./js/subscribe.js"></script>
@import url(./css/ie-7.css); <script type="text/javascript" src="./js/contact-form.js"></script>
</style>
<![endif]--> <script type="text/javascript">
$(document).ready(function(){
<script type="text/javascript" src="./js/jquery-1.7.1.js"></script> // --- Setup and Start --> Count Down
<script type="text/javascript" src="./js/resizible.js"></script> //var countDown = new jfCountDown(17, 4, 30, 10);
<script type="text/javascript" src="./js/jquery.prettyPhoto.js"></script> var countDown = new jfCountDown($day, $hour, $minute, $seconds);
<script type="text/javascript" src="./js/scrollbar.js"></script>
<script type="text/javascript" src="./js/tabs.js"></script> // --- Setup and Start --> Subscribe Form
<script type="text/javascript" src="./js/count-down.js"></script> var subscribeForm = new jfSubscribeForm($site);
<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> // --- Setup and Start --> Contact Form
<script type="text/javascript" src="./js/contact-form.js"></script> var contactForm = new jfContactForm($site);
<script type="text/javascript"> /* --- RUN lightBox --- */
$(document).ready(function(){ $(document).ready(function(){
// --- Setup and Start --> Count Down $("#carusel li a[rel^='prettyPhoto']").prettyPhoto();
//var countDown = new jfCountDown(17, 4, 30, 10); });
var countDown = new jfCountDown($day, $hour, $minute, $seconds); });
</script>
// --- Setup and Start --> Subscribe Form <!--BEGIN header --->
var subscribeForm = new jfSubscribeForm($site); <div id="header">
<!--BEGIN Logo --->
<div id="logo">
// --- Setup and Start --> Contact Form <!-- example
var contactForm = new jfContactForm($site); <img src="images/logo.png" title="logo" />
-->
/* --- RUN lightBox --- */ </div>
$(document).ready(function(){ <!--END Logo --->
$("#carusel li a[rel^='prettyPhoto']").prettyPhoto();
}); <!--BEGIN Menu --->
}); <div id="menu" style="width:552px"> <!-- width = (135px * CountItemMenu + 12px)-->
</script> <ul>
<!--BEGIN header ---> <div class="line"></div>
<div id="header"> <li><a href="./index.html" id="a1" class="home"><span>home</span></a></li>
<!--BEGIN Logo ---> <li><a href="./index.html" id="a2" class="about-us"><span>about us</span></a></li>
<div id="logo"> <li><a href="./index.html" id="a3" class="portfolio"><span>portfolio</span></a></li>
<!-- example <li><a href="./index.html" id="a4" class="contact-us"><span>contact us</span></a></li>
<img src="images/logo.png" title="logo" /> </ul>
--> <div class="clear"></div>
</div> </div>
<!--END Logo ---> <!--END Menu --->
<!--BEGIN Menu ---> </div>
<div id="menu" style="width:552px"> <!-- width = (135px * CountItemMenu + 12px)--> <!--END header --->
<ul>
<!-- <div class="line"></div> <!--BEGIN content --->
<li><a href="./index.html" id="a1" class="home"><span>home</span></a></li> <div id="content">
<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> <!-- Begin intro text -->
<li><a href="./index.html" id="a4" class="contact-us"><span>contact us</span></a></li> <div id="uc-block">
--> <div class="block-height">
</ul> <strong>under construction</strong>
<div class="clear"></div> </br>
</div> <p>
<!--END Menu ---> Willkommen! Wir arbeiten derzeit an einer tollen neuen Website.<br />
Wir erwarten den Start der Website in:
</div> </p>
<!--END header ---> </div>
</div>
<!--BEGIN content ---> <!-- END intro text -->
<div id="content">
<!--BEGIN wrap-pages --->
<!-- Begin intro text --> <div id="wrap-pages">
<div id="uc-block">
<div class="block-height"> <!-- BEGIN - a1-page --->
<strong>under construction</strong> <div class="page" id="a1-page">
</br>
<p> <!--BEGIN Count Down -->
Willkommen! Wir arbeiten derzeit an einer tollen neuen Website.<br /> <div id="count-down">
Wir erwarten den Start der Website in: <div class="count-down-numbers">
</p> <div id="d-1"><span class="n-0"></span></div>
</div> <div id="d-2"><span class="n-0"></span></div>
</div> <div id="h-1"><span class="n-0"></span></div>
<!-- END intro text --> <div id="h-2"><span class="n-0"></span></div>
<div id="m-1"><span class="n-0"></span></div>
<!--BEGIN wrap-pages ---> <div id="m-2"><span class="n-0"></span></div>
<div id="wrap-pages"> <div id="s-1"><span class="n-0"></span></div>
<div id="s-2"><span class="n-0"></span></div>
<!-- BEGIN - a1-page ---> </div>
<div class="page" id="a1-page"> <div class="count-down-title">
<span class="days">Tage</span>
<!--BEGIN Count Down --> <span class="hours">Stunden</span>
<div id="count-down"> <span class="minutes">Minuten</span>
<div class="count-down-numbers"> <span class="seconds">Sekunden</span>
<div id="d-1"><span class="n-0"></span></div> </div>
<div id="d-2"><span class="n-0"></span></div> </div>
<div id="h-1"><span class="n-0"></span></div> <!--END Count Down -->
<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>
<div id="s-2"><span class="n-0"></span></div> <!-- END - a1-page --->
</div>
<div class="count-down-title"> <!-- BEGIN - a2-page --->
<span class="days">Tage</span> <div class="page" id="a2-page">
<span class="hours">Stunden</span> <!-- BEGIN - About Us --->
<span class="minutes">Minuten</span> <div class="window">
<span class="seconds">Sekunden</span> <h4>About Us</h4>
</div> <div class="visible-area">
</div> <div class="inner">
<!--END Count Down --> <!-- 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.
</div> 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.
<!-- END - a1-page ---> </p>
<!-- BEGIN - a2-page --->
<div class="page" id="a2-page"> <!-- END - Enter your html -->
<!-- BEGIN - About Us ---> </div>
<div class="window"> </div>
<h4>About Us</h4> </div>
<div class="visible-area"> <!-- END - About Us --->
<div class="inner"> </div>
<!-- BEGIN - Enter your html --> <!-- END - a2-page --->
<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. <!-- BEGIN - a3-page --->
Dies ist einer der Hauptgründe, warum wir uns dazu entschieden haben, in diesem Bereich tätig zu sein. <div class="page" id="a3-page">
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. <!--BEGIN - portfolio #carusel-->
</p> <div id="carusel">
<h4>Portfolio</h4>
<a href="./index.html" class="left"></a>
<!-- END - Enter your html --> <a href="./index.html" class="right"></a>
</div> <div class="wrap">
</div> <div class="border">
</div> <ul>
<!-- END - About Us ---> <!-- BEGIN - Enter your works -->
</div> <!-- BEGIN - example One Work with a big pictures
<!-- END - a2-page ---> <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 - a3-page ---> <!-- BEGIN - example One Work, only small preview
<div class="page" id="a3-page"> <li><img src="pictures-demo/1.jpg" alt="Lorem ipsum dolor sit amet, consec tetuer adipiscing elit" /></li>
<!--BEGIN - portfolio #carusel--> -->
<div id="carusel"> <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>
<h4>Portfolio</h4> <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>
<a href="./index.html" class="left"></a> <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>
<a href="./index.html" class="right"></a> <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>
<div class="wrap"> <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>
<div class="border"> <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>
<ul> <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>
<!-- BEGIN - Enter your works --> <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>
<!-- BEGIN - example One Work with a big pictures <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>
<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> <!-- END - Enter your works -->
--> </ul>
<!-- BEGIN - example One Work, only small preview </div>
<li><img src="pictures-demo/1.jpg" alt="Lorem ipsum dolor sit amet, consec tetuer adipiscing elit" /></li> </div>
--> </div>
<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 - portfolio - #carusel-->
<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> </div>
<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> <!-- END - a3-page --->
<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> <!-- BEGIN - a4-page --->
<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> <div class="page" id="a4-page">
<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> <!--BEGIN - Contact Us-->
<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> <div class="window window-tabs">
<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> <h4>Contact Us</h4>
<!-- END - Enter your works --> <div class="tabs">
</ul> <ul>
</div> <li class="active"><a href="./index.html" class="tab-button">Contacts</a>
</div> <!-- BEGIN - Tab Contacts -->
</div> <div class="visible-area tab">
<!--BEGIN - portfolio - #carusel--> <div class="inner">
</div> <!-- BEGIN - Enter your html -->
<!-- END - a3-page ---> <p>
Lorem ipsum dolor sit amet, consec tetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta. Fusce suscipit.
<!-- BEGIN - a4-page ---> </p>
<div class="page" id="a4-page"> <p>
<!--BEGIN - Contact Us--> <strong>Our Adress</strong><br />consec tetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta. Fusce suscipit.
<div class="window window-tabs"> </p>
<h4>Contact Us</h4> <p>
<div class="tabs"> Lorem ipsum dolor sit amet, consec tetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta. Fusce suscipit.
<ul> </p>
<li class="active"><a href="./index.html" class="tab-button">Contacts</a> <p>
<!-- BEGIN - Tab Contacts --> Lorem ipsum dolor sit amet, consec tetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta. Fusce suscipit.
<div class="visible-area tab"> </p>
<div class="inner"> <!-- END - Enter your html -->
<!-- BEGIN - Enter your html --> </div>
<p> </div><!-- visible-area -->
Lorem ipsum dolor sit amet, consec tetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta. Fusce suscipit. <!-- END - Tab Contacts -->
</p> </li><li><a href="./index.html" class="tab-button">Map</a>
<p> <!-- BEGIN - Tab Map -->
<strong>Our Adress</strong><br />consec tetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta. Fusce suscipit. <div class="visible-area tab">
</p> <div class="inner tab-2">
<p> <div id="map-location">
Lorem ipsum dolor sit amet, consec tetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta. Fusce suscipit. <!--BEGIN google map -->
</p> <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>
<p> <!--END google map -->
Lorem ipsum dolor sit amet, consec tetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta. Fusce suscipit. </div>
</p> </div>
<!-- END - Enter your html --> </div><!-- visible-area -->
</div> <!-- END Tab Map -->
</div><!-- visible-area --> </li><li><a href="./index.html" class="tab-button">Send Message</a>
<!-- END - Tab Contacts -->
</li><li><a href="./index.html" class="tab-button">Map</a> <!-- BEGIN - Tab Send Message -->
<!-- BEGIN - Tab Map --> <div class="visible-area tab">
<div class="visible-area tab"> <div class="inner" id="wrap-send-message">
<div class="inner tab-2">
<div id="map-location"> <form name="jf_cf" id="jf_cf" />
<!--BEGIN google map --> <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>
<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> <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>
<!--END google map --> <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> <div class="button" id="jf_cf_submit"></div>
</div>
</div><!-- visible-area --> <input type="hidden" name="jf_countdown_action" value="send" />
<!-- END Tab Map --> <input type="hidden" id="jf_cf_success" name="jf_cf_success" value="" />
</li><li><a href="./index.html" class="tab-button">Send Message</a> </form>
<a href="./index.html" style="display: none;" id="jf_cf_button_show">Send another message</a>
<!-- BEGIN - Tab Send Message --> </div>
<div class="visible-area tab"> </div><!-- visible-area -->
<div class="inner" id="wrap-send-message">
<span class="jf_cf_name "></span>
<form name="jf_cf" id="jf_cf" /> <span class="jf_cf_email "></span>
<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> <span class="jf_cf_message "></span>
<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> <!-- END - Tab Send Message -->
<div class="field-message"><label for="jf_cf_message">Message:</label><textarea class="required" name="jf_cf_message" id="jf_cf_message"></textarea></div> </li>
<div class="button" id="jf_cf_submit"></div> </ul>
</div><!-- #tabs -->
<input type="hidden" name="jf_countdown_action" value="send" /> </div>
<input type="hidden" id="jf_cf_success" name="jf_cf_success" value="" /> <!--END - Contact Us-->
</form> </div>
<a href="./index.html" style="display: none;" id="jf_cf_button_show">Send another message</a> <!-- END - a4-page --->
</div>
</div><!-- visible-area --> </div>
<!--END wrap-pages --->
<span class="jf_cf_name "></span>
<span class="jf_cf_email "></span> </div>
<span class="jf_cf_message "></span> <!--END content --->
<!-- END - Tab Send Message -->
</li> <!--BEGIN - social-icons-->
</ul> <ul id="social-icons" style="width: 250px;"> <!-- width = 50px * CountIcons; margin-left = width / 2 -->
</div><!-- #tabs --> <li><a href="./index.html" class="twitter" title="twitter"></a></li>
</div> <li><a href="./index.html" class="facebook" title="facebook"></a></li>
<!--END - Contact Us--> <li><a href="./index.html" class="dribbble" title="dribbble"></a></li>
</div> <li><a href="./index.html" class="rss" title="rss"></a></li>
<!-- END - a4-page ---> <li><a href="./index.html" class="skype" title="skype"></a></li>
<li><a href="" class="twitter" title="twitter"></a></li>
</div> <li><a href="" class="facebook" title="facebook"></a></li>
<!--END wrap-pages ---> <li><a href="" class="dribbble" title="dribbble"></a></li>
<li><a href="" class="rss" title="rss"></a></li>
</div> <li><a href="" class="skype" title="skype"></a></li>
<!--END content ---> <li><a href="" class="digg" title="Digg"></a></li>
<li><a href="" class="googlebuzz" title="Google Buzz"></a></li>
<!--BEGIN - social-icons--> <li><a href="" class="delicious" title="Delicious"></a></li>
<ul id="social-icons" style="width: 250px;"> <!-- width = 50px * CountIcons; margin-left = width / 2 --> <li><a href="" class="tumbler" title="Tumbler"></a></li>
<!-- <li><a href="" class="plixi" title="Plixi"></a></li>
<li><a href="./index.html" class="twitter" title="twitter"></a></li> <li><a href="" class="stubleupon" title="StubleUpon"></a></li>
<li><a href="./index.html" class="facebook" title="facebook"></a></li> <li><a href="" class="lastfm" title="LastFM"></a></li>
<li><a href="./index.html" class="dribbble" title="dribbble"></a></li> <li><a href="" class="mobypicture" title="MobyPicture"></a></li>
<li><a href="./index.html" class="rss" title="rss"></a></li> <li><a href="" class="youtube" title="YouTube"></a></li>
<li><a href="./index.html" class="skype" title="skype"></a></li> <li><a href="" class="vimeo" title="Vimeo"></a></li>
<li><a href="" class="myspace" title="MySpace"></a></li>
<li><a href="" class="twitter" title="twitter"></a></li> <li><a href="" class="dropbox" title="Dropbox"></a></li>
<li><a href="" class="facebook" title="facebook"></a></li> <li><a href="" class="foursquare" title="Four Square"></a></li>
<li><a href="" class="dribbble" title="dribbble"></a></li> <li><a href="" class="gowalla" title="Gowalla"></a></li>
<li><a href="" class="rss" title="rss"></a></li> <li><a href="" class="ichat" title="iChat"></a></li>
<li><a href="" class="skype" title="skype"></a></li> <li><a href="" class="googleplus" title="Google +"></a></li>
<li><a href="" class="digg" title="Digg"></a></li> <li><a href="" class="linkedin" title="LinkedIn"></a></li>
<li><a href="" class="googlebuzz" title="Google Buzz"></a></li> </ul>
<li><a href="" class="delicious" title="Delicious"></a></li> <div class="clear"></div>
<li><a href="" class="tumbler" title="Tumbler"></a></li> <!--END - social-icons-->
<li><a href="" class="plixi" title="Plixi"></a></li>
<li><a href="" class="stubleupon" title="StubleUpon"></a></li> </body>
<li><a href="" class="lastfm" title="LastFM"></a></li> </html>
<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>