07c290a453
- zoesch.de - blitzkiste.net - gruene-hassberge (norbert.zoesch.de) 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
410 lines
18 KiB
HTML
410 lines
18 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<title>Werbetechnik Hassfurt</title>
|
||
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" />
|
||
<link rel="icon" href="img/favicon.png" type="image/x-icon" />
|
||
<!-- Bootstrap -->
|
||
<link href="css/bootstrap.min.css" rel="stylesheet">
|
||
|
||
<!-- Custom -->
|
||
<link href='http://fonts.googleapis.com/css?family=Oswald|Roboto|Open+Sans|PT+Sans' rel='stylesheet' type='text/css'>
|
||
<link href="css/custom.css" rel="stylesheet">
|
||
<link href="css/font-awesome.min.css" rel="stylesheet">
|
||
<link href="css/animate.css" rel="stylesheet">
|
||
<link href="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/themes/ui-darkness/jquery-ui.min.css" rel="stylesheet">
|
||
<link rel="stylesheet" href="css/blueimp-gallery.min.css">
|
||
<link rel="stylesheet" href="css/bootstrap-image-gallery.min.css">
|
||
|
||
<!-- js -->
|
||
<script src="js/jquery-2.1.3.min.js"></script>
|
||
<script src="js/jquery.inview.min.js"></script>
|
||
<!--script src="js/control.js"></script-->
|
||
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/jquery-ui.min.js"></script>
|
||
<script src="js/dialog.js"></script>
|
||
<script src="js/main.js"></script>
|
||
<script src="js/modernizr.js"></script> <!-- Modernizr -->
|
||
|
||
<!-- navbar margin -->
|
||
<script>
|
||
var shiftWindow = function() { scrollBy(0, -110) };
|
||
window.addEventListener("hashchange", shiftWindow);
|
||
function load() { if (window.location.hash) shiftWindow(); }
|
||
</script>
|
||
|
||
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
|
||
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
|
||
<!--[if lt IE 9]>
|
||
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
|
||
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
||
<![endif]-->
|
||
|
||
</head>
|
||
<body>
|
||
|
||
<!-- Navbar -->
|
||
<nav class="animated fadeInDown navbar navbar-default navbar-fixed-top">
|
||
<div class="container-fluid navb">
|
||
<div class="nav-container">
|
||
<!-- Brand and toggle get grouped for better mobile display -->
|
||
<div class="navb_logo">
|
||
<a class="navbar-brand" href="http://werbetechnik-hassfurt.de/index.html">
|
||
<div class="logo"></div>
|
||
</a>
|
||
</div>
|
||
<div class="navbar-header">
|
||
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
|
||
<span class="sr-only">Toggle navigation</span>
|
||
<span class="list-icon"><i class="fa fa-bars"></i></span>
|
||
</button>
|
||
</div>
|
||
|
||
<!-- Collect the nav links, forms, and other content for toggling -->
|
||
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
|
||
<ul class="nav navbar-nav">
|
||
<li><a href="#about" class="hidden-xs">Über uns</a></li>
|
||
<li ><a href="#about" class="visible-xs" data-toggle="collapse" data-target=".navbar-collapse">Über uns</a></li>
|
||
<li><a href="#offers" class="hidden-xs">Leistungen</a></li>
|
||
<li><a href="#offers" class="visible-xs" data-toggle="collapse" data-target=".navbar-collapse">Leistungen</a></li>
|
||
<li><a href="#gallery" class="hidden-xs">Galerie</a></li>
|
||
<li><a href="#gallery" class="visible-xs" data-toggle="collapse" data-target=".navbar-collapse">Galerie</a></li>
|
||
<li><a href="#clients" class="hidden-xs">Referenzen</a></li>
|
||
<li><a href="#clients" class="visible-xs" data-toggle="collapse" data-target=".navbar-collapse">Referenzen</a></li>
|
||
<li><a href="#contact" class="hidden-xs">Kontakt</a></li>
|
||
<li><a href="#contact" class="visible-xs" data-toggle="collapse" data-target=".navbar-collapse">Kontakt</a></li>
|
||
</ul>
|
||
<ul class="nav navbar-nav navbar-right social">
|
||
<li><a href="https://www.facebook.com/Werbetechnik-Hassfurt-810169115768723" target="_blank" class="hidden-xs"><i class="fa fa-facebook-square"></i></a>
|
||
</li>
|
||
<li><a href="https://www.facebook.com/Werbetechnik-Hassfurt-810169115768723" target="_blank" class="visible-xs" data-toggle="collapse" data-target=".navbar-collapse"><i class="fa fa-facebook-square"></i></a>
|
||
</li>
|
||
</ul>
|
||
</div><!-- /.navbar-collapse -->
|
||
</div><!-- /.nav-container -->
|
||
</div><!-- /.container -->
|
||
</nav><!-- /Navbar -->
|
||
|
||
<!-- Header -->
|
||
<header class="container-fluid">
|
||
<div class="row header-content">
|
||
<!--img class="headerlogo" src="img/werbetechnik_hassfurt_logo.png"-->
|
||
</div>
|
||
</header>
|
||
<!-- /Header -->
|
||
|
||
<!-- About us -->
|
||
<div class="about container-fluid">
|
||
<div class="row about-content">
|
||
<h3 id="about">Über uns</h3>
|
||
<h4>Werbetechnik Hassfurt</h4>
|
||
<p>Sie suchen nach außergewöhnlichen Werbeideen? Eine Werbung, die bei Ihrem Kunden ankommt und nicht zwischen zahlreichen Werbebotschaften des Alltags untergeht? Sie schätzen persönliche Beratung? Dann sind Sie bei uns in den besten Händen.<br><br>
|
||
Mit viel Engagement, Know-How und Flexibilität setzt das Werbetechnik Haßfurt Team kreative Ideen und erfolgreiche Werbeprodukte um. Ob für Firmenkunden, Vereine, Schulen oder Privatpersonen, wir lassen uns was für Sie einfallen!<br><br>
|
||
Langweilig und konservativ war gestern. Heute nutzt man viele Kanäle, um am Puls der Zeit zu sein! Ihr Erfolg ist unsere Leidenschaft. Wir sind persönlich und mit viel Erfahrung für Sie da.</p>
|
||
</div>
|
||
</div>
|
||
<!-- /About us -->
|
||
|
||
<!-- Offers -->
|
||
<div class="offers container-fluid">
|
||
<div class="row offers-content">
|
||
<h3 id="offers">Leistungen</h3>
|
||
<div class="col-md-4 col-sm-6 thumb">
|
||
<h4>Folierung</h4>
|
||
<div class="liste">
|
||
<ul>
|
||
<li>Scheibentönung</li>
|
||
<li>KFZ-Beschriftung</li>
|
||
<li>KFZ-Teilfolierung</li>
|
||
<li>KFZ-Komplettfolierung</li>
|
||
<li>Warnmarkierung (DIN 30710)</li>
|
||
</ul>
|
||
</div>
|
||
<!--p>Autofolierung bieten wir Ihnen in den unterschiedlichsten Ausführungen an - ob als Farbwechsel, Fahrzeugwerbung oder zum Werterhalt Ihres Fahrzeuges (z.B. Steinschlagschutzfolie, Lackschutzfolie, Ladekantenschutz). Sie möchten Ihren Transporter genau in Ihrer Firmenfarbe? Kein Problem - wir folieren Ihr Fahrzeug mit digital bedruckten Folien gemäß Ihren Vorgaben und Designs, und das absolut alltagstauglich und dabei komplett rückstandsfrei wieder entfernbar!</p-->
|
||
</div>
|
||
<div class="col-md-4 col-sm-6 thumb">
|
||
<h4>Textildruck</h4>
|
||
<div class="liste">
|
||
<ul>
|
||
<li>T-Shirts</li>
|
||
<li>Jacken</li>
|
||
<li>Anzüge</li>
|
||
<li>Sporttaschen</li>
|
||
<li>Hiss- und Auslegerfahnen</li>
|
||
</ul>
|
||
</div>
|
||
<!--p>Einfache Autobeschriftung, hochwertiges Fahrzeugbranding, Konturmarkierung oder Beschriftung mit reflektierenden Folien, window-graphics oder Sponsorenbeschriftung. Was auch immer Sie benötigen, wir setzen es für Sie um. Gerne beraten wir Sie auch bei der Gestaltung Ihrer Fahrzeuge, um Ihr Unternehmen optimal zu präsentieren, und setzen Ihre CI-Linien auf alle Fahrzeugtypen entsprechend um.</p-->
|
||
</div>
|
||
<div class="col-md-4 col-sm-6 thumb">
|
||
<h4>Außenwerbung</h4>
|
||
<div class="liste">
|
||
<ul>
|
||
<li>Werbebanner</li>
|
||
<li>Lichtwerbeanlagen</li>
|
||
<li>3D-Profilbuchstaben</li>
|
||
<li>Schaufensterbeschriftung</li>
|
||
<li>Glasfolierung (Glasdekor)</li>
|
||
</ul>
|
||
</div>
|
||
<!--p>Der Wegweiser zur Baustelle, das Schild über dem Geschäft, der Leuchtkasten am Haus, die Fassadenbeschriftung - wie Sie sich auch repräsentieren wollen - wir setzen es für Sie um. LED-Buchstaben als Front- oder Rückleuchter, Spanntuchtransparente, Lichtwerbeanlagen, angeleuchtete oder auch unbeleuchtete Fassadenschilder sowie Ausleger fertigen wir für Sie in jeder beliebigen Größe und Ausführung an - oder malen Ihr Logo alternativ in klassisch handwerklicher Ausführung an die Fassade.</p-->
|
||
</div>
|
||
|
||
<div class="col-md-4 col-sm-6 thumb">
|
||
<h4>Schilder</h4>
|
||
<div class="liste">
|
||
<ul>
|
||
<li>Bandenwerbung</li>
|
||
<li>Baustellenschilder</li>
|
||
<li>Sicherheitsschilder (DIN 67510)</li>
|
||
<li>Reflektierende Schilder</li>
|
||
<li>Hinweisschilder</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4 col-sm-6 thumb">
|
||
<h4>Werbemittel</h4>
|
||
<div class="liste">
|
||
<ul>
|
||
<li>Tassendruck</li>
|
||
<li>USB-Sticks</li>
|
||
<li>Zollstöcke</li>
|
||
<li>Kennzeichenhalter</li>
|
||
<li>Mauspads</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4 col-sm-6 thumb">
|
||
<h4>Montage & Wartung</h4>
|
||
<div class="liste">
|
||
<ul>
|
||
<li>Schildermontage</li>
|
||
<li>Reklamemontage</li>
|
||
<li>Instandhaltung</li>
|
||
<li>Reperaturservice</li>
|
||
<li>Sturmschäden</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
<!-- /Offers -->
|
||
|
||
<!-- Bildergalerie -->
|
||
<div class="gallery container-fluid">
|
||
<div class="row gallery-content">
|
||
<h3 id="gallery">Galerie</h3>
|
||
<div id="links">
|
||
<a href="gallery/blitzkiste/img2.jpg" title="Blitzkiste"></a>
|
||
<a href="gallery/blitzkiste/img8.jpg" title="Blitzkiste"></a>
|
||
<a href="gallery/blitzkiste/img9.jpg" title="Blitzkiste"></a>
|
||
</div>
|
||
|
||
<!-- blueimp Gallery lightbox -->
|
||
<div id="blueimp-gallery-carousel" class="blueimp-gallery blueimp-gallery-carousel blueimp-gallery-controls">
|
||
<div class="slides"></div>
|
||
<h3 class="title"></h3>
|
||
<p class="description"></p>
|
||
<a class="prev">‹</a>
|
||
<a class="next">›</a>
|
||
<a class="play-pause"></a>
|
||
</div><!-- /blueimp Gallery lightbox -->
|
||
|
||
</div>
|
||
</div>
|
||
<!-- /Bildergallerie -->
|
||
|
||
<!--Clients-->
|
||
<div class="clients container-fluid">
|
||
<div class="row clients-content">
|
||
<h3 id="clients">Referenzen</h3>
|
||
<div class="row">
|
||
|
||
<div class="col-sm-6 col-md-4">
|
||
<div class="thumbnail-clients">
|
||
<a href="http://www.bb-folientechnik.de" target="_blank"><img src="img/bb_logo.png" class="img-responsive first-img" alt="BB-FOLIENTECHNIK"></a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-sm-6 col-md-4">
|
||
<div class="thumbnail-clients">
|
||
<a href="http://www.stadtwerkhassfurt.de" target="_blank"><img src="img/stw_logo.png" class="img-responsive" alt="Stadtwerk Hassfurt GmbH"></a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-sm-6 col-md-4">
|
||
<div class="thumbnail-clients">
|
||
<a href="http://www.rzhas.de" target="_blank"><img src="img/rzhas_logo.png" class="img-responsive" alt="Rechenzentrum Hassfurt"></a>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!--/Clients-->
|
||
|
||
|
||
<!-- Kontakt-->
|
||
<div class="contact container-fluid">
|
||
<div class="row contact-content">
|
||
<h3 id="contact">Kontakt</h3>
|
||
<div class="col-md-8 form-bg">
|
||
<form id="contact_form">
|
||
<input class="first_input" type="text" name="name" id="name" value="Name"/>
|
||
<br>
|
||
<input class="email" type="text" name="email" id="email" value="Emailadresse"/>
|
||
<br>
|
||
<textarea class="message" name="message" id="message" rows="5">Nachricht</textarea>
|
||
<br>
|
||
<span class="buttons">
|
||
<input class="reset" id="reset" type="reset" value="Reset"/>
|
||
<input class="send" id="submit" type="submit" value="Senden"/>
|
||
</span>
|
||
</form>
|
||
<div id="dialog"></div>
|
||
</div>
|
||
<div class="col-md-1 space"></div>
|
||
<div class="col-md-3 adr">
|
||
<a href="http://www.werbetechnik-hassfurt.de" target="_blank"><img class="wlogo" src="img/werbetechnik_hassfurt_logo.png"></a>
|
||
<table>
|
||
<tr>
|
||
<td class="first"><i class="fa fa-user"></i></td>
|
||
<td><a href="http://www.werbetechnik-hassfurt.de" target="_blank">Erol Sevim</a></td>
|
||
</tr>
|
||
<tr>
|
||
<td class="first"><i class="fa fa-map-marker"></i></td>
|
||
<td><a href="https://goo.gl/maps/sP1YPstjubM2" target="_blank">Augsfelder Straße 26<br> 97437 Haßfurt</a></td>
|
||
</tr>
|
||
<tr>
|
||
<td class="first"><i class="fa fa-phone"></i></td>
|
||
<td><p>+49 9521 9534470</p></td>
|
||
</tr>
|
||
<tr>
|
||
<td class="first"><i class="fa fa-desktop"></i></td>
|
||
<td><a href="http://www.werbetechnik-hassfurt.de">www.werbetechnik-hassfurt.de</a></td>
|
||
</tr>
|
||
<tr>
|
||
<td class="first"><i class="fa fa-envelope-o"></i></td>
|
||
<td><a href="mailto:info@werbetechnik-hassfurt.de">info@werbetechnik-hassfurt.de</a></td>
|
||
</tr>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-md-12 map-content">
|
||
<iframe class="map" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2563.2835031498876!2d10.53219672969797!3d50.02864999763957!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47a24585c8b3ca43%3A0x76ec88a652f32590!2sSevim-ldl+Technik+E.k.!5e0!3m2!1sde!2sde!4v1452782503278"allowfullscreen></iframe>
|
||
</div>
|
||
</div>
|
||
</div><!-- /Kontakt -->
|
||
|
||
<!-- Dialogboxen Impressum & Datenschutz -->
|
||
<div id="impressum_dialog"></div>
|
||
<div id="datenschutz_dialog"></div>
|
||
|
||
<!-- Footer -->
|
||
<footer>
|
||
<div class="footer1">
|
||
<div class="container foot1">
|
||
<div class="row">
|
||
<div class="col-md-6 col-xs-6 foot1-left">
|
||
<img class="footerlogo" src="img/werbetechnik_hassfurt_logo_white.png">
|
||
</div>
|
||
<div class="col-md-6 col-xs-6 foot1-right">
|
||
<a href="https://www.xing.com/profile/Felix_Zoesch/" target="_blank"><i class="fa fa-xing-square"></i></a>
|
||
<a href="https://www.facebook.com/Werbetechnik-Hassfurt-810169115768723" target="_blank"><i class="fa fa-facebook-square"></i></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="footer2">
|
||
<div class="container foot2">
|
||
<div class="row">
|
||
<div class="col-md-5 col-xs-5 foot2-left">
|
||
<a class="imp_dialog" href="impressum.html">Impressum</a> |
|
||
<a class="daten_dialog" href="datenschutz.html">Datenschutz</a>
|
||
</div>
|
||
<div class="col-md-7 col-xs-7 foot2-right">
|
||
<a href="http://www.zoesch.net" target="_blank"><p>Handcrafted with <i class="fa fa-heart fa-fw"></i> | © 2015 Felix Zösch</p></a>
|
||
</div>
|
||
</div>
|
||
</div><!-- /container -->
|
||
</div>
|
||
</footer>
|
||
<!-- /Footer -->
|
||
|
||
<a href="#0" class="cd-top">Top</a>
|
||
|
||
|
||
<!-- Include all compiled plugins (below), or include individual files as needed -->
|
||
<script src="js/bootstrap.min.js"></script>
|
||
<script src="js/blueimp-gallery.js"></script>
|
||
|
||
<script>
|
||
blueimp.Gallery(
|
||
document.getElementById('links').getElementsByTagName('a'),
|
||
{
|
||
container: '#blueimp-gallery-carousel',
|
||
carousel: true
|
||
}
|
||
);
|
||
</script>
|
||
<script>
|
||
$(function() {
|
||
$("#impressum_dialog").dialog({
|
||
autoOpen: false,
|
||
modal: true,
|
||
width: 350,
|
||
height: 500,
|
||
resizable: false,
|
||
draggable: false,
|
||
show: { effect: "clip", direction: "vertical", duration: 600},
|
||
hide: { effect: "clip", direction: "vertical", duration: 600 },
|
||
buttons: {
|
||
"OK": function() {
|
||
$(this).dialog("close");
|
||
}
|
||
}
|
||
});
|
||
$(".imp_dialog").on("click", function(e) {
|
||
e.preventDefault();
|
||
$("#impressum_dialog").html("");
|
||
$("#impressum_dialog").dialog("option", "title", "Lädt...").dialog("open");
|
||
$("#impressum_dialog").load(this.href, function() {
|
||
$(this).dialog("option", "title", $(this).find("h1").text());
|
||
$(this).find("h1").remove();
|
||
});
|
||
});
|
||
});
|
||
</script>
|
||
<script>
|
||
$(function() {
|
||
$("#datenschutz_dialog").dialog({
|
||
autoOpen: false,
|
||
modal: true,
|
||
width: 350,
|
||
height: 500,
|
||
resizable: false,
|
||
draggable: false,
|
||
show: { effect: "clip", direction: "vertical", duration: 600},
|
||
hide: { effect: "clip", direction: "vertical", duration: 600 },
|
||
buttons: {
|
||
"OK": function() {
|
||
$(this).dialog("close");
|
||
}
|
||
}
|
||
});
|
||
$(".daten_dialog").on("click", function(e) {
|
||
e.preventDefault();
|
||
$("#datenschutz_dialog").html("");
|
||
$("#datenschutz_dialog").dialog("option", "title", "Lädt...").dialog("open");
|
||
$("#datenschutz_dialog").load(this.href, function() {
|
||
$(this).dialog("option", "title", $(this).find("h1").text());
|
||
$(this).find("h1").remove();
|
||
});
|
||
});
|
||
});
|
||
</script>
|
||
</body>
|
||
</html> |