Description | Eine digitale Umgebung, starker Content, wegweisende Ideen und didaktische Strukturen für kompetenzorientierte Inhalte: Das ist Konvink. |
h1 tags | .logo_a{fill:none;}.logo_c{fill:#606777;}Konvink .claim_a{fill:none;}.claim_c{fill:#606777;}Wissen fürs Können. .bildmarke_a,.bildmarke_c,.bildmarke_d,.bildmarke_e{fill:none;}.bildmarke_c{stroke:#f07f1c;stroke-width:7px;}.bildmarke_d{stroke:#00a0e4;}.bildmarke_d,.bildmarke_e{stroke-width:22px;}.bildmarke_e{stroke:#96c22c;}.multiply{mix-blend-mode: multiply;} .bildmarke_c { animation: colorchangeC 50s infinite, keystrokeC 15s infinite; /* animation-name followed by duration in seconds*/ /* you could also use milliseconds (ms) or something like 2.5s */ -webkit-animation: colorchangeC 50s infinite, keystrokeC 15s infinite; /* Chrome and Safari */ } @keyframes colorchangeC { 0% {stroke: #f07f1c; transform: translateY(0); transform: translateX(0)} 20% {stroke: #07a1e2; transform: translateY(-10px); transform: translateX(-12px)} 40% {stroke: #c60086; transform: translateY(0); transform: translateX(0)} 60% {stroke: #d58925; transform: translateY(4px); transform: translateX(-8px)} 80% {stroke: #c60086; transform: translateY(2px); transform: translateX(-14px)} 100% {stroke: #f07f1c; transform: translateY(0); transform: translateX(0px)} } @-webkit-keyframes colorchangeC /* Safari and Chrome - necessary duplicate */ { 0% {stroke: #f07f1c; transform: translateY(0); transform: translateX(0)} 20% {stroke: #07a1e2; transform: translateY(-5px); transform: translateX(-6px)} 40% {stroke: #c60086; transform: translateY(0); transform: translateX(0)} 60% {stroke: #d58925; transform: translateY(2px); transform: translateX(-4px)} 80% {stroke: #c60086; transform: translateY(1px); transform: translateX(-7px)} 100% {stroke: #f07f1c; transform: translateY(0); transform: translateX(0px)} } @keyframes keystrokeC { 0% { stroke-width: 7px; } 50% { stroke-width: 22px; } 100% { stroke-width: 7px; } } @-webkit-keyframes keystrokeC { 0% { stroke-width: 7px; } 50% { stroke-width: 22px; } 100% { stroke-width: 7px; } } @keyframes popup { 0% {transform: translateY(150px);transform} 34% { transform: translateY(20px); } 37% { transform: translateY(150px); } 100% { transform: translateY(150px); } } .bildmarke_d { animation: colorchangeD 50s infinite, keystrokeD 20s infinite; /* animation-name followed by duration in seconds*/ /* you could also use milliseconds (ms) or something like 2.5s */ -webkit-animation: colorchangeD 50s infinite, keystrokeD 20s infinite; /* Chrome and Safari */ } @keyframes colorchangeD { 0% {stroke: #d58925; transform: translateY(0); transform: translateX(0)} 20% {stroke: #eed51f; transform: translateY(8px); transform: translateX(4px)} 40% {stroke: #d58925; transform: translateY(2px); transform: translateX(-4px)} 60% {stroke: #eed51f; transform: translateY(-4px); transform: translateX(0)} 80% {stroke: #07a1e2; transform: translateY(0); transform: translateX(8px)} 100% {stroke: #d58925; transform: translateY(0); transform: translateX(0)} } @-webkit-keyframes colorchangeD /* Safari and Chrome - necessary duplicate */ { 0% {stroke: #d58925; transform: translateY(0); transform: translateX(0)} 20% {stroke: #eed51f; transform: translateY(8px); transform: translateX(4px)} 40% {stroke: #d58925; transform: translateY(2px); transform: translateX(-4px)} 60% {stroke: #eed51f; transform: translateY(-4px); transform: translateX(0)} 80% {stroke: #07a1e2; transform: translateY(0); transform: translateX(8px)} 100% {stroke: #d58925; transform: translateY(0); transform: translateX(0)} } @keyframes keystrokeD { 0% { stroke-width: 22px; } 50% { stroke-width: 7px; } 100% { stroke-width: 22px; } } @-webkit-keyframes keystrokeD { 0% { stroke-width: 22px; } 50% { stroke-width: 7px; } 100% { stroke-width: 22px; } } .bildmarke_e { animation: colorchangeE 50s infinite, keystrokeE 25s infinite; /* animation-name followed by duration in seconds*/ /* you could also use milliseconds (ms) or something like 2.5s */ -webkit-animation: colorchangeE 50s infinite, keystrokeE 25s infinite; /* Chrome and Safari */ } @keyframes colorchangeE { 0% {stroke: #96c22c; transform: translateY(0); transform: translateX(0)} 20% {stroke: #f07f1c; transform: translateY(8px); transform: translateX(8px)} 40% {stroke: #eed51f; transform: translateY(-4px); transform: translateX(4px)} 60% {stroke: #eed51f; transform: translateY(-4px); transform: translateX(0)} 80% {stroke: #abd2f3; transform: translateY(-4px); transform: translateX(4px)} 100% {stroke: #96c22c; transform: translateY(0); transform: translateX(0)} } @-webkit-keyframes colorchangeE /* Safari and Chrome - necessary duplicate */ { 0% {stroke: #96c22c; transform: translateY(0); transform: translateX(0)} 20% {stroke: #f07f1c; transform: translateY(8px); transform: translateX(8px)} 40% {stroke: #eed51f; transform: translateY(-4px); transform: translateX(4px)} 60% {stroke: #eed51f; transform: translateY(-4px); transform: translateX(0)} 80% {stroke: #abd2f3; transform: translateY(-4px); transform: translateX(4px)} 100% {stroke: #96c22c; transform: translateY(0); transform: translateX(0)} } @keyframes keystrokeE { 0% { stroke-width: 22px; } 40% { stroke-width: 7px; } 100% { stroke-width: 22px; } } @-webkit-keyframes keystrokeE { 0% { stroke-width: 22px; } 40% { stroke-width: 7px; } 100% { stroke-width: 22px; } } Konvink Bildmarke |
h2 tags | Your page doesn't have H2 tags. |
Site Speed | 2.6080679893494 |
Alexa Rank: |
0 |
Site's Traffic |
|
| Host | Type | Class | TTL | Target |
| konvink.ch | NS | IN | 3599 | ns.hostpoint.ch |
| konvink.ch | NS | IN | 3599 | ns2.hostpoint.ch |
| konvink.ch | NS | IN | 3599 | ns3.hostpoint.ch |
| konvink.ch | A | IN | 299 | |
| konvink.ch | MX | IN | 299 | konvink-ch.mail.protection.outlook.com |
| konvink.ch | TXT | IN | 299 | |
| konvink.ch | TXT | IN | 299 | |
| konvink.ch | SOA | IN | 3599 |