783-289-395

Kreatywni@www.pl

Szablony & Strony WWW

Oferta / Strony WWWW

Zacznij już dziś

header-title animate-pop-in

header-subtitle animate-pop-in

SKALOWANIE OBIEKTÓW @Media Queries


h1 {

}
h2 {
font-size: calc(15px + (30 - 15) * ((100vw - 500px) / (1920 - 500)));
}
.shape-overlay{
background: var(--color-1-60)!important;
box-shadow: 0 0 calc(8px + (35 - 8) * ((100vw - 500px) / (1920 - 500))) 0px rgb(7,6,6);
margin: calc(5px + (30 - 5) * ((100vw - 500px) / (1920 - 500))) auto;
width: calc(250px + (500 - 250) * ((100vw - 500px) / (1920 - 500)));
}

Your awesome landing page

A useful start for your projects

Zacznij już dziś

Your awesome landing page

A useful start for your projects

Zacznij już dziś

Strony www:

 

Najwyzszy czas zadbac o wizerunek twojej firmy!

Musisz zadbać o profesjonalną stronę www.

My Ci w tym pomożemy 🙂

 

Strona internetowa przede wszystkim ksztaltuje wizerunku Firmy. Dobrze zaprojektowana, czytelna strona www wzbudza zaufanie. Solidna strona = solidna firma. To ona zachęci użytkownika (Twojego potencjalnego Klienta) do pozostania tam dłużej. A jesli pozostanie na niej dluzej, automatycznie zwieksza to szanse na rozpoczecie wspolpracy. Dobrze opisane usługi, to większa szansa na skorzystanie z nich. Przejrzysty szablon www stanowi 1 czynnik w poczatkowej relacji. To on jako pierwszy wplynie na postrz3ganie twojej firmy. Pamietaj! “jak cie widza – tak cie pisza! “.

 

Oferowane przez z nas szablony sa w pelni zoptymalizowane pod kątem SEO, a to znaczy, że z większym prawdopodobieństwem bedzie gomozna znalezc na podstawie szukanej frazy w wyszukiwarce. A zatem znajdzie się wyzej w wyswietlanych wynikach.

 

Zamawiajac szablon u nas otrzymujesz:

1. Pomoc w zakresie doboru odpowiednich technologii, aspektow wizualnych tj grafiki i kolorystyki, struktury szablonu, a takze merytoryki i organizacji tresci ktora da potencjalnie najbardziej wymierne wniki w celu pozyskania i pozyskania nowego klienta. 

Unikatowy desgin pozwoli wyroznic cie posrod konkurencji. 

2.własną domenę, hosting tzn miejsce serwerze wraz z pelna konfiguracja gwarantująca szybkosc i poprawnosc dzialania. W oparciu o system CMS do samodzielnego zarządzania i aktualizacji treści na stronie. Struktura naszego szablonu umozliwia rozwoj i wzbogacanie strony o nowe uslugi, podstrony i funkcje wraz z rozwojem twojej firmy. 

3. responsywność – poprawnosci wyswietlania tresci, dopasowujacej sie do ekranu na ktorym jest wyswietlana. Laptop, smsrfon, tablet czy komputer stacjonarny wyswietli nasz szablon piprawnie a jednoczesnie automatycznie dopasuje rozmiar czcionki, grafik i innych mediow. 

 

4.wsparcie techniczne w razie jakichkolwiek problemów

 

5. Pelne zaangazowanie i poswiecenie w jego projektowaniu.

 

WSPOLPRACA Z NAMI SIE OPLACA!!

 

SKORZYSTAJ A NUE POZALUJESZ.!!

 

Procedura projektowania i wdrazania szanlonu ma na celu jak najlepsze zbadanie potrzeb i wymagan dla twojej firmy dla uzyskania jak najlepszych kozysci podczas uzytkowania. Etypy przygotowania wygladaja nastepujaco:

 

1. Kontakt telefoniczny badz Umowienie na spotkanie w celu okreslenia szczegolowych potrzeb, wymagan i funkcjonalnosci. To bardzo wazny etap. Potrzebna jest jak najwieksza ilosc rzeczowych informacji aby odpowiednio zaprojektowac odpiwiedni dla wymagan szablon. 

 

2. Wycena projektu i prac zwiazanych z jego przygotowaniem. Gwaeantujemy ze ceny nie beda wygorowane.

 

3. wybor i wstepne Przygotowanie szablonu. Ogolny Zarys projektowy, merytoryki tresci, grafiki oeganizacji tresci i rozmieszczenia elementow podstron. I finalnie akceptacja klienta.   

 

4. Realizacja i wdrozenie projektu.

 

 

DO PRZYGOTOSANIA NOWOCZESNEGO SZABLONU NIEZBEDNA JEST WIEDZA Z WIELU POWIAZIAZANYCH ZE SOBA OBSZAROW INFORMATYCZNYCH.

 

posisdamy niezbedna wiedze na temat nowoczeznych formatow grafiiki wektorowej. A takze narzedzi i technik konwersji i optymalizacji komponentow graficznych dla osiagniecia jak najlepszych wynikow i indeksow szybkosci ladowania strony. W polaczeniu z aspektami wizualnymi dla uzyskania mozliwie jak najlepszych efektow wizualnych, technik animacji, oraz doboru odpowiednich szchematow kolorystycznych by jeszcze bardziej wprzyciagnac potencjalna grupe klientow!!!

 

Zapraszamy serdecznie! Obawiasz sie? Nie jestes zdecydowany?

Zadzwon! Porozmawiajmy, dowiedz sie wiecej to nic nie kosztuje 🙂

 

783.. 


.number{
counter-increment: section;
content: '0' counter(section);
color: var(--color-1);
font-size: 120px;
font-family: 'Raleway',Helvetica,Arial,Lucida,sans-serif!important;
font-weight: 700;
display: block;
text-align: center;
line-height: 100%;
margin-bottom: -37px;
}

/*-webkit-box-shadow: 0px 5px 30px 0px rgb(210 0 0 / 20%);
-moz-box-shadow: 0px 5px 30px 0px rgba(210,0,0,0.2);
-o-box-shadow: 0px 5px 30px 0px rgba(210,0,0,0.2);
box-shadow: 0px 5px 30px 0px rgb(210 0 0 / 20%);*/
.svg-thic {
display: block;
text-indent: -9999px;
width: 40px;
height: 40px;
content: url("https://kreatywni.info/kreatywni/wp-content/uploads/2021/05/spinner.svg");

background-repeat: no-repeat
}

svg{
width: 40px;
height: 40px;
fill:var(--color-1);
}
.kpl_s_title{ }
.kpl_s_title .et_pb_text_inner h2{
font-size: 30px;
line-height: 40px;
}
.kpl_s_title.left .et_pb_text_inner h2{
text-align: left;
}
.kpl_s_title.centered .et_pb_text_inner h2 {
text-align: center;
}
.kpl_s_title .et_pb_text_inner h2{
font-family: var(--font-1-family)!important;
margin-bottom: 15px;
line-height: 40px;
padding-bottom: 8px;
font-size: 30px;
font-weight: var(--font-1-title-weight)!important;
}
.kpl_s_title .et_pb_text_inner h2 span{
font-weight: 400;
}

.kpl_s_title .et_pb_text_inner h2::before{
content: "";
position: absolute;
bottom: -15px;
left: 0;
width: 60px;
height: 3px;
background: var(--color-1);
}

.kpl_s_title.centered h2::before{
left: 50%;
transform: translateX(-50%);
}

header-title animate-pop-in

header-subtitle animate-pop-in

Title Text

Strony WWW

Oferta / Strony WWW
O nas

Strony WWW

Oferta / Strony WWW

                Doświadczenie, nowoczesne technologie, oraz nieszablonowe podejście do projektowania wyróżni twoją firmę w internecie. W XXI wieku rozwój i umacnianie pozycji rynkowej firmy, praktycznie nie jest możliwe bez wykorzystania dystrybucji informacji przez kanały internetowe, social media, profesionalne logo oraz dobrze zaprojektowana i wykonana witryna internetowa stanowi pierwszy krok w budowaniu zaufania potencjalnej grupy klientów.

O nas

Animate Text

Blur Keyframes

Korzystanie:


.inline-photo.is-visible{
animation: blurex 2.5s ease-in 0s forwards;
}
*********************************
@keyframes blur {
0%{
opacity: 0;
transform: scale(0.7);
}
20%{
opacity: 0.8;
-webkit-filter: blur(5px);
-moz-filter: blur(5px);
-o-filter: blur(5px);
-ms-filter: blur(5px);
transform: scale(0.5) rotateZ(-5deg);
}
100% {
opacity: 1;
transform: scale(1);
-webkit-filter: blur(0px);
-moz-filter: blur(0px);
-o-filter: blur(0px);
-ms-filter: blur(0px);
}

}

#theimg {
-webkit-filter: blur(0px);
-webkit-animation: fadein ease-in-out 2.5s;
}

@-webkit-keyframes fadein {
0% { -webkit-filter: opacity(0%) blur(10px);}
50% { -webkit-filter: opacity(100%) blur(10px);}
100% { -webkit-filter: opacity(100%) blur(0px);}
}

@-webkit-keyframes blurex {
0% { -webkit-filter: blur(6px); }
100% { -webkit-filter: blur(0px); }
}

*******************************************************

.inline-photo {

border: 1em solid #fff;

border-bottom: 4em solid #fff;

border-radius: .25em;

margin: 2em auto;
opacity: 0;
transform: translateY(4em) rotateZ(-5deg) scale(.8);
transition: transform 4s .25s cubic-bezier(0,1,.3,1),
opacity .3s .25s ease-out;
max-width: 600px;
width: 90%;
animation: blur 4s ease 0s forwards, transform 4s .25s cubic-bezier(0,1,.3,1);
will-change: transform, opacity;

}

.inline-photo.is-visible {
opacity: 1;
transform: rotateZ(-2deg);
}

.head {
opacity: 0;
transition: opacity .5s .25s ease-out;
}

.head.is-visible {
opacity: 1;
}

.main-photo {
transform: scale(.8);
}

.heading {
transform: translate(-50%, calc(-50% + 1em));
}

.is-visible .main-photo {
transform: none;
}

.is-visible .heading {
transform: translate(-50%, -50%);
}

.main-photo,
.heading {
transition: transform 4s .25s cubic-bezier(0,1,.3,1),
filter 10s 2s ease-out;

will-change: transform;
}

@keyframes blur {
0%{
opacity: 0;
transform: scale(0.7);
}
20%{
opacity: 0.8;
-webkit-filter: blur(5px);
-moz-filter: blur(5px);
-o-filter: blur(5px);
-ms-filter: blur(5px);
transform: scale(0.5) rotateZ(-5deg);
}
100% {
opacity: 1;
transform: scale(1);
-webkit-filter: blur(0px);
-moz-filter: blur(0px);
-o-filter: blur(0px);
-ms-filter: blur(0px);
}

}