Verified Commit f9b931d6 authored by Franz Geffke's avatar Franz Geffke 💬
Browse files

added new map on company page

parent 70e8e21e
......@@ -29,9 +29,11 @@
</ul>
</div>
<div class="col-sm-4 text-center">
<img class="footer-logo" src="{{ site.url }}/assets/images/filtafry-logo.png">
<p>FiltaFry ist ein
<br>eingetragenes Markenzeichen.</p>
<img class="footer-logo" src="{{ site.url }}/assets/images/filtafry-logo-white.png">
<p style="line-height:18px;">
<b>FiltaFry ist ein
<br>eingetragenes Markenzeichen.</b>
</p>
<p>Design und Entwicklung durch <a target="_blank" href="https://f-a.nz/client/filtafry-deutschland/?utm_source=filtafry&utm_campaign=client_referral&utm_medium=website">f/a.nz</a></p></p>
<!--
......@@ -42,13 +44,17 @@
</div>
<div class="col-sm-3 text-right">
<p class="title">Kontakt</p>
<p><strong>FILTAFRY DEUTSCHLAND GMBH</strong>
<br>Pliniusstraße 8
<br>48488 Emsbüren
<br><strong>Tel:</strong> <a href="tel:059039689110">05903 9689110</a>
<br><strong>E-Mail:</strong> <a href="mailto:info@filtafry.de">info@filtafry.de</a></p>
<p style="line-height:18px;">
<strong>FILTAFRY DEUTSCHLAND GMBH</strong>
<br>Pliniusstraße 8
<br>48488 Emsbüren
</p>
<p style="line-height:18px;">
<br><strong>Tel:</strong> <a href="tel:059039689110">05903 9689110</a>
<br><strong>E-Mail:</strong> <a href="mailto:info@filtafry.de">info@filtafry.de</a>
</p>
<hr>
<p>FiltaFry Deutschland ist ein Unternehmen der Filta PLC Group</p>
<p style="line-height:18px;">FiltaFry Deutschland ist ein Unternehmen der Filta PLC Group</p>
<hr>
<ul>
<li><a href="{{ site.url }}/assets/downloads/AGB-FiltaFry-Deutschland-GmbH.pdf">AGB</a></li>
......
......@@ -8,10 +8,10 @@
<div class="call-out hidden-xs">
<div class="container">
<ul class="menu pull-left">
<li><a href="https://www.facebook.com/FiltafryDeutschlandFritteusenService"><img class="social" src="{{ site.url }}/assets/images/icons/facebook.png"></a></li>
<li><a href="https://twitter.com/FiltafryDE"><img class="social" src="{{ site.url }}/assets/images/icons/twitter.png"></a></li>
<li><a href="https://www.youtube.com/filtafrydeutschland"><img class="social" src="{{ site.url }}/assets/images/icons/youtube.png"></a></li>
<li><a href="https://www.linkedin.com/showcase/filtafry-deutschland"><img class="social" src="{{ site.url }}/assets/images/icons/linkedin.png"></a></li>
<li><a target="_blank" href="https://www.facebook.com/FiltafryDeutschlandFritteusenService"><img class="social" src="{{ site.url }}/assets/images/icons/facebook.png"></a></li>
<li><a target="_blank" href="https://twitter.com/FiltafryDE"><img class="social" src="{{ site.url }}/assets/images/icons/twitter.png"></a></li>
<li><a target="_blank" href="https://www.youtube.com/filtafrydeutschland"><img class="social" src="{{ site.url }}/assets/images/icons/youtube.png"></a></li>
<li><a target="_blank" href="https://www.linkedin.com/showcase/filtafry-deutschland"><img class="social" src="{{ site.url }}/assets/images/icons/linkedin.png"></a></li>
</ul>
<img src="{{ site.url }}/assets/images/top-menu-hotline-de.gif" class="pull-right">
</div>
......
......@@ -62,6 +62,11 @@ blockquote p {
margin-bottom: 12px;
}
#map img {
box-shadow: none;
margin-bottom: none;
}
.post-content .ns img, .post-content img.ns {
box-shadow: none;
}
......@@ -518,10 +523,10 @@ p.kunde_content {
}
.footer-logo {
background: #fff;
padding: 10px 15px 10px 20px;
margin-top: 50px;
margin-bottom:50px;
width: 100%;
}
#search form {
......
This source diff could not be displayed because it is too large. You can view the blob instead.
This diff is collapsed.
......@@ -5,27 +5,143 @@ firmenname: FiltaFry Deutschland GmbH
permalink: /firmenprofil/
---
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.3.1/dist/leaflet.css" integrity="sha512-Rksm5RenBEKSKFjgI3a41vrjkw4EVPlJ3+OiI65vTjIdo9brlAacEuKOiQ5OFh7cOI1bkDwLqdLw3Zg0cRJAAQ==" crossorigin=""/>
<script src="https://unpkg.com/leaflet@1.3.1/dist/leaflet.js" integrity="sha512-/Nsx9X4HebavoBvEBuyp3I7od5tA0UzAxs+j83KgC8PU0kgB4XiK4Lfe4y4cgBtaRJQEIFCW+oC506aPT2L1zw==" crossorigin=""></script>
<style>
#map {
width: 700px;
height: 500px;
}
.info {
padding: 6px 8px;
font-size: 12px;
background: white;
background: rgba(255,255,255,0.8);
box-shadow: 0 0 15px rgba(0,0,0,0.2);
border-radius: 0px;
}
.info h4 {
margin: 0 0 5px;
color: #03a0c3;
}
.legend {
text-align: left;
line-height: 18px;
color: #555;
}
.legend i {
width: 18px;
height: 18px;
float: left;
margin-right: 8px;
opacity: 0.7;
}
</style>
<h2>{{ page.firmenname }}</h2>
<p>Die FiltaFry Deutschland GmbH ist Franchisegeber des FiltaFry-Konzeptes in Deutschland. Das Konzept wurde in England entwickelt und hat sich bereits in vielen Ländern etabliert.</p>
<p>Als Franchisegeber hat sich FiltaFry zum Ziel gesetzt, das Marktpotential des FiltaFry-Konzeptes voll auszuschöpfen. Dieses einzigartige Konzept bringt enorme Effizienzvorteile für die Kunden, außerdem ist es umweltfreundlich und verbessert die Nahrungsqualität. Kurz gesagt - ein Konzept ohne Nachteile!</p>
<p>Das Konzept bietet sowohl Kunden als auch Franchisenehmern gute Chancen und Verdienstmöglichkeiten.</p>
<p>Als Franchisepartner können Sie von Ihrem Homeoffice aus arbeiten. Bereits ein Stamm von 30-40 Kunden bringt Sie in die Gewinnzone. Investitionen werden schnell zurückverdient. FiltaFry schult Sie intensiv. Außerdem erhalten Sie jederzeit von uns persönliche Unterstützung und Beratung.</p>
<p>FiltaFry Deutschland ist Assoziiertes Mitglied im DFV (Deutscher Franchise Verband E.V.). Weitere Informationen finden Sie unter <a href="http://www.franchiseverband.com">www.franchiseverband.com</a>.</p>
<h3>Links zu den internationalen Websiten:</h3>
<div class="row margin-top">
<div class="col-sm-6">
{% for country in site.data.countries %}
<dl class="dl-horizontal">
<dt>{{ country.country }}</dt>
<dd><a href="http://{{ country.domain }}">{{ country.domain }}</a></dd>
</dl>
{% endfor %}
</div>
</div>
<h3>FiltaFry International</h3>
<div id="map"></div>
<script type="text/javascript" src="/assets/js/geojson.js"></script>
<script type="text/javascript">
// https://geojson-maps.ash.ms/
var map = L.map('map').setView([40,10], 1.5);
L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token=pk.eyJ1IjoiZGtrbWEiLCJhIjoiY2ppZWd4c29rMGp1bzN2a2gzODNibHY0ZiJ9.M0-tnZOtbjYCOVrJ1h_GRA', {
maxZoom: 4,
attribution: 'Map data &copy; <a href="https://www.openstreetmap.org/">OpenStreetMap</a> contributors, ' +
'<a href="https://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, ' +
'Imagery © <a href="https://www.mapbox.com/">Mapbox</a>',
id: 'mapbox.light'
}).addTo(map);
var info = L.control();
info.onAdd = function (map) {
this._div = L.DomUtil.create('div', 'info');
this.update();
return this._div;
};
info.update = function (props) {
this._div.innerHTML = '<h4>FiltaFry Weltweit</h4>' + (props ?
'<b>' + props.name + '</b><br/>' + props.company_name + '<br/>' + props.comments + '<br/>' + props.company_phone + '<br/>' + props.company_website
: 'Bewegen Sie den<br/> Mauszeiger über ein Land');
};
info.addTo(map);
console.log()
// get color depending on population density value
function getColor(d) {
return d == "Operated Under Master License" ? '#a97437' :
d == "Corporate Owned" ? '#6fad4f' :
'#FFEDA0';
}
function style(feature) {
return {
weight: 2,
opacity: 1,
color: 'white',
dashArray: '',
fillOpacity: 0.7,
fillColor: getColor(feature.properties.type)
};
}
function highlightFeature(e) {
var layer = e.target;
layer.setStyle({
weight: 2,
color: '#03a0c3',
dashArray: '',
fillOpacity: 0.7
});
if (!L.Browser.ie && !L.Browser.opera && !L.Browser.edge) {
layer.bringToFront();
}
info.update(layer.feature.properties);
}
var geojson;
function resetHighlight(e) {
geojson.resetStyle(e.target);
info.update();
}
function zoomToFeature(e) {
map.fitBounds(e.target.getBounds());
}
function onEachFeature(feature, layer) {
layer.on({
mouseover: highlightFeature,
mouseout: resetHighlight,
click: zoomToFeature
});
}
geojson = L.geoJson(statesData, {
style: style,
onEachFeature: onEachFeature
}).addTo(map);
</script>
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment