ÿþ<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Deutsch-ukrainisches Information- und Kulturzentrum</title> <meta name="description" content=""/> <meta name="keywords" content=""/> <meta http-equiv="content-type" content="text/html;charset=iso-utf-8"/> <meta http-equiv="content-language" content="en"/> <link rel="stylesheet" type="text/css" media="screen" title="screen" href="./css/reset.css"/> <link rel="stylesheet" type="text/css" media="screen" title="screen" href="./css/style.css"/> <link rel="stylesheet" type="text/css" media="screen" title="screen" href="./css/quick-style.css"/> <!--[if lt IE 7]> <link rel="stylesheet" type="text/css" media="screen" title="screen" href="http://charismaticmedia.com/demo/avangarda/blue/css/style-ie6.css"/> <script src="http://charismaticmedia.com/demo/avangarda/blue/js/PNGTransparent-IE6/DD_belatedPNG_0.0.8a.js"></script> <script> DD_belatedPNG.fix('img,.logo'); </script> <![endif]--> <!-- drop down menu --> <link rel="stylesheet" type="text/css" href="./css/superfish.css" media="screen" /> <script type="text/javascript" src="./js/jquery-1.3.2.js"></script> <script type="text/javascript" src="./js/hoverintent.js"></script> <script type="text/javascript" src="./js/superfish.js"></script> <script type="text/javascript"> // initialise plugins jQuery(function(){ jQuery('ul.sf-menu').superfish(); }); </script> <script type="text/javascript" src="./js/jcarousel/jquery.carousel.pack.js"></script> <script type="text/javascript"> $(function(){ $("div.carousel").carousel( { pagination: true, autoSlide: true, loop: true, autoSlideInterval: 3000, delayAutoSlide: 3000, direction: "vertical", effect: "fade" } ); }); </script> <meta charset="UTF-8"></head> <body id="subpage"> <div id="main-container"> <div id="header"> <a href="./index.html" name="top" class="logo"></a> <ul class="sf-menu"> <li> <a href="./index.html">Startseite</a> </li> <li> <a href="./about.html" class="current">Zu Ihren Diensten</a> </li> <li> <a href="./portfolio.html">Galerie</a> </li> <li> <a href="./contact.html">Kontakt</a> </li> </ul><!-- end .sf-menu --> <p><a href="http://my-ukraine.de/ukr/index.html"><img style="position:absolute; margin-left: 936px; margin-top: 30px" src="images/ukraine.png"></a></p> <img style="position:absolute; margin-left: 902px; margin-top: 15px" src="images/germany.png"> </div><!-- end #header --> <div id="subpage_tagline_wrap"> <span class="dark">This is your tagline. Tell important things in few words.</span><br /> Describe your business best as you can. </div><!-- end #banner_wrap --> <div id="content_wrap"> <div id="content"> <h1>Über unser Kulturzentrum: </h1> <br /> <p> <img src="./images/sample-image.jpg" alt="Sample Image" class="alignleft" /> <b>Lädt Sie rechtherzlich ein!</b><br /><br />Deutsch-Ukrainisches Information- und Kulturzentrum wurde im Frühling 1998 in Düsseldorf gegründet. Es verfolgt die gemeinnützigen Zwecke. Der Verein wurde aus einer privaten Initiative Ukrainischen und Deutschen Bürgern gegründet, die ihren Beitrag zu wirtschaftlichen, wissenschaftlichen, kulturellen, sowie sozialen Beziehungen leisten wollen und gleichzeitig diese Beziehungen erweitern und stärken möchten. </p> <p> <img src="./images/sample-image.jpg" alt="Sample Image" class="alignright" /> <b>Same Paragraph with bold text and float right image</b><br /><br />Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed non nunc nibh. Cras ut purus vitae ante dictum hendrerit non id quam. Pellentesque dapibus eros ut mauris feugiat sodales. In ut massa leo, id rutrum eros. In et ornare dolor. Praesent nec risus est. Nullam ac ultricies massa. Phasellus vehicula lectus quis lectus convallis dapibus. Nunc cursus, urna id dignissim tincidunt, mi lorem tempus orci, a aliquet est est eget justo. Cras volutpat euismod accumsan. Duis nulla elit, placerat posuere tincidunt at, congue eget magna. Maecenas adipiscing euismod erat sed iaculis. </p> <h1>This is Header 1</h1> <h2>This is Header 2</h2> <h3>This is Header 3</h3> <h4>This is Header 4</h4> <h5>This is Header 5</h5> <h6>This is Header 6</h6> <p> <small>This is a small text</small><br /> <strong>This is a strong / bold text</strong><br /> <em>This is an italic text</em> </p> <ul> <li>This is in unordered list</li> <li>This is in unordered list</li> <li>This is in unordered list</li> </ul> <br /> <ol> <li>This is in ordered list</li> <li>This is in ordered list</li> <li>This is in ordered list</li> </ol> <br /> <br /> <h2>What will you get with this template</h2><br /> <div class="content_box_left"> <h4>Multiple browsers compatible</h4> <table><tr><td><img src="./images/monitor.png" alt="image"/></td><td>Working on all main the browsers (Internet Explorer 6 , 7, 8 , Firefox, Safari, Google Chrome, Opera).</td></tr></table> Coded with web standards XHTML and CSS. Clean, commented code for easy to customize.<br /> </div> <div class="content_box_right"> <h4>Universal &amp; easy to customize</h4> <table><tr><td><img src="./images/setting.png" alt="image"/></td><td>Template is easy to customize to your reqimens and can be used for a variety of projects.</td></tr></table> Comes with multiple Skins to choose from plus additionally all PSD files that where used to create this theme are included. </div> </div><!-- end #content --> <div id="sidebar"> <h2>About Us</h2> <ul class="news"> <li><a href="./about.html">&raquo; Our mission</a></li> <li><a href="./about.html">&raquo; Services</a></li> <li><a href="./about.html">&raquo; Who we are</a></li> </ul> <br /><br /> <h2>Recent News</h2> <ul class="news"> <li><a href="./blog.html">Mauris tincidunt pharetra ipsum in tempus.</a><br /><small>Aug 02, 2009 | No Comments</small></li> <li><a href="./blog.html">Donec adipiscing ipsum semper ante.</a><br /><small>Jul 15, 2009 | 3 Comments</small></li> <li><a href="./blog.html">Sed commodo lobortis risus, vitae commodo.</a><br /><small>May 26, 2009 | 14 Coments</small></li> </ul> <br /><br /> <h2>Get in touch</h2> <ul class="contact_info"> <li> Please feel free to email me if you have specific requirements, or even if you just want a chat! You can also use our <a href="./contact.html">contact page.</a><br /> </li> <li> <strong>adress:</strong> 4 Mill Road, Limerick, Ireland<br /> <strong>email:</strong> <a href="">sample@sample.com</a><br /> <strong>phone:</strong> 0353 123 456 78<br /> <strong>mobile:</strong> 0353 123 456 78 </li> </ul> <br /><br /> <h2>Partners</h2> <p> <a href="http://themeforest.net?ref=vesthar"><img src="./images/adv/adv1.jpg" class="alignleft" alt="image"/></a> <a href="http://graphicriver.net?ref=vesthar"><img src="./images/adv/adv2.jpg" class="alignright" alt="image" /></a> </p> </div><!-- end #sidebar --> <div class="clear"></div><!-- end .clear --> </div><!-- end #content_wrap --> <div id="footer_wrap" > <div id="footer_menu"> <a href="./index.html">Startseite</a> <a href="./about.html">Zu Ihren Diensten</a> <a href="./portfolio.html">Galerie</a> <a href="./contact.html">Kontakt</a> </div><!-- end #footer_menu --> &copy; Copyright 2009 <a href="http://themeforest.net/item/avangarda-8-in-1-profesional-businessportfolio/66155">Avangarda</a> Template &amp; <a href="http://CharismaticMedia.com">CharismaticMedia.com</a>. </div><!-- end #footer_wrap --> </div><!-- end #main-container --> </body> </html>