<!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>
<meta http-equiv="content-language" content="de" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="generator" content="PhpED Version 6.0 (Build 6026)" />
<title>Dominik Siebelhoff - Portfolio</title>
<meta name="description" content="Auf dieser Seite finden Sie alle Arbeiten von dem Webdesiger Dominik Siebelhoff." />
<meta name="keywords" content="Dominik Siebelhoff, Webdesign, Webentwicklung, Entwicklung," />
<meta name="author" content="Dominik Siebelhoff" />
<meta http-equiv="reply-to" content="info@dominik-siebehoff.de" />
<link rel="shortcut icon" href="file:///C|/Users/Jens/Desktop/img/favicon.ico" />
<meta name="creation-date" content="06/08/2011" />
<meta name="robots" content="index, follow" />
<meta name="revisit-after" content="7 days" />
<link type="text/css" rel="stylesheet" href="style.css" />
<script type="text/javascript" src="http://apis.google.com/js/plusone.js">
{lang: 'de'}
</script>
<!-- ALT gelöscht <script type="text/javascript" src="http://inet-maker.de/slide/jquery-1.2.1.pack.js"></script>-->
<!--Neue Version-->
<script src="http://cdn.jquerytools.org/1.2.5/jquery.tools.min.js"></script>
<link rel="stylesheet" type="text/css" href="http://static.flowplayer.org/tools/css/standalone.css"/>
<link rel="stylesheet" type="text/css" href="http://static.flowplayer.org/tools/css/overlay-basic.css"/>
<!--Ende Neue Version-->
<script type="text/javascript" src="http://inet-maker.de/slide/jMyCarousel.js"></script>
<script type="text/javascript">
$(function() {
$(".jMyCarousel").jMyCarousel({
visible: '4',
eltByElt: true,
evtStart: 'mousedown',
evtStop: 'mouseup'
});
});
</script>
<!--Neue Version-->
<style>
#triggers { text-align:center; }
#triggers img {
cursor:pointer;
margin:0 5px;
background-color:#fff;
border:1px solid #ccc;
padding:2px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
/* styling for elements inside overlay */
.details {
position:absolute;
top:15px;
right:15px;
font-size:11px;
color:#fff;
width:150px;
}
.details h3 {
color:#aba;
font-size:15px;
margin:0 0 -10px 0;
}
</style>
</head>
<body>
<!-- Tooltip -->
<div id="eins" class="tooltip">Such Maschinen Optimierung</div>
<div id="zwei" class="tooltip">Content Managment System</div>
<div id="drei" class="tooltip">Datenbank Sprache</div>
<div id="vier" class="tooltip">Programmiersprache (Foren etc.)</div>
<div id="funf" class="tooltip">Content Managment System (Blog)</div>
<div id="sechs" class="tooltip">Ladezeit von Webseiten optimieren</div>
<div id="sieben" class="tooltip">Hinzufügem von Texten, Bildern ...</div>
<div id="acht" class="tooltip">dynamische Webseiten</div>
<div id="neun" class="tooltip">Gestaltung der Webseite</div>
<div id="zehn" class="tooltip">Folge mir auf Facebook</div>
<div id="elf" class="tooltip">Folge mir auf Twitter</div>
<div id="zwelf" class="tooltip">RSS-Feed abonnieren</div>
<!-- -->
<div id="wrapper">
<div id="header">
<h1 class="inline">Inet-Maker</h1>
<img src="http://inet-maker.de/img/logo.png" class="inline" title="Logo" alt="Logo" />
<h1 class="inline">Portfolio</h1>
<div id="sozial" class="inline"> <a href="http://www.facebook.com/pages/Inet-Makerde/141525412574497" onmouseover="showWMTT('zehn')" onmouseout="hideWMTT()"><img src="http://inet-maker.de/img/fb.png" alt="Facebook" class="inline" /></a> <a href="http://twitter.com/#!/InetMaker"><img src="http://inet-maker.de/img/twitter.png" class="inline" onmouseover="showWMTT('elf')" alt="Twitter" onmouseout="hideWMTT()" /></a> <a href="file:///C|/Users/Jens/Desktop/feed.xml"><img src="file:///C|/Users/Jens/Desktop/img/rss.png" class="inline" onmouseover="showWMTT('zwelf')" onmouseout="hideWMTT()" alt="RSS-Feed" /></a> </div>
</div>
<div id="navigation">
<ul id="nav">
<li class="start"><a href="#port_h2" title="Portfolio">Portfolio</a></li>
<li><a href="#ueber_mich" title="Über mich">Über mich</a></li>
<li><a href="#skills" title="Kenntnisse">Kenntnisse</a></li>
<li class="end"><a href="#footer" title="Kontakt">Kontakt</a></li>
</ul>
</div>
<h2 id="port_h2">|| Portfolio</h2>
<div id="portfolio_slide">
<noscript>
<p class="error">Um bestimme Inhalte dieser Seite sehen zu können, muss Javascript aktiviert sein.</p>
</noscript>
<div class="jMyCarousel">
<ul id="triggers">
<li> <img src="http://inet-maker.de/slide/img/praktikum_infomax.jpg" width="200" height="150" rel="#mies1"/></li>
<li><img src="slide/img/praktikum_gerstmayer.jpg" width="200" height="150" alt="Praktikumsbestätigung bei Agentur Gerstmayer" /></li>
<li><img src="slide/img/siebelhoff_portal.jpg" width="200" height="150" alt="Autohaus Siebelhoff Portal" /></li>
<li><img src="slide/img/necke-film.jpg" width="200" height="150" alt="Necke-Film" /></li>
</ul>
</div>
</div>
<div class="simple_overlay" id="mies1"> <img src="http://inet-maker.de/slide/img/praktikum_infomax.jpg" /> </div>
<div id="ueber_mich">
<h2>|| Über mich</h2>
<img src="img/dominik-siebelhoff.jpg" alt="Dominik Siebelhoff" class="left" title="Dominik Siebelhoff" />
<p class="right"> <span class="ue_h3">Allgemein über mich</span> Meine Hobbys sind Windsurfen, Schlagzeug
spielen sowie natürlich gestalten und
programmieren.
Zurzeit besuche ich die Leonhard-Wagner-
Realschule und werde diese voraussichtlich
in 2 Jahren mit der Mittleren-Reife verlassen.
Danach werde ich entweder auf die Fos gehen
oder eine Ausbildung als Webdesigner beginnen.
Ihr
Dominik Siebelhoff </p>
<p class="p"><span class="strong"> Ich heiße Dominik Siebelhoff,
komme aus Bayern und entwickle bzw. gestalte
aus Leidenschaft Webseite.</span> <span class="ue_h3">Wie kam es zum Webdesign?</span> Als ich 2007 eine kleine Anleitung zu Html las,
war ich sofort sehr begeistert davon und erkannte
gleich das, dass das richtige für mich ist. Danach
fing ich an mir Bücher zu Html und CSS zu kaufen.
Als ich diese beiden Sprachen nach ca. 1-2 Jahren
perfekt beherrschte fing ich an PHP und Javascript
zu lernen.</p>
</div>
<div id="skills" class="clear">
<h2>|| Kenntnisse</h2>
<div class="right"> <img src="img/maennchen.jpg" title="Kenntnisse" alt="Männchen" /> </div>
<ul>
<li class="black">(X)HTML <a href="#" onmouseover="showWMTT('sieben')" onmouseout="hideWMTT()">[?]</a></li>
<li class="black">Javascript <a href="#" onmouseover="showWMTT('acht')" onmouseout="hideWMTT()">[?]</a></li>
<li class="black">SEO <a href="#" onmouseover="showWMTT('eins')" onmouseout="hideWMTT()">[?]</a></li>
</ul>
<ul id="gray" class="clearleft">
<li>CSS <a href="#" onmouseover="showWMTT('neun')" onmouseout="hideWMTT()">[?]</a></li>
<li>Contao <a href="#" onmouseover="showWMTT('zwei')" onmouseout="hideWMTT()">[?]</a></li>
<li>MySql <a href="#" onmouseover="showWMTT('drei')" onmouseout="hideWMTT()">[?]</a></li>
</ul>
<ul class="clearleft">
<li>PHP <a href="#" onmouseover="showWMTT('vier')" onmouseout="hideWMTT()">[?]</a></li>
<li>Wordpress <a href="#" onmouseover="showWMTT('funf')" onmouseout="hideWMTT()">[?]</a></li>
<li>WPO <a href="#" onmouseover="showWMTT('sechs')" onmouseout="hideWMTT()">[?]</a></li>
</ul>
</div>
<div id="footer">
<div id="left" class="left"> <img src="file:///C|/Users/Jens/Desktop/img/contact.png" class="left" alt="Kontakt" title="Kontakt" />
<h2>Kontakt</h2>
<p id="kontakt">Wenn sie möchten dürfen Sie gerne über das
Formular rechts Kontakt mit mir aufnehmen. <br />
<br />
Für Angebote zur Erstellung von Webseiten
kontaktieren Sie mich auch bitte über das
Formular rechts.</p>
<div id="fb-root"></div>
<script type="text/javascript" src="http://connect.facebook.net/en_US/all.js#appId=207965089241005&xfbml=1"></script>
<fb:like href="http://www.facebook.com/pages/Inet-Makerde/141525412574497" send="true" layout="button_count" width="150" show_faces="true" font="arial"></fb:like>
<!-- standard -->
<g:plusone></g:plusone>
<a href="http://twitter.com/InetMaker" class="twitter-follow-button" data-lang="de">Follow @InetMaker</a>
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script><br />
<br />
<p><a href="http://www.inet-maker.de" title="Inet-Maker.de">Inet-Maker.de</a> - <a href="http://www.dominik-siebelhoff.de" title="Dominik-Siebelhoff.de">Dominik-Siebelhoff.de</a> - <a href="http://www.webentwicklung-augsburg.de">Webentwicklung-Augsburg.de</a></p>
</div>
<form action="file:///C|/Users/Jens/Desktop/index.php#footer" method="post">
<label for="Name">Name:</label>
<br />
<input type="text" id="Name" name="Name" value="" />
<br />
<label for="Betreff">Betreff:</label>
<br />
<input type="text" id="Betreff" name="Betreff" value="" />
<br />
<label for="Email">Email:</label>
<br />
<input type="text" id="Email" name="Email" value="" />
<br />
<label for="Nachricht">Nachricht:</label>
<br />
<textarea id="Nachricht" name="Nachricht"></textarea>
<br />
<input type="submit" name="senden" value="Senden" id="send" />
</form>
</div>
</div>
<!--Neue-->
<script>
// What is $(document).ready ? See: http://flowplayer.org/tools/documentation/basics.html#document_ready
$(document).ready(function() {
$("img[rel]").overlay();
});
</script>
<!--End Neu-->
</body>
</html>
