So sieht die Seite aus
<!--@title=Corporate Design @--><!--@hmenu=Corporate Design @--><!--@view=normal@--><!--@viewoptions=@--><!--@wysiwyg=1@-->
<head>
<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>
<script src="http://bxslider.com/sites/default/files/jquery.bxSlider.min.js" type="text/javascript"></script>
<script type="text/javascript">
//Slider-Script-1-->
$(document).ready(function(){
var slider = $('#slider1').bxSlider({
controls: false,
speed: 500,
pager: false,
pause: 4000,
//prevImage: 'images/prev.jpg',
//nextImage: 'images/next.jpg',
displaySlideQty: 1
});
});
//Slider-Script-2
$(document).ready(function(){
var slider = $('#slider2').bxSlider({
controls: false,
speed: 500,
pager: true,
pause: 4000,
//prevImage: 'images/prev.jpg',
//nextImage: 'images/next.jpg',
displaySlideQty: 1
});
});
//Slider-Script-3
$(document).ready(function(){
var slider = $('#slider3').bxSlider({
controls: false,
speed: 500,
pager: true,
pause: 4000,
//prevImage: 'images/prev.jpg',
//nextImage: 'images/next.jpg',
displaySlideQty: 1
});
});
//Slider-Script-4
$(document).ready(function(){
var slider = $('#slider4').bxSlider({
controls: false,
speed: 500,
pager: true,
pause: 4000,
//prevImage: 'images/prev.jpg',
//nextImage: 'images/next.jpg',
displaySlideQty: 1
});
});
//Slider-Script-5
$(document).ready(function(){
var slider = $('#slider5').bxSlider({
controls: false,
speed: 500,
pager: true,
pause: 4000,
//prevImage: 'images/prev.jpg',
//nextImage: 'images/next.jpg',
displaySlideQty: 1
});
});
//Slider-Script-6
$(document).ready(function(){
var slider = $('#slider6').bxSlider({
controls: false,
speed: 500,
pager: true,
pause: 4000,
//prevImage: 'images/prev.jpg',
//nextImage: 'images/next.jpg',
displaySlideQty: 1
});
});
//Slider-Script-7
$(document).ready(function(){
var slider = $('#slider7').bxSlider({
controls: false,
speed: 500,
pager: true,
pause: 4000,
//prevImage: 'images/prev.jpg',
//nextImage: 'images/next.jpg',
displaySlideQty: 1
});
});
</script>
<style>
#slider1 slider2 slider3 slider4 slider5 slider6 slider7{
width: 603px;
height: 400px;
color: white;
text-align: left;
}
.slider_around{
width: 603px;
}
.item{
padding-left: 0px;
padding-right: 0px;
padding-bottom: 10px;
width: 603px;
height: 400px;
}
.pager-link{
font-size: 11px;
padding-right: 7px;
}
.pager-active{
font-size: 11px;
padding-right: 7px;
color: #3e7cb4;
}
.project{
font-size: 12px;
text-align: left;
color: #729abd;
font-weight: normal;
}
</style>
</head>
<div id="top" class="total" style="padding-top: 160px;" onload="buttonaendern();">
<script type="text/javascript">
button = 2;
</script>
<div class="total">
<!--01--> <div >
<h1>KOSUMDOK CONSULTING Logo</h1>
<div class="slider_around">
<div id="slider1">
<!--Bild1-->
<div class="item">
<img border="no" class="bildschatten" src="/web/images/slider/images/kosumdok_001.jpg" />
</div>
</div>
</div>
<br>
Gestaltung des Logos und der Visitenkarte für kosumdok<br> consulting, Unternehmensberater, 2011<br>
<br><br><br>
</div>
<!------------------------------------------------->
<!--02--> <div>
<h1>ANGST+PFISTER AG Produktbroschüren</h1>
<div class="slider_around">
<div id="slider2">
<!--Bild1-->
<div class="item">
<img border="no" class="bildschatten" src="/web/images/slider/images/01_POB.jpg" />
</div>
<!--Bild2-->
<div class="item">
<img border="no" class="bildschatten" src="/web/images/slider/images/02_POB.jpg" />
</div>
<!--Bild3-->
<div class="item">
<img border="no" class="bildschatten" src="/web/images/slider/images/03_POB.jpg" />
</div>
<!--Bild4-->
<div class="item">
<img border="no" class="bildschatten" src="/web/images/slider/images/04_POB.jpg" />
</div>
<!--Bild5-->
<div class="item">
<img border="no" class="bildschatten" src="/web/images/slider/images/05_POB.jpg" />
</div>
<!--Bild6-->
<div class="item">
<img border="no" class="bildschatten" src="/web/images/slider/images/06_POB.jpg" />
</div>
</div>
</div>
<br>
Bildkonzeption und Gestaltung der Produktbroschüren für<br>
Angst+Pfister AG, Lieferpartner für Industriekomponenten,<br>
2007-2010<br>
<br><br><br>
</div>
<!------------------------------------------------->
<!--03--> <div>
<h1>ANGST+PFISTER AG Kundenmagazin</h1>
<div class="slider_around">
<div id="slider3">
<!--Bild1-->
<div class="item">
<img border="no" class="bildschatten" src="/web/images/slider/images/01_Magazin.jpg" />
</div>
<!--Bild2-->
<div class="item">
<img border="no" class="bildschatten" src="/web/images/slider/images/02_Magazin.jpg" />
</div>
</div>
</div>
<br>
Gestaltung des Kundenmagazins der Angst+Pfister AG,<br>
Lieferpartner für Industriekomponenten, 2007-2010<br>
<br><br><br>
</div>
<!------------------------------------------------->
<!--04--> <div>
<h1>ANGST+PFISTER AG Karten</h1>
<div class="slider_around">
<div id="slider4">
<!--Bild1-->
<div class="item">
<img border="no" class="bildschatten" src="/web/images/slider/images/01_Weihnachtskarte.jpg" />
</div>
<!--Bild2-->
<div class="item">
<img border="no" class="bildschatten" src="/web/images/slider/images/02_diverseKarten.jpg" />
</div>
<!--Bild3-->
<div class="item">
<img border="no" class="bildschatten" src="/web/images/slider/images/03_Karte_innen.jpg" />
</div>
</div>
</div>
<br>
Konzeption und Gestaltung von Weihnachtskarten und<br>
Einladungskarten für Seminare und Veranstaltungen der<br>
Angst+Pfister AG, Lieferpartner für Industriekomponenten,<br>
2007-2010<br>
<br><br><br>
</div>
<!------------------------------------------------->
<!--05--> <div>
<h1>RADIO 105 Informationsbroschüre</h1>
<div class="slider_around">
<div id="slider5">
<!--Bild1-->
<div class="item">
<img border="no" class="bildschatten" src="/web/images/slider/images/01_Radio.jpg" />
</div>
<!--Bild2-->
<div class="item">
<img border="no" class="bildschatten" src="/web/images/slider/images/02_Radio.jpg" />
</div>
<!--Bild3-->
<div class="item">
<img border="no" class="bildschatten" src="/web/images/slider/images/03_Radio.jpg" />
</div>
</div>
</div>
<br>
Konzeption und Gestaltung der Informationsbroschüre für Radio<br>
105, einem Schweizer Jugendradio, 2003<br><br>
<span class="black">Agentur</span> tomcat ag, St.Gallen<br>
<br><br><br>
</div>
<!------------------------------------------------->
<!--06--> <div>
<h1>SPROLL&RAMSEYER Corporate Design</h1>
<div class="slider_around">
<div id="slider6">
<!--Bild1-->
<div class="item">
<img border="no" class="bildschatten" src="/web/images/slider/images/01_SR.jpg" />
</div>
<!--Bild2-->
<div class="item">
<img border="no" class="bildschatten" src="/web/images/slider/images/02_SR.jpg" />
</div>
<!--Bild3-->
<div class="item">
<img border="no" class="bildschatten" src="/web/images/slider/images/03_SR.jpg" />
</div>
</div>
</div>
<br>
Konzeption und Neugestaltung des Erscheinungsbildes von<br>
Sproll&Ramseyer, einem Immobilienschätzer-Unternehmen, 2004<br>
<br>
<span class="black">Agentur</span> tomcat ag, St.Gallen<br>
<br><br><br>
</div>
<!------------------------------------------------->
<!--07--> <div>
<h1>PIXELPARK AG Imagebroschüre</h1>
<div class="slider_around">
<div id="slider7">
<!--Bild1-->
<div class="item">
<img border="no" class="bildschatten" src="/web/images/slider/images/01_Pixelpark.jpg" />
</div>
<!--Bild2-->
<div class="item">
<img border="no" class="bildschatten" src="/web/images/slider/images/02_Pixelpark.jpg" />
</div>
<!--Bild3-->
<div class="item">
<img border="no" class="bildschatten" src="/web/images/slider/images/03_Pixelpark.jpg" />
</div>
</div>
</div>
<br>
Konzeption und Gestaltung der modularen Imagebroschüre für die<br>
Abteilung Interactive Environments der Pixelpark AG in Berlin,<br>
2001<br>
<br>
<span class="black">Agentur</span> Pixelpark AG, Berlin<br>
<br><br><br>
</div>
<!------------------------------------------------->
</div>
</div>
<div class="clear"></div>
<div class="up">
<a href="#top"><img src="include/designs/design/images/pfeil_up.png" alt="Pfeil Up" border="no"></a>
</div>
Zuletzt modifiziert von holz am 10.02.2012 - 22:10:17