Joomcode Demo

Home
Demo Login
JOOMCODE DEMO LOGIN

Username *

Password *

Remember Me

Forgot your password?

Forgot your username?
www.joomcode.comDemo Site

Username *

Password *

Remember me

Forgot your password?
Forgot your username?

Processing...

{runscript}<style>.bar {
width: 100%;
height: 20px;
border: 1px solid #2980b9;
border-radius: 3px;
background-image:
    repeating-linear-gradient(
      -45deg,
      #2980b9,
      #2980b9 11px,
      #eee 10px,
      #eee 20px /* determines size */
    );
background-size: 28px 28px;
animation: move .5s linear infinite;
}

@keyframes move {
0% {
    background-position: 0 0;
}
100% {
    background-position: 28px 0;
}
}</style>{/runscript}

Please Wait....

Confirmation...

{runscript}<style>.bar {
width: 100%;
height: 20px;
border: 1px solid #2980b9;
border-radius: 3px;
background-image:
    repeating-linear-gradient(
      -45deg,
      #2980b9,
      #2980b9 11px,
      #eee 10px,
      #eee 20px /* determines size */
    );
background-size: 28px 28px;
animation: move .5s linear infinite;
}

@keyframes move {
0% {
    background-position: 0 0;
}
100% {
    background-position: 28px 0;
}
}</style>{/runscript}

Checking Photo Quality.....Please Wait

Starting Shift...

{runscript}<style>.bar {
width: 100%;
height: 20px;
border: 1px solid #2980b9;
border-radius: 3px;
background-image:
    repeating-linear-gradient(
      -45deg,
      #2980b9,
      #2980b9 11px,
      #eee 10px,
      #eee 20px /* determines size */
    );
background-size: 28px 28px;
animation: move .5s linear infinite;
}

@keyframes move {
0% {
    background-position: 0 0;
}
100% {
    background-position: 28px 0;
}
}</style>{/runscript}

Please Wait...Busy clocking IN

Ending Shift...

{runscript}<style>.bar {
width: 100%;
height: 20px;
border: 1px solid #2980b9;
border-radius: 3px;
background-image:
    repeating-linear-gradient(
      -45deg,
      #2980b9,
      #2980b9 11px,
      #eee 10px,
      #eee 20px /* determines size */
    );
background-size: 28px 28px;
animation: move .5s linear infinite;
}

@keyframes move {
0% {
    background-position: 0 0;
}
100% {
    background-position: 28px 0;
}
}</style>{/runscript}

Please Wait...Busy Clocking OUT

Starting Break...

{runscript}<style>.bar {
width: 100%;
height: 20px;
border: 1px solid #2980b9;
border-radius: 3px;
background-image:
    repeating-linear-gradient(
      -45deg,
      #2980b9,
      #2980b9 11px,
      #eee 10px,
      #eee 20px /* determines size */
    );
background-size: 28px 28px;
animation: move .5s linear infinite;
}

@keyframes move {
0% {
    background-position: 0 0;
}
100% {
    background-position: 28px 0;
}
}</style>{/runscript}

Please Wait...Busy clocking OUT

Ending Break...

{runscript}<style>.bar {
width: 100%;
height: 20px;
border: 1px solid #2980b9;
border-radius: 3px;
background-image:
    repeating-linear-gradient(
      -45deg,
      #2980b9,
      #2980b9 11px,
      #eee 10px,
      #eee 20px /* determines size */
    );
background-size: 28px 28px;
animation: move .5s linear infinite;
}

@keyframes move {
0% {
    background-position: 0 0;
}
100% {
    background-position: 28px 0;
}
}</style>{/runscript}

Please Wait...Busy clocking IN

Popup

{runscript}<style>.bar {
width: 100%;
height: 20px;
border: 1px solid #2980b9;
border-radius: 3px;
background-image:
    repeating-linear-gradient(
      -45deg,
      #2980b9,
      #2980b9 11px,
      #eee 10px,
      #eee 20px /* determines size */
    );
background-size: 28px 28px;
animation: move .5s linear infinite;
}

@keyframes move {
0% {
    background-position: 0 0;
}
100% {
    background-position: 28px 0;
}
}</style>{/runscript}

Checking Photo Quality.....Please Wait

Clock Patrol Reporting Point

Saving...

{runscript}<style>.bar {
width: 100%;
height: 20px;
border: 1px solid #2980b9;
border-radius: 3px;
background-image:
    repeating-linear-gradient(
      -45deg,
      #2980b9,
      #2980b9 11px,
      #eee 10px,
      #eee 20px /* determines size */
    );
background-size: 28px 28px;
animation: move .5s linear infinite;
}

@keyframes move {
0% {
    background-position: 0 0;
}
100% {
    background-position: 28px 0;
}
}</style>{/runscript}

Saving...Please Wait

Clocking Guest....

{runscript}<style>.bar {
width: 100%;
height: 20px;
border: 1px solid #2980b9;
border-radius: 3px;
background-image:
    repeating-linear-gradient(
      -45deg,
      #2980b9,
      #2980b9 11px,
      #eee 10px,
      #eee 20px /* determines size */
    );
background-size: 28px 28px;
animation: move .5s linear infinite;
}

@keyframes move {
0% {
    background-position: 0 0;
}
100% {
    background-position: 28px 0;
}
}</style>{/runscript}

Please Wait...Busy clocking Guest

Uploading...

{runscript}<style>.bar {
width: 100%;
height: 20px;
border: 1px solid #2980b9;
border-radius: 3px;
background-image:
    repeating-linear-gradient(
      -45deg,
      #2980b9,
      #2980b9 11px,
      #eee 10px,
      #eee 20px /* determines size */
    );
background-size: 28px 28px;
animation: move .5s linear infinite;
}

@keyframes move {
0% {
    background-position: 0 0;
}
100% {
    background-position: 28px 0;
}
}</style>{/runscript}

Uploading...Please Wait, it may take a while if you added a video

Sending message...

{runscript}<style>.bar {
width: 100%;
height: 20px;
border: 1px solid #2980b9;
border-radius: 3px;
background-image:
    repeating-linear-gradient(
      -45deg,
      #2980b9,
      #2980b9 11px,
      #eee 10px,
      #eee 20px /* determines size */
    );
background-size: 28px 28px;
animation: move .5s linear infinite;
}

@keyframes move {
0% {
    background-position: 0 0;
}
100% {
    background-position: 28px 0;
}
}</style>{/runscript}

Sending Message...Please Wait

JOOMCODE DEMO LOGIN