.spinner1, .spinner2, .spinner3, .spinner4, .spinner5, .spinner6, .spinner7, .spinner8, .spinner9, .spinner10, .spinner11 { width: 60px; height: 60px; margin-top: -30px; position: relative; } .fl.customimage { width: px; height: px; } /* * Usage: *
* */ .sk-rotating-plane { width: 100%; height: 100%; background-color: #74c7ed; margin: 0 auto; -webkit-animation: sk-rotatePlane 1.2s infinite ease-in-out; animation: sk-rotatePlane 1.2s infinite ease-in-out; } @-webkit-keyframes sk-rotatePlane { 0% { -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg); transform: perspective(120px) rotateX(0deg) rotateY(0deg); } 50% { -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); } 100% { -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } @keyframes sk-rotatePlane { 0% { -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg); transform: perspective(120px) rotateX(0deg) rotateY(0deg); } 50% { -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); } 100% { -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } /* * Usage: *
* */ .sk-double-bounce { width: 100%; height: 100%; position: relative; margin: 0 auto; } .sk-double-bounce .sk-child { width: 100%; height: 100%; border-radius: 50%; background-color: #74c7ed; opacity: 0.6; position: absolute; top: 0; left: 0; -webkit-animation: sk-doubleBounce 2s infinite ease-in-out; animation: sk-doubleBounce 2s infinite ease-in-out; } .sk-double-bounce .sk-double-bounce2 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } @-webkit-keyframes sk-doubleBounce { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes sk-doubleBounce { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } /* * Usage: *
* */ .sk-wave { margin: 0 auto; width: 100%; height: 100%; text-align: center; font-size: 10px; } .sk-wave .sk-rect { background-color: #74c7ed; height: 100%; width: 7px; display: inline-block; margin: 0 3px 0 0; -webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out; animation: sk-waveStretchDelay 1.2s infinite ease-in-out; } .sk-wave .sk-rect1 { -webkit-animation-delay: -1.2s; animation-delay: -1.2s; } .sk-wave .sk-rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .sk-wave .sk-rect3 { -webkit-animation-delay: -1s; animation-delay: -1s; } .sk-wave .sk-rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .sk-wave .sk-rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } @-webkit-keyframes sk-waveStretchDelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4); transform: scaleY(0.4); } 20% { -webkit-transform: scaleY(1); transform: scaleY(1); } } @keyframes sk-waveStretchDelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4); transform: scaleY(0.4); } 20% { -webkit-transform: scaleY(1); transform: scaleY(1); } } /* * Usage: *
* */ .sk-wandering-cubes { margin: 0 auto; width: 100%; height: 100%; position: relative; } .sk-wandering-cubes .sk-cube { background-color: #74c7ed; width: 16px; height: 16px; position: absolute; top: 0; left: 0; -webkit-animation: sk-wanderingCube 1.8s ease-in-out -1.8s infinite both; animation: sk-wanderingCube 1.8s ease-in-out -1.8s infinite both; } .sk-wandering-cubes .sk-cube2 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } @-webkit-keyframes sk-wanderingCube { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 25% { -webkit-transform: translateX(45px) rotate(-90deg) scale(0.5); transform: translateX(45px) rotate(-90deg) scale(0.5); } 50% { /* Hack to make FF rotate in the right direction */ -webkit-transform: translateX(45px) translateY(45px) rotate(-179deg); transform: translateX(45px) translateY(45px) rotate(-179deg); } 50.1% { -webkit-transform: translateX(45px) translateY(45px) rotate(-180deg); transform: translateX(45px) translateY(45px) rotate(-180deg); } 75% { -webkit-transform: translateX(0) translateY(45px) rotate(-270deg) scale(0.5); transform: translateX(0) translateY(45px) rotate(-270deg) scale(0.5); } 100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } @keyframes sk-wanderingCube { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 25% { -webkit-transform: translateX(45px) rotate(-90deg) scale(0.5); transform: translateX(45px) rotate(-90deg) scale(0.5); } 50% { /* Hack to make FF rotate in the right direction */ -webkit-transform: translateX(45px) translateY(45px) rotate(-179deg); transform: translateX(45px) translateY(45px) rotate(-179deg); } 50.1% { -webkit-transform: translateX(45px) translateY(45px) rotate(-180deg); transform: translateX(45px) translateY(45px) rotate(-180deg); } 75% { -webkit-transform: translateX(0) translateY(45px) rotate(-270deg) scale(0.5); transform: translateX(0) translateY(45px) rotate(-270deg) scale(0.5); } 100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } /* * Usage: *
* */ .sk-spinner-pulse { width: 100%; height: 100%; margin: 0 auto; background-color: #74c7ed; border-radius: 100%; -webkit-animation: sk-pulseScaleOut 1s infinite ease-in-out; animation: sk-pulseScaleOut 1s infinite ease-in-out; } @-webkit-keyframes sk-pulseScaleOut { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } @keyframes sk-pulseScaleOut { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } /* * Usage: *
* */ .sk-chasing-dots { margin: 0 auto; width: 100%; height: 100%; position: relative; text-align: center; -webkit-animation: sk-chasingDotsRotate 2s infinite linear; animation: sk-chasingDotsRotate 2s infinite linear; } .sk-chasing-dots .sk-child { width: 60%; height: 60%; display: inline-block; position: absolute; top: 0; background-color: #74c7ed; border-radius: 100%; -webkit-animation: sk-chasingDotsBounce 2s infinite ease-in-out; animation: sk-chasingDotsBounce 2s infinite ease-in-out; } .sk-chasing-dots .sk-dot2 { top: auto; bottom: 0; -webkit-animation-delay: -1s; animation-delay: -1s; } @-webkit-keyframes sk-chasingDotsRotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes sk-chasingDotsRotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes sk-chasingDotsBounce { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes sk-chasingDotsBounce { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } /* * Usage: *
* */ .sk-three-bounce { margin: 0 auto; width: 100%; font-size: 26px; position: relative; text-align: center; } .sk-three-bounce .sk-child { width: 20px; height: 20px; background-color: #74c7ed; border-radius: 100%; display: inline-block; -webkit-animation: sk-three-bounce 1.4s ease-in-out 0s infinite both; animation: sk-three-bounce 1.4s ease-in-out 0s infinite both; } .sk-three-bounce .sk-bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .sk-three-bounce .sk-bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes sk-three-bounce { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes sk-three-bounce { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } /* * Usage: *
* */ .sk-circle { margin: 0 auto; width: 100%; height: 100%; position: relative; } .sk-circle .sk-child { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .sk-circle .sk-child:before { content: ''; display: block; margin: 0 auto; width: 15%; height: 15%; background-color: #74c7ed; border-radius: 100%; -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both; animation: sk-circleBounceDelay 1.2s infinite ease-in-out both; } .sk-circle .sk-circle2 { -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); } .sk-circle .sk-circle3 { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); } .sk-circle .sk-circle4 { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .sk-circle .sk-circle5 { -webkit-transform: rotate(120deg); -ms-transform: rotate(120deg); transform: rotate(120deg); } .sk-circle .sk-circle6 { -webkit-transform: rotate(150deg); -ms-transform: rotate(150deg); transform: rotate(150deg); } .sk-circle .sk-circle7 { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .sk-circle .sk-circle8 { -webkit-transform: rotate(210deg); -ms-transform: rotate(210deg); transform: rotate(210deg); } .sk-circle .sk-circle9 { -webkit-transform: rotate(240deg); -ms-transform: rotate(240deg); transform: rotate(240deg); } .sk-circle .sk-circle10 { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .sk-circle .sk-circle11 { -webkit-transform: rotate(300deg); -ms-transform: rotate(300deg); transform: rotate(300deg); } .sk-circle .sk-circle12 { -webkit-transform: rotate(330deg); -ms-transform: rotate(330deg); transform: rotate(330deg); } .sk-circle .sk-circle2:before { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .sk-circle .sk-circle3:before { -webkit-animation-delay: -1s; animation-delay: -1s; } .sk-circle .sk-circle4:before { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .sk-circle .sk-circle5:before { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } .sk-circle .sk-circle6:before { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; } .sk-circle .sk-circle7:before { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; } .sk-circle .sk-circle8:before { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } .sk-circle .sk-circle9:before { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } .sk-circle .sk-circle10:before { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; } .sk-circle .sk-circle11:before { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } .sk-circle .sk-circle12:before { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; } @-webkit-keyframes sk-circleBounceDelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes sk-circleBounceDelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } /* * Usage: *
* */ .sk-cube-grid { width: 100%; height: 100%; margin: 0 auto; /* * Spinner positions * 1 2 3 * 4 5 6 * 7 8 9 */ } .sk-cube-grid .sk-cube { width: 33.33%; height: 33.33%; background-color: #74c7ed; float: left; -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; } .sk-cube-grid .sk-cube1 { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .sk-cube-grid .sk-cube2 { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .sk-cube-grid .sk-cube3 { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .sk-cube-grid .sk-cube4 { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .sk-cube-grid .sk-cube5 { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .sk-cube-grid .sk-cube6 { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .sk-cube-grid .sk-cube7 { -webkit-animation-delay: 0.0s; animation-delay: 0.0s; } .sk-cube-grid .sk-cube8 { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .sk-cube-grid .sk-cube9 { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; }

Biuro projektowe Mark & Vincent

Projekty domów

..” zdrowe ciało, spokój ducha, harmonia z otoczeniem oto główne pojęcia, do których można sprowadzić definicję domu. Wszystkie trzy kryteria czerpią korzenie z doświadczenia ludzkości - ludzi, którzy na poszczególnych obszarach kulturowych przez tysiąclecia budowali swoje domy w „ odwieczny sposób”. Architektów projektujących domy przyjazne dla ludzi i środowiska było wielu. Coraz częściej aspekty ludzkiego funkcjonowania w otaczającym świecie – zdrowie, potrzeby duchowe i chęć ochrony środowiska naturalnego zespalają się, tworząc zręby pod nowy rodzaj architektury.


Projekty i rozwiązania technologiczne, które jeszcze kilka lat temu wydawały się niemożliwe do zrealizowania, dzisiaj są coraz łatwiej osiągalne.

  • aa
  • ab
  • ac
  • ad
  • ae
  • af
  • ag
  • ah
  • ai
  • aj
  • ba
  • bb
  • bc
  • bd
  • be
  • bf
  • bg

Projekty mieszkań

Umiejętność podziału wnętrza według potrzeb, funkcji stanowi we współczesnym mieszkaniu pierwszy i podstawowy zarazem stopień wtajemniczenia. Układ zespołów, przeznaczonych do wypoczynku, jedzenia, snu czy pracy, powinien stanowić przy tym kompozycję możliwie jednorodną, opartą na harmonijnym współdziałaniu wszystkich elementów wnętrza. Podziału nie można dokonać sztucznie, przy pomocy twardych przegród – odbywać się powinien w sposób naturalny, organicznie związany z płynnością funkcji, przy zachowaniu pełnej przestronności wnętrz.

  • aa
  • ab
  • ac
  • ad
  • ae
  • af
  • ag
  • ah
  • ai
  • ba
  • bb
  • bc
  • bd
  • be
  • bf
  • bg
  • bh
  • ca
  • cb
  • cc
  • cd
  • ce
  • cf
  • cg
  • da
  • db
  • dc
  • dd
  • de
  • df
  • dg
  • dh
  • di
  • dj
  • ea
  • eb
  • ec
  • ed
  • ee
  • ef
  • eg
  • eh
  • ei
  • ej
  • ek
  • fa
  • fb
  • fc
  • fd
  • fe
  • ga
  • gb
  • gc
  • gd

Łazienki

Łazienka jako miejsce do kąpieli, które powinno być urządzone w taki sposób, aby oprócz swobody w wykonywaniu czynności higienicznych, panowała tam atmosfera wygody i odprężenia. Kąpiel to czas relaksu i kontemplacji.


W łazience powinno być dużo zieleni, a także widok na zieleń na zewnątrz. Słońce i światło dzienne przenikające przez okno z pewnością poprawiają nastrój a co za tym idzie daje poczucie zespolenia z naturą, i to jest pierwszy krok do zaprojektowania i aranżacji naszej łazienki. Ergonomia, układ wodno kanalizacyjny, wentylacja, instalacja elektryczna, ogrzewanie lustra i źródło światła (oświetlenie o wysokim wskaźniku oddawania barw Ra ( CRI), to zdecydowanie początek prac….

Wszystko dla Twojego dobrego samopoczucia

Znajdź własny styl w łazience, po czym poznać dobry styl?

Po eleganckiej powściągliwości po wyszukanych materiałach i po gustownych detalach.


Utwórz akcenty i pozwól porwać się lustrzanym efektom wykorzystując np. wysoko gatunkową stal polerowaną. Stwórz jedną linię wyróżniającą się pośród innych bez wypychania się na pierwszy plan. Nadaj łazience niepowtarzalny, osobisty charakter (bez kopiowania boksów w salonach). Trendy przychodzą i odchodzą. Dobry design pozostaje jednak dobrym design’em.
Pamiętaj, siła tkwi w jakości a pomysł musi stać się rzeczywistością, albo pozostanie próżną bańką mydlaną.
„Diabeł tkwi w szczegółach” Theodor Fontane.

  • laz-aa-nowoczesna-lazienka-projektowanie
  • laz-aa-projekt-lazienki
  • laz-aa-projekt
  • laz-aa
  • laz-ab
  • laz-ac
  • laz-ad
  • laz-ae
  • laz-af
  • laz-ag
  • laz-ah
  • laz-ai
  • laz-aj
  • laz-ak
  • laz-al
  • laz-am
  • laz-an
  • laz-ao
  • laz-au
  • r-aa
  • r-ab
  • r-ac
  • r-ad
  • r-ae
  • r-af
  • r-ag
  • r-ah
  • r-ai
  • r-aj
  • r-ak
  • r-al
  • r-am
  • r-an
 

Copyright 2019 | Projekt i wykonanie

Mają Państwo możliwość samodzielnej zmiany ustawień dotyczących cookies w swojej przeglądarce internetowej. Jeśli nie wyrażają Państwo zgody, prosimy o zmianę ustawień w przeglądarce lub opuszczenie serwisu.