.modal-svg > rect {
width:100%;height:100%;
}
* {
box-sizing: border-box;
}
html, body {
min-height: 100%;
height: 100%;
}
html.modal-active, body.modal-active {
overflow: hidden;
}
#modal-container {
position: fixed;
display: table;
height: 100%;
width: 100%;
top: 0;
left: 0;
transform: scale(0);
z-index: 10000;
}
#modal-container.six {
transform: scale(1);
}
#modal-container.six .modal-background {
background: rgba(0, 0, 0, 0);
animation: fadeIn 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.six .modal-background .modal {
background-color: transparent;
animation: modalFadeIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.six .modal-background .modal h2, #modal-container.six .modal-background .modal p, #modal-container.six .modal-background .modal ol {
opacity: 0;
position: relative;
animation: modalContentFadeIn 0.5s 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.six .modal-background .modal .modal-svg rect {
animation: sketchIn 0.5s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.six.out {
animation: quickScaleDown 0s 0.5s linear forwards;
}
#modal-container.six.out .modal-background {
animation: fadeOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.six.out .modal-background .modal {
animation: modalFadeOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.six.out .modal-background .modal h2, #modal-container.six.out .modal-background .modal p {
animation: modalContentFadeOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.six.out .modal-background .modal .modal-svg rect {
animation: sketchOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container .modal-background {
display: table-cell;
background: rgba(0, 0, 0, 0.8);
text-align: center;
vertical-align: middle;
}
#modal-container .modal-background .modal {
background: white;
padding: 50px;
display: inline-block;
border-radius: 3px;
font-weight: 300;
position: relative;
text-align: start;
}
#modal-container .modal-background .modal .modal-svg {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
border-radius: 3px;
}
#modal-container .modal-background .modal .modal-svg rect {
stroke: #fff;
stroke-width: 2px;
stroke-dasharray: 778;
stroke-dashoffset: 778;
}
@keyframes unfoldIn {
0% {
transform: scaleY(0.005) scaleX(0);
}
50% {
transform: scaleY(0.005) scaleX(1);
}
100% {
transform: scaleY(1) scaleX(1);
}
}
@keyframes unfoldOut {
0% {
transform: scaleY(1) scaleX(1);
}
50% {
transform: scaleY(0.005) scaleX(1);
}
100% {
transform: scaleY(0.005) scaleX(0);
}
}
@keyframes zoomIn {
0% {
transform: scale(0);
}
100% {
transform: scale(1);
}
}
@keyframes zoomOut {
0% {
transform: scale(1);
}
100% {
transform: scale(0);
}
}
@keyframes fadeIn {
0% {
background: rgba(0, 0, 0, 0);
}
100% {
background: rgba(0, 0, 0, 0.7);
}
}
@keyframes fadeOut {
0% {
background: rgba(0, 0, 0, 0.7);
}
100% {
background: rgba(0, 0, 0, 0);
}
}
@keyframes scaleUp {
0% {
transform: scale(0.8) translateY(1000px);
opacity: 0;
}
100% {
transform: scale(1) translateY(0px);
opacity: 1;
}
}
@keyframes scaleDown {
0% {
transform: scale(1) translateY(0px);
opacity: 1;
}
100% {
transform: scale(0.8) translateY(1000px);
opacity: 0;
}
}
@keyframes scaleBack {
0% {
transform: scale(1);
}
100% {
transform: scale(0.85);
}
}
@keyframes scaleForward {
0% {
transform: scale(0.85);
}
100% {
transform: scale(1);
}
}
@keyframes quickScaleDown {
0% {
transform: scale(1);
}
99.9% {
transform: scale(1);
}
100% {
transform: scale(0);
}
}
@keyframes slideUpLarge {
0% {
transform: translateY(0%);
}
100% {
transform: translateY(-100%);
}
}
@keyframes slideDownLarge {
0% {
transform: translateY(-100%);
}
100% {
transform: translateY(0%);
}
}
@keyframes moveUp {
0% {
transform: translateY(150px);
}
100% {
transform: translateY(0);
}
}
@keyframes moveDown {
0% {
transform: translateY(0px);
}
100% {
transform: translateY(150px);
}
}
@keyframes blowUpContent {
0% {
transform: scale(1);
opacity: 1;
}
99.9% {
transform: scale(2);
opacity: 0;
}
100% {
transform: scale(0);
}
}
@keyframes blowUpContentTwo {
0% {
transform: scale(2);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 1;
}
}
@keyframes blowUpModal {
0% {
transform: scale(0);
}
100% {
transform: scale(1);
}
}
@keyframes blowUpModalTwo {
0% {
transform: scale(1);
opacity: 1;
}
100% {
transform: scale(0);
opacity: 0;
}
}
@keyframes roadRunnerIn {
0% {
transform: translateX(-1500px) skewX(30deg) scaleX(1.3);
}
70% {
transform: translateX(30px) skewX(0deg) scaleX(0.9);
}
100% {
transform: translateX(0px) skewX(0deg) scaleX(1);
}
}
@keyframes roadRunnerOut {
0% {
transform: translateX(0px) skewX(0deg) scaleX(1);
}
30% {
transform: translateX(-30px) skewX(-5deg) scaleX(0.9);
}
100% {
transform: translateX(1500px) skewX(30deg) scaleX(1.3);
}
}
@keyframes sketchIn {
0% {
stroke-dashoffset: 778;
}
100% {
stroke-dashoffset: 0;
}
}
@keyframes sketchOut {
0% {
stroke-dashoffset: 0;
}
100% {
stroke-dashoffset: 778;
}
}
@keyframes modalFadeIn {
0% {
background-color: transparent;
}
100% {
background-color: white;
}
}
@keyframes modalFadeOut {
0% {
background-color: white;
}
100% {
background-color: transparent;
}
}
@keyframes modalContentFadeIn {
0% {
opacity: 0;
top: -20px;
}
100% {
opacity: 1;
top: 0;
}
}
@keyframes modalContentFadeOut {
0% {
opacity: 1;
top: 0px;
}
100% {
opacity: 0;
top: -20px;
}
}
@keyframes bondJamesBond {
0% {
transform: translateX(1000px);
}
80% {
transform: translateX(0px);
border-radius: 75px;
height: 75px;
width: 75px;
}
90% {
border-radius: 3px;
height: 182px;
width: 247px;
}
100% {
border-radius: 3px;
height: 162px;
width: 227px;
}
}
@keyframes killShot {
0% {
transform: translateY(0) rotate(0deg);
opacity: 1;
}
100% {
transform: translateY(300px) rotate(45deg);
opacity: 0;
}
}
@keyframes fadeToRed {
0% {
background-color: rgba(0, 0, 0, 0.6);
}
100% {
background-color: rgba(255, 0, 0, 0.8);
}
}
@keyframes slowFade {
0% {
opacity: 1;
}
99.9% {
opacity: 0;
transform: scale(1);
}
100% {
transform: scale(0);
}
}
מבצע Black Friday ב-ZEFO נובמבר 2022
מבצעי זפו עבור בלאק פריידי כוללים השנה:
- 50% הנחה למשך שנה עבור רכישת חבילה חדשה למשתמשים חדשים במערכת ZEFO.
- 50% הנחה על כל השדרוגים במערכת למשתמשים קיימים.
תנאים והגבלות נוספות שיש במבצע:
- ההטבה על חבילות הינה למשתמשים חדשים בלבד.
- ההטבה על שדרוגים היא למשתמשים קיימים בלבד. משתמש קיים הוא משתמש שרכש חבילה ב-ZEFO לפני ה-20.11.2022.
- ההטבה המוצעת הינה ביחס לעלות המחירון, ללא כפל מבצעים וללא הנחת כמות.
- ההנחה על חבילות תהיה בתוקף למשך שנה בלבד מעת הרכישה ולאחר מכן ישוב המחיר המקורי של החבילה שנרכשה ויותאם באופן אוטומטי לפי מחיר המחירון באותה עת.
- ניתן לממש את ההטבה בין ה-20 בנובמבר 2022 בשעה 10:00 ל-4 בדצמבר 2022 בשעה 23:59 בלבד.
- כל יתר תנאי השימוש והמסמכים הרלוונטיים ממשיכים לחול.
- ט.ל.ח. לחברה זכות לתקן טעויות, אם יקרו.
מבצע בלאק פריידי של ZEFO מתחיל מהיום למשך שבועיים.
כן, שבועיים (אבל לא שווה לכם לדחות. לא נוכל לתת יום אחרי המבצע "מחירי בלאק פריידי", הבוס לא מרשה)
עד ה-04 בדצמבר 2022 בחצות!
עדיין לא משתמשים ב-ZEFO? קנו עכשיו חבילה וקבלו 50% הנחה למשך שנה! ההצעה עבור כל החבילות שלנו.
משתמשים קיימים במערכת? שדרגו את החבילה שלכם וקבלו 50% הנחה על כל שדרוג שתעשו, לתמיד.
תנאי השימוש של המבצע ממש פה – **תנאים נוספים למבצע בלאק פריידי
עוד לא מכירים את המערכת ואת היכולות שלה? הכנו עבורכם סרטון קצר (פחות מ-5 דקות) שמסכם את הכל: