first commit

This commit is contained in:
2024-12-20 12:48:12 +01:00
commit d9fb74972a
217 changed files with 26712 additions and 0 deletions

View File

@@ -0,0 +1,222 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="favicon.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Ostal </title>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap" rel="stylesheet">
<script src="https://code.jquery.com/jquery-3.5.1.min.js"
integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
</head>
<body>
<div class="xl:container xl:mx-auto">
<section id="main-nav" class="pb-2 ">
<nav class="flex items-center justify-between flex-wrap bg-teal-500 p-6 xl:container xl:mx-auto xl:pt-10">
<div class="flex items-center flex-shrink-0 text-white mr-6">
<a href="/"> <img class="max-w-180" src="/assets/images/logo.svg" alt="logo"></a>
</div>
<div class="block lg:hidden">
<button class="flex items-center px-3 py-2 border" id="navbar-btn">
<svg class="fill-current h-3 w-3" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<title>Menu</title>
<path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z" />
</svg>
</button>
</div>
<div class="w-full block pt-14 flex-grow lg:flex lg:items-center lg:w-auto lg:pt-0" id="navbar">
<div class="text-xl lg:flex-grow text-center lg:text-left lg:ml-10">
<a href="/ogrody-zimowe.html"
class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
Ogrody zimowe
</a>
<a href="/carporty.html"
class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
Carporty
</a>
<a href="/nasze-realizacje.html"
class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
Realizacje
</a>
<a href="/poradniki.html"
class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
Poradniki
</a>
<a href="/onas.html" class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
O nas
</a>
<a href="/kontakt.html"
class="block mt-4 lg:inline-block lg:mt-0 text-teal-100 hover:text-blue mr-4 text-lg">
Kontakt
</a>
</div>
</div>
</nav>
</section>
<div class="lg:flex lg:flex-row-reverse lg:mb-14">
<!-- bg -->
<div class="bg-hero-carports bg-cover bg-no-repeat pb-72 sm:pb-96 lg:w-1/2 xl:mt-16 xl:pb-100">
</div>
<!-- bg -->
<!-- carporty -->
<div class="p-6 lg:w-1/2">
<h1 class="text-3xl font-semibold pb-6">Carporty</h1>
<p class="text-xl mb-6 xl:pr-28">Carport to nowoczesna wiata samochodowa, której dach pokryty jest panelami
fotowoltaicznymi. Pozwala zbudować zadaszenie, które chroni samochód przed czynnikami
atmosferycznymi i
jednocześnie wykorzystuje energię słoneczną do pozyskania energii elektrycznej.
</p>
<p class="text-xl mb-6 xl:pr-28">Stabilna konstrukcja carportu posiada instalację PV, złożoną z 9 modułów PV i z
powodzeniem zastępuje montaż instalacji na dachu budynku. Co więcej w każdej chwili możesz ją
rozbudować
o kolejne stanowiska, jeśli tylko masz na to przestrzeń.</p>
</div>
<!-- carporty -->
</div>
<div class="lg:flex lg:items-start lg:bg-gray ">
<!-- budujemy -->
<div class="bg-gray pt-12 pb-12 p-6 lg:w-3/6">
<h3 class="text-3xl font-semibold mb-6">
Budujemy carporty z aluminium
</h3>
<p class="text-xl mb-6 xl:pr-28">Nasze konstrukcje są stabilne, wykonane z aluminiowych profili. Mają dach
jednospadowy.
</p>
<p class="text-xl mb-6 xl:pr-28">Stawiamy carporty dla 1 lub 2 pojazdów, wyposażone w moduły PV:
</p>
<ul class="list-disc ml-4">
<li class="text-xl mb-6 xl:pr-28"> Krzemowe wykonane z krzemu: monokrystaliczne (sprawność w do 21,1%),
pokrystaliczne (stosowane
rzadziej, o sprawności w granicach 17-18%) i amorficzne (sprawność w granicach 6-10%). Są bardzo
wydajne
w słoneczne dni.
</li>
<li class="text-xl mb-6 xl:pr-28">Cienkowarstwowe wykonane z miedzi, indu, selenu, galu i siarki. Cechuje je
mniejsza sprawność niż ogniwa krzemowe, ale zachowują wysoką wydajność także w pochmurne dni i w
warunkach słabego oświetlenia.
</li>
</ul>
</div>
<!-- budujemy -->
<!-- oferujemy -->
<div class="p-6 pt-12 pb-12 lg:bg-gray lg:w-3/6">
<h3 class="text-3xl font-semibold pb-6">Oferujemy różne modele carportów pod panele fotowoltaiczne:
</h3>
<p class="text-xl pb-6 xl:pr-28">konstrukcje wolnostojące (4 słupy)
konstrukcje przyścienne (2 słupy, stosowane też jako dodatkowy moduł)
konstrukcje bez słupów sam dach
</p>
<p class="text-xl pb-6 xl:pr-28">
Szerokość konstrukcji dla 1 pojazdu wynosi: dł. 6,1 m (dł.) x 3,4 m (szer.) x 2,8 m (wys.), albo
alternatywnie: dł. 7,5 m (dł.) x 3,2 m (szer.) x 2,8 m (wys.).
</p>
</div>
<!-- oferujemy -->
</div>
<div class="lg:flex lg:flex-row-reverse lg:mt-10">
<!-- czy wiesz ze -->
<div
class="bg-gray pt-12 pb-12 p-6 w-11/12 mx-auto mb-12 lg:p-20 lg:w-2/5 lg:flex lg:flex-col lg:items-start lg:justify-center">
<p class="text-3xl font-semibold pb-6">Czy wiesz, że </p>
<p class="text-xl">Energia elektryczna, która powstanie dzięki instalacji umieszczonej na wiacie, może
brać udział w aukcjach OZE.
</p>
</div>
<!-- standardowe -->
<div class="p-6 lg:w-2/4">
<p class="text-2xl font-semibold pb-6 xl:pr-28">
Standardowe wyposażenie wiaty samochodowej z oferty firmy Ostal obejmuje:
</p>
<p class="text-xl pb-6 xl:pr-28">konstrukcję pod instalację fotowoltaiczną o mocy Pmax 4,18 kW, złożoną z 9
modułów
PV lub konstrukcję pod instalację fotowoltaiczną o mocy Pmax 4,74 kW, złożoną z 12 modułów PV
instalację elektryczną z gniazdem 230V
</p>
<p class="text-xl font-semibold pb-6 xl:pr-28">
W ramach dodatkowego wyposażenia zapewniamy:
</p>
<p class="text-xl pb-6 xl:pr-28">rynny odprowadzające wodę z dachu i rurę spustową (ø 50 mm, aluminium)
oświetlenie LED z czujką ruchu i zmierzchu
przesłony na boczne ściany: typu ZIIP120 lub rolety ze sterowaniem elektrycznym
inwerter sieciowy lub wyspowy do pracy z bankiem energii oraz power bank 2,5 kW lub 10 kW
</p>
</div>
</div>
<section class="mx-auto lg:container">
<div class="bg-blue text-white pt-20 pb-20 pl-6 pr-6 lg:pl-9 lg:pr-9 xl:w-11/12">
<h3 class="text-2xl xl:text-4xl mb-6 font-semibold">Nie wiesz, co wybrać ?</h3>
<p class="text-xl font-semibold xl:font-normal xl:max-w-md">Chętnie doradzimy i przygotujemy
Twój wyjątkowy projekt.
</p>
</div>
<div class="flex justify-center xl:justify-end sm:w-11/12 lg:w-full sm:mx-auto">
<a href="/kontakt.html"
class="btn btn-blue w-11/12 sm:min-w-full xl:inline-block xl:min-w-min xl:max-w-xs xl:mr-28 2xl:mr-32 hover:bg-blue-100">
Skontaktuj się z nami.
</a>
</div>
</section>
<footer>
<div class="mx-auto p-6 lg:container">
<!-- row1 -->
<div class="flex flex-col lg:flex-row lg:items-center lg:justify-between">
<div class="lg:pt-6"> <img class="mb-8 lg:mb-0 max-w-220 mx-auto" src="/assets/images/logo.svg"
alt="logo ostal"></div>
<div>
<p class="text-center lg:pt-6 lg:text-left">OSTAL GROUP Sp. z o.o.<br>
ul. Boh II A.W.P. 14F<br>
59-900 Zgorzelec</p>
</div>
<div class="text-center pt-6 lg:text-left">
<p>Biuro czynne:<br>
Pn-Czw 10-17 <br>
Pt 8-15</p>
</div>
<div class="text-center pt-6 lg:text-left">
<a class="block" href="#">Tel.: +48 75 640 70 80</a>
<a class="block" href="#">Tel. kom.: +48 690 980 151</a>
<a class="block" href="#">E-mail: kontakt@ostal.pl</a>
</div>
</div>
<!-- row2 -->
<div>
<div class="flex items-center justify-center mt-8 mb-8 lg:justify-end lg:mt-14">
<p class="text-xs mr-3"> © All right reserved 2021 || Realizacja: </p>
<img src="/assets/images/25wat-logo.svg" alt="">
</div>
</div>
</div>
</footer>
</div>
<script type="module" src="/main.js"></script>
</body>
</html>