293 lines
17 KiB
HTML
293 lines
17 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="pl">
|
|
<head>
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>[TITLE]</title>
|
|
<meta name="keywords" content="[META_KEYWORDS]">
|
|
<meta name="description" content="[META_DESCRIPTION]">
|
|
[META_INDEX]
|
|
<link rel="icon" type="image/png" href="/favicon.png">
|
|
[CSS]
|
|
[JAVA_SCRIPT]
|
|
</head>
|
|
<body>
|
|
|
|
<!-- NAVBAR -->
|
|
<nav id="navbar">
|
|
<div class="nav-topbar">
|
|
<div class="container">
|
|
<a href="tel:+48602653023">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.68 13.4 19.79 19.79 0 0 1 1.59 4.8 2 2 0 0 1 3.56 2.6h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/></svg>
|
|
+48 602 653 023
|
|
</a>
|
|
<a href="tel:+48666968006">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.68 13.4 19.79 19.79 0 0 1 1.59 4.8 2 2 0 0 1 3.56 2.6h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/></svg>
|
|
+48 666 968 006
|
|
</a>
|
|
<a href="mailto:biuro@kon-trans.eu">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="4" width="20" height="16" rx="2"/><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"/></svg>
|
|
biuro@kon-trans.eu
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="nav-main">
|
|
<div class="container">
|
|
<a href="#home" class="nav-logo">
|
|
<img src="/upload/filemanager/logo.png" alt="KON-TRANS">
|
|
</a>
|
|
[MENU_GLOWNE:1]
|
|
<button id="main-menu-btn" aria-label="Menu"><span></span><span></span><span></span></button>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<!-- HERO -->
|
|
<section id="home">
|
|
<video class="hero-video" autoplay loop muted playsinline>
|
|
<source src="/upload/filemanager/hero-video.mp4" type="video/mp4">
|
|
</video>
|
|
<div class="hero-overlay"></div>
|
|
<div class="hero-content">
|
|
<p class="hero-eyebrow">Transport krajowy i międzynarodowy</p>
|
|
<h1>Twój ładunek, <span class="text-gradient">nasza odpowiedzialność</span></h1>
|
|
<p class="hero-desc">W dzisiejszych czasach, gdzie liczy się czas i niezawodność, wybór odpowiedniego partnera transportowego jest kluczem do sukcesu w biznesie.</p>
|
|
<div class="hero-buttons">
|
|
<a href="#contact" class="btn-primary">Skontaktuj się</a>
|
|
<a href="#about" class="btn-outline">Poznaj nas</a>
|
|
</div>
|
|
</div>
|
|
<a href="#about" class="hero-scroll" aria-label="Przewiń w dół">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 5v14"/><path d="m19 12-7 7-7-7"/></svg>
|
|
</a>
|
|
</section>
|
|
|
|
<!-- O NAS -->
|
|
<section id="about">
|
|
<div class="container">
|
|
<div class="about-grid">
|
|
<div data-aos="fade-right">
|
|
<div class="stats-grid">
|
|
<div class="stat-card"><div class="stat-value">15+</div><div class="stat-label">Lat doświadczenia</div></div>
|
|
<div class="stat-card"><div class="stat-value">GPS</div><div class="stat-label">Monitoring floty</div></div>
|
|
<div class="stat-card"><div class="stat-value">PL/EU</div><div class="stat-label">Zasięg transportu</div></div>
|
|
<div class="stat-card"><div class="stat-value">24/7</div><div class="stat-label">Dyspozycyjność</div></div>
|
|
</div>
|
|
</div>
|
|
<div class="about-text" data-aos="fade-left" data-aos-delay="150">
|
|
<h2>O firmie <span>KON-TRANS</span></h2>
|
|
<p>Nasza firma transportowa od 2009 r. współpracuje z przedsiębiorstwami i klientami indywidualnymi, zapewniając terminowe, bezpieczne i elastyczne przewozy towarów na terenie całej Polski.</p>
|
|
<p>Spełniamy oczekiwania Klientów oferując niezawodne i skuteczne rozwiązania w zakresie transportu. Nasze zaangażowanie, profesjonalna kadra kierowców, kompleksowa obsługa i punktualność pozwala na poczucie spokoju wśród naszych Kontrahentów.</p>
|
|
<ul class="highlights">
|
|
<li><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><path d="m9 11 3 3L22 4"/></svg>Działamy nieprzerwanie od 2009 roku</li>
|
|
<li><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><path d="m9 11 3 3L22 4"/></svg>Monitoring GPS całej floty</li>
|
|
<li><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><path d="m9 11 3 3L22 4"/></svg>Indywidualne podejście do każdego Klienta</li>
|
|
<li><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><path d="m9 11 3 3L22 4"/></svg>Profesjonalna kadra kierowców</li>
|
|
<li><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><path d="m9 11 3 3L22 4"/></svg>Współpraca z dużymi firmami w Polsce i Europie</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- DLACZEGO WARTO NAM ZAUFAĆ -->
|
|
<section id="services">
|
|
<div class="container">
|
|
<div class="section-header" data-aos="fade-up">
|
|
<h2>Dlaczego warto <span>nam zaufać?</span></h2>
|
|
<div class="glow-line"></div>
|
|
</div>
|
|
<div class="services-grid">
|
|
<div class="service-card" data-aos="fade-up" data-aos-delay="0">
|
|
<div class="service-icon">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="8" r="6"/><path d="M15.477 12.89 17 22l-5-3-5 3 1.523-9.11"/></svg>
|
|
</div>
|
|
<h3>Doświadczenie</h3>
|
|
<p>Wykwalifikowana kadra kierowców oraz specjalistów logistycznych czuwa nad każdym etapem realizacji zlecenia. Dzięki wieloletniemu doświadczeniu potrafimy zaplanować transport tak, aby szybko i sprawnie dotarł na zamierzone miejsce.</p>
|
|
</div>
|
|
<div class="service-card" data-aos="fade-up" data-aos-delay="150">
|
|
<div class="service-icon">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 17H3a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11a2 2 0 0 1 2 2v3m0 0h4l3 3v4h-7m0-7v7"/><circle cx="7.5" cy="17.5" r="2.5"/><circle cx="17.5" cy="17.5" r="2.5"/></svg>
|
|
</div>
|
|
<h3>Nowoczesna flota</h3>
|
|
<p>Nasza flota pojazdów spełnia najwyższe normy bezpieczeństwa i ekologii. Różnorodność pojazdów oraz regularna ich modernizacja pozwala nam oferować transport dla najbardziej wymagających Klientów.</p>
|
|
</div>
|
|
<div class="service-card" data-aos="fade-up" data-aos-delay="300">
|
|
<div class="service-icon">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M22 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>
|
|
</div>
|
|
<h3>Indywidualne podejście</h3>
|
|
<p>Oferujemy elastyczne rozwiązania dopasowane do potrzeb klienta. Do każdego zlecenia podchodzimy indywidualnie, bo wiemy, że każdy transport jest inny.</p>
|
|
</div>
|
|
<div class="service-card" data-aos="fade-up" data-aos-delay="450">
|
|
<div class="service-icon">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"/></svg>
|
|
</div>
|
|
<h3>Bezpieczeństwo</h3>
|
|
<p>Na każdym etapie realizowanego transportu kontrolujemy zadanie poprzez sprawdzone systemy kontroli, nowoczesne technologie GPS, a także ubezpieczenie, które dodatkowo chroni powierzony nam ładunek.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- CO OFERUJEMY -->
|
|
<section id="offer">
|
|
<div class="container">
|
|
<div class="section-header" data-aos="fade-up">
|
|
<h2>Co <span>oferujemy?</span></h2>
|
|
<div class="glow-line"></div>
|
|
</div>
|
|
<div class="offer-grid">
|
|
<div class="offer-card" data-aos="fade-up" data-aos-delay="0">
|
|
<div class="offer-icon">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m7.5 4.27 9 5.15"/><path d="M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z"/><path d="m3.3 7 8.7 5 8.7-5"/><path d="M12 22V12"/></svg>
|
|
</div>
|
|
<h3>Transport krajowy towarów</h3>
|
|
<p>Realizujemy przewozy towarów na terenie całej Polski. Zapewniamy terminowość, bezpieczeństwo i pełen monitoring ładunku od momentu załadunku aż do dostarczenia.</p>
|
|
</div>
|
|
<div class="offer-card" data-aos="fade-up" data-aos-delay="150">
|
|
<div class="offer-icon">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 12h-4l-3 9L9 3l-3 9H2"/></svg>
|
|
</div>
|
|
<h3>Przewozy sprzętów medycznych</h3>
|
|
<p>Specjalizujemy się w przewozie specjalistycznych ładunków, w tym sprzętów medycznych, wraz z ich wniesieniem do miejsca docelowego.</p>
|
|
</div>
|
|
<div class="offer-card" data-aos="fade-up" data-aos-delay="300">
|
|
<div class="offer-icon">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="8" height="4" x="8" y="2" rx="1" ry="1"/><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"/><path d="m9 14 2 2 4-4"/></svg>
|
|
</div>
|
|
<h3>Obsługa logistyczna firm</h3>
|
|
<p>Oferujemy kompleksową obsługę logistyczną dla firm. Zajmiemy się planowaniem, koordynacją i realizacją transportu, abyś mógł skupić się na swoim biznesie.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- CTA -->
|
|
<section id="cta">
|
|
<div class="container">
|
|
<div class="cta-content" data-aos="fade-up">
|
|
<h2>Wybierając nas, wybierasz <span>profesjonalizm</span></h2>
|
|
<p>Wybierając naszą firmę, wybierasz czas, profesjonalizm i bezpieczeństwo Twojego ładunku. Powierzając nam zlecenie, masz pewność, że będzie ono wykonane na najwyższym poziomie.</p>
|
|
<a href="#contact" class="btn-primary">Skontaktuj się z nami
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- KONTAKT -->
|
|
<section id="contact">
|
|
<div class="container">
|
|
<div class="section-header" data-aos="fade-up">
|
|
<h2><span>Kontakt</span></h2>
|
|
<div class="glow-line"></div>
|
|
</div>
|
|
<div class="contact-grid" data-aos="fade-up" data-aos-delay="150">
|
|
<a href="tel:+48602653023" class="contact-card">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.68 13.4 19.79 19.79 0 0 1 1.59 4.8 2 2 0 0 1 3.56 2.6h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/></svg>
|
|
<div class="contact-label">Telefon</div>
|
|
<span class="contact-value">+48 602 653 023</span>
|
|
<span class="contact-value">+48 666 968 006</span>
|
|
</a>
|
|
<a href="mailto:biuro@kon-trans.eu" class="contact-card">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="4" width="20" height="16" rx="2"/><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"/></svg>
|
|
<div class="contact-label">Email</div>
|
|
<span class="contact-value">biuro@kon-trans.eu</span>
|
|
</a>
|
|
<div class="contact-card">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z"/><circle cx="12" cy="10" r="3"/></svg>
|
|
<div class="contact-label">Zasięg</div>
|
|
<span class="contact-value">Polska & Europa</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- FOOTER -->
|
|
<footer>
|
|
<div class="container">
|
|
<div class="footer-main">
|
|
<div>
|
|
<div class="footer-logo"><span>KON-</span><span class="accent">TRANS</span></div>
|
|
<div class="footer-tagline">Transport krajowy i międzynarodowy</div>
|
|
</div>
|
|
<div class="footer-links">
|
|
<a href="tel:+48602653023">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.68 13.4 19.79 19.79 0 0 1 1.59 4.8 2 2 0 0 1 3.56 2.6h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/></svg>
|
|
+48 602 653 023
|
|
</a>
|
|
<a href="mailto:biuro@kon-trans.eu">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="4" width="20" height="16" rx="2"/><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"/></svg>
|
|
biuro@kon-trans.eu
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="footer-bottom">
|
|
<span>© 2026 KON-TRANS. Wszelkie prawa zastrzeżone.</span>
|
|
<span>Realizacja: <a href="https://www.project-pro.pl" target="_blank" rel="noopener noreferrer">Project-Pro</a></span>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<script class="footer" src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
|
|
<script class="footer">
|
|
AOS.init({ once: true, duration: 600, easing: "ease-out" });
|
|
|
|
$(function() {
|
|
var $navMain = $(".nav-main");
|
|
|
|
$(window).on("scroll", function() {
|
|
$navMain.toggleClass("scrolled", $(this).scrollTop() > 50);
|
|
});
|
|
|
|
$(document).on("click", "#main-menu a", function() {
|
|
if ($(window).width() <= 767) {
|
|
$("#main-menu").removeClass("visible");
|
|
$("#main-menu-btn").removeClass("active");
|
|
}
|
|
});
|
|
});
|
|
</script>
|
|
<script class="footer" type="text/javascript">
|
|
$(window).resize(function() {
|
|
windowsize = $(window).width();
|
|
});
|
|
|
|
$( 'body' ).on( click_event, '#main-menu-btn', function()
|
|
{
|
|
if ( windowsize <= 767 )
|
|
{
|
|
if ( $( this ).hasClass( 'active' ) )
|
|
{
|
|
$( this ).removeClass( 'active' );
|
|
$( '#main-menu' ).removeClass( 'visible' );
|
|
}
|
|
else
|
|
{
|
|
$( this ).addClass( 'active' );
|
|
$( '#main-menu' ).addClass( 'visible' );
|
|
}
|
|
}
|
|
});
|
|
|
|
$( 'body' ).on( click_event, '#menu-container-1 > ul > li > a', function(e)
|
|
{
|
|
if ( windowsize <= 767 )
|
|
{
|
|
if ( $( this ).parent().hasClass( 'parent' ) )
|
|
e.preventDefault();
|
|
|
|
if ( !$( this ).parent().hasClass( 'active' ) )
|
|
{
|
|
$( '#menu-container-1 > ul > li' ).removeClass( 'active' );
|
|
$( this ).parent().addClass( 'active' );
|
|
}
|
|
}
|
|
});
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|