dudzikp/r11website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adjust layout

Browse Source
This commit is contained in:
Pawel Dudzik
2025-05-06 12:55:29 +02:00
parent 634ee04339
commit 1031befb16
2 changed files with 127 additions and 132 deletions
Download Patch File Download Diff File Expand all files Collapse all files

173
index.html
View File

@@ -11,101 +11,98 @@
</head> </head>
<body> <body>
<header> <header>
<div id="start"> <a href="#header"><img src="Release11logo_color.svg" alt="Release11"></a>
<div style="float: left;"><a href="#header"><img src="Release11logo_color.svg" alt="Release11"></a></div> <nav>
<div style="float: right;"> <a href="#oferta">Oferta</a><br/>
<nav><ul> <a href="#misja">Misja</a><br/>
<li><a href="#oferta">Oferta</a></li> <a href="#onas">O nas</a><br/>
<li><a href="#misja">Misja</a></li> <a href="#kontakt">Kontakt</a><br/>
<li><a href="#onas">O nas</a></li> </nav>
<li><a href="#kontakt">Kontakt</a></li>
</nav>
</div>
</div>
</header> </header>
<main>
<div style="height: 20px;"></div> <article id="oferta"></article>
<div id="oferta"> <article id="oferta1">
<h1>Oferta</h1> <h1>Oferta</h1>
<h2>Integracja systemów IT</h2> <h2>Integracja systemów IT</h2>
<ul> <ul>
<li> <li>
<h3>Integracja Aplikacji</h3> <h3>Integracja Aplikacji</h3>
<p> <p>
Łączymy aplikacje i systemy IT w spójne środowisko bazując na sprawdzonych wzorcach i narzędziach integracyjnych. Łączymy aplikacje i systemy IT w spójne środowisko bazując na sprawdzonych wzorcach i narzędziach integracyjnych.
</p> </p>
</li> </li>
<li> <li>
<h3>Audyty platform integracyjnych</h3> <h3>Audyty platform integracyjnych</h3>
<p> <p>
Przeprowadzamy profesjonalne audyty szyn danych - od architektury, przez bezpieczeństwo i kod, po koszty i wydajność. Przeprowadzamy profesjonalne audyty szyn danych - od architektury, przez bezpieczeństwo i kod, po koszty i wydajność.
</p> </p>
</li> </li>
<li> <li>
<h3>Monitoring / BAM</h3> <h3>Monitoring / BAM</h3>
<p> <p>
Tworzymy rozwiązania do technicznego i biznesowego monitoringu danych wykorzystując nowoczesne technologie noSQL. Tworzymy rozwiązania do technicznego i biznesowego monitoringu danych wykorzystując nowoczesne technologie noSQL.
</p> </p>
</li> </li>
</ul> </ul>
<h2>Nowoczesna infrastruktura IT</h2> <h2>Nowoczesna infrastruktura IT</h2>
<ul> <ul>
<li> <li>
<h3>Rozwiązania chmurowe</h3> <h3>Rozwiązania chmurowe</h3>
<p> <p>
Wdrażamy infrastrukturę w chmurze AWS dopasowaną do potrzeb klienta - IaaS, FaaS, SaaS, CaaS. Wdrażamy infrastrukturę w chmurze AWS dopasowaną do potrzeb klienta - IaaS, FaaS, SaaS, CaaS.
</p> </p>
</li> </li>
<li> <li>
<h3>Konteneryzacja</h3> <h3>Konteneryzacja</h3>
<p> <p>
Modernizujemy systemy z użyciem Docker i Kubernetes, zwiększając skalowalność i elastyczność środowisk IT. Modernizujemy systemy z użyciem Docker i Kubernetes, zwiększając skalowalność i elastyczność środowisk IT.
</p> </p>
</li> </li>
</ul> </ul>
<h2>Usługi sieciowe dla nowoczesnych odbiorców</h2> <h2>Usługi sieciowe dla nowoczesnych odbiorców</h2>
<ul> <ul>
<li> <li>
<h3>Sieci Wi-Fi</h3> <h3>Sieci Wi-Fi</h3>
<p> <p>
Projektujemy i wdrażamy niezawodne sieci bezprzewodowe, zapewniające pełne pokrycie i wysoką wydajność w środowiskach magazynowych i handlowych. Projektujemy i wdrażamy niezawodne sieci bezprzewodowe, zapewniające pełne pokrycie i wysoką wydajność w środowiskach magazynowych i handlowych.
</p> </p>
</li> </li>
<li> <li>
<h3>Urządzenia reklamowe</h3> <h3>Urządzenia reklamowe</h3>
<p> <p>
Zajmujemy się montażem i konfiguracją ekranów, głośników i innych urządzeń reklamowych, wspierając skuteczną komunikację z klientem w punktach sprzedaży. Zajmujemy się montażem i konfiguracją ekranów, głośników i innych urządzeń reklamowych, wspierając skuteczną komunikację z klientem w punktach sprzedaży.
</p> </p>
</li> </li>
</ul> </ul>
</div> </article>
<div id="misja"> <article id="misja">
<h1>Misja</h1> <h1>Misja</h1>
<p>Naszą misją jest dostarczanie wysokiej jakości rozwiązań przy zapewnieniu ich przystępnej ceny. Jest to możliwe dzięki wieloletniemu doświadczeniu naszego zespołu.</p> <p>Naszą misją jest dostarczanie wysokiej jakości rozwiązań przy zapewnieniu ich przystępnej ceny. Jest to możliwe dzięki wieloletniemu doświadczeniu naszego zespołu.</p>
</div> </article>
<div id="onas"> <article id="onas">
<h1>O nas</h1> <h1>O nas</h1>
<p>Jesteśmy zespołem doświadczonych ekspertów IT, specjalizujących się w integracji systemów, rozwiązaniach chmurowych i konteneryzacji. Od lat wspieramy firmy w budowie nowoczesnych, skalowalnych i bezpiecznych architektur IT. Łączymy wiedzę technologiczną z biznesowym podejściem – tworzymy rozwiązania, które naprawdę działają i przynoszą wartość.</p> <p>Jesteśmy zespołem doświadczonych ekspertów IT, specjalizujących się w integracji systemów, rozwiązaniach chmurowych i konteneryzacji. Od lat wspieramy firmy w budowie nowoczesnych, skalowalnych i bezpiecznych architektur IT. Łączymy wiedzę technologiczną z biznesowym podejściem – tworzymy rozwiązania, które naprawdę działają i przynoszą wartość.</p>
</div> </article>
</main>
<article id="kontakt">
<h1>Kontakt</h1>
<address>
Numery kontaktowe:<br/>
<a href="tel:+48%20607 409 301"> +48 <strong>607 409 301</strong></a><br />
<a href="tel:+48%20509 731 239"> +48 <strong>509 731 239</strong></a><br />
<a href="tel:+48%20512 465 486"> +48 <strong>512 465 486</strong></a>
</address>
<p>Firma wpisana do Rejestru Przedsiębiorców prowadzonego przez Sąd Rejonowy Miasta Stołecznego Warszawy w Warszawie, XIII Wydział Gospodarczy Krajowego Rejestru Sądowego pod numerem KRS 0000698682, NIP 5213797640, REGON 368497946, Kapitał zakładowy 60 000 PLN</p>
</article>
<footer> <footer>
<div> &copy; 2025 release11 Sp. z o. o. ul. Marynarska 14 02-674 Warszawa
<h1 id="kontakt">Kontakt</h1> <a href="polityka-prywatnosci.html">Polityka prywatności</a>
<p>Firma wpisana do Rejestru Przedsiębiorców prowadzonego przez Sąd Rejonowy Miasta Stołecznego Warszawy w Warszawie, XIII Wydział Gospodarczy Krajowego Rejestru Sądowego pod numerem KRS 0000698682, NIP 5213797640, REGON 368497946, Kapitał zakładowy 60 000 PLN</p> <a href="kodeks-postepowania.html">Kodeks postępowania</a>
<div>numery kontaktowe:
<p>
<a href="tel:+48%20607 409 301"> +48 <strong>607 409 301</strong></a><br />
<a href="tel:+48%20509 731 239"> +48 <strong>509 731 239</strong></a><br />
<a href="tel:+48%20512 465 486"> +48 <strong>512 465 486</strong></a>
</p>
</div>
<div><a href="#header"><img src="Release11logo_szare.svg" alt="Release11" /></a></div>
</div>
<div style="float: left;">&copy; 2025 release11 Sp. z o. o. ul. Marynarska 14 02-674 Warszawa</div>
<div style="float: right;"><a href="polityka-prywatnosci.html">Polityka prywatności</a> <a href="kodeks-postepowania.html">Kodeks postępowania</a></div>
</footer> </footer>
</body> </body>
</html> </html>

86
style.css
View File

@@ -1,30 +1,13 @@
body { body {
max-width: 1200px; max-width: 1200px;
color: #1A161A; color: #1A161A;
font-size: 1em;
font-family: 'Roboto', Arial, sans-serif;
font-weight: 300;
background-color: #33A5CB; background-color: #33A5CB;
} }
body header div { header {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
margin-top: 0px; margin-top: 0px;
padding: 0 10px 0 10px; padding: 0 10px 0 10px;
}
body div {
color: #1A161A;
background-color: #FFF;
margin-top: 20px;
padding: 20px;
}
h1, h2, h3 {
color: #1A161A;
text-align: center;
}
header {
width: 100%; width: 100%;
top: 0; top: 0;
left: 0; left: 0;
@@ -32,26 +15,26 @@ header {
background: #fff; background: #fff;
transition: all 0.3s ease; transition: all 0.3s ease;
height: 60px; height: 60px;
padding-top: 20px;
position: fixed; position: fixed;
} }
header div { header img {
padding-right: 2em; margin-top: 10px;
padding-left: 2em;
}
header div img {
height: 35px; height: 35px;
} }
header li a { header nav {
display: flex;
gap: 1rem;
flex-wrap: wrap;
}
header nav a {
margin: 0; margin: 0;
padding: 0.25em 10px; padding: 0.25em 10px;
border: 0; border: 0;
float: left; float: left;
width: 100%; width: 100%;
padding: 3px 10px 3px 10px;
color: #1A161A; color: #1A161A;
font-size: 1.250em; font-size: 1.250em;
text-decoration: none; text-decoration: none;
@@ -61,34 +44,49 @@ header li a {
height: 30px; height: 30px;
} }
header li a:hover { header nav a:hover {
color: #fff; color: #fff;
transition: all 0.5s ease; transition: all 0.5s ease;
background: #33A5CB; background: #33A5CB;
text-decoration: none; text-decoration: none;
} }
nav ul { article {
display: flex; color: #1A161A;
list-style: none; background-color: white;
gap: 1rem; padding: 20px;
padding: 0; margin-top: 20px;
margin: 0; border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
article#kontakt {
background-image: url('Release11logo_szare.svg');
background-position: center; /* Center the image */
background-repeat: no-repeat; /* Prevent tiling */
}
article#oferta {
height: 20px;
}
h1, h2, h3 {
color: #1A161A;
}
h1 {
padding-left: 20px;
}
h2 {
padding-left: 20px;
} }
div ul { div ul {
display: flex; padding-left: 50px;
list-style: none;
gap: 1rem;
padding: 0;
margin: 0; margin: 0;
} }
footer {
background-color: #242424;
width: 100%;
}
footer div { footer div {
display: flex; display: flex;
background-color: #fff; background-color: #fff;