krzysztof/landing_page
1
0
Fork 0
mirror of https://github.com/qdrant/landing_page.git synced 2026-09-29 07:58:31 +02:00
Code Issues Packages Projects Releases Wiki Activity

more blocks

Browse Source
This commit is contained in:
trean
2021-03-20 17:39:05 +01:00
parent c9e1599d45
commit e8f37d852f
4 changed files with 610 additions and 566 deletions
Download Patch File Download Diff File Expand all files Collapse all files
entropy-placeholder/css/custom-animate.css
+499 -499
View File
@@ -1,499 +1,499 @@
.empty-animation{
animation-name: zoomInStable;
animation-duration: 3s;
animation-iteration-count: 1;
animation-timing-function: linear;
-webkit-animation-name: zoomInStable;
-webkit-animation-duration: 3s;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: linear;
-moz-animation-name: zoomInStable;
-moz-animation-duration: 3s;
-moz-animation-iteration-count: 1;
-moz-animation-timing-function: linear;
-ms-animation-name: zoomInStable;
-ms-animation-duration: 3s;
-ms-animation-iteration-count: 1;
-ms-animation-timing-function: linear;
-o-animation-name: zoomInStable;
-o-animation-duration: 3s;
-o-animation-iteration-count: 1;
-o-animation-timing-function: linear;
}
.empty-animation{
animation-name: zoomInStable;
animation-duration: 3s;
animation-iteration-count: infinite;
animation-timing-function: linear;
-webkit-animation-name: zoomInStable;
-webkit-animation-duration: 3s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-moz-animation-name: zoomInStable;
-moz-animation-duration: 3s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-ms-animation-name: zoomInStable;
-ms-animation-duration: 3s;
-ms-animation-iteration-count: infinite;
-ms-animation-timing-function: linear;
-o-animation-name: zoomInStable;
-o-animation-duration: 3s;
-o-animation-iteration-count: infinite;
-o-animation-timing-function: linear;
}
.empty-animation{
animation-name: slideInUp;
animation-duration: 2s;
animation-iteration-count: 1;
animation-timing-function: linear;
-webkit-animation-name: slideInUp;
-webkit-animation-duration: 2s;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: linear;
-moz-animation-name: slideInUp;
-moz-animation-duration: 2s;
-moz-animation-iteration-count: 1;
-moz-animation-timing-function: linear;
-ms-animation-name: slideInUp;
-ms-animation-duration: 2s;
-ms-animation-iteration-count: 1;
-ms-animation-timing-function: linear;
}
.science-section .pattern-layer{
animation-name: slideInRight;
animation-duration: 3s;
animation-iteration-count: 1;
animation-timing-function: linear;
-webkit-animation-name: slideInRight;
-webkit-animation-duration: 3s;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: linear;
-moz-animation-name: slideInRight;
-moz-animation-duration: 3s;
-moz-animation-iteration-count: 1;
-moz-animation-timing-function: linear;
-ms-animation-name: slideInRight;
-ms-animation-duration: 3s;
-ms-animation-iteration-count: 1;
-ms-animation-timing-function: linear;
}
.featured-section .pattern-layer{
animation-name: slideInLeft;
animation-duration: 3s;
animation-iteration-count: 1;
animation-timing-function: linear;
-webkit-animation-name: slideInLeft;
-webkit-animation-duration: 3s;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: linear;
-moz-animation-name: slideInLeft;
-moz-animation-duration: 3s;
-moz-animation-iteration-count: 1;
-moz-animation-timing-function: linear;
-ms-animation-name: slideInLeft;
-ms-animation-duration: 3s;
-ms-animation-iteration-count: 1;
-ms-animation-timing-function: linear;
}
.empty-animation{
animation-name: slideInUp;
animation-duration: 2s;
animation-iteration-count: 1;
animation-timing-function: linear;
-webkit-animation-name: slideInUp;
-webkit-animation-duration: 2s;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: linear;
-moz-animation-name: slideInUp;
-moz-animation-duration: 2s;
-moz-animation-iteration-count: 1;
-moz-animation-timing-function: linear;
-ms-animation-name: slideInUp;
-ms-animation-duration: 2s;
-ms-animation-iteration-count: 1;
-ms-animation-timing-function: linear;
}
@-webkit-keyframes rotateme {
0% {
-webkit-transform: rotate(0deg);
opacity: 1;
}
50% {
-webkit-transform: rotate(180deg);
opacity: 0.7;
}
100% {
-webkit-transform: rotate(360deg);
opacity: 1;
}
}
@-moz-keyframes rotateme {
0% {
-moz-transform: rotate(0deg);
opacity: 1;
}
50% {
-moz-transform: rotate(180deg);
opacity: 0.7;
}
100% {
-moz-transform: rotate(360deg);
opacity: 1;
}
}
@-o-keyframes rotateme {
0% {
-o-transform: rotate(0deg);
opacity: 1;
}
50% {
-o-transform: rotate(180deg);
opacity: 0.7;
}
100% {
-o-transform: rotate(360deg);
opacity: 1;
}
}
@keyframes rotateme {
0% {
transform: rotate(0deg);
opacity: 1;
}
50% {
transform: rotate(180deg);
}
100% {
transform: rotate(360deg);
opacity: 1;
}
}
.api-section .pattern-layer,
.works-section .cross-icon,
.works-section .cross-icon-two,
.magic-section .cross-icon,
.intelligence-block .inner-box .icon-box:before,
.business-block .inner-box .icon-box:before{
animation-name: rotateme;
animation-duration: 15s;
animation-iteration-count: infinite;
animation-timing-function: linear;
-webkit-animation-name: rotateme;
-webkit-animation-duration: 15s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-moz-animation-name: rotateme;
-moz-animation-duration: 15s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-ms-animation-name: rotateme;
-ms-animation-duration: 15s;
-ms-animation-iteration-count: infinite;
-ms-animation-timing-function: linear;
-o-animation-name: rotateme;
-o-animation-duration: 15s;
-o-animation-iteration-count: infinite;
-o-animation-timing-function: linear;
}
/* Bob Up Down*/
@-webkit-keyframes float_up_down {
0% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
opacity: 1;
}
50% {
-webkit-transform: translateY(30px);
transform: translateY(30px);
opacity: 1;
}
100% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
opacity: 1;
}
}
@keyframes float_up_down {
0% {
transform: translateY(0px);
transform: translateY(0px);
opacity: 1;
}
50% {
transform: translateY(30px);
transform: translateY(30px);
opacity: 1;
}
100% {
transform: translateY(0px);
transform: translateY(0px);
opacity: 1;
}
}
.main-slider .pattern-layer{
animation-name: float_up_down;
animation-duration: 5s;
animation-iteration-count: infinite;
animation-timing-function: linear;
-webkit-animation-name: float_up_down;
-webkit-animation-duration: 5s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-moz-animation-name: float_up_down;
-moz-animation-duration: 5s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-ms-animation-name: float_up_down;
-ms-animation-duration: 5s;
-ms-animation-iteration-count: infinite;
-ms-animation-timing-function: linear;
-o-animation-name: float_left_right;
-o-animation-duration: 5s;
-o-animation-iteration-count: infinite;
-o-animation-timing-function: linear;
}
/* Bob */
@-webkit-keyframes float_left_right {
0% {
-webkit-transform: translateX(-100px);
transform: translateX(-100px);
opacity: 1;
}
50% {
-webkit-transform: translateX(100px);
transform: translateX(100px);
opacity: 0.40;
}
100% {
-webkit-transform: translateX(-100px);
transform: translateX(-100px);
opacity: 1;
}
}
@keyframes float_left_right {
0% {
-webkit-transform: translateX(-100px);
transform: translateX(-100px);
opacity: 1;
}
50% {
-webkit-transform: translateX(100px);
transform: translateX(100px);
opacity: 0.40;
}
100% {
-webkit-transform: translateX(-100px);
transform: translateX(-100px);
opacity: 1;
}
}
.main-footer .pattern-layer-two{
animation-name: float_left_right;
animation-duration: 30s;
animation-iteration-count: infinite;
animation-timing-function: linear;
-webkit-animation-name: float_left_right;
-webkit-animation-duration: 30s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-moz-animation-name: float_left_right;
-moz-animation-duration: 30s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-ms-animation-name: float_left_right;
-ms-animation-duration: 30s;
-ms-animation-iteration-count: infinite;
-ms-animation-timing-function: linear;
-o-animation-name: float_left_right;
-o-animation-duration: 30s;
-o-animation-iteration-count: infinite;
-o-animation-timing-function: linear;
}
@-webkit-keyframes float_left_right_two {
0% {
-webkit-transform: translateX(-30px);
opacity: 1;
}
50% {
-webkit-transform: translateX(0px);
opacity: 0.80;
}
100% {
-webkit-transform: translateX(-30px);
opacity: 1;
}
}
@keyframes float_left_right_two {
0% {
transform: translateX(-30px);
opacity: 1;
}
50% {
transform: translateX(0px);
opacity: 0.80;
}
100% {
transform: translateX(-30px);
opacity: 1;
}
}
.page-title .pattern-layer,
.main-footer .pattern-layer{
animation-name: float_left_right_two;
animation-duration: 5s;
animation-iteration-count: infinite;
animation-timing-function: linear;
-webkit-animation-name: float_left_right_two;
-webkit-animation-duration: 5s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-moz-animation-name: float_left_right_two;
-moz-animation-duration: 5s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-ms-animation-name: float_left_right_two;
-ms-animation-duration: 5s;
-ms-animation-iteration-count: infinite;
-ms-animation-timing-function: linear;
-o-animation-name: float_left_right_two;
-o-animation-duration: 5s;
-o-animation-iteration-count: infinite;
-o-animation-timing-function: linear;
}
@-webkit-keyframes zoom-fade {
0% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
50% {
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
}
@keyframes zoom-fade {
0% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
50% {
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
}
.empty-animation{
animation-name: zoom-fade;
animation-duration: 3s;
animation-iteration-count: infinite;
animation-timing-function: linear;
-webkit-animation-name: zoom-fade;
-webkit-animation-duration: 3s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-moz-animation-name: zoom-fade;
-moz-animation-duration: 3s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-ms-animation-name: zoom-fade;
-ms-animation-duration: 3s;
-ms-animation-iteration-count: infinite;
-ms-animation-timing-function: linear;
-o-animation-name: zoom-fade;
-o-animation-duration: 3s;
-o-animation-iteration-count: infinite;
-o-animation-timing-function: linear;
}
.empty-animation{
animation-name: zoomInStable;
animation-duration: 3s;
animation-iteration-count: 1;
animation-timing-function: linear;
-webkit-animation-name: zoomInStable;
-webkit-animation-duration: 3s;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: linear;
-moz-animation-name: zoomInStable;
-moz-animation-duration: 3s;
-moz-animation-iteration-count: 1;
-moz-animation-timing-function: linear;
-ms-animation-name: zoomInStable;
-ms-animation-duration: 3s;
-ms-animation-iteration-count: 1;
-ms-animation-timing-function: linear;
-o-animation-name: zoomInStable;
-o-animation-duration: 3s;
-o-animation-iteration-count: 1;
-o-animation-timing-function: linear;
}
.empty-animation{
animation-name: zoomInStable;
animation-duration: 3s;
animation-iteration-count: infinite;
animation-timing-function: linear;
-webkit-animation-name: zoomInStable;
-webkit-animation-duration: 3s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-moz-animation-name: zoomInStable;
-moz-animation-duration: 3s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-ms-animation-name: zoomInStable;
-ms-animation-duration: 3s;
-ms-animation-iteration-count: infinite;
-ms-animation-timing-function: linear;
-o-animation-name: zoomInStable;
-o-animation-duration: 3s;
-o-animation-iteration-count: infinite;
-o-animation-timing-function: linear;
}
.empty-animation{
animation-name: slideInUp;
animation-duration: 2s;
animation-iteration-count: 1;
animation-timing-function: linear;
-webkit-animation-name: slideInUp;
-webkit-animation-duration: 2s;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: linear;
-moz-animation-name: slideInUp;
-moz-animation-duration: 2s;
-moz-animation-iteration-count: 1;
-moz-animation-timing-function: linear;
-ms-animation-name: slideInUp;
-ms-animation-duration: 2s;
-ms-animation-iteration-count: 1;
-ms-animation-timing-function: linear;
}
.science-section .pattern-layer{
animation-name: slideInRight;
animation-duration: 3s;
animation-iteration-count: 1;
animation-timing-function: linear;
-webkit-animation-name: slideInRight;
-webkit-animation-duration: 3s;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: linear;
-moz-animation-name: slideInRight;
-moz-animation-duration: 3s;
-moz-animation-iteration-count: 1;
-moz-animation-timing-function: linear;
-ms-animation-name: slideInRight;
-ms-animation-duration: 3s;
-ms-animation-iteration-count: 1;
-ms-animation-timing-function: linear;
}
.featured-section .pattern-layer{
animation-name: slideInLeft;
animation-duration: 3s;
animation-iteration-count: 1;
animation-timing-function: linear;
-webkit-animation-name: slideInLeft;
-webkit-animation-duration: 3s;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: linear;
-moz-animation-name: slideInLeft;
-moz-animation-duration: 3s;
-moz-animation-iteration-count: 1;
-moz-animation-timing-function: linear;
-ms-animation-name: slideInLeft;
-ms-animation-duration: 3s;
-ms-animation-iteration-count: 1;
-ms-animation-timing-function: linear;
}
.empty-animation{
animation-name: slideInUp;
animation-duration: 2s;
animation-iteration-count: 1;
animation-timing-function: linear;
-webkit-animation-name: slideInUp;
-webkit-animation-duration: 2s;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: linear;
-moz-animation-name: slideInUp;
-moz-animation-duration: 2s;
-moz-animation-iteration-count: 1;
-moz-animation-timing-function: linear;
-ms-animation-name: slideInUp;
-ms-animation-duration: 2s;
-ms-animation-iteration-count: 1;
-ms-animation-timing-function: linear;
}
@-webkit-keyframes rotateme {
0% {
-webkit-transform: rotate(0deg);
opacity: 1;
}
50% {
-webkit-transform: rotate(180deg);
opacity: 0.7;
}
100% {
-webkit-transform: rotate(360deg);
opacity: 1;
}
}
@-moz-keyframes rotateme {
0% {
-moz-transform: rotate(0deg);
opacity: 1;
}
50% {
-moz-transform: rotate(180deg);
opacity: 0.7;
}
100% {
-moz-transform: rotate(360deg);
opacity: 1;
}
}
@-o-keyframes rotateme {
0% {
-o-transform: rotate(0deg);
opacity: 1;
}
50% {
-o-transform: rotate(180deg);
opacity: 0.7;
}
100% {
-o-transform: rotate(360deg);
opacity: 1;
}
}
@keyframes rotateme {
0% {
transform: rotate(0deg);
opacity: 1;
}
50% {
transform: rotate(180deg);
}
100% {
transform: rotate(360deg);
opacity: 1;
}
}
.api-section .pattern-layer,
.works-section .cross-icon,
.works-section .cross-icon-two,
.magic-section .cross-icon,
.intelligence-block .inner-box .icon-box:before,
.business-block .inner-box .icon-box:before{
animation-name: rotateme;
animation-duration: 15s;
animation-iteration-count: infinite;
animation-timing-function: linear;
-webkit-animation-name: rotateme;
-webkit-animation-duration: 15s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-moz-animation-name: rotateme;
-moz-animation-duration: 15s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-ms-animation-name: rotateme;
-ms-animation-duration: 15s;
-ms-animation-iteration-count: infinite;
-ms-animation-timing-function: linear;
-o-animation-name: rotateme;
-o-animation-duration: 15s;
-o-animation-iteration-count: infinite;
-o-animation-timing-function: linear;
}
/* Bob Up Down*/
@-webkit-keyframes float_up_down {
0% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
opacity: 1;
}
50% {
-webkit-transform: translateY(30px);
transform: translateY(30px);
opacity: 1;
}
100% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
opacity: 1;
}
}
@keyframes float_up_down {
0% {
transform: translateY(0px);
transform: translateY(0px);
opacity: 1;
}
50% {
transform: translateY(30px);
transform: translateY(30px);
opacity: 1;
}
100% {
transform: translateY(0px);
transform: translateY(0px);
opacity: 1;
}
}
.main-slider .pattern-layer{
animation-name: float_up_down;
animation-duration: 5s;
animation-iteration-count: infinite;
animation-timing-function: linear;
-webkit-animation-name: float_up_down;
-webkit-animation-duration: 5s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-moz-animation-name: float_up_down;
-moz-animation-duration: 5s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-ms-animation-name: float_up_down;
-ms-animation-duration: 5s;
-ms-animation-iteration-count: infinite;
-ms-animation-timing-function: linear;
-o-animation-name: float_left_right;
-o-animation-duration: 5s;
-o-animation-iteration-count: infinite;
-o-animation-timing-function: linear;
}
/* Bob */
@-webkit-keyframes float_left_right {
0% {
-webkit-transform: translateX(-100px);
transform: translateX(-100px);
opacity: 1;
}
50% {
-webkit-transform: translateX(100px);
transform: translateX(100px);
opacity: 0.40;
}
100% {
-webkit-transform: translateX(-100px);
transform: translateX(-100px);
opacity: 1;
}
}
@keyframes float_left_right {
0% {
-webkit-transform: translateX(-100px);
transform: translateX(-100px);
opacity: 1;
}
50% {
-webkit-transform: translateX(100px);
transform: translateX(100px);
opacity: 0.40;
}
100% {
-webkit-transform: translateX(-100px);
transform: translateX(-100px);
opacity: 1;
}
}
.main-footer .pattern-layer-two{
animation-name: float_left_right;
animation-duration: 30s;
animation-iteration-count: infinite;
animation-timing-function: linear;
-webkit-animation-name: float_left_right;
-webkit-animation-duration: 30s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-moz-animation-name: float_left_right;
-moz-animation-duration: 30s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-ms-animation-name: float_left_right;
-ms-animation-duration: 30s;
-ms-animation-iteration-count: infinite;
-ms-animation-timing-function: linear;
-o-animation-name: float_left_right;
-o-animation-duration: 30s;
-o-animation-iteration-count: infinite;
-o-animation-timing-function: linear;
}
@-webkit-keyframes float_left_right_two {
0% {
-webkit-transform: translateX(-30px);
opacity: 1;
}
50% {
-webkit-transform: translateX(0px);
opacity: 0.80;
}
100% {
-webkit-transform: translateX(-30px);
opacity: 1;
}
}
@keyframes float_left_right_two {
0% {
transform: translateX(-30px);
opacity: 1;
}
50% {
transform: translateX(0px);
opacity: 0.80;
}
100% {
transform: translateX(-30px);
opacity: 1;
}
}
.page-title .pattern-layer,
.main-footer .pattern-layer{
animation-name: float_left_right_two;
animation-duration: 5s;
animation-iteration-count: infinite;
animation-timing-function: linear;
-webkit-animation-name: float_left_right_two;
-webkit-animation-duration: 5s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-moz-animation-name: float_left_right_two;
-moz-animation-duration: 5s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-ms-animation-name: float_left_right_two;
-ms-animation-duration: 5s;
-ms-animation-iteration-count: infinite;
-ms-animation-timing-function: linear;
-o-animation-name: float_left_right_two;
-o-animation-duration: 5s;
-o-animation-iteration-count: infinite;
-o-animation-timing-function: linear;
}
@-webkit-keyframes zoom-fade {
0% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
50% {
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
}
@keyframes zoom-fade {
0% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
50% {
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
}
.empty-animation{
animation-name: zoom-fade;
animation-duration: 3s;
animation-iteration-count: infinite;
animation-timing-function: linear;
-webkit-animation-name: zoom-fade;
-webkit-animation-duration: 3s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-moz-animation-name: zoom-fade;
-moz-animation-duration: 3s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-ms-animation-name: zoom-fade;
-ms-animation-duration: 3s;
-ms-animation-iteration-count: infinite;
-ms-animation-timing-function: linear;
-o-animation-name: zoom-fade;
-o-animation-duration: 3s;
-o-animation-iteration-count: infinite;
-o-animation-timing-function: linear;
}