Adjust layout
This commit is contained in:
Pawel Dudzik
173
index.html
173
index.html
@@ -11,101 +11,98 @@
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<div id="start">
|
||||
<div style="float: left;"><a href="#header"><img src="Release11logo_color.svg" alt="Release11"></a></div>
|
||||
<div style="float: right;">
|
||||
<nav><ul>
|
||||
<li><a href="#oferta">Oferta</a></li>
|
||||
<li><a href="#misja">Misja</a></li>
|
||||
<li><a href="#onas">O nas</a></li>
|
||||
<li><a href="#kontakt">Kontakt</a></li>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<a href="#header"><img src="Release11logo_color.svg" alt="Release11"></a>
|
||||
<nav>
|
||||
<a href="#oferta">Oferta</a><br/>
|
||||
<a href="#misja">Misja</a><br/>
|
||||
<a href="#onas">O nas</a><br/>
|
||||
<a href="#kontakt">Kontakt</a><br/>
|
||||
</nav>
|
||||
</header>
|
||||
<main>
|
||||
|
||||
<div style="height: 20px;"></div>
|
||||
<article id="oferta"></article>
|
||||
|
||||
<div id="oferta">
|
||||
<h1>Oferta</h1>
|
||||
<h2>Integracja systemów IT</h2>
|
||||
<ul>
|
||||
<li>
|
||||
<h3>Integracja Aplikacji</h3>
|
||||
<p>
|
||||
Łączymy aplikacje i systemy IT w spójne środowisko bazując na sprawdzonych wzorcach i narzędziach integracyjnych.
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<h3>Audyty platform integracyjnych</h3>
|
||||
<p>
|
||||
Przeprowadzamy profesjonalne audyty szyn danych - od architektury, przez bezpieczeństwo i kod, po koszty i wydajność.
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<h3>Monitoring / BAM</h3>
|
||||
<p>
|
||||
Tworzymy rozwiązania do technicznego i biznesowego monitoringu danych wykorzystując nowoczesne technologie noSQL.
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
<h2>Nowoczesna infrastruktura IT</h2>
|
||||
<ul>
|
||||
<li>
|
||||
<h3>Rozwiązania chmurowe</h3>
|
||||
<p>
|
||||
Wdrażamy infrastrukturę w chmurze AWS dopasowaną do potrzeb klienta - IaaS, FaaS, SaaS, CaaS.
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<h3>Konteneryzacja</h3>
|
||||
<p>
|
||||
Modernizujemy systemy z użyciem Docker i Kubernetes, zwiększając skalowalność i elastyczność środowisk IT.
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
<h2>Usługi sieciowe dla nowoczesnych odbiorców</h2>
|
||||
<ul>
|
||||
<li>
|
||||
<h3>Sieci Wi-Fi</h3>
|
||||
<p>
|
||||
Projektujemy i wdrażamy niezawodne sieci bezprzewodowe, zapewniające pełne pokrycie i wysoką wydajność w środowiskach magazynowych i handlowych.
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<h3>Urządzenia reklamowe</h3>
|
||||
<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.
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<article id="oferta1">
|
||||
<h1>Oferta</h1>
|
||||
<h2>Integracja systemów IT</h2>
|
||||
<ul>
|
||||
<li>
|
||||
<h3>Integracja Aplikacji</h3>
|
||||
<p>
|
||||
Łączymy aplikacje i systemy IT w spójne środowisko bazując na sprawdzonych wzorcach i narzędziach integracyjnych.
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<h3>Audyty platform integracyjnych</h3>
|
||||
<p>
|
||||
Przeprowadzamy profesjonalne audyty szyn danych - od architektury, przez bezpieczeństwo i kod, po koszty i wydajność.
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<h3>Monitoring / BAM</h3>
|
||||
<p>
|
||||
Tworzymy rozwiązania do technicznego i biznesowego monitoringu danych wykorzystując nowoczesne technologie noSQL.
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
<h2>Nowoczesna infrastruktura IT</h2>
|
||||
<ul>
|
||||
<li>
|
||||
<h3>Rozwiązania chmurowe</h3>
|
||||
<p>
|
||||
Wdrażamy infrastrukturę w chmurze AWS dopasowaną do potrzeb klienta - IaaS, FaaS, SaaS, CaaS.
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<h3>Konteneryzacja</h3>
|
||||
<p>
|
||||
Modernizujemy systemy z użyciem Docker i Kubernetes, zwiększając skalowalność i elastyczność środowisk IT.
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
<h2>Usługi sieciowe dla nowoczesnych odbiorców</h2>
|
||||
<ul>
|
||||
<li>
|
||||
<h3>Sieci Wi-Fi</h3>
|
||||
<p>
|
||||
Projektujemy i wdrażamy niezawodne sieci bezprzewodowe, zapewniające pełne pokrycie i wysoką wydajność w środowiskach magazynowych i handlowych.
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<h3>Urządzenia reklamowe</h3>
|
||||
<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.
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
</article>
|
||||
|
||||
<div id="misja">
|
||||
<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>
|
||||
</div>
|
||||
<article id="misja">
|
||||
<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>
|
||||
</article>
|
||||
|
||||
<div id="onas">
|
||||
<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>
|
||||
</div>
|
||||
<article id="onas">
|
||||
<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>
|
||||
</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>
|
||||
<div>
|
||||
<h1 id="kontakt">Kontakt</h1>
|
||||
<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>
|
||||
<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;">© 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>
|
||||
© 2025 release11 Sp. z o. o. ul. Marynarska 14 02-674 Warszawa
|
||||
<a href="polityka-prywatnosci.html">Polityka prywatności</a>
|
||||
<a href="kodeks-postepowania.html">Kodeks postępowania</a>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
86
style.css
86
style.css
@@ -1,30 +1,13 @@
|
||||
body {
|
||||
max-width: 1200px;
|
||||
color: #1A161A;
|
||||
font-size: 1em;
|
||||
font-family: 'Roboto', Arial, sans-serif;
|
||||
font-weight: 300;
|
||||
background-color: #33A5CB;
|
||||
}
|
||||
|
||||
body header div {
|
||||
header {
|
||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
|
||||
margin-top: 0px;
|
||||
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%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
@@ -32,26 +15,26 @@ header {
|
||||
background: #fff;
|
||||
transition: all 0.3s ease;
|
||||
height: 60px;
|
||||
padding-top: 20px;
|
||||
position: fixed;
|
||||
}
|
||||
|
||||
header div {
|
||||
padding-right: 2em;
|
||||
padding-left: 2em;
|
||||
}
|
||||
|
||||
header div img {
|
||||
header img {
|
||||
margin-top: 10px;
|
||||
height: 35px;
|
||||
}
|
||||
|
||||
header li a {
|
||||
header nav {
|
||||
display: flex;
|
||||
gap: 1rem;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
header nav a {
|
||||
margin: 0;
|
||||
padding: 0.25em 10px;
|
||||
border: 0;
|
||||
float: left;
|
||||
width: 100%;
|
||||
padding: 3px 10px 3px 10px;
|
||||
color: #1A161A;
|
||||
font-size: 1.250em;
|
||||
text-decoration: none;
|
||||
@@ -61,34 +44,49 @@ header li a {
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
header li a:hover {
|
||||
header nav a:hover {
|
||||
color: #fff;
|
||||
transition: all 0.5s ease;
|
||||
background: #33A5CB;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
nav ul {
|
||||
display: flex;
|
||||
list-style: none;
|
||||
gap: 1rem;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
article {
|
||||
color: #1A161A;
|
||||
background-color: white;
|
||||
padding: 20px;
|
||||
margin-top: 20px;
|
||||
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 {
|
||||
display: flex;
|
||||
list-style: none;
|
||||
gap: 1rem;
|
||||
padding: 0;
|
||||
padding-left: 50px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
footer {
|
||||
background-color: #242424;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
footer div {
|
||||
display: flex;
|
||||
background-color: #fff;
|
||||
|
||||
Reference in New Issue
Block a user